@nokecy/qc-ui 0.3.32 → 0.4.0

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

@@ -0,0 +1,56 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var 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
+  }));
+};
+
+exports.PreviewWidget = PreviewWidget;

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,31 @@
+"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); }
+
+var 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 ? void 0 : _props$onChange.call(props, (0, _designableFormilyTransformer.transformToTreeNode)(JSON.parse(value)));
+    },
+    language: "json"
+  }));
+};
+
+exports.SchemaEditorWidget = SchemaEditorWidget;

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,57 @@
+"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/index.d.ts

@@ -5,5 +5,7 @@ import ExtensibleGrid from "./extensible-grid";
 import Editable from "./editable";
 import DialogSelect from "./dialogSelect";
 import Dashboard from "./dashboard";
-export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard };
+import { FormLayoutMode } from "./editMode";
+import { FormDesigner } from "./formDesigner";
+export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard, FormLayoutMode, FormDesigner };
 export { flattenTreeDeep };

package/dist/cjs/index.js

@@ -51,6 +51,18 @@ Object.defineProperty(exports, "ExtensibleGrid", {
     return _extensibleGrid.default;
   }
 });
+Object.defineProperty(exports, "FormDesigner", {
+  enumerable: true,
+  get: function get() {
+    return _formDesigner.FormDesigner;
+  }
+});
+Object.defineProperty(exports, "FormLayoutMode", {
+  enumerable: true,
+  get: function get() {
+    return _editMode.FormLayoutMode;
+  }
+});
 Object.defineProperty(exports, "GridPlusContext", {
   enumerable: true,
   get: function get() {
@@ -78,4 +90,8 @@ var _dialogSelect = _interopRequireDefault(require("./dialogSelect"));
 
 var _dashboard = _interopRequireDefault(require("./dashboard"));
 
+var _editMode = require("./editMode");
+
+var _formDesigner = require("./formDesigner");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/esm/ag-grid-plus/ag-gridPlus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "ag-grid-enterprise";
 import './global.scss';
 import './index.less';

package/dist/esm/ag-grid-plus/ag-gridPlus.js

@@ -1,3 +1,4 @@
+import _sumBy from "lodash/sumBy";
 var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
 
 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); }
@@ -113,6 +114,11 @@ function AgGridPlus(props) {
       pagination = _useState16[0],
       setPagination = _useState16[1];
 
+  var _useState17 = useState([]),
+      _useState18 = _slicedToArray(_useState17, 2),
+      calculateArr = _useState18[0],
+      setCalculateArr = _useState18[1];
+
   useImperativeHandle(propsGridRef, function () {
     return gridRef.current;
   }); //默认列属性
@@ -256,6 +262,79 @@ function AgGridPlus(props) {
       onRefresh: onRefresh
     };
   }, [queryFilter, JSON.stringify(gridParams), JSON.stringify(sortColumn)]);
