@nokecy/qc-ui 0.6.1 → 0.6.2

package/dist/cjs/formDesigner/preWidgets/utils.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createVoidFieldSchema = exports.createFieldSchema = exports.createComponentSchema = void 0;
+var _designableFormilySetters = require("@nokecy/designable-formily-setters");
+var _designableFormilyAntd = require("@nokecy/designable-formily-antd");
+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); }
+var createFieldSchema = exports.createFieldSchema = function createFieldSchema(component) {
+  var decorator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _designableFormilyAntd.AllSchemas.FormItem;
+  return {
+    type: 'object',
+    properties: _objectSpread({
+      'field-group': {
+        type: 'void',
+        'x-component': 'CollapseItem',
+        properties: {
+          name: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input'
+          },
+          title: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input'
+          },
+          description: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input.TextArea'
+          },
+          'x-display': {
+            type: 'string',
+            enum: ['visible', 'hidden', 'none', ''],
+            'x-decorator': 'FormItem',
+            'x-component': 'Select',
+            'x-component-props': {
+              defaultValue: 'visible'
+            }
+          },
+          'x-pattern': {
+            type: 'string',
+            enum: ['editable', 'disabled', 'readOnly', 'readPretty', ''],
+            'x-decorator': 'FormItem',
+            'x-component': 'Select',
+            'x-component-props': {
+              defaultValue: 'editable'
+            }
+          },
+          default: {
+            'x-decorator': 'FormItem',
+            'x-component': 'ValueInput'
+          },
+          enum: {
+            'x-decorator': 'FormItem',
+            'x-component': _designableFormilySetters.DataSourceSetter
+          },
+          'x-reactions': {
+            'x-decorator': 'FormItem',
+            'x-component': _designableFormilySetters.ReactionsSetter
+          },
+          'x-validator': {
+            type: 'array',
+            'x-component': _designableFormilySetters.ValidatorSetter
+          },
+          required: {
+            type: 'boolean',
+            'x-decorator': 'FormItem',
+            'x-component': 'Switch'
+          },
+          'x-decorator': {
+            type: 'string',
+            enum: ['Editable', 'FormItem'],
+            'x-decorator': 'FormItem',
+            'x-component': 'Select',
+            'x-component-props': {
+              defaultValue: 'FormItem'
+            }
+          }
+        }
+      }
+    }, createComponentSchema(component, decorator))
+  };
+};
+var createComponentSchema = exports.createComponentSchema = function createComponentSchema(component, decorator) {
+  return {
+    'component-group': component && {
+      type: 'void',
+      'x-component': 'CollapseItem',
+      'x-reactions': {
+        fulfill: {
+          state: {
+            visible: '{{!!$form.values["x-component"]}}'
+          }
+        }
+      },
+      properties: {
+        'x-component-props': component
+      }
+    },
+    'decorator-group': decorator && {
+      type: 'void',
+      'x-component': 'CollapseItem',
+      'x-component-props': {
+        defaultExpand: false
+      },
+      'x-reactions': {
+        fulfill: {
+          state: {
+            visible: '{{!!$form.values["x-decorator"]}}'
+          }
+        }
+      },
+      properties: {
+        'x-decorator-props': decorator
+      }
+    },
+    'component-style-group': {
+      type: 'void',
+      'x-component': 'CollapseItem',
+      'x-component-props': {
+        defaultExpand: false
+      },
+      'x-reactions': {
+        fulfill: {
+          state: {
+            visible: '{{!!$form.values["x-component"]}}'
+          }
+        }
+      },
+      properties: {
+        'x-component-props.style': _designableFormilyAntd.AllSchemas.CSSStyle
+      }
+    },
+    'decorator-style-group': {
+      type: 'void',
+      'x-component': 'CollapseItem',
+      'x-component-props': {
+        defaultExpand: false
+      },
+      'x-reactions': {
+        fulfill: {
+          state: {
+            visible: '{{!!$form.values["x-decorator"]}}'
+          }
+        }
+      },
+      properties: {
+        'x-decorator-props.style': _designableFormilyAntd.AllSchemas.CSSStyle
+      }
+    }
+  };
+};
+var createVoidFieldSchema = exports.createVoidFieldSchema = function createVoidFieldSchema(component) {
+  var decorator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _designableFormilyAntd.AllSchemas.FormItem;
+  return {
+    type: 'object',
+    properties: _objectSpread({
+      'field-group': {
+        type: 'void',
+        'x-component': 'CollapseItem',
+        properties: {
+          name: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input'
+          },
+          title: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input',
+            'x-reactions': {
+              fulfill: {
+                state: {
+                  hidden: '{{$form.values["x-decorator"] !== "FormItem"}}'
+                }
+              }
+            }
+          },
+          description: {
+            type: 'string',
+            'x-decorator': 'FormItem',
+            'x-component': 'Input.TextArea',
+            'x-reactions': {
+              fulfill: {
+                state: {
+                  hidden: '{{$form.values["x-decorator"] !== "FormItem"}}'
+                }
+              }
+            }
+          },
+          'x-display': {
+            type: 'string',
+            enum: ['visible', 'hidden', 'none', ''],
+            'x-decorator': 'FormItem',
+            'x-component': 'Select',
+            'x-component-props': {
+              defaultValue: 'visible'
+            }
+          },
+          'x-pattern': {
+            type: 'string',
+            enum: ['editable', 'disabled', 'readOnly', 'readPretty', ''],
+            'x-decorator': 'FormItem',
+            'x-component': 'Select',
+            'x-component-props': {
+              defaultValue: 'editable'
+            }
+          },
+          'x-reactions': {
+            'x-decorator': 'FormItem',
+            'x-component': _designableFormilySetters.ReactionsSetter
+          }
+        }
+      }
+    }, createComponentSchema(component, decorator))
+  };
+};

