{"_id":"@aligov/remote-component","_rev":"18-43aa0eddbf00961cdb98cbac03e51ea8","name":"@aligov/remote-component","description":"加载开放平台的模块应用并渲染成组件","dist-tags":{"beta":"1.0.2-beta.1","latest":"1.0.2-beta.4"},"versions":{"1.0.0":{"name":"@aligov/remote-component","version":"1.0.0","keywords":["jssdk","utils","api"],"license":"MIT","_id":"@aligov/remote-component@1.0.0","maintainers":[{"name":"zhangcong.zh_lisi","email":"386333321@qq.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"itrip","email":"1198488651@qq.com"},{"name":"liunian","email":"dengjij@gmail.com"},{"name":"xiazhiqiang","email":"xiazhiqiangcuc@126.com"},{"name":"jerrywang12","email":"463174595@qq.com"},{"name":"zhousufa","email":"zhousufa@gmail.com"},{"name":"mo.zhou","email":"bjfuzm@163.com"},{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},{"name":"zwhu","email":"zwhu2014@foxmail.com"},{"name":"ccs0118","email":"ccs19871030@gmail.com"},{"name":"daip","email":"15858208586@163.com"},{"name":"zhaojian6516","email":"zhaojian6516@163.com"},{"name":"baizhao","email":"ethan.cqw@alibaba-inc.com"},{"name":"leezq","email":"lizhenq2009@gmail.com"},{"name":"jasoncapricorn","email":"17682318001@163.com"}],"dist":{"shasum":"5193d9581c9e52a5e32409a09346e8978f837a8a","tarball":"https://registry.npmjs.org/@aligov/remote-component/-/remote-component-1.0.0.tgz","fileCount":37,"integrity":"sha512-QtRZAxtbEjyb074idTZl8QT0wMF2+T5oFJmBGj/SVTKLGSyMpJPmBmzuZhVnoEAk3LpZ/lG5sCwszJgbfwXmvA==","signatures":[{"sig":"MEYCIQCByTLU73MrLvzn5OqdiCf7DXxOAlEQo/vh/p+IMbP4vwIhAMeTCUKvz4Tr8IxFd54sJNB91arXajD/5zvOuWXxY7WA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdriOCRA9TVsSAnZWagAAROgP/1A3X260djoPtDJ5UEyT\nCJIQoNKvspi14LLzpqpetqkjFOfcUU7Q6EGtWDEdhJDsqTwIVojcPRz/1R+K\nXNXAYKtQAc65p5CcR3f3ZFsalvpWB1JnbOOnhns8WoUx1h8AAwigU1D6C0zd\n4CEE+bWg+/JVZFIhR/7D3iZ3h58nIdEDHH+bv4qoBDKyvnvDgJFa5YsTKd4e\n+ZAHy3QEaf95UfCMr8FgM2XdD3fB4bf9BpOVnhSTrXEIhsEYsumsbHDply9s\nO7aFDi+YtZrqax2zp3ZysC4W+ualvlnAUU9IP7QkJImRxk3733x6/i4BVzzf\nmv9U86qZR8TUon9pHTePoKSbV0wDlwM2NwbOuRvGApgTF1NSW+whTZsydTLW\nGXxxPl0HG5Z9Me7KQd8mVua0hq8nOxyOLckkrJYgrAcwe8Esa55eozwpOufl\nq1kCvELrhjTU9xywIXFYrJbUyLaenHcPCEV+TGXCBYMcw9De4ZfKZJDhhhCF\n/N9N10P6Vsgju7krEzLSOzmo8sbmLfvZAjkfxt/I95+CSdIh4TcNBgQ3tQEy\nHw3JeqeYyK3z1gtShfz7mwZbeQry+75aK+tIvpjA6CthbAkmfgPCvIQyJcdr\nXKQbX+kkSlhv/G0jNV0YvxHQXNRQ3xjmH7uBfEnQ/4RSZX1Bk+gplTWYuCXl\nKaVl\r\n=aIVG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","engines":{"npm":">=3.0.0"},"scripts":{"lint":"eslint ./src/**/*.*","build":"build-scripts build","start":"build-scripts start","lint-fix":"eslint --fix ./src/**/*.*","prepublishOnly":"npm run build"},"_npmUser":{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},"_npmVersion":"6.13.4","description":"加载开放平台的模块应用并渲染成组件","directories":{},"_nodeVersion":"12.16.1","dependencies":{"@paciolan/remote-component":"^2.11.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"rax":"^1.2.0","react":"^16.13.1","react-dom":"^16.13.1","driver-dom":"^2.2.1","typescript":"^3.7.5","@alib/build-scripts":"^0.1.0","build-plugin-component":"^1.5.0","build-plugin-rax-component":"^0.2.0","build-plugin-moment-locales":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/remote-component_1.0.0_1618393230171_0.4319259078111748","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@aligov/remote-component","version":"1.0.1","keywords":["jssdk","utils","api"],"license":"MIT","_id":"@aligov/remote-component@1.0.1","maintainers":[{"name":"zhangcong.zh_lisi","email":"386333321@qq.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"itrip","email":"1198488651@qq.com"},{"name":"liunian","email":"dengjij@gmail.com"},{"name":"xiazhiqiang","email":"xiazhiqiangcuc@126.com"},{"name":"jerrywang12","email":"463174595@qq.com"},{"name":"zhousufa","email":"zhousufa@gmail.com"},{"name":"mo.zhou","email":"bjfuzm@163.com"},{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},{"name":"zwhu","email":"zwhu2014@foxmail.com"},{"name":"ccs0118","email":"ccs19871030@gmail.com"},{"name":"daip","email":"15858208586@163.com"},{"name":"zhaojian6516","email":"zhaojian6516@163.com"},{"name":"baizhao","email":"ethan.cqw@alibaba-inc.com"},{"name":"leezq","email":"lizhenq2009@gmail.com"},{"name":"jasoncapricorn","email":"17682318001@163.com"}],"homepage":"https://unpkg.com/@aligov/remote-component@1.0.1/build/index.html","dist":{"shasum":"ed9115faad439c9d1f2d87dcfadb33951ed462c9","tarball":"https://registry.npmjs.org/@aligov/remote-component/-/remote-component-1.0.1.tgz","fileCount":40,"integrity":"sha512-7gJbvfZSK6PqrX1QtZirAwe+7zDfezd+QB3zdzx6byUVprqyJDrA4lSY8aIwEZpCUSX21O4YzBNrGIeEpdguaw==","signatures":[{"sig":"MEYCIQCxXkj2RXcZbwtnq2AYIOtHHUOOlh9EQgxZLbTsn0CqIwIhAJx91g/Xf1gqrjX7ClB8FEHthqthUPJwM1fQ6wkXOyy6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":352550,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd/vdCRA9TVsSAnZWagAAEt0P/Ra+Lbdo4X5UczJUZdE8\nWMFZED/Wll1FhOnD0SZ0Ib4WmcOWZPZTJ+RI46oxF0G1xJkPeYr45d/wSWtn\nPbO1YnGwZBhlEwT8SXbFy4BlifTKaY4WUEanMMtYgKfqF7dDx34y28qoG6Jg\nGdwtUraBPjOcKv6KbXsBqZgyf/LgEqfouQyXEVD1v5Y6xUXZs9hEw8k5CVC4\nat03Q4eoXY/ICwCfF2369+14a+4K2DhAKu5HyBw+pQ+VwX/N5nnhoQUbXcIv\nUrwbdreVFhbpe2zjZvb0rsulM5xJjj0ICOypAnu9LO0nAtzGaTFROBArSyQH\n+aqu1yED1tTDkASjzYQu7g9tIJPjS7KV6IvOtZjxsDC9i7SJt0PrlzvSGgGD\nlUItwAGYAg9WHOAl5nW9GZaiZx+1jjjM+Bgy0TqtGgPlONc4F+VhtVlKi8Uo\n5rDhEjDd729dE+vCZJxUVoOT0RkrCRZJ4jHkBapBrmHVq3iD+hcjF59dgSiZ\nI+Xdfd0uoNgL0wOeAggm0GlxQkKXD0RWxhpGWOe3Ls+BIlcqseqwAc86fe6+\nhaSwt7ClNAvHamk5gSUIvGOuoqiqBxSkAUcfgNcjf9a+m1ywm/9/8NEDjDjB\ngwDtVTZuAq73U3spgXo8/vdjXXsytnqMgQ+G9bLaaJWanaIBU1HiiTcAjGGZ\nW1/j\r\n=staJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","engines":{"npm":">=3.0.0"},"scripts":{"lint":"eslint ./src/**/*.*","build":"build-scripts build","start":"build-scripts start","lint-fix":"eslint --fix ./src/**/*.*","prepublishOnly":"npm run build"},"_npmUser":{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},"_npmVersion":"6.13.4","description":"加载开放平台的模块应用并渲染成组件","directories":{},"_nodeVersion":"12.16.1","dependencies":{"@paciolan/remote-component":"^2.11.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","react-dom":"^16.13.1","typescript":"^3.7.5","@alib/build-scripts":"^0.1.0","build-plugin-component":"^1.5.0","build-plugin-rax-component":"^0.2.0","build-plugin-moment-locales":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/remote-component_1.0.1_1618475997194_0.7649180274763396","host":"s3://npm-registry-packages"}},"1.0.2-beta.0":{"name":"@aligov/remote-component","version":"1.0.2-beta.0","keywords":["jssdk","utils","api"],"license":"MIT","_id":"@aligov/remote-component@1.0.2-beta.0","maintainers":[{"name":"zhangcong.zh_lisi","email":"386333321@qq.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"itrip","email":"1198488651@qq.com"},{"name":"liunian","email":"dengjij@gmail.com"},{"name":"xiazhiqiang","email":"xiazhiqiangcuc@126.com"},{"name":"jerrywang12","email":"463174595@qq.com"},{"name":"zhousufa","email":"zhousufa@gmail.com"},{"name":"mo.zhou","email":"bjfuzm@163.com"},{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},{"name":"zwhu","email":"zwhu2014@foxmail.com"},{"name":"ccs0118","email":"ccs19871030@gmail.com"},{"name":"daip","email":"15858208586@163.com"},{"name":"zhaojian6516","email":"zhaojian6516@163.com"},{"name":"baizhao","email":"ethan.cqw@alibaba-inc.com"},{"name":"leezq","email":"lizhenq2009@gmail.com"},{"name":"jasoncapricorn","email":"17682318001@163.com"}],"homepage":"https://unpkg.com/@aligov/remote-component@1.0.2-beta.0/build/index.html","dist":{"shasum":"976c22f98bf064454090f2195f073d7183aee412","tarball":"https://registry.npmjs.org/@aligov/remote-component/-/remote-component-1.0.2-beta.0.tgz","fileCount":44,"integrity":"sha512-9R5X3ZcmK58QSZdb1iXEbjq7ZBeVcmVmptpKeiOrh9G9I+FB39MpjP9/+03F3TYn40ebZhpODw9C+dWjay8QxQ==","signatures":[{"sig":"MEUCIDZpPfwvt+147Q4ijtvjMYad1uTdCMO7v1dgC+Owm2ifAiEA3Zb9dwDzo0djzwEdw1LFfFAc/NdFInVcs11LXjfQkjU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":354647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfXMHCRA9TVsSAnZWagAAW+cP/2HaqaS4OSmiROny/7Xe\n3/dlCKWhUd3r4n4raTEj98azJiBU9q5NwE0mkCfHxZOKrZcCfMGA3FTNTH81\ncs72Cyh5kJHeeT6R5/T1IFqyNMgc960T6odHL5OiJyR/av+Xz6t5yBaaSn5M\nbyG1B16h/JASFfFgZIut/62SdoSOjKsfNa4rTvFZcXq9Ir0SnIfa9JYiNwcN\nnp7R2T1RjqgmSxtqgnWeEp3Si6Tg3dxMiXPiCG2F1AQEehCCMjU9VmhiAXAX\n72oB60R91M1NsMIOiPBepj3S27d3pbdTOBaTe4e/YZsXx/JvQDZeR9U9xDBm\nM8nuR0VUjopenQkn+jBb5jOG08CQqaJPx5vWYS6eE+kZ0B3lnlO1MU4ULKdP\nJ+r7z7AXfp63cG3RkwWsweYEFxp0kyMmKxqC1W5YnRkYg51FF81JYlyZ+ZgR\nKFI1eukDeiQTRGq5zgsJuC8hjvHhA3WMNR60zx/T2qCBWxT22lUKh6efFkBc\n9MCwhI1um9eslWR0YL0F5V4ix7MtOnSGXdYihUuUeH3qJb75oB8T5WRJNV2x\nOinNTcz1LTnGyg+A51P554c9cbUQj9Lc1PxZsF1ve5Zu5ttN+dHVd8dvLkEE\n/yAlSTR9K3INJa7bwLLEqQZME0CX55qo76mwIR+1b+n5OfduEQhh+6eUpteN\nb4h0\r\n=enQx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","engines":{"npm":">=3.0.0"},"scripts":{"lint":"eslint ./src/**/*.*","build":"build-scripts build","start":"build-scripts start","lint-fix":"eslint --fix ./src/**/*.*","prepublishOnly":"npm run build"},"_npmUser":{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},"_npmVersion":"6.13.4","description":"加载开放平台的模块应用并渲染成组件","directories":{},"_nodeVersion":"12.16.1","dependencies":{"@paciolan/remote-component":"^2.11.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","react-dom":"^16.13.1","typescript":"^3.7.5","@alib/build-scripts":"^0.1.0","build-plugin-component":"^1.5.0","build-plugin-rax-component":"^0.2.0","build-plugin-moment-locales":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/remote-component_1.0.2-beta.0_1618834183123_0.6412741906955846","host":"s3://npm-registry-packages"}},"1.0.2-beta.1":{"name":"@aligov/remote-component","version":"1.0.2-beta.1","keywords":["jssdk","utils","api"],"license":"MIT","_id":"@aligov/remote-component@1.0.2-beta.1","maintainers":[{"name":"zhangcong.zh_lisi","email":"386333321@qq.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"itrip","email":"1198488651@qq.com"},{"name":"liunian","email":"dengjij@gmail.com"},{"name":"xiazhiqiang","email":"xiazhiqiangcuc@126.com"},{"name":"jerrywang12","email":"463174595@qq.com"},{"name":"zhousufa","email":"zhousufa@gmail.com"},{"name":"mo.zhou","email":"bjfuzm@163.com"},{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},{"name":"zwhu","email":"zwhu2014@foxmail.com"},{"name":"ccs0118","email":"ccs19871030@gmail.com"},{"name":"daip","email":"15858208586@163.com"},{"name":"zhaojian6516","email":"zhaojian6516@163.com"},{"name":"baizhao","email":"ethan.cqw@alibaba-inc.com"},{"name":"leezq","email":"lizhenq2009@gmail.com"},{"name":"jasoncapricorn","email":"17682318001@163.com"}],"homepage":"https://unpkg.com/@aligov/remote-component@1.0.2-beta.1/build/index.html","dist":{"shasum":"ca1c3b8eda64ae5de901d85910861fcb67b8435a","tarball":"https://registry.npmjs.org/@aligov/remote-component/-/remote-component-1.0.2-beta.1.tgz","fileCount":48,"integrity":"sha512-5a2HE/9QMMmRtACUEqAHmXLpe/0VcNiW6RRhnQmqfMKa1fmkxuiCtbhYpmWi1j8UlVNIS1hO1dsS/LFHirzrQA==","signatures":[{"sig":"MEUCIHD+2schwyUDNV+AH2+QdGuFm1aPvoIhoyBCfbaUCRvMAiEA6MvPR0VymsDIOfKBydoj59PDHX+N3jBFMPcB8ZbLoJA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":361002,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmSV7CRA9TVsSAnZWagAAv0sQAIinEI6RJlhYbKPkByj/\nFZC7wFaawMCpl9VlfOzm2ETmNuvOw4plxpQEd6FBcAS3ZSCTtakTMBHWANuY\n/Ne+ohVAJSCp8Y7UtzC21ub2C3gnBwv5MtIadjuegsbatWtM8hQvDDlbQdd7\nWPnHJkRjcvI99lzldE7FUNyMVzsJLGudHoJqewQgqFQVJFmxfVgJ8VohbyNs\nmZFhcXUEVCPR6MXCy2mqs0ZWrp7Rc2aRd9hubredi5Vs8pbKz5mXKRpsnh4S\n8t55tLceGOp8i/HLH1sFeeO9lmxgCm2erfljN0FNi+9zZaRgHaUXc5vTS4YW\nDSLHuEDdc82j8/yPCsjs79isEgh1WJTpyIFYHRx7bPdn5z8wKE5VlHTq/3dV\nxIAJtmKG3kmz01b5WETwzrFi8tPHCAaj53DOYr7pZAr9ia14BydBQ9uKnQRg\nXaGyYHntCAjHKteKNqYPFsrIhi0N6FZSfm66T6h5JegGrsXcv04omkPyYTN2\nNaNRmP+dBrS4CMv2eOvgFZWoeqaIVdLIhXbJtzCmyOavT99g5523s+1iHcL2\nhTMV3w72z+QVdUe5+GlTX0gT4RFonyWs7pWKrsNFXYQ2onOwdObbQ0A0Darh\nHXU6I35/qFIdOOxeNLvkb2lIAHpJSlrqvkFrIQsPXV50Os0Z8DjDDh2Pzgo8\nOnW9\r\n=kBUh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","readme":"# @aligov/remote-component\n加载React组件并渲染\n\n## 安装\n```javascript\ntnpm install @aligov/remote-component -S\n```\n\n## 使用场景\n\n在应用中加载远程React组件。这个组件可以是umd格式、common.js格式，**推荐使用umd格式**\n\n## 核心能力\n\n1. 支持js、css同时加载， 比如: ['a.js', 'a.css']\n2. 相比如Load.js会在页面的header中插入一段script(link)来加载js(css)资源，remoteComponent会通过fetch来加载js(css)资源，避免了因为插入script而引起的安全问题\n3. 提供资源缓存优化。当a.js加载完后，会缓存在内存中，下次无须重复加载\n4. 支持Hooks调用\n5. 依赖处理。目前remote component支持externals掉react、react-dom、biz-charts，后续会使用runtime来支持运行时声明组件\n\n## 入参\n\n ```javascript\n interface IModule {\n url?: string; // 组件的url\n appId?: string | number; // 组件类型code\n name: string; // 组件的名称,注意是个数组\n // 其它属性（扩展使用）\n props?: {\n // 可指定预发或者线上请求url。预发：https://pre-mapi.zjzwfw.gov.cn；线上：https://mapi.zjzwfw.gov.cn\n host: string; \n }; \n }\n ```\n**入参中url和appId必传一个,若两者都传则只使用appId**\n## 基本用法\n\n1. 项目根目录下新建remote-component.config.js，用来声明远程组件所需要的依赖\n```javascript\n/**\n * 声明远程组件所需要的依赖\n */\nmodule.exports = {\n resolve: {\n React: window.React,\n ReactDOM: window.ReactDOM,\n BizCharts: window.BizCharts,\n Next: window.Next,\n },\n};\n```\n\n2. 新建src/RemoteComponent.js，用来生成具体的RemoteComponent组件\n\n```javascript\n// src/RemoteComponent.js\nimport React from 'react';\nimport {\n createRemoteComponent,\n createRequires,\n} from '@aligov/remote-component';\n// 依赖remote-component.config.js\nimport { resolve } from '../../../remote-component.config.js'; \n\nconst requires = createRequires(resolve);\n\nexport const RemoteComponent = createRemoteComponent({ requires });\n```\n说明: 这块本应该是组件提供者应提供的功能，但应实现中遇到问题，理想用法先不提供，附上理想用法:\n```javascript\nimport React from 'react';\nimport { RemoteComponent } from '@aligov/remote-component';\n// 使用RemoteComponent加载\nconst HelloWorld = ({ name }) => ;\n```\n\n3. 接下来使用RemoteComponent来加载远程组件\n```javascript\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { RemoteComponent } from '@/RemoteComponent' // 这是前面定义的RemoteComponent\n\nconst appId = 'recept_component_2';\nconst componentName = 'custom_notice';\n\nconst HelloWorld = ({ name }) => ;\n\nReactDOM.render(, documnet.getElementById('root'));\n```\n\n## 注意事项\n\n1. 依赖会被external两次，一次是远程组件，另一次是加载组件的APP.这可能会有些未知问题\n2. external掉的依赖版本需一致，比如组件A排除了react 16但是应用中引入的cdn是react 15，这就会有问题","engines":{"npm":">=3.0.0"},"scripts":{"lint":"eslint ./src/**/*.*","build":"build-scripts build","start":"build-scripts start","lint-fix":"eslint --fix ./src/**/*.*","prepublishOnly":"npm run build"},"_npmUser":{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},"_npmVersion":"6.13.4","description":"加载开放平台的模块应用并渲染成组件","directories":{},"_nodeVersion":"12.16.1","dependencies":{"@aligov/jssdk-mgop":"^3.0.4","@paciolan/remote-component":"^2.11.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^16.13.1","react-dom":"^16.13.1","typescript":"^3.7.5","@alib/build-scripts":"^0.1.0","build-plugin-component":"^1.5.0","build-plugin-rax-component":"^0.2.0","build-plugin-moment-locales":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/remote-component_1.0.2-beta.1_1620649339054_0.01837919983223646","host":"s3://npm-registry-packages"}},"1.0.2-beta.2":{"name":"@aligov/remote-component","version":"1.0.2-beta.2","keywords":["jssdk","utils","api"],"license":"MIT","_id":"@aligov/remote-component@1.0.2-beta.2","maintainers":[{"name":"zhangcong.zh_lisi","email":"386333321@qq.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"itrip","email":"1198488651@qq.com"},{"name":"liunian","email":"dengjij@gmail.com"},{"name":"xiazhiqiang","email":"xiazhiqiangcuc@126.com"},{"name":"jerrywang12","email":"463174595@qq.com"},{"name":"zhousufa","email":"zhousufa@gmail.com"},{"name":"mo.zhou","email":"bjfuzm@163.com"},{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},{"name":"zwhu","email":"zwhu2014@foxmail.com"},{"name":"ccs0118","email":"ccs19871030@gmail.com"},{"name":"daip","email":"15858208586@163.com"},{"name":"zhaojian6516","email":"zhaojian6516@163.com"},{"name":"baizhao","email":"ethan.cqw@alibaba-inc.com"},{"name":"leezq","email":"lizhenq2009@gmail.com"},{"name":"jasoncapricorn","email":"17682318001@163.com"}],"homepage":"https://unpkg.com/@aligov/remote-component@1.0.2-beta.2/build/index.html","dist":{"shasum":"a18d736ee7b9c72fad4c91ce08c7572cb9f1d608","tarball":"https://registry.npmjs.org/@aligov/remote-component/-/remote-component-1.0.2-beta.2.tgz","fileCount":48,"integrity":"sha512-ICyrQ+s6QC1q7sXUXpVOcIgRjLhdtckPgjPsTXuWlW970v9KSmgpoyBmNqUJl1udN/WBtL21I4Z+krVzRkd0XQ==","signatures":[{"sig":"MEUCIEoOqdDX8KkzXk7HDbBhXjIN9CQtGSZ17w5QlRQYrtexAiEAujdDML0nxdTslrwN8YLhDze++IGpW23FtVH0qMgVDN0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":363614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmjGqCRA9TVsSAnZWagAARbIP/i7cNmtSXKPGy8DmSefc\nWF+6aOXoNeESvgpC5q3DQAuBBxP347EoeGArsGsiCzynkdjnatkZv6hafUnI\nWTgExUwKnbfxhXmljTS48FoMjXDwCLq370skt1SYkimrwbxlDQ+NgkjCt3cY\nnG+KjLH/3Rjy+MdAsNMKYesJZP+MbGzojkqAWbx0ZxzoXOrE/+kbE45xgYyl\nZqjjSpiibQvmLgQAWUtRL1SyovW5YuDHxzA2XE5hv+FJSXmh9liDNczi0dpQ\ny3Eubg9rPPh1SV5IrKSJg2BT68T6viqz05aC6T+BdE2s4feNPBi8pSIrEyzY\nf5jDFa1SHNI4aiHmcI+pkbNzV7RQ4zZxMFNMIGy0aN/iGhVDcPc3YFzWZh1b\n1YL6EVbXon/o0xrpQFQepbR1m2yzyM7ekx4cLfXOlwVuT/LXHXsWXvC7PJwa\nebfixrs96ZKIoETXzLjL+P4yU2VRmfl0Fp+oQx3F1rqVep7GsrVxHru6ozxZ\nPZ2A+g3GPfzRGpEKu/l1+WAofWqvv8rZrp7MmPPedn9COqoF6jOfyCqAKQ2u\n2lhhAHmx4HMeZukn6v0oA/qcR3Ah46rh+fTUWXe5HbJgS9pzpmcYwVzj0Yh8\naqLOqgJ7BFnG3RV/NT/qGuyp3Tiik2cNEFuda+UOId3BPiPCIW/9BE33L7M0\nLJke\r\n=31bN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","engines":{"npm":">=3.0.0"},"scripts":{"lint":"eslint ./src/**/*.*","build":"build-scripts build","start":"build-scripts start","lint-fix":"eslint --fix ./src/**/*.*","prepublishOnly":"npm run build"},"_npmUser":{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},"_npmVersion":"6.13.4","description":"加载开放平台的模块应用并渲染成组件","directories":{},"_nodeVersion":"12.16.1","dependencies":{"@aligov/jssdk-mgop":"^3.0.4","@paciolan/remote-component":"^2.11.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","react-dom":"^16.13.1","typescript":"^3.7.5","@alib/build-scripts":"^0.1.0","build-plugin-component":"^1.5.0","build-plugin-rax-component":"^0.2.0","build-plugin-moment-locales":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/remote-component_1.0.2-beta.2_1620717993814_0.0704633233822003","host":"s3://npm-registry-packages"}},"1.0.2-beta.3":{"name":"@aligov/remote-component","version":"1.0.2-beta.3","keywords":["jssdk","utils","api"],"license":"MIT","_id":"@aligov/remote-component@1.0.2-beta.3","maintainers":[{"name":"zhangcong.zh_lisi","email":"386333321@qq.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"itrip","email":"1198488651@qq.com"},{"name":"liunian","email":"dengjij@gmail.com"},{"name":"xiazhiqiang","email":"xiazhiqiangcuc@126.com"},{"name":"jerrywang12","email":"463174595@qq.com"},{"name":"zhousufa","email":"zhousufa@gmail.com"},{"name":"mo.zhou","email":"bjfuzm@163.com"},{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},{"name":"zwhu","email":"zwhu2014@foxmail.com"},{"name":"ccs0118","email":"ccs19871030@gmail.com"},{"name":"daip","email":"15858208586@163.com"},{"name":"zhaojian6516","email":"zhaojian6516@163.com"},{"name":"baizhao","email":"ethan.cqw@alibaba-inc.com"},{"name":"leezq","email":"lizhenq2009@gmail.com"},{"name":"jasoncapricorn","email":"17682318001@163.com"}],"homepage":"https://unpkg.com/@aligov/remote-component@1.0.2-beta.3/build/index.html","dist":{"shasum":"c0328f93c42898ec4d408379e490b5341bd98572","tarball":"https://registry.npmjs.org/@aligov/remote-component/-/remote-component-1.0.2-beta.3.tgz","fileCount":48,"integrity":"sha512-nnB3UOOaOGgFRr2rs0u0grE1ArK+xNyeFQYMIGpilhpzaMQ8SA1Bsg3S5wHgm3ePDqopzvTHEvJe3C+ofDGqEQ==","signatures":[{"sig":"MEUCIQCjirdqcIzD4Mx2wEhwEyJWemeOa6oJhAnn9HTCsxbGJgIgJutZwyiHBFyXLImhHkeRrM4YjMPe3+v6qK8efrHWc8c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":363618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgox1sCRA9TVsSAnZWagAA8n0QAJVeQMfEBhv36z3MybH9\nlGIhWpU3hKsBozrNHa24SRzLEMTfOiGqMsb1FmnpsxRfHObvPbgDX33++bgU\n5tc/QLDBXrPgaINGc003TQMaupUaDvrgNm/i+fI0sbwmukqGqu9XJkDE4Mmv\nEJxZyE6BBmwA/xmYXxwECf45C+XtW5Rm0XDqynmqhkDnrREMNkhBcv8zmBO5\nln/BPGuQRaD/PEX8oz74OlZodE/sLBFY3MUx8qJ8NAYFEqTxhpC4IsgmTNeK\nJyBgcQMU8DIJE0V+2F90jKRM5kv4xLQOC9VLA1ci9bB0aGoeixxJHHecW7Tl\nSX3+8WbQaIJT/Ho5IF68YdBrOTLzy5JQyzA2TI0qfgmnFohZjoWZBQhECgq3\nOq6h8xigP8dzs3YFq6axJnlMDVWB3jgd1ow3o8vPIKj1rr4vfnKodO8/24KS\nbx3XkULOSBTkPjNZCVOSNgW7h+s93N4+WfYrygxucz40o7tvVBd8FZ96rGC2\nz6gJ/GCdSiKpaJdUqa/m4cGvAcnnhw0hSZjLOzuOlvq26KIhVw774NYCpW5x\n6c+8BT9hr67U1uvUz5ivQfeCsX/3dXDYsmKBeZEf4tnlD6GtOwKP9RGMwSZ/\nExPAghT2kxlBnvH/p2rsZIbV7abGqfzVOj3yOJxPlSt9pZqSGfPNAllCFapo\nbMUL\r\n=ceNq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","engines":{"npm":">=3.0.0"},"scripts":{"lint":"eslint ./src/**/*.*","build":"build-scripts build","start":"build-scripts start","lint-fix":"eslint --fix ./src/**/*.*","prepublishOnly":"npm run build"},"_npmUser":{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},"_npmVersion":"6.13.4","description":"加载开放平台的模块应用并渲染成组件","directories":{},"_nodeVersion":"12.16.1","dependencies":{"@aligov/jssdk-mgop":"^3.0.4","@paciolan/remote-component":"^2.11.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","react-dom":"^16.13.1","typescript":"^3.7.5","@alib/build-scripts":"^0.1.0","build-plugin-component":"^1.5.0","build-plugin-rax-component":"^0.2.0","build-plugin-moment-locales":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/remote-component_1.0.2-beta.3_1621302635485_0.6169170410115667","host":"s3://npm-registry-packages"}},"1.0.2-beta.4":{"name":"@aligov/remote-component","version":"1.0.2-beta.4","keywords":["jssdk","utils","api"],"license":"MIT","_id":"@aligov/remote-component@1.0.2-beta.4","maintainers":[{"name":"zhangcong.zh_lisi","email":"386333321@qq.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"itrip","email":"1198488651@qq.com"},{"name":"liunian","email":"dengjij@gmail.com"},{"name":"xiazhiqiang","email":"xiazhiqiangcuc@126.com"},{"name":"jerrywang12","email":"463174595@qq.com"},{"name":"zhousufa","email":"zhousufa@gmail.com"},{"name":"mo.zhou","email":"bjfuzm@163.com"},{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},{"name":"zwhu","email":"zwhu2014@foxmail.com"},{"name":"ccs0118","email":"ccs19871030@gmail.com"},{"name":"daip","email":"15858208586@163.com"},{"name":"zhaojian6516","email":"zhaojian6516@163.com"},{"name":"baizhao","email":"ethan.cqw@alibaba-inc.com"},{"name":"leezq","email":"lizhenq2009@gmail.com"},{"name":"jasoncapricorn","email":"17682318001@163.com"}],"homepage":"https://unpkg.com/@aligov/remote-component@1.0.2-beta.4/build/index.html","dist":{"shasum":"365b5ac7fd27aa4c983d6b493942998cec0e6260","tarball":"https://registry.npmjs.org/@aligov/remote-component/-/remote-component-1.0.2-beta.4.tgz","fileCount":48,"integrity":"sha512-RAp6m1MnKL6jJHqzGxvAI9ENBEAfMi8LpI5cF78YhkYOtyBOuB6k9hkc0IO1ad6bifJhZ9Yqk/bZ4eGq1jZcTA==","signatures":[{"sig":"MEUCIQDXQAHlIIOlGoGPac5itHyGBOshlc1GijRFMnARJL+LrwIgLwfppwoDEylPewdDg+QUt/hdaOT+YSDh214z0J2s/pk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":364318,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh11ZJCRA9TVsSAnZWagAAAKYP/3NivcrXJ42VABZNAikc\ncLgceTSvRZ6CbmsCn25xPfxsLg/Tbdj4/6Eu3gcCCc75yf1/q00aBDTGmSva\n5NhlerKKPp8RuQrjjy77IVZVJKDkIfxNGpXYTaBYEKjbDdlqYAolP/MR8ZNB\nwSq96lZYGqWcSgq56tTKTWhGG9YwybKJao8ZjR8539uLOTeNmpVfE7EinnZD\nXXchRlS+czzs/HtDANYKhQVOWSXSvHhcGlJwTSV7MXKNnfYznOUOwR9PrZU+\ngm2vpsady5nJXRK+Y5a3o9XWK7WYzixI6EfCILqsBdoAH53GjcTkTLOw4C5t\nQ3/EThRvOCr49F/RRrIKRZzHrrczatISUZxPkITQvm5SExqCU6/vXZdzxiqb\n13DfeA6ghDCxEzkJG4R7zWqQQCmDgE4iGrtpbu7GKS4Ubl/oG5zLzpQ/m4K/\nY5qWtcW1I73+Je50jBWdXYlEFbRpWgilFQcGKVWtk8JXfDbl1BjqWxQtrzW4\n65wr5oxGeNB0ctECNESyP7q0v9eTQQ88eVb6FhwlUQShlG/RCX7tiVsQJAHM\nkK61WqfsfbJ/p3/53Ijxa79zYYUjypP2KpVh0CXzzY1FNgD5ctOTO/Cc/A73\n5F6VePJU1gR4ImHQZn5UCCgMDlRFo/nqHP7NmwDvPFfj7EJvlPC2MpMqpMUb\nMEeW\r\n=jRkE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","engines":{"npm":">=3.0.0"},"scripts":{"lint":"eslint ./src/**/*.*","build":"build-scripts build","start":"build-scripts start","lint-fix":"eslint --fix ./src/**/*.*","prepublishOnly":"npm run build"},"_npmUser":{"name":"guoliang.hgl","email":"guoliang.hgl@alibaba-inc.com"},"_npmVersion":"6.13.4","description":"加载开放平台的模块应用并渲染成组件","directories":{},"_nodeVersion":"12.16.1","dependencies":{"@aligov/jssdk-mgop":"^3.0.4","@paciolan/remote-component":"^2.11.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","react-dom":"^16.13.1","typescript":"^3.7.5","@alib/build-scripts":"^0.1.0","build-plugin-component":"^1.5.0","build-plugin-rax-component":"^0.2.0","build-plugin-moment-locales":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/remote-component_1.0.2-beta.4_1621305014534_0.784674618608632","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-04-14T09:40:29.967Z","modified":"2024-07-04T09:20:09.409Z","1.0.0":"2021-04-14T09:40:30.290Z","1.0.1":"2021-04-15T08:39:57.355Z","1.0.2-beta.0":"2021-04-19T12:09:43.309Z","1.0.2-beta.1":"2021-05-10T12:22:19.255Z","1.0.2-beta.2":"2021-05-11T07:26:34.059Z","1.0.2-beta.3":"2021-05-18T01:50:35.640Z","1.0.2-beta.4":"2021-05-18T02:30:14.645Z"},"maintainers":[{"email":"wanyi.css@alibaba-inc.com","name":"wanyi.css"},{"email":"17682318001@163.com","name":"jasoncapricorn"},{"email":"chris_jun@aliyun.com","name":"qingkaili"},{"email":"hgxjyh@163.com","name":"huguoxin"},{"email":"shenyu.wsy@alibaba-inc.com","name":"shenyu.wsy"},{"email":"dengjij@gmail.com","name":"liunian"},{"email":"tao360907796@gmail.com","name":"tao1991123"},{"email":"1198488651@qq.com","name":"itrip"},{"email":"xiazhiqiangcuc@126.com","name":"xiazhiqiang"},{"email":"bjfuzm@163.com","name":"mo.zhou"},{"email":"guoliang.hgl@alibaba-inc.com","name":"guoliang.hgl"},{"email":"15858208586@163.com","name":"daip"},{"email":"ethan.cqw@gmail.com","name":"baizhao"}],"keywords":["jssdk","utils","api"],"license":"MIT","homepage":"https://unpkg.com/@aligov/remote-component@1.0.2-beta.4/build/index.html","readme":"# @aligov/remote-component\n加载React组件并渲染\n\n## 安装\n```javascript\ntnpm install @aligov/remote-component -S\n```\n\n## 使用场景\n\n在应用中加载远程React组件。这个组件可以是umd格式、common.js格式，**推荐使用umd格式**\n\n## 核心能力\n\n1. 支持js、css同时加载， 比如: ['a.js', 'a.css']\n2. 相比如Load.js会在页面的header中插入一段script(link)来加载js(css)资源，remoteComponent会通过fetch来加载js(css)资源，避免了因为插入script而引起的安全问题\n3. 提供资源缓存优化。当a.js加载完后，会缓存在内存中，下次无须重复加载\n4. 支持Hooks调用\n5. 依赖处理。目前remote component支持externals掉react、react-dom、biz-charts，后续会使用runtime来支持运行时声明组件\n\n## 入参\n\n ```javascript\n interface IModule {\n url?: string; // 组件的url\n appId?: string | number; // 组件id\n name: string; // 组件名\n // 其它属性（扩展使用）\n props?: {\n // 可指定预发或者线上请求url。预发：https://pre-mapi.zjzwfw.gov.cn；线上：https://mapi.zjzwfw.gov.cn\n host?: string; \n appTypeCode?: string; // 组件类型code\n }; \n }\n ```\n**入参中url和appId必传一个,若两者都传则只使用appId**\n## 基本用法\n\n1. 项目根目录下新建remote-component.config.js，用来声明远程组件所需要的依赖\n```javascript\n/**\n * 声明远程组件所需要的依赖\n */\nmodule.exports = {\n resolve: {\n React: window.React,\n ReactDOM: window.ReactDOM,\n BizCharts: window.BizCharts,\n Next: window.Next,\n },\n};\n```\n\n2. 新建src/RemoteComponent.js，用来生成具体的RemoteComponent组件\n\n```javascript\n// src/RemoteComponent.js\nimport React from 'react';\nimport {\n createRemoteComponent,\n createRequires,\n} from '@aligov/remote-component';\n// 依赖remote-component.config.js\nimport { resolve } from '../../../remote-component.config.js'; \n\nconst requires = createRequires(resolve);\n\nexport const RemoteComponent = createRemoteComponent({ requires });\n```\n说明: 这块本应该是组件提供者应提供的功能，但应实现中遇到问题，理想用法先不提供，附上理想用法:\n```javascript\nimport React from 'react';\nimport { RemoteComponent } from '@aligov/remote-component';\n// 使用RemoteComponent加载\nconst HelloWorld = ({ name }) => ;\n```\n\n3. 接下来使用RemoteComponent来加载远程组件\n```javascript\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { RemoteComponent } from '@/RemoteComponent' // 这是前面定义的RemoteComponent\n\nconst appId = 'recept_component_2';\nconst componentName = 'custom_notice';\n\nconst HelloWorld = ({ name }) => ;\n\nReactDOM.render(, documnet.getElementById('root'));\n```\n\n## 注意事项\n\n1. 依赖会被external两次，一次是远程组件，另一次是加载组件的APP.这可能会有些未知问题\n2. external掉的依赖版本需一致，比如组件A排除了react 16但是应用中引入的cdn是react 15，这就会有问题","readmeFilename":"README.md"}