{"_id":"@ablula/lowcode-preset","name":"@ablula/lowcode-preset","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@ablula/lowcode-preset","version":"0.1.0","description":"``` import { setupWithAssets, LowcodePresetOptions } from '@ablula/lowcode-preset';","main":"lib/index.js","scripts":{"start":"build-scripts start","build":"build-scripts build --skip-demo","prepublishOnly":"npm run build","test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"mark.ck"},"dependencies":{"react":"^17.x","react-dom":"^17.x","prop-types":"^15.5.8","@alifd/next":"^1.25.27","@alifd/theme-jinchan":"^0.1.0"},"devDependencies":{"fs-extra":"^10.1.0","@types/react":"^17.x","@alib/build-scripts":"^0.1.3","@alilc/lowcode-engine":"^1.0.15","build-plugin-component":"^1.12.0","@alilc/lowcode-engine-ext":"^1.0.5","tsconfig-paths-webpack-plugin":"^3.2.0"},"types":"./lib/index.d.ts","_id":"@ablula/lowcode-preset@0.1.0","_nodeVersion":"14.19.1","_npmVersion":"9.6.3","dist":{"integrity":"sha512-xU8P493Nlpq3IOQeM7IYhqYqDcTKA8glfvnHMNibHSVadJYAOlwXhL54j8U9bSznRF18tUYmzYhc3sLLRAnmpA==","shasum":"e4d42ed39f9f6f648b860725eff21be6d20de091","tarball":"https://registry.npmjs.org/@ablula/lowcode-preset/-/lowcode-preset-0.1.0.tgz","fileCount":43,"unpackedSize":3068485,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCb0YPQhZR5nYL3Lq7OgUrp+eAH1S3BATaMgtB0pCfZSwIgMzD8X8xhbb5zhnrlr4JTiCUPbjEHuvBpQH4jAhrMNpw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRAzKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqr5g//ZT8KNuM+n+4/arLhumWbG+QiA+CIL+s4Q8AHg8RKAR/cYqLX\r\nF5YEjuiDn39Eq1foDP+zdVWuwUMEnNKSFUydtf0iCakmhwm/BDj/49w7YfNX\r\naiEDHrCeKhTmB2g8iaQc/uBBw2afIAzrpCNf2AEwP5YnMe8pm7uaytZB5MFX\r\nHf3V3q60VTQxdP8UlCNrnIeVBXQWVLqHyM3oj1re/80nwK6NjNAGc4Af7oK5\r\ns8/EJxffmzp9QlNCUMHP5KdGXQElmefspYLFgD1qvm5zyZzJ7CvIbdPBrXz4\r\n8FeFMo/wq9eKP7IFFHsZaoV/SdsStXYFWKp/Ek2ZcBagmeNu7/caWaEXdoDq\r\nXgtrytWKHdW83vDDY8kNC/IzXYYjCLDOSwbXo3RyrsQedqjHwKv/RKW4JJDV\r\n9A7NPio32Ocb/KTvX0MvtPHBh4pK9efjKeb5U5o2lz8WtqlVOmmjwdspGJD4\r\nD7uL1546rqpXGIpUwwbiH0spW6wMdPHTPxx8qHfDbIlUzK+UO9qjyaMDpYDq\r\nymA7C/y+7WBYpnvNurtSvGeWpr2sXxtGAj5/LlNzuWt+qnBI3s/AUcfRNLKv\r\nLl2JH/cZLrC2BUIfcFINtRjZx0tK7Owc1PDUZd9UHB68zU9c9qdlpvdHDJSU\r\n/y6TZ003nFGWY2Piqyg1pmfVVO6DDbqf9MM=\r\n=IySO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},"directories":{},"maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lowcode-preset_0.1.0_1682181322054_0.5260159499831847"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-22T16:35:21.969Z","0.1.0":"2023-04-22T16:35:22.293Z","modified":"2023-04-22T16:35:22.541Z"},"maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"}],"description":"``` import { setupWithAssets, LowcodePresetOptions } from '@ablula/lowcode-preset';","author":{"name":"mark.ck"},"readme":"## Usage\n\n```\nimport { setupWithAssets, LowcodePresetOptions } from '@ablula/lowcode-preset';\n\nconst LCE_CONTAINER = document.getElementById('lce-container');\n\nconst config: LowcodePresetOptions = {\n  // locale: 'zh-CN',\n  enableCondition: true,\n  enableCanvasLock: true,\n  // 默认绑定变量\n  supportVariableGlobally: true,\n  // simulatorUrl 在当 engine-core.js 同一个父路径下时是不需要配置的！！！\n  // 这里因为用的是 alifd cdn，在不同 npm 包，engine-core.js 和 react-simulator-renderer.js 是不同路径\n  simulatorUrl: [\n    'https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/css/react-simulator-renderer.css',\n    'https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js'\n  ],\n  pluginConfig: {\n    logo: {\n      logo: 'https://i.ablula.tech/awesome-lowcode/logo.png',\n      href: 'https://space.bilibili.com/6962628'\n    }\n  }\n};\n\nconst DefaultSchema = {\n  \"componentName\": \"Page\",\n  \"props\": {},\n  \"hidden\": false,\n  \"title\": \"\",\n  \"isLocked\": false,\n  \"condition\": true,\n  \"conditionGroup\": \"\",\n  \"dataSource\": {\n    \"list\": []\n  },\n  \"state\": {},\n  \"methods\": {\n    \"testFunc\": {\n      \"type\": \"JSFunction\",\n      \"value\": \"function testFunc() {\\n  console.log('test aliLowcode func');\\n  return /*#__PURE__*/React.createElement(\\\"div\\\", {\\n    className: \\\"test-aliLowcode-func\\\"\\n  }, this.state.test);\\n}\",\n      \"source\": \"function testFunc() {\\n  console.log('test aliLowcode func');\\n  return <div className=\\\"test-aliLowcode-func\\\">\\n        {this.state.test}\\n      </div>;\\n}\"\n    }\n  },\n  \"lifeCycles\": {},\n  \"originCode\": \"class Page extends Component {\\n  undefined\\n  \\n  \\n  // 你可以在这里编写函数，并且与组件的事件进行绑定，支持JSX语法\\n  testFunc() {\\n    console.log('test aliLowcode func');\\n    return (\\n      <div className=\\\"test-aliLowcode-func\\\">\\n        {this.state.test}\\n      </div>\\n    );\\n  }\\n  \\n}\",\n  \"css\": \"\",\n  \"children\": [\n  ]\n}\n\n\n(async function main() {\n  const assets = await (\n    await fetch(\n      `https://alifd.alicdn.com/npm/@alilc/lowcode-materials@1.1.0/build/lowcode/assets-prod.json`\n    )\n  ).json();\n  \n  const schema = DefaultSchema;\n\n\n  await setupWithAssets({\n    ...assets,\n    extConfig: {\n      customExt: {\n        urls: [\n          'https://i.ablula.tech/npm/@ablula/lowcode-ext-1@0.0.6/dist/lowcodeExt1.js',\n          'https://i.ablula.tech/npm/@ablula/lowcode-ext-1@0.0.6/dist/lowcodeExt1.css',\n        ],\n        library: 'AblulaLowcodeExt1'\n      }\n    }\n  }, schema, LCE_CONTAINER, config)\n\n})();\n\n```\n\n## Develop\n\n### npm install\n\n```\nnpm i -dd --registry=https://registry.npmmirror.com --legacy-peer-deps\n```\n\n### dev\n\n```\nnpm start\n```\n\n## Publish\n\n```\nnpm publish\n```","readmeFilename":"README.md"}