package/dist/cjs/formDesigner/widgets/ActionsWidget.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ActionsWidget: React.MemoExoticComponent<import("@formily/react").ReactFC<Omit<any, "ref">>>;

package/dist/cjs/formDesigner/widgets/ActionsWidget.js

@@ -0,0 +1,38 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionsWidget = void 0;
+var _designableCore = require("@nokecy/designable-core");
+var _designableReact = require("@nokecy/designable-react");
+var _react = require("@formily/react");
+var _antd = require("antd");
+var _react2 = _interopRequireWildcard(require("react"));
+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; }
+var ActionsWidget = exports.ActionsWidget = (0, _react.observer)(function (props) {
+  var saveSchema = props.saveSchema;
+  var designer = (0, _designableReact.useDesigner)();
+  var supportLocales = ['zh-cn', 'en-us', 'ko-kr'];
+  (0, _react2.useEffect)(function () {
+    if (!supportLocales.includes(_designableCore.GlobalRegistry.getDesignerLanguage())) {
+      _designableCore.GlobalRegistry.setDesignerLanguage('zh-cn');
+    }
+  }, []);
+  return /*#__PURE__*/_react2.default.createElement(_antd.Space, {
+    style: {
+      marginRight: 10
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_antd.Button, {
+    onClick: function onClick() {
+      saveSchema && saveSchema(designer);
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_designableReact.TextWidget, null, "Save")), /*#__PURE__*/_react2.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: function onClick() {
+      saveSchema && saveSchema(designer);
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_designableReact.TextWidget, null, "Publish")));
+});

package/dist/cjs/formDesigner/widgets/LogoWidget.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LogoWidget: React.FC;

package/dist/cjs/formDesigner/widgets/LogoWidget.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LogoWidget = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designableReact = require("@nokecy/designable-react");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var logo = {
+  dark: '//img.alicdn.com/imgextra/i2/O1CN01NTUDi81fHLQvZCPnc_!!6000000003981-55-tps-1141-150.svg',
+  light: '//img.alicdn.com/imgextra/i2/O1CN01Kq3OHU1fph6LGqjIz_!!6000000004056-55-tps-1141-150.svg'
+};
+var LogoWidget = exports.LogoWidget = function LogoWidget() {
+  //@ts-ignore
+  var url = logo[(0, _designableReact.useTheme)()];
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      fontSize: 14
+    }
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: url,
+    style: {
+      margin: '12px 8px',
+      height: 18,
+      width: 'auto'
+    }
+  }));
+};

package/dist/cjs/formDesigner/widgets/PreviewWidget.d.ts

@@ -0,0 +1,7 @@
+import { TreeNode } from '@nokecy/designable-core';
+import React from 'react';
+export interface IPreviewWidgetProps {
+    components: any;
+    tree: TreeNode;
+}
+export declare const PreviewWidget: React.FC<IPreviewWidgetProps>;

