@nokecy/designer-formily-setters 0.0.0-stage → 2.0.0-beta.11

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Alibaba
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Alibaba
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/PROVENANCE.json

@@ -0,0 +1,45 @@
+{
+  "ownedName": "@nokecy/designer-formily-setters",
+  "ownedPath": "packages/designer/formily-setters",
+  "version": "2.0.0-beta.6",
+  "previousPath": "vendor/nokecy-designable/formily/setters",
+  "upstream": {
+    "repository": "https://github.com/pindjs/designable.git",
+    "commit": "5edb2236bdfd8309da7677414180923966246d85",
+    "package": "@nokecy/designable-formily-setters",
+    "path": "formily/setters",
+    "record": "docs/maintenance/origins/designable-fork-import.json",
+    "sourceChecksumField": "packages[name=@nokecy/designable-formily-setters].sourceSha256"
+  },
+  "license": "MIT",
+  "licenseFile": "LICENSE",
+  "migrationDate": "2026-10-17",
+  "moduleRenameSourceFiles": [
+    "components/DataSourceSetter/DataSettingPanel.tsx",
+    "components/DataSourceSetter/Header.tsx",
+    "components/DataSourceSetter/Title.tsx",
+    "components/DataSourceSetter/TreePanel.tsx",
+    "components/DataSourceSetter/index.tsx",
+    "components/DataSourceSetter/shared.ts",
+    "components/ReactionsSetter/FieldPropertySetter.tsx",
+    "components/ReactionsSetter/PathSelector.tsx",
+    "components/ReactionsSetter/declarations.ts",
+    "components/ReactionsSetter/index.tsx",
+    "components/ValidatorSetter/index.tsx",
+    "locales/index.ts"
+  ],
+  "changes": [
+    "Moved preserved package source, tests and documentation into the maintained packages tree.",
+    "Renamed internal imports, exports, require paths and declarations to owned workspace package names.",
+    "Pinned dependencies on other owned workspaces to their exact unchanged local versions.",
+    "Preserved previous Ant Design 6 adaptations and historical upstream provenance.",
+    "React and ReactDOM peer ranges target major 19; React runtime compatibility is tracked separately from the namespace/layout migration.",
+    "Removed obsolete standalone Rollup/Dumi/npmignore configuration; historical bytes and exclusion reasons are recorded in source-closure.json. Root scripts are the only supported build contract."
+  ],
+  "previousBuildScripts": {},
+  "react19AdaptedSourceFiles": [],
+  "sourceClosure": "docs/maintenance/source-closure.json",
+  "upgradeGuide": "docs/maintenance/upstream-upgrades.md",
+  "patchCategories": "docs/maintenance/patch-classification.json",
+  "maintenancePolicy": "Source may evolve with tests and an adaptation entry; baseline hashes are provenance evidence, not equality assertions on maintained implementations."
+}

package/README.md

@@ -1,3 +1,16 @@
-# Temporary Holding Version
+# @nokecy/designer-formily-setters
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+### Install
+
+```bash
+npm install --save @nokecy/designer-formily-setters
+```
+
+## QC_UI owned workspace
+
+- Active package: `@nokecy/designer-formily-setters@2.0.0-beta.6` at `packages/designer/formily-setters`.
+- Historical package: `@nokecy/designable-formily-setters`. The original repository, commit, license and source-checksum references are recorded in [PROVENANCE.json](./PROVENANCE.json).
+- Use the QC_UI root workspace installation and build. `npm run build --workspace @nokecy/designer-formily-setters` delegates to the root builder; `npm run typecheck --workspace @nokecy/designer-formily-setters` checks this package and its local dependency closure.
+- All source, tests and package documentation were retained. Generated `esm/`, `lib/`, `dist/` and `node_modules/` content is not maintained source.
+- React-facing workspaces target React 19. Runtime dependencies on the owned Formily/designer family use exact local versions.
+- Any retained upstream documentation-site or Rollup configuration is historical context and is not part of the root workspace build. Documentation examples for non-active Vue/Next adapters describe upstream packages, not QC_UI workspaces.

package/esm/components/DataSourceSetter/DataSettingPanel.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Form as FormCore } from '@nokecy/formily-core';
+import { ITreeDataSource } from './types';
+import './styles.less';
+export interface IDataSettingPanelProps {
+    treeDataSource: ITreeDataSource;
+    allowExtendOption?: boolean;
+    effects?: (form: FormCore<any>) => void;
+}
+export declare const DataSettingPanel: React.FC<IDataSettingPanelProps>;

