{"_id":"@activity-maker/linglong-action-flow","name":"@activity-maker/linglong-action-flow","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@activity-maker/linglong-action-flow","version":"1.0.1","main":"lib/cjs/linglong-action-flow.js","module":"lib/esm/linglong-action-flow.js","typings":"types/index.d.ts","repository":{"type":"git","url":"https://gitee.com/marketing-activity-platform/linglong-action-flow"},"homepage":"https://gitee.com/marketing-activity-platform/linglong-action-flow","bugs":{"url":"https://gitee.com/marketing-activity-platform/linglong-action-flow/issues"},"author":{"name":"FEA:xinlei.zhuang","email":"xinlei.zhuang@ximalaya.com"},"description":"基于营销系统 Action Flow 迁移的玲珑系统行为库。","publishConfig":{"access":"public"},"keywords":["linglong","action flow","linglong actions"],"scripts":{"changelog":"standard-changelog -f","release":"standard-version","type-check":"tsc --noEmit","type-check:watch":"npm run type-check -- --watch","start":"rollup -c --watch","build":"npm run build:types && rollup -c","build:types":"tsc --declaration --emitDeclarationOnly --declarationDir types","build-yx":"rollup -c rollup.umd.config.js","prepublishOnly":"npm run build"},"license":"MIT","yxpm":{"output":"lib/umd"},"peerDependencies":{"@activity-maker/linglong-setting-form":"2.2.1","antd":">=4.2.0","react":">=16.9.0","react-dom":">=16.9.0"},"dependencies":{"immer":"^6.0.8","lodash.set":"^4.3.2","react-json-editor-viewer":"^1.0.7"},"devDependencies":{"@babel/cli":"^7.8.4","@babel/core":"^7.9.6","@babel/plugin-proposal-class-properties":"^7.8.3","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/preset-env":"^7.9.6","@babel/preset-react":"^7.9.4","@babel/preset-typescript":"^7.9.0","@commitlint/cli":"^7.5.2","@commitlint/config-conventional":"^7.5.0","@rollup/plugin-node-resolve":"^7.1.3","@types/lodash.get":"^4.4.6","@types/lodash.set":"^4.3.6","@types/react":"^16.9.35","@types/react-dom":"^16.9.8","@types/styled-components":"^5.1.0","@typescript-eslint/eslint-plugin":"^2.10.0","@typescript-eslint/parser":"^2.10.0","@activity-maker/linglong-setting-form":"latest","antd":"^4.2.4","babel-eslint":"^10.0.1","babel-plugin-annotate-pure-calls":"^0.4.0","eslint":"^6.6.0","eslint-config-react-app":"^5.2.1","eslint-loader":"3.0.3","eslint-plugin-flowtype":"4.6.0","eslint-plugin-import":"2.20.1","eslint-plugin-jsx-a11y":"6.2.3","eslint-plugin-react":"7.19.0","eslint-plugin-react-hooks":"^1.6.1","husky":"^1.3.1","lint-staged":"^8.1.5","prettier":"^1.16.4","react":"^16.13.1","react-dom":"^16.13.1","rollup":"^2.10.0","rollup-plugin-alias":"^2.2.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-postcss":"2.9.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-terser":"^6.1.0","standard-changelog":"^2.0.24","standard-version":"^8.0.0","typescript":"^3.9.2"},"husky":{"hooks":{"pre-commit":"lint-staged","commit-msg":"commitlint -E HUSKY_GIT_PARAMS"}},"lint-staged":{"src/**/*.{js,jsx,ts,tsx}":"eslint --ext .js,.jsx,.ts,.tsx"},"commitlint":{"extends":["@commitlint/config-conventional"]},"eslintConfig":{"root":true,"extends":["react-app"],"rules":{"import/no-cycle":"off","import/extensions":"off","import/prefer-default-export":"off","complexity":["error",30],"consistent-return":"off","no-underscore-dangle":"off","react/display-name":"off","import/no-extraneous-dependencies":"off","@typescript-eslint/no-explicit-any":"off","lines-between-class-members":"off","no-continue":"off","jsx-a11y/anchor-is-valid":"off"},"settings":{"import/parsers":{"@typescript-eslint/parser":[".ts",".tsx"]},"import/resolver":{"node":{"extensions":[".js",".jsx",".d.ts",".ts",".tsx"]},"typescript":{"alwaysTryTypes":true}}}},"prettier":{"trailingComma":"es5","semi":true,"singleQuote":true,"endOfLine":"lf","printWidth":80},"gitHead":"6b9d8cbdfea564574f046eb12c3e55d54d4a6e0b","_id":"@activity-maker/linglong-action-flow@1.0.1","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","_npmUser":{"name":"zhangfan999999","email":"356672247@qq.com"},"dist":{"integrity":"sha512-oeDDOd+h6XuSsjnBL8tsexK7wHwYQ+9pcbajYhLelNiEzh+Rsd+Pi2EAmRJppJqeynpHKx+/FUgEjEUq+lHfww==","shasum":"54c1a8da40b1e9fb2900f366b73e3bcea4b59ad2","tarball":"https://registry.npmjs.org/@activity-maker/linglong-action-flow/-/linglong-action-flow-1.0.1.tgz","fileCount":83,"unpackedSize":626653,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGYjUcZlJ7cSg9inWiHMHypcgoTCVdbL0wUEnARj89vAIhALzPcEaWzNX8esdFMgollsjmEeYGRxEKZe0CxSSLHSJL"}]},"directories":{},"maintainers":[{"name":"zhangfan999999","email":"356672247@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/linglong-action-flow_1.0.1_1684230911533_0.3176930447753381"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-16T09:55:11.443Z","1.0.1":"2023-05-16T09:55:11.797Z","modified":"2023-05-16T09:55:12.049Z"},"maintainers":[{"name":"zhangfan999999","email":"356672247@qq.com"}],"description":"基于营销系统 Action Flow 迁移的玲珑系统行为库。","homepage":"https://gitee.com/marketing-activity-platform/linglong-action-flow","keywords":["linglong","action flow","linglong actions"],"repository":{"type":"git","url":"https://gitee.com/marketing-activity-platform/linglong-action-flow"},"author":{"name":"FEA:xinlei.zhuang","email":"xinlei.zhuang@ximalaya.com"},"bugs":{"url":"https://gitee.com/marketing-activity-platform/linglong-action-flow/issues"},"license":"MIT","readme":"# linglong-action-flow\n\n基于营销系统 action flow 迁移的行为库。\n\n## 简介\n\n行为库包含了行为的配置表单组件。\n\n## 安装\n\n```bash\nyarn add @activity-maker/linglong-action-flow --registry=\"https://registry.npmjs.org\"\n或\nnpm install @activity-maker/linglong-action-flow --registry=\"https://registry.npmjs.org\"\n```\n\n也可以通过 `script` 标签进行引入，\n\n```html\n<script src=\"//s1.xmcdn.com/yx/linglong-action-flow/last/lib/umd/linglong-action-flow.js\"></script>\n```\n\n## **_注意_**\n\n`@activity-maker/linglong-action-flow` 将原营销系统中的 `flowName`、`flowParams` 和 `renderFlow` 字段收敛到 `flow` 字段下，分别命名为 `name`、`params` 和 `render`。类型声明如下：\n\n```typescript\ninterface Flow {\n  name: FlowName;\n  render?: RenderFlow; // RenderFlow 为原 Flow\n  params?: Dictionary;\n}\n```\n\n## 使用\n\n工具库对外暴露了一个 `ActionFlowForm` 组件用于生成行为配置表单。\n\n### ActionFlowForm\n\n`ActionFlowForm` 集成了九种行为的配置项，包括`跳转`、`订阅专辑`、`领优惠券`、`领礼包`、`买会员`、`分享`、`锚点`、`打开弹窗`、`关闭弹窗`。\n\n#### 引入\n\n```jsx\nimport { ActionFlowForm } from '@activity-maker/linglong-action-flow';\n```\n\n#### 使用\n\n由于组件的行为需要编辑器的能力，因此需要将 **_玲珑系统编辑界面_** 传递给 `SettingForm` 的编辑器能力传递给 `ActionFlowForm`。\n\n> 编辑器提供的能力声明如下注释所示\n\n```tsx\ninterface EditorProps {\n  id: string; // 当前组件 ID\n  name: string; // 组件名\n  type: \"fixed\" | \"static\" | \"container\" | \"nested\", //组件类型\n  alias: string, // 组件别名\n  elements: { // 已添加组件\n    static: CommonComponent[]; // 已添加 static 组件\n    fixed: CommonComponent[]; // 已添加 fixed 组件\n    container: CommonComponent[]; // 已添加 container 组件\n    nested: CommonComponent[]; // 已添加 nested 组件\n  };\n  componentList: CompProps[]; // 可用组件列表\n  selectedComponent: EditorElement; // 当前选中组件\n  addNestedComponent: (comp: CompProps, belongsTo: ExposedElement) => string; // 添加嵌套组件\n  addModalComponent: (comp: CompProps) => string; // 添加弹窗\n  selectComponent: (id: string) => void; // 选中组件\n  deleteComponent: (id: string) => void; // 删除组件\n  updateParentComponent: (id: string, parent: string, name: string, val: any) => void; // 更新父组件\n}\n\nconst editorProps: EditorProps = { /* ... */ };\n\n<ActionFlowForm {...editorProps} onChange={console.log} excludeFlows={['subscribe', 'coupon', 'giftpackage']}>\n```\n\n#### 配置\n\n1. `value` 可选项，表单的值\n2. `onChange` 可选项，表单内容变化的回调\n3. `excludeFlows` 当前配置需要忽略的行为\n\n\n\n#### tips:\n\n- 发布beta版本：yarn release -- --prerelease beta\n","readmeFilename":"README.md"}