package/dist/cjs/formDesigner/widgets/PreviewWidget.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviewWidget = void 0;
+var _designableFormilyTransformer = require("@nokecy/designable-formily-transformer");
+var _antdV = require("@formily/antd-v5");
+var _core = require("@formily/core");
+var _react = require("@formily/react");
+var _react2 = _interopRequireWildcard(require("react"));
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
+var PreviewWidget = exports.PreviewWidget = function PreviewWidget(props) {
+  var components = props.components;
+  var form = (0, _react2.useMemo)(function () {
+    return (0, _core.createForm)();
+  }, []);
+  var SchemaField = (0, _react2.useMemo)(function () {
+    return (0, _react.createSchemaField)({
+      components: _objectSpread(_objectSpread({}, components), {}, {
+        FormItem: _antdV.FormItem
+      })
+    });
+  }, []);
+  var _transformToSchema = (0, _designableFormilyTransformer.transformToSchema)(props.tree),
+    formProps = _transformToSchema.form,
+    schema = _transformToSchema.schema;
+  return /*#__PURE__*/_react2.default.createElement(_antdV.Form, _extends({}, formProps, {
+    form: form
+  }), /*#__PURE__*/_react2.default.createElement(SchemaField, {
+    schema: schema
+  }));
+};

package/dist/cjs/formDesigner/widgets/SchemaEditorWidget.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TreeNode, ITreeNode } from '@nokecy/designable-core';
+export interface ISchemaEditorWidgetProps {
+    tree: TreeNode;
+    onChange?: (tree: ITreeNode) => void;
+}
+export declare const SchemaEditorWidget: React.FC<ISchemaEditorWidgetProps>;

package/dist/cjs/formDesigner/widgets/SchemaEditorWidget.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchemaEditorWidget = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designableFormilyTransformer = require("@nokecy/designable-formily-transformer");
+var _designableReactSettingsForm = require("@nokecy/designable-react-settings-form");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+// import MonacoEditor from 'react-monaco-editor';
+
+var SchemaEditorWidget = exports.SchemaEditorWidget = function SchemaEditorWidget(props) {
+  console.log(JSON.stringify((0, _designableFormilyTransformer.transformToSchema)(props.tree), null, 2));
+  return /*#__PURE__*/_react.default.createElement(_designableReactSettingsForm.MonacoInput, _extends({}, props, {
+    value: JSON.stringify((0, _designableFormilyTransformer.transformToSchema)(props.tree), null, 2),
+    onChange: function onChange(value) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, (0, _designableFormilyTransformer.transformToTreeNode)(JSON.parse(value)));
+    },
+    language: "json"
+  }));
+};

package/dist/cjs/formDesigner/widgets/index.d.ts

@@ -0,0 +1,4 @@
+export * from './LogoWidget';
+export * from './ActionsWidget';
+export * from './PreviewWidget';
+export * from './SchemaEditorWidget';

package/dist/cjs/formDesigner/widgets/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _LogoWidget = require("./LogoWidget");
+Object.keys(_LogoWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LogoWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LogoWidget[key];
+    }
+  });
+});
+var _ActionsWidget = require("./ActionsWidget");
+Object.keys(_ActionsWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ActionsWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ActionsWidget[key];
+    }
+  });
+});
+var _PreviewWidget = require("./PreviewWidget");
+Object.keys(_PreviewWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PreviewWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PreviewWidget[key];
+    }
+  });
+});
+var _SchemaEditorWidget = require("./SchemaEditorWidget");
+Object.keys(_SchemaEditorWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SchemaEditorWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SchemaEditorWidget[key];
+    }
+  });
+});

package/dist/cjs/formPro/context/formProContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const FormProContext: React.Context<{
+    /**
+     * 是否编辑模式
+     */
+    editMode: boolean;
+    /**
+     * 处理编辑按钮事件
+     * @param formId
+     * @returns
+     */
+    handleEditClick: (formId: string) => void;
+}>;

package/dist/cjs/formPro/context/formProContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormProContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var FormProContext = exports.FormProContext = /*#__PURE__*/_react.default.createContext({
+  editMode: false,
+  handleEditClick: function handleEditClick(formId) {}
+});

package/dist/cjs/formPro/formLayoutPro.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IFormLayoutProps } from '@formily/antd-v5';
+declare const FormProLayout: (props: IFormLayoutProps & {
+    children?: React.ReactNode;
+} & {
+    formId: string;
+    editClickAfter: () => void;
+}) => React.JSX.Element;
+export default FormProLayout;

package/dist/cjs/formPro/formLayoutPro.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antdV = require("@formily/antd-v5");
+var _formProContext = require("./context/formProContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var FormProLayout = function FormProLayout(props) {
+  var formId = props.formId,
+    editClickAfter = props.editClickAfter;
+  var _React$useContext = _react.default.useContext(_formProContext.FormProContext),
+    editMode = _React$useContext.editMode,
+    handleEditClick = _React$useContext.handleEditClick;
+  var styles = {
+    container: {
+      border: "2px solid #1890FF",
+      position: 'relative'
+    },
+    editLabel: {
+      position: 'absolute',
+      top: 0,
+      right: 0,
+      backgroundColor: '#1890FF',
+      borderRadius: 4,
+      margin: 4,
+      color: '#fff',
+      cursor: 'pointer',
+      textAlign: 'center',
+      width: 45,
+      height: 20,
+      zIndex: 9999
+    }
+  };
+  var editClick = function editClick() {
+    handleEditClick && handleEditClick(formId);
+    editClickAfter && editClickAfter();
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: editMode ? styles.container : undefined
+  }, /*#__PURE__*/_react.default.createElement(_antdV.FormLayout, props), editMode && /*#__PURE__*/_react.default.createElement("div", {
+    style: styles.editLabel,
+    onClick: editClick
+  }, "\u7F16\u8F91"));
+};
+var _default = exports.default = FormProLayout;

