@nocobase/client 0.9.3-alpha.1 → 0.9.4-alpha.2

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _GridCard = require("./GridCard");
+Object.keys(_GridCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _GridCard[key];
+    }
+  });
+});

package/lib/schema-component/antd/grid-card/options.d.ts

@@ -0,0 +1,20 @@
+export declare const pageSizeOptions: number[];
+export declare const gridSizes: string[];
+export declare const screenSizeTitleMaps: {
+    xs: string;
+    md: string;
+    lg: string;
+    xxl: string;
+};
+export declare const screenSizeMaps: {
+    xs: string;
+    md: string;
+    lg: string;
+    xxl: string;
+};
+export declare const defaultColumnCount: {
+    xs: number;
+    md: number;
+    lg: number;
+    xxl: number;
+};

package/lib/schema-component/antd/grid-card/options.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.screenSizeTitleMaps = exports.screenSizeMaps = exports.pageSizeOptions = exports.gridSizes = exports.defaultColumnCount = void 0;
+var pageSizeOptions = [12, 24, 60, 96, 120];
+exports.pageSizeOptions = pageSizeOptions;
+var gridSizes = ['xs', 'md', 'lg', 'xxl'];
+exports.gridSizes = gridSizes;
+var screenSizeTitleMaps = {
+  xs: 'Phone device',
+  md: 'Tablet device',
+  lg: 'Desktop device',
+  xxl: 'Large screen device'
+};
+exports.screenSizeTitleMaps = screenSizeTitleMaps;
+var screenSizeMaps = {
+  xs: '< 768',
+  md: '≥ 768',
+  lg: '≥ 992',
+  xxl: '≥ 1600'
+};
+exports.screenSizeMaps = screenSizeMaps;
+var defaultColumnCount = {
+  xs: 1,
+  md: 2,
+  lg: 3,
+  xxl: 4
+};
+exports.defaultColumnCount = defaultColumnCount;

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

@@ -45,8 +45,8 @@ function IconField(props) {
     compact: true
   }, /*#__PURE__*/_react2.default.createElement(_antd2.Popover, {
     placement: 'bottom',
-    visible: visible,
-    onVisibleChange: function onVisibleChange(val) {
+    open: visible,
+    onOpenChange: function onOpenChange(val) {
       if (disabled) {
         return;
       }

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

@@ -19,10 +19,12 @@ export * from './form-v2';
 export * from './g2plot';
 export * from './gantt';
 export * from './grid';
+export * from './grid-card';
 export * from './icon-picker';
 export * from './input';
 export * from './input-number';
 export * from './kanban';
+export * from './list';
 export * from './markdown';
 export * from './menu';
 export * from './page';

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

@@ -234,6 +234,17 @@ Object.keys(_grid).forEach(function (key) {
     }
   });
 });
+var _gridCard = require("./grid-card");
+Object.keys(_gridCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _gridCard[key];
+    }
+  });
+});
 var _iconPicker = require("./icon-picker");
 Object.keys(_iconPicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -278,6 +289,17 @@ Object.keys(_kanban).forEach(function (key) {
     }
   });
 });