+
+  var isValidNumber = function isValidNumber(value) {
+    return typeof value === 'number' && !isNaN(value);
+  };
+
+  var sumFun = function sumFun(field) {
+    return _sumBy(rowData, function (cur) {
+      if (isValidNumber(cur[field])) {
+        return cur[field];
+      }
+
+      return 0;
+    });
+  };
+
+  var avgFun = function avgFun(field) {
+    var sum = _sumBy(rowData, function (cur) {
+      if (isValidNumber(cur[field]) && cur[field] !== undefined && cur[field] !== null) {
+        return cur[field];
+      }
+
+      return 0;
+    });
+
+    var count = rowData.filter(function (cur) {
+      return cur[field] !== undefined && cur[field] !== null;
+    });
+    return count ? sum / count.length : 0;
+  };
+
+  var standardDeviationFun = function standardDeviationFun(field) {
+    var validValues = rowData.filter(function (cur) {
+      return isValidNumber(cur[field]);
+    });
+    var count = validValues.length;
+    if (count === 0) return 0;
+    var mean = sumFun(field) / count;
+    var variance = _sumBy(rowData, function (cur) {
+      if (cur[field] !== undefined && cur[field] !== null) {
+        var diff = cur[field] - mean;
+        return diff * diff;
+      }
+
+      return 0;
+    }) / count;
+    return Math.sqrt(variance);
+  }; // sum 求和  avg 平均值  standardDeviation 标准差
+
+
+  var calculatefun = function calculatefun(calcColFields) {
+    var calculateArrCopy = [];
+    calcColFields.map(function (i) {
+      switch (i.calculateType) {
+        case "sum":
+          calculateArrCopy.push(_defineProperty({}, i.field, sumFun(i.field)));
+          break;
+
+        case "avg":
+          var a = avgFun(i.field);
+          calculateArrCopy.push(_defineProperty({}, i.field, a));
+          break;
+
+        case "standardDeviation":
+          calculateArrCopy.push(_defineProperty({}, i.field, standardDeviationFun(i.field)));
+          break;
+
+        default:
+          break;
+      }
+    });
+    return calculateArrCopy;
+  };
+
   var colDefs = useMemo(function () {
     var columnProps = React.Children.map(children, function (child, index) {
       return child.props;
@@ -270,6 +349,22 @@ function AgGridPlus(props) {
     });
     return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
   }, [props.columnDefs]);
+  useEffect(function () {
+    if (!allColDefs || rowData.length === 0) return;
+    var calcColFields = allColDefs.filter(function (col) {
+      return col.calculateType;
+    }).map(function (col) {
+      return {
+        field: col.field,
+        calculateType: col.calculateType
+      };
+    });
+
+    if (calcColFields.length > 0) {
+      var calculatedValues = calculatefun(calcColFields);
+      setCalculateArr(calculatedValues);
+    }
+  }, [allColDefs, rowData]);
   var rowDataMemo = useMemo(function () {
     return props.treeData ? flatten(toTree(rowData, treeKeyName !== null && treeKeyName !== void 0 ? treeKeyName : "id", treeParentName !== null && treeParentName !== void 0 ? treeParentName : "parentId"), treeKeyName !== null && treeKeyName !== void 0 ? treeKeyName : "id") : rowData;
   }, [rowData, props.treeData]);
@@ -358,6 +453,7 @@ function AgGridPlus(props) {
     //     }
     // }}
     ,
+    pinnedBottomRowData: calculateArr,
     columnTypes: columnTypes,
     animateRows: true //停用默认分页组件
     ,

package/dist/esm/ag-grid-plus/queryForm/index.js

@@ -98,6 +98,7 @@ var FormRender = function FormRender(props) {
 
       switch (colDef.type) {
         case "dateTimeColumn":
+        case "dateColumn":
           component = "DatePicker.RangePicker";
           break;
 

package/dist/esm/editMode/editFormMode.d.ts

@@ -0,0 +1,15 @@
+interface FormLayoutModeProps {
+    formId: string;
+    schema: {
+        form: any;
+        schema: any;
+    };
+    SchemaField: any;
+    close: () => void;
+    history: any;
+    useModel: any;
+    dropByCacheKey: (key: string) => void;
+    targetUrl?: string;
+}
+declare const FormLayoutMode: (props: FormLayoutModeProps) => JSX.Element;
+export default FormLayoutMode;

package/dist/esm/editMode/editFormMode.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { FormLayout } from '@formily/antd-v5';
+
+var FormLayoutMode = function FormLayoutMode(props) {
+  var formId = props.formId,
+      schema = props.schema,
+      SchemaField = props.SchemaField,
+      close = props.close,
+      history = props.history,
+      useModel = props.useModel,
+      dropByCacheKey = props.dropByCacheKey,
+      targetUrl = props.targetUrl;
+
+  var _useModel = useModel('useEditModeModel'),
+      editModeState = _useModel.editModeState;
+
+  var url = '/appSYS/appExtraObjectForm/extraObjectFormSchema/designer';
+  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 handleEditClick = function handleEditClick() {
+    close();
+    dropByCacheKey(targetUrl || url);
+    history.push({
+      pathname: targetUrl || url,
+      search: "?name=".concat(formId)
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: editModeState ? styles.container : undefined
+  }, /*#__PURE__*/React.createElement(FormLayout, schema.form, /*#__PURE__*/React.createElement(SchemaField, {
+    schema: schema.schema
+  })), editModeState && /*#__PURE__*/React.createElement("div", {
+    style: styles.editLabel,
+    onClick: handleEditClick
+  }, "\u7F16\u8F91"));
+};
+
+export default FormLayoutMode;

package/dist/esm/editMode/index.d.ts

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

package/dist/esm/editMode/index.js

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

package/dist/esm/formDesigner/FormDesigner.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const FormDesigner: (props: any) => JSX.Element;
+export default FormDesigner;

package/dist/esm/formDesigner/FormDesigner.js

@@ -0,0 +1,228 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { createDesigner, GlobalRegistry, KeyCode, Shortcut } from '@nokecy/designable-core';
+import { ArrayCards, Cascader, Checkbox, DatePicker, Field, Form, FormCollapse, FormGrid, FormLayout, FormTab, Input, NumberPicker, ObjectContainer, Password, Radio, Rate, Select, Slider, Space, Switch, Text, TimePicker, Transfer, TreeSelect, Upload } from '@nokecy/designable-formily-antd';
+import { Editable } from "../editable";
+import { ArrayTable } from "./arrayTable";
+import { ComponentTreeWidget, CompositePanel, Designer, DesignerToolsWidget, OutlineTreeWidget, HistoryWidget, ResourceWidget, SettingsPanel, StudioPanel, ToolbarPanel, ViewPanel, ViewportPanel, ViewToolsWidget, Workspace, WorkspacePanel } from '@nokecy/designable-react';
+import { SettingsForm } from '@nokecy/designable-react-settings-form';
+import React, { useEffect, useMemo } from 'react';
+import { ActionsWidget, PreviewWidget, SchemaEditorWidget } from "./widgets";
+import { PreDefineProperty1, PreDefineProperty2, PreDefineProperty3, PreDefineProperty4, PreDefineProperty5, PreDefineProperty6, PreDefineProperty7, PreDefineProperty8, PreDefineProperty9, PreDefineProperty10, Card, ArrayTableIndex } from "./preWidgets";
+import "./index.less";
+GlobalRegistry.registerDesignerLocales({
+  'zh-CN': {
+    sources: {
+      Inputs: '输入控件',
+      Layouts: '布局组件',
+      Arrays: '自增组件',
+      Displays: '展示组件'
+    }
+  },
+  'en-US': {
+    sources: {
+      Inputs: 'Inputs',
+      Layouts: 'Layouts',
+      Arrays: 'Arrays',
+      Displays: 'Displays'
+    }
+  }
+});
+
+var FormDesigner = function FormDesigner(props) {
+  var loadSchema = props.loadSchema,
+      saveSchema = props.saveSchema,
+      name = props.name,
+      _props$businessCompon = props.businessComponents,
+      businessComponents = _props$businessCompon === void 0 ? [] : _props$businessCompon;
+  var engine = useMemo(function () {
+    return createDesigner({
+      shortcuts: [new Shortcut({
+        codes: [[KeyCode.Meta, KeyCode.S], [KeyCode.Control, KeyCode.S]],
+        handler: function handler(ctx) {
+          saveSchema(ctx.engine);
+        }
+      })],
+      rootComponentName: 'Form'
+    });
+  }, []);
+  useEffect(function () {
+    loadSchema && loadSchema(engine);
+  }, []);
+
+  var getComponents = function getComponents() {
+    var components = {};
+    businessComponents.map(function (x) {
+      if (!x.Behavior) {
+        console.log(x);
+      }
+
+      components[x.Behavior[0].name] = x;
+    });
+    return components;
+  };
+
+  var getComponentGroups = function getComponentGroups() {
+    var groups = {};
+    businessComponents.map(function (x) {
+      if (groups[x.GroupName ? x.GroupName : '其他']) {
+        groups[x.GroupName ? x.GroupName : '其他'].push(x);
+      } else {
+        groups[x.GroupName ? x.GroupName : '其他'] = [x];
+      }
+    });
+    return groups;
+  };
+
+  var CompositePanelItem = CompositePanel.Item;
+  var groupComponents = getComponentGroups();
+  return /*#__PURE__*/React.createElement(Designer, {
+    engine: engine,
+    position: 'relative'
+  }, /*#__PURE__*/React.createElement(StudioPanel, {
+    logo: /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontWeight: '500',
+        textAlign: 'center',
+        fontSize: 24,
+        paddingLeft: 50
+      }
+    }, "\u8868\u5355\u540D\u79F0:", name),
+    actions: /*#__PURE__*/React.createElement(ActionsWidget, {
+      saveSchema: saveSchema
+    }),
+    style: {
+      position: 'static',
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(CompositePanel, null, /*#__PURE__*/React.createElement(CompositePanelItem, {
+    title: "panels.Component",
+    icon: "Component"
+  }, /*#__PURE__*/React.createElement(ResourceWidget, {
+    title: "sources.Inputs",
+    sources: [Input, Password, NumberPicker, Rate, Slider, Select, TreeSelect, Cascader, Transfer, Checkbox, Radio, DatePicker, TimePicker, Upload, Switch, ObjectContainer]
+  }), /*#__PURE__*/React.createElement(ResourceWidget, {
+    title: "sources.Layouts",
+    sources: [Card, FormGrid, FormTab, FormLayout, FormCollapse, Space]
+  }), /*#__PURE__*/React.createElement(ResourceWidget, {
+    title: "sources.Arrays",
+    sources: [ArrayCards, ArrayTable, ArrayTableIndex]
+  }), /*#__PURE__*/React.createElement(ResourceWidget, {
+    title: "sources.Displays",
+    sources: [Text]
+  }), /*#__PURE__*/React.createElement(ResourceWidget, {
+    title: "\u9884\u8BBE\u5B57\u6BB5",
+    sources: [PreDefineProperty1, PreDefineProperty2, PreDefineProperty3, PreDefineProperty4, PreDefineProperty5, PreDefineProperty6, PreDefineProperty7, PreDefineProperty8, PreDefineProperty9, PreDefineProperty10]
+  }), Object.keys(groupComponents).map(function (x) {
+    return /*#__PURE__*/React.createElement(ResourceWidget, {
+      title: x,
+      sources: groupComponents[x]
+    });
+  })), /*#__PURE__*/React.createElement(CompositePanelItem, {
+    title: "panels.OutlinedTree",
+    icon: "Outline"
+  }, /*#__PURE__*/React.createElement(OutlineTreeWidget, null)), /*#__PURE__*/React.createElement(CompositePanelItem, {
+    title: "panels.History",
+    icon: "History"
+  }, /*#__PURE__*/React.createElement(HistoryWidget, null))), /*#__PURE__*/React.createElement(Workspace, {
+    id: "form"
+  }, /*#__PURE__*/React.createElement(WorkspacePanel, null, /*#__PURE__*/React.createElement(ToolbarPanel, null, /*#__PURE__*/React.createElement(DesignerToolsWidget, null), /*#__PURE__*/React.createElement(ViewToolsWidget, {
+    use: ['DESIGNABLE', 'JSONTREE', 'PREVIEW']
+  })), /*#__PURE__*/React.createElement(ViewportPanel, null, /*#__PURE__*/React.createElement(ViewPanel, {
+    type: "DESIGNABLE"
+  }, function () {
+    return /*#__PURE__*/React.createElement(ComponentTreeWidget, {
+      components: _objectSpread({
+        Form: Form,
+        Field: Field,
+        Input: Input,
+        Select: Select,
+        TreeSelect: TreeSelect,
+        Cascader: Cascader,
+        Radio: Radio,
+        Checkbox: Checkbox,
+        Slider: Slider,
+        Rate: Rate,
+        NumberPicker: NumberPicker,
+        Transfer: Transfer,
+        Password: Password,
+        DatePicker: DatePicker,
+        TimePicker: TimePicker,
+        Upload: Upload,
+        Switch: Switch,
+        Text: Text,
+        Card: Card,
+        ArrayCards: ArrayCards,
+        ArrayTable: ArrayTable,
+        Space: Space,
+        FormTab: FormTab,
+        FormCollapse: FormCollapse,
+        FormGrid: FormGrid,
+        FormLayout: FormLayout,
+        ObjectContainer: ObjectContainer,
+        PreDefineProperty1: PreDefineProperty1,
+        PreDefineProperty2: PreDefineProperty2,
+        PreDefineProperty3: PreDefineProperty3,
+        PreDefineProperty4: PreDefineProperty4,
+        PreDefineProperty5: PreDefineProperty5,
+        PreDefineProperty6: PreDefineProperty6,
+        PreDefineProperty7: PreDefineProperty7,
+        PreDefineProperty8: PreDefineProperty8,
+        PreDefineProperty9: PreDefineProperty9,
+        PreDefineProperty10: PreDefineProperty10,
+        ArrayTableIndex: ArrayTableIndex,
+        Editable: Editable
+      }, getComponents())
+    });
+  }), /*#__PURE__*/React.createElement(ViewPanel, {
+    type: "JSONTREE",
+    scrollable: false
+  }, function (tree, onChange) {
+    return /*#__PURE__*/React.createElement(SchemaEditorWidget, {
+      tree: tree,
+      onChange: onChange
+    });
+  }), /*#__PURE__*/React.createElement(ViewPanel, {
+    type: "PREVIEW"
+  }, function (tree) {
+    return /*#__PURE__*/React.createElement(PreviewWidget, {
+      tree: tree,
+      components: _objectSpread({
+        Input: Input,
+        Select: Select,
+        TreeSelect: TreeSelect,
+        Cascader: Cascader,
+        Radio: Radio,
+        Checkbox: Checkbox,
+        Slider: Slider,
+        Rate: Rate,
+        NumberPicker: NumberPicker,
+        Transfer: Transfer,
+        Password: Password,
+        DatePicker: DatePicker,
+        TimePicker: TimePicker,
+        Upload: Upload,
+        Switch: Switch,
+        Text: Text,
+        Card: Card,
+        ArrayCards: ArrayCards,
+        ArrayTable: ArrayTable,
+        Space: Space,
+        FormTab: FormTab,
+        FormCollapse: FormCollapse,
+        FormLayout: FormLayout,
+        Editable: Editable
+      }, getComponents())
+    });
+  })))), /*#__PURE__*/React.createElement(SettingsPanel, {
+    title: "panels.PropertySettings"
+  }, /*#__PURE__*/React.createElement(SettingsForm, {
+    uploadAction: "https://www.mocky.io/v2/5cc8019d300000980a055e76"
+  }))));
+};
+
+export default FormDesigner;

package/dist/esm/formDesigner/ProCard/index.d.ts

@@ -0,0 +1,2 @@
+declare const Card: (props: any) => JSX.Element;
+export default Card;