package/dist/cjs/formPro/index.d.ts

@@ -0,0 +1,2 @@
+import FormProLayout from "./formLayoutPro";
+export { FormProLayout };

package/dist/cjs/formPro/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FormProLayout", {
+  enumerable: true,
+  get: function get() {
+    return _formLayoutPro.default;
+  }
+});
+var _formLayoutPro = _interopRequireDefault(require("./formLayoutPro"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/index.d.ts

@@ -0,0 +1,12 @@
+import { AgGridColumn, AgGridPlus, flattenTreeDeep, GridPlusContext } from "./ag-grid-plus";
+import ArrayTable from "./array-table";
+import ArrayTableIndex from "./array-table-index";
+import Dashboard from "./dashboard";
+import DialogSelect from "./dialogSelect";
+import Editable from "./editable";
+import ExtensibleGrid from "./extensible-grid";
+import { FormDesigner } from "./formDesigner";
+import { FormProLayout } from "./formPro";
+import { FormProContext } from "./formPro/context/formProContext";
+export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, FormProContext, FormProLayout, FormDesigner, };
+export { flattenTreeDeep };

package/dist/cjs/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AgGridColumn", {
+  enumerable: true,
+  get: function get() {
+    return _agGridPlus.AgGridColumn;
+  }
+});
+Object.defineProperty(exports, "AgGridPlus", {
+  enumerable: true,
+  get: function get() {
+    return _agGridPlus.AgGridPlus;
+  }
+});
+Object.defineProperty(exports, "ArrayTable", {
+  enumerable: true,
+  get: function get() {
+    return _arrayTable.default;
+  }
+});
+Object.defineProperty(exports, "ArrayTableIndex", {
+  enumerable: true,
+  get: function get() {
+    return _arrayTableIndex.default;
+  }
+});
+Object.defineProperty(exports, "Dashboard", {
+  enumerable: true,
+  get: function get() {
+    return _dashboard.default;
+  }
+});
+Object.defineProperty(exports, "DialogSelect", {
+  enumerable: true,
+  get: function get() {
+    return _dialogSelect.default;
+  }
+});
+Object.defineProperty(exports, "Editable", {
+  enumerable: true,
+  get: function get() {
+    return _editable.default;
+  }
+});
+Object.defineProperty(exports, "ExtensibleGrid", {
+  enumerable: true,
+  get: function get() {
+    return _extensibleGrid.default;
+  }
+});
+Object.defineProperty(exports, "FormDesigner", {
+  enumerable: true,
+  get: function get() {
+    return _formDesigner.FormDesigner;
+  }
+});
+Object.defineProperty(exports, "FormProContext", {
+  enumerable: true,
+  get: function get() {
+    return _formProContext.FormProContext;
+  }
+});
+Object.defineProperty(exports, "FormProLayout", {
+  enumerable: true,
+  get: function get() {
+    return _formPro.FormProLayout;
+  }
+});
+Object.defineProperty(exports, "GridPlusContext", {
+  enumerable: true,
+  get: function get() {
+    return _agGridPlus.GridPlusContext;
+  }
+});
+Object.defineProperty(exports, "flattenTreeDeep", {
+  enumerable: true,
+  get: function get() {
+    return _agGridPlus.flattenTreeDeep;
+  }
+});
+var _agGridPlus = require("./ag-grid-plus");
+var _arrayTable = _interopRequireDefault(require("./array-table"));
+var _arrayTableIndex = _interopRequireDefault(require("./array-table-index"));
+var _dashboard = _interopRequireDefault(require("./dashboard"));
+var _dialogSelect = _interopRequireDefault(require("./dialogSelect"));
+var _editable = _interopRequireDefault(require("./editable"));
+var _extensibleGrid = _interopRequireDefault(require("./extensible-grid"));
+var _formDesigner = require("./formDesigner");
+var _formPro = require("./formPro");
+var _formProContext = require("./formPro/context/formProContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/type.d.ts

@@ -0,0 +1 @@
+declare module 'react-grid-layout';