package/esm/components/DataSourceSetter/DataSettingPanel.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, Fragment } from 'react';
+import { Button } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
+import { ArrayItems, Form, Input, FormItem } from '@nokecy/formily-antd';
+import { createForm } from '@nokecy/formily-core';
+import { observer } from '@nokecy/formily-reactive-react';
+import { createSchemaField } from '@nokecy/formily-react';
+import { ValueInput } from '@nokecy/designer-react-settings-form';
+import { usePrefix, TextWidget } from '@nokecy/designer-react';
+import { Header } from './Header';
+import { traverseTree } from './shared';
+import './styles.less';
+const SchemaField = createSchemaField({
+    components: {
+        FormItem,
+        Input,
+        ArrayItems,
+        ValueInput,
+    },
+});
+export const DataSettingPanel = observer((props) => {
+    const { allowExtendOption, effects } = props;
+    const prefix = usePrefix('data-source-setter');
+    const form = useMemo(() => {
+        let values;
+        traverseTree(props.treeDataSource.dataSource, (dataItem) => {
+            if (dataItem.key === props.treeDataSource.selectedKey) {
+                values = dataItem;
+            }
+        });
+        return createForm({
+            values,
+            effects: effects,
+        });
+    }, [
+        props.treeDataSource.selectedKey,
+        props.treeDataSource.dataSource.length,
+    ]);
+    if (!props.treeDataSource.selectedKey)
+        return (_jsxs(Fragment, { children: [_jsx(Header, { title: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.nodeProperty" }), extra: null }), _jsx("div", { className: `${prefix + '-layout-item-content'}`, children: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.pleaseSelectNode" }) })] }));
+    return (_jsxs(Fragment, { children: [_jsx(Header, { title: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.nodeProperty" }), extra: allowExtendOption ? (_jsx(Button, { type: "text", onClick: () => {
+                        form.setFieldState('map', (state) => {
+                            state.value.push({});
+                        });
+                    }, icon: _jsx(PlusOutlined, {}), children: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.addKeyValuePair" }) })) : null }), _jsx("div", { className: `${prefix + '-layout-item-content'}`, children: _jsx(Form, { form: form, labelWidth: 60, wrapperWidth: 160, children: _jsx(SchemaField, { children: _jsx(SchemaField.Array, { name: "map", "x-component": "ArrayItems", children: _jsxs(SchemaField.Object, { "x-decorator": "ArrayItems.Item", "x-decorator-props": { type: 'divide' }, children: [_jsx(SchemaField.String, { title: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.label" }), "x-decorator": "FormItem", "x-disabled": !allowExtendOption, name: "label", "x-component": "Input" }), _jsx(SchemaField.String, { title: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.value" }), "x-decorator": "FormItem", name: "value", "x-component": "ValueInput" }), _jsx(SchemaField.Void, { "x-component": "ArrayItems.Remove", "x-visible": allowExtendOption, "x-component-props": {
+                                            style: {
+                                                margin: 5,
+                                                display: 'flex',
+                                                justifyContent: 'center',
+                                                alignItems: 'center',
+                                            },
+                                        } })] }) }) }) }) })] }));
+});
+//# sourceMappingURL=DataSettingPanel.js.map

