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

package/lib/schemas/table/TableOperation.js

@@ -1,50 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableOperation = void 0;
-
-const react_1 = __importDefault(require("react"));
-
-const react_2 = require("@formily/react");
-
-const react_i18next_1 = require("react-i18next");
-
-const __1 = require("..");
-
-const Table_1 = require("./Table");
-
-exports.TableOperation = (0, react_2.observer)(props => {
-  const _ref = (0, __1.useDesignable)(),
-        designable = _ref.designable,
-        schema = _ref.schema;
-
-  const _ref2 = (0, react_i18next_1.useTranslation)(),
-        t = _ref2.t;
-
-  return react_1.default.createElement("div", {
-    className: 'nb-table-column'
-  }, t('Operations'), react_1.default.createElement(Table_1.Table.Operation.DesignableBar, {
-    path: props.path
-  }));
-});
-//# sourceMappingURL=TableOperation.js.map

package/lib/schemas/table/TableOperation.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableOperation.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAA0C;AAC1C,iDAA+C;AAC/C,0BAAmC;AACnC,mCAAgC;AAEnB,QAAA,cAAc,GAAG,IAAA,gBAAQ,EAAC,CAAC,KAAU,EAAE,EAAE;IACpD,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAa,GAAE,CAAC;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,uCAAK,SAAS,EAAE,iBAAiB;QAC9B,CAAC,CAAC,YAAY,CAAC;QAChB,8BAAC,aAAK,CAAC,SAAS,CAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,CAC/C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","file":"TableOperation.js","sourcesContent":["import React from 'react';\nimport { observer } from '@formily/react';\nimport { useTranslation } from 'react-i18next';\nimport { useDesignable } from '..';\nimport { Table } from './Table';\n\nexport const TableOperation = observer((props: any) => {\n  const { designable, schema } = useDesignable();\n  const { t } = useTranslation();\n  return (\n    <div className={'nb-table-column'}>\n      {t('Operations')}\n      <Table.Operation.DesignableBar path={props.path} />\n    </div>\n  );\n});\n"]}

package/lib/schemas/table/TableOperationCell.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const TableOperationCell: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;

package/lib/schemas/table/TableOperationCell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableOperationCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,kBAAkB,yFAQ7B,CAAC","file":"TableOperationCell.d.ts","sourcesContent":["import React, { useContext } from 'react';\nimport { observer, RecursionField } from '@formily/react';\nimport { TableRowContext } from './context';\n\nexport const TableOperationCell = observer((props: any) => {\n  const ctx = useContext(TableRowContext);\n  const schema = props.schema;\n  return (\n    <div className={'nb-table-column'}>\n      <RecursionField schema={schema} name={ctx.index} onlyRenderProperties />\n    </div>\n  );\n});\n"]}

package/lib/schemas/table/TableOperationCell.js

@@ -1,69 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-
-var __importStar = void 0 && (void 0).__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-
-  __setModuleDefault(result, mod);
-
-  return result;
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableOperationCell = void 0;
-
-const react_1 = __importStar(require("react"));
-
-const react_2 = require("@formily/react");
-
-const context_1 = require("./context");
-
-exports.TableOperationCell = (0, react_2.observer)(props => {
-  const ctx = (0, react_1.useContext)(context_1.TableRowContext);
-  const schema = props.schema;
-  return react_1.default.createElement("div", {
-    className: 'nb-table-column'
-  }, react_1.default.createElement(react_2.RecursionField, {
-    schema: schema,
-    name: ctx.index,
-    onlyRenderProperties: true
-  }));
-});
-//# sourceMappingURL=TableOperationCell.js.map

package/lib/schemas/table/TableOperationCell.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableOperationCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA0D;AAC1D,uCAA4C;AAE/B,QAAA,kBAAkB,GAAG,IAAA,gBAAQ,EAAC,CAAC,KAAU,EAAE,EAAE;IACxD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,yBAAe,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,OAAO,CACL,uCAAK,SAAS,EAAE,iBAAiB;QAC/B,8BAAC,sBAAc,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,KAAK,EAAE,oBAAoB,SAAG,CACpE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","file":"TableOperationCell.js","sourcesContent":["import React, { useContext } from 'react';\nimport { observer, RecursionField } from '@formily/react';\nimport { TableRowContext } from './context';\n\nexport const TableOperationCell = observer((props: any) => {\n  const ctx = useContext(TableRowContext);\n  const schema = props.schema;\n  return (\n    <div className={'nb-table-column'}>\n      <RecursionField schema={schema} name={ctx.index} onlyRenderProperties />\n    </div>\n  );\n});\n"]}

