@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/workflow/nodes/condition.js

@@ -0,0 +1,134 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var antd_1 = require("antd");
+var icons_1 = require("@ant-design/icons");
+var react_i18next_1 = require("react-i18next");
+var _1 = require(".");
+var WorkflowCanvas_1 = require("../WorkflowCanvas");
+var style_1 = require("../style");
+var calculators_1 = require("../calculators");
+// import { SchemaComponent } from "../../schema-component";
+function CalculationItem(_a) {
+    var value = _a.value, onChange = _a.onChange, onRemove = _a.onRemove;
+    if (!value) {
+        return null;
+    }
+    var calculator = value.calculator, _b = value.operands, operands = _b === void 0 ? [] : _b;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: flex;\n      position: relative;\n      margin: .5em 0;\n    "], ["\n      display: flex;\n      position: relative;\n      margin: .5em 0;\n    "]))) }, { children: [value.group
+                ? ((0, jsx_runtime_1.jsx)(CalculationGroup, { value: value.group, onChange: function (group) { return onChange(__assign(__assign({}, value), { group: group })); } }, void 0))
+                : (0, jsx_runtime_1.jsx)(calculators_1.Calculation, { operands: operands, calculator: calculator, onChange: onChange }, void 0), (0, jsx_runtime_1.jsx)(antd_1.Button, { onClick: onRemove, type: "text", icon: (0, jsx_runtime_1.jsx)(icons_1.CloseCircleOutlined, {}, void 0) }, void 0)] }), void 0));
+}
+function CalculationGroup(_a) {
+    var _this = this;
+    var value = _a.value, onChange = _a.onChange;
+    var _b = value.type, type = _b === void 0 ? 'and' : _b, _c = value.calculations, calculations = _c === void 0 ? [] : _c;
+    function onAddSingle() {
+        onChange(__assign(__assign({}, value), { calculations: __spreadArray(__spreadArray([], __read(calculations), false), [{ not: false, calculator: 'equal' }], false) }));
+    }
+    function onAddGroup() {
+        onChange(__assign(__assign({}, value), { calculations: __spreadArray(__spreadArray([], __read(calculations), false), [{ not: false, group: { type: 'and', calculations: [] } }], false) }));
+    }
+    function onRemove(i) {
+        calculations.splice(i, 1);
+        onChange(__assign(__assign({}, value), { calculations: __spreadArray([], __read(calculations), false) }));
+    }
+    function onItemChange(i, v) {
+        calculations.splice(i, 1, v);
+        onChange(__assign(__assign({}, value), { calculations: __spreadArray([], __read(calculations), false) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, css_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      position: relative;\n      width: 100%;\n      padding: .5em 1em;\n      border: 1px dashed #ddd;\n\n      + button{\n        position: absolute;\n        right: 0;\n      }\n    "], ["\n      position: relative;\n      width: 100%;\n      padding: .5em 1em;\n      border: 1px dashed #ddd;\n\n      + button{\n        position: absolute;\n        right: 0;\n      }\n    "]))) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, css_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        display: flex;\n        align-items: center;\n        gap: .5em;\n\n        .ant-select{\n          width: auto;\n        }\n      "], ["\n        display: flex;\n        align-items: center;\n        gap: .5em;\n\n        .ant-select{\n          width: auto;\n        }\n      "]))) }, { children: (0, jsx_runtime_1.jsxs)(react_i18next_1.Trans, { children: ['Meet ', (0, jsx_runtime_1.jsxs)(antd_1.Select, __assign({ value: type, onChange: function (t) { return onChange(__assign(__assign({}, value), { type: t })); } }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Select.Option, __assign({ value: "and" }, { children: "All" }), void 0), (0, jsx_runtime_1.jsx)(antd_1.Select.Option, __assign({ value: "or" }, { children: "Any" }), void 0)] }), void 0), ' conditions in the group'] }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", __assign({ className: "calculation-items" }, { children: calculations.map(function (calculation, i) { return ((0, jsx_runtime_1.jsx)(CalculationItem, { value: calculation, onChange: onItemChange.bind(_this, i), onRemove: function () { return onRemove(i); } }, calculation.calculator + "_" + i)); }) }), void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, css_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        a:not(:last-child){\n          margin-right: 1em;\n        }\n      "], ["\n        a:not(:last-child){\n          margin-right: 1em;\n        }\n      "]))) }, { children: [(0, jsx_runtime_1.jsx)("a", __assign({ onClick: onAddSingle }, { children: "\u6DFB\u52A0\u6761\u4EF6" }), void 0), (0, jsx_runtime_1.jsx)("a", __assign({ onClick: onAddGroup }, { children: "\u6DFB\u52A0\u6761\u4EF6\u7EC4" }), void 0)] }), void 0)] }), void 0));
+}
+function CalculationConfig(_a) {
+    var value = _a.value, onChange = _a.onChange;
+    var rule = value && Object.keys(value).length
+        ? value
+        : { group: { type: 'and', calculations: [] } };
+    return ((0, jsx_runtime_1.jsx)(CalculationGroup, { value: rule.group, onChange: function (group) { return onChange(__assign(__assign({}, rule), { group: group })); } }, void 0));
+}
+exports.default = {
+    title: '条件判断',
+    type: 'condition',
+    group: 'control',
+    fieldset: {
+        rejectOnFalse: {
+            type: 'boolean',
+            name: 'rejectOnFalse',
+            title: '模式',
+            'x-decorator': 'FormItem',
+            'x-component': 'Radio.Group',
+            'x-component-props': {
+                disabled: true,
+            },
+            enum: [
+                { value: true, label: '通行模式' },
+                { value: false, label: '分支模式' },
+            ],
+        },
+        calculation: {
+            type: 'string',
+            name: 'calculation',
+            title: '条件配置',
+            'x-decorator': 'FormItem',
+            'x-component': 'CalculationConfig',
+        }
+    },
+    view: {},
+    options: [
+        { label: '通行模式', key: 'rejectOnFalse', value: { rejectOnFalse: true } },
+        { label: '分支模式', key: 'branch', value: { rejectOnFalse: false } }
+    ],
+    render: function (data) {
+        var id = data.id, rejectOnFalse = data.config.rejectOnFalse;
+        var nodes = (0, WorkflowCanvas_1.useFlowContext)().nodes;
+        var trueEntry = nodes.find(function (item) { return item.upstreamId === id && item.branchIndex === 1; });
+        var falseEntry = nodes.find(function (item) { return item.upstreamId === id && item.branchIndex === 0; });
+        return ((0, jsx_runtime_1.jsx)(_1.NodeDefaultView, __assign({ data: data }, { children: rejectOnFalse ? null : ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, css_1.cx)(style_1.nodeSubtreeClass) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, css_1.cx)(style_1.branchBlockClass, (0, css_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                > * > .workflow-branch-lines{\n                  > button{\n                    display: none;\n                  }\n                }\n              "], ["\n                > * > .workflow-branch-lines{\n                  > button{\n                    display: none;\n                  }\n                }\n              "])))) }, { children: [(0, jsx_runtime_1.jsx)(WorkflowCanvas_1.Branch, { from: data, entry: falseEntry, branchIndex: 0 }, void 0), (0, jsx_runtime_1.jsx)(WorkflowCanvas_1.Branch, { from: data, entry: trueEntry, branchIndex: 1 }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n                position: relative;\n                height: 2em;\n                overflow: visible;\n\n                :before,:after{\n                  position: absolute;\n                  top: calc(1.5em - 1px);\n                  line-height: 1em;\n                  color: #999;\n                  background-color: #f0f2f5;\n                  padding: 1px;\n                }\n\n                :before{\n                  content: \"\u5426\";\n                  right: 4em;\n                }\n\n                :after{\n                  content: \"\u662F\";\n                  left: 4em;\n                }\n              "], ["\n                position: relative;\n                height: 2em;\n                overflow: visible;\n\n                :before,:after{\n                  position: absolute;\n                  top: calc(1.5em - 1px);\n                  line-height: 1em;\n                  color: #999;\n                  background-color: #f0f2f5;\n                  padding: 1px;\n                }\n\n                :before{\n                  content: \"\u5426\";\n                  right: 4em;\n                }\n\n                :after{\n                  content: \"\u662F\";\n                  left: 4em;\n                }\n              "]))) }, void 0)] }), void 0)) }), void 0));
+    },
+    components: {
+        CalculationConfig: CalculationConfig
+    }
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=condition.js.map

