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

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

@@ -423,15 +423,20 @@ Grid.Row = (0, _react.observer)(function (props) {
   })));
 });
 Grid.Col = (0, _react.observer)(function (props) {
-  var _schema$xComponentP;
-
   var _useContext = (0, _react2.useContext)(GridRowContext),
-      cols = _useContext.cols;
+      _useContext$cols = _useContext.cols,
+      cols = _useContext$cols === void 0 ? [] : _useContext$cols;
 
   var schema = (0, _react.useFieldSchema)();
   var field = (0, _react.useField)();
-  var w = (schema === null || schema === void 0 ? void 0 : (_schema$xComponentP = schema['x-component-props']) === null || _schema$xComponentP === void 0 ? void 0 : _schema$xComponentP['width']) || 100 / cols.length;
-  var width = "calc(".concat(w, "% - 24px - 24px / ").concat(cols.length, ")");
+  var width = '100%';
+
+  if (cols === null || cols === void 0 ? void 0 : cols.length) {
+    var _schema$xComponentP;
+
+    var w = (schema === null || schema === void 0 ? void 0 : (_schema$xComponentP = schema['x-component-props']) === null || _schema$xComponentP === void 0 ? void 0 : _schema$xComponentP['width']) || 100 / cols.length;
+    width = "calc(".concat(w, "% - 24px - 24px / ").concat(cols.length, ")");
+  }
 
   var _useDroppable3 = (0, _core.useDroppable)({
     id: field.address.toString(),

package/lib/schema-component/antd/icon-picker/IconPicker.js

@@ -87,6 +87,7 @@ function IconField(props) {
       }
     }, _toConsumableArray(_icon.icons.keys()).map(function (key) {
       return /*#__PURE__*/_react2.default.createElement("span", {
+        key: key,
         style: {
           fontSize: 18,
           marginRight: 10,

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

@@ -36,4 +36,5 @@ export * from './tabs';
 export * from './time-picker';
 export * from './tree-select';
 export * from './upload';
+export * from './variable';
 import './index.less';

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

@@ -498,4 +498,17 @@ Object.keys(_upload).forEach(function (key) {
   });
 });
 
+var _variable = require("./variable");
+
+Object.keys(_variable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _variable[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _variable[key];
+    }
+  });
+});
+
 require("./index.less");

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

@@ -1,9 +1,10 @@
 import { InputProps, TextAreaProps } from 'antd/lib/input';
 import React from 'react';
+import { JSONTextAreaProps } from './Json';
 declare type ComposedInput = React.FC<InputProps> & {
     TextArea?: React.FC<TextAreaProps>;
     URL?: React.FC<InputProps>;
-    JSON?: React.FC<TextAreaProps>;
+    JSON?: React.FC<JSONTextAreaProps>;
 };
 export declare const Input: ComposedInput;
 export default Input;

package/lib/schema-component/antd/input/Json.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
+import React, { Ref } from 'react';
 import { TextAreaProps } from 'antd/lib/input';
-export declare function Json({ value, onChange, space, ...props }: TextAreaProps & {
+export declare type JSONTextAreaProps = TextAreaProps & {
+    ref: Ref<any>;
     value: any;
     space: number;
-}): JSX.Element;
+};
+export declare const Json: React.ForwardRefExoticComponent<React.RefAttributes<React.Ref<any>>>;

package/lib/schema-component/antd/input/Json.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Json = Json;
+exports.Json = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -25,7 +25,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; }
 
-function Json(_ref) {
+var Json = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var value = _ref.value,
       _onChange = _ref.onChange,
       _ref$space = _ref.space,
@@ -34,6 +34,7 @@ function Json(_ref) {
 
   var field = (0, _react2.useField)();
   return /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
     defaultValue: value != null ? JSON.stringify(value, null, space) : '',
     onChange: function onChange(ev) {
       try {
@@ -50,4 +51,6 @@ function Json(_ref) {
       }
     }
   }));
-}
+});
+
+exports.Json = Json;