package/esm/components/DataSourceSetter/DataSettingPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSettingPanel.js","sourceRoot":"","sources":["../../../src/components/DataSourceSetter/DataSettingPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, Fragment } from 'react'\nimport { Button } from 'antd'\nimport { PlusOutlined } from '@ant-design/icons'\nimport { ArrayItems, Form, Input, FormItem } from '@nokecy/formily-antd'\nimport { createForm, Form as FormCore } from '@nokecy/formily-core'\nimport { observer } from '@nokecy/formily-reactive-react'\nimport { createSchemaField } from '@nokecy/formily-react'\nimport { ValueInput } from '@nokecy/designer-react-settings-form'\nimport { usePrefix, TextWidget } from '@nokecy/designer-react'\nimport { Header } from './Header'\nimport { traverseTree } from './shared'\nimport { INodeItem, ITreeDataSource } from './types'\nimport './styles.less'\n\nconst SchemaField = createSchemaField({\n  components: {\n    FormItem,\n    Input,\n    ArrayItems,\n    ValueInput,\n  },\n})\n\nexport interface IDataSettingPanelProps {\n  treeDataSource: ITreeDataSource\n  allowExtendOption?: boolean\n  effects?: (form: FormCore<any>) => void\n}\n\nexport const DataSettingPanel: React.FC<IDataSettingPanelProps> = observer(\n  (props) => {\n    const { allowExtendOption, effects } = props\n    const prefix = usePrefix('data-source-setter')\n    const form = useMemo(() => {\n      let values: INodeItem | undefined\n      traverseTree(props.treeDataSource.dataSource, (dataItem) => {\n        if (dataItem.key === props.treeDataSource.selectedKey) {\n          values = dataItem\n        }\n      })\n      return createForm({\n        values,\n        effects: effects,\n      })\n    }, [\n      props.treeDataSource.selectedKey,\n      props.treeDataSource.dataSource.length,\n    ])\n    if (!props.treeDataSource.selectedKey)\n      return (\n        <Fragment>\n          <Header\n            title={\n              <TextWidget token=\"SettingComponents.DataSourceSetter.nodeProperty\" />\n            }\n            extra={null}\n          />\n          <div className={`${prefix + '-layout-item-content'}`}>\n            <TextWidget token=\"SettingComponents.DataSourceSetter.pleaseSelectNode\" />\n          </div>\n        </Fragment>\n      )\n    return (\n      <Fragment>\n        <Header\n          title={\n            <TextWidget token=\"SettingComponents.DataSourceSetter.nodeProperty\" />\n          }\n          extra={\n            allowExtendOption ? (\n              <Button\n                type=\"text\"\n                onClick={() => {\n                  form.setFieldState('map', (state) => {\n                    state.value.push({})\n                  })\n                }}\n                icon={<PlusOutlined />}\n              >\n                <TextWidget token=\"SettingComponents.DataSourceSetter.addKeyValuePair\" />\n              </Button>\n            ) : null\n          }\n        />\n        <div className={`${prefix + '-layout-item-content'}`}>\n          <Form form={form} labelWidth={60} wrapperWidth={160}>\n            <SchemaField>\n              <SchemaField.Array name=\"map\" x-component=\"ArrayItems\">\n                <SchemaField.Object\n                  x-decorator=\"ArrayItems.Item\"\n                  x-decorator-props={{ type: 'divide' }}\n                >\n                  <SchemaField.String\n                    title={\n                      <TextWidget token=\"SettingComponents.DataSourceSetter.label\" />\n                    }\n                    x-decorator=\"FormItem\"\n                    x-disabled={!allowExtendOption}\n                    name=\"label\"\n                    x-component=\"Input\"\n                  />\n                  <SchemaField.String\n                    title={\n                      <TextWidget token=\"SettingComponents.DataSourceSetter.value\" />\n                    }\n                    x-decorator=\"FormItem\"\n                    name=\"value\"\n                    x-component=\"ValueInput\"\n                  />\n                  <SchemaField.Void\n                    x-component=\"ArrayItems.Remove\"\n                    x-visible={allowExtendOption}\n                    x-component-props={{\n                      style: {\n                        margin: 5,\n                        display: 'flex',\n                        justifyContent: 'center',\n                        alignItems: 'center',\n                      },\n                    }}\n                  />\n                </SchemaField.Object>\n              </SchemaField.Array>\n            </SchemaField>\n          </Form>\n        </div>\n      </Fragment>\n    )\n  }\n)\n"]}

package/esm/components/DataSourceSetter/Header.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+import './styles.less';
+export interface IHeaderProps {
+    extra: ReactNode | null;
+    title: ReactNode | string;
+}
+export declare const Header: React.FC<IHeaderProps>;

package/esm/components/DataSourceSetter/Header.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { observer } from '@nokecy/formily-reactive-react';
+import { usePrefix } from '@nokecy/designer-react';
+import './styles.less';
+export const Header = observer(({ extra, title }) => {
+    const prefix = usePrefix('data-source-setter');
+    return (_jsxs("div", { className: `${prefix + '-layout-item-header'}`, children: [_jsx("div", { className: `${prefix + '-layout-item-title'}`, children: title }), extra] }));
+});
+//# sourceMappingURL=Header.js.map

package/esm/components/DataSourceSetter/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/DataSourceSetter/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,eAAe,CAAA;AAOtB,MAAM,CAAC,MAAM,MAAM,GAA2B,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG,SAAS,CAAC,oBAAoB,CAAC,CAAA;IAC9C,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,GAAG,qBAAqB,EAAE,aACjD,cAAK,SAAS,EAAE,GAAG,MAAM,GAAG,oBAAoB,EAAE,YAAG,KAAK,GAAO,EAChE,KAAK,IACF,CACP,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import React, { ReactNode } from 'react'\nimport { observer } from '@nokecy/formily-reactive-react'\nimport { usePrefix } from '@nokecy/designer-react'\nimport './styles.less'\n\nexport interface IHeaderProps {\n  extra: ReactNode | null\n  title: ReactNode | string\n}\n\nexport const Header: React.FC<IHeaderProps> = observer(({ extra, title }) => {\n  const prefix = usePrefix('data-source-setter')\n  return (\n    <div className={`${prefix + '-layout-item-header'}`}>\n      <div className={`${prefix + '-layout-item-title'}`}>{title}</div>\n      {extra}\n    </div>\n  )\n})\n"]}

package/esm/components/DataSourceSetter/Title.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { INodeItem, ITreeDataSource } from './types';
+import './styles.less';
+export interface ITitleProps extends INodeItem {
+    treeDataSource: ITreeDataSource;
+}
+export declare const Title: React.FC<ITitleProps>;

package/esm/components/DataSourceSetter/Title.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { clone, toArr } from '@nokecy/formily-shared';
+import { observer } from '@nokecy/formily-reactive-react';
+import { IconWidget, TextWidget, usePrefix } from '@nokecy/designer-react';
+import { traverseTree } from './shared';
+import './styles.less';
+export const Title = observer((props) => {
+    const prefix = usePrefix('data-source-setter-node-title');
+    const getTitleValue = (dataSource) => {
+        const optionalKeys = ['label', 'title', 'header'];
+        let nodeTitle;
+        optionalKeys.some((key) => {
+            var _a;
+            const title = (_a = toArr(dataSource).find((item) => item.label === key)) === null || _a === void 0 ? void 0 : _a.value;
+            if (title !== undefined) {
+                nodeTitle = title;
+                return true;
+            }
+            return false;
+        });
+        if (nodeTitle === undefined) {
+            toArr(dataSource || []).some((item) => {
+                if (item.value && typeof item.value === 'string') {
+                    nodeTitle = item.value;
+                    return true;
+                }
+                return false;
+            });
+        }
+        return nodeTitle;
+    };
+    const renderTitle = (dataSource) => {
+        const nodeTitle = getTitleValue(dataSource);
+        if (nodeTitle === undefined)
+            return (_jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.defaultTitle" }));
+        else
+            return nodeTitle + '';
+    };
+    return (_jsxs("div", { className: prefix, children: [_jsx("span", { style: { marginRight: '5px' }, children: renderTitle((props === null || props === void 0 ? void 0 : props.map) || []) }), _jsx(IconWidget, { className: prefix + '-icon', infer: "Remove", onClick: () => {
+                    var _a;
+                    const newDataSource = clone((_a = props === null || props === void 0 ? void 0 : props.treeDataSource) === null || _a === void 0 ? void 0 : _a.dataSource);
+                    traverseTree(newDataSource || [], (dataItem, i, data) => {
+                        if (data[i].key === props.duplicateKey)
+                            toArr(data).splice(i, 1);
+                    });
+                    props.treeDataSource.dataSource = newDataSource;
+                } })] }));
+});
+//# sourceMappingURL=Title.js.map

package/esm/components/DataSourceSetter/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/components/DataSourceSetter/Title.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,eAAe,CAAA;AAKtB,MAAM,CAAC,MAAM,KAAK,GAA0B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,SAAS,CAAC,+BAA+B,CAAC,CAAA;IACzD,MAAM,aAAa,GAAG,CAAC,UAA2C,EAAE,EAAE;QACpE,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;QACjD,IAAI,SAA6B,CAAA;QACjC,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;;YACxB,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,0CAAE,KAAK,CAAA;YACzE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,SAAS,GAAG,KAAK,CAAA;gBACjB,OAAO,IAAI,CAAA;YACb,CAAC;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;QACF,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC5B,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACpC,IAAI,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;oBACjD,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;oBACtB,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,KAAK,CAAA;YACd,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,UAA2C,EAAE,EAAE;QAClE,MAAM,SAAS,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;QAC3C,IAAI,SAAS,KAAK,SAAS;YACzB,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAC,iDAAiD,GAAG,CACvE,CAAA;;YACE,OAAO,SAAS,GAAG,EAAE,CAAA;IAC5B,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,aACpB,eAAM,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,YAChC,WAAW,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,KAAI,EAAE,CAAC,GACzB,EACP,KAAC,UAAU,IACT,SAAS,EAAE,MAAM,GAAG,OAAO,EAC3B,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE;;oBACZ,MAAM,aAAa,GAAG,KAAK,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,UAAU,CAAC,CAAA;oBAC9D,YAAY,CAAC,aAAa,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;wBACtD,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,YAAY;4BAAE,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;oBAClE,CAAC,CAAC,CAAA;oBACF,KAAK,CAAC,cAAc,CAAC,UAAU,GAAG,aAAa,CAAA;gBACjD,CAAC,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { clone, toArr } from '@nokecy/formily-shared'\nimport { observer } from '@nokecy/formily-reactive-react'\nimport { IconWidget, TextWidget, usePrefix } from '@nokecy/designer-react'\nimport { INodeItem, ITreeDataSource } from './types'\nimport { traverseTree } from './shared'\nimport './styles.less'\nexport interface ITitleProps extends INodeItem {\n  treeDataSource: ITreeDataSource\n}\n\nexport const Title: React.FC<ITitleProps> = observer((props) => {\n  const prefix = usePrefix('data-source-setter-node-title')\n  const getTitleValue = (dataSource: { label: string; value: any }[]) => {\n    const optionalKeys = ['label', 'title', 'header']\n    let nodeTitle: string | undefined\n    optionalKeys.some((key) => {\n      const title = toArr(dataSource).find((item) => item.label === key)?.value\n      if (title !== undefined) {\n        nodeTitle = title\n        return true\n      }\n      return false\n    })\n    if (nodeTitle === undefined) {\n      toArr(dataSource || []).some((item) => {\n        if (item.value && typeof item.value === 'string') {\n          nodeTitle = item.value\n          return true\n        }\n        return false\n      })\n    }\n    return nodeTitle\n  }\n\n  const renderTitle = (dataSource: { label: string; value: any }[]) => {\n    const nodeTitle = getTitleValue(dataSource)\n    if (nodeTitle === undefined)\n      return (\n        <TextWidget token=\"SettingComponents.DataSourceSetter.defaultTitle\" />\n      )\n    else return nodeTitle + ''\n  }\n\n  return (\n    <div className={prefix}>\n      <span style={{ marginRight: '5px' }}>\n        {renderTitle(props?.map || [])}\n      </span>\n      <IconWidget\n        className={prefix + '-icon'}\n        infer=\"Remove\"\n        onClick={() => {\n          const newDataSource = clone(props?.treeDataSource?.dataSource)\n          traverseTree(newDataSource || [], (dataItem, i, data) => {\n            if (data[i].key === props.duplicateKey) toArr(data).splice(i, 1)\n          })\n          props.treeDataSource.dataSource = newDataSource\n        }}\n      />\n    </div>\n  )\n})\n"]}

package/esm/components/DataSourceSetter/TreePanel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ITreeDataSource } from './types';
+import './styles.less';
+export interface ITreePanelProps {
+    treeDataSource: ITreeDataSource;
+    allowTree: boolean;
+    defaultOptionValue: {
+        label: string;
+        value: any;
+    }[];
+}
+export declare const TreePanel: React.FC<ITreePanelProps>;

package/esm/components/DataSourceSetter/TreePanel.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Tree, Button } from 'antd';
+import { uid } from '@nokecy/formily-shared';
+import { observer } from '@nokecy/formily-reactive-react';
+import { usePrefix, TextWidget, IconWidget } from '@nokecy/designer-react';
+import { Title } from './Title';
+import { Header } from './Header';
+import { traverseTree } from './shared';
+import './styles.less';
+import { GlobalRegistry } from '@nokecy/designer-core';
+const limitTreeDrag = ({ dropPosition }) => {
+    if (dropPosition === 0) {
+        return false;
+    }
+    return true;
+};
+export const TreePanel = observer((props) => {
+    const prefix = usePrefix('data-source-setter');
+    const dropHandler = (info) => {
+        var _a, _b;
+        const dropKey = (_a = info.node) === null || _a === void 0 ? void 0 : _a.key;
+        const dragKey = (_b = info.dragNode) === null || _b === void 0 ? void 0 : _b.key;
+        const dropPos = info.node.pos.split('-');
+        const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);
+        const data = [...props.treeDataSource.dataSource];
+        // Find dragObject
+        let dragObj = {
+            key: '',
+        };
+        traverseTree(data, (item, index, arr) => {
+            if (arr[index].key === dragKey) {
+                arr.splice(index, 1);
+                dragObj = item;
+            }
+        });
+        if (!info.dropToGap) {
+            traverseTree(data, (item) => {
+                if (item.key === dropKey) {
+                    item.children = item.children || [];
+                    item.children.unshift(dragObj);
+                }
+            });
+        }
+        else if ((info.node.children || []).length > 0 &&
+            info.node.expanded &&
+            dropPosition === 1) {
+            traverseTree(data, (item) => {
+                if (item.key === dropKey) {
+                    item.children = item.children || [];
+                    item.children.unshift(dragObj);
+                }
+            });
+        }
+        else {
+            let ar = [];
+            let i = 0;
+            traverseTree(data, (item, index, arr) => {
+                if (item.key === dropKey) {
+                    ar = arr;
+                    i = index;
+                }
+            });
+            if (dropPosition === -1) {
+                ar.splice(i, 0, dragObj);
+            }
+            else {
+                ar.splice(i + 1, 0, dragObj);
+            }
+        }
+        props.treeDataSource.dataSource = data;
+    };
+    return (_jsxs(Fragment, { children: [_jsx(Header, { title: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.dataSourceTree" }), extra: _jsx(Button, { type: "text", onClick: () => {
+                        var _a;
+                        const uuid = uid();
+                        const dataSource = props.treeDataSource.dataSource;
+                        const initialKeyValuePairs = ((_a = props.defaultOptionValue) === null || _a === void 0 ? void 0 : _a.map((item) => ({ ...item }))) || [
+                            {
+                                label: 'label',
+                                value: `${GlobalRegistry.getDesignerMessage(`SettingComponents.DataSourceSetter.item`)} ${dataSource.length + 1}`,
+                            },
+                            { label: 'value', value: uuid },
+                        ];
+                        props.treeDataSource.dataSource = dataSource.concat({
+                            key: uuid,
+                            duplicateKey: uuid,
+                            map: initialKeyValuePairs,
+                            children: [],
+                        });
+                    }, icon: _jsx(IconWidget, { infer: "Add" }), children: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.addNode" }) }) }), _jsx("div", { className: `${prefix + '-layout-item-content'}`, children: _jsx(Tree, { blockNode: true, draggable: true, allowDrop: props.allowTree ? () => true : limitTreeDrag, defaultExpandAll: true, defaultExpandParent: true, autoExpandParent: true, showLine: { showLeafIcon: false }, treeData: props.treeDataSource.dataSource, onDragEnter: () => { }, onDrop: dropHandler, titleRender: (titleProps) => {
+                        return (_jsx(Title, { ...titleProps, treeDataSource: props.treeDataSource }));
+                    }, onSelect: (selectedKeys) => {
+                        if (selectedKeys[0]) {
+                            props.treeDataSource.selectedKey = selectedKeys[0].toString();
+                        }
+                    } }) })] }));
+});
+//# sourceMappingURL=TreePanel.js.map