package/lib/workflow/nodes/condition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition.js","sourceRoot":"","sources":["../../../src/workflow/nodes/condition.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { css, cx } from \"@emotion/css\";\nimport { Button, Select } from \"antd\";\nimport { CloseCircleOutlined } from '@ant-design/icons';\nimport { Trans } from \"react-i18next\";\n\nimport { NodeDefaultView } from \".\";\nimport { Branch, useFlowContext } from \"../WorkflowCanvas\";\nimport { branchBlockClass, nodeSubtreeClass } from \"../style\";\nimport { Calculation } from \"../calculators\";\n// import { SchemaComponent } from \"../../schema-component\";\n\nfunction CalculationItem({ value, onChange, onRemove }) {\n  if (!value) {\n    return null;\n  }\n\n  const { calculator, operands = [] } = value;\n\n  return (\n    <div className={css`\n      display: flex;\n      position: relative;\n      margin: .5em 0;\n    `}>\n      {value.group\n        ? (\n          <CalculationGroup\n            value={value.group}\n            onChange={group => onChange({ ...value, group })}\n          />\n        )\n        : <Calculation operands={operands} calculator={calculator} onChange={onChange} />\n      }\n      <Button onClick={onRemove} type=\"text\" icon={<CloseCircleOutlined />} />\n    </div>\n  );\n}\n\nfunction CalculationGroup({ value, onChange }) {\n  const { type = 'and', calculations = [] } = value;\n\n  function onAddSingle() {\n    onChange({\n      ...value,\n      calculations: [...calculations, { not: false, calculator: 'equal' }]\n    });\n  }\n\n  function onAddGroup() {\n    onChange({\n      ...value,\n      calculations: [...calculations, { not: false, group: { type: 'and', calculations: [] } }]\n    });\n  }\n\n  function onRemove(i: number) {\n    calculations.splice(i, 1);\n    onChange({ ...value, calculations: [...calculations] });\n  }\n\n  function onItemChange(i: number, v) {\n    calculations.splice(i, 1, v);\n\n    onChange({ ...value, calculations: [...calculations] });\n  }\n\n  return (\n    <div className={css`\n      position: relative;\n      width: 100%;\n      padding: .5em 1em;\n      border: 1px dashed #ddd;\n\n      + button{\n        position: absolute;\n        right: 0;\n      }\n    `}>\n      <div className={css`\n        display: flex;\n        align-items: center;\n        gap: .5em;\n\n        .ant-select{\n          width: auto;\n        }\n      `}>\n        <Trans>\n          {'Meet '}\n          <Select value={type} onChange={t => onChange({ ...value, type: t })}>\n            <Select.Option value=\"and\">All</Select.Option>\n            <Select.Option value=\"or\">Any</Select.Option>\n          </Select>\n          {' conditions in the group'}\n        </Trans>\n      </div>\n      <div className=\"calculation-items\">\n        {calculations.map((calculation, i) => (\n          <CalculationItem\n            key={`${calculation.calculator}_${i}`}\n            value={calculation}\n            onChange={onItemChange.bind(this, i)}\n            onRemove={() => onRemove(i)}\n          />\n        ))}\n      </div>\n      <div className={css`\n        a:not(:last-child){\n          margin-right: 1em;\n        }\n      `} >\n        <a onClick={onAddSingle}>添加条件</a>\n        <a onClick={onAddGroup}>添加条件组</a>\n      </div>\n    </div>\n  );\n}\n\nfunction CalculationConfig({ value, onChange }) {\n  const rule = value && Object.keys(value).length\n    ? value\n    : { group: { type: 'and', calculations: [] } };\n  return (\n    <CalculationGroup value={rule.group} onChange={group => onChange({ ...rule, group })} />\n  );\n}\n\nexport default {\n  title: '条件判断',\n  type: 'condition',\n  group: 'control',\n  fieldset: {\n    rejectOnFalse: {\n      type: 'boolean',\n      name: 'rejectOnFalse',\n      title: '模式',\n      'x-decorator': 'FormItem',\n      'x-component': 'Radio.Group',\n      'x-component-props': {\n        disabled: true,\n      },\n      enum: [\n        { value: true, label: '通行模式' },\n        { value: false, label: '分支模式' },\n      ],\n    },\n    calculation: {\n      type: 'string',\n      name: 'calculation',\n      title: '条件配置',\n      'x-decorator': 'FormItem',\n      'x-component': 'CalculationConfig',\n    }\n  },\n  view: {\n\n  },\n  options: [\n    { label: '通行模式', key: 'rejectOnFalse', value: { rejectOnFalse: true } },\n    { label: '分支模式', key: 'branch', value: { rejectOnFalse: false } }\n  ],\n  render(data) {\n    const { id, config: { rejectOnFalse } } = data;\n    const { nodes } = useFlowContext();\n    const trueEntry = nodes.find(item => item.upstreamId === id && item.branchIndex === 1);\n    const falseEntry = nodes.find(item => item.upstreamId === id && item.branchIndex === 0);\n    return (\n      <NodeDefaultView data={data}>\n        {rejectOnFalse ? null : (\n          <div className={cx(nodeSubtreeClass)}>\n            <div\n              className={cx(branchBlockClass, css`\n                > * > .workflow-branch-lines{\n                  > button{\n                    display: none;\n                  }\n                }\n              `)}\n            >\n              <Branch from={data} entry={falseEntry} branchIndex={0}/>\n              <Branch from={data} entry={trueEntry} branchIndex={1} />\n            </div>\n            <div\n              className={css`\n                position: relative;\n                height: 2em;\n                overflow: visible;\n\n                :before,:after{\n                  position: absolute;\n                  top: calc(1.5em - 1px);\n                  line-height: 1em;\n                  color: #999;\n                  background-color: #f0f2f5;\n                  padding: 1px;\n                }\n\n                :before{\n                  content: \"否\";\n                  right: 4em;\n                }\n\n                :after{\n                  content: \"是\";\n                  left: 4em;\n                }\n              `}\n            />\n          </div>\n        )}\n      </NodeDefaultView>\n    )\n  },\n  components: {\n    CalculationConfig\n  }\n};\n"]}

