@nocobase/client 0.9.1-alpha.2 → 0.9.2-alpha.1

package/lib/schema-settings/GeneralSchemaDesigner.js

@@ -1,62 +1,42 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GeneralSchemaDesigner = void 0;
-
 var _icons = require("@ant-design/icons");
-
 var _css = require("@emotion/css");
-
 var _react = require("@formily/react");
-
 var _antd = require("antd");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _reactI18next = require("react-i18next");
-
 var _schemaComponent = require("../schema-component");
-
 var _utils = require("../schema-initializer/utils");
-
 var _SchemaSettings = require("./SchemaSettings");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var titleCss = (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  pointer-events: none;\n  position: absolute;\n  font-size: 12px;\n  /* background: #f18b62;\n  color: #fff; */\n  padding: 0;\n  line-height: 16px;\n  height: 16px;\n  border-bottom-right-radius: 2px;\n  border-radius: 2px;\n  top: 2px;\n  left: 2px;\n  .title-tag {\n    padding: 0 3px;\n    border-radius: 2px;\n    background: #f18b62;\n    color: #fff;\n    display: block;\n  }\n"])));
-
 var GeneralSchemaDesigner = function GeneralSchemaDesigner(props) {
   var _ctx$renderSchemaInit, _rowCtx$cols;
-
   var disableInitializer = props.disableInitializer,
-      title = props.title,
-      template = props.template,
-      _props$draggable = props.draggable,
-      draggable = _props$draggable === void 0 ? true : _props$draggable;
-
+    title = props.title,
+    template = props.template,
+    _props$draggable = props.draggable,
+    draggable = _props$draggable === void 0 ? true : _props$draggable;
   var _useDesignable = (0, _schemaComponent.useDesignable)(),
-      dn = _useDesignable.dn,
-      designable = _useDesignable.designable;
-
+    dn = _useDesignable.dn,
+    designable = _useDesignable.designable;
   var field = (0, _react.useField)();
-
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   var fieldSchema = (0, _react.useFieldSchema)();
   var compile = (0, _schemaComponent.useCompile)();
   var schemaSettingsProps = {
@@ -64,11 +44,9 @@ var GeneralSchemaDesigner = function GeneralSchemaDesigner(props) {
     field: field,
     fieldSchema: fieldSchema
   };
-
   if (!designable) {
     return null;
   }
-
   var rowCtx = (0, _schemaComponent.useGridRowContext)();
   var ctx = (0, _schemaComponent.useGridContext)();
   var templateName = ['FormItem', 'ReadPrettyFormItem'].includes(template === null || template === void 0 ? void 0 : template.componentName) ? "".concat(template === null || template === void 0 ? void 0 : template.name, " ").concat(t('(Fields only)')) : template === null || template === void 0 ? void 0 : template.name;
@@ -105,5 +83,4 @@ var GeneralSchemaDesigner = function GeneralSchemaDesigner(props) {
     })
   }, schemaSettingsProps), props.children))));
 };
-
 exports.GeneralSchemaDesigner = GeneralSchemaDesigner;

package/lib/schema-settings/LinkageRules/DynamicComponent.js

@@ -1,89 +1,28 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DynamicComponent = void 0;
-
-var _css = require("@emotion/css");
-
 var _core = require("@formily/core");
-
 var _react = require("@formily/react");
-
 var _shared = require("@formily/shared");
-
-var _antd = require("antd");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _core2 = require("../../schema-component/core");
-
 var _hooks = require("../../schema-component/hooks");
-
 var _context = require("./context");