package/lib/schema-component/antd/input-number/InputNumber.js

@@ -31,6 +31,8 @@ var InputNumber = (0, _react.connect)(function (props) {
   var onChange = props.onChange,
       others = _objectWithoutProperties(props, _excluded);
 
+  var field = (0, _react.useField)();
+
   var handleChange = function handleChange(v) {
     onChange(parseFloat(v));
   };

package/lib/schema-component/antd/page/FixedBlock.js

@@ -117,13 +117,15 @@ var useFixedBlockDesignerSetting = function useFixedBlockDesignerSetting() {
 
   var record = (0, _recordProvider.useRecord)();
   return (0, _react.useMemo)(function () {
+    var _fieldSchema$xDecora3;
+
     if (Object.keys(record).length) {
       return;
     }
 
     return /*#__PURE__*/_react.default.createElement(_schemaSettings.SchemaSettings.SwitchItem, {
       title: t('Fix block'),
-      checked: fieldSchema['x-decorator-props']['fixedBlock'],
+      checked: (_fieldSchema$xDecora3 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : _fieldSchema$xDecora3.fixedBlock,
       onChange: function () {
         var _onChange = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(fixedBlock) {
           var _schema;

package/lib/schema-component/antd/page/Page.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Page = void 0;
 
+var _icons = require("@ant-design/icons");
+
 var _css = require("@emotion/css");
 
 var _antd = require("@formily/antd");
@@ -27,6 +29,10 @@ var _documentTitle = require("../../../document-title");
 
 var _icon = require("../../../icon");
 
+var _common = require("../../common");
+
+var _sortableItem = require("../../common/sortable-item");
+
 var _core = require("../../core");
 
 var _hooks = require("../../hooks");
@@ -140,7 +146,7 @@ var Page = function Page(props) {
     ghost: false,
     title: hidePageTitle ? undefined : fieldSchema.title || compile(title)
   }, others), {}, {
-    footer: enablePageTabs && /*#__PURE__*/_react2.default.createElement(_antd2.Tabs, {
+    footer: enablePageTabs && /*#__PURE__*/_react2.default.createElement(_common.DndContext, null, /*#__PURE__*/_react2.default.createElement(_antd2.Tabs, {
       size: 'small',
       activeKey: activeKey,
       onTabClick: function onTabClick(activeKey) {
@@ -152,7 +158,8 @@ var Page = function Page(props) {
         }, 50);
       },
       tabBarExtraContent: dn.designable && /*#__PURE__*/_react2.default.createElement(_antd2.Button, {
-        className: (0, _css.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                          border-color: rgb(241, 139, 98) !important;\n                          color: rgb(241, 139, 98) !important;\n                        "]))),
+        icon: /*#__PURE__*/_react2.default.createElement(_icons.PlusOutlined, null),
+        className: (0, _css.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                            border-color: rgb(241, 139, 98) !important;\n                            color: rgb(241, 139, 98) !important;\n                          "]))),
         type: 'dashed',
         onClick: function () {
           var _onClick = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -215,10 +222,12 @@ var Page = function Page(props) {
 
           return onClick;
         }()
-      }, "Add tab")
+      }, t('Add tab'))
     }, fieldSchema.mapProperties(function (schema) {
       return /*#__PURE__*/_react2.default.createElement(_antd2.Tabs.TabPane, {
-        tab: /*#__PURE__*/_react2.default.createElement("span", {
+        tab: /*#__PURE__*/_react2.default.createElement(_sortableItem.SortableItem, {
+          id: schema.name,
+          schema: schema,
           className: (0, _classnames.default)('nb-action-link', designerCss, props.className)
         }, schema['x-icon'] && /*#__PURE__*/_react2.default.createElement(_icon.Icon, {
           style: {
@@ -230,7 +239,7 @@ var Page = function Page(props) {
         })),
         key: schema.name
       });
-    }))
+    })))
   }))), /*#__PURE__*/_react2.default.createElement("div", {
     style: {
       margin: 24

package/lib/schema-component/antd/page/PageTabDesigner.js

@@ -156,7 +156,7 @@ var PageTabDesigner = function PageTabDesigner(_ref3) {
   }, /*#__PURE__*/_react2.default.createElement(_antd.Space, {
     size: 2,
     align: 'center'
-  }, /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings, {
+  }, /*#__PURE__*/_react2.default.createElement(_.DragHandler, null, /*#__PURE__*/_react2.default.createElement(_icons.DragOutlined, null)), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings, {
     title: /*#__PURE__*/_react2.default.createElement(_icons.MenuOutlined, {
       style: {
         cursor: 'pointer',

package/lib/schema-component/antd/record-picker/ReadPrettyRecordPicker.js

@@ -56,6 +56,8 @@ var toValue = function toValue(value, placeholder) {
 };
 
 var ReadPrettyRecordPicker = (0, _react.observer)(function (props) {
+  var _collectionField$targ;
+
   var ellipsis = props.ellipsis;
   var fieldSchema = (0, _react.useFieldSchema)();
   var recordCtx = (0, _recordProvider.useRecord)();
@@ -147,7 +149,7 @@ var ReadPrettyRecordPicker = (0, _react.observer)(function (props) {
   return collectionField ? /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_blockProvider.BlockAssociationContext.Provider, {
     value: "".concat(collectionField.collectionName, ".").concat(collectionField.name)
   }, /*#__PURE__*/_react2.default.createElement(_collectionManager.CollectionProvider, {
-    name: collectionField.target
+    name: (_collectionField$targ = collectionField.target) !== null && _collectionField$targ !== void 0 ? _collectionField$targ : collectionField.targetCollection
   }, /*#__PURE__*/_react2.default.createElement(_EllipsisWithTooltip.EllipsisWithTooltip, {
     ellipsis: ellipsis,
     ref: ellipsisWithTooltipRef

package/lib/schema-component/antd/record-picker/RecordPicker.js

@@ -11,6 +11,5 @@ var _InputRecordPicker = require("./InputRecordPicker");
 
 var _ReadPrettyRecordPicker = require("./ReadPrettyRecordPicker");
 
-var RecordPicker = (0, _react.connect)(_InputRecordPicker.InputRecordPicker, // mapProps(mapSuffixProps),
-(0, _react.mapReadPretty)(_ReadPrettyRecordPicker.ReadPrettyRecordPicker));
+var RecordPicker = (0, _react.connect)(_InputRecordPicker.InputRecordPicker, (0, _react.mapReadPretty)(_ReadPrettyRecordPicker.ReadPrettyRecordPicker));
 exports.RecordPicker = RecordPicker;

package/lib/schema-component/antd/record-picker/util.js

@@ -41,6 +41,13 @@ var getDatePickerLabels = function getDatePickerLabels(props) {
 exports.getDatePickerLabels = getDatePickerLabels;
 
 var getLabelFormatValue = function getLabelFormatValue(labelUiSchema, value) {
+  if (Array.isArray(labelUiSchema === null || labelUiSchema === void 0 ? void 0 : labelUiSchema.enum) && value) {
+    var opt = labelUiSchema.enum.find(function (option) {
+      return option.value === value;
+    });
+    return opt === null || opt === void 0 ? void 0 : opt.label;
+  }
+
   switch (labelUiSchema === null || labelUiSchema === void 0 ? void 0 : labelUiSchema['x-component']) {
     case 'DatePicker':
       return getDatePickerLabels(_objectSpread(_objectSpread({}, labelUiSchema === null || labelUiSchema === void 0 ? void 0 : labelUiSchema['x-component-props']), {}, {

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"];
 
 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,12 @@ 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,
       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 +65,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: true,
+    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 +117,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/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;