package/lib/workflow/nodes/create.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { useCollectionDataSource } from '../..';
+declare const _default: {
+    title: string;
+    type: string;
+    group: string;
+    fieldset: {
+        collection: {
+            type: string;
+            title: string;
+            name: string;
+            required: boolean;
+            'x-reactions': string[];
+            'x-decorator': string;
+            'x-component': string;
+        };
+        params: {
+            type: string;
+            name: string;
+            title: string;
+            'x-decorator': string;
+            properties: {
+                values: {
+                    type: string;
+                    title: string;
+                    name: string;
+                    'x-decorator': string;
+                    'x-decorator-props': {
+                        labelAlign: string;
+                        className: string;
+                    };
+                    'x-component': string;
+                    'x-component-props': {
+                        useProps(): {
+                            fields: any;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    view: {};
+    scope: {
+        useCollectionDataSource: typeof useCollectionDataSource;
+    };
+    components: {
+        CollectionFieldset: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;
+    };
+    getter({ type, options, onChange }: {
+        type: any;
+        options: any;
+        onChange: any;
+    }): JSX.Element;
+};
+export default _default;

package/lib/workflow/nodes/create.js

@@ -0,0 +1,68 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var antd_1 = require("antd");
+var __1 = require("../..");
+var WorkflowCanvas_1 = require("../WorkflowCanvas");
+var collection_1 = require("../schemas/collection");
+var calculators_1 = require("../calculators");
+exports.default = {
+    title: '新增数据',
+    type: 'create',
+    group: 'model',
+    fieldset: {
+        collection: collection_1.collection,
+        // multiple: {
+        //   type: 'boolean',
+        //   title: '多条数据',
+        //   name: 'multiple',
+        //   'x-decorator': 'FormItem',
+        //   'x-component': 'Checkbox',
+        //   'x-component-props': {
+        //     disabled: true
+        //   }
+        // },
+        params: {
+            type: 'object',
+            name: 'params',
+            title: '',
+            'x-decorator': 'FormItem',
+            properties: {
+                values: collection_1.values
+            }
+        }
+    },
+    view: {},
+    scope: {
+        useCollectionDataSource: __1.useCollectionDataSource
+    },
+    components: {
+        CollectionFieldset: calculators_1.CollectionFieldset
+    },
+    getter: function (_a) {
+        var _b;
+        var type = _a.type, options = _a.options, onChange = _a.onChange;
+        var compile = (0, __1.useCompile)();
+        var _c = (0, __1.useCollectionManager)().collections, collections = _c === void 0 ? [] : _c;
+        var nodes = (0, WorkflowCanvas_1.useFlowContext)().nodes;
+        var config = nodes.find(function (n) { return n.id == options.nodeId; }).config;
+        var collection = (_b = collections.find(function (item) { return item.name === config.collection; })) !== null && _b !== void 0 ? _b : { fields: [] };
+        return ((0, jsx_runtime_1.jsx)(antd_1.Select, __assign({ value: options.path, placeholder: "\u9009\u62E9\u5B57\u6BB5", onChange: function (path) {
+                onChange({ type: type, options: __assign(__assign({}, options), { path: path }) });
+            } }, { children: collection.fields
+                .filter(function (field) { return calculators_1.BaseTypeSet.has(field.uiSchema.type); })
+                .map(function (field) { return ((0, jsx_runtime_1.jsx)(antd_1.Select.Option, __assign({ value: field.name }, { children: compile(field.uiSchema.title) }), field.name)); }) }), void 0));
+    }
+};
+//# sourceMappingURL=create.js.map

package/lib/workflow/nodes/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../../src/workflow/nodes/create.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,6BAA8B;AAE9B,2BAAkF;AAClF,oDAAmD;AACnD,oDAA2D;AAC3D,8CAAiE;AAEjE,kBAAe;IACb,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACR,UAAU,yBAAA;QACV,cAAc;QACd,qBAAqB;QACrB,mBAAmB;QACnB,sBAAsB;QACtB,+BAA+B;QAC/B,+BAA+B;QAC/B,2BAA2B;QAC3B,qBAAqB;QACrB,MAAM;QACN,KAAK;QACL,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,EAAE;YACT,aAAa,EAAE,UAAU;YACzB,UAAU,EAAE;gBACV,MAAM,qBAAA;aACP;SACF;KACF;IACD,IAAI,EAAE,EAEL;IACD,KAAK,EAAE;QACL,uBAAuB,6BAAA;KACxB;IACD,UAAU,EAAE;QACV,kBAAkB,kCAAA;KACnB;IACD,MAAM,YAAC,EAA2B;;YAAzB,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;QAC9B,IAAM,OAAO,GAAG,IAAA,cAAU,GAAE,CAAC;QACrB,IAAA,KAAqB,IAAA,wBAAoB,GAAE,YAA3B,EAAhB,WAAW,mBAAG,EAAE,KAAA,CAA4B;QAC5C,IAAA,KAAK,GAAK,IAAA,+BAAc,GAAE,MAArB,CAAsB;QAC3B,IAAA,MAAM,GAAK,KAAK,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,IAAI,OAAO,CAAC,MAAM,EAAtB,CAAsB,CAAC,OAA5C,CAA6C;QAC3D,IAAM,UAAU,GAAG,MAAA,WAAW,CAAC,IAAI,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,UAAU,EAA/B,CAA+B,CAAC,mCAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;QAE/F,OAAO,CACL,uBAAC,aAAM,aAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,WAAW,EAAC,0BAAM,EAAC,QAAQ,EAAE,UAAA,IAAI;gBAC5D,QAAQ,CAAC,EAAE,IAAI,MAAA,EAAE,OAAO,wBAAO,OAAO,KAAE,IAAI,MAAA,GAAE,EAAE,CAAC,CAAC;YACpD,CAAC,gBACE,UAAU,CAAC,MAAM;iBACf,MAAM,CAAC,UAAA,KAAK,IAAI,OAAA,yBAAW,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAApC,CAAoC,CAAC;iBACrD,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,CACd,uBAAC,aAAM,CAAC,MAAM,aAAkB,KAAK,EAAE,KAAK,CAAC,IAAI,gBAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAA7D,KAAK,CAAC,IAAI,CAAoE,CACnG,EAFe,CAEf,CAAC,YACK,CACV,CAAC;IACJ,CAAC;CACF,CAAC","sourcesContent":["import React from 'react';\nimport { Select } from 'antd';\n\nimport { useCollectionDataSource, useCollectionManager, useCompile } from '../..';\nimport { useFlowContext } from '../WorkflowCanvas';\nimport { collection, values } from '../schemas/collection';\nimport { BaseTypeSet, CollectionFieldset } from '../calculators';\n\nexport default {\n  title: '新增数据',\n  type: 'create',\n  group: 'model',\n  fieldset: {\n    collection,\n    // multiple: {\n    //   type: 'boolean',\n    //   title: '多条数据',\n    //   name: 'multiple',\n    //   'x-decorator': 'FormItem',\n    //   'x-component': 'Checkbox',\n    //   'x-component-props': {\n    //     disabled: true\n    //   }\n    // },\n    params: {\n      type: 'object',\n      name: 'params',\n      title: '',\n      'x-decorator': 'FormItem',\n      properties: {\n        values\n      }\n    }\n  },\n  view: {\n\n  },\n  scope: {\n    useCollectionDataSource\n  },\n  components: {\n    CollectionFieldset\n  },\n  getter({ type, options, onChange }) {\n    const compile = useCompile();\n    const { collections = [] } = useCollectionManager();\n    const { nodes } = useFlowContext();\n    const { config } = nodes.find(n => n.id == options.nodeId);\n    const collection = collections.find(item => item.name === config.collection) ?? { fields: [] };\n\n    return (\n      <Select value={options.path} placeholder=\"选择字段\" onChange={path => {\n        onChange({ type, options: { ...options, path } });\n      }}>\n        {collection.fields\n          .filter(field => BaseTypeSet.has(field.uiSchema.type))\n          .map(field => (\n          <Select.Option key={field.name} value={field.name}>{compile(field.uiSchema.title)}</Select.Option>\n        ))}\n      </Select>\n    );\n  }\n};\n"]}

package/lib/workflow/nodes/destroy.d.ts

@@ -0,0 +1,52 @@
+import { useCollectionDataSource } from '../..';
+import { VariableComponent } from '../calculators';
+declare const _default: {
+    title: string;
+    type: string;
+    group: string;
+    fieldset: {
+        collection: {
+            type: string;
+            title: string;
+            name: string;
+            required: boolean;
+            'x-reactions': string[];
+            'x-decorator': string;
+            'x-component': string;
+        };
+        params: {
+            type: string;
+            name: string;
+            title: string;
+            'x-decorator': string;
+            properties: {
+                filter: {
+                    type: string;
+                    title: string;
+                    name: string;
+                    'x-decorator': string;
+                    'x-decorator-props': {
+                        labelAlign: string;
+                        className: string;
+                    };
+                    'x-component': string;
+                    'x-component-props': {
+                        useProps(): {
+                            options: any[];
+                            className: string;
+                        };
+                        dynamicComponent: string;
+                    };
+                };
+            };
+        };
+    };
+    view: {};
+    scope: {
+        useCollectionDataSource: typeof useCollectionDataSource;
+    };
+    components: {
+        VariableComponent: typeof VariableComponent;
+    };
+};
+export default _default;

package/lib/workflow/nodes/destroy.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var __1 = require("../..");
+var calculators_1 = require("../calculators");
+var collection_1 = require("../schemas/collection");
+exports.default = {
+    title: '删除数据',
+    type: 'destroy',
+    group: 'model',
+    fieldset: {
+        collection: collection_1.collection,
+        params: {
+            type: 'object',
+            name: 'params',
+            title: '',
+            'x-decorator': 'FormItem',
+            properties: {
+                filter: collection_1.filter
+            }
+        }
+    },
+    view: {},
+    scope: {
+        useCollectionDataSource: __1.useCollectionDataSource
+    },
+    components: {
+        VariableComponent: calculators_1.VariableComponent
+    }
+};
+//# sourceMappingURL=destroy.js.map

package/lib/workflow/nodes/destroy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"destroy.js","sourceRoot":"","sources":["../../../src/workflow/nodes/destroy.tsx"],"names":[],"mappings":";;AAAA,2BAAgD;AAEhD,8CAAmD;AACnD,oDAA2D;AAE3D,kBAAe;IACb,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACR,UAAU,yBAAA;QACV,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,EAAE;YACT,aAAa,EAAE,UAAU;YACzB,UAAU,EAAE;gBACV,MAAM,qBAAA;aACP;SACF;KACF;IACD,IAAI,EAAE,EAEL;IACD,KAAK,EAAE;QACL,uBAAuB,6BAAA;KACxB;IACD,UAAU,EAAE;QACV,iBAAiB,iCAAA;KAClB;CACF,CAAC","sourcesContent":["import { useCollectionDataSource } from '../..';\n\nimport { VariableComponent } from '../calculators';\nimport { collection, filter } from '../schemas/collection';\n\nexport default {\n  title: '删除数据',\n  type: 'destroy',\n  group: 'model',\n  fieldset: {\n    collection,\n    params: {\n      type: 'object',\n      name: 'params',\n      title: '',\n      'x-decorator': 'FormItem',\n      properties: {\n        filter\n      }\n    }\n  },\n  view: {\n\n  },\n  scope: {\n    useCollectionDataSource\n  },\n  components: {\n    VariableComponent\n  }\n};\n"]}

package/lib/workflow/nodes/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { ISchema } from '@formily/react';
+import { Registry } from '@nocobase/utils';
+export interface Instruction {
+    title: string;
+    type: string;
+    group: string;
+    options?: {
+        label: string;
+        value: any;
+        key: string;
+    }[];
+    fieldset: {
+        [key: string]: ISchema;
+    };
+    view?: ISchema;
+    scope?: {
+        [key: string]: any;
+    };
+    components?: {
+        [key: string]: any;
+    };
+    render?(props: any): React.ReactElement;
+    endding?: boolean;
+    getter?(node: any): React.ReactElement;
+}
+export declare const instructions: Registry<Instruction>;
+export declare function useNodeContext(): any;
+export declare function Node({ data }: {
+    data: any;
+}): JSX.Element;
+export declare function RemoveButton(): JSX.Element;
+export declare function NodeDefaultView(props: any): JSX.Element;