@nocobase/client 0.7.0-alpha.9 → 0.7.1-alpha.6

package/es/schema-component/antd/table/Table.RowSelection.js

@@ -0,0 +1,54 @@
+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); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { observer, useField } from '@formily/react';
+import { isArr, isValid } from '@formily/shared';
+import React from 'react';
+import { TableVoid } from './Table.Void';
+
+var toArr = function toArr(value) {
+  return isArr(value) ? value : isValid(value) ? [value] : [];
+};
+
+export var TableRowSelection = observer(function (props) {
+  var _props$rowKey = props.rowKey,
+      rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
+      objectValue = props.objectValue;
+  var field = useField();
+
+  var rowSelection = _objectSpread(_objectSpread({
+    type: 'checkbox'
+  }, props.rowSelection), {}, {
+    selectedRowKeys: toArr(field.value).map(function (val) {
+      return _typeof(val) === 'object' ? val[rowKey] : val;
+    }),
+    onChange: function onChange(selectedRowKeys, selectedRows) {
+      if (rowSelection.type === 'checkbox') {
+        props.onChange(objectValue ? selectedRows : selectedRowKeys);
+      } else {
+        props.onChange(_toConsumableArray(objectValue ? selectedRows : selectedRowKeys).shift());
+      }
+    }
+  });
+
+  return /*#__PURE__*/React.createElement(TableVoid, _objectSpread(_objectSpread({}, props), {}, {
+    rowSelection: rowSelection
+  }));
+});

package/es/schema-component/antd/table/Table.Void.Designer.d.ts

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

package/es/schema-component/antd/table/Table.Void.Designer.js