package/esm/components/DataSourceSetter/TreePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreePanel.js","sourceRoot":"","sources":["../../../src/components/DataSourceSetter/TreePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Fragment } from 'react'\nimport { Tree, Button, TreeProps } from 'antd'\nimport { uid } from '@nokecy/formily-shared'\nimport { observer } from '@nokecy/formily-reactive-react'\nimport { usePrefix, TextWidget, IconWidget } from '@nokecy/designer-react'\nimport { Title } from './Title'\nimport { Header } from './Header'\nimport { traverseTree } from './shared'\nimport { ITreeDataSource, INodeItem } from './types'\nimport './styles.less'\nimport { GlobalRegistry } from '@nokecy/designer-core'\n\nconst limitTreeDrag = ({ dropPosition }) => {\n  if (dropPosition === 0) {\n    return false\n  }\n  return true\n}\n\nexport interface ITreePanelProps {\n  treeDataSource: ITreeDataSource\n  allowTree: boolean\n  defaultOptionValue: {\n    label: string\n    value: any\n  }[]\n}\n\nexport const TreePanel: React.FC<ITreePanelProps> = observer((props) => {\n  const prefix = usePrefix('data-source-setter')\n  const dropHandler = (info: Parameters<Required<TreeProps>['onDrop']>[0]) => {\n    const dropKey = info.node?.key\n    const dragKey = info.dragNode?.key\n    const dropPos = info.node.pos.split('-')\n    const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1])\n    const data = [...props.treeDataSource.dataSource]\n    // Find dragObject\n    let dragObj: INodeItem = {\n      key: '',\n    }\n    traverseTree(data, (item, index, arr) => {\n      if (arr[index].key === dragKey) {\n        arr.splice(index, 1)\n        dragObj = item\n      }\n    })\n    if (!info.dropToGap) {\n      traverseTree(data, (item) => {\n        if (item.key === dropKey) {\n          item.children = item.children || []\n          item.children.unshift(dragObj)\n        }\n      })\n    } else if (\n      (info.node.children || []).length > 0 &&\n      info.node.expanded &&\n      dropPosition === 1\n    ) {\n      traverseTree(data, (item) => {\n        if (item.key === dropKey) {\n          item.children = item.children || []\n          item.children.unshift(dragObj)\n        }\n      })\n    } else {\n      let ar: INodeItem[] = []\n      let i = 0\n      traverseTree(data, (item, index, arr) => {\n        if (item.key === dropKey) {\n          ar = arr\n          i = index\n        }\n      })\n      if (dropPosition === -1) {\n        ar.splice(i, 0, dragObj)\n      } else {\n        ar.splice(i + 1, 0, dragObj)\n      }\n    }\n    props.treeDataSource.dataSource = data\n  }\n  return (\n    <Fragment>\n      <Header\n        title={\n          <TextWidget token=\"SettingComponents.DataSourceSetter.dataSourceTree\" />\n        }\n        extra={\n          <Button\n            type=\"text\"\n            onClick={() => {\n              const uuid = uid()\n              const dataSource = props.treeDataSource.dataSource\n              const initialKeyValuePairs = props.defaultOptionValue?.map(\n                (item) => ({ ...item })\n              ) || [\n                {\n                  label: 'label',\n                  value: `${GlobalRegistry.getDesignerMessage(\n                    `SettingComponents.DataSourceSetter.item`\n                  )} ${dataSource.length + 1}`,\n                },\n                { label: 'value', value: uuid },\n              ]\n              props.treeDataSource.dataSource = dataSource.concat({\n                key: uuid,\n                duplicateKey: uuid,\n                map: initialKeyValuePairs,\n                children: [],\n              })\n            }}\n            icon={<IconWidget infer=\"Add\" />}\n          >\n            <TextWidget token=\"SettingComponents.DataSourceSetter.addNode\" />\n          </Button>\n        }\n      />\n      <div className={`${prefix + '-layout-item-content'}`}>\n        <Tree\n          blockNode\n          draggable={true}\n          allowDrop={props.allowTree ? () => true : limitTreeDrag}\n          defaultExpandAll\n          defaultExpandParent\n          autoExpandParent\n          showLine={{ showLeafIcon: false }}\n          treeData={props.treeDataSource.dataSource}\n          onDragEnter={() => {}}\n          onDrop={dropHandler}\n          titleRender={(titleProps: INodeItem) => {\n            return (\n              <Title\n                {...titleProps}\n                treeDataSource={props.treeDataSource}\n              ></Title>\n            )\n          }}\n          onSelect={(selectedKeys) => {\n            if (selectedKeys[0]) {\n              props.treeDataSource.selectedKey = selectedKeys[0].toString()\n            }\n          }}\n        ></Tree>\n      </div>\n    </Fragment>\n  )\n})\n"]}

package/esm/components/DataSourceSetter/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Form } from '@nokecy/formily-core';
+import { IDataSourceItem } from './types';
+import './styles.less';
+export interface IDataSourceSetterProps {
+    className?: string;
+    style?: React.CSSProperties;
+    onChange: (dataSource: IDataSourceItem[]) => void;
+    value: IDataSourceItem[];
+    allowTree?: boolean;
+    allowExtendOption?: boolean;
+    defaultOptionValue?: {
+        label: string;
+        value: any;
+    }[];
+    effects?: (form: Form<any>) => void;
+}
+export declare const DataSourceSetter: React.FC<IDataSourceSetterProps>;