+var _list = require("./list");
+Object.keys(_list).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _list[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _list[key];
+    }
+  });
+});
 var _markdown = require("./markdown");
 Object.keys(_markdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -61,8 +61,8 @@ var EllipsisWithTooltip = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     return contentWidth > offsetWidth;
   };
   return /*#__PURE__*/_react.default.createElement(_antd.Popover, {
-    visible: ellipsis && visible,
-    onVisibleChange: function onVisibleChange(visible) {
+    open: ellipsis && visible,
+    onOpenChange: function onOpenChange(visible) {
       setVisible(ellipsis && visible);
     },
     content: /*#__PURE__*/_react.default.createElement("div", {

package/lib/schema-component/antd/list/List.Decorator.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ListBlockContext: React.Context<any>;
+export declare const ListBlockProvider: (props: any) => JSX.Element;
+export declare const useListBlockContext: () => any;
+export declare const useListItemProps: () => {};

package/lib/schema-component/antd/list/List.Decorator.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListItemProps = exports.useListBlockContext = exports.ListBlockProvider = exports.ListBlockContext = void 0;
+var _core = require("@formily/core");
+var _react = require("@formily/react");
+var _react2 = _interopRequireWildcard(require("react"));
+var _antd = require("@formily/antd");
+var _hooks = require("../../../block-provider/hooks");
+var _blockProvider = require("../../../block-provider");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var ListBlockContext = /*#__PURE__*/(0, _react2.createContext)({});
+exports.ListBlockContext = ListBlockContext;
+var InternalListBlockProvider = function InternalListBlockProvider(props) {
+  var _service$data2;
+  var _useBlockRequestConte = (0, _blockProvider.useBlockRequestContext)(),
+    resource = _useBlockRequestConte.resource,
+    service = _useBlockRequestConte.service;
+  var field = (0, _react.useField)();
+  var form = (0, _react2.useMemo)(function () {
+    return (0, _core.createForm)({
+      readPretty: true
+    });
+  }, []);
+  (0, _react2.useEffect)(function () {
+    if (!(service === null || service === void 0 ? void 0 : service.loading)) {
+      var _service$data;
+      form.setValuesIn(field.address.concat('list').toString(), service === null || service === void 0 ? void 0 : (_service$data = service.data) === null || _service$data === void 0 ? void 0 : _service$data.data);
+    }
+  }, [service === null || service === void 0 ? void 0 : (_service$data2 = service.data) === null || _service$data2 === void 0 ? void 0 : _service$data2.data, service === null || service === void 0 ? void 0 : service.loading]);
+  return /*#__PURE__*/_react2.default.createElement(ListBlockContext.Provider, {
+    value: {
+      service: service,
+      resource: resource
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_react.FormContext.Provider, {
+    value: form
+  }, /*#__PURE__*/_react2.default.createElement(_antd.FormLayout, {
+    layout: 'vertical'
+  }, props.children)));
+};
+var ListBlockProvider = function ListBlockProvider(props) {
+  var params = _objectSpread({}, props.params);
+  var collection = props.collection;
+  var _useAssociationNames = (0, _hooks.useAssociationNames)(collection),
+    appends = _useAssociationNames.appends;
+  if (!Object.keys(params).includes('appends')) {
+    params['appends'] = appends;
+  }
+  return /*#__PURE__*/_react2.default.createElement(_blockProvider.BlockProvider, _objectSpread(_objectSpread({}, props), {}, {
+    params: params
+  }), /*#__PURE__*/_react2.default.createElement(InternalListBlockProvider, _objectSpread({}, props)));
+};
+exports.ListBlockProvider = ListBlockProvider;
+var useListBlockContext = function useListBlockContext() {
+  return (0, _react2.useContext)(ListBlockContext);
+};
+exports.useListBlockContext = useListBlockContext;
+var useListItemProps = function useListItemProps() {
+  return {};
+};
+exports.useListItemProps = useListItemProps;

package/lib/schema-component/antd/list/List.Designer.d.ts

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

package/lib/schema-component/antd/list/List.Designer.js

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListDesigner = void 0;
+var _react = require("@formily/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _antd = require("@formily/antd");
+var _List = require("./List.Decorator");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _reactI18next = require("react-i18next");
+var _collectionManager = require("../../../collection-manager");
+var _schemaSettings = require("../../../schema-settings");
+var _schemaTemplates = require("../../../schema-templates");
+var _hooks = require("../../hooks");
+var _filter = require("../filter");
+var _FilterDynamicComponent = require("../table-v2/FilterDynamicComponent");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var ListDesigner = function ListDesigner() {
+  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _fieldSchema$xDecora4, _field$decoratorProps, _field$decoratorProps2;
+  var _useCollection = (0, _collectionManager.useCollection)(),
+    name = _useCollection.name,
+    title = _useCollection.title;
+  var template = (0, _schemaTemplates.useSchemaTemplate)();
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var fieldSchema = (0, _react.useFieldSchema)();
+  var field = (0, _react.useField)();
+  var dataSource = (0, _collectionManager.useCollectionFilterOptions)(name);
+  var _useListBlockContext = (0, _List.useListBlockContext)(),
+    service = _useListBlockContext.service;
+  var _useDesignable = (0, _hooks.useDesignable)(),
+    dn = _useDesignable.dn;
+  var sortFields = (0, _collectionManager.useSortFields)(name);
+  var defaultFilter = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : (_fieldSchema$xDecora$ = _fieldSchema$xDecora.params) === null || _fieldSchema$xDecora$ === void 0 ? void 0 : _fieldSchema$xDecora$.filter) || {};
+  var defaultSort = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : (_fieldSchema$xDecora3 = _fieldSchema$xDecora2.params) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : _fieldSchema$xDecora3.sort) || [];
+  var 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 sort = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.map(function (item) {
+    return item.startsWith('-') ? {
+      field: item.substring(1),
+      direction: 'desc'
+    } : {
+      field: item,
+      direction: 'asc'
+    };
+  });
+  return /*#__PURE__*/_react2.default.createElement(_schemaSettings.GeneralSchemaDesigner, {
+    template: template,
+    title: title || name
+  }, /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.BlockTitleItem, null), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
+    title: t('Set the data scope'),
+    schema: {
+      type: 'object',
+      title: t('Set the data scope'),
+      properties: {
+        filter: {
+          default: defaultFilter,
+          // title: '数据范围',
+          enum: dataSource,
+          'x-component': 'Filter',
+          'x-component-props': {
+            dynamicComponent: function dynamicComponent(props) {
+              return (0, _FilterDynamicComponent.FilterDynamicComponent)(_objectSpread({}, props));
+            }
+          }
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref) {
+      var _schema;
+      var filter = _ref.filter;
+      filter = (0, _filter.removeNullCondition)(filter);
+      _lodash.default.set(fieldSchema, 'x-decorator-props.params.filter', filter);
+      field.decoratorProps.params = _objectSpread(_objectSpread({}, fieldSchema['x-decorator-props'].params), {}, {
+        page: 1
+      });
+      dn.emit('patch', {
+        schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema)
+      });
+    }
+  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.ModalItem, {
+    title: t('Set default sorting rules'),
+    components: {
+      ArrayItems: _antd.ArrayItems
+    },
+    schema: {
+      type: 'object',
+      title: t('Set default sorting rules'),
+      properties: {
+        sort: {
+          type: 'array',
+          default: sort,
+          'x-component': 'ArrayItems',
+          'x-decorator': 'FormItem',
+          items: {
+            type: 'object',
+            properties: {
+              space: {
+                type: 'void',
+                'x-component': 'Space',
+                properties: {
+                  sort: {
+                    type: 'void',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'ArrayItems.SortHandle'
+                  },
+                  field: {
+                    type: 'string',
+                    enum: sortFields,
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Select',
+                    'x-component-props': {
+                      style: {
+                        width: 260
+                      }
+                    }
+                  },
+                  direction: {
+                    type: 'string',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Radio.Group',
+                    'x-component-props': {
+                      optionType: 'button'
+                    },
+                    enum: [{
+                      label: t('ASC'),
+                      value: 'asc'
+                    }, {
+                      label: t('DESC'),
+                      value: 'desc'
+                    }]
+                  },
+                  remove: {
+                    type: 'void',
+                    'x-decorator': 'FormItem',
+                    'x-component': 'ArrayItems.Remove'
+                  }
+                }
+              }
+            }
+          },
+          properties: {
+            add: {
+              type: 'void',
+              title: t('Add sort field'),
+              'x-component': 'ArrayItems.Addition'
+            }
+          }
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref2) {
+      var _schema2;
+      var sort = _ref2.sort;
+      var sortArr = sort.map(function (item) {
+        return item.direction === 'desc' ? "-".concat(item.field) : item.field;
+      });
+      _lodash.default.set(fieldSchema, 'x-decorator-props.params.sort', sortArr);
+      field.decoratorProps.params = _objectSpread(_objectSpread({}, fieldSchema['x-decorator-props'].params), {}, {
+        page: 1
+      });
+      dn.emit('patch', {
+        schema: (_schema2 = {}, _defineProperty(_schema2, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema2, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema2)
+      });
+    }
+  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.SelectItem, {
+    title: t('Records per page'),
+    value: ((_field$decoratorProps = field.decoratorProps) === null || _field$decoratorProps === void 0 ? void 0 : (_field$decoratorProps2 = _field$decoratorProps.params) === null || _field$decoratorProps2 === void 0 ? void 0 : _field$decoratorProps2.pageSize) || 20,
+    options: [{
+      label: '10',
+      value: 10
+    }, {
+      label: '20',
+      value: 20
+    }, {
+      label: '50',
+      value: 50
+    }, {
+      label: '80',
+      value: 80
+    }, {
+      label: '100',
+      value: 100
+    }],
+    onChange: function onChange(pageSize) {
+      var _schema3;
+      _lodash.default.set(fieldSchema, 'x-decorator-props.params.pageSize', pageSize);
+      field.decoratorProps.params = _objectSpread(_objectSpread({}, fieldSchema['x-decorator-props'].params), {}, {
+        page: 1
+      });
+      dn.emit('patch', {
+        schema: (_schema3 = {}, _defineProperty(_schema3, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema3, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema3)
+      });
+    }
+  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Template, {
+    componentName: 'List',
+    collectionName: name,
+    resourceName: defaultResource
+  }), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Divider, null), /*#__PURE__*/_react2.default.createElement(_schemaSettings.SchemaSettings.Remove, {
+    removeParentsIfNoChildren: true,
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};
+exports.ListDesigner = ListDesigner;

package/lib/schema-component/antd/list/List.Item.d.ts

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

package/lib/schema-component/antd/list/List.Item.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _css = require("@emotion/css");
+var _react2 = require("@formily/react");
+var _recordProvider = require("../../../record-provider");
+var _templateObject;
+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) } })); }
+var itemCss = (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px 0;\n  border-bottom: 1px solid #f0f0f0;\n"])));
+var ListItem = function ListItem(props) {
+  var field = (0, _react2.useField)();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: itemCss
+  }, /*#__PURE__*/_react.default.createElement(_recordProvider.RecordSimpleProvider, {
+    value: field.value
+  }, props.children));
+};
+exports.ListItem = ListItem;

package/lib/schema-component/antd/list/List.d.ts

@@ -0,0 +1,8 @@
+import { ListDesigner } from './List.Designer';
+import { ListBlockProvider } from './List.Decorator';
+import { ListItem } from './List.Item';
+export declare const List: ((props: any) => JSX.Element) & {
+    Item: typeof ListItem;
+    Designer: typeof ListDesigner;
+    Decorator: typeof ListBlockProvider;
+};

package/lib/schema-component/antd/list/List.js

@@ -0,0 +1,92 @@
+"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.List = void 0;
+var _List = require("./List.Designer");
+var _List2 = require("./List.Decorator");
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@formily/react");
+var _css = require("@emotion/css");
+var _antd = require("antd");
+var _hooks = require("./hooks");
+var _common = require("../../common");
+var _core = require("../../core");
+var _hooks2 = require("../../hooks");
+var _List3 = require("./List.Item");
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var designerCss = (0, _css.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-bottom: var(--nb-spacing);\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"])));
+var InternalList = function InternalList(props) {
+  var _service$data, _field$value;
+  var _useListBlockContext = (0, _List2.useListBlockContext)(),
+    service = _useListBlockContext.service;
+  var run = service.run,
+    params = service.params;
+  var fieldSchema = (0, _react2.useFieldSchema)();
+  var Designer = (0, _hooks2.useDesigner)();
+  var meta = service === null || service === void 0 ? void 0 : (_service$data = service.data) === null || _service$data === void 0 ? void 0 : _service$data.meta;
+  var field = (0, _react2.useField)();
+  var _useState = (0, _react.useState)(new Map()),
+    _useState2 = _slicedToArray(_useState, 1),
+    schemaMap = _useState2[0];
+  var getSchema = (0, _react.useCallback)(function (key) {
+    if (!schemaMap.has(key)) {
+      schemaMap.set(key, new _react2.Schema({
+        type: 'object',
+        properties: _defineProperty({}, key, fieldSchema.properties['item'])
+      }));
+    }
+    return schemaMap.get(key);
+  }, [fieldSchema.properties, schemaMap]);
+  var onPaginationChange = (0, _react.useCallback)(function (page, pageSize) {
+    run(_objectSpread(_objectSpread({}, params === null || params === void 0 ? void 0 : params[0]), {}, {
+      page: page,
+      pageSize: pageSize
+    }));
+  }, [run, params]);
+  return /*#__PURE__*/_react.default.createElement(_core.SchemaComponentOptions, {
+    scope: {
+      useListItemProps: _List2.useListItemProps,
+      useListActionBarProps: _hooks.useListActionBarProps
+    }
+  }, /*#__PURE__*/_react.default.createElement(_common.SortableItem, {
+    className: (0, _css.cx)('nb-list', designerCss)
+  }, /*#__PURE__*/_react.default.createElement(_antd.List, {
+    pagination: !meta || meta.count <= meta.pageSize ? false : {
+      onChange: onPaginationChange,
+      total: (meta === null || meta === void 0 ? void 0 : meta.count) || 0,
+      pageSize: (meta === null || meta === void 0 ? void 0 : meta.pageSize) || 10,
+      current: (meta === null || meta === void 0 ? void 0 : meta.page) || 1
+    },
+    loading: service === null || service === void 0 ? void 0 : service.loading
+  }, (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement(_react2.RecursionField, {
+      basePath: field.address,
+      key: index,
+      name: index,
+      onlyRenderProperties: true,
+      schema: getSchema(index)
+    });
+  })), /*#__PURE__*/_react.default.createElement(Designer, null)));
+};
+var List = InternalList;
+exports.List = List;
+List.Item = _List3.ListItem;
+List.Designer = _List.ListDesigner;
+List.Decorator = _List2.ListBlockProvider;

package/lib/schema-component/antd/list/hooks.d.ts

@@ -0,0 +1,4 @@
+import { SpaceProps } from 'antd';
+export declare const useListActionBarProps: () => {
+    spaceProps: SpaceProps;
+};

package/lib/schema-component/antd/list/hooks.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListActionBarProps = void 0;
+var spaceProps = {
+  size: ['large', 'small'],
+  wrap: true
+};
+var useListActionBarProps = function useListActionBarProps() {
+  return {
+    spaceProps: spaceProps
+  };
+};
+exports.useListActionBarProps = useListActionBarProps;

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

@@ -0,0 +1 @@
+export * from './List';

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _List = require("./List");
+Object.keys(_List).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _List[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _List[key];
+    }
+  });
+});