@vortex-ui/env-puzzle 2.0.0-beta.2 → 2.0.0-beta.4

package/lib/template/table.js

@@ -0,0 +1,103 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _vtxDatagrid = _interopRequireDefault(require("@vtx/components/lib/vtx-datagrid"));
+
+var _renderColumnButtons = _interopRequireDefault(require("./renderColumnButtons"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __rest = void 0 && (void 0).__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;
+};
+
+function Table(props) {
+  var className = props.className,
+      dataSource = props.dataSource,
+      columns = props.columns,
+      loading = props.loading,
+      hasIndex = props.hasIndex,
+      saveColumns = props.saveColumns,
+      rest = __rest(props, ["className", "dataSource", "columns", "loading", "hasIndex", "saveColumns"]); // 设置 renderButtons
+
+
+  columns === null || columns === void 0 ? void 0 : columns.forEach(function (item) {
+    var renderButtons = item.renderButtons,
+        renderButtonsVisibleNum = item.renderButtonsVisibleNum,
+        showTitle = item.showTitle;
+
+    if (showTitle) {
+      item.title = showTitle;
+    }
+
+    if (!renderButtons) {
+      return;
+    }
+
+    item.render = function (text, record, index) {
+      return (0, _renderColumnButtons["default"])(renderButtons, !item.showAllButtons && typeof item.renderButtonsVisibleNum !== 'number' ? 3 : renderButtonsVisibleNum, text, record, index, item.showAllButtons);
+    };
+
+    item.renderButtons = undefined;
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_vtxDatagrid["default"], Object.assign({
+    loading: loading,
+    indexColumn: hasIndex,
+    defaultVisibleColumnKeys: columns === null || columns === void 0 ? void 0 : columns.filter(function (item) {
+      return item.isShow || item.isShow === undefined;
+    }).map(function (item) {
+      return item.dataIndex;
+    }),
+    disabledColumnKeys: columns === null || columns === void 0 ? void 0 : columns.filter(function (item) {
+      return item.dataIndex === 'action';
+    }).map(function (item) {
+      return item.dataIndex;
+    }),
+    columns: columns,
+    dataSource: dataSource,
+    className: (0, _classnames["default"])(className, 'env-template-table'),
+    onColumnsSave: saveColumns ? function (keys) {
+      var newColumns = columns.map(function (item) {
+        var key = item.dataIndex || item.key;
+        return Object.assign(Object.assign({}, item), {
+          isShow: keys.includes(key)
+        });
+      });
+      saveColumns(newColumns);
+    } : undefined,
+    rowSelection: rest === null || rest === void 0 ? void 0 : rest.rowSelection,
+    onRowSelectionClear: function onRowSelectionClear() {
+      var _a;
+
+      (_a = rest === null || rest === void 0 ? void 0 : rest.rowSelection) === null || _a === void 0 ? void 0 : _a.onChange([], []);
+    }
+  }, rest)));
+}
+
+var _default = Table;
+exports["default"] = _default;
+Table.defaultProps = {};
+//# sourceMappingURL=table.js.map

package/lib/template/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","Table","props","className","dataSource","columns","loading","hasIndex","saveColumns","rest","forEach","item","renderButtons","renderButtonsVisibleNum","showTitle","title","render","text","record","index","renderColumnButtons","showAllButtons","undefined","React","createElement","Fragment","VtxDatagrid","assign","indexColumn","defaultVisibleColumnKeys","filter","isShow","map","dataIndex","disabledColumnKeys","classnames","onColumnsSave","keys","newColumns","key","includes","rowSelection","onRowSelectionClear","_a","onChange","defaultProps"],"sources":["template/table.js"],"sourcesContent":["var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport * as React from 'react';\nimport classnames from 'classnames';\nimport VtxDatagrid from '@vtx/components/lib/vtx-datagrid';\n// import VtxDatagrid from '../vtx-datagrid';\nimport renderColumnButtons from './renderColumnButtons';\nfunction Table(props) {\n    const { className, dataSource, columns, loading, hasIndex, saveColumns } = props, rest = __rest(props, [\"className\", \"dataSource\", \"columns\", \"loading\", \"hasIndex\", \"saveColumns\"]);\n    // 设置 renderButtons\n    columns === null || columns === void 0 ? void 0 : columns.forEach((item) => {\n        const { renderButtons, renderButtonsVisibleNum, showTitle } = item;\n        if (showTitle) {\n            item.title = showTitle;\n        }\n        if (!renderButtons) {\n            return;\n        }\n        item.render = (text, record, index) => {\n            return renderColumnButtons(renderButtons, !item.showAllButtons\n                && typeof item.renderButtonsVisibleNum !== 'number'\n                ? 3\n                : renderButtonsVisibleNum, text, record, index, item.showAllButtons);\n        };\n        item.renderButtons = undefined;\n    });\n    return (React.createElement(React.Fragment, null,\n        React.createElement(VtxDatagrid, Object.assign({ loading: loading, indexColumn: hasIndex, defaultVisibleColumnKeys: columns === null || columns === void 0 ? void 0 : columns.filter((item) => item.isShow || item.isShow === undefined).map((item) => item.dataIndex), disabledColumnKeys: columns === null || columns === void 0 ? void 0 : columns.filter((item) => item.dataIndex === 'action').map((item) => item.dataIndex), columns: columns, dataSource: dataSource, className: classnames(className, 'env-template-table'), onColumnsSave: saveColumns\n                ? (keys) => {\n                    const newColumns = columns.map((item) => {\n                        const key = item.dataIndex || item.key;\n                        return Object.assign(Object.assign({}, item), { isShow: keys.includes(key) });\n                    });\n                    saveColumns(newColumns);\n                }\n                : undefined, rowSelection: rest === null || rest === void 0 ? void 0 : rest.rowSelection, onRowSelectionClear: () => {\n                var _a;\n                (_a = rest === null || rest === void 0 ? void 0 : rest.rowSelection) === null || _a === void 0 ? void 0 : _a.onChange([], []);\n            } }, rest))));\n}\nexport default Table;\nTable.defaultProps = {};\n"],"mappings":"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"}

package/lib/template/template.d.ts

@@ -0,0 +1,84 @@
+import * as React from 'react';
+import { Component } from 'react';
+import { PageApiRes } from '../interface';
+import { ActionProps } from './action';
+import { FilterControl } from './filter';
+import { TableColumnType, TableProps } from './table';
+import { TablePaginationConfig } from 'antd/lib/table';
+/**
+ * 列表展示的风格
+ */
+export declare type TemplateTheme = 'card' | 'list';
+export interface TemplatePagination extends TablePaginationConfig {
+    total?: number;
+    current?: number;
+    pageSize?: number;
+}
+export interface TemplateProps<F, T> {
+    actionProps?: Omit<ActionProps<F, T>, 'columns' | 'setColumns' | 'selectable' | 'selectRows' | 'filter' | 'dataSource' | 'onSelectedRows'>;
+    tableProps?: TableProps<T> | React.ReactElement;
+    statisticsProps?: React.ReactElement;
+    getDataSource: (pagination: TemplatePagination | false, filter: F) => Promise<PageApiRes<T>> | PageApiRes<T>;
+    onReset?: () => any;
+    autoRequest?: boolean;
+    showButtonRow?: boolean;
+    showButtonPage?: boolean;
+    showButtonAll?: boolean;
+    style?: object;
+    showAll?: boolean;
+    contentProps?: any;
+    importErrorColumns?: any[];
+}
+export interface TemplateState<F, T> {
+    /**
+     * 当前的搜索条件
+     */
+    filter: F;
+    /**
+     * table的加载状态
+     */
+    loading: boolean;
+    /**
+     * 数据列表
+     */
+    dataSource: T[];
+    /**
+     * 选中的行的keys
+     */
+    selectedRowKeys: React.ReactText[];
+    /**
+     * 选中的行
+     */
+    selectedRows: T[];
+    /**
+     * 内部用来展示的columns
+     */
+    selfColumns: TableColumnType<T>;
+    /**
+     * 分页信息
+     */
+    pagination?: TemplatePagination | false;
+    showImport: boolean;
+    showExportLoading: boolean;
+}
+declare class Template<F, T extends object = any> extends Component<TemplateProps<F, T>, TemplateState<F, T>> {
+    filterRef: FilterControl;
+    static defaultProps: {
+        autoRequest: boolean;
+    };
+    constructor(props: any);
+    state: TemplateState<F, T>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any, prevState: any): void;
+    /**
+     * 初始化columns, 给每个column加上是否显示的属性
+     */
+    setSelfColumns(): void;
+    getPagination(): boolean;
+    updateFilter(): void;
+    requestDataSource(newPagination?: {}, newFilter?: {}): Promise<void>;
+    setPagination(obj: Partial<TemplatePagination>): void;
+    clearSelectedRows(): void;
+    render(): JSX.Element;
+}
+export default Template;