package/esm/components/DataSourceSetter/index.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useMemo, useState } from 'react';
+import cls from 'classnames';
+import { Modal, Button } from 'antd';
+import { observable } from '@nokecy/formily-reactive';
+import { observer } from '@nokecy/formily-reactive-react';
+import { usePrefix, useTheme, TextWidget } from '@nokecy/designer-react';
+import { DataSettingPanel } from './DataSettingPanel';
+import { TreePanel } from './TreePanel';
+import { transformDataToValue, transformValueToData } from './shared';
+import './styles.less';
+export const DataSourceSetter = observer((props) => {
+    const { className, value = [], onChange, allowTree = true, allowExtendOption = true, defaultOptionValue, effects = () => { }, } = props;
+    const theme = useTheme();
+    const prefix = usePrefix('data-source-setter');
+    const [modalOpen, setModalOpen] = useState(false);
+    const treeDataSource = useMemo(() => observable({
+        dataSource: transformValueToData(value),
+        selectedKey: '',
+    }), [value, modalOpen]);
+    const openModal = () => setModalOpen(true);
+    const closeModal = () => setModalOpen(false);
+    return (_jsxs(Fragment, { children: [_jsx(Button, { block: true, onClick: openModal, children: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.configureDataSource" }) }), _jsx(Modal, { title: _jsx(TextWidget, { token: "SettingComponents.DataSourceSetter.configureDataSource" }), width: "65%", styles: { body: { padding: 10 } }, transitionName: "", maskTransitionName: "", open: modalOpen, onCancel: closeModal, onOk: () => {
+                    onChange(transformDataToValue(treeDataSource.dataSource));
+                    closeModal();
+                }, children: _jsxs("div", { className: `${cls(prefix, className)} ${prefix + '-' + theme} ${prefix + '-layout'}`, children: [_jsx("div", { className: `${prefix + '-layout-item left'}`, children: _jsx(TreePanel, { defaultOptionValue: defaultOptionValue, allowTree: allowTree, treeDataSource: treeDataSource }) }), _jsx("div", { className: `${prefix + '-layout-item right'}`, children: _jsx(DataSettingPanel, { allowExtendOption: allowExtendOption, treeDataSource: treeDataSource, effects: effects }) })] }) })] }));
+});
+//# sourceMappingURL=index.js.map

