@nocobase/client 0.7.0-alpha.82 → 0.7.1-alpha.4

package/es/schema-component/antd/cascader/Cascader.js

@@ -101,7 +101,7 @@ export var Cascader = connect(function (props) {
     fieldNames: fieldNames,
     displayRender: displayRender,
     onChange: function onChange(value, selectedOptions) {
-      if (labelInValue) {
+      if (value && labelInValue) {
         _onChange(selectedOptions.map(function (option) {
           return omit(option, [fieldNames.children]);
         }));

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

@@ -1,9 +1,9 @@
-import { formatMomentValue, usePrefixCls } from '@formily/antd/lib/__builtins__';
+import { usePrefixCls } from '@formily/antd/lib/__builtins__';
 import { isArr } from '@formily/shared';
 import cls from 'classnames';
 import moment from 'moment';
 import React from 'react';
-import { getDefaultFormat } from './util';
+import { getDefaultFormat, str2moment } from './util';
 export var ReadPretty = function ReadPretty() {
   return null;
 };
@@ -16,8 +16,9 @@ ReadPretty.DatePicker = function (props) {
   var prefixCls = usePrefixCls('description-date-picker', props);
 
   var getLabels = function getLabels() {
-    var d = moment(props.value);
-    var labels = formatMomentValue(d.isValid() ? d : null, getDefaultFormat(props), props.placeholder);
+    var format = getDefaultFormat(props);
+    var m = str2moment(props.value, props);
+    var labels = moment.isMoment(m) ? m.format(format) : '';
     return isArr(labels) ? labels.join('~') : labels;
   };
 
@@ -28,9 +29,18 @@ ReadPretty.DatePicker = function (props) {
 
 ReadPretty.DateRangePicker = function (props) {
   var prefixCls = usePrefixCls('description-text', props);
+  var format = getDefaultFormat(props);
 
   var getLabels = function getLabels() {
-    var labels = formatMomentValue(props.value, props.format, props.placeholder);
+    var m = str2moment(props.value, props);
+
+    if (!m) {
+      return '';
+    }
+
+    var labels = m.map(function (m) {
+      return m.format(format);
+    });
     return isArr(labels) ? labels.join('~') : labels;
   };
 

package/es/schema-component/antd/date-picker/util.d.ts

@@ -1,6 +1,18 @@
 import type { DatePickerProps } from 'antd/lib/date-picker';
+import moment from 'moment';
+export interface Str2momentOptions {
+    gmt?: boolean;
+    picker?: 'year' | 'month' | 'week' | 'quarter';
+}
+export declare const str2moment: (value?: string | string[], options?: Str2momentOptions) => any;
+export interface Moment2strOptions {
+    showTime?: boolean;
+    gmt?: boolean;
+    picker?: 'year' | 'month' | 'week' | 'quarter';
+}
+export declare const moment2str: (value?: moment.Moment | moment.Moment[], options?: Moment2strOptions) => string | string[] | moment.Moment | moment.Moment[];
 export declare const getDefaultFormat: (props: DatePickerProps & {
     dateFormat: string;
     timeFormat: string;
-}) => string | import("rc-picker/lib/interface").CustomFormat<import("moment").Moment> | (string | import("rc-picker/lib/interface").CustomFormat<import("moment").Moment>)[];
+}) => string | import("rc-picker/lib/interface").CustomFormat<moment.Moment> | (string | import("rc-picker/lib/interface").CustomFormat<moment.Moment>)[];
 export declare const mapDateFormat: () => (props: any) => any;

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

@@ -4,7 +4,114 @@ 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 { formatMomentValue, momentable } from '@formily/antd/lib/__builtins__';
+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';
+  }
+
+  if (picker === 'month') {
+    return value.format('YYYY-MM') + '-01T00:00:00.000Z';
+  }
+
+  if (picker === 'quarter') {
+    return value.format('YYYY-MM') + '-01T00:00:00.000Z';
+  }
+
+  if (picker === 'week') {
+    return value.format('YYYY-MM-DD') + 'T00:00:00.000Z';
+  }
+
+  return value.format('YYYY-MM-DD') + 'T00:00:00.000Z';
+};
+
+var toGmtByPicker = function toGmtByPicker(value, picker) {
+  if (!value) {
+    return value;
+  }
+
+  if (Array.isArray(value)) {
+    return value.map(function (val) {
+      return toStringByPicker(val, picker);
+    });
+  }
+
+  if (moment.isMoment(value)) {
+    return toStringByPicker(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,
+      gmt = options.gmt,
+      picker = options.picker;
+
+  if (!value) {
+    return value;
+  }
+
+  if (showTime) {
+    return gmt ? toGmt(value) : toLocal(value);
+  }
+
+  return toGmtByPicker(value, picker);
+};
 export var getDefaultFormat = function getDefaultFormat(props) {
   if (props.format) {
     return props.format;
@@ -36,10 +143,10 @@ export var mapDateFormat = function mapDateFormat() {
     var _onChange = props.onChange;
     return _objectSpread(_objectSpread({}, props), {}, {
       format: format,
-      value: momentable(props.value, format === 'YYYY-wo' ? 'YYYY-w' : format),
+      value: str2moment(props.value, props),
       onChange: function onChange(value) {
         if (_onChange) {
-          _onChange(formatMomentValue(value, format));
+          _onChange(moment2str(value, props));
         }
       }
     });

package/es/schema-component/antd/filter/FilterItem.js

@@ -2,11 +2,15 @@ import { CloseCircleOutlined } from '@ant-design/icons';
 import { observer } from '@formily/react';
 import { Cascader, Select, Space } from 'antd';
 import React, { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useCompile } from '../..';
 import { RemoveConditionContext } from './context';
 import { DynamicComponent } from './DynamicComponent';
 import { useValues } from './useValues';
 export var FilterItem = observer(function (props) {
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
   var compile = useCompile();
   var remove = useContext(RemoveConditionContext);
 
@@ -31,24 +35,20 @@ export var FilterItem = observer(function (props) {
       value: 'name',
       children: 'children'
     },
-    style: {
-      width: 150
-    },
     changeOnSelect: false,
     value: dataIndex,
     options: compile(fields),
     onChange: function onChange(value) {
       setDataIndex(value);
-    }
+    },
+    placeholder: t('Select Field')
   }), /*#__PURE__*/React.createElement(Select, {
     value: operator === null || operator === void 0 ? void 0 : operator.value,
     options: compile(operators),
     onChange: function onChange(value) {
       setOperator(value);
     },
-    style: {
-      minWidth: 100
-    }
+    placeholder: t('Comparison')
   }), !(operator === null || operator === void 0 ? void 0 : operator.noValue) && /*#__PURE__*/React.createElement(DynamicComponent, {
     value: value,
     schema: schema,

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

@@ -14,6 +14,7 @@ import { useField, useFieldSchema } from '@formily/react';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCompile, useDesignable } from '../..';
+import { useFormBlockContext } from '../../../block-provider';
 import { useCollection, useCollectionManager } from '../../../collection-manager';
 import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
 import { BlockItem } from '../block-item';
@@ -23,7 +24,7 @@ export var FormItem = function FormItem(props) {
   return /*#__PURE__*/React.createElement(BlockItem, {
     className: 'nb-form-item'
   }, /*#__PURE__*/React.createElement(Item, _objectSpread(_objectSpread({
-    className: "".concat(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["& .ant-space{\n        flex-wrap:wrap;\n      }"]))))
+    className: "".concat(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          & .ant-space {\n            flex-wrap: wrap;\n          }\n        "]))))
   }, props), {}, {
     extra: field.description ? /*#__PURE__*/React.createElement("div", {
       dangerouslySetInnerHTML: {
@@ -42,6 +43,9 @@ FormItem.Designer = function () {
   var _useCollection = useCollection(),
       getField = _useCollection.getField;
 
+  var _useFormBlockContext = useFormBlockContext(),
+      form = _useFormBlockContext.form;
+
   var field = useField();
   var fieldSchema = useFieldSchema();
 
@@ -74,7 +78,18 @@ FormItem.Designer = function () {
       label: compile(field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title) || (field === null || field === void 0 ? void 0 : field.name)
     };
   });
+  var readOnlyMode = 'editable';
+
+  if (fieldSchema['x-disabled'] === true) {
+    readOnlyMode = 'readonly';
+  }
+
+  if (fieldSchema['x-read-pretty'] === true) {
+    readOnlyMode = 'read-pretty';
+  }
+
   return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, null, collectionField && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    key: "edit-field-title",
     title: t('Edit field title'),
     schema: {
       type: 'object',
@@ -107,6 +122,7 @@ FormItem.Designer = function () {
       dn.refresh();
     }
   }), !field.readPretty && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    key: "edit-description",
     title: t('Edit description'),
     schema: {
       type: 'object',
@@ -134,6 +150,7 @@ FormItem.Designer = function () {
       dn.refresh();
     }
   }), field.readPretty && /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    key: "edit-tooltip",
     title: t('Edit tooltip'),
     schema: {
       type: 'object',
@@ -161,6 +178,7 @@ FormItem.Designer = function () {
       dn.refresh();
     }
   }), !field.readPretty && /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
+    key: "required",
     title: t('Required'),
     checked: field.required,
     onChange: function onChange(required) {
@@ -174,7 +192,67 @@ FormItem.Designer = function () {
       });
       refresh();
     }
+  }), 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, {
+    key: "pattern",
+    title: t('Pattern'),
+    options: [{
+      label: t('Editable'),
+      value: 'editable'
+    }, {
+      label: t('Readonly'),
+      value: 'readonly'
+    }, {
+      label: t('Easy-reading'),
+      value: 'read-pretty'
+    }],
+    value: readOnlyMode,
+    onChange: function onChange(v) {
+      console.log('v', v);
+
+      var schema = _defineProperty({}, 'x-uid', fieldSchema['x-uid']);
+
+      switch (v) {
+        case 'readonly':
+          {
+            fieldSchema['x-read-pretty'] = false;
+            fieldSchema['x-disabled'] = true;
+            schema['x-read-pretty'] = false;
+            schema['x-disabled'] = true;
+            field.readPretty = false;
+            field.disabled = true;
+            break;
+          }
+
+        case 'read-pretty':
+          {
+            fieldSchema['x-read-pretty'] = true;
+            fieldSchema['x-disabled'] = false;
+            schema['x-read-pretty'] = true;
+            schema['x-disabled'] = false;
+            field.readPretty = true; // field.disabled = true;
+
+            break;
+          }
+
+        default:
+          {
+            fieldSchema['x-read-pretty'] = false;
+            fieldSchema['x-disabled'] = false;
+            schema['x-read-pretty'] = false;
+            schema['x-disabled'] = false;
+            field.readPretty = false;
+            field.disabled = false;
+            break;
+          }
+      }
+
+      dn.emit('patch', {
+        schema: schema
+      });
+      dn.refresh();
+    }
   }), (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) && /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    key: "title-field",
     title: t('Title field'),
     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,
@@ -197,6 +275,7 @@ FormItem.Designer = function () {
       dn.refresh();
     }
   }), collectionField && /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
+    key: "remove",
     removeParentsIfNoChildren: true,
     confirm: {
       title: t('Delete field')

package/es/schema-component/antd/form-v2/Form.Designer.js

@@ -17,6 +17,8 @@ import { useSchemaTemplate } from '../../../schema-templates';
 import { useDesignable } from '../../hooks';
 import { useActionContext } from '../action';
 export var FormDesigner = function FormDesigner() {
+  var _fieldSchema$xDecora;
+
   var _useCollection = useCollection(),
       name = _useCollection.name,
       title = _useCollection.title;
@@ -35,12 +37,14 @@ export var FormDesigner = function FormDesigner() {
   var _useActionContext = useActionContext(),
       visible = _useActionContext.visible;
 
+  var defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : _fieldSchema$xDecora.resource;
   return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, {
     template: template,
     title: title || name
-  }, /*#__PURE__*/React.createElement(SchemaSettings.FormItemTemplate, {
+  }, /*#__PURE__*/React.createElement(SchemaSettings.BlockTitleItem, null), /*#__PURE__*/React.createElement(SchemaSettings.FormItemTemplate, {
     componentName: 'FormItem',
-    collectionName: name
+    collectionName: name,
+    resourceName: defaultResource
   }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
     removeParentsIfNoChildren: true,
     breakRemoveOn: {
@@ -49,18 +53,23 @@ export var FormDesigner = function FormDesigner() {
   }));
 };
 export var ReadPrettyFormDesigner = function ReadPrettyFormDesigner() {
+  var _fieldSchema$xDecora2;
+
   var _useCollection2 = useCollection(),
       name = _useCollection2.name,
       title = _useCollection2.title;
 
   var template = useSchemaTemplate();
+  var fieldSchema = useFieldSchema();
+  var defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : _fieldSchema$xDecora2.resource;
   return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, {
     template: template,
     title: title || name
-  }, /*#__PURE__*/React.createElement(SchemaSettings.FormItemTemplate, {
+  }, /*#__PURE__*/React.createElement(SchemaSettings.BlockTitleItem, null), /*#__PURE__*/React.createElement(SchemaSettings.FormItemTemplate, {
     insertAdjacentPosition: 'beforeEnd',
     componentName: 'ReadPrettyFormItem',
-    collectionName: name
+    collectionName: name,
+    resourceName: defaultResource
   }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
     removeParentsIfNoChildren: true,
     breakRemoveOn: {
@@ -69,7 +78,7 @@ export var ReadPrettyFormDesigner = function ReadPrettyFormDesigner() {
   }));
 };
 export var DetailsDesigner = function DetailsDesigner() {
-  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3;
+  var _fieldSchema$xDecora3, _fieldSchema$xDecora4, _fieldSchema$xDecora5, _fieldSchema$xDecora6, _fieldSchema$xDecora7;
 
   var _useCollection3 = useCollection(),
       name = _useCollection3.name,
@@ -91,8 +100,9 @@ export var DetailsDesigner = function DetailsDesigner() {
       dn = _useDesignable2.dn;
 
   var sortFields = useSortFields(name);
-  var defaultFilter = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : (_fieldSchema$xDecora$ = _fieldSchema$xDecora.params) === null || _fieldSchema$xDecora$ === void 0 ? void 0 : _fieldSchema$xDecora$.filter) || {};
-  var defaultSort = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : (_fieldSchema$xDecora3 = _fieldSchema$xDecora2.params) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : _fieldSchema$xDecora3.sort) || [];
+  var defaultFilter = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora3 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : (_fieldSchema$xDecora4 = _fieldSchema$xDecora3.params) === null || _fieldSchema$xDecora4 === void 0 ? void 0 : _fieldSchema$xDecora4.filter) || {};
+  var defaultSort = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora5 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora5 === void 0 ? void 0 : (_fieldSchema$xDecora6 = _fieldSchema$xDecora5.params) === null || _fieldSchema$xDecora6 === void 0 ? void 0 : _fieldSchema$xDecora6.sort) || [];
+  var defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora7 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora7 === void 0 ? void 0 : _fieldSchema$xDecora7.resource;
   var sort = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.map(function (item) {
     return item.startsWith('-') ? {
       field: item.substring(1),
@@ -105,7 +115,7 @@ export var DetailsDesigner = function DetailsDesigner() {
   return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, {
     template: template,
     title: title || name
-  }, /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+  }, /*#__PURE__*/React.createElement(SchemaSettings.BlockTitleItem, null), /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
     title: t('Set the data scope'),
     schema: {
       type: 'object',
@@ -226,7 +236,8 @@ export var DetailsDesigner = function DetailsDesigner() {
     }
   }), /*#__PURE__*/React.createElement(SchemaSettings.Template, {
     componentName: 'Details',
-    collectionName: name
+    collectionName: name,
+    resourceName: defaultResource
   }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
     removeParentsIfNoChildren: true,
     breakRemoveOn: {

package/es/schema-component/antd/form-v2/Form.js

@@ -15,7 +15,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { FormLayout } from '@formily/antd';
 import { createForm, onFormInputChange } from '@formily/core';
 import { FieldContext, FormContext, observer, RecursionField, useField, useFieldSchema } from '@formily/react';
-import { uid } from '@nocobase/utils';
+import { uid } from '@formily/shared';
 import { Spin } from 'antd';
 import React, { useEffect, useMemo } from 'react';
 import { useActionContext } from '..';
@@ -108,7 +108,7 @@ var WithoutForm = function WithoutForm(props) {
     return createForm({
       effects: function effects() {
         onFormInputChange(function (form) {
-          setFormValueChanged(true);
+          setFormValueChanged === null || setFormValueChanged === void 0 ? void 0 : setFormValueChanged(true);
         });
       }
     });

package/es/schema-component/antd/formula-input/Compute.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Compute: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;
+export default Compute;

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

@@ -0,0 +1,55 @@
+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 { onFormValuesChange } from '@formily/core';
+import { connect, mapReadPretty, useFieldSchema, useFormEffects } from '@formily/react';
+import { InputNumber } from 'antd';
+import _ from 'lodash';
+import * as math from 'mathjs';
+import React from 'react';
+import { useCollection } from '../../../collection-manager/hooks';
+import { ReadPretty } from '../input-number/ReadPretty';
+
+var AntdCompute = function AntdCompute(props) {
+  var onChange = props.onChange,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var _useCollection = useCollection(),
+      getField = _useCollection.getField;
+
+  var fieldSchema = useFieldSchema();
+  var options = getField(fieldSchema.name);
+  var expression = options.expression;
+  useFormEffects(function () {
+    onFormValuesChange(function (form) {
+      var scope = _.cloneDeep(form.values);
+
+      var result;
+
+      try {
+        result = math.evaluate(expression, scope);
+        result = math.round(result, 9);
+      } catch (_unused) {}
+
+      if (onChange) {
+        onChange(result);
+      }
+    });
+  });
+  return /*#__PURE__*/React.createElement(InputNumber, _objectSpread(_objectSpread({}, others), {}, {
+    readOnly: true,
+    stringMode: true
+  }));
+};
+
+export var Compute = connect(AntdCompute, mapReadPretty(ReadPretty));
+export default Compute;

package/es/schema-component/antd/formula-input/FormulaInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FormulaInput: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;
+export default FormulaInput;