@nocobase/client 0.7.4-alpha.7 → 0.7.5-alpha.1

package/es/locale/zh_CN.js

@@ -43,6 +43,7 @@ export default {
   "Super admin": "超级管理员",
   "Language": "语言设置",
   "Allow sign up": "允许注册",
+  "Enable SMS authentication": "启用短信登录和注册",
   "Sign out": "注销",
   "Cancel": "取消",
   "Submit": "提交",
@@ -126,6 +127,20 @@ export default {
   "Password": "密码",
   "Formula": "公式",
   "Formula description": "基于同一条记录中的其他字段计算出一个值。",
+  "Sequence": "自动编码",
+  "Sequence rules": "编号规则",
+  "Add rule": "添加规则",
+  "Type": "类型",
+  "Autoincrement": "自增数字",
+  "Fixed text": "固定文本",
+  "Text content": "文本内容",
+  "Rule content": "规则内容",
+  "{{value}} Digits": "{{value}} 位数字",
+  "Digits": "位数",
+  "Start from": "起始于",
+  "Starts from {{value}}": "从 {{value}} 开始",
+  "Reset cycle": "重置周期",
+  "Operations": "操作",
   "Choices": "选择类型",
   "Checkbox": "勾选",
   "Single select": "下拉菜单（单选）",
@@ -157,7 +172,8 @@ export default {
   "Time format": "时间格式",
   "12 hour": "12 小时制",
   "24 hour": "24 小时制",
-  "Relationship type": "关联类型",
+  "Relationship type": "关系类型",
+  "Inverse relationship type": "反向关系类型",
   "Source collection": "源数据表",
   "Source key": "源数据表字段标识",
   "Target collection": "目标数据表",
@@ -230,6 +246,7 @@ export default {
   "Custom column name": "自定义列名称",
   "Edit description": "编辑描述",
   "Required": "必填",
+  "Unique": "不允许重复",
   "Label field": "标签字段",
   "Default is the ID field": "默认为 ID 字段",
   "Set default sorting rules": "设置排序规则",
@@ -295,13 +312,18 @@ export default {
   "Saved successfully": "保存成功",
   "Nickname": "昵称",
   "Sign in": "登录",
+  "Sign in via account": "账号密码登录",
+  "Sign in via phone": "手机号登录",
   "Create an account": "注册账号",
   "Sign up": "注册",
   "Confirm password": "确认密码",
   "Log in with an existing account": "使用已有账号登录",
   "Signed up successfully. It will jump to the login page.": "注册成功，将跳转登录页。",
-  "Password mismatch": "确认密码不匹配",
+  "Password mismatch": "重复密码不匹配",
   "Users": "用户",
+  "Verification code": "验证码",
+  "Send code": "发送验证码",
+  "Retry after {{count}} seconds": "{{count}} 秒后重试",
   "Roles": "角色",
   "Add role": "添加角色",
   "Role name": "角色名称",
@@ -523,6 +545,7 @@ export default {
   'Calculation result': '运算结果',
   'True': '真',
   'False': '假',
+  'concat': '连接',
   'Condition': '条件判断',
   'Mode': '模式',
   'Continue when "Yes"': '“是”则继续',
@@ -600,5 +623,9 @@ export default {
   "Province/city/area name": "省市区名称",
   "Enabled languages": "启用的语言",
   "View all plugins": "查看所有插件",
-  "Print": "打印"
+  "Print": "打印",
+  'Sign up successfully, and automatically jump to the sign in page': '注册成功，即将跳转到登录页面',
+  'Create inverse field in the target collection': '在目标数据表里创建反向关系字段',
+  'Inverse field name': '反向关系字段标识',
+  'Inverse field display name': '反向关系字段名称'
 };

package/es/route-switch/antd/admin-layout/index.js

@@ -86,17 +86,32 @@ var MenuEditor = function MenuEditor(props) {
       var schema = filterByACL(data === null || data === void 0 ? void 0 : data.data, ctx);
 
       if (defaultSelectedUid) {
+        if (defaultSelectedUid.includes('/')) {
+          return;
+        }
+
         var s = findByUid(schema, defaultSelectedUid);
 
         if (s) {
           setTitle(s.title);
+        } else {
+          var _s = findMenuItem(schema);
+
+          if (_s) {
+            history.push("/admin/".concat(_s['x-uid']));
+            setTitle(_s.title);
+          } else {
+            history.push("/admin/");
+          }
         }
       } else {
-        var _s = findMenuItem(schema);
+        var _s2 = findMenuItem(schema);
 
-        if (_s) {
-          history.push("/admin/".concat(_s['x-uid']));
-          setTitle(_s.title);
+        if (_s2) {
+          history.push("/admin/".concat(_s2['x-uid']));
+          setTitle(_s2.title);
+        } else {
+          history.push("/admin/");
         }
       }
     }

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

@@ -27,7 +27,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import { css } from '@emotion/css';
-import { observer, RecursionField, useField, useFieldSchema } from '@formily/react';
+import { observer, RecursionField, useField, useFieldSchema, useForm } from '@formily/react';
 import { Button, Modal, Popover } from 'antd';
 import classnames from 'classnames';
 import React, { useState } from 'react';
@@ -81,6 +81,7 @@ export var Action = observer(function (props) {
 
   var fieldSchema = useFieldSchema();
   var compile = useCompile();
+  var form = useForm();
   var designerProps = fieldSchema['x-designer-props'];
   var openMode = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon['openMode'];
 
@@ -92,6 +93,7 @@ export var Action = observer(function (props) {
       icon: /*#__PURE__*/React.createElement(Icon, {
         type: icon
       }),
+      disabled: form.disabled,
       onClick: function onClick(e) {
         e.preventDefault();
         e.stopPropagation();

package/es/schema-component/antd/action/ActionBar.js

@@ -1,5 +1,9 @@
+var _templateObject;
+
 var _excluded = ["layout", "style"];
 
+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; }
 
 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; }
@@ -10,6 +14,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 { css } from '@emotion/css';
 import { observer, RecursionField, useFieldSchema } from '@formily/react';
 import { Space } from 'antd';
 import React from 'react';
@@ -48,9 +53,11 @@ export var ActionBar = observer(function (props) {
     style: _objectSpread({
       display: 'flex',
       justifyContent: 'space-between',
-      alignItems: 'center'
+      alignItems: 'center',
+      overflowX: 'auto'
     }, style)
   }, others), /*#__PURE__*/React.createElement("div", {
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        .ant-space:last-child {\n          margin-left: 8px;\n        }\n      "]))),
     style: {
       display: 'flex',
       justifyContent: 'space-between',

package/es/schema-component/antd/cron/Cron.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CronProps } from 'react-js-cron';
+import 'cronstrue/locales/zh_CN';
+declare type ComposedCron = React.FC<CronProps> & {};
+export declare const Cron: ComposedCron;
+export default Cron;

package/es/schema-component/antd/cron/Cron.js

@@ -0,0 +1,49 @@
+var _templateObject;
+
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+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 { Cron as ReactCron } from 'react-js-cron';
+import cronstrue from 'cronstrue';
+import 'cronstrue/locales/zh_CN';
+import { css } from '@emotion/css';
+import localeZhCN from './locale/zh-CN';
+var ComponentLocales = {
+  'zh-CN': localeZhCN
+};
+var ReadPrettyLocales = {
+  'en-US': 'en',
+  'zh-CN': 'zh_CN'
+};
+export var Cron = connect(function (props) {
+  var onChange = props.onChange,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var locale = ComponentLocales[localStorage.getItem('NOCOBASE_LOCALE') || 'en-US'];
+  return /*#__PURE__*/React.createElement("fieldset", {
+    className: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        .react-js-cron{\n          padding: .5em .5em 0 .5em;\n          border: 1px dashed #ccc;\n\n          .react-js-cron-field{\n            flex-shrink: 0;\n            margin-bottom: .5em;\n\n            > span{\n              flex-shrink: 0;\n              margin: 0 .5em 0 0;\n            }\n\n            > .react-js-cron-select{\n              margin: 0 .5em 0 0;\n            }\n          }\n      "])))
+  }, /*#__PURE__*/React.createElement(ReactCron, _objectSpread({
+    setValue: onChange,
+    locale: locale
+  }, rest)));
+}, mapReadPretty(function (props) {
+  var locale = ReadPrettyLocales[localStorage.getItem('NOCOBASE_LOCALE') || 'en-US'];
+  return props.value ? /*#__PURE__*/React.createElement("span", null, cronstrue.toString(props.value, {
+    locale: locale,
+    use24HourTimeFormat: true
+  })) : null;
+}));
+export default Cron;

package/es/schema-component/antd/cron/index.d.ts

@@ -0,0 +1 @@
+export * from './Cron';

package/es/schema-component/antd/cron/index.js

@@ -0,0 +1 @@
+export * from './Cron';

package/es/schema-component/antd/cron/locale/zh-CN.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+    everyText: string;
+    emptyMonths: string;
+    emptyMonthDays: string;
+    emptyMonthDaysShort: string;
+    emptyWeekDays: string;
+    emptyWeekDaysShort: string;
+    emptyHours: string;
+    emptyMinutes: string;
+    emptyMinutesForHourPeriod: string;
+    yearOption: string;
+    monthOption: string;
+    weekOption: string;
+    dayOption: string;
+    hourOption: string;
+    minuteOption: string;
+    rebootOption: string;
+    prefixPeriod: string;
+    prefixMonths: string;
+    prefixMonthDays: string;
+    prefixWeekDays: string;
+    prefixWeekDaysForMonthAndYearPeriod: string;
+    prefixHours: string;
+    prefixMinutes: string;
+    prefixMinutesForHourPeriod: string;
+    suffixMinutesForHourPeriod: string;
+    errorInvalidCron: string;
+    clearButtonText: string;
+    weekDays: string[];
+    months: string[];
+    altWeekDays: string[];
+    altMonths: string[];
+};
+export default _default;

package/es/schema-component/antd/cron/locale/zh-CN.js

@@ -0,0 +1,37 @@
+export default {
+  everyText: '每',
+  emptyMonths: '每月',
+  emptyMonthDays: '每日(月)',
+  emptyMonthDaysShort: '每日',
+  emptyWeekDays: '每天(周)',
+  emptyWeekDaysShort: '每天(周)',
+  emptyHours: '每小时',
+  emptyMinutes: '每分钟',
+  emptyMinutesForHourPeriod: '每',
+  yearOption: '年',
+  monthOption: '月',
+  weekOption: '周',
+  dayOption: '天',
+  hourOption: '小时',
+  minuteOption: '分钟',
+  rebootOption: '重启',
+  prefixPeriod: '每',
+  prefixMonths: '的',
+  prefixMonthDays: '的',
+  prefixWeekDays: '的',
+  prefixWeekDaysForMonthAndYearPeriod: '并且',
+  prefixHours: '的',
+  prefixMinutes: ':',
+  prefixMinutesForHourPeriod: '的',
+  suffixMinutesForHourPeriod: '分钟',
+  errorInvalidCron: '不符合 cron 规则的表达式',
+  clearButtonText: '清空',
+  weekDays: [// Order is important, the index will be used as value
+  '周日', '周一', '周二', '周三', '周四', '周五', '周六'],
+  months: [// Order is important, the index will be used as value
+  '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+  altWeekDays: [// Order is important, the index will be used as value
+  '周日', '周一', '周二', '周三', '周四', '周五', '周六'],
+  altMonths: [// Order is important, the index will be used as value
+  '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
+};

package/es/schema-component/antd/filter/Filter.Action.Designer.js

@@ -61,6 +61,7 @@ export var FilterActionDesigner = function FilterActionDesigner(props) {
 
     var checked = !nonfilterable.includes(field.name);
     return /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
+      key: field.name,
       checked: checked,
       title: compile(field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title),
       onChange: function onChange(value) {

package/es/schema-component/antd/formula-input/Compute.js

@@ -37,7 +37,7 @@ var AntdCompute = function AntdCompute(props) {
 
       try {
         result = math.evaluate(expression, scope);
-        result = math.round(result, 9);
+        result = Number.isFinite(result) ? math.round(result, 9) : null;
       } catch (_unused) {}
 
       if (onChange) {

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

@@ -1,4 +1,12 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+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; }
+
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -12,24 +20,16 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-import { useDndContext, useDndMonitor, useDroppable } from '@dnd-kit/core';
+import { useDndContext, useDndMonitor, useDraggable, 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, useEffect, useRef, useState } from 'react';
-import { useFormBlockContext, useSchemaInitializer } from '../../../';
+import { useDesignable, useFormBlockContext, useSchemaInitializer } from '../../../';
 import { DndContext } from '../../common/dnd-context';
-var GridRowContext = /*#__PURE__*/createContext(null);
-var GridColContext = /*#__PURE__*/createContext(null);
+var GridRowContext = /*#__PURE__*/createContext({});
+var GridColContext = /*#__PURE__*/createContext({});
 var GridContext = /*#__PURE__*/createContext({});
 
 var breakRemoveOnGrid = function breakRemoveOnGrid(s) {
@@ -50,6 +50,11 @@ var ColDivider = function ColDivider(props) {
       isOver = _useDroppable.isOver,
       setNodeRef = _useDroppable.setNodeRef;
 
+  var _useDesignable = useDesignable(),
+      dn = _useDesignable.dn,
+      designable = _useDesignable.designable;
+
+  var dividerRef = useRef();
   var droppableStyle = {
     backgroundColor: isOver ? 'rgba(241, 139, 98, .1)' : undefined
   };
@@ -68,11 +73,89 @@ var ColDivider = function ColDivider(props) {
     }
   }
 
+  var prevSchema = props.cols[props.index];
+  var nextSchema = props.cols[props.index + 1];
+
+  var _useDraggable = useDraggable({
+    disabled: props.first || props.last || !designable,
+    id: props.id,
+    data: {
+      dividerRef: dividerRef,
+      prevSchema: prevSchema,
+      nextSchema: nextSchema
+    }
+  }),
+      attributes = _useDraggable.attributes,
+      listeners = _useDraggable.listeners,
+      setDraggableNodeRef = _useDraggable.setNodeRef,
+      isDragging = _useDraggable.isDragging;
+
+  var _useState = useState([0, 0]),
+      _useState2 = _slicedToArray(_useState, 2),
+      clientWidths = _useState2[0],
+      setClientWidths = _useState2[1];
+
+  useDndMonitor({
+    onDragStart: function onDragStart(event) {
+      if (!isDragging) {
+        return;
+      }
+
+      var el = dividerRef.current;
+      var prev = el.previousElementSibling;
+      var next = el.nextElementSibling;
+      setClientWidths([prev.clientWidth, next.clientWidth]);
+    },
+    onDragMove: function onDragMove(event) {
+      if (!isDragging) {
+        return;
+      }
+
+      var el = dividerRef.current;
+      var prev = el.previousElementSibling;
+      var next = el.nextElementSibling;
+      prev.style.width = "calc(".concat(clientWidths[0], "px + ").concat(event.delta.x, "px)");
+      next.style.width = "calc(".concat(clientWidths[1], "px - ").concat(event.delta.x, "px)");
+    },
+    onDragEnd: function onDragEnd(event) {
+      var _ref, _ref2;
+
+      if (clientWidths[0] <= 0 || clientWidths[1] <= 0) {
+        return;
+      }
+
+      setClientWidths([0, 0]);
+
+      if (!prevSchema || !nextSchema) {
+        return;
+      }
+
+      var el = dividerRef.current;
+      var prev = el.previousElementSibling;
+      var next = el.nextElementSibling;
+      prevSchema['x-component-props'] = prevSchema['x-component-props'] || {};
+      nextSchema['x-component-props'] = nextSchema['x-component-props'] || {};
+      prevSchema['x-component-props']['width'] = 100 * ((prev === null || prev === void 0 ? void 0 : prev.clientWidth) + 24 + 24 / props.cols.length) / el.parentElement.clientWidth;
+      nextSchema['x-component-props']['width'] = 100 * ((next === null || next === void 0 ? void 0 : next.clientWidth) + 24 + 24 / props.cols.length) / el.parentElement.clientWidth;
+      dn.emit('batchPatch', {
+        schemas: [(_ref = {}, _defineProperty(_ref, 'x-uid', prevSchema['x-uid']), _defineProperty(_ref, 'x-component-props', _objectSpread({}, prevSchema['x-component-props'])), _ref), (_ref2 = {}, _defineProperty(_ref2, 'x-uid', nextSchema['x-uid']), _defineProperty(_ref2, 'x-component-props', _objectSpread({}, nextSchema['x-component-props'])), _ref2)]
+      });
+    }
+  });
   return /*#__PURE__*/React.createElement("div", {
-    ref: visible ? setNodeRef : null,
+    ref: function ref(el) {
+      if (visible) {
+        setNodeRef(el);
+        dividerRef.current = el;
+      }
+    },
     className: cls('nb-col-divider', css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          width: 24px;\n        "])))),
     style: _objectSpread({}, droppableStyle)
-  });
+  }, /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread(_objectSpread({
+    ref: setDraggableNodeRef
+  }, listeners), attributes), {}, {
+    className: props.first || props.last || !designable ? null : css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                &::before {\n                  content: ' ';\n                  width: 12px;\n                  height: 100%;\n                  left: 6px;\n                  position: absolute;\n                  cursor: col-resize;\n                }\n                &:hover {\n                  &::before {\n                    background: rgba(241, 139, 98, 0.06) !important;\n                  }\n                }\n                width: 24px;\n                height: 100%;\n                position: absolute;\n                cursor: col-resize;\n              "])))
+  })));
 };
 
 var RowDivider = function RowDivider(props) {
@@ -91,10 +174,10 @@ var RowDivider = function RowDivider(props) {
     droppableStyle['backgroundColor'] = 'rgba(241, 139, 98, .1)';
   }
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      active = _useState2[0],
-      setActive = _useState2[1];
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      active = _useState4[0],
+      setActive = _useState4[1];
 
   var dndContext = useDndContext();
   var currentSchema = props.rows[props.index];
@@ -128,7 +211,7 @@ var RowDivider = function RowDivider(props) {
   });
   return /*#__PURE__*/React.createElement("span", {
     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        "])))),
+    className: cls('nb-row-divider', css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          height: 24px;\n          width: 100%;\n          position: absolute;\n          margin-top: -24px;\n        "])))),
     style: _objectSpread({
       zIndex: active ? 1000 : -1
     }, droppableStyle)
@@ -275,10 +358,11 @@ Grid.Row = observer(function (props) {
   var cols = useColProperties();
   return /*#__PURE__*/React.createElement(GridRowContext.Provider, {
     value: {
+      schema: fieldSchema,
       cols: cols
     }
   }, /*#__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          "]))))
+    className: cls('nb-grid-row', css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            margin: 0 -24px;\n            display: flex;\n            position: relative;\n            /* z-index: 0; */\n          "]))))
   }, /*#__PURE__*/React.createElement(ColDivider, {
     cols: cols,
     first: true,
@@ -298,6 +382,7 @@ Grid.Row = observer(function (props) {
     }), /*#__PURE__*/React.createElement(ColDivider, {
       cols: cols,
       index: index,
+      last: index === cols.length - 1,
       id: "".concat(addr, "_").concat(index + 1),
       data: {
         breakRemoveOn: breakRemoveOnRow,
@@ -309,15 +394,39 @@ Grid.Row = observer(function (props) {
   })));
 });
 Grid.Col = observer(function (props) {
+  var _schema$xComponentP;
+
   var _useContext = useContext(GridRowContext),
       cols = _useContext.cols;
 
-  var w = props.width || 100 / cols.length;
+  var schema = useFieldSchema();
+  var field = useField();
+  var w = (schema === null || schema === void 0 ? void 0 : (_schema$xComponentP = schema['x-component-props']) === null || _schema$xComponentP === void 0 ? void 0 : _schema$xComponentP['width']) || 100 / cols.length;
   var width = "calc(".concat(w, "% - 24px - 24px / ").concat(cols.length, ")");
-  return /*#__PURE__*/React.createElement("div", {
+
+  var _useDroppable3 = useDroppable({
+    id: field.address.toString(),
+    data: {
+      insertAdjacent: 'beforeEnd',
+      schema: schema,
+      wrapSchema: function wrapSchema(s) {
+        return s;
+      }
+    }
+  }),
+      isOver = _useDroppable3.isOver,
+      setNodeRef = _useDroppable3.setNodeRef;
+
+  return /*#__PURE__*/React.createElement(GridColContext.Provider, {
+    value: {
+      cols: cols,
+      schema: schema
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: setNodeRef,
     style: {
       width: width
     },
-    className: cls('nb-grid-col', css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          position: relative;\n          /* z-index: 0; */\n        "]))))
-  }, props.children);
+    className: cls('nb-grid-col', css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            position: relative;\n            /* z-index: 0; */\n          "]))))
+  }, props.children));
 });

package/es/schema-component/antd/index.d.ts

@@ -4,6 +4,7 @@ export * from './calendar';
 export * from './card-item';
 export * from './cascader';
 export * from './checkbox';
+export * from './cron';
 export * from './color-select';
 export * from './date-picker';
 export * from './filter';

package/es/schema-component/antd/index.js

@@ -4,6 +4,7 @@ export * from './calendar';
 export * from './card-item';
 export * from './cascader';
 export * from './checkbox';
+export * from './cron';
 export * from './color-select';
 export * from './date-picker';
 export * from './filter';

package/es/schema-component/antd/record-picker/InputRecordPicker.js

@@ -33,6 +33,7 @@ import { FormProvider, SchemaComponentOptions } from '../../core';
 import { useCompile } from '../../hooks';
 import { ActionContext, useActionContext } from '../action';
 import { useFieldNames } from './useFieldNames';
+import { getLabelFormatValue, useLabelUiSchema } from './util';
 var RecordPickerContext = /*#__PURE__*/createContext(null);
 
 var useTableSelectorProps = function useTableSelectorProps() {
@@ -130,6 +131,7 @@ export var InputRecordPicker = function InputRecordPicker(props) {
   var fieldSchema = useFieldSchema();
   var collectionField = useAssociation(props);
   var compile = useCompile();
+  var labelUiSchema = useLabelUiSchema(collectionField, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label');
 
   var _useState3 = useState([]),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -145,12 +147,12 @@ export var InputRecordPicker = function InputRecordPicker(props) {
     if (value) {
       var opts = (Array.isArray(value) ? value : value ? [value] : []).map(function (option) {
         var label = option[fieldNames.label];
-        return _objectSpread(_objectSpread({}, option), {}, _defineProperty({}, fieldNames.label, compile(label)));
+        return _objectSpread(_objectSpread({}, option), {}, _defineProperty({}, fieldNames.label, getLabelFormatValue(labelUiSchema, compile(label))));
       });
       setOptions(opts);
       setSelectedRows(opts);
     }
-  }, [value]);
+  }, [value, fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label]);
 
   var getValue = function getValue() {
     if (multiple == null) return null; // console.log('getValue', multiple, value, Array.isArray(value));