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

package/esm/schema-component/antd/table-v2/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-v2/Table.Column.ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Column.ActionBar.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table-v2/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-v2/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-v2/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-v2/Table.Column.Decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Column.Decorator.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table-v2/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-v2/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-v2/Table.Column.Designer.js

@@ -0,0 +1,90 @@
+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 { useTranslation } from 'react-i18next';
+import { useCollectionManager } from '../../../collection-manager';
+import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
+import { useCompile, useDesignable } from '../../hooks';
+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.interface) && !(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 t = useTranslation().t;
+    var columnSchema = useFieldSchema();
+    var dn = useDesignable().dn;
+    var fieldNames = ((_a = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-component-props']) === null || _a === void 0 ? void 0 : _a['fieldNames']) || ((_b = uiSchema === null || uiSchema === void 0 ? void 0 : uiSchema['x-component-props']) === null || _b === void 0 ? void 0 : _b['fieldNames']);
+    var options = useLabelFields(collectionField === null || collectionField === void 0 ? void 0 : collectionField.target);
+    return (_jsxs(GeneralSchemaDesigner, { children: [_jsx(SchemaSettings.ModalItem, { title: t('Custom column title'), schema: {
+                    type: 'object',
+                    title: t('Custom column title'),
+                    properties: {
+                        title: {
+                            // title: t('Column title'),
+                            default: columnSchema === null || columnSchema === void 0 ? void 0 : columnSchema.title,
+                            description: "" + t('Original title: ') + ((_c = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _c === void 0 ? void 0 : _c.title),
+                            'x-decorator': 'FormItem',
+                            'x-component': 'Input',
+                            'x-component-props': {},
+                        },
+                    },
+                }, onSubmit: function (_a) {
+                    var title = _a.title;
+                    if (title) {
+                        field.title = title;
+                        columnSchema.title = title;
+                        dn.emit('patch', {
+                            schema: {
+                                'x-uid': columnSchema['x-uid'],
+                                title: columnSchema.title,
+                            },
+                        });
+                    }
+                    dn.refresh();
+                } }, void 0), (collectionField === null || collectionField === void 0 ? void 0 : collectionField.interface) === 'linkTo' && (_jsx(SchemaSettings.SelectItem, { title: t('Title field'), options: options, value: fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames['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',
+                }, confirm: {
+                    title: t('Delete table column')
+                } }, void 0)] }, void 0));
+};
+//# sourceMappingURL=Table.Column.Designer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Column.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table-v2/Table.Column.Designer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ISchema, useField, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useCollectionManager } from '../../../collection-manager';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\nimport { useCompile, useDesignable } from '../../hooks';\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?.interface && !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 { t } = useTranslation();\n  const columnSchema = useFieldSchema();\n  const { dn } = useDesignable();\n  const fieldNames =\n    fieldSchema?.['x-component-props']?.['fieldNames'] || uiSchema?.['x-component-props']?.['fieldNames'];\n  const options = useLabelFields(collectionField?.target);\n  return (\n    <GeneralSchemaDesigner>\n      <SchemaSettings.ModalItem\n        title={t('Custom column title')}\n        schema={\n          {\n            type: 'object',\n            title: t('Custom column title'),\n            properties: {\n              title: {\n                // title: t('Column title'),\n                default: columnSchema?.title,\n                description: `${t('Original title: ')}${collectionField?.uiSchema?.title}`,\n                'x-decorator': 'FormItem',\n                'x-component': 'Input',\n                'x-component-props': {},\n              },\n            },\n          } as ISchema\n        }\n        onSubmit={({ title }) => {\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          dn.refresh();\n        }}\n      />\n      {collectionField?.interface === 'linkTo' && (\n        <SchemaSettings.SelectItem\n          title={t('Title field')}\n          options={options}\n          value={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        confirm={{\n          title: t('Delete table column')\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useField } from '@formily/react';
+export var TableColumn = function (props) {
+    var field = useField();
+    return _jsx("div", { children: field.title }, void 0);
+};
+//# sourceMappingURL=Table.Column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Column.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table-v2/Table.Column.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAK;IAC/B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,wBAAM,KAAK,CAAC,KAAK,WAAO,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { useField } from '@formily/react';\nimport React from 'react';\n\nexport const TableColumn = (props) => {\n  const field = useField();\n  return <div>{field.title}</div>;\n};\n"]}

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

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

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

@@ -0,0 +1,21 @@
+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 } from "react/jsx-runtime";
+import { useCollection } from '../../../collection-manager';
+import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
+export var TableDesigner = function () {
+    var _a = useCollection(), name = _a.name, title = _a.title;
+    return (_jsx(GeneralSchemaDesigner, __assign({ title: title || name }, { children: _jsx(SchemaSettings.Remove, { removeParentsIfNoChildren: true, breakRemoveOn: {
+                'x-component': 'Grid',
+            } }, void 0) }), void 0));
+};
+//# sourceMappingURL=Table.Designer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table-v2/Table.Designer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEjF,MAAM,CAAC,IAAM,aAAa,GAAG;IACrB,IAAA,KAAkB,aAAa,EAAE,EAA/B,IAAI,UAAA,EAAE,KAAK,WAAoB,CAAC;IACxC,OAAO,CACL,KAAC,qBAAqB,aAAC,KAAK,EAAE,KAAK,IAAI,IAAI,gBACzC,KAAC,cAAc,CAAC,MAAM,IACpB,yBAAyB,QACzB,aAAa,EAAE;gBACb,aAAa,EAAE,MAAM;aACtB,WACD,YACoB,CACzB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { useCollection } from '../../../collection-manager';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\n\nexport const TableDesigner = () => {\n  const { name, title } = useCollection();\n  return (\n    <GeneralSchemaDesigner title={title || name}>\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

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

@@ -0,0 +1,13 @@
+/// <reference types="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 Table: any;

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

@@ -0,0 +1,195 @@
+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;
+};
+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 as AntdTable } from 'antd';
+import { default as classNames, default as cls } from 'classnames';
+import ReactDragListView from 'react-drag-listview';
+import { useTranslation } from 'react-i18next';
+import { DndContext } from '../..';
+import { RecordIndexProvider, RecordProvider, 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,
+            // width: 300,
+            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              max-width: 300px;\n              white-space: nowrap;\n              &:hover .general-schema-designer {\n                display: block;\n              }\n            "], ["\n              max-width: 300px;\n              white-space: nowrap;\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            white-space: nowrap;\n            .nb-read-pretty-input-number {\n              text-align: right;\n            }\n          "], ["\n            max-width: 300px;\n            white-space: nowrap;\n            .nb-read-pretty-input-number {\n              text-align: right;\n            }\n          "])))) }), void 0)); },
+    },
+};
+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 usePaginationProps = function (pagination1, pagination2) {
+    var t = useTranslation().t;
+    if (pagination2 === false) {
+        return false;
+    }
+    if (!pagination2 && pagination1 === false) {
+        return false;
+    }
+    return __assign(__assign({ showTotal: function (total) { return t('Total {{count}} items', { count: total }); }, showSizeChanger: true }, pagination1), pagination2);
+};
+export var Table = observer(function (props) {
+    var _a, _b, _c;
+    var field = useField();
+    var columns = useTableColumns();
+    var pagination1 = props.pagination, useProps = props.useProps, onChange = props.onChange, others1 = __rest(props, ["pagination", "useProps", "onChange"]);
+    var _d = (useProps === null || useProps === void 0 ? void 0 : useProps()) || {}, pagination2 = _d.pagination, others2 = __rest(_d, ["pagination"]);
+    var _e = __assign(__assign({}, others1), others2), _f = _e.dragSort, dragSort = _f === void 0 ? false : _f, _g = _e.showIndex, showIndex = _g === void 0 ? true : _g, onRowDragEnd = _e.onRowDragEnd, onRowSelectionChange = _e.onRowSelectionChange, onTableChange = _e.onChange, rowSelection = _e.rowSelection, others = __rest(_e, ["dragSort", "showIndex", "onRowDragEnd", "onRowSelectionChange", "onChange", "rowSelection"]);
+    var paginationProps = usePaginationProps(pagination1, pagination2);
+    var restProps = {
+        rowSelection: rowSelection
+            ? __assign({ type: 'checkbox', selectedRowKeys: ((_a = field === null || field === void 0 ? void 0 : field.data) === null || _a === void 0 ? void 0 : _a.selectedRowKeys) || [], onChange: function (selectedRowKeys, selectedRows) {
+                    field.data = field.data || {};
+                    field.data.selectedRowKeys = selectedRowKeys;
+                    onRowSelectionChange === null || onRowSelectionChange === void 0 ? void 0 : onRowSelectionChange(selectedRowKeys, selectedRows);
+                }, renderCell: function (checked, record, index, originNode) {
+                    var _a, _b;
+                    if (!dragSort && !showIndex) {
+                        return originNode;
+                    }
+                    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));
+                } }, 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) {
+                    from = field.value[fromIndex];
+                    to = field.value[toIndex];
+                    field.move(fromIndex, toIndex);
+                    onRowDragEnd({ fromIndex: fromIndex, toIndex: toIndex, from: from, to: to });
+                    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(AntdTable, __assign({ rowKey: defaultRowKey }, others, restProps, { pagination: paginationProps, components: components, onChange: function (pagination, filters, sorter, extra) {
+                    onTableChange === null || onTableChange === void 0 ? void 0 : onTableChange(pagination, filters, sorter, extra);
+                }, 
+                // tableLayout={'auto'}
+                // scroll={{ x: 12 * 300 + 80 }}
+                columns: columns, dataSource: (_c = (_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.slice) === null || _c === void 0 ? void 0 : _c.call(_b) }), void 0) }), void 0) }), void 0));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/table-v2/Table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { MenuOutlined } from '@ant-design/icons';\nimport { css } from '@emotion/css';\nimport { ArrayField } from '@formily/core';\nimport { observer, RecursionField, Schema, useField, useFieldSchema } from '@formily/react';\nimport { Table as AntdTable, TableColumnProps } from 'antd';\nimport { default as classNames, default as cls } from 'classnames';\nimport React from 'react';\nimport ReactDragListView from 'react-drag-listview';\nimport { useTranslation } from 'react-i18next';\nimport { DndContext } from '../..';\nimport { RecordIndexProvider, RecordProvider, 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        // width: 300,\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              max-width: 300px;\n              white-space: nowrap;\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            white-space: nowrap;\n            .nb-read-pretty-input-number {\n              text-align: right;\n            }\n          `,\n        )}\n      />\n    ),\n  },\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 usePaginationProps = (pagination1, pagination2) => {\n  const { t } = useTranslation();\n  if (pagination2 === false) {\n    return false;\n  }\n  if (!pagination2 && pagination1 === false) {\n    return false;\n  }\n  return {\n    showTotal: (total) => t('Total {{count}} items', { count: total }),\n    showSizeChanger: true,\n    ...pagination1,\n    ...pagination2,\n  };\n};\n\nexport const Table: any = observer((props: any) => {\n  const field = useField<ArrayField>();\n  const columns = useTableColumns();\n  const { pagination: pagination1, useProps, onChange, ...others1 } = props;\n  const { pagination: pagination2, ...others2 } = useProps?.() || {};\n  const {\n    dragSort = false,\n    showIndex = true,\n    onRowDragEnd,\n    onRowSelectionChange,\n    onChange: onTableChange,\n    rowSelection,\n    ...others\n  } = { ...others1, ...others2 } as any;\n  const paginationProps = usePaginationProps(pagination1, pagination2);\n  const restProps = {\n    rowSelection: rowSelection\n      ? {\n          type: 'checkbox',\n          selectedRowKeys: field?.data?.selectedRowKeys || [],\n          onChange(selectedRowKeys: any[], selectedRows: any[]) {\n            field.data = field.data || {};\n            field.data.selectedRowKeys = selectedRowKeys;\n            onRowSelectionChange?.(selectedRowKeys, selectedRows);\n          },\n          renderCell: (checked, record, index, originNode) => {\n            if (!dragSort && !showIndex) {\n              return originNode;\n            }\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          ...rowSelection,\n        }\n      : undefined,\n  };\n  const defaultRowKey = (record: any) => {\n    return field.value?.indexOf?.(record);\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          onRowDragEnd({ fromIndex, toIndex, from, to });\n        }}\n        lineClassName={css`\n          border-bottom: 2px solid rgba(241, 139, 98, 0.6) !important;\n        `}\n      >\n        <AntdTable\n          rowKey={defaultRowKey}\n          {...others}\n          {...restProps}\n          pagination={paginationProps}\n          components={components}\n          onChange={(pagination, filters, sorter, extra) => {\n            onTableChange?.(pagination, filters, sorter, extra);\n          }}\n          // tableLayout={'auto'}\n          // scroll={{ x: 12 * 300 + 80 }}\n          columns={columns}\n          dataSource={field?.value?.slice?.()}\n        />\n      </ReactDragListView>\n    </div>\n  );\n});\n"]}

package/esm/schema-component/antd/table-v2/TableBlockDesigner.d.ts

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