@nokecy/qc-ui-form-designer 0.0.0-stage → 2.0.0-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) QC_UI contributors
+
+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/dist/cjs/FormDesigner.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { FormDesignerProps } from './types';
+import './index.less';
+declare const FormDesigner: React.FC<FormDesignerProps>;
+export default FormDesigner;

package/dist/cjs/FormDesigner.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _designerCore = require("@nokecy/designer-core");
+var _designerFormilyAntd = require("@nokecy/designer-formily-antd");
+var _index = require("@nokecy/qc-ui-components/editable/index");
+var _index2 = require("./materials/arrayTable/index");
+var _designerReact = require("@nokecy/designer-react");
+var _designerReactSettingsForm = require("@nokecy/designer-react-settings-form");
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _useDesignerEngine2 = require("./useDesignerEngine");
+var _businessComponents = require("./businessComponents");
+var _index3 = require("./widgets/index");
+var _index4 = require("./materials/preWidgets/index");
+require("./index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+_designerCore.GlobalRegistry.registerDesignerLocales({
+  'zh-CN': {
+    sources: {
+      Inputs: '输入控件',
+      Layouts: '布局组件',
+      Arrays: '自增组件',
+      Displays: '展示组件'
+    }
+  },
+  'en-US': {
+    sources: {
+      Inputs: 'Inputs',
+      Layouts: 'Layouts',
+      Arrays: 'Arrays',
+      Displays: 'Displays'
+    }
+  }
+});
+var emptyBusinessComponents = [];
+var FormDesigner = function FormDesigner(props) {
+  var name = props.name,
+    _props$businessCompon = props.businessComponents,
+    businessComponents = _props$businessCompon === void 0 ? emptyBusinessComponents : _props$businessCompon,
+    runtimeComponents = props.runtimeComponents,
+    scope = props.scope;
+  var _useDesignerEngine = (0, _useDesignerEngine2.useDesignerEngine)(props),
+    engine = _useDesignerEngine.engine,
+    save = _useDesignerEngine.save,
+    error = _useDesignerEngine.error;
+  var designerComponents = (0, _react.useMemo)(function () {
+    return (0, _businessComponents.getBusinessComponents)(businessComponents);
+  }, [businessComponents]);
+  var previewComponents = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, (0, _businessComponents.getBusinessComponents)(businessComponents, true)), runtimeComponents);
+  }, [businessComponents, runtimeComponents]);
+  var groupComponents = (0, _businessComponents.getBusinessComponentGroups)(businessComponents);
+  var CompositePanelItem = _designerReact.CompositePanel.Item;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.Designer, {
+    engine: engine,
+    position: 'relative',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_designerReact.StudioPanel, {
+      logo: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        style: {
+          fontWeight: '500',
+          textAlign: 'center',
+          fontSize: 24,
+          paddingLeft: 50
+        },
+        children: ["\u8868\u5355\u540D\u79F0:", name]
+      }),
+      actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ActionsWidget, {
+        saveSchema: save
+      }),
+      style: {
+        position: 'static',
+        height: '100%'
+      },
+      children: [error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Alert, {
+        type: "error",
+        showIcon: true,
+        description: error.message
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_designerReact.CompositePanel, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(CompositePanelItem, {
+          title: "panels.Component",
+          icon: "Component",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ResourceWidget, {
+            title: "sources.Inputs",
+            sources: [_designerFormilyAntd.Input, _designerFormilyAntd.Password, _designerFormilyAntd.NumberPicker, _designerFormilyAntd.Rate, _designerFormilyAntd.Slider, _designerFormilyAntd.Select, _designerFormilyAntd.TreeSelect, _designerFormilyAntd.Cascader, _designerFormilyAntd.Transfer, _designerFormilyAntd.Checkbox, _designerFormilyAntd.Radio, _designerFormilyAntd.DatePicker, _designerFormilyAntd.TimePicker, _designerFormilyAntd.Upload, _designerFormilyAntd.Switch, _designerFormilyAntd.ObjectContainer]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ResourceWidget, {
+            title: "sources.Layouts",
+            sources: [_index4.Card, _designerFormilyAntd.FormGrid, _designerFormilyAntd.FormTab, _designerFormilyAntd.FormLayout, _designerFormilyAntd.FormCollapse, _designerFormilyAntd.Space]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ResourceWidget, {
+            title: "sources.Arrays",
+            sources: [_designerFormilyAntd.ArrayCards, _index2.ArrayTable, _index4.ArrayTableIndex]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ResourceWidget, {
+            title: "sources.Displays",
+            sources: [_designerFormilyAntd.Text]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ResourceWidget, {
+            title: "\u9884\u8BBE\u5B57\u6BB5",
+            sources: [_index4.PreDefineProperty1, _index4.PreDefineProperty2, _index4.PreDefineProperty3, _index4.PreDefineProperty4, _index4.PreDefineProperty5, _index4.PreDefineProperty6, _index4.PreDefineProperty7, _index4.PreDefineProperty8, _index4.PreDefineProperty9, _index4.PreDefineProperty10]
+          }), Object.keys(groupComponents).map(function (x) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ResourceWidget, {
+              title: x,
+              sources: groupComponents[x]
+            }, x);
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CompositePanelItem, {
+          title: "panels.OutlinedTree",
+          icon: "Outline",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.OutlineTreeWidget, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CompositePanelItem, {
+          title: "panels.History",
+          icon: "History",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.HistoryWidget, {})
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.Workspace, {
+        id: "form",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_designerReact.WorkspacePanel, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_designerReact.ToolbarPanel, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.DesignerToolsWidget, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ViewToolsWidget, {
+              use: ['DESIGNABLE', 'JSONTREE', 'PREVIEW']
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_designerReact.ViewportPanel, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ViewPanel, {
+              type: "DESIGNABLE",
+              children: function children() {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ComponentTreeWidget, {
+                  components: _objectSpread({
+                    Form: _designerFormilyAntd.Form,
+                    Field: _designerFormilyAntd.Field,
+                    Input: _designerFormilyAntd.Input,
+                    Select: _designerFormilyAntd.Select,
+                    TreeSelect: _designerFormilyAntd.TreeSelect,
+                    Cascader: _designerFormilyAntd.Cascader,
+                    Radio: _designerFormilyAntd.Radio,
+                    Checkbox: _designerFormilyAntd.Checkbox,
+                    Slider: _designerFormilyAntd.Slider,
+                    Rate: _designerFormilyAntd.Rate,
+                    NumberPicker: _designerFormilyAntd.NumberPicker,
+                    Transfer: _designerFormilyAntd.Transfer,
+                    Password: _designerFormilyAntd.Password,
+                    DatePicker: _designerFormilyAntd.DatePicker,
+                    TimePicker: _designerFormilyAntd.TimePicker,
+                    Upload: _designerFormilyAntd.Upload,
+                    Switch: _designerFormilyAntd.Switch,
+                    Text: _designerFormilyAntd.Text,
+                    Card: _index4.Card,
+                    ArrayCards: _designerFormilyAntd.ArrayCards,
+                    ArrayTable: _index2.ArrayTable,
+                    Space: _designerFormilyAntd.Space,
+                    FormTab: _designerFormilyAntd.FormTab,
+                    FormCollapse: _designerFormilyAntd.FormCollapse,
+                    FormGrid: _designerFormilyAntd.FormGrid,
+                    FormLayout: _designerFormilyAntd.FormLayout,
+                    ObjectContainer: _designerFormilyAntd.ObjectContainer,
+                    PreDefineProperty1: _index4.PreDefineProperty1,
+                    PreDefineProperty2: _index4.PreDefineProperty2,
+                    PreDefineProperty3: _index4.PreDefineProperty3,
+                    PreDefineProperty4: _index4.PreDefineProperty4,
+                    PreDefineProperty5: _index4.PreDefineProperty5,
+                    PreDefineProperty6: _index4.PreDefineProperty6,
+                    PreDefineProperty7: _index4.PreDefineProperty7,
+                    PreDefineProperty8: _index4.PreDefineProperty8,
+                    PreDefineProperty9: _index4.PreDefineProperty9,
+                    PreDefineProperty10: _index4.PreDefineProperty10,
+                    ArrayTableIndex: _index4.ArrayTableIndex,
+                    Editable: _index.Editable
+                  }, designerComponents)
+                });
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ViewPanel, {
+              type: "JSONTREE",
+              scrollable: false,
+              children: function children(tree, onChange) {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.SchemaEditorWidget, {
+                  tree: tree,
+                  onChange: onChange,
+                  onError: function onError(error) {
+                    var _props$onSchemaError;
+                    return (_props$onSchemaError = props.onSchemaError) === null || _props$onSchemaError === void 0 ? void 0 : _props$onSchemaError.call(props, error, 'schema');
+                  }
+                });
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.ViewPanel, {
+              type: "PREVIEW",
+              children: function children(tree) {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.PreviewWidget, {
+                  tree: tree,
+                  components: previewComponents,
+                  scope: scope
+                });
+              }
+            })]
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReact.SettingsPanel, {
+        title: "panels.PropertySettings",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_designerReactSettingsForm.SettingsForm, {
+          scope: scope
+        })
+      })]
+    })
+  });
+};
+var _default = exports.default = FormDesigner;

package/dist/cjs/businessComponents.d.ts

@@ -0,0 +1,3 @@
+import type { FormDesignerBusinessComponent, FormDesignerComponents } from './types';
+export declare function getBusinessComponents(components: FormDesignerBusinessComponent[], runtime?: boolean): FormDesignerComponents;
+export declare function getBusinessComponentGroups(components: FormDesignerBusinessComponent[]): Record<string, FormDesignerBusinessComponent[]>;

package/dist/cjs/businessComponents.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBusinessComponentGroups = getBusinessComponentGroups;
+exports.getBusinessComponents = getBusinessComponents;
+function getBusinessComponents(components) {
+  var runtime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return components.reduce(function (result, component) {
+    var _component$Behavior;
+    var name = (_component$Behavior = component.Behavior) === null || _component$Behavior === void 0 || (_component$Behavior = _component$Behavior[0]) === null || _component$Behavior === void 0 ? void 0 : _component$Behavior.name;
+    if (name) result[name] = runtime ? component.RuntimeComponent || component : component;
+    return result;
+  }, Object.create(null));
+}
+function getBusinessComponentGroups(components) {
+  return components.reduce(function (result, component) {
+    var group = component.GroupName || '其他';
+    (result[group] || (result[group] = [])).push(component);
+    return result;
+  }, Object.create(null));
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,5 @@
+export { default as FormDesigner } from './FormDesigner';
+export { exportDesignerSchema, importDesignerSchema, parseDesignerSchema } from './schema/index';
+export { formDesignerRuntimeComponents, createFormDesignerRuntimeComponents } from './preview/runtime';
+export type { FormDesignerSchema, FormDesignerSchemaInput, FormDesignerSchemaResult } from './schema/index';
+export type { FormDesignerProps, FormDesignerBusinessComponent, FormDesignerComponents, FormDesignerScope, FormDesignerLoadContext, FormDesignerLoadCleanup, FormDesignerErrorSource, } from './types';

package/dist/cjs/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FormDesigner", {
+  enumerable: true,
+  get: function get() {
+    return _FormDesigner.default;
+  }
+});
+Object.defineProperty(exports, "createFormDesignerRuntimeComponents", {
+  enumerable: true,
+  get: function get() {
+    return _runtime.createFormDesignerRuntimeComponents;
+  }
+});
+Object.defineProperty(exports, "exportDesignerSchema", {
+  enumerable: true,
+  get: function get() {
+    return _index.exportDesignerSchema;
+  }
+});
+Object.defineProperty(exports, "formDesignerRuntimeComponents", {
+  enumerable: true,
+  get: function get() {
+    return _runtime.formDesignerRuntimeComponents;
+  }
+});
+Object.defineProperty(exports, "importDesignerSchema", {
+  enumerable: true,
+  get: function get() {
+    return _index.importDesignerSchema;
+  }
+});
+Object.defineProperty(exports, "parseDesignerSchema", {
+  enumerable: true,
+  get: function get() {
+    return _index.parseDesignerSchema;
+  }
+});
+var _FormDesigner = _interopRequireDefault(require("./FormDesigner"));
+var _index = require("./schema/index");
+var _runtime = require("./preview/runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/index.less

@@ -0,0 +1,3 @@
+.dn-app {
+    height: 100%;
+}

package/dist/cjs/materials/ProCard/index.d.ts

@@ -0,0 +1,2 @@
+import Card from '@nokecy/qc-ui-components/card/index';
+export default Card;

package/dist/cjs/materials/ProCard/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _index = _interopRequireDefault(require("@nokecy/qc-ui-components/card/index"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// 设计器物料复用 components 的 Card(与运行时同一份实现),组件名保持 ProCard/Card 数据协议不变。
+var _default = exports.default = _index.default;

package/dist/cjs/materials/arrayTable/arrayTableSchema.d.ts

@@ -0,0 +1,5 @@
+import { ISchema } from '@nokecy/formily-react';
+export declare const ArrayTable: ISchema & {
+    Addition?: ISchema;
+    Column?: ISchema;
+};

package/dist/cjs/materials/arrayTable/arrayTableSchema.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrayTable = void 0;
+var ArrayTable = exports.ArrayTable = {
+  type: 'object',
+  properties: {
+    gridKey: {
+      type: 'string',
+      title: 'Grid Key',
+      'x-decorator': 'FormItem',
+      'x-component': 'Input'
+    },
+    bordered: {
+      type: 'boolean',
+      'x-decorator': 'FormItem',
+      'x-component': 'Switch',
+      'x-component-props': {
+        defaultChecked: true
+      }
+    },
+    showHeader: {
+      type: 'boolean',
+      'x-decorator': 'FormItem',
+      'x-component': 'Switch',
+      'x-component-props': {
+        defaultChecked: true
+      }
+    },
+    sticky: {
+      type: 'boolean',
+      'x-decorator': 'FormItem',
+      'x-component': 'Switch'
+    },
+    size: {
+      type: 'string',
+      enum: ['large', 'small', 'medium'],
+      'x-decorator': 'FormItem',
+      'x-component': 'Select',
+      'x-component-props': {
+        defaultValue: 'small'
+      }
+    },
+    tableLayout: {
+      type: 'string',
+      enum: ['auto', 'fixed'],
+      'x-decorator': 'FormItem',
+      'x-component': 'Radio.Group',
+      'x-component-props': {
+        defaultValue: 'auto',
+        optionType: 'button'
+      }
+    }
+  }
+};
+var Column = {
+  type: 'object',
+  properties: {
+    title: {
+      type: 'string',
+      'x-decorator': 'FormItem',
+      'x-component': 'Input'
+    },
+    align: {
+      type: 'string',
+      enum: ['left', 'right', 'center'],
+      'x-decorator': 'FormItem',
+      'x-component': 'Radio.Group',
+      'x-component-props': {
+        defaultValue: 'left',
+        optionType: 'button'
+      }
+    },
+    colSpan: {
+      type: 'number',
+      'x-decorator': 'FormItem',
+      'x-component': 'NumberPicker'
+    },
+    width: {
+      type: 'number',
+      'x-decorator': 'FormItem',
+      'x-component': 'NumberPicker'
+    },
+    ellipsis: {
+      type: 'number',
+      "title": "文本缩略",
+      'x-decorator': 'FormItem',
+      'x-component': 'Switch'
+    },
+    pinned: {
+      type: 'string',
+      enum: ['left', 'right', false],
+      'x-decorator': 'FormItem',
+      'x-component': 'Radio.Group',
+      'x-component-props': {
+        optionType: 'button'
+      }
+    }
+  }
+};
+var Addition = {
+  type: 'object',
+  properties: {
+    method: {
+      type: 'string',
+      enum: ['push', 'unshift'],
+      'x-decorator': 'FormItem',
+      'x-component': 'Radio.Group',
+      'x-component-props': {
+        defaultValue: 'push',
+        optionType: 'button'
+      }
+    },
+    defaultValue: {
+      type: 'string',
+      'x-decorator': 'FormItem',
+      'x-component': 'ValueInput'
+    }
+  }
+};
+ArrayTable.Column = Column;
+ArrayTable.Addition = Addition;

package/dist/cjs/materials/arrayTable/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/dist/cjs/materials/arrayTable/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _preview = require("./preview");
+Object.keys(_preview).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _preview[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _preview[key];
+    }
+  });
+});

package/dist/cjs/materials/arrayTable/preview.d.ts

@@ -0,0 +1,3 @@
+import { DnFC } from '@nokecy/designer-react';
+import './styles.less';
+export declare const ArrayTable: DnFC<any>;