@@ -0,0 +1,226 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { ArrayItems } from '@formily/antd';
+import { useField, useFieldSchema } from '@formily/react';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useCollection, useResourceActionContext } from '../../../collection-manager';
+import { useCollectionFilterOptions, useSortFields } from '../../../collection-manager/action-hooks';
+import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
+import { useSchemaTemplate } from '../../../schema-templates';
+import { useDesignable } from '../../hooks';
+export var TableVoidDesigner = function TableVoidDesigner() {
+  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora$2, _fieldSchema$xDecora2, _fieldSchema$xDecora3, _fieldSchema$xDecora4, _field$decoratorProps;
+
+  var _useCollection = useCollection(),
+      name = _useCollection.name,
+      title = _useCollection.title;
+
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var dataSource = useCollectionFilterOptions(name);
+  var sortFields = useSortFields(name);
+  var ctx = useResourceActionContext();
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useDesignable = useDesignable(),
+      dn = _useDesignable.dn;
+
+  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.request) === null || _fieldSchema$xDecora$ === void 0 ? void 0 : (_fieldSchema$xDecora$2 = _fieldSchema$xDecora$.params) === null || _fieldSchema$xDecora$2 === void 0 ? void 0 : _fieldSchema$xDecora$2.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.request) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : (_fieldSchema$xDecora4 = _fieldSchema$xDecora3.params) === null || _fieldSchema$xDecora4 === void 0 ? void 0 : _fieldSchema$xDecora4.sort) || [];
+  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'
+    };
+  });
+  var template = useSchemaTemplate();
+  return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, {
+    template: template,
+    title: title || name
+  }, /*#__PURE__*/React.createElement(SchemaSettings.SwitchItem, {
+    title: t('Enable drag and drop sorting'),
+    checked: field.decoratorProps.dragSort,
+    onChange: function onChange(dragSort) {
+      var _ctx$params, _schema;
+
+      field.decoratorProps.dragSort = dragSort;
+      fieldSchema['x-decorator-props'].dragSort = dragSort;
+      ctx.run(_objectSpread(_objectSpread({}, (_ctx$params = ctx.params) === null || _ctx$params === void 0 ? void 0 : _ctx$params[0]), {}, {
+        sort: 'sort'
+      }));
+      dn.emit('patch', {
+        schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema)
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: '设置数据范围',
+    schema: {
+      type: 'object',
+      title: '设置数据范围',
+      properties: {
+        filter: {
+          default: defaultFilter,
+          title: '数据范围',
+          enum: dataSource,
+          'x-component': 'Filter',
+          'x-component-props': {}
+        }
+      }
+    },
+    onSubmit: function onSubmit(_ref) {
+      var _ctx$params2, _schema2;
+
+      var filter = _ref.filter;
+      var params = field.decoratorProps.request.params || {};
+      params.filter = filter;
+      field.decoratorProps.request.params = params;
+      fieldSchema['x-decorator-props']['request']['params'] = params;
+      ctx.run(_objectSpread(_objectSpread({}, (_ctx$params2 = ctx.params) === null || _ctx$params2 === void 0 ? void 0 : _ctx$params2[0]), {}, {
+        filter: filter
+      }));
+      dn.emit('patch', {
+        schema: (_schema2 = {}, _defineProperty(_schema2, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema2, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema2)
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set default sorting rules'),
+    components: {
+      ArrayItems: 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 _schema3, _ctx$params3;
+
+      var sort = _ref2.sort;
+      var sortArr = sort.map(function (item) {
+        return item.direction === 'desc' ? "-".concat(item.field) : item.field;
+      });
+      var params = field.decoratorProps.request.params || {};
+      params.sort = sortArr;
+      field.decoratorProps.request.params = params;
+      fieldSchema['x-decorator-props']['request']['params'] = params;
+      dn.emit('patch', {
+        schema: (_schema3 = {}, _defineProperty(_schema3, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema3, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema3)
+      });
+      ctx.run(_objectSpread(_objectSpread({}, (_ctx$params3 = ctx.params) === null || _ctx$params3 === void 0 ? void 0 : _ctx$params3[0]), {}, {
+        sort: sortArr
+      }));
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    title: '每页显示',
+    value: ((_field$decoratorProps = field.decoratorProps.request.params) === null || _field$decoratorProps === void 0 ? void 0 : _field$decoratorProps.pageSize) || 20,
+    options: [{
+      label: '10',
+      value: 10
+    }, {
+      label: '20',
+      value: 20
+    }, {
+      label: '50',
+      value: 50
+    }, {
+      label: '100',
+      value: 100
+    }, {
+      label: '200',
+      value: 200
+    }],
+    onChange: function onChange(pageSize) {
+      var _ctx$params4, _schema4;
+
+      var params = field.decoratorProps.request.params || {};
+      params.pageSize = pageSize;
+      field.decoratorProps.request.params = params;
+      fieldSchema['x-decorator-props']['request']['params'] = params;
+      ctx.run(_objectSpread(_objectSpread({}, (_ctx$params4 = ctx.params) === null || _ctx$params4 === void 0 ? void 0 : _ctx$params4[0]), {}, {
+        pageSize: pageSize
+      }));
+      dn.emit('patch', {
+        schema: (_schema4 = {}, _defineProperty(_schema4, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema4, 'x-decorator-props', fieldSchema['x-decorator-props']), _schema4)
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Template, {
+    componentName: 'Table',
+    collectionName: name
+  }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
+    removeParentsIfNoChildren: true,
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};

package/es/schema-component/antd/table/Table.Void.js

@@ -0,0 +1,154 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { createForm } from '@formily/core';
+import { FieldContext, FormContext, observer, useField, useFieldSchema } from '@formily/react';
+import { cloneDeep } from 'lodash';
+import React, { useMemo } from 'react';
+import { AsyncDataProvider, useAsyncData, useRequest } from '../../../';
+import { useAttach } from '../../hooks';
+import { TableArray } from './Table.Array';
+
+var usePaginationProps = function usePaginationProps(props, service) {
+  var _props$request, _props$request$params;
+
+  if (props.pagination === false) {
+    return false;
+  }
+
+  var pagination = props.pagination || {};
+
+  if (props === null || props === void 0 ? void 0 : (_props$request = props.request) === null || _props$request === void 0 ? void 0 : (_props$request$params = _props$request.params) === null || _props$request$params === void 0 ? void 0 : _props$request$params.pageSize) {
+    var _props$request2, _props$request2$param;
+
+    pagination.defaultPageSize = props === null || props === void 0 ? void 0 : (_props$request2 = props.request) === null || _props$request2 === void 0 ? void 0 : (_props$request2$param = _props$request2.params) === null || _props$request2$param === void 0 ? void 0 : _props$request2$param.pageSize;
+  }
+
+  return _objectSpread(_objectSpread({
+    showSizeChanger: true
+  }, pagination), {}, {
+    onChange: function onChange(page, pageSize) {
+      var _service$params;
+
+      service === null || service === void 0 ? void 0 : service.run(_objectSpread(_objectSpread({}, service === null || service === void 0 ? void 0 : (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params[0]), {}, {
+        page: page,
+        pageSize: pageSize
+      }));
+    }
+  });
+};
+
+var useRequestProps = function useRequestProps(props) {
+  var request = props.request,
+      pagination = props.pagination,
+      dataSource = props.dataSource;
+
+  if (request) {
+    if (pagination === false) {
+      return request;
+    }
+
+    var params = cloneDeep(request.params || {});
+
+    if (!params.page) {
+      params.page = (pagination === null || pagination === void 0 ? void 0 : pagination.current) || (pagination === null || pagination === void 0 ? void 0 : pagination.defaultCurrent) || 1;
+    }
+
+    if (!params.pageSize) {
+      params.pageSize = (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || (pagination === null || pagination === void 0 ? void 0 : pagination.defaultPageSize) || 10;
+    }
+
+    request.params = params;
+    return request;
+  }
+
+  return function () {
+    var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _params$page = params.page,
+        page = _params$page === void 0 ? 1 : _params$page,
+        _params$pageSize = params.pageSize,
+        pageSize = _params$pageSize === void 0 ? 10 : _params$pageSize;
+    var startIndex = (page - 1) * pageSize;
+    var endIndex = startIndex + pageSize - 1;
+    return Promise.resolve({
+      data: pagination === false ? dataSource : dataSource === null || dataSource === void 0 ? void 0 : dataSource.slice(startIndex, endIndex + 1),
+      meta: {
+        page: page,
+        pageSize: pageSize,
+        count: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0
+      }
+    });
+  };
+};
+
+var useDef = function useDef(options, props) {
+  return useRequest(useRequestProps(props), options);
+};
+
+var useDefSelectedRowKeys = function useDefSelectedRowKeys() {
+  var _result$state;
+
+  var result = useAsyncData();
+  return [result === null || result === void 0 ? void 0 : (_result$state = result.state) === null || _result$state === void 0 ? void 0 : _result$state.selectedRowKeys, function (selectedRowKeys) {
+    var _result$setState;
+
+    return result === null || result === void 0 ? void 0 : (_result$setState = result.setState) === null || _result$setState === void 0 ? void 0 : _result$setState.call(result, {
+      selectedRowKeys: selectedRowKeys
+    });
+  }];
+};
+
+export var TableVoid = observer(function (props) {
+  var _props$rowKey = props.rowKey,
+      rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
+      _props$useDataSource = props.useDataSource,
+      useDataSource = _props$useDataSource === void 0 ? useDef : _props$useDataSource,
+      _props$useSelectedRow = props.useSelectedRowKeys,
+      useSelectedRowKeys = _props$useSelectedRow === void 0 ? useDefSelectedRowKeys : _props$useSelectedRow;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var form = useMemo(function () {
+    return createForm();
+  }, []);
+  var f = useAttach(form.createArrayField(_objectSpread(_objectSpread({}, field.props), {}, {
+    basePath: ''
+  })));
+  var result = useDataSource({
+    uid: fieldSchema['x-uid'],
+    onSuccess: function onSuccess(data) {
+      var _field$componentProps, _data$meta, _data$meta3, _data$meta4;
+
+      form.setValues(_defineProperty({}, fieldSchema.name, data === null || data === void 0 ? void 0 : data.data));
+
+      if ((field === null || field === void 0 ? void 0 : (_field$componentProps = field.componentProps) === null || _field$componentProps === void 0 ? void 0 : _field$componentProps.pagination) === false) {
+        return;
+      }
+
+      field.componentProps.pagination = field.componentProps.pagination || {};
+
+      if (data === null || data === void 0 ? void 0 : (_data$meta = data.meta) === null || _data$meta === void 0 ? void 0 : _data$meta.count) {
+        var _data$meta2;
+
+        field.componentProps.pagination.total = data === null || data === void 0 ? void 0 : (_data$meta2 = data.meta) === null || _data$meta2 === void 0 ? void 0 : _data$meta2.count;
+      }
+
+      field.componentProps.pagination.current = (data === null || data === void 0 ? void 0 : (_data$meta3 = data.meta) === null || _data$meta3 === void 0 ? void 0 : _data$meta3.page) || 1;
+      field.componentProps.pagination.pageSize = (data === null || data === void 0 ? void 0 : (_data$meta4 = data.meta) === null || _data$meta4 === void 0 ? void 0 : _data$meta4.pageSize) || 10;
+    }
+  }, props);
+  return /*#__PURE__*/React.createElement(AsyncDataProvider, {
+    value: result
+  }, /*#__PURE__*/React.createElement(FormContext.Provider, {
+    value: form
+  }, /*#__PURE__*/React.createElement(FieldContext.Provider, {
+    value: f
+  }, /*#__PURE__*/React.createElement(TableArray, _objectSpread(_objectSpread({}, props), {}, {
+    rowKey: rowKey,
+    useSelectedRowKeys: useSelectedRowKeys,
+    loading: result === null || result === void 0 ? void 0 : result.loading,
+    pagination: usePaginationProps(props, result)
+  })))));
+});

package/es/schema-component/antd/table/index.js

@@ -0,0 +1,25 @@
+import { TableArray } from './Table.Array';
+import { TableArrayDesigner } from './Table.Array.Designer';
+import { TableColumn } from './Table.Column';
+import { TableColumnActionBar } from './Table.Column.ActionBar';
+import { TableColumnDecorator } from './Table.Column.Decorator';
+import { TableColumnDesigner } from './Table.Column.Designer';
+import { TableDesigner } from './Table.Designer';
+import { TableRowActionDesigner } from './Table.RowActionDesigner';
+import { TableRowSelection } from './Table.RowSelection';
+import { TableVoid } from './Table.Void';
+import { TableVoidDesigner } from './Table.Void.Designer';
+export var Table = function Table() {
+  return null;
+};
+Table.Array = TableArray;
+Table.Void = TableVoid;
+Table.Void.Designer = TableVoidDesigner;
+Table.RowSelection = TableRowSelection;
+Table.Column = TableColumn;
+Table.Column.ActionBar = TableColumnActionBar;
+Table.Column.Decorator = TableColumnDecorator;
+Table.Column.Designer = TableColumnDesigner;
+Table.RowActionDesigner = TableRowActionDesigner;
+Table.Designer = TableDesigner;
+Table.Array.Designer = TableArrayDesigner;

package/es/schema-component/antd/table-v2/Table.ActionColumnDesigner.d.ts

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

package/es/schema-component/antd/table-v2/Table.ActionColumnDesigner.js

@@ -0,0 +1,21 @@
+import { DragOutlined } from '@ant-design/icons';
+import { useFieldSchema } from '@formily/react';
+import { Space } from 'antd';
+import React from 'react';
+import { DragHandler } from '../../../schema-component';
+import { useSchemaInitializer } from '../../../schema-initializer';
+export var TableActionColumnDesigner = function TableActionColumnDesigner(props) {
+  var fieldSchema = useFieldSchema();
+
+  var _useSchemaInitializer = useSchemaInitializer(fieldSchema['x-initializer']),
+      render = _useSchemaInitializer.render;
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'general-schema-designer'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'general-schema-designer-icons'
+  }, /*#__PURE__*/React.createElement(Space, {
+    size: 2,
+    align: 'center'
+  }, /*#__PURE__*/React.createElement(DragHandler, null, /*#__PURE__*/React.createElement(DragOutlined, null)), render())));
+};

package/es/schema-component/antd/table-v2/Table.Column.ActionBar.js

@@ -0,0 +1,15 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import { css } from '@emotion/css';
+import { observer } from '@formily/react';
+import React from 'react';
+import { SortableItem, useDesigner } from '../..';
+export var designerCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  &:hover {\n    > .general-schema-designer {\n      display: block;\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) !important;\n    border: 0 !important;\n    top: -16px !important;\n    bottom: -16px !important;\n    left: -16px !important;\n    right: -16px !important;\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"])));
+export var TableColumnActionBar = observer(function (props) {
+  var Designer = useDesigner();
+  return /*#__PURE__*/React.createElement(SortableItem, {
+    className: designerCss
+  }, /*#__PURE__*/React.createElement(Designer, null), props.children);
+});

package/es/schema-component/antd/table-v2/Table.Column.Decorator.d.ts

@@ -0,0 +1,12 @@
+export declare const useColumnSchema: () => {
+    columnSchema?: undefined;
+    fieldSchema?: undefined;
+    collectionField?: undefined;
+    uiSchema?: undefined;
+} | {
+    columnSchema: import("@formily/react").Schema<any, any, any, any, any, any, any, any, any>;
+    fieldSchema: any;
+    collectionField: import("../../../").CollectionFieldOptions;
+    uiSchema: any;
+};
+export declare const TableColumnDecorator: (props: any) => JSX.Element;

package/es/schema-component/antd/table-v2/Table.Column.Decorator.js

@@ -0,0 +1,64 @@
+import { useField, useFieldSchema } from '@formily/react';
+import React, { useLayoutEffect } from 'react';
+import { SortableItem, useCollection, useCompile, useDesignable, useDesigner } from '../../../';
+import { designerCss } from './Table.Column.ActionBar';
+export var useColumnSchema = function useColumnSchema() {
+  var _useCollection = useCollection(),
+      getField = _useCollection.getField;
+
+  var compile = useCompile();
+  var columnSchema = useFieldSchema();
+  var fieldSchema = columnSchema.reduceProperties(function (buf, s) {
+    if (s['x-component'] === 'CollectionField') {
+      return s;
+    }
+
+    return buf;
+  }, null);
+
+  if (!fieldSchema) {
+    return {};
+  }
+
+  var collectionField = getField(fieldSchema.name);
+  return {
+    columnSchema: columnSchema,
+    fieldSchema: fieldSchema,
+    collectionField: collectionField,
+    uiSchema: compile(collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema)
+  };
+};
+export var TableColumnDecorator = function TableColumnDecorator(props) {
+  var Designer = useDesigner();
+  var field = useField();
+
+  var _useColumnSchema = useColumnSchema(),
+      fieldSchema = _useColumnSchema.fieldSchema,
+      uiSchema = _useColumnSchema.uiSchema,
+      collectionField = _useColumnSchema.collectionField;
+
+  var _useDesignable = useDesignable(),
+      refresh = _useDesignable.refresh;
+
+  var compile = useCompile();
+  useLayoutEffect(function () {
+    if (field.title) {
+      return;
+    }
+
+    if (!fieldSchema) {
+      return;
+    }
+
+    if (uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.title) {
+      field.title = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.title;
+    }
+  }, [uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.title]);
+  return /*#__PURE__*/React.createElement(SortableItem, {
+    className: designerCss
+  }, /*#__PURE__*/React.createElement(Designer, {
+    fieldSchema: fieldSchema,
+    uiSchema: uiSchema,
+    collectionField: collectionField
+  }), field.title || compile(uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.title));
+};

package/es/schema-component/antd/table-v2/Table.Column.Designer.d.ts

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