-
-var _useFilterActionProps = require("../../schema-component/antd/filter/useFilterActionProps");
-
-var _templateObject;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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) } })); }
-
-var VariableCascader = (0, _react.connect)(function (props) {
-  var fields = (0, _useFilterActionProps.useFilterOptions)('users');
-  var compile = (0, _hooks.useCompile)();
-  var value = props.value,
-      _onChange = props.onChange;
-  return /*#__PURE__*/_react2.default.createElement(_antd.Cascader, {
-    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: 160px;\n      "]))),
-    value: value ? value.split('.') : [],
-    fieldNames: {
-      label: 'title',
-      value: 'name',
-      children: 'children'
-    },
-    onChange: function onChange(value) {
-      _onChange(value ? value.join('.') : null);
-    },
-    options: compile([{
-      title: '{{t("Current user")}}',
-      name: 'currentUser',
-      children: fields.filter(function (field) {
-        if (!field.target) {
-          return true;
-        }
-
-        return field.type === 'belongsTo';
-      }).map(function (field) {
-        if (field.children) {
-          field.children = field.children.filter(function (child) {
-            return !child.target;
-          });
-        }
-
-        return field;
-      })
-    }])
-  });
-});
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var DynamicComponent = function DynamicComponent(props) {
   var _ref = (0, _react2.useContext)(_context.FilterContext) || {},
-      dynamicComponent = _ref.dynamicComponent,
-      disabled = _ref.disabled;
-
+    dynamicComponent = _ref.dynamicComponent,
+    disabled = _ref.disabled;
   var component = (0, _hooks.useComponent)(dynamicComponent);
   var form = (0, _react2.useMemo)(function () {
     return (0, _core.createForm)({
@@ -94,16 +33,13 @@ var DynamicComponent = function DynamicComponent(props) {
       effects: function effects() {
         (0, _core.onFieldValueChange)('value', function (field) {
           var _props$onChange;
-
           props === null || props === void 0 ? void 0 : (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, field.value);
         });
       }
     });
   }, [JSON.stringify(props.schema), JSON.stringify(props.value)]);
-
   var renderSchemaComponent = function renderSchemaComponent() {
     var _props$schema;
-
     return /*#__PURE__*/_react2.default.createElement(_react.FieldContext.Provider, {
       value: null
     }, /*#__PURE__*/_react2.default.createElement(_core2.SchemaComponent, {
@@ -120,13 +56,9 @@ var DynamicComponent = function DynamicComponent(props) {
         'x-read-pretty': false,
         'x-validator': undefined,
         'x-decorator': undefined
-      }),
-      components: {
-        VariableCascader: VariableCascader
-      }
+      })
     }));
   };
-
   return /*#__PURE__*/_react2.default.createElement(_react.FormContext.Provider, {
     value: form
   }, component ? /*#__PURE__*/_react2.default.createElement(component, {
@@ -135,5 +67,4 @@ var DynamicComponent = function DynamicComponent(props) {
     renderSchemaComponent: renderSchemaComponent
   }) : renderSchemaComponent());
 };
-
 exports.DynamicComponent = DynamicComponent;

