@nocobase/client 0.7.2-alpha.7 → 0.7.4-alpha.4

package/es/schema-component/antd/date-picker/util.js

@@ -4,24 +4,9 @@ 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 { getDefaultFormat, str2moment, toGmt, toLocal } from '@nocobase/utils/client';
 import moment from 'moment';
 
-var toGmt = function toGmt(value) {
-  if (!value) {
-    return value;
-  }
-
-  if (Array.isArray(value)) {
-    return value.map(function (val) {
-      return "".concat(val.format('YYYY-MM-DD'), "T").concat(val.format('HH:mm:ss.SSS'), "Z");
-    });
-  }
-
-  if (moment.isMoment(value)) {
-    return "".concat(value.format('YYYY-MM-DD'), "T").concat(value.format('HH:mm:ss.SSS'), "Z");
-  }
-};
-
 var toStringByPicker = function toStringByPicker(value, picker) {
   if (picker === 'year') {
     return value.format('YYYY') + '-01-01T00:00:00.000Z';
@@ -58,44 +43,6 @@ var toGmtByPicker = function toGmtByPicker(value, picker) {
   }
 };
 
-var toLocal = function toLocal(value) {
-  if (!value) {
-    return value;
-  }
-
-  if (Array.isArray(value)) {
-    return value.map(function (val) {
-      return val.toISOString();
-    });
-  }
-
-  if (moment.isMoment(value)) {
-    return value.toISOString();
-  }
-};
-
-var toMoment = function toMoment(val, options) {
-  if (moment.isMoment(val)) {
-    return val;
-  }
-
-  var gmt = options.gmt,
-      picker = options.picker;
-
-  if (gmt || picker) {
-    val = val.replace('T', ' ').replace('Z', '');
-    return moment(val);
-  }
-
-  return moment(val);
-};
-
-export var str2moment = function str2moment(value) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return Array.isArray(value) ? value.map(function (val) {
-    return toMoment(val, options);
-  }) : value ? toMoment(value, options) : value;
-};
 export var moment2str = function moment2str(value) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var showTime = options.showTime,
@@ -112,31 +59,6 @@ export var moment2str = function moment2str(value) {
 
   return toGmtByPicker(value, picker);
 };
-export var getDefaultFormat = function getDefaultFormat(props) {
-  if (props.format) {
-    return props.format;
-  }
-
-  if (props.dateFormat) {
-    if (props['showTime']) {
-      return "".concat(props.dateFormat, " ").concat(props.timeFormat || 'HH:mm:ss');
-    }
-
-    return props.dateFormat;
-  }
-
-  if (props['picker'] === 'month') {
-    return 'YYYY-MM';
-  } else if (props['picker'] === 'quarter') {
-    return 'YYYY-\\QQ';
-  } else if (props['picker'] === 'year') {
-    return 'YYYY';
-  } else if (props['picker'] === 'week') {
-    return 'YYYY-wo';
-  }
-
-  return props['showTime'] ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD';
-};
 export var mapDateFormat = function mapDateFormat() {
   return function (props) {
     var format = getDefaultFormat(props);

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,9 +15,10 @@ 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 _ from 'lodash';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCompile, useDesignable } from '../..';
@@ -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, _collectionField$uiSc4, _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');
@@ -199,7 +207,7 @@ FormItem.Designer = function (props) {
   }), !field.readPretty && fieldSchema['x-component'] !== 'FormField' && /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
     key: "required",
     title: t('Required'),
-    checked: field.required,
+    checked: fieldSchema.required,
     onChange: function onChange(required) {
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
 
@@ -211,6 +219,183 @@ 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 && !(form === null || form === void 0 ? void 0 : form.readPretty) && (collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc4 = collectionField.uiSchema) === null || _collectionField$uiSc4 === void 0 ? void 0 : _collectionField$uiSc4.type) && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set default value'),
+    components: {
+      ArrayCollapse: ArrayCollapse,
+      FormLayout: FormLayout
+    },
+    schema: {
+      type: 'object',
+      title: t('Set default value'),
+      properties: {
+        default: _objectSpread(_objectSpread({}, collectionField.uiSchema), {}, {
+          name: 'default',
+          title: t('Default value'),
+          'x-decorator': 'FormItem',
+          default: fieldSchema.default || collectionField.defaultValue
+        })
+      }
+    },
+    onSubmit: function onSubmit(v) {
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+
+      if (field.value !== v.default) {
+        field.value = v.default;
+      }
+
+      fieldSchema.default = v.default;
+      schema.default = v.default;
+      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 +442,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: [{
@@ -319,15 +504,13 @@ FormItem.Designer = function (props) {
     options: options,
     value: field === null || field === void 0 ? void 0 : (_field$componentProps = field.componentProps) === null || _field$componentProps === void 0 ? void 0 : (_field$componentProps2 = _field$componentProps.fieldNames) === null || _field$componentProps2 === void 0 ? void 0 : _field$componentProps2.label,
     onChange: function onChange(label) {
+      var _collectionField$uiSc5, _collectionField$uiSc6;
+
       var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
 
-      var fieldNames = _objectSpread(_objectSpread({}, field.componentProps.fieldNames), {}, {
+      var fieldNames = _objectSpread(_objectSpread(_objectSpread({}, collectionField === null || collectionField === void 0 ? void 0 : (_collectionField$uiSc5 = collectionField.uiSchema) === null || _collectionField$uiSc5 === void 0 ? void 0 : (_collectionField$uiSc6 = _collectionField$uiSc5['x-component-props']) === null || _collectionField$uiSc6 === void 0 ? void 0 : _collectionField$uiSc6['fieldNames']), field.componentProps.fieldNames), {}, {
         label: label
-      }); // if (fieldSchema['x-component-props']?.['field']?.['uiSchema']?.['x-component-props']) {
-      //   fieldSchema['x-component-props']['field']['uiSchema']['x-component-props']['fieldNames'] = fieldNames;
-      // } else {
-      // }
-
+      });
 
       fieldSchema['x-component-props'] = fieldSchema['x-component-props'] || {};
       fieldSchema['x-component-props']['fieldNames'] = fieldNames;

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 { connect, mapReadPretty } from '@formily/react';
 import { InputNumber as AntdNumber } from 'antd';
+import React from 'react';
 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/input-number/ReadPretty.js

@@ -1,6 +1,5 @@
 import { isValid } from '@formily/shared';
-import { toFixed } from 'rc-input-number/lib/utils/MiniDecimal';
-import { getNumberPrecision } from 'rc-input-number/lib/utils/numberUtil';
+import { toFixedByStep } from '@nocobase/utils/client';
 import React from 'react';
 export var ReadPretty = function ReadPretty(props) {
   var step = props.step,
@@ -12,8 +11,7 @@ export var ReadPretty = function ReadPretty(props) {
     return /*#__PURE__*/React.createElement("div", null);
   }
 
-  var precision = Math.max(getNumberPrecision(String(value)), getNumberPrecision(step));
   return /*#__PURE__*/React.createElement("div", {
     className: 'nb-read-pretty-input-number'
-  }, addonBefore, toFixed(String(value), '.', precision), addonAfter);
+  }, addonBefore, toFixedByStep(value, step), addonAfter);
 };

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',