@nocobase/client 0.5.0-alpha.37 → 0.7.0-alpha.1

package/esm/schema-component/antd/table/Table.Array.Designer.d.ts

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

package/esm/schema-component/antd/table/Table.Array.Designer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
+export var TableArrayDesigner = function () {
+    return (_jsx(GeneralSchemaDesigner, { children: _jsx(SchemaSettings.Remove, { removeParentsIfNoChildren: true, breakRemoveOn: {
+                'x-component': 'Grid',
+            } }, void 0) }, void 0));
+};
+//# sourceMappingURL=Table.Array.Designer.js.map

package/esm/schema-component/antd/table/Table.Array.Designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Array.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table/Table.Array.Designer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEjF,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,OAAO,CACL,KAAC,qBAAqB,cACpB,KAAC,cAAc,CAAC,MAAM,IACpB,yBAAyB,QACzB,aAAa,EAAE;gBACb,aAAa,EAAE,MAAM;aACtB,WACD,WACoB,CACzB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\n\nexport const TableArrayDesigner = () => {\n  return (\n    <GeneralSchemaDesigner>\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

package/esm/schema-component/antd/table/Table.Array.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const components: {
+    header: {
+        wrapper: (props: any) => JSX.Element;
+        cell: (props: any) => JSX.Element;
+    };
+    body: {
+        wrapper: (props: any) => JSX.Element;
+        row: (props: any) => JSX.Element;
+        cell: (props: any) => JSX.Element;
+    };
+};
+export declare const TableArray: React.FC<any>;

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

@@ -0,0 +1,220 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuOutlined } from '@ant-design/icons';
+import { css } from '@emotion/css';
+import { observer, RecursionField, useField, useFieldSchema } from '@formily/react';
+import { Table } from 'antd';
+import { default as classNames, default as cls } from 'classnames';
+import { useState } from 'react';
+import ReactDragListView from 'react-drag-listview';
+import { DndContext } from '../..';
+import { RecordIndexProvider, RecordProvider, useRequest, useSchemaInitializer } from '../../../';
+var isColumnComponent = function (schema) {
+    var _a;
+    return ((_a = schema['x-component']) === null || _a === void 0 ? void 0 : _a.endsWith('.Column')) > -1;
+};
+var useTableColumns = function () {
+    var start = Date.now();
+    var field = useField();
+    var schema = useFieldSchema();
+    var _a = useSchemaInitializer(schema['x-initializer']), exists = _a.exists, render = _a.render;
+    var columns = schema
+        .reduceProperties(function (buf, s) {
+        if (isColumnComponent(s)) {
+            return buf.concat([s]);
+        }
+    }, [])
+        .map(function (s) {
+        return {
+            title: _jsx(RecursionField, { name: s.name, schema: s, onlyRenderSelf: true }, void 0),
+            dataIndex: s.name,
+            key: s.name,
+            render: function (v, record) {
+                var _a;
+                var index = (_a = field.value) === null || _a === void 0 ? void 0 : _a.indexOf(record);
+                console.log((Date.now() - start) / 1000);
+                return (_jsx(RecordIndexProvider, __assign({ index: index }, { children: _jsx(RecordProvider, __assign({ record: record }, { children: _jsx(RecursionField, { schema: s, name: index, onlyRenderProperties: true }, void 0) }), void 0) }), void 0));
+            },
+        };
+    });
+    if (!exists) {
+        return columns;
+    }
+    return columns.concat({
+        title: render(),
+        dataIndex: 'TABLE_COLUMN_INITIALIZER',
+        key: 'TABLE_COLUMN_INITIALIZER',
+    });
+};
+export var components = {
+    header: {
+        wrapper: function (props) {
+            return (_jsx(DndContext, { children: _jsx("thead", __assign({}, props), void 0) }, void 0));
+        },
+        cell: function (props) {
+            return (_jsx("th", __assign({}, props, { className: cls(props.className, css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              &:hover .general-schema-designer {\n                display: block;\n              }\n            "], ["\n              &:hover .general-schema-designer {\n                display: block;\n              }\n            "])))) }), void 0));
+        },
+    },
+    body: {
+        wrapper: function (props) {
+            return (_jsx(DndContext, { children: _jsx("tbody", __assign({}, props), void 0) }, void 0));
+        },
+        row: function (props) {
+            return _jsx("tr", __assign({}, props), void 0);
+        },
+        cell: function (props) { return (_jsx("td", __assign({}, props, { className: classNames(props.className, css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            max-width: 300px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n          "], ["\n            max-width: 300px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n          "])))) }), void 0)); },
+    },
+};
+var useDef = function () {
+    var _a = __read(useState([]), 2), selectedRowKeys = _a[0], setSelectedRowKeys = _a[1];
+    return [selectedRowKeys, setSelectedRowKeys];
+};
+var useDefDataSource = function (options, props) {
+    var field = useField();
+    return useRequest(function () {
+        return Promise.resolve({
+            data: field.value,
+        });
+    }, options);
+};
+var SortHandle = function () {
+    return _jsx(MenuOutlined, { className: 'drag-handle', style: { cursor: 'grab' } }, void 0);
+};
+var TableIndex = function (props) {
+    var index = props.index;
+    return (_jsx("div", __assign({ className: classNames('nb-table-index'), style: { padding: '0 8px 0 16px' } }, { children: index + 1 }), void 0));
+};
+var useDefAction = function () {
+    return {
+        move: function () {
+            return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) {
+                return [2 /*return*/];
+            }); });
+        },
+    };
+};
+export var TableArray = observer(function (props) {
+    var _a, _b;
+    var field = useField();
+    var columns = useTableColumns();
+    var _c = props.dragSort, dragSort = _c === void 0 ? false : _c, _d = props.showIndex, showIndex = _d === void 0 ? true : _d, _e = props.useSelectedRowKeys, useSelectedRowKeys = _e === void 0 ? useDef : _e, _f = props.useDataSource, useDataSource = _f === void 0 ? useDefDataSource : _f, _g = props.useAction, useAction = _g === void 0 ? useDefAction : _g, onChange = props.onChange, others = __rest(props, ["dragSort", "showIndex", "useSelectedRowKeys", "useDataSource", "useAction", "onChange"]);
+    var _h = __read(useSelectedRowKeys(), 2), selectedRowKeys = _h[0], setSelectedRowKeys = _h[1];
+    useDataSource({
+        onSuccess: function (data) {
+            field.value = (data === null || data === void 0 ? void 0 : data.data) || [];
+        },
+    });
+    var move = useAction().move;
+    var restProps = {
+        rowSelection: props.rowSelection
+            ? __assign({ type: 'checkbox', selectedRowKeys: selectedRowKeys, onChange: function (selectedRowKeys) {
+                    setSelectedRowKeys(selectedRowKeys);
+                }, renderCell: function (checked, record, index, originNode) {
+                    var _a, _b;
+                    var current = (_a = props === null || props === void 0 ? void 0 : props.pagination) === null || _a === void 0 ? void 0 : _a.current;
+                    var pageSize = ((_b = props === null || props === void 0 ? void 0 : props.pagination) === null || _b === void 0 ? void 0 : _b.pageSize) || 20;
+                    if (current) {
+                        index = index + (current - 1) * pageSize;
+                    }
+                    return (_jsxs("div", __assign({ className: classNames(checked ? 'checked' : null, css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    position: relative;\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-evenly;\n                    padding-right: 8px;\n                    .nb-table-index {\n                      opacity: 0;\n                    }\n                    &:not(.checked) {\n                      .nb-table-index {\n                        opacity: 1;\n                      }\n                    }\n                    &:hover {\n                      .nb-table-index {\n                        opacity: 0;\n                      }\n                      .nb-origin-node {\n                        display: block;\n                      }\n                    }\n                  "], ["\n                    position: relative;\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-evenly;\n                    padding-right: 8px;\n                    .nb-table-index {\n                      opacity: 0;\n                    }\n                    &:not(.checked) {\n                      .nb-table-index {\n                        opacity: 1;\n                      }\n                    }\n                    &:hover {\n                      .nb-table-index {\n                        opacity: 0;\n                      }\n                      .nb-origin-node {\n                        display: block;\n                      }\n                    }\n                  "])))) }, { children: [_jsxs("div", __assign({ className: classNames(checked ? 'checked' : null, css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                      position: relative;\n                      display: flex;\n                      align-items: center;\n                      justify-content: space-evenly;\n                    "], ["\n                      position: relative;\n                      display: flex;\n                      align-items: center;\n                      justify-content: space-evenly;\n                    "])))) }, { children: [dragSort && _jsx(SortHandle, {}, void 0), showIndex && _jsx(TableIndex, { index: index }, void 0)] }), void 0), _jsx("div", __assign({ className: classNames('nb-origin-node', checked ? 'checked' : null, css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                      position: absolute;\n                      right: 50%;\n                      transform: translateX(50%);\n                      &:not(.checked) {\n                        display: none;\n                      }\n                    "], ["\n                      position: absolute;\n                      right: 50%;\n                      transform: translateX(50%);\n                      &:not(.checked) {\n                        display: none;\n                      }\n                    "])))) }, { children: originNode }), void 0)] }), void 0));
+                } }, props.rowSelection) : undefined,
+    };
+    var defaultRowKey = function (record) {
+        var _a, _b;
+        return (_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, record);
+    };
+    return (_jsx("div", __assign({ className: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        .ant-table {\n          overflow-x: auto;\n          overflow-y: hidden;\n        }\n      "], ["\n        .ant-table {\n          overflow-x: auto;\n          overflow-y: hidden;\n        }\n      "]))) }, { children: _jsx(ReactDragListView, __assign({ handleSelector: '.drag-handle', onDragEnd: function (fromIndex, toIndex) { return __awaiter(void 0, void 0, void 0, function () {
+                var from, to;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            from = field.value[fromIndex];
+                            to = field.value[toIndex];
+                            field.move(fromIndex, toIndex);
+                            return [4 /*yield*/, move(from, to)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); }, lineClassName: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          border-bottom: 2px solid rgba(241, 139, 98, 0.6) !important;\n        "], ["\n          border-bottom: 2px solid rgba(241, 139, 98, 0.6) !important;\n        "]))) }, { children: _jsx(Table, __assign({ rowKey: defaultRowKey }, others, restProps, { components: components, columns: columns, dataSource: (_b = (_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.slice) === null || _b === void 0 ? void 0 : _b.call(_a) }), void 0) }), void 0) }), void 0));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=Table.Array.js.map

package/esm/schema-component/antd/table/Table.Array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Array.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table/Table.Array.tsx"],"names":[],"mappings":"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","sourcesContent":["import { MenuOutlined } from '@ant-design/icons';\nimport { css } from '@emotion/css';\nimport { ArrayField, Field } from '@formily/core';\nimport { observer, RecursionField, Schema, useField, useFieldSchema } from '@formily/react';\nimport { Table, TableColumnProps } from 'antd';\nimport { default as classNames, default as cls } from 'classnames';\nimport React, { useState } from 'react';\nimport ReactDragListView from 'react-drag-listview';\nimport { DndContext } from '../..';\nimport { RecordIndexProvider, RecordProvider, useRequest, useSchemaInitializer } from '../../../';\n\nconst isColumnComponent = (schema: Schema) => {\n  return schema['x-component']?.endsWith('.Column') > -1;\n};\n\nconst useTableColumns = () => {\n  const start = Date.now();\n  const field = useField<ArrayField>();\n  const schema = useFieldSchema();\n  const { exists, render } = useSchemaInitializer(schema['x-initializer']);\n  const columns = schema\n    .reduceProperties((buf, s) => {\n      if (isColumnComponent(s)) {\n        return buf.concat([s]);\n      }\n    }, [])\n    .map((s: Schema) => {\n      return {\n        title: <RecursionField name={s.name} schema={s} onlyRenderSelf />,\n        dataIndex: s.name,\n        key: s.name,\n        render: (v, record) => {\n          const index = field.value?.indexOf(record);\n          console.log((Date.now() - start) / 1000);\n          return (\n            <RecordIndexProvider index={index}>\n              <RecordProvider record={record}>\n                <RecursionField schema={s} name={index} onlyRenderProperties />\n              </RecordProvider>\n            </RecordIndexProvider>\n          );\n        },\n      } as TableColumnProps<any>;\n    });\n  if (!exists) {\n    return columns;\n  }\n  return columns.concat({\n    title: render(),\n    dataIndex: 'TABLE_COLUMN_INITIALIZER',\n    key: 'TABLE_COLUMN_INITIALIZER',\n  });\n};\n\nexport const components = {\n  header: {\n    wrapper: (props) => {\n      return (\n        <DndContext>\n          <thead {...props} />\n        </DndContext>\n      );\n    },\n    cell: (props) => {\n      return (\n        <th\n          {...props}\n          className={cls(\n            props.className,\n            css`\n              &:hover .general-schema-designer {\n                display: block;\n              }\n            `,\n          )}\n        />\n      );\n    },\n  },\n  body: {\n    wrapper: (props) => {\n      return (\n        <DndContext>\n          <tbody {...props} />\n        </DndContext>\n      );\n    },\n    row: (props) => {\n      return <tr {...props} />;\n    },\n    cell: (props) => (\n      <td\n        {...props}\n        className={classNames(\n          props.className,\n          css`\n            max-width: 300px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n          `,\n        )}\n      />\n    ),\n  },\n};\n\nconst useDef = () => {\n  const [selectedRowKeys, setSelectedRowKeys] = useState([]);\n  return [selectedRowKeys, setSelectedRowKeys];\n};\n\nconst useDefDataSource = (options, props) => {\n  const field = useField<Field>();\n  return useRequest(() => {\n    return Promise.resolve({\n      data: field.value,\n    });\n  }, options);\n};\n\nconst SortHandle = () => {\n  return <MenuOutlined className={'drag-handle'} style={{ cursor: 'grab' }} />;\n};\n\nconst TableIndex = (props) => {\n  const { index } = props;\n  return (\n    <div className={classNames('nb-table-index')} style={{ padding: '0 8px 0 16px' }}>\n      {index + 1}\n    </div>\n  );\n};\n\nconst useDefAction = () => {\n  return {\n    async move() {},\n  };\n};\n\nexport const TableArray: React.FC<any> = observer((props) => {\n  const field = useField<ArrayField>();\n  const columns = useTableColumns();\n  const {\n    dragSort = false,\n    showIndex = true,\n    useSelectedRowKeys = useDef,\n    useDataSource = useDefDataSource,\n    useAction = useDefAction,\n    onChange,\n    ...others\n  } = props;\n  const [selectedRowKeys, setSelectedRowKeys] = useSelectedRowKeys();\n  useDataSource({\n    onSuccess(data) {\n      field.value = data?.data || [];\n    },\n  });\n  const { move } = useAction();\n  const restProps = {\n    rowSelection: props.rowSelection\n      ? {\n          type: 'checkbox',\n          selectedRowKeys,\n          onChange(selectedRowKeys: any[]) {\n            setSelectedRowKeys(selectedRowKeys);\n          },\n          renderCell: (checked, record, index, originNode) => {\n            const current = props?.pagination?.current;\n            const pageSize = props?.pagination?.pageSize || 20;\n            if (current) {\n              index = index + (current - 1) * pageSize;\n            }\n            return (\n              <div\n                className={classNames(\n                  checked ? 'checked' : null,\n                  css`\n                    position: relative;\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-evenly;\n                    padding-right: 8px;\n                    .nb-table-index {\n                      opacity: 0;\n                    }\n                    &:not(.checked) {\n                      .nb-table-index {\n                        opacity: 1;\n                      }\n                    }\n                    &:hover {\n                      .nb-table-index {\n                        opacity: 0;\n                      }\n                      .nb-origin-node {\n                        display: block;\n                      }\n                    }\n                  `,\n                )}\n              >\n                <div\n                  className={classNames(\n                    checked ? 'checked' : null,\n                    css`\n                      position: relative;\n                      display: flex;\n                      align-items: center;\n                      justify-content: space-evenly;\n                    `,\n                  )}\n                >\n                  {dragSort && <SortHandle />}\n                  {showIndex && <TableIndex index={index} />}\n                </div>\n                <div\n                  className={classNames(\n                    'nb-origin-node',\n                    checked ? 'checked' : null,\n                    css`\n                      position: absolute;\n                      right: 50%;\n                      transform: translateX(50%);\n                      &:not(.checked) {\n                        display: none;\n                      }\n                    `,\n                  )}\n                >\n                  {originNode}\n                </div>\n              </div>\n            );\n          },\n          ...props.rowSelection,\n        }\n      : undefined,\n  };\n\n  const defaultRowKey = (record: any) => {\n    return field.value?.indexOf?.(record);\n  };\n\n  return (\n    <div\n      className={css`\n        .ant-table {\n          overflow-x: auto;\n          overflow-y: hidden;\n        }\n      `}\n    >\n      <ReactDragListView\n        handleSelector={'.drag-handle'}\n        onDragEnd={async (fromIndex, toIndex) => {\n          const from = field.value[fromIndex];\n          const to = field.value[toIndex];\n          field.move(fromIndex, toIndex);\n          await move(from, to);\n        }}\n        lineClassName={css`\n          border-bottom: 2px solid rgba(241, 139, 98, 0.6) !important;\n        `}\n      >\n        <Table\n          rowKey={defaultRowKey}\n          {...others}\n          {...restProps}\n          components={components}\n          columns={columns}\n          dataSource={field?.value?.slice?.()}\n        />\n      </ReactDragListView>\n    </div>\n  );\n});\n"]}

package/esm/schema-component/antd/table/Table.Column.ActionBar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const designerCss: string;
+export declare const TableColumnActionBar: React.MemoExoticComponent<React.FunctionComponent<unknown>>;

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

@@ -0,0 +1,26 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css } from '@emotion/css';
+import { observer } from '@formily/react';
+import { SortableItem, useDesigner } from '../..';
+export var designerCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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"], ["\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 (_jsxs(SortableItem, __assign({ className: designerCss }, { children: [_jsx(Designer, {}, void 0), props.children] }), void 0));
+});
+var templateObject_1;
+//# sourceMappingURL=Table.Column.ActionBar.js.map

package/esm/schema-component/antd/table/Table.Column.ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Column.ActionBar.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table/Table.Column.ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAC,IAAM,WAAW,GAAG,GAAG,+3BAAA,4zBAqC7B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,QAAQ,CAAC,UAAC,KAAK;IACjD,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL,MAAC,YAAY,aAAC,SAAS,EAAE,WAAW,iBAClC,KAAC,QAAQ,aAAG,EACX,KAAK,CAAC,QAAQ,aACF,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { css } from '@emotion/css';\nimport { observer } from '@formily/react';\nimport React from 'react';\nimport { SortableItem, useDesigner } from '../..';\n\nexport const designerCss = css`\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`;\n\nexport const TableColumnActionBar = observer((props) => {\n  const Designer = useDesigner();\n  return (\n    <SortableItem className={designerCss}>\n      <Designer />\n      {props.children}\n    </SortableItem>\n  );\n});\n"]}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+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/esm/schema-component/antd/table/Table.Column.Decorator.js

@@ -0,0 +1,52 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField, useFieldSchema } from '@formily/react';
+import { useLayoutEffect } from 'react';
+import { SortableItem, useCollection, useCompile, useDesignable, useDesigner } from '../../../';
+import { designerCss } from './Table.Column.ActionBar';
+export var useColumnSchema = function () {
+    var 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 (props) {
+    var Designer = useDesigner();
+    var field = useField();
+    var _a = useColumnSchema(), fieldSchema = _a.fieldSchema, uiSchema = _a.uiSchema, collectionField = _a.collectionField;
+    var 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 (_jsxs(SortableItem, __assign({ className: designerCss }, { children: [_jsx(Designer, { fieldSchema: fieldSchema, uiSchema: uiSchema, collectionField: collectionField }, void 0), field.title || compile(uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema.title)] }), void 0));
+};
+//# sourceMappingURL=Table.Column.Decorator.js.map

package/esm/schema-component/antd/table/Table.Column.Decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Column.Decorator.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table/Table.Column.Decorator.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAc,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,CAAC,IAAM,eAAe,GAAG;IACrB,IAAA,QAAQ,GAAK,aAAa,EAAE,SAApB,CAAqB;IACrC,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,YAAY,GAAG,cAAc,EAAE,CAAC;IACtC,IAAM,WAAW,GAAG,YAAY,CAAC,gBAAgB,CAAC,UAAC,GAAG,EAAE,CAAC;QACvD,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,iBAAiB,EAAE;YAC1C,OAAO,CAAC,CAAC;SACV;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,IAAI,CAAC,CAAC;IACT,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;IACD,IAAM,eAAe,GAAG,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,YAAY,cAAA,EAAE,WAAW,aAAA,EAAE,eAAe,iBAAA,EAAE,QAAQ,EAAE,OAAO,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CAAC,EAAE,CAAC;AACtG,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAK;IACxC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACnB,IAAA,KAA6C,eAAe,EAAE,EAA5D,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAsB,CAAC;IAC7D,IAAA,OAAO,GAAK,aAAa,EAAE,QAApB,CAAqB;IACpC,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,eAAe,CAAC;QACd,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,OAAO;SACR;QACD,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QACD,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,EAAE;YACnB,KAAK,CAAC,KAAK,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,CAAC,CAAC;IACtB,OAAO,CACL,MAAC,YAAY,aAAC,SAAS,EAAE,WAAW,iBAClC,KAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,WAAG,EAE1F,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAC,aAa3B,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useField, useFieldSchema } from '@formily/react';\nimport React, { useLayoutEffect } from 'react';\nimport { SortableItem, useCollection, useCompile, useDesignable, useDesigner } from '../../../';\nimport { designerCss } from './Table.Column.ActionBar';\n\nexport const useColumnSchema = () => {\n  const { getField } = useCollection();\n  const compile = useCompile();\n  const columnSchema = useFieldSchema();\n  const fieldSchema = columnSchema.reduceProperties((buf, s) => {\n    if (s['x-component'] === 'CollectionField') {\n      return s;\n    }\n    return buf;\n  }, null);\n  if (!fieldSchema) {\n    return {};\n  }\n  const collectionField = getField(fieldSchema.name);\n  return { columnSchema, fieldSchema, collectionField, uiSchema: compile(collectionField?.uiSchema) };\n};\n\nexport const TableColumnDecorator = (props) => {\n  const Designer = useDesigner();\n  const field = useField();\n  const { fieldSchema, uiSchema, collectionField } = useColumnSchema();\n  const { refresh } = useDesignable();\n  const compile = useCompile();\n  useLayoutEffect(() => {\n    if (field.title) {\n      return;\n    }\n    if (!fieldSchema) {\n      return;\n    }\n    if (uiSchema?.title) {\n      field.title = uiSchema?.title;\n    }\n  }, [uiSchema?.title]);\n  return (\n    <SortableItem className={designerCss}>\n      <Designer fieldSchema={fieldSchema} uiSchema={uiSchema} collectionField={collectionField}/>\n      {/* <RecursionField name={columnSchema.name} schema={columnSchema}/> */}\n      {field.title || compile(uiSchema?.title)}\n      {/* <div\n        onClick={() => {\n          field.title = uid();\n          // columnSchema.title = field.title = field.title;\n          // refresh();\n          // field.query(`.*.${fieldSchema.name}`).take((f) => {\n          //   f.componentProps.dateFormat = 'YYYY-MM-DD';\n          // });\n        }}\n      >\n        Edit\n      </div> */}\n    </SortableItem>\n  );\n};\n"]}

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

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

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

@@ -0,0 +1,180 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField, useFieldSchema, useForm } from '@formily/react';
+import { useCollectionManager } from '../../../collection-manager';
+import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
+import { useCompile, useDesignable } from '../../hooks';
+import { useActionContext } from '../action';
+var useLabelFields = function (collectionName) {
+    var _a, _b, _c;
+    if (!collectionName) {
+        return [];
+    }
+    var compile = useCompile();
+    var getCollectionFields = useCollectionManager().getCollectionFields;
+    var targetFields = getCollectionFields(collectionName);
+    return (_c = (_b = (_a = targetFields === null || targetFields === void 0 ? void 0 : targetFields.filter) === null || _a === void 0 ? void 0 : _a.call(targetFields, function (field) { return !(field === null || field === void 0 ? void 0 : field.target) && field.type !== 'boolean'; })) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, function (field) {
+        var _a;
+        return {
+            value: field.name,
+            label: compile(((_a = field === null || field === void 0 ? void 0 : field.uiSchema) === null || _a === void 0 ? void 0 : _a.title) || field.name),
+        };
+    });
+};
+export var TableColumnDesigner = function (props) {
+    var _a, _b, _c;
+    var uiSchema = props.uiSchema, fieldSchema = props.fieldSchema, collectionField = props.collectionField;
+    var field = useField();
+    var columnSchema = useFieldSchema();
+    var dn = useDesignable().dn;
+    var initialValue = {
+        title: columnSchema === null || columnSchema === void 0 ? void 0 : columnSchema.title,
+    };
+    var options = useLabelFields(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target);
+    return (_jsxs(GeneralSchemaDesigner, { children: [_jsx(SchemaSettings.PopupItem, { title: '编辑', schema: {
+                    title: '编辑字段',
+                    'x-component': 'Action.Modal',
+                    'x-component-props': {
+                        width: 520,
+                    },
+                    'x-decorator': 'Form',
+                    'x-decorator-props': {
+                        initialValue: initialValue,
+                    },
+                    type: 'void',
+                    properties: {
+                        title: {
+                            'x-decorator': 'FormItem',
+                            'x-component': 'Input',
+                            title: '字段标题',
+                            'x-component-props': {},
+                            description: "\u539F\u5B57\u6BB5\u6807\u9898\uFF1A" + ((_a = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _a === void 0 ? void 0 : _a.title),
+                        },
+                        footer: {
+                            type: 'void',
+                            'x-component': 'Action.Modal.Footer',
+                            properties: {
+                                cancel: {
+                                    type: 'void',
+                                    title: '{{t("Cancel")}}',
+                                    'x-component': 'Action',
+                                    'x-component-props': {
+                                        useAction: function () {
+                                            var ctx = useActionContext();
+                                            return {
+                                                run: function () {
+                                                    return __awaiter(this, void 0, void 0, function () {
+                                                        return __generator(this, function (_a) {
+                                                            ctx.setVisible(false);
+                                                            return [2 /*return*/];
+                                                        });
+                                                    });
+                                                },
+                                            };
+                                        },
+                                    },
+                                },
+                                submit: {
+                                    type: 'void',
+                                    title: 'Submit',
+                                    'x-component': 'Action',
+                                    'x-component-props': {
+                                        type: 'primary',
+                                        useAction: function () {
+                                            var form = useForm();
+                                            var ctx = useActionContext();
+                                            return {
+                                                run: function () {
+                                                    return __awaiter(this, void 0, void 0, function () {
+                                                        var title;
+                                                        return __generator(this, function (_a) {
+                                                            title = form.values.title;
+                                                            if (title) {
+                                                                field.title = title;
+                                                                columnSchema.title = title;
+                                                                dn.emit('patch', {
+                                                                    schema: {
+                                                                        'x-uid': columnSchema['x-uid'],
+                                                                        title: columnSchema.title,
+                                                                    },
+                                                                });
+                                                            }
+                                                            ctx.setVisible(false);
+                                                            dn.refresh();
+                                                            return [2 /*return*/];
+                                                        });
+                                                    });
+                                                },
+                                            };
+                                        },
+                                    },
+                                },
+                            },
+                        },
+                    },
+                } }, void 0), (collectionField === null || collectionField === void 0 ? void 0 : collectionField.target) && (_jsx(SchemaSettings.SelectItem, { title: '标题字段', options: options, value: (_c = (_b = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-component-props']) === null || _b === void 0 ? void 0 : _b['fieldNames']) === null || _c === void 0 ? void 0 : _c['label'], onChange: function (label) {
+                    var fieldNames = __assign(__assign({}, fieldSchema['x-component-props']['fieldNames']), { label: label });
+                    fieldSchema['x-component-props']['fieldNames'] = fieldNames;
+                    field.query(".*." + fieldSchema.name).take(function (f) {
+                        f.componentProps.fieldNames = fieldNames;
+                    });
+                    dn.emit('patch', {
+                        schema: {
+                            'x-uid': fieldSchema['x-uid'],
+                            'x-component-props': {
+                                fieldNames: fieldNames,
+                            },
+                        },
+                    });
+                    dn.refresh();
+                } }, void 0)), _jsx(SchemaSettings.Divider, {}, void 0), _jsx(SchemaSettings.Remove, { removeParentsIfNoChildren: true, breakRemoveOn: {
+                    'x-component': 'Grid',
+                } }, void 0)] }, void 0));
+};
+//# sourceMappingURL=Table.Column.Designer.js.map

package/esm/schema-component/antd/table/Table.Column.Designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Column.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table/Table.Column.Designer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ISchema, useField, useFieldSchema, useForm } from '@formily/react';\nimport React from 'react';\nimport { useCollectionManager } from '../../../collection-manager';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\nimport { useCompile, useDesignable } from '../../hooks';\nimport { useActionContext } from '../action';\n\nconst useLabelFields = (collectionName?: any) => {\n  if (!collectionName) {\n    return [];\n  }\n  const compile = useCompile();\n  const { getCollectionFields } = useCollectionManager();\n  const targetFields = getCollectionFields(collectionName);\n  return targetFields\n    ?.filter?.((field) => !field?.target && field.type !== 'boolean')\n    ?.map?.((field) => {\n      return {\n        value: field.name,\n        label: compile(field?.uiSchema?.title || field.name),\n      };\n    });\n};\n\nexport const TableColumnDesigner = (props) => {\n  const { uiSchema, fieldSchema, collectionField } = props;\n  const field = useField();\n  const columnSchema = useFieldSchema();\n  const { dn } = useDesignable();\n  const initialValue = {\n    title: columnSchema?.title,\n  };\n  const options = useLabelFields(collectionField?.target);\n  return (\n    <GeneralSchemaDesigner>\n      <SchemaSettings.PopupItem\n        title={'编辑'}\n        schema={\n          {\n            title: '编辑字段',\n            'x-component': 'Action.Modal',\n            'x-component-props': {\n              width: 520,\n            },\n            'x-decorator': 'Form',\n            'x-decorator-props': {\n              initialValue,\n            },\n            type: 'void',\n            properties: {\n              title: {\n                'x-decorator': 'FormItem',\n                'x-component': 'Input',\n                title: '字段标题',\n                'x-component-props': {},\n                description: `原字段标题：${collectionField?.uiSchema?.title}`,\n              },\n              footer: {\n                type: 'void',\n                'x-component': 'Action.Modal.Footer',\n                properties: {\n                  cancel: {\n                    type: 'void',\n                    title: '{{t(\"Cancel\")}}',\n                    'x-component': 'Action',\n                    'x-component-props': {\n                      useAction() {\n                        const ctx = useActionContext();\n                        return {\n                          async run() {\n                            ctx.setVisible(false);\n                          },\n                        };\n                      },\n                    },\n                  },\n                  submit: {\n                    type: 'void',\n                    title: 'Submit',\n                    'x-component': 'Action',\n                    'x-component-props': {\n                      type: 'primary',\n                      useAction() {\n                        const form = useForm();\n                        const ctx = useActionContext();\n                        return {\n                          async run() {\n                            const { title } = form.values;\n                            if (title) {\n                              field.title = title;\n                              columnSchema.title = title;\n                              dn.emit('patch', {\n                                schema: {\n                                  'x-uid': columnSchema['x-uid'],\n                                  title: columnSchema.title,\n                                },\n                              });\n                            }\n                            ctx.setVisible(false);\n                            dn.refresh();\n                          },\n                        };\n                      },\n                    },\n                  },\n                },\n              },\n            },\n          } as ISchema\n        }\n      />\n      {collectionField?.target && (\n        <SchemaSettings.SelectItem\n          title={'标题字段'}\n          options={options}\n          value={fieldSchema?.['x-component-props']?.['fieldNames']?.['label']}\n          onChange={(label) => {\n            const fieldNames = {\n              ...fieldSchema['x-component-props']['fieldNames'],\n              label,\n            };\n            fieldSchema['x-component-props']['fieldNames'] = fieldNames;\n            field.query(`.*.${fieldSchema.name}`).take((f) => {\n              f.componentProps.fieldNames = fieldNames;\n            });\n            dn.emit('patch', {\n              schema: {\n                'x-uid': fieldSchema['x-uid'],\n                'x-component-props': {\n                  fieldNames,\n                },\n              },\n            });\n            dn.refresh();\n          }}\n        />\n      )}\n      <SchemaSettings.Divider />\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

package/esm/schema-component/antd/table/Table.Column.d.ts

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