package/lib/schema-settings/LinkageRules/FilterDynamicComponent.js

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FilterDynamicComponent = FilterDynamicComponent;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _schemaComponent = require("../../schema-component");
-
 var _Variables = require("./Variables");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function FilterDynamicComponent(props) {
   var value = props.value,
-      onChange = props.onChange,
-      renderSchemaComponent = props.renderSchemaComponent,
-      collectionName = props.collectionName;
+    onChange = props.onChange,
+    renderSchemaComponent = props.renderSchemaComponent,
+    collectionName = props.collectionName;
   var scope = (0, _Variables.useVariableOptions)(collectionName);
   return /*#__PURE__*/_react.default.createElement(_schemaComponent.Variable.Input, {
     value: value,

package/lib/schema-settings/LinkageRules/LinkageRuleAction.js

@@ -1,87 +1,62 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormFieldLinkageRuleAction = exports.FormButtonLinkageRuleAction = void 0;
-
 var _icons = require("@ant-design/icons");
-
 var _css = require("@emotion/css");
-
 var _react = require("@formily/react");
-
 var _antd = require("@formily/antd");
-
 var _antd2 = require("antd");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _reactI18next = require("react-i18next");
-
+var _shared = require("@formily/shared");
 var _ = require("../..");
-
 var _context = require("./context");
-
 var _DynamicComponent = require("./DynamicComponent");
-
 var _useValues3 = require("./useValues");
-
 var _type = require("./type");
-
 var _ValueDynamicComponent = require("./ValueDynamicComponent");
-
-var _templateObject, _templateObject2, _templateObject3;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var FormFieldLinkageRuleAction = (0, _react.observer)(function (props) {
   var value = props.value,
-      options = props.options,
-      collectionName = props.collectionName;
-
+    options = props.options,
+    collectionName = props.collectionName;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   var compile = (0, _.useCompile)();
   var remove = (0, _react2.useContext)(_context.RemoveActionContext);
-
   var _useValues = (0, _useValues3.useValues)(options),
-      schema = _useValues.schema,
-      fields = _useValues.fields,
-      operator = _useValues.operator,
-      setDataIndex = _useValues.setDataIndex,
-      setOperator = _useValues.setOperator,
-      setValue = _useValues.setValue,
-      fieldValue = _useValues.value,
-      operators = _useValues.operators;
-
-  return /*#__PURE__*/_react2.default.createElement("div", {
+    schema = _useValues.schema,
+    fields = _useValues.fields,
+    operator = _useValues.operator,
+    setDataIndex = _useValues.setDataIndex,
+    setOperator = _useValues.setOperator,
+    setValue = _useValues.setValue,
+    fieldValue = _useValues.value,
+    operators = _useValues.operators;
+  return /*#__PURE__*/_react2.default.createElement(_context.LinkageLogicContext.Provider, {
+    value: (0, _shared.uid)()
+  }, /*#__PURE__*/_react2.default.createElement("div", {
     style: {
       marginBottom: 8
-    }
+    },
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          .ant-space {\n            display: inline-block;\n          }\n        "])))
   }, /*#__PURE__*/_react2.default.createElement(_antd2.Space, {
-    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          .ant-space-item {\n            max-width: 95%;\n          }\n        "])))
+    className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            .ant-space {\n              display: inline-block;\n            }\n            .ant-space-item {\n              max-width: 95%;\n              display: inline-block;\n              margin: 2px;\n              vertical-align: top;\n            }\n          "])))
   }, /*#__PURE__*/_react2.default.createElement(_antd.TreeSelect, {
-    className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            min-width: 160px;\n          "]))),
+    className: (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              min-width: 160px;\n            "]))),
     fieldNames: {
       label: 'title',
       value: 'name',
@@ -93,13 +68,12 @@ var FormFieldLinkageRuleAction = (0, _react.observer)(function (props) {
     allowClear: true,
     treeData: compile(fields),
     onChange: function onChange(value) {
-      console.log(value);
       setDataIndex(value);
     },
     placeholder: t('Select Field')
   }), /*#__PURE__*/_react2.default.createElement(_antd2.Select, {
     value: operator,
-    className: (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            min-width: 120px;\n          "]))),
+    className: (0, _css.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n              min-width: 120px;\n            "]))),
     options: compile(operators),
     onChange: function onChange(value) {
       setOperator(value);
@@ -117,31 +91,25 @@ var FormFieldLinkageRuleAction = (0, _react.observer)(function (props) {
     style: {
       color: '#bfbfbf'
     }
-  }))));
+  })))));
 });
 exports.FormFieldLinkageRuleAction = FormFieldLinkageRuleAction;
 var FormButtonLinkageRuleAction = (0, _react.observer)(function (props) {
   var value = props.value,
-      options = props.options;
-
+    options = props.options;
   var _useTranslation2 = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation2.t;
-
+    t = _useTranslation2.t;
   var compile = (0, _.useCompile)();
-
   var _useState = (0, _react2.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      editFalg = _useState2[0],
-      setEditFlag = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    editFalg = _useState2[0],
+    setEditFlag = _useState2[1];
   var remove = (0, _react2.useContext)(_context.RemoveActionContext);
-
   var _useValues2 = (0, _useValues3.useValues)(options),
-      schema = _useValues2.schema,
-      operator = _useValues2.operator,
-      setOperator = _useValues2.setOperator,
-      setValue = _useValues2.setValue;
-
+    schema = _useValues2.schema,
+    operator = _useValues2.operator,
+    setOperator = _useValues2.setOperator,
+    setValue = _useValues2.setValue;
   var operators = [{
     label: t('Visible'),
     value: _type.ActionType.Visible,

package/lib/schema-settings/LinkageRules/LinkageRuleActionGroup.js

@@ -4,32 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LinkageRuleActions = exports.LinkageRuleActionGroup = void 0;
-
 var _react = require("@formily/react");
-
 var _antd = require("antd");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _reactI18next = require("react-i18next");
-
 var _context = require("./context");
-
 var _LinkageRuleAction = require("./LinkageRuleAction");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var LinkageRuleActions = (0, _react.observer)(function (props) {
   var _field$value;
-
   var type = props.type,
-      linkageOptions = props.linkageOptions;
+    linkageOptions = props.linkageOptions;
   var field = (0, _react.useField)();
   return field === null || field === void 0 ? void 0 : (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.map(function (item, index) {
     return /*#__PURE__*/_react2.default.createElement(_context.RemoveActionContext.Provider, {
@@ -46,19 +37,15 @@ var LinkageRuleActions = (0, _react.observer)(function (props) {
   });
 });
 exports.LinkageRuleActions = LinkageRuleActions;
-
 var LinkageRuleActionGroup = function LinkageRuleActionGroup(props) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   var field = (0, _react.useField)();
   var logic = 'actions';
-
   var _props$useProps = props === null || props === void 0 ? void 0 : props.useProps(),
-      type = _props$useProps.type,
-      linkageOptions = _props$useProps.linkageOptions,
-      collectionName = _props$useProps.collectionName;
-
+    type = _props$useProps.type,
+    linkageOptions = _props$useProps.linkageOptions,
+    collectionName = _props$useProps.collectionName;
   return /*#__PURE__*/_react2.default.createElement("div", {
     style: {
       marginLeft: 10
@@ -86,5 +73,4 @@ var LinkageRuleActionGroup = function LinkageRuleActionGroup(props) {
     }
   }, t('Add property'))));
 };
-
 exports.LinkageRuleActionGroup = LinkageRuleActionGroup;

package/lib/schema-settings/LinkageRules/ValueDynamicComponent.js

@@ -1,80 +1,63 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ValueDynamicComponent = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _antd = require("antd");
-
 var _reactI18next = require("react-i18next");
-
 var _DynamicComponent = require("./DynamicComponent");
-
 var _schemaComponent = require(".././../schema-component");
-
 var _Variables = require("./Variables");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var Option = _antd.Select.Option;
-
 var ValueDynamicComponent = function ValueDynamicComponent(props) {
   var fieldValue = props.fieldValue,
-      schema = props.schema,
-      setValue = props.setValue,
-      collectionName = props.collectionName;
-
+    schema = props.schema,
+    setValue = props.setValue,
+    collectionName = props.collectionName;
   var _useState = (0, _react.useState)((fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.mode) || 'constant'),
-      _useState2 = _slicedToArray(_useState, 2),
-      mode = _useState2[0],
-      setMode = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    mode = _useState2[0],
+    setMode = _useState2[1];
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   var scope = (0, _Variables.useVariableOptions)(collectionName);
   return /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
-    compact: true,
-    style: {
-      minWidth: 280
-    }
+    compact: true
   }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
     value: mode,
     style: {
       width: 150
     },
     onChange: function onChange(value) {
-      return setMode(value);
+      setMode(value);
+      setValue({
+        mode: value
+      });
     }
   }, /*#__PURE__*/_react.default.createElement(Option, {
     value: "constant"
   }, t('Constant value')), /*#__PURE__*/_react.default.createElement(Option, {
     value: "express"
-  }, t('Expression'))), /*#__PURE__*/_react.default.createElement("div", {
+  }, t('Expression')), /*#__PURE__*/_react.default.createElement(Option, {
+    value: "empty"
+  }, t('Empty'))), mode === 'constant' ? /*#__PURE__*/_react.default.createElement("div", {
     style: {
       minWidth: 150,
-      maxWidth: 430
+      maxWidth: 430,
+      marginLeft: 5
     }
-  }, mode === 'constant' ? /*#__PURE__*/_react.default.createElement(_DynamicComponent.DynamicComponent, {
+  }, /*#__PURE__*/_react.default.createElement(_DynamicComponent.DynamicComponent, {
     value: (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.value) || fieldValue,
     schema: schema,
     onChange: function onChange(value) {
@@ -83,7 +66,13 @@ var ValueDynamicComponent = function ValueDynamicComponent(props) {
         value: value
       });
     }
-  }) : /*#__PURE__*/_react.default.createElement(_schemaComponent.Variable.TextArea, {
+  })) : mode === 'express' ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      minWidth: 150,
+      maxWidth: 430,
+      fontSize: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_schemaComponent.Variable.TextArea, {
     value: fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.value,
     onChange: function onChange(value) {
       var result = value.replaceAll("".concat(collectionName, "."), '').replaceAll('$system.', '').trim();
@@ -98,7 +87,14 @@ var ValueDynamicComponent = function ValueDynamicComponent(props) {
       minWidth: 460,
       marginRight: 15
     }
-  })));
+  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      marginLeft: '.25em'
+    },
+    className: 'ant-formily-item-extra'
+  }, t('Syntax references'), ":"), /*#__PURE__*/_react.default.createElement("a", {
+    href: "https://formulajs.info/functions/",
+    target: "_blank"
+  }, "Formula.js"))) : null);
 };
-
 exports.ValueDynamicComponent = ValueDynamicComponent;