@nokecy/qc-ui 0.3.33 → 0.4.1

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _sumBy2 = _interopRequireDefault(require("lodash/sumBy"));
+
 var _agGridReact = require("ag-grid-react");
 
 var _antd = require("antd");
@@ -31,16 +33,16 @@ var _utils = require("./utils");
 
 var _setting = _interopRequireDefault(require("./setting"));
 
-var _ = require(".");
+var _2 = require(".");
 
 var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 _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); }
 
 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; }
@@ -88,9 +90,11 @@ function AgGridPlus(props) {
       children = props.children,
       rest = _objectWithoutProperties(props, _excluded);
 
-  var _useGridPlusColumnSta = (0, _.useGridPlusColumnState)(),
+  var _useGridPlusColumnSta = (0, _2.useGridPlusColumnState)(),
       onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
-      gridPlusColumnState = _useGridPlusColumnSta.columnState;
+      gridPlusColumnState = _useGridPlusColumnSta.columnState,
+      _useGridPlusColumnSta2 = _useGridPlusColumnSta.extensibleColumns,
+      extensibleColumns = _useGridPlusColumnSta2 === void 0 ? [] : _useGridPlusColumnSta2;
 
   var gridRef = (0, _react.useRef)();
   var apiRef = (0, _react.useRef)();
@@ -140,6 +144,11 @@ function AgGridPlus(props) {
       pagination = _useState16[0],
       setPagination = _useState16[1];
 
+  var _useState17 = (0, _react.useState)([]),
+      _useState18 = _slicedToArray(_useState17, 2),
+      calculateArr = _useState18[0],
+      setCalculateArr = _useState18[1];
+
   (0, _react.useImperativeHandle)(propsGridRef, function () {
     return gridRef.current;
   }); //默认列属性
@@ -283,22 +292,121 @@ function AgGridPlus(props) {
       onRefresh: onRefresh
     };
   }, [queryFilter, JSON.stringify(gridParams), JSON.stringify(sortColumn)]);
