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

package/lib/schema-component/antd/remote-select/RemoteSelect.js

@@ -1,7 +1,5 @@
 "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
 });
@@ -15,34 +13,26 @@ var _react2 = _interopRequireWildcard(require("react"));
 
 var _apiClient = require("../../../api-client");
 
+var _SharedFilterProvider = require("../../../block-provider/SharedFilterProvider");
+
 var _hooks = require("../../hooks");
 
 var _select = require("../select");
 
 var _ReadPretty = require("./ReadPretty");
 
-var _excluded = ["fieldNames", "service", "wait"];
+var _excluded = ["fieldNames", "service", "wait", "value", "objectValue", "manual"];
 
 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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(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 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; }
@@ -54,7 +44,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; }
 
 var InternalRemoteSelect = (0, _react.connect)(function (props) {
-  var _service$params, _service$params2;
+  var _service$params;
 
   var _props$fieldNames = props.fieldNames,
       fieldNames = _props$fieldNames === void 0 ? {} : _props$fieldNames,
@@ -62,9 +52,14 @@ var InternalRemoteSelect = (0, _react.connect)(function (props) {
       service = _props$service === void 0 ? {} : _props$service,
       _props$wait = props.wait,
       wait = _props$wait === void 0 ? 300 : _props$wait,
+      value = props.value,
+      objectValue = props.objectValue,
+      _props$manual = props.manual,
+      manual = _props$manual === void 0 ? true : _props$manual,
       others = _objectWithoutProperties(props, _excluded);
 
   var compile = (0, _hooks.useCompile)();
+  var firstRun = (0, _react2.useRef)(false);
 
   var _useRequest = (0, _apiClient.useRequest)(_objectSpread(_objectSpread({
     action: 'list'
@@ -72,33 +67,43 @@ var InternalRemoteSelect = (0, _react.connect)(function (props) {
     params: _objectSpread(_objectSpread({
       pageSize: 200
     }, service === null || service === void 0 ? void 0 : service.params), {}, {
-      fields: [fieldNames.label, fieldNames.value].concat(_toConsumableArray((service === null || service === void 0 ? void 0 : (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params.fields) || [])),
+      // fields: [fieldNames.label, fieldNames.value, ...(service?.params?.fields || [])],
       // search needs
-      filter: {
-        $and: [service === null || service === void 0 ? void 0 : (_service$params2 = service.params) === null || _service$params2 === void 0 ? void 0 : _service$params2.filter].filter(Boolean)
-      }
+      filter: (0, _SharedFilterProvider.mergeFilter)([service === null || service === void 0 ? void 0 : (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params.filter])
     })
   }), {
-    debounceWait: wait,
-    refreshDeps: [service, fieldNames.label, fieldNames.value]
+    manual: manual,
+    debounceWait: wait
   }),
       data = _useRequest.data,
-      run = _useRequest.run;
+      run = _useRequest.run,
+      loading = _useRequest.loading;
+
+  var runDep = (0, _react2.useMemo)(function () {
+    return JSON.stringify({
+      service: service,
+      fieldNames: fieldNames
+    });
+  }, [service, fieldNames]);
+  (0, _react2.useEffect)(function () {
+    // Lazy load
+    if (firstRun.current) {
+      run();
+    }
+  }, [runDep]);
 
   var onSearch = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(search) {
-      var _service$params3;
+      var _service$params2;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               run({
-                filter: {
-                  $and: [_defineProperty({}, fieldNames.label, {
-                    $includes: search
-                  }), service === null || service === void 0 ? void 0 : (_service$params3 = service.params) === null || _service$params3 === void 0 ? void 0 : _service$params3.filter].filter(Boolean)
-                }
+                filter: (0, _SharedFilterProvider.mergeFilter)([_defineProperty({}, fieldNames.label, {
+                  $includes: search
+                }), service === null || service === void 0 ? void 0 : (_service$params2 = service.params) === null || _service$params2 === void 0 ? void 0 : _service$params2.filter])
               });
 
             case 1:
@@ -114,25 +119,61 @@ var InternalRemoteSelect = (0, _react.connect)(function (props) {
     };
   }();
 
+  var getOptionsByFieldNames = (0, _react2.useCallback)(function (item) {
+    return Object.keys(fieldNames).reduce(function (obj, key) {
+      var value = item[fieldNames[key]];
+
+      if (value) {
+        // support hidden, disabled, etc.
+        obj[['label', 'value', 'options'].includes(key) ? fieldNames[key] : key] = key === 'label' ? compile(value) : value;
+      }
+
+      return obj;
+    }, {});
+  }, [fieldNames]);
+  var normalizeOptions = (0, _react2.useCallback)(function (obj) {
+    var _ref3;
+
+    if (objectValue || _typeof(obj) === 'object') {
+      return getOptionsByFieldNames(obj);
+    }
+
+    return _ref3 = {}, _defineProperty(_ref3, fieldNames.value, obj), _defineProperty(_ref3, fieldNames.label, obj), _ref3;
+  }, [objectValue, getOptionsByFieldNames]);
   var options = (0, _react2.useMemo)(function () {
-    var _data$data;
+    var _data$data, _data$data2;
+
+    if (!(data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.length)) {
+      return value !== undefined && value !== null ? Array.isArray(value) ? value.map(normalizeOptions) : [normalizeOptions(value)] : [];
+    }
+
+    return (data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.map(getOptionsByFieldNames)) || [];
+  }, [data === null || data === void 0 ? void 0 : data.data, getOptionsByFieldNames, normalizeOptions, value]);
+
+  var onDropdownVisibleChange = function onDropdownVisibleChange() {
+    if (firstRun.current) {
+      return;
+    }
+
+    run();
+    firstRun.current = true;
+  };
 
-    return (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, fieldNames.label, compile(item[fieldNames.label])));
-    })) || [];
-  }, [data, fieldNames.label]);
   return /*#__PURE__*/_react2.default.createElement(_select.Select, _objectSpread(_objectSpread({
     autoClearSearchValue: true,
     filterOption: false,
     filterSort: null,
     fieldNames: fieldNames,
-    onSearch: onSearch
+    onSearch: onSearch,
+    onDropdownVisibleChange: onDropdownVisibleChange,
+    objectValue: objectValue,
+    value: value
   }, others), {}, {
+    loading: loading,
     options: options
   }));
 }, (0, _react.mapProps)({
-  dataSource: 'options',
-  loading: true
+  dataSource: 'options'
 }, function (props, field) {
   return _objectSpread(_objectSpread({}, props), {}, {
     fieldNames: _objectSpread(_objectSpread(_objectSpread({}, _select.defaultFieldNames), props.fieldNames), field.componentProps.fieldNames),

package/lib/schema-component/antd/rich-text/RichText.js

@@ -33,12 +33,14 @@ var RichText = (0, _react.connect)(function (props) {
   };
   var formats = ['header', 'bold', 'italic', 'underline', 'strike', 'blockquote', 'list', 'bullet', 'indent', 'link', 'image'];
   var value = props.value,
-      onChange = props.onChange;
+      onChange = props.onChange,
+      disabled = props.disabled;
   return /*#__PURE__*/_react2.default.createElement(_reactQuill.default, {
     modules: modules,
     formats: formats,
     value: typeof value === 'string' ? value : '',
-    onChange: onChange
+    onChange: onChange,
+    readOnly: disabled
   });
 }, (0, _react.mapReadPretty)(function (props) {
   return /*#__PURE__*/_react2.default.createElement(_input.ReadPretty.Html, _objectSpread({}, props));

package/lib/schema-component/antd/select/Select.js

@@ -20,7 +20,7 @@ var _ReadPretty = require("./ReadPretty");
 var _shared2 = require("./shared");
 
 var _excluded = ["value", "options", "onChange", "fieldNames", "mode"],
-    _excluded2 = ["objectValue"];
+    _excluded2 = ["objectValue", "value"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -114,12 +114,22 @@ var filterOption = function filterOption(input, option) {
 
 var InternalSelect = (0, _react.connect)(function (props) {
   var objectValue = props.objectValue,
+      value = props.value,
       others = _objectWithoutProperties(props, _excluded2);
 
   var mode = props.mode || props.multiple ? 'multiple' : undefined;
 
+  var toValue = function toValue(v) {
+    if (['multiple', 'tags'].includes(mode)) {
+      return v || [];
+    }
+
+    return v;
+  };
+
   if (objectValue) {
     return /*#__PURE__*/_react2.default.createElement(ObjectSelect, _objectSpread(_objectSpread({}, others), {}, {
+      value: toValue(value),
       mode: mode
     }));
   }
@@ -127,7 +137,8 @@ var InternalSelect = (0, _react.connect)(function (props) {
   return /*#__PURE__*/_react2.default.createElement(_antd.Select, _objectSpread(_objectSpread({
     showSearch: true,
     filterOption: filterOption,
-    allowClear: true
+    allowClear: true,
+    value: toValue(value)
   }, others), {}, {
     onChange: function onChange(changed) {
       var _props$onChange;
@@ -137,8 +148,7 @@ var InternalSelect = (0, _react.connect)(function (props) {
     mode: mode
   }));
 }, (0, _react.mapProps)({
-  dataSource: 'options',
-  loading: true
+  dataSource: 'options'
 }, function (props, field) {
   return _objectSpread(_objectSpread({}, props), {}, {
     fieldNames: _objectSpread(_objectSpread({}, _shared2.defaultFieldNames), props.fieldNames),

package/lib/schema-component/antd/table/Table.Array.js

@@ -69,6 +69,11 @@ var isColumnComponent = function isColumnComponent(schema) {
   return ((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.endsWith('.Column')) > -1;
 };
 
+var useScope = function useScope(key) {
+  var scope = (0, _react2.useContext)(_react.SchemaExpressionScopeContext);
+  return scope[key] !== false;
+};
+
 var useTableColumns = function useTableColumns() {
   var start = Date.now();
   var field = (0, _react.useField)();
@@ -79,9 +84,11 @@ var useTableColumns = function useTableColumns() {
       render = _useSchemaInitializer.render;
 
   var columns = schema.reduceProperties(function (buf, s) {
-    if (isColumnComponent(s)) {
+    if (isColumnComponent(s) && useScope(s['x-visible'])) {
       return buf.concat([s]);
     }
+
+    return buf;
   }, []).map(function (s) {
     return {
       title: /*#__PURE__*/_react2.default.createElement(_react.RecursionField, {

package/lib/schema-component/antd/table-v2/Table.Column.Designer.js

@@ -51,7 +51,7 @@ var useLabelFields = function useLabelFields(collectionName) {
 };
 
 var TableColumnDesigner = function TableColumnDesigner(props) {
-  var _fieldSchema$xCompon, _uiSchema$xComponent, _collectionField$uiSc, _columnSchema$xCompo;
+  var _fieldSchema$xCompon, _uiSchema$xComponent, _collectionField$targ, _collectionField$uiSc, _columnSchema$xCompo;
 
   var uiSchema = props.uiSchema,
       fieldSchema = props.fieldSchema,
@@ -71,7 +71,7 @@ var TableColumnDesigner = function TableColumnDesigner(props) {
       dn = _useDesignable.dn;
 
   var fieldNames = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xCompon = fieldSchema['x-component-props']) === null || _fieldSchema$xCompon === void 0 ? void 0 : _fieldSchema$xCompon['fieldNames']) || (uiSchema === null || uiSchema === void 0 ? void 0 : (_uiSchema$xComponent = uiSchema['x-component-props']) === null || _uiSchema$xComponent === void 0 ? void 0 : _uiSchema$xComponent['fieldNames']);
-  var options = useLabelFields(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target);
+  var options = useLabelFields((_collectionField$targ = collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) !== null && _collectionField$targ !== void 0 ? _collectionField$targ : collectionField === null || collectionField === void 0 ? void 0 : collectionField.targetCollection);
   var intefaceCfg = getInterface(collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface);
   return /*#__PURE__*/_react2.default.createElement(_schemaSettings.GeneralSchemaDesigner, {
     disableInitializer: true

package/lib/schema-component/antd/table-v2/TableBlockDesigner.js

@@ -50,7 +50,7 @@ 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; }
 
 var TableBlockDesigner = function TableBlockDesigner() {
-  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _fieldSchema$xDecora4, _field$decoratorProps, _field$decoratorProps2;
+  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _fieldSchema$xDecora4, _fieldSchema$xDecora5, _field$decoratorProps, _field$decoratorProps2;
 
   var _useCollection = (0, _collectionManager.useCollection)(),
       name = _useCollection.name,
@@ -75,6 +75,7 @@ var TableBlockDesigner = function TableBlockDesigner() {
   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 defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora4 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora4 === void 0 ? void 0 : _fieldSchema$xDecora4.resource;
+  var supportTemplate = !(fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora5 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora5 === void 0 ? void 0 : _fieldSchema$xDecora5.disableTemplate);
   var sort = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.map(function (item) {
     return item.startsWith('-') ? {
       field: item.substring(1),
@@ -262,7 +263,7 @@ var TableBlockDesigner = function TableBlockDesigner() {
         schema: (_schema4 = {}, _defineProperty(_schema4, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema4, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema4)
       });
     }
-  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Divider, null), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Template, {
+  }), supportTemplate && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Divider, null), supportTemplate && /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Template, {
     componentName: 'Table',
     collectionName: name,
     resourceName: defaultResource

package/lib/schema-component/antd/tabs/Tabs.Designer.js

@@ -32,6 +32,7 @@ var TabsDesigner = function TabsDesigner() {
   return /*#__PURE__*/_react2.default.createElement(_2.GeneralSchemaDesigner, {
     disableInitializer: true
   }, /*#__PURE__*/_react2.default.createElement(_2.SchemaSettings.ModalItem, {
+    key: "edit",
     title: t('Edit'),
     schema: {
       type: 'object',

package/lib/schema-component/antd/tabs/Tabs.js

@@ -38,6 +38,7 @@ var Tabs = (0, _react.observer)(function (props) {
       render = _useSchemaInitializer.render;
 
   return /*#__PURE__*/_react2.default.createElement(_common.DndContext, null, /*#__PURE__*/_react2.default.createElement(_antd.Tabs, {
+    style: props.style,
     tabBarExtraContent: {
       right: render()
     }

package/lib/schema-component/antd/time-picker/TimePicker.js

@@ -20,7 +20,7 @@ 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; }
 
 var mapTimeFormat = function mapTimeFormat() {
-  return function (props) {
+  return function (props, field) {
     var format = props['format'] || 'HH:mm:ss';
     var _onChange = props.onChange;
     return _objectSpread(_objectSpread({}, props), {}, {

package/lib/schema-component/antd/variable/Input.d.ts

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

package/lib/schema-component/antd/variable/Input.js

@@ -0,0 +1,262 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = Input;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@formily/react");
+
+var _antd = require("antd");
+
+var _icons = require("@ant-design/icons");
+
+var _css = require("@emotion/css");
+
+var _reactI18next = require("react-i18next");
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _ = require("../..");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(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 _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); }
+
+var JT_VALUE_RE = /^\s*{{\s*([^{}]+)\s*}}\s*$/;
+
+function parseValue(value) {
+  if (value == null) {
+    return 'null';
+  }
+
+  var type = _typeof(value);
+
+  if (type === 'string') {
+    var matched = value.match(JT_VALUE_RE);
+
+    if (matched) {
+      return matched[1].split('.');
+    } // const ts = Date.parse(value);
+    // if (value.match(/^\d{4}-\d\d-\d\dT\d\d:\d\d:\d\d(\.\d{0,3})Z$/) && !Number.isNaN(Date.parse(value))) {
+    //   return {
+    //     type: 'date',
+    //   };
+    // }
+
+  }
+
+  return type === 'object' && value instanceof Date ? 'date' : type;
+}
+
+var ConstantTypes = {
+  string: {
+    label: "{{t(\"String\")}}",
+    value: 'string',
+    component: function component(_ref) {
+      var _onChange = _ref.onChange,
+          value = _ref.value;
+      return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        value: value,
+        onChange: function onChange(ev) {
+          return _onChange(ev.target.value);
+        }
+      });
+    },
+    default: ''
+  },
+  number: {
+    label: '{{t("Number")}}',
+    value: 'number',
+    component: function component(_ref2) {
+      var onChange = _ref2.onChange,
+          value = _ref2.value;
+      return /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
+        value: value,
+        onChange: onChange
+      });
+    },
+    default: 0
+  },
+  boolean: {
+    label: "{{t(\"Boolean\")}}",
+    value: 'boolean',
+    component: function component(_ref3) {
+      var onChange = _ref3.onChange,
+          value = _ref3.value;
+
+      var _useTranslation = (0, _reactI18next.useTranslation)(),
+          t = _useTranslation.t;
+
+      return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+        value: value,
+        onChange: onChange,
+        placeholder: t('Select'),
+        options: [{
+          value: true,
+          label: t('True')
+        }, {
+          value: false,
+          label: t('False')
+        }]
+      });
+    },
+    default: false
+  },
+  date: {
+    label: '{{t("Date")}}',
+    value: 'date',
+    component: function component(_ref4) {
+      var _onChange2 = _ref4.onChange,
+          value = _ref4.value;
+      return /*#__PURE__*/_react.default.createElement(_antd.DatePicker, {
+        value: (0, _moment.default)(value),
+        onChange: function onChange(d) {
+          return d ? _onChange2(d.toDate()) : null;
+        },
+        allowClear: false,
+        showTime: true
+      });
+    },
+    default: function () {
+      var now = new Date();
+      return new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0);
+    }()
+  },
+  null: {
+    label: "{{t(\"Null\")}}",
+    value: 'null',
+    component: function component() {
+      var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+          t = _useTranslation2.t;
+
+      return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+        readOnly: true,
+        placeholder: t('Null'),
+        className: "null-value"
+      });
+    },
+    default: null
+  }
+};
+
+function Input(props) {
+  var _ConstantTypes$type;
+
+  var _props$value = props.value,
+      value = _props$value === void 0 ? '' : _props$value,
+      scope = props.scope,
+      onChange = props.onChange,
+      children = props.children,
+      button = props.button;
+  var parsed = parseValue(value);
+  var isConstant = typeof parsed === 'string';
+  var type = isConstant ? parsed : '';
+  var variable = isConstant ? null : parsed;
+  var ConstantComponent = (_ConstantTypes$type = ConstantTypes[type]) === null || _ConstantTypes$type === void 0 ? void 0 : _ConstantTypes$type.component;
+  var constantOptions = Object.values(ConstantTypes);
+  var compile = (0, _.useCompile)();
+
+  var _useTranslation3 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation3.t;
+
+  var options = compile([{
+    value: '',
+    label: t('Constant'),
+    children: children ? null : constantOptions
+  }].concat(_toConsumableArray(typeof scope === 'function' ? scope() : scope !== null && scope !== void 0 ? scope : [])));
+  var form = (0, _react2.useForm)();
+
+  function onSwitch(next) {
+    if (next[0] === '') {
+      if (next[1]) {
+        if (next[1] !== type) {
+          var _ConstantTypes$next$, _ConstantTypes$next$2;
+
+          onChange((_ConstantTypes$next$ = (_ConstantTypes$next$2 = ConstantTypes[next[1]]) === null || _ConstantTypes$next$2 === void 0 ? void 0 : _ConstantTypes$next$2.default) !== null && _ConstantTypes$next$ !== void 0 ? _ConstantTypes$next$ : null);
+        }
+      } else {
+        if (variable) {
+          onChange(null);
+        }
+      }
+
+      return;
+    }
+
+    onChange("{{".concat(next.join('.'), "}}"));
+  }
+
+  var variableText = variable === null || variable === void 0 ? void 0 : variable.reduce(function (opts, key, i) {
+    var _ref5;
+
+    var option = (_ref5 = i ? opts[i - 1].children : options) === null || _ref5 === void 0 ? void 0 : _ref5.find(function (item) {
+      return item.value === key;
+    });
+    return option ? opts.concat(option) : opts;
+  }, []).map(function (item) {
+    return item.label;
+  }).join(' / ');
+  var disabled = props.disabled || form.disabled;
+  return /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
+    compact: true,
+    className: (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: auto;\n        display: flex !important;\n        .ant-input-disabled {\n          .ant-tag {\n            color: #bfbfbf;\n            border-color: #d9d9d9;\n          }\n        }\n        .ant-input.null-value {\n          width: 4em;\n          min-width: 4em;\n        }\n      "])))
+  }, variable ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _css.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            position: relative;\n            line-height: 0;\n\n            &:hover {\n              .ant-select-clear {\n                opacity: 0.8;\n              }\n            }\n\n            .ant-input {\n              overflow: auto;\n              white-space: nowrap;\n              ", "\n\n              .ant-tag {\n                display: inline;\n                line-height: 19px;\n                margin: 0;\n                padding: 2px 7px;\n                border-radius: 10px;\n              }\n            }\n          "])), disabled ? '' : 'padding-right: 28px;')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    onInput: function onInput(e) {
+      return e.preventDefault();
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.key !== 'Backspace') {
+        e.preventDefault();
+        return;
+      }
+
+      onChange(null);
+    },
+    className: (0, _css.cx)('ant-input', {
+      'ant-input-disabled': disabled
+    }),
+    contentEditable: !disabled,
+    suppressContentEditableWarning: true
+  }, /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+    contentEditable: false,
+    color: "blue"
+  }, variableText)), !disabled ? /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _css.cx)('ant-select-clear', (0, _css.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                  user-select: 'none';\n                "])))),
+    unselectable: "on",
+    "aria-hidden": true,
+    onClick: function onClick() {
+      return onChange(null);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.CloseCircleFilled, null)) : null) : children !== null && children !== void 0 ? children : /*#__PURE__*/_react.default.createElement(ConstantComponent, {
+    value: value,
+    onChange: onChange
+  }), options.length > 1 ? /*#__PURE__*/_react.default.createElement(_antd.Cascader, {
+    value: variable !== null && variable !== void 0 ? variable : [''].concat(_toConsumableArray(children ? [] : [type])),
+    options: options,
+    onChange: onSwitch
+  }, button !== null && button !== void 0 ? button : /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: variable ? 'primary' : 'default',
+    className: (0, _css.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                font-style: italic;\n                font-family: 'New York', 'Times New Roman', Times, serif;\n              "])))
+  }, "x")) : null);
+}

package/lib/schema-component/antd/variable/JSONInput.d.ts

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