package/esm/components/DataSourceSetter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DataSourceSetter/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Fragment, useMemo, useState } from 'react'\nimport cls from 'classnames'\nimport { Modal, Button } from 'antd'\nimport { Form } from '@nokecy/formily-core'\nimport { observable } from '@nokecy/formily-reactive'\nimport { observer } from '@nokecy/formily-reactive-react'\nimport { usePrefix, useTheme, TextWidget } from '@nokecy/designer-react'\nimport { DataSettingPanel } from './DataSettingPanel'\nimport { TreePanel } from './TreePanel'\nimport { transformDataToValue, transformValueToData } from './shared'\nimport { IDataSourceItem, ITreeDataSource } from './types'\nimport './styles.less'\nexport interface IDataSourceSetterProps {\n  className?: string\n  style?: React.CSSProperties\n  onChange: (dataSource: IDataSourceItem[]) => void\n  value: IDataSourceItem[]\n  allowTree?: boolean\n  allowExtendOption?: boolean\n  defaultOptionValue?: {\n    label: string\n    value: any\n  }[]\n  effects?: (form: Form<any>) => void\n}\n\nexport const DataSourceSetter: React.FC<IDataSourceSetterProps> = observer(\n  (props) => {\n    const {\n      className,\n      value = [],\n      onChange,\n      allowTree = true,\n      allowExtendOption = true,\n      defaultOptionValue,\n      effects = () => {},\n    } = props\n    const theme = useTheme()\n    const prefix = usePrefix('data-source-setter')\n    const [modalOpen, setModalOpen] = useState(false)\n    const treeDataSource: ITreeDataSource = useMemo(\n      () =>\n        observable({\n          dataSource: transformValueToData(value),\n          selectedKey: '',\n        }),\n      [value, modalOpen]\n    )\n    const openModal = () => setModalOpen(true)\n    const closeModal = () => setModalOpen(false)\n    return (\n      <Fragment>\n        <Button block onClick={openModal}>\n          <TextWidget token=\"SettingComponents.DataSourceSetter.configureDataSource\" />\n        </Button>\n        <Modal\n          title={\n            <TextWidget token=\"SettingComponents.DataSourceSetter.configureDataSource\" />\n          }\n          width=\"65%\"\n          styles={{ body: { padding: 10 } }}\n          transitionName=\"\"\n          maskTransitionName=\"\"\n          open={modalOpen}\n          onCancel={closeModal}\n          onOk={() => {\n            onChange(transformDataToValue(treeDataSource.dataSource))\n            closeModal()\n          }}\n        >\n          <div\n            className={`${cls(prefix, className)} ${prefix + '-' + theme} ${\n              prefix + '-layout'\n            }`}\n          >\n            <div className={`${prefix + '-layout-item left'}`}>\n              <TreePanel\n                defaultOptionValue={defaultOptionValue as any}\n                allowTree={allowTree}\n                treeDataSource={treeDataSource}\n              ></TreePanel>\n            </div>\n            <div className={`${prefix + '-layout-item right'}`}>\n              <DataSettingPanel\n                allowExtendOption={allowExtendOption}\n                treeDataSource={treeDataSource}\n                effects={effects}\n              ></DataSettingPanel>\n            </div>\n          </div>\n        </Modal>\n      </Fragment>\n    )\n  }\n)\n"]}

package/esm/components/DataSourceSetter/shared.d.ts

@@ -0,0 +1,9 @@
+import { IDataSourceItem, INodeItem } from './types';
+export interface INode {
+    key?: string;
+    map?: any;
+    children?: INode[];
+}
+export declare const traverseTree: <T extends INode>(data: T[], callback: (dataItem: T, i: number, data: T[]) => any) => void;
+export declare const transformValueToData: (value: IDataSourceItem[]) => INodeItem[];
+export declare const transformDataToValue: (data: INodeItem[]) => IDataSourceItem[];

package/esm/components/DataSourceSetter/shared.js

@@ -0,0 +1,48 @@
+import { uid, clone, toArr } from '@nokecy/formily-shared';
+export const traverseTree = (data, callback) => {
+    var _a, _b;
+    for (let i = 0; i < data.length; i++) {
+        callback(data[i], i, data);
+        if ((_a = data[i]) === null || _a === void 0 ? void 0 : _a.children) {
+            traverseTree(((_b = data[i]) === null || _b === void 0 ? void 0 : _b.children) || [], callback);
+        }
+    }
+};
+export const transformValueToData = (value) => {
+    const data = clone(value);
+    traverseTree(data, (item, i, dataSource) => {
+        const dataItem = {
+            key: '',
+            duplicateKey: '',
+            map: [],
+            children: [],
+        };
+        for (const [key, value] of Object.entries(dataSource[i] || {})) {
+            if (key !== 'children')
+                dataItem.map.push({ label: key, value: value });
+        }
+        const uuid = uid();
+        dataItem.key = uuid;
+        dataItem.duplicateKey = uuid;
+        dataItem.children = dataSource[i].children || [];
+        dataSource[i] = dataItem;
+    });
+    return data;
+};
+export const transformDataToValue = (data) => {
+    const value = clone(data);
+    traverseTree(value, (item, i, dataSource) => {
+        var _a;
+        const valueItem = {
+            children: [],
+        };
+        toArr(dataSource[i].map).forEach((item) => {
+            if (item.label)
+                valueItem[item.label] = item.value;
+        });
+        valueItem.children = ((_a = dataSource[i]) === null || _a === void 0 ? void 0 : _a.children) || [];
+        dataSource[i] = valueItem;
+    });
+    return value;
+};
+//# sourceMappingURL=shared.js.map

package/esm/components/DataSourceSetter/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/components/DataSourceSetter/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAS1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,IAAS,EACT,QAAoD,EACpD,EAAE;;IACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAA;QAC1B,IAAI,MAAA,IAAI,CAAC,CAAC,CAAC,0CAAE,QAAQ,EAAE,CAAC;YACtB,YAAY,CAAC,CAAA,MAAA,IAAI,CAAC,CAAC,CAAC,0CAAE,QAAQ,KAAI,EAAE,EAAE,QAAQ,CAAC,CAAA;QACjD,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC5E,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;IACzB,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE;QACzC,MAAM,QAAQ,GAAG;YACf,GAAG,EAAE,EAAE;YACP,YAAY,EAAE,EAAE;YAChB,GAAG,EAAE,EAAqC;YAC1C,QAAQ,EAAE,EAAa;SACxB,CAAA;QACD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;YAC/D,IAAI,GAAG,KAAK,UAAU;gBAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;QACzE,CAAC;QACD,MAAM,IAAI,GAAG,GAAG,EAAE,CAAA;QAClB,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAA;QACnB,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAA;QAC5B,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAA;QAChD,UAAU,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAA;IAC1B,CAAC,CAAC,CAAA;IACF,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAiB,EAAqB,EAAE;IAC3E,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IACzB,YAAY,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE;;QAC1C,MAAM,SAAS,GAAoB;YACjC,QAAQ,EAAE,EAAE;SACb,CAAA;QACD,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACxC,IAAI,IAAI,CAAC,KAAK;gBAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QACpD,CAAC,CAAC,CAAA;QACF,SAAS,CAAC,QAAQ,GAAG,CAAA,MAAA,UAAU,CAAC,CAAC,CAAC,0CAAE,QAAQ,KAAI,EAAE,CAAA;QAClD,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IAC3B,CAAC,CAAC,CAAA;IACF,OAAO,KAAK,CAAA;AACd,CAAC,CAAA","sourcesContent":["import { uid, clone, toArr } from '@nokecy/formily-shared'\nimport { IDataSourceItem, INodeItem } from './types'\n\nexport interface INode {\n  key?: string\n  map?: any\n  children?: INode[]\n}\n\nexport const traverseTree = <T extends INode>(\n  data: T[],\n  callback: (dataItem: T, i: number, data: T[]) => any\n) => {\n  for (let i = 0; i < data.length; i++) {\n    callback(data[i], i, data)\n    if (data[i]?.children) {\n      traverseTree(data[i]?.children || [], callback)\n    }\n  }\n}\n\nexport const transformValueToData = (value: IDataSourceItem[]): INodeItem[] => {\n  const data = clone(value)\n  traverseTree(data, (item, i, dataSource) => {\n    const dataItem = {\n      key: '',\n      duplicateKey: '',\n      map: [] as { label: string; value: any }[],\n      children: [] as INode[],\n    }\n    for (const [key, value] of Object.entries(dataSource[i] || {})) {\n      if (key !== 'children') dataItem.map.push({ label: key, value: value })\n    }\n    const uuid = uid()\n    dataItem.key = uuid\n    dataItem.duplicateKey = uuid\n    dataItem.children = dataSource[i].children || []\n    dataSource[i] = dataItem\n  })\n  return data\n}\n\nexport const transformDataToValue = (data: INodeItem[]): IDataSourceItem[] => {\n  const value = clone(data)\n  traverseTree(value, (item, i, dataSource) => {\n    const valueItem: IDataSourceItem = {\n      children: [],\n    }\n    toArr(dataSource[i].map).forEach((item) => {\n      if (item.label) valueItem[item.label] = item.value\n    })\n    valueItem.children = dataSource[i]?.children || []\n    dataSource[i] = valueItem\n  })\n  return value\n}\n"]}