@nocobase/client 0.9.0-alpha.2 → 0.9.1-alpha.2

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

@@ -0,0 +1,139 @@
+"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 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;
+      })
+    }])
+  });
+});
+
+var DynamicComponent = function DynamicComponent(props) {
+  var _ref = (0, _react2.useContext)(_context.FilterContext) || {},
+      dynamicComponent = _ref.dynamicComponent,
+      disabled = _ref.disabled;
+
+  var component = (0, _hooks.useComponent)(dynamicComponent);
+  var form = (0, _react2.useMemo)(function () {
+    return (0, _core.createForm)({
+      values: {
+        value: props.value
+      },
+      disabled: disabled,
+      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, {
+      schema: _objectSpread(_objectSpread({
+        'x-component': 'Input'
+      }, props.schema), {}, {
+        'x-component-props': (0, _shared.merge)((props === null || props === void 0 ? void 0 : (_props$schema = props.schema) === null || _props$schema === void 0 ? void 0 : _props$schema['x-component-props']) || {}, {
+          style: {
+            minWidth: 150,
+            width: '100%'
+          }
+        }),
+        name: 'value',
+        '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, {
+    value: props.value,
+    onChange: props === null || props === void 0 ? void 0 : props.onChange,
+    renderSchemaComponent: renderSchemaComponent
+  }) : renderSchemaComponent());
+};
+
+exports.DynamicComponent = DynamicComponent;

package/lib/schema-settings/LinkageRules/FilterDynamicComponent.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function FilterDynamicComponent(props: any): JSX.Element;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+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;
+  var scope = (0, _Variables.useVariableOptions)(collectionName);
+  return /*#__PURE__*/_react.default.createElement(_schemaComponent.Variable.Input, {
+    value: value,
+    onChange: onChange,
+    scope: scope
+  }, renderSchemaComponent());
+}

package/lib/schema-settings/LinkageRules/LinkageRuleAction.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const FormFieldLinkageRuleAction: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;
+export declare const FormButtonLinkageRuleAction: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;

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

@@ -0,0 +1,190 @@
+"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 _ = 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;
+
+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 _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;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      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", {
+    style: {
+      marginBottom: 8
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_antd2.Space, {
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          .ant-space-item {\n            max-width: 95%;\n          }\n        "])))
+  }, /*#__PURE__*/_react2.default.createElement(_antd.TreeSelect, {
+    className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            min-width: 160px;\n          "]))),
+    fieldNames: {
+      label: 'title',
+      value: 'name',
+      children: 'children'
+    },
+    treeCheckable: true,
+    value: value === null || value === void 0 ? void 0 : value.targetFields,
+    multiple: true,
+    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          "]))),
+    options: compile(operators),
+    onChange: function onChange(value) {
+      setOperator(value);
+    },
+    placeholder: t('action')
+  }), [_type.ActionType.Value].includes(operator) && /*#__PURE__*/_react2.default.createElement(_ValueDynamicComponent.ValueDynamicComponent, {
+    fieldValue: fieldValue,
+    schema: schema,
+    setValue: setValue,
+    collectionName: collectionName
+  }), !props.disabled && /*#__PURE__*/_react2.default.createElement("a", null, /*#__PURE__*/_react2.default.createElement(_icons.CloseCircleOutlined, {
+    onClick: function onClick() {
+      return remove();
+    },
+    style: {
+      color: '#bfbfbf'
+    }
+  }))));
+});
+exports.FormFieldLinkageRuleAction = FormFieldLinkageRuleAction;
+var FormButtonLinkageRuleAction = (0, _react.observer)(function (props) {
+  var value = props.value,
+      options = props.options;
+
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation2.t;
+
+  var compile = (0, _.useCompile)();
+
+  var _useState = (0, _react2.useState)(false),
+      _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;
+
+  var operators = [{
+    label: t('Visible'),
+    value: _type.ActionType.Visible,
+    schema: {}
+  }, {
+    label: t('Hidden'),
+    value: _type.ActionType.Hidden,
+    schema: {}
+  }, {
+    label: t('Disabled'),
+    value: _type.ActionType.Disabled,
+    schema: {}
+  }, {
+    label: t('Enabled'),
+    value: _type.ActionType.Active,
+    schema: {}
+  }];
+  return /*#__PURE__*/_react2.default.createElement("div", {
+    style: {
+      marginBottom: 8
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_antd2.Space, null, /*#__PURE__*/_react2.default.createElement(_antd2.Select, {
+    value: operator,
+    options: compile(operators),
+    onChange: function onChange(value) {
+      var flag = [_type.ActionType.Value].includes(value);
+      setEditFlag(flag);
+      setOperator(value);
+    },
+    placeholder: t('action')
+  }), editFalg && /*#__PURE__*/_react2.default.createElement(_DynamicComponent.DynamicComponent, {
+    value: value,
+    schema: schema,
+    onChange: function onChange(value) {
+      setValue(value);
+    }
+  }), !props.disabled && /*#__PURE__*/_react2.default.createElement("a", null, /*#__PURE__*/_react2.default.createElement(_icons.CloseCircleOutlined, {
+    onClick: function onClick() {
+      return remove();
+    },
+    style: {
+      color: '#bfbfbf'
+    }
+  }))));
+});
+exports.FormButtonLinkageRuleAction = FormButtonLinkageRuleAction;

package/lib/schema-settings/LinkageRules/LinkageRuleActionGroup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const LinkageRuleActions: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;
+export declare const LinkageRuleActionGroup: (props: any) => JSX.Element;

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

@@ -0,0 +1,90 @@
+"use strict";
+
+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 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; }
+
+var LinkageRuleActions = (0, _react.observer)(function (props) {
+  var _field$value;
+
+  var type = props.type,
+      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, {
+      key: index,
+      value: function value() {
+        return field.remove(index);
+      }
+    }, /*#__PURE__*/_react2.default.createElement(_react.ObjectField, {
+      name: index,
+      component: [type === 'button' ? _LinkageRuleAction.FormButtonLinkageRuleAction : _LinkageRuleAction.FormFieldLinkageRuleAction, _objectSpread(_objectSpread({}, props), {}, {
+        options: linkageOptions
+      })]
+    }));
+  });
+});
+exports.LinkageRuleActions = LinkageRuleActions;
+
+var LinkageRuleActionGroup = function LinkageRuleActionGroup(props) {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      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;
+
+  return /*#__PURE__*/_react2.default.createElement("div", {
+    style: {
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_react.ArrayField, {
+    name: logic,
+    component: [LinkageRuleActions, {
+      type: type,
+      linkageOptions: linkageOptions,
+      collectionName: collectionName
+    }],
+    disabled: false
+  }), /*#__PURE__*/_react2.default.createElement(_antd.Space, {
+    size: 16,
+    style: {
+      marginTop: 8,
+      marginBottom: 8
+    }
+  }, /*#__PURE__*/_react2.default.createElement("a", {
+    onClick: function onClick() {
+      var f = field.query('.actions').take();
+      var items = f.value || [];
+      items.push({});
+      f.value = items;
+    }
+  }, t('Add property'))));
+};
+
+exports.LinkageRuleActionGroup = LinkageRuleActionGroup;

package/lib/schema-settings/LinkageRules/ValueDynamicComponent.d.ts

@@ -0,0 +1 @@
+export declare const ValueDynamicComponent: (props: any) => JSX.Element;

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

@@ -0,0 +1,104 @@
+"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 _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;
+
+  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];
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var scope = (0, _Variables.useVariableOptions)(collectionName);
+  return /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
+    compact: true,
+    style: {
+      minWidth: 280
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: mode,
+    style: {
+      width: 150
+    },
+    onChange: function onChange(value) {
+      return setMode(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", {
+    style: {
+      minWidth: 150,
+      maxWidth: 430
+    }
+  }, mode === 'constant' ? /*#__PURE__*/_react.default.createElement(_DynamicComponent.DynamicComponent, {
+    value: (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.value) || fieldValue,
+    schema: schema,
+    onChange: function onChange(value) {
+      setValue({
+        mode: mode,
+        value: value
+      });
+    }
+  }) : /*#__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();
+      setValue({
+        mode: mode,
+        value: value,
+        result: result
+      });
+    },
+    scope: scope,
+    style: {
+      minWidth: 460,
+      marginRight: 15
+    }
+  })));
+};
+
+exports.ValueDynamicComponent = ValueDynamicComponent;

package/lib/schema-settings/LinkageRules/Variables.d.ts

@@ -0,0 +1,7 @@
+export declare function useVariableOptions(collectionName: any): {
+    label: any;
+    value: any;
+    key: any;
+    children: any;
+    disabled: boolean;
+}[];