package/lib/schemas/table/TableOperationDesignableBar.d.ts

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

package/lib/schemas/table/TableOperationDesignableBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableOperationDesignableBar.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,2BAA2B,mBAyEvC,CAAC","file":"TableOperationDesignableBar.d.ts","sourcesContent":["import React, { useState } from 'react';\nimport { Dropdown, Menu, Space } from 'antd';\nimport { useTranslation } from 'react-i18next';\nimport { uid, merge } from '@formily/shared';\nimport cls from 'classnames';\nimport { MenuOutlined } from '@ant-design/icons';\nimport { useDesignable, ISchema } from '..';\nimport { getSchemaPath } from '../../components/schema-renderer';\nimport { useClient } from '../../constate';\nimport SwitchMenuItem from '../../components/SwitchMenuItem';\nimport { DragHandle } from '../../components/Sortable';\n\nexport const TableOperationDesignableBar = () => {\n  const { t } = useTranslation();\n  const { schema: columnSchema } = useDesignable();\n  const groupSchema = Object.values(columnSchema.properties || {}).shift();\n  const groupPath = getSchemaPath(groupSchema);\n  const { schema, remove, refresh, appendChild } = useDesignable(groupPath);\n  const [visible, setVisible] = useState(false);\n  const { createSchema, removeSchema, updateSchema } = useClient();\n\n  const map = new Map();\n  schema.mapProperties((s) => {\n    if (!s['x-action-type']) {\n      return;\n    }\n    map.set(s['x-action-type'], s.name);\n  });\n  const path = getSchemaPath(schema);\n  return (\n    <div className={cls('designable-bar', { active: visible })}>\n      <span\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n        className={cls('designable-bar-actions', { active: visible })}\n      >\n        <Space>\n          <DragHandle />\n          <Dropdown\n            trigger={['hover']}\n            visible={visible}\n            onVisibleChange={(visible) => {\n              setVisible(visible);\n            }}\n            overlay={\n              <Menu>\n                <Menu.ItemGroup title={t('Enable actions')}>\n                  {[\n                    { title: t('View'), name: 'view' },\n                    { title: t('Edit'), name: 'update' },\n                    { title: t('Delete'), name: 'destroy' },\n                  ].map((item) => (\n                    <SwitchMenuItem\n                      key={item.name}\n                      title={item.title}\n                      checked={map.has(item.name)}\n                      onChange={async (checked) => {\n                        if (checked) {\n                          const s = generateMenuActionSchema(item.name);\n                          const data = appendChild(s);\n                          await createSchema(data);\n                        } else if (map.get(item.name)) {\n                          const removed = remove([...path, map.get(item.name)]);\n                          await removeSchema(removed);\n                        }\n                      }}\n                    />\n                  ))}\n                </Menu.ItemGroup>\n                <Menu.Divider />\n                <Menu.SubMenu disabled title={t('Customize')}>\n                  <Menu.Item style={{ minWidth: 120 }}>{t('Function')}</Menu.Item>\n                  <Menu.Item>{t('Popup form')}</Menu.Item>\n                  <Menu.Item>{t('Flexible popup')}</Menu.Item>\n                </Menu.SubMenu>\n              </Menu>\n            }\n          >\n            <MenuOutlined />\n          </Dropdown>\n        </Space>\n      </span>\n    </div>\n  );\n};\nfunction generateMenuActionSchema(type) {\n  const actions: { [key: string]: ISchema } = {\n    view: {\n      key: uid(),\n      name: uid(),\n      type: 'void',\n      title: \"{{ t('View') }}\",\n      'x-component': 'Action',\n      'x-component-props': {\n        type: 'link',\n      },\n      'x-designable-bar': 'Table.Action.DesignableBar',\n      'x-action-type': 'view',\n      properties: {\n        [uid()]: {\n          type: 'void',\n          title: \"{{ t('View record') }}\",\n          'x-component': 'Action.Drawer',\n          'x-component-props': {\n            bodyStyle: {\n              background: '#f0f2f5',\n              // paddingTop: 0,\n            },\n          },\n          properties: {\n            [uid()]: {\n              type: 'void',\n              'x-component': 'Tabs',\n              'x-designable-bar': 'Tabs.DesignableBar',\n              properties: {\n                [uid()]: {\n                  type: 'void',\n                  title: \"{{ t('Details') }}\",\n                  'x-designable-bar': 'Tabs.TabPane.DesignableBar',\n                  'x-component': 'Tabs.TabPane',\n                  'x-component-props': {},\n                  properties: {\n                    [uid()]: {\n                      type: 'void',\n                      'x-component': 'Grid',\n                      'x-component-props': {\n                        addNewComponent: 'AddNew.PaneItem',\n                      },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      },\n    },\n    update: {\n      key: uid(),\n      name: uid(),\n      type: 'void',\n      title: \"{{ t('Edit') }}\",\n      'x-component': 'Action',\n      'x-component-props': {\n        type: 'link',\n      },\n      'x-designable-bar': 'Table.Action.DesignableBar',\n      'x-action-type': 'update',\n      properties: {\n        [uid()]: {\n          type: 'void',\n          title: \"{{ t('Edit record') }}\",\n          'x-decorator': 'Form',\n          'x-decorator-props': {\n            useResource: '{{ Table.useResource }}',\n            useValues: '{{ Table.useTableRowRecord }}',\n          },\n          'x-component': 'Action.Drawer',\n          'x-component-props': {\n            useOkAction: '{{ Table.useTableUpdateAction }}',\n          },\n          properties: {\n            [uid()]: {\n              type: 'void',\n              'x-component': 'Grid',\n              'x-component-props': {\n                addNewComponent: 'AddNew.FormItem',\n              },\n            },\n          },\n        },\n      },\n    },\n    destroy: {\n      key: uid(),\n      name: uid(),\n      type: 'void',\n      title: \"{{ t('Delete') }}\",\n      'x-component': 'Action',\n      'x-designable-bar': 'Table.Action.DesignableBar',\n      'x-action-type': 'destroy',\n      'x-component-props': {\n        useAction: '{{ Table.useTableDestroyAction }}',\n        type: 'link',\n        confirm: {\n          title: \"{{ t('Delete record') }}\",\n          content: \"{{ t('Are you sure you want to delete it?') }}\",\n        },\n      },\n    },\n  };\n  return actions[type];\n}\n"]}

package/lib/schemas/table/TableOperationDesignableBar.js

@@ -1,321 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-
-var __importStar = void 0 && (void 0).__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-
-  __setModuleDefault(result, mod);
-
-  return result;
-};
-
-var __awaiter = void 0 && (void 0).__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 __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableOperationDesignableBar = void 0;
-
-const react_1 = __importStar(require("react"));
-
-const antd_1 = require("antd");
-
-const react_i18next_1 = require("react-i18next");
-
-const shared_1 = require("@formily/shared");
-
-const classnames_1 = __importDefault(require("classnames"));
-
-const icons_1 = require("@ant-design/icons");
-
-const __1 = require("..");
-
-const schema_renderer_1 = require("../../components/schema-renderer");
-
-const constate_1 = require("../../constate");
-
-const SwitchMenuItem_1 = __importDefault(require("../../components/SwitchMenuItem"));
-
-const Sortable_1 = require("../../components/Sortable");
-
-const TableOperationDesignableBar = () => {
-  const _ref = (0, react_i18next_1.useTranslation)(),
-        t = _ref.t;
-
-  const _ref2 = (0, __1.useDesignable)(),
-        columnSchema = _ref2.schema;
-
-  const groupSchema = Object.values(columnSchema.properties || {}).shift();
-  const groupPath = (0, schema_renderer_1.getSchemaPath)(groupSchema);
-
-  const _ref3 = (0, __1.useDesignable)(groupPath),
-        schema = _ref3.schema,
-        remove = _ref3.remove,
-        refresh = _ref3.refresh,
-        appendChild = _ref3.appendChild;
-
-  const _ref4 = (0, react_1.useState)(false),
-        _ref5 = _slicedToArray(_ref4, 2),
-        visible = _ref5[0],
-        setVisible = _ref5[1];
-
-  const _ref6 = (0, constate_1.useClient)(),
-        createSchema = _ref6.createSchema,
-        removeSchema = _ref6.removeSchema,
-        updateSchema = _ref6.updateSchema;
-
-  const map = new Map();
-  schema.mapProperties(s => {
-    if (!s['x-action-type']) {
-      return;
-    }
-
-    map.set(s['x-action-type'], s.name);
-  });
-  const path = (0, schema_renderer_1.getSchemaPath)(schema);
-  return react_1.default.createElement("div", {
-    className: (0, classnames_1.default)('designable-bar', {
-      active: visible
-    })
-  }, react_1.default.createElement("span", {
-    onClick: e => {
-      e.stopPropagation();
-    },
-    className: (0, classnames_1.default)('designable-bar-actions', {
-      active: visible
-    })
-  }, react_1.default.createElement(antd_1.Space, null, react_1.default.createElement(Sortable_1.DragHandle, null), react_1.default.createElement(antd_1.Dropdown, {
-    trigger: ['hover'],
-    visible: visible,
-    onVisibleChange: visible => {
-      setVisible(visible);
-    },
-    overlay: react_1.default.createElement(antd_1.Menu, null, react_1.default.createElement(antd_1.Menu.ItemGroup, {
-      title: t('Enable actions')
-    }, [{
-      title: t('View'),
-      name: 'view'
-    }, {
-      title: t('Edit'),
-      name: 'update'
-    }, {
-      title: t('Delete'),
-      name: 'destroy'
-    }].map(item => react_1.default.createElement(SwitchMenuItem_1.default, {
-      key: item.name,
-      title: item.title,
-      checked: map.has(item.name),
-      onChange: checked => __awaiter(void 0, void 0, void 0, function* () {
-        if (checked) {
-          const s = generateMenuActionSchema(item.name);
-          const data = appendChild(s);
-          yield createSchema(data);
-        } else if (map.get(item.name)) {
-          const removed = remove([...path, map.get(item.name)]);
-          yield removeSchema(removed);
-        }
-      })
-    }))), react_1.default.createElement(antd_1.Menu.Divider, null), react_1.default.createElement(antd_1.Menu.SubMenu, {
-      disabled: true,
-      title: t('Customize')
-    }, react_1.default.createElement(antd_1.Menu.Item, {
-      style: {
-        minWidth: 120
-      }
-    }, t('Function')), react_1.default.createElement(antd_1.Menu.Item, null, t('Popup form')), react_1.default.createElement(antd_1.Menu.Item, null, t('Flexible popup'))))
-  }, react_1.default.createElement(icons_1.MenuOutlined, null)))));
-};
-
-exports.TableOperationDesignableBar = TableOperationDesignableBar;
-
-function generateMenuActionSchema(type) {
-  const actions = {
-    view: {
-      key: (0, shared_1.uid)(),
-      name: (0, shared_1.uid)(),
-      type: 'void',
-      title: "{{ t('View') }}",
-      'x-component': 'Action',
-      'x-component-props': {
-        type: 'link'
-      },
-      'x-designable-bar': 'Table.Action.DesignableBar',
-      'x-action-type': 'view',
-      properties: {
-        [(0, shared_1.uid)()]: {
-          type: 'void',
-          title: "{{ t('View record') }}",
-          'x-component': 'Action.Drawer',
-          'x-component-props': {
-            bodyStyle: {
-              background: '#f0f2f5'
-            }
-          },
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              'x-component': 'Tabs',
-              'x-designable-bar': 'Tabs.DesignableBar',
-              properties: {
-                [(0, shared_1.uid)()]: {
-                  type: 'void',
-                  title: "{{ t('Details') }}",
-                  'x-designable-bar': 'Tabs.TabPane.DesignableBar',
-                  'x-component': 'Tabs.TabPane',
-                  'x-component-props': {},
-                  properties: {
-                    [(0, shared_1.uid)()]: {
-                      type: 'void',
-                      'x-component': 'Grid',
-                      'x-component-props': {
-                        addNewComponent: 'AddNew.PaneItem'
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    update: {
-      key: (0, shared_1.uid)(),
-      name: (0, shared_1.uid)(),
-      type: 'void',
-      title: "{{ t('Edit') }}",
-      'x-component': 'Action',
-      'x-component-props': {
-        type: 'link'
-      },
-      'x-designable-bar': 'Table.Action.DesignableBar',
-      'x-action-type': 'update',
-      properties: {
-        [(0, shared_1.uid)()]: {
-          type: 'void',
-          title: "{{ t('Edit record') }}",
-          'x-decorator': 'Form',
-          'x-decorator-props': {
-            useResource: '{{ Table.useResource }}',
-            useValues: '{{ Table.useTableRowRecord }}'
-          },
-          'x-component': 'Action.Drawer',
-          'x-component-props': {
-            useOkAction: '{{ Table.useTableUpdateAction }}'
-          },
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              'x-component': 'Grid',
-              'x-component-props': {
-                addNewComponent: 'AddNew.FormItem'
-              }
-            }
-          }
-        }
-      }
-    },
-    destroy: {
-      key: (0, shared_1.uid)(),
-      name: (0, shared_1.uid)(),
-      type: 'void',
-      title: "{{ t('Delete') }}",
-      'x-component': 'Action',
-      'x-designable-bar': 'Table.Action.DesignableBar',
-      'x-action-type': 'destroy',
-      'x-component-props': {
-        useAction: '{{ Table.useTableDestroyAction }}',
-        type: 'link',
-        confirm: {
-          title: "{{ t('Delete record') }}",
-          content: "{{ t('Are you sure you want to delete it?') }}"
-        }
-      }
-    }
-  };
-  return actions[type];
-}
-//# sourceMappingURL=TableOperationDesignableBar.js.map

package/lib/schemas/table/TableOperationDesignableBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableOperationDesignableBar.tsx"],"names":[],"mappings":"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","file":"TableOperationDesignableBar.js","sourcesContent":["import React, { useState } from 'react';\nimport { Dropdown, Menu, Space } from 'antd';\nimport { useTranslation } from 'react-i18next';\nimport { uid, merge } from '@formily/shared';\nimport cls from 'classnames';\nimport { MenuOutlined } from '@ant-design/icons';\nimport { useDesignable, ISchema } from '..';\nimport { getSchemaPath } from '../../components/schema-renderer';\nimport { useClient } from '../../constate';\nimport SwitchMenuItem from '../../components/SwitchMenuItem';\nimport { DragHandle } from '../../components/Sortable';\n\nexport const TableOperationDesignableBar = () => {\n  const { t } = useTranslation();\n  const { schema: columnSchema } = useDesignable();\n  const groupSchema = Object.values(columnSchema.properties || {}).shift();\n  const groupPath = getSchemaPath(groupSchema);\n  const { schema, remove, refresh, appendChild } = useDesignable(groupPath);\n  const [visible, setVisible] = useState(false);\n  const { createSchema, removeSchema, updateSchema } = useClient();\n\n  const map = new Map();\n  schema.mapProperties((s) => {\n    if (!s['x-action-type']) {\n      return;\n    }\n    map.set(s['x-action-type'], s.name);\n  });\n  const path = getSchemaPath(schema);\n  return (\n    <div className={cls('designable-bar', { active: visible })}>\n      <span\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n        className={cls('designable-bar-actions', { active: visible })}\n      >\n        <Space>\n          <DragHandle />\n          <Dropdown\n            trigger={['hover']}\n            visible={visible}\n            onVisibleChange={(visible) => {\n              setVisible(visible);\n            }}\n            overlay={\n              <Menu>\n                <Menu.ItemGroup title={t('Enable actions')}>\n                  {[\n                    { title: t('View'), name: 'view' },\n                    { title: t('Edit'), name: 'update' },\n                    { title: t('Delete'), name: 'destroy' },\n                  ].map((item) => (\n                    <SwitchMenuItem\n                      key={item.name}\n                      title={item.title}\n                      checked={map.has(item.name)}\n                      onChange={async (checked) => {\n                        if (checked) {\n                          const s = generateMenuActionSchema(item.name);\n                          const data = appendChild(s);\n                          await createSchema(data);\n                        } else if (map.get(item.name)) {\n                          const removed = remove([...path, map.get(item.name)]);\n                          await removeSchema(removed);\n                        }\n                      }}\n                    />\n                  ))}\n                </Menu.ItemGroup>\n                <Menu.Divider />\n                <Menu.SubMenu disabled title={t('Customize')}>\n                  <Menu.Item style={{ minWidth: 120 }}>{t('Function')}</Menu.Item>\n                  <Menu.Item>{t('Popup form')}</Menu.Item>\n                  <Menu.Item>{t('Flexible popup')}</Menu.Item>\n                </Menu.SubMenu>\n              </Menu>\n            }\n          >\n            <MenuOutlined />\n          </Dropdown>\n        </Space>\n      </span>\n    </div>\n  );\n};\nfunction generateMenuActionSchema(type) {\n  const actions: { [key: string]: ISchema } = {\n    view: {\n      key: uid(),\n      name: uid(),\n      type: 'void',\n      title: \"{{ t('View') }}\",\n      'x-component': 'Action',\n      'x-component-props': {\n        type: 'link',\n      },\n      'x-designable-bar': 'Table.Action.DesignableBar',\n      'x-action-type': 'view',\n      properties: {\n        [uid()]: {\n          type: 'void',\n          title: \"{{ t('View record') }}\",\n          'x-component': 'Action.Drawer',\n          'x-component-props': {\n            bodyStyle: {\n              background: '#f0f2f5',\n              // paddingTop: 0,\n            },\n          },\n          properties: {\n            [uid()]: {\n              type: 'void',\n              'x-component': 'Tabs',\n              'x-designable-bar': 'Tabs.DesignableBar',\n              properties: {\n                [uid()]: {\n                  type: 'void',\n                  title: \"{{ t('Details') }}\",\n                  'x-designable-bar': 'Tabs.TabPane.DesignableBar',\n                  'x-component': 'Tabs.TabPane',\n                  'x-component-props': {},\n                  properties: {\n                    [uid()]: {\n                      type: 'void',\n                      'x-component': 'Grid',\n                      'x-component-props': {\n                        addNewComponent: 'AddNew.PaneItem',\n                      },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      },\n    },\n    update: {\n      key: uid(),\n      name: uid(),\n      type: 'void',\n      title: \"{{ t('Edit') }}\",\n      'x-component': 'Action',\n      'x-component-props': {\n        type: 'link',\n      },\n      'x-designable-bar': 'Table.Action.DesignableBar',\n      'x-action-type': 'update',\n      properties: {\n        [uid()]: {\n          type: 'void',\n          title: \"{{ t('Edit record') }}\",\n          'x-decorator': 'Form',\n          'x-decorator-props': {\n            useResource: '{{ Table.useResource }}',\n            useValues: '{{ Table.useTableRowRecord }}',\n          },\n          'x-component': 'Action.Drawer',\n          'x-component-props': {\n            useOkAction: '{{ Table.useTableUpdateAction }}',\n          },\n          properties: {\n            [uid()]: {\n              type: 'void',\n              'x-component': 'Grid',\n              'x-component-props': {\n                addNewComponent: 'AddNew.FormItem',\n              },\n            },\n          },\n        },\n      },\n    },\n    destroy: {\n      key: uid(),\n      name: uid(),\n      type: 'void',\n      title: \"{{ t('Delete') }}\",\n      'x-component': 'Action',\n      'x-designable-bar': 'Table.Action.DesignableBar',\n      'x-action-type': 'destroy',\n      'x-component-props': {\n        useAction: '{{ Table.useTableDestroyAction }}',\n        type: 'link',\n        confirm: {\n          title: \"{{ t('Delete record') }}\",\n          content: \"{{ t('Are you sure you want to delete it?') }}\",\n        },\n      },\n    },\n  };\n  return actions[type];\n}\n"]}

package/lib/schemas/table/TablePagination.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const TablePagination: React.MemoExoticComponent<React.FunctionComponent<unknown>>;

package/lib/schemas/table/TablePagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,eAAe,6DAiC1B,CAAC","file":"TablePagination.d.ts","sourcesContent":["import React from 'react';\nimport { Pagination } from 'antd';\nimport { observer } from '@formily/react';\nimport { useTable } from './hooks/useTable';\nimport { useTotal } from './hooks/useTotal';\n\nexport const TablePagination = observer(() => {\n  const { service, pagination, setPagination, props } = useTable();\n  if (!pagination || Object.keys(pagination).length === 0) {\n    return null;\n  }\n  const { clientSidePagination } = props;\n  const total = useTotal();\n  const { page = 1 } = pagination;\n  return (\n    <div style={{ marginTop: 16 }}>\n      <Pagination\n        {...pagination}\n        showSizeChanger\n        current={page}\n        total={total}\n        onChange={(current, pageSize) => {\n          const page = pagination.pageSize !== pageSize ? 1 : current;\n          setPagination({\n            page,\n            pageSize,\n          });\n          // if (clientSidePagination) {\n          //   return;\n          // }\n          // service.run({\n          //   ...service.params[0],\n          //   page,\n          //   pageSize,\n          // });\n        }}\n      />\n    </div>\n  );\n});\n"]}

package/lib/schemas/table/TablePagination.js

@@ -1,68 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TablePagination = void 0;
-
-const react_1 = __importDefault(require("react"));
-
-const antd_1 = require("antd");
-
-const react_2 = require("@formily/react");
-
-const useTable_1 = require("./hooks/useTable");
-
-const useTotal_1 = require("./hooks/useTotal");
-
-exports.TablePagination = (0, react_2.observer)(() => {
-  const _ref = (0, useTable_1.useTable)(),
-        service = _ref.service,
-        pagination = _ref.pagination,
-        setPagination = _ref.setPagination,
-        props = _ref.props;
-
-  if (!pagination || Object.keys(pagination).length === 0) {
-    return null;
-  }
-
-  const clientSidePagination = props.clientSidePagination;
-  const total = (0, useTotal_1.useTotal)();
-  const _pagination$page = pagination.page,
-        page = _pagination$page === void 0 ? 1 : _pagination$page;
-  return react_1.default.createElement("div", {
-    style: {
-      marginTop: 16
-    }
-  }, react_1.default.createElement(antd_1.Pagination, Object.assign({}, pagination, {
-    showSizeChanger: true,
-    current: page,
-    total: total,
-    onChange: (current, pageSize) => {
-      const page = pagination.pageSize !== pageSize ? 1 : current;
-      setPagination({
-        page,
-        pageSize
-      });
-    }
-  })));
-});
-//# sourceMappingURL=TablePagination.js.map

package/lib/schemas/table/TablePagination.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TablePagination.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+BAAkC;AAClC,0CAA0C;AAC1C,+CAA4C;AAC5C,+CAA4C;AAE/B,QAAA,eAAe,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;IAC3C,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACjE,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QACvD,OAAO,IAAI,CAAC;KACb;IACD,MAAM,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACzB,MAAM,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,UAAU,CAAC;IAChC,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;QAC3B,8BAAC,iBAAU,oBACL,UAAU,IACd,eAAe,QACf,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;gBAC9B,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;gBAC5D,aAAa,CAAC;oBACZ,IAAI;oBACJ,QAAQ;iBACT,CAAC,CAAC;YASL,CAAC,IACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","file":"TablePagination.js","sourcesContent":["import React from 'react';\nimport { Pagination } from 'antd';\nimport { observer } from '@formily/react';\nimport { useTable } from './hooks/useTable';\nimport { useTotal } from './hooks/useTotal';\n\nexport const TablePagination = observer(() => {\n  const { service, pagination, setPagination, props } = useTable();\n  if (!pagination || Object.keys(pagination).length === 0) {\n    return null;\n  }\n  const { clientSidePagination } = props;\n  const total = useTotal();\n  const { page = 1 } = pagination;\n  return (\n    <div style={{ marginTop: 16 }}>\n      <Pagination\n        {...pagination}\n        showSizeChanger\n        current={page}\n        total={total}\n        onChange={(current, pageSize) => {\n          const page = pagination.pageSize !== pageSize ? 1 : current;\n          setPagination({\n            page,\n            pageSize,\n          });\n          // if (clientSidePagination) {\n          //   return;\n          // }\n          // service.run({\n          //   ...service.params[0],\n          //   page,\n          //   pageSize,\n          // });\n        }}\n      />\n    </div>\n  );\n});\n"]}

package/lib/schemas/table/TableProvider.d.ts

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

package/lib/schemas/table/TableProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableProvider.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa,UAAW,GAAG,gBAuFvC,CAAC","file":"TableProvider.d.ts","sourcesContent":["import React, { useState } from 'react';\nimport { ArrayField } from '@formily/core';\nimport { useField } from '@formily/react';\nimport { uid } from '@formily/shared';\nimport useRequest from '@ahooksjs/use-request';\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';\nimport { useResource as useGeneralResource } from '../../hooks/useResource';\nimport { useDesignable } from '..';\nimport { useCollectionContext } from '../../constate';\nimport { useDefaultSelectedRowKeys } from './hooks/useDefaultSelectedRowKeys';\nimport { usePagination } from './hooks/usePagination';\nimport { useCollectionFields } from './hooks/useCollectionFields';\nimport { TableContext } from './context';\nimport { TableMain } from './TableMain';\n\nexport const TableProvider = (props: any) => {\n  const {\n    rowKey = 'id',\n    dataRequest,\n    useResource = useGeneralResource,\n    defaultSelectedRowKeys,\n    useSelectedRowKeys = useDefaultSelectedRowKeys,\n    ...others\n  } = props;\n  const { schema } = useDesignable();\n  const field = useField<ArrayField>();\n  const [pagination, setPagination] = usePagination();\n  const { selectedRowKeys, setSelectedRowKeys } = useSelectedRowKeys();\n  console.log('props.useSelectedRowKeys', selectedRowKeys);\n  const [, refresh] = useState(uid());\n  const { resource } = useResource();\n  const { sortableField } = useCollectionContext();\n  const dragSort = props.dragSort;\n  const collectionFields = useCollectionFields(schema);\n  // console.log({ collectionFields, pagination });\n  const getDefaultParams = () => {\n    const defaultParams = { ...pagination };\n    if (dragSort) {\n      defaultParams['sort'] = [sortableField || 'sort'];\n    } else {\n      defaultParams['sort'] = (props.defaultSort || []).join(',');\n    }\n    defaultParams['defaultAppends'] = [...(props.defaultAppends || []), ...collectionFields];\n    if (props.defaultFilter) {\n      defaultParams['defaultFilter'] = props.defaultFilter;\n    }\n    console.log({ defaultParams });\n    return defaultParams;\n  };\n  const service = useRequest(\n    (params?: any) => {\n      if (!resource) {\n        return Promise.resolve({\n          list: field.value,\n          total: field?.value?.length,\n        });\n      }\n      return resource.list(params).then((res) => {\n        return {\n          list: res?.data || [],\n          total: res?.meta?.count || res?.data?.length,\n        };\n      });\n    },\n    {\n      onSuccess(data: any) {\n        field.setValue(data?.list || []);\n      },\n      manual: true,\n      // defaultParams: [getDefaultParams()],\n    },\n  );\n  useDeepCompareEffectNoCheck(() => {\n    service.run(getDefaultParams());\n  }, [pagination?.pageSize, pagination?.page, props.dragSort, props.defaultSort, props.defaultFilter]);\n  return (\n    <TableContext.Provider\n      value={{\n        resource,\n        refresh: () => {\n          const { page = 1, pageSize } = pagination;\n          const total = props.clientSidePagination ? field?.value?.length : service?.data?.total;\n          const maxPage = Math.ceil(total / pageSize);\n          if (page > maxPage) {\n            setPagination({ page: maxPage });\n          } else {\n            refresh(uid());\n          }\n        },\n        selectedRowKeys,\n        setSelectedRowKeys,\n        pagination,\n        setPagination,\n        service,\n        field,\n        schema,\n        props: { ...others, rowKey, dataRequest },\n      }}\n    >\n      <TableMain />\n    </TableContext.Provider>\n  );\n};\n"]}