-  var colDefs = (0, _react.useMemo)(function () {
+
+  var isValidNumber = function isValidNumber(value) {
+    return typeof value === 'number' && !isNaN(value);
+  };
+
+  var sumFun = function sumFun(field) {
+    return (0, _sumBy2.default)(rowData, function (cur) {
+      if (isValidNumber(cur[field])) {
+        return cur[field];
+      }
+
+      return 0;
+    });
+  };
+
+  var avgFun = function avgFun(field) {
+    var sum = (0, _sumBy2.default)(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 = (0, _sumBy2.default)(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 getTableColumns = function getTableColumns() {
     var columnProps = _react.default.Children.map(children, function (child, index) {
       return child.props;
     });
 
-    return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps === null || columnProps === void 0 ? void 0 : columnProps.filter(function (x) {
+    var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
+    extensibleColumns.map(function (column) {
+      columnDefs.push({
+        field: column.name,
+        headerName: column.displayName,
+        type: column.propertyType,
+        width: column.width
+      });
+    });
+    return columnDefs;
+  };
+
+  var colDefs = (0, _react.useMemo)(function () {
+    var columnDefs = getTableColumns();
+    columnDefs = columnDefs.filter(function (x) {
       return !x.hideInTable;
     });
-  }, [props.columnDefs]);
+    return columnDefs;
+  }, [props.columnDefs, extensibleColumns]);
   var allColDefs = (0, _react.useMemo)(function () {
-    var columnProps = _react.default.Children.map(children, function (child, index) {
-      return child.props;
+    return getTableColumns();
+  }, [props.columnDefs, extensibleColumns]);
+  (0, _react.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
+      };
     });
 
-    return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
-  }, [props.columnDefs]);
+    if (calcColFields.length > 0) {
+      var calculatedValues = calculatefun(calcColFields);
+      setCalculateArr(calculatedValues);
+    }
+  }, [allColDefs, rowData]);
   var rowDataMemo = (0, _react.useMemo)(function () {
     return props.treeData ? (0, _utils.flatten)((0, _utils.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 +466,10 @@ function AgGridPlus(props) {
   }), /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, _extends({
     className: "ag-theme-alpine"
   }, rest, {
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     enableRangeSelection: true,
     suppressCopyRowsToClipboard: true //指定客户端模式
     ,
@@ -387,6 +499,7 @@ function AgGridPlus(props) {
     //     }
     // }}
     ,
+    pinnedBottomRowData: calculateArr,
     columnTypes: columnTypes,
     animateRows: true //停用默认分页组件
     ,

package/dist/cjs/ag-grid-plus/context/gridContext.d.ts

@@ -1,5 +1,12 @@
 import React from 'react';
 export declare const GridPlusContext: React.Context<{
+    /**
+     * 扩展列运行时动态添加
+     */
+    extensibleColumns: any[];
+    /**
+     * 用户自定义的列状态信息
+     */
     columnState: any;
     onSaveColumnState: (gridKey: string, columnState: any[]) => void;
 }>;

package/dist/cjs/ag-grid-plus/context/gridContext.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var GridPlusContext = /*#__PURE__*/_react.default.createContext({
+  extensibleColumns: [],
   columnState: undefined,
   onSaveColumnState: function onSaveColumnState(gridKey, columnState) {}
 });

package/dist/cjs/array-table/index.js

@@ -103,6 +103,10 @@ var ArrayTable = (0, _react2.observer)(function (props) {
       params.api.hidePopupMenu();
       apiRef.current = params.api;
     },
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     onRowDataUpdated: function onRowDataUpdated(e) {
       if (isAdd) {
         var _apiRef$current;

package/dist/cjs/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/cjs/editMode/editFormMode.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antdV = require("@formily/antd-v5");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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.default.createElement("div", {
+    style: editModeState ? styles.container : undefined
+  }, /*#__PURE__*/_react.default.createElement(_antdV.FormLayout, schema.form, /*#__PURE__*/_react.default.createElement(SchemaField, {
+    schema: schema.schema
+  })), editModeState && /*#__PURE__*/_react.default.createElement("div", {
+    style: styles.editLabel,
+    onClick: handleEditClick
+  }, "\u7F16\u8F91"));
+};
+
+var _default = FormLayoutMode;
+exports.default = _default;

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

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

package/dist/cjs/editMode/index.js

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

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

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

package/dist/cjs/formDesigner/FormDesigner.js

@@ -0,0 +1,252 @@
+"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.default = void 0;
+
+var _designableCore = require("@nokecy/designable-core");
+
+var _designableFormilyAntd = require("@nokecy/designable-formily-antd");
+
+var _editable = require("../editable");
+
+var _arrayTable = require("./arrayTable");
+
+var _designableReact = require("@nokecy/designable-react");
+
+var _designableReactSettingsForm = require("@nokecy/designable-react-settings-form");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _widgets = require("./widgets");
+
+var _preWidgets = require("./preWidgets");
+
+require("./index.less");
+
+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 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; }
+
+_designableCore.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 = (0, _react.useMemo)(function () {
+    return (0, _designableCore.createDesigner)({
+      shortcuts: [new _designableCore.Shortcut({
+        codes: [[_designableCore.KeyCode.Meta, _designableCore.KeyCode.S], [_designableCore.KeyCode.Control, _designableCore.KeyCode.S]],
+        handler: function handler(ctx) {
+          saveSchema(ctx.engine);
+        }
+      })],
+      rootComponentName: 'Form'
+    });
+  }, []);
+  (0, _react.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 = _designableReact.CompositePanel.Item;
+  var groupComponents = getComponentGroups();
+  return /*#__PURE__*/_react.default.createElement(_designableReact.Designer, {
+    engine: engine,
+    position: 'relative'
+  }, /*#__PURE__*/_react.default.createElement(_designableReact.StudioPanel, {
+    logo: /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        fontWeight: '500',
+        textAlign: 'center',
+        fontSize: 24,
+        paddingLeft: 50
+      }
+    }, "\u8868\u5355\u540D\u79F0:", name),
+    actions: /*#__PURE__*/_react.default.createElement(_widgets.ActionsWidget, {
+      saveSchema: saveSchema
+    }),
+    style: {
+      position: 'static',
+      height: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designableReact.CompositePanel, null, /*#__PURE__*/_react.default.createElement(CompositePanelItem, {
+    title: "panels.Component",
+    icon: "Component"
+  }, /*#__PURE__*/_react.default.createElement(_designableReact.ResourceWidget, {
+    title: "sources.Inputs",
+    sources: [_designableFormilyAntd.Input, _designableFormilyAntd.Password, _designableFormilyAntd.NumberPicker, _designableFormilyAntd.Rate, _designableFormilyAntd.Slider, _designableFormilyAntd.Select, _designableFormilyAntd.TreeSelect, _designableFormilyAntd.Cascader, _designableFormilyAntd.Transfer, _designableFormilyAntd.Checkbox, _designableFormilyAntd.Radio, _designableFormilyAntd.DatePicker, _designableFormilyAntd.TimePicker, _designableFormilyAntd.Upload, _designableFormilyAntd.Switch, _designableFormilyAntd.ObjectContainer]
+  }), /*#__PURE__*/_react.default.createElement(_designableReact.ResourceWidget, {
+    title: "sources.Layouts",
+    sources: [_preWidgets.Card, _designableFormilyAntd.FormGrid, _designableFormilyAntd.FormTab, _designableFormilyAntd.FormLayout, _designableFormilyAntd.FormCollapse, _designableFormilyAntd.Space]
+  }), /*#__PURE__*/_react.default.createElement(_designableReact.ResourceWidget, {
+    title: "sources.Arrays",
+    sources: [_designableFormilyAntd.ArrayCards, _arrayTable.ArrayTable, _preWidgets.ArrayTableIndex]
+  }), /*#__PURE__*/_react.default.createElement(_designableReact.ResourceWidget, {
+    title: "sources.Displays",
+    sources: [_designableFormilyAntd.Text]
+  }), /*#__PURE__*/_react.default.createElement(_designableReact.ResourceWidget, {
+    title: "\u9884\u8BBE\u5B57\u6BB5",
+    sources: [_preWidgets.PreDefineProperty1, _preWidgets.PreDefineProperty2, _preWidgets.PreDefineProperty3, _preWidgets.PreDefineProperty4, _preWidgets.PreDefineProperty5, _preWidgets.PreDefineProperty6, _preWidgets.PreDefineProperty7, _preWidgets.PreDefineProperty8, _preWidgets.PreDefineProperty9, _preWidgets.PreDefineProperty10]
+  }), Object.keys(groupComponents).map(function (x) {
+    return /*#__PURE__*/_react.default.createElement(_designableReact.ResourceWidget, {
+      title: x,
+      sources: groupComponents[x]
+    });
+  })), /*#__PURE__*/_react.default.createElement(CompositePanelItem, {
+    title: "panels.OutlinedTree",
+    icon: "Outline"
+  }, /*#__PURE__*/_react.default.createElement(_designableReact.OutlineTreeWidget, null)), /*#__PURE__*/_react.default.createElement(CompositePanelItem, {
+    title: "panels.History",
+    icon: "History"
+  }, /*#__PURE__*/_react.default.createElement(_designableReact.HistoryWidget, null))), /*#__PURE__*/_react.default.createElement(_designableReact.Workspace, {
+    id: "form"
+  }, /*#__PURE__*/_react.default.createElement(_designableReact.WorkspacePanel, null, /*#__PURE__*/_react.default.createElement(_designableReact.ToolbarPanel, null, /*#__PURE__*/_react.default.createElement(_designableReact.DesignerToolsWidget, null), /*#__PURE__*/_react.default.createElement(_designableReact.ViewToolsWidget, {
+    use: ['DESIGNABLE', 'JSONTREE', 'PREVIEW']
+  })), /*#__PURE__*/_react.default.createElement(_designableReact.ViewportPanel, null, /*#__PURE__*/_react.default.createElement(_designableReact.ViewPanel, {
+    type: "DESIGNABLE"
+  }, function () {
+    return /*#__PURE__*/_react.default.createElement(_designableReact.ComponentTreeWidget, {
+      components: _objectSpread({
+        Form: _designableFormilyAntd.Form,
+        Field: _designableFormilyAntd.Field,
+        Input: _designableFormilyAntd.Input,
+        Select: _designableFormilyAntd.Select,
+        TreeSelect: _designableFormilyAntd.TreeSelect,
+        Cascader: _designableFormilyAntd.Cascader,
+        Radio: _designableFormilyAntd.Radio,
+        Checkbox: _designableFormilyAntd.Checkbox,
+        Slider: _designableFormilyAntd.Slider,
+        Rate: _designableFormilyAntd.Rate,
+        NumberPicker: _designableFormilyAntd.NumberPicker,
+        Transfer: _designableFormilyAntd.Transfer,
+        Password: _designableFormilyAntd.Password,
+        DatePicker: _designableFormilyAntd.DatePicker,
+        TimePicker: _designableFormilyAntd.TimePicker,
+        Upload: _designableFormilyAntd.Upload,
+        Switch: _designableFormilyAntd.Switch,
+        Text: _designableFormilyAntd.Text,
+        Card: _preWidgets.Card,
+        ArrayCards: _designableFormilyAntd.ArrayCards,
+        ArrayTable: _arrayTable.ArrayTable,
+        Space: _designableFormilyAntd.Space,
+        FormTab: _designableFormilyAntd.FormTab,
+        FormCollapse: _designableFormilyAntd.FormCollapse,
+        FormGrid: _designableFormilyAntd.FormGrid,
+        FormLayout: _designableFormilyAntd.FormLayout,
+        ObjectContainer: _designableFormilyAntd.ObjectContainer,
+        PreDefineProperty1: _preWidgets.PreDefineProperty1,
+        PreDefineProperty2: _preWidgets.PreDefineProperty2,
+        PreDefineProperty3: _preWidgets.PreDefineProperty3,
+        PreDefineProperty4: _preWidgets.PreDefineProperty4,
+        PreDefineProperty5: _preWidgets.PreDefineProperty5,
+        PreDefineProperty6: _preWidgets.PreDefineProperty6,
+        PreDefineProperty7: _preWidgets.PreDefineProperty7,
+        PreDefineProperty8: _preWidgets.PreDefineProperty8,
+        PreDefineProperty9: _preWidgets.PreDefineProperty9,
+        PreDefineProperty10: _preWidgets.PreDefineProperty10,
+        ArrayTableIndex: _preWidgets.ArrayTableIndex,
+        Editable: _editable.Editable
+      }, getComponents())
+    });
+  }), /*#__PURE__*/_react.default.createElement(_designableReact.ViewPanel, {
+    type: "JSONTREE",
+    scrollable: false
+  }, function (tree, onChange) {
+    return /*#__PURE__*/_react.default.createElement(_widgets.SchemaEditorWidget, {
+      tree: tree,
+      onChange: onChange
+    });
+  }), /*#__PURE__*/_react.default.createElement(_designableReact.ViewPanel, {
+    type: "PREVIEW"
+  }, function (tree) {
+    return /*#__PURE__*/_react.default.createElement(_widgets.PreviewWidget, {
+      tree: tree,
+      components: _objectSpread({
+        Input: _designableFormilyAntd.Input,
+        Select: _designableFormilyAntd.Select,
+        TreeSelect: _designableFormilyAntd.TreeSelect,
+        Cascader: _designableFormilyAntd.Cascader,
+        Radio: _designableFormilyAntd.Radio,
+        Checkbox: _designableFormilyAntd.Checkbox,
+        Slider: _designableFormilyAntd.Slider,
+        Rate: _designableFormilyAntd.Rate,
+        NumberPicker: _designableFormilyAntd.NumberPicker,
+        Transfer: _designableFormilyAntd.Transfer,
+        Password: _designableFormilyAntd.Password,
+        DatePicker: _designableFormilyAntd.DatePicker,
+        TimePicker: _designableFormilyAntd.TimePicker,
+        Upload: _designableFormilyAntd.Upload,
+        Switch: _designableFormilyAntd.Switch,
+        Text: _designableFormilyAntd.Text,
+        Card: _preWidgets.Card,
+        ArrayCards: _designableFormilyAntd.ArrayCards,
+        ArrayTable: _arrayTable.ArrayTable,
+        Space: _designableFormilyAntd.Space,
+        FormTab: _designableFormilyAntd.FormTab,
+        FormCollapse: _designableFormilyAntd.FormCollapse,
+        FormLayout: _designableFormilyAntd.FormLayout,
+        Editable: _editable.Editable
+      }, getComponents())
+    });
+  })))), /*#__PURE__*/_react.default.createElement(_designableReact.SettingsPanel, {
+    title: "panels.PropertySettings"
+  }, /*#__PURE__*/_react.default.createElement(_designableReactSettingsForm.SettingsForm, {
+    uploadAction: "https://www.mocky.io/v2/5cc8019d300000980a055e76"
+  }))));
+};
+
+var _default = FormDesigner;
+exports.default = _default;

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _proCard = _interopRequireDefault(require("@ant-design/pro-card"));
+
+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); }
+
+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 Card = function Card(props) {
+  return /*#__PURE__*/_react.default.createElement(_proCard.default, _extends({
+    headerBordered: false,
+    collapsible: true
+  }, props, {
+    headStyle: _objectSpread({
+      paddingTop: 8,
+      paddingBottom: 8
+    }, props.headStyle)
+  }));
+};
+
+var _default = Card;
+exports.default = _default;

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

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