@nocobase/client 0.7.2-alpha.5 → 0.7.3-alpha.1

package/es/locale/zh_CN.js

@@ -98,6 +98,7 @@ export default {
   "Update": "更新",
   "View": "查看",
   "View record": "查看数据",
+  "Refresh": "刷新",
   "Data changes": "数据变更",
   "Field name": "字段标识",
   "Before change": "变更前",
@@ -232,6 +233,24 @@ export default {
   "Label field": "标签字段",
   "Default is the ID field": "默认为 ID 字段",
   "Set default sorting rules": "设置排序规则",
+  "Set validation rules": "设置验证规则",
+  "Max length": "最大长度",
+  "Min length": "最小长度",
+  "Maximum": "最大值",
+  "Minimum": "最小值",
+  "Max length must greater than min length": "最大长度必须大于最小长度",
+  "Min length must less than max length": "最小长度必须小于最大长度",
+  "Maximum must greater than minimum": "最大值必须大于最小值",
+  "Minimum must less than maximum": "最小值必须小于最大值",
+  "Validation rule": "验证规则",
+  "Add validation rule": "新增验证规则",
+  "Format": "格式",
+  "Regular expression": "正则表达式",
+  "Error message": "错误消息",
+  "Length": "长度",
+  "The field value cannot be greater than ": "数值不能大于",
+  "The field value cannot be less than ": "数值不能小于",
+  "The field value is not an integer number": "数字不是整数",
   "is before": "早于",
   "is after": "晚于",
   "is on or after": "不早于",
@@ -540,6 +559,7 @@ export default {
   'Dynamic value': '动态值',
   'Current user': '当前用户',
   'Current record': '当前记录',
+  'Current time': '当前时间',
   'Popup close method': '弹窗关闭方式',
   'Automatic close': '自动关闭',
   'Manually close': '手动关闭',
@@ -574,5 +594,8 @@ export default {
   "One to one (has one)": "一对一（has one）",
   "One to one (belongs to)": "一对一（belongs to）",
   "Use the same time zone (GMT) for all users": "所有用户使用同一时区 (格林尼治标准时间)",
-  "Province/city/area name": "省市区名称"
+  "Province/city/area name": "省市区名称",
+  "Enabled languages": "启用的语言",
+  "View all plugins": "查看所有插件",
+  "Print": "打印"
 };

package/es/plugin-manager/PluginManager.js

@@ -24,11 +24,12 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-import { MoreOutlined, SettingOutlined } from '@ant-design/icons';
+import { AppstoreOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { ConfigProvider, Menu, Spin, Tooltip } from 'antd';
 import cls from 'classnames';
 import { get } from 'lodash';
 import React, { createContext, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useAPIClient, useRequest } from '../api-client';
 import { PluginManagerContext } from './context';
 export var usePrefixCls = function usePrefixCls(tag, props) {
@@ -80,6 +81,9 @@ PluginManager.Toolbar = function (props) {
       pinned = _splitItems2[0],
       unpinned = _splitItems2[1];
 
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
   return /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'inline-block'
@@ -100,7 +104,7 @@ PluginManager.Toolbar = function (props) {
   }), unpinned.length > 0 && /*#__PURE__*/React.createElement(Menu.SubMenu, {
     popupClassName: 'pm-sub-menu',
     key: 'more',
-    title: /*#__PURE__*/React.createElement(MoreOutlined, null)
+    title: /*#__PURE__*/React.createElement(EllipsisOutlined, null)
   }, unpinned.map(function (item, index) {
     var Action = get(components, item.component);
     return Action && /*#__PURE__*/React.createElement(ToolbarItemContext.Provider, {
@@ -112,8 +116,8 @@ PluginManager.Toolbar = function (props) {
   }), /*#__PURE__*/React.createElement(Menu.Item, {
     key: 'plugins',
     disabled: true,
-    icon: /*#__PURE__*/React.createElement(SettingOutlined, null)
-  }, "\u7BA1\u7406\u63D2\u4EF6"))));
+    icon: /*#__PURE__*/React.createElement(AppstoreOutlined, null)
+  }, t('View all plugins')))));
 };
 
 PluginManager.Toolbar.Item = function (props) {

package/es/schema-component/antd/action/Action.Modal.js

@@ -52,7 +52,7 @@ export var ActionModal = observer(function (props) {
     onCancel: function onCancel() {
       return setVisible(false, true);
     },
-    className: classNames(others.className, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                &.nb-action-popup {\n                  .ant-modal-body {\n                    background: #f0f2f5;\n                  }\n                }\n              "])))),
+    className: classNames(others.className, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                &.nb-action-popup {\n                  .ant-modal-header {\n                    display: none;\n                  }\n                  .ant-modal-body {\n                    padding-top: 16px;\n                  }\n                  .ant-modal-body {\n                    background: #f0f2f5;\n                  }\n                  .ant-modal-close-x {\n                    width: 32px;\n                    height: 32px;\n                    line-height: 32px;\n                  }\n                }\n              "])))),
     footer: footerSchema ? /*#__PURE__*/React.createElement("div", {
       className: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                    display: flex;\n                    justify-content: flex-end;\n                    width: 100%;\n                    .ant-btn {\n                      margin-right: 8px;\n                    }\n                  "])))
     }, /*#__PURE__*/React.createElement(RecursionField, {

package/es/schema-component/antd/form-item/FormItem.js

@@ -1,5 +1,11 @@
 var _templateObject;
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 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; }
@@ -9,7 +15,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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 { css } from '@emotion/css';
-import { FormItem as Item } from '@formily/antd';
+import { ArrayCollapse, FormItem as Item, FormLayout } from '@formily/antd';
 import { useField, useFieldSchema } from '@formily/react';
 import { uid } from '@formily/shared';
 import React from 'react';
@@ -20,6 +26,7 @@ import { useCollection, useCollectionManager } from '../../../collection-manager
 import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
 import { BlockItem } from '../block-item';
 import { HTMLEncode } from '../input/shared';
+import * as _ from 'lodash';
 
 var divWrap = function divWrap(schema) {
   return {
@@ -45,7 +52,7 @@ export var FormItem = function FormItem(props) {
 };
 
 FormItem.Designer = function (props) {
-  var _collectionField$uiSc, _collectionField$uiSc2, _fieldSchema$xDecora, _field$componentProps, _field$componentProps2;
+  var _interfaceConfig$vali, _collectionField$uiSc, _collectionField$uiSc2, _fieldSchema$xDecora, _fieldSchema$xCompon, _field$componentProps, _field$componentProps2;
 
   var _useCollectionManager = useCollectionManager(),
       getCollectionFields = _useCollectionManager.getCollectionFields,
@@ -76,6 +83,7 @@ FormItem.Designer = function (props) {
   var compile = useCompile();
   var collectionField = getField(fieldSchema['name']) || getCollectionJoinField(fieldSchema['x-collection-field']);
   var interfaceConfig = getInterface(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
+  var validateSchema = interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig$vali = interfaceConfig['validateSchema']) === null || _interfaceConfig$vali === void 0 ? void 0 : _interfaceConfig$vali.call(interfaceConfig, fieldSchema);
   var originalTitle = collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc = collectionField.uiSchema) === null || _collectionField$uiSc === void 0 ? void 0 : _collectionField$uiSc.title;
   var targetFields = (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) ? getCollectionFields(collectionField.target) : [];
   var isSubFormAssocitionField = field.address.segments.includes('__form_grid');
@@ -211,6 +219,151 @@ FormItem.Designer = function (props) {
       });
       refresh();
     }
+  }), form && !(form === null || form === void 0 ? void 0 : form.readPretty) && validateSchema && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set validation rules'),
+    components: {
+      ArrayCollapse: ArrayCollapse,
+      FormLayout: FormLayout
+    },
+    schema: {
+      type: 'object',
+      title: t('Set validation rules'),
+      properties: {
+        rules: {
+          type: 'array',
+          default: fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-validator'],
+          'x-component': 'ArrayCollapse',
+          'x-decorator': 'FormItem',
+          'x-component-props': {
+            accordion: true
+          },
+          maxItems: 3,
+          items: {
+            type: 'object',
+            'x-component': 'ArrayCollapse.CollapsePanel',
+            'x-component-props': {
+              header: '{{ t("Validation rule") }}'
+            },
+            properties: {
+              index: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.Index'
+              },
+              layout: {
+                type: 'void',
+                'x-component': 'FormLayout',
+                'x-component-props': {
+                  labelStyle: {
+                    marginTop: '6px'
+                  },
+                  labelCol: 8,
+                  wrapperCol: 16
+                },
+                properties: _objectSpread(_objectSpread({}, validateSchema), {}, {
+                  message: {
+                    type: 'string',
+                    title: '{{ t("Error message") }}',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Input.TextArea',
+                    'x-component-props': {
+                      autoSize: {
+                        minRows: 2,
+                        maxRows: 2
+                      }
+                    }
+                  }
+                })
+              },
+              remove: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.Remove'
+              },
+              moveUp: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.MoveUp'
+              },
+              moveDown: {
+                type: 'void',
+                'x-component': 'ArrayCollapse.MoveDown'
+              }
+            }
+          },
+          properties: {
+            add: {
+              type: 'void',
+              title: '{{ t("Add validation rule") }}',
+              'x-component': 'ArrayCollapse.Addition',
+              'x-reactions': {
+                dependencies: ['rules'],
+                fulfill: {
+                  state: {
+                    disabled: '{{$deps[0].length >= 3}}'
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    onSubmit: function onSubmit(v) {
+      var _collectionField$uiSc3;
+
+      var rules = [];
+
+      var _iterator = _createForOfIteratorHelper(v.rules),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _rule = _step.value;
+          rules.push(_.pickBy(_rule, _.identity));
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']); // return;
+      // if (['number'].includes(collectionField?.interface) && collectionField?.uiSchema?.['x-component-props']?.['stringMode'] === true) {
+      //   rules['numberStringMode'] = true;
+      // }
+
+
+      if (['percent'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface)) {
+        var _iterator2 = _createForOfIteratorHelper(rules),
+            _step2;
+
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var rule = _step2.value;
+
+            if (!!rule.maxValue || !!rule.minValue) {
+              rule['percentMode'] = true;
+            }
+
+            if (rule.percentFormat) {
+              rule['percentFormats'] = true;
+            }
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+
+      var concatValidator = _.concat([], (collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc3 = collectionField.uiSchema) === null || _collectionField$uiSc3 === void 0 ? void 0 : _collectionField$uiSc3['x-validator']) || [], rules);
+
+      field.validator = concatValidator;
+      fieldSchema['x-validator'] = rules;
+      schema['x-validator'] = rules;
+      dn.emit('patch', {
+        schema: schema
+      });
+      refresh();
+    }
   }), form && !isSubFormAssocitionField && ['o2o', 'oho', 'obo', 'o2m'].includes(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
     title: t('Field component'),
     options: (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) === 'o2m' ? [{
@@ -257,7 +410,7 @@ FormItem.Designer = function (props) {
         }
       });
     }
-  }), form && !(form === null || form === void 0 ? void 0 : form.readPretty) && (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) !== 'o2m' && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+  }), form && !(form === null || form === void 0 ? void 0 : form.readPretty) && (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) !== 'o2m' && (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon['pattern-disable']) != true && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
     key: "pattern",
     title: t('Pattern'),
     options: [{

package/es/schema-component/antd/grid/Grid.js

@@ -20,19 +20,29 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-import { useDndMonitor, useDroppable } from '@dnd-kit/core';
+import { useDndContext, useDndMonitor, useDroppable } from '@dnd-kit/core';
 import { css } from '@emotion/css';
 import { observer, RecursionField, Schema, useField, useFieldSchema } from '@formily/react';
 import { uid } from '@formily/shared';
 import cls from 'classnames';
-import React, { createContext, useContext, useState } from 'react';
-import { useSchemaInitializer } from '../../../';
+import React, { createContext, useContext, useEffect, useRef, useState } from 'react';
+import { useFormBlockContext, useSchemaInitializer } from '../../../';
 import { DndContext } from '../../common/dnd-context';
 var GridRowContext = /*#__PURE__*/createContext(null);
 var GridColContext = /*#__PURE__*/createContext(null);
 var GridContext = /*#__PURE__*/createContext({});
 
+var breakRemoveOnGrid = function breakRemoveOnGrid(s) {
+  return s['x-component'] === 'Grid';
+};
+
+var breakRemoveOnRow = function breakRemoveOnRow(s) {
+  return s['x-component'] === 'Grid.Row';
+};
+
 var ColDivider = function ColDivider(props) {
+  var _dndContext$active, _dndContext$active$da, _dndContext$active$da2;
+
   var _useDroppable = useDroppable({
     id: props.id,
     data: props.data
@@ -43,14 +53,31 @@ var ColDivider = function ColDivider(props) {
   var droppableStyle = {
     backgroundColor: isOver ? 'rgba(241, 139, 98, .1)' : undefined
   };
+  var dndContext = useDndContext();
+  var activeSchema = (_dndContext$active = dndContext.active) === null || _dndContext$active === void 0 ? void 0 : (_dndContext$active$da = _dndContext$active.data.current) === null || _dndContext$active$da === void 0 ? void 0 : (_dndContext$active$da2 = _dndContext$active$da.schema) === null || _dndContext$active$da2 === void 0 ? void 0 : _dndContext$active$da2.parent;
+  var blocksLength = activeSchema ? Object.keys(activeSchema.properties).length : 0;
+  var visible = true;
+
+  if (blocksLength === 1) {
+    if (props.first) {
+      visible = activeSchema !== props.cols[0];
+    } else {
+      var currentSchema = props.cols[props.index];
+      var downSchema = props.cols[props.index + 1];
+      visible = activeSchema !== currentSchema && downSchema !== activeSchema;
+    }
+  }
+
   return /*#__PURE__*/React.createElement("div", {
-    ref: setNodeRef,
+    ref: visible ? setNodeRef : null,
     className: cls('nb-col-divider', css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          width: 24px;\n        "])))),
     style: _objectSpread({}, droppableStyle)
   });
 };
 
 var RowDivider = function RowDivider(props) {
+  var _dndContext$active2, _dndContext$active2$d, _dndContext$active2$d2;
+
   var _useDroppable2 = useDroppable({
     id: props.id,
     data: props.data
@@ -69,6 +96,23 @@ var RowDivider = function RowDivider(props) {
       active = _useState2[0],
       setActive = _useState2[1];
 
+  var dndContext = useDndContext();
+  var currentSchema = props.rows[props.index];
+  var activeSchema = (_dndContext$active2 = dndContext.active) === null || _dndContext$active2 === void 0 ? void 0 : (_dndContext$active2$d = _dndContext$active2.data.current) === null || _dndContext$active2$d === void 0 ? void 0 : (_dndContext$active2$d2 = _dndContext$active2$d.schema) === null || _dndContext$active2$d2 === void 0 ? void 0 : _dndContext$active2$d2.parent.parent;
+  var colsLength = activeSchema === null || activeSchema === void 0 ? void 0 : activeSchema.mapProperties(function (schema) {
+    return schema['x-component'] === 'Grid.Col';
+  }).filter(Boolean).length;
+  var visible = true; // col > 1 时不需要隐藏
+
+  if (colsLength === 1) {
+    if (props.first) {
+      visible = activeSchema !== props.rows[0];
+    } else {
+      var downSchema = props.rows[props.index + 1];
+      visible = activeSchema !== currentSchema && downSchema !== activeSchema;
+    }
+  }
+
   useDndMonitor({
     onDragStart: function onDragStart(event) {
       setActive(true);
@@ -83,7 +127,7 @@ var RowDivider = function RowDivider(props) {
     }
   });
   return /*#__PURE__*/React.createElement("span", {
-    ref: setNodeRef,
+    ref: visible ? setNodeRef : null,
     className: cls('nb-row-divider', css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          height: 24px;\n          width: 100%;\n          position: absolute;\n          margin-top: -24px;\n        "])))),
     style: _objectSpread({
       zIndex: active ? 1000 : -1
@@ -165,6 +209,7 @@ export var useGridRowContext = function useGridRowContext() {
   return useContext(GridRowContext);
 };
 export var Grid = observer(function (props) {
+  var gridRef = useRef(null);
   var field = useField();
   var fieldSchema = useFieldSchema();
 
@@ -173,8 +218,16 @@ export var Grid = observer(function (props) {
 
   var addr = field.address.toString();
   var rows = useRowProperties();
+
+  var _useFormBlockContext = useFormBlockContext(),
+      setPrintContent = _useFormBlockContext.setPrintContent;
+
+  useEffect(function () {
+    gridRef.current && (setPrintContent === null || setPrintContent === void 0 ? void 0 : setPrintContent(gridRef.current));
+  }, [gridRef.current]);
   return /*#__PURE__*/React.createElement(GridContext.Provider, {
     value: {
+      ref: gridRef,
       fieldSchema: fieldSchema,
       renderSchemaInitializer: render
     }
@@ -182,12 +235,16 @@ export var Grid = observer(function (props) {
     className: 'nb-grid',
     style: {
       position: 'relative'
-    }
+    },
+    ref: gridRef
   }, /*#__PURE__*/React.createElement(DndWrapper, {
     dndContext: props.dndContext
   }, /*#__PURE__*/React.createElement(RowDivider, {
+    rows: rows,
+    first: true,
     id: "".concat(addr, "_0"),
     data: {
+      breakRemoveOn: breakRemoveOnGrid,
       wrapSchema: wrapRowSchema,
       insertAdjacent: 'afterBegin',
       schema: fieldSchema
@@ -199,8 +256,11 @@ export var Grid = observer(function (props) {
       name: schema.name,
       schema: schema
     }), /*#__PURE__*/React.createElement(RowDivider, {
+      rows: rows,
+      index: index,
       id: "".concat(addr, "_").concat(index + 1),
       data: {
+        breakRemoveOn: breakRemoveOnGrid,
         wrapSchema: wrapRowSchema,
         insertAdjacent: 'afterEnd',
         schema: schema
@@ -220,8 +280,11 @@ Grid.Row = observer(function (props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: cls('nb-grid-row', css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            margin: 0 -24px;\n            display: flex;\n            position: relative;\n            /* z-index: 0; */\n          "]))))
   }, /*#__PURE__*/React.createElement(ColDivider, {
+    cols: cols,
+    first: true,
     id: "".concat(addr, "_0"),
     data: {
+      breakRemoveOn: breakRemoveOnRow,
       wrapSchema: wrapColSchema,
       insertAdjacent: 'afterBegin',
       schema: fieldSchema
@@ -233,8 +296,11 @@ Grid.Row = observer(function (props) {
       name: schema.name,
       schema: schema
     }), /*#__PURE__*/React.createElement(ColDivider, {
+      cols: cols,
+      index: index,
       id: "".concat(addr, "_").concat(index + 1),
       data: {
+        breakRemoveOn: breakRemoveOnRow,
         wrapSchema: wrapColSchema,
         insertAdjacent: 'afterEnd',
         schema: schema

package/es/schema-component/antd/input-number/InputNumber.d.ts

@@ -1,7 +1,3 @@
 import React from 'react';
-export declare const InputNumber: React.ForwardRefExoticComponent<Pick<Partial<import("antd").InputNumberProps<string | number> & {
-    children?: React.ReactNode;
-} & {
-    ref?: React.Ref<HTMLInputElement>;
-}>, keyof import("antd").InputNumberProps<string | number>> & React.RefAttributes<unknown>>;
+export declare const InputNumber: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;
 export default InputNumber;

package/es/schema-component/antd/input-number/InputNumber.js

@@ -1,5 +1,29 @@
+var _excluded = ["onChange"];
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
 import { connect, mapReadPretty } from '@formily/react';
 import { InputNumber as AntdNumber } from 'antd';
 import { ReadPretty } from './ReadPretty';
-export var InputNumber = connect(AntdNumber, mapReadPretty(ReadPretty));
+export var InputNumber = connect(function (props) {
+  var onChange = props.onChange,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var handleChange = function handleChange(v) {
+    onChange(parseFloat(v));
+  };
+
+  return /*#__PURE__*/React.createElement(AntdNumber, _objectSpread({
+    onChange: handleChange
+  }, others));
+}, mapReadPretty(ReadPretty));
 export default InputNumber;

package/es/schema-component/antd/kanban/Kanban.Card.Designer.js

@@ -57,6 +57,25 @@ export var KanbanCardDesigner = function KanbanCardDesigner(props) {
     readPretty: true,
     block: 'Kanban'
   });
+  var associationFields = useAssociatedFormItemInitializerFields({
+    readPretty: true,
+    block: 'Kanban'
+  });
+  var items = [{
+    type: 'itemGroup',
+    title: t('Display fields'),
+    children: fields
+  }];
+
+  if (associationFields.length > 0) {
+    items.push({
+      type: 'divider'
+    }, {
+      type: 'itemGroup',
+      title: t('Display association fields'),
+      children: associationFields
+    });
+  }
 
   if (!designable) {
     return null;
@@ -93,20 +112,7 @@ export var KanbanCardDesigner = function KanbanCardDesigner(props) {
       dn.loadAPIClientEvents();
       dn.insertBeforeEnd(schema);
     },
-    items: [{
-      type: 'itemGroup',
-      title: t('Display fields'),
-      children: fields
-    }, {
-      type: 'divider'
-    }, {
-      type: 'itemGroup',
-      title: t('Display association fields'),
-      children: useAssociatedFormItemInitializerFields({
-        readPretty: true,
-        block: 'Kanban'
-      })
-    }],
+    items: items,
     component: /*#__PURE__*/React.createElement(MenuOutlined, {
       style: {
         cursor: 'pointer',

package/es/schema-component/antd/menu/Menu.js

@@ -3,7 +3,7 @@ var _excluded = ["onSelect", "mode", "selectedUid", "defaultSelectedUid", "sideM
     _excluded3 = ["icon"],
     _excluded4 = ["icon"];
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
 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; }
 
@@ -274,6 +274,7 @@ Menu.Item = observer(function (props) {
   var field = useField();
   var Designer = useContext(MenuItemDesignerContext);
   return /*#__PURE__*/React.createElement(AntdMenu.Item, _objectSpread(_objectSpread({}, others), {}, {
+    className: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        :active {\n          background: inherit;\n        }\n      "]))),
     key: schema.name,
     eventKey: schema.name,
     schema: schema
@@ -282,7 +283,7 @@ Menu.Item = observer(function (props) {
   }, /*#__PURE__*/React.createElement(Icon, {
     type: icon
   }), /*#__PURE__*/React.createElement("span", {
-    className: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "])))
+    className: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "])))
   }, field.title), /*#__PURE__*/React.createElement(Designer, null)));
 });
 Menu.URL = observer(function (props) {
@@ -293,6 +294,7 @@ Menu.URL = observer(function (props) {
   var field = useField();
   var Designer = useContext(MenuItemDesignerContext);
   return /*#__PURE__*/React.createElement(AntdMenu.Item, _objectSpread(_objectSpread({}, others), {}, {
+    className: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        :active {\n          background: inherit;\n        }\n      "]))),
     key: schema.name,
     eventKey: schema.name,
     schema: schema,
@@ -304,7 +306,7 @@ Menu.URL = observer(function (props) {
   }, /*#__PURE__*/React.createElement(Icon, {
     type: icon
   }), /*#__PURE__*/React.createElement("span", {
-    className: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "])))
+    className: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            width: 100%;\n            vertical-align: middle;\n          "])))
   }, field.title), /*#__PURE__*/React.createElement(Designer, null)));
 });
 Menu.SubMenu = observer(function (props) {
@@ -321,6 +323,7 @@ Menu.SubMenu = observer(function (props) {
   }
 
   return /*#__PURE__*/React.createElement(AntdMenu.SubMenu, _objectSpread(_objectSpread({}, others), {}, {
+    className: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        :active {\n          background: inherit;\n        }\n      "]))),
     key: schema.name,
     eventKey: schema.name,
     title: /*#__PURE__*/React.createElement(SortableItem, {

package/es/schema-component/antd/percent/Percent.js

@@ -14,10 +14,10 @@ export var Percent = connect(function (props) {
       _onChange = props.onChange;
   return /*#__PURE__*/React.createElement(InputNumber, _objectSpread(_objectSpread({}, props), {}, {
     addonAfter: "%",
-    value: math.round(value * 100, 9),
+    value: value ? math.round(value * 100, 9) : null,
     onChange: function onChange(v) {
       if (_onChange) {
-        _onChange(math.round(v / 100, 9));
+        _onChange(v ? math.round(v / 100, 9) : null);
       }
     }
   }));