@luck-design-biz/luckda 0.0.24-1 → 0.0.25

package/lib/lowcode/view/lc-components/Table/index.js

@@ -1,107 +1,218 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
-var _luckda = require("@luck-design-biz/luckda");
-var _utils = require("@luck-design-biz/base/utils");
+var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id", "doAction", "className", "dataset"];
+var _index = require("../../../../index");
+var _TopFilter = _interopRequireDefault(require("./components/TopFilter"));
+var _helper = require("../../../engine/tools/helper");
+var _tablePropsDefault = _interopRequireDefault(require("../../../engine/meta/table.props.default.json"));
 var LCTable = function LCTable(_ref) {
-  var id = _ref.id,
-    doAction = _ref.doAction,
+  var context = _ref.context,
+    id = _ref.id,
     className = _ref.className,
     dataset = _ref.dataset,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    width = _ref.width,
+    height = _ref.height,
+    bordered = _ref.bordered,
+    zebra = _ref.zebra,
+    autoLoad = _ref.autoLoad,
+    readOnly = _ref.readOnly,
+    renderIndex = _ref.renderIndex,
+    suppressActions = _ref.suppressActions,
+    actionsColumnWidth = _ref.actionsColumnWidth,
+    actions = _ref.actions,
+    pagination = _ref.pagination,
+    pageSize = _ref.pageSize,
+    showSizeChanger = _ref.showSizeChanger,
+    showQuickJumper = _ref.showQuickJumper,
+    hideOnSinglePage = _ref.hideOnSinglePage,
+    paginationSimple = _ref.paginationSimple,
+    suppressPreset = _ref.suppressPreset,
+    impexp = _ref.impexp,
+    topActionGroup = _ref.topActionGroup,
+    topFilter = _ref.topFilter,
+    rowSelection = _ref.rowSelection,
+    suppressRowSelectionPagination = _ref.suppressRowSelectionPagination,
+    rowSelectionMode = _ref.rowSelectionMode,
+    defaultRowSelectedCode = _ref.defaultRowSelectedCode,
+    rowSelectableCode = _ref.rowSelectableCode,
+    bantchActions = _ref.bantchActions,
+    formatDataSource = _ref.formatDataSource,
+    getDataPath = _ref.getDataPath,
+    columnsRewrite = _ref.columnsRewrite,
+    columnsReset = _ref.columnsReset,
+    modelParams = _ref.modelParams,
+    onGridReady = _ref.onGridReady;
   var ref = (0, _react.useRef)();
+  var handleBatchOperationsClick = (0, _ahooks.useMemoizedFn)(function (key, selectedRows, action) {
+    console.log('handleBatchOperationsClick', key, selectedRows, action);
+  });
+  var _pagination = (0, _ahooks.useCreation)(function () {
+    return {
+      isFlow: !pagination,
+      pagination: pagination ? {
+        pageSize: pageSize,
+        pageSizeOptions: ["".concat(pageSize), "".concat(pageSize * 2), "".concat(pageSize * 3)],
+        showSizeChanger: showSizeChanger,
+        showQuickJumper: showQuickJumper,
+        hideOnSinglePage: hideOnSinglePage,
+        simple: paginationSimple
+      } : null
+    };
+  }, [pagination, pageSize, showSizeChanger, showQuickJumper, hideOnSinglePage, paginationSimple]);
+  var _actionsColumn = (0, _ahooks.useCreation)(function () {
+    return {
+      actionsColumn: suppressActions ? null : {
+        width: actionsColumnWidth,
+        maxCount: (actions.current || actions).max,
+        type: (actions.current || actions).type,
+        getActions: function getActions() {
+          return (actions.current || actions).todoList.map(function (action) {
+            return {
+              title: action.name,
+              action: function (_action) {
+                function action(_x, _x2, _x3) {
+                  return _action.apply(this, arguments);
+                }
+                action.toString = function () {
+                  return _action.toString();
+                };
+                return action;
+              }(function (d, i, p) {
+                console.log('doAction', d, action);
+              }),
+              resource: action.serial,
+              style: action.riskLevel === 'default' ? null : {
+                color: {
+                  danger: '#ff7875',
+                  destroy: '#ff4d4f'
+                }[action.riskLevel]
+              }
+            };
+          });
+        }
+      }
+    };
+  }, [suppressActions, actionsColumnWidth, actions.current || actions]);
+  var _rowSelection = (0, _ahooks.useCreation)(function () {
+    return rowSelection ? {
+      rowSelection: {
+        mode: rowSelectionMode,
+        suppressPagination: suppressRowSelectionPagination,
+        isDefaultSelected: function isDefaultSelected(d, n) {
+          if ((0, _lodash.isNil)(defaultRowSelectedCode)) return false;
+          return (0, _helper.executeCode)(context, defaultRowSelectedCode, ['data', 'node'], d, n);
+        },
+        isRowSelectable: function isRowSelectable(d, n) {
+          if ((0, _lodash.isNil)(rowSelectableCode)) return true;
+          return (0, _helper.executeCode)(context, rowSelectableCode, ['data', 'node'], d, n);
+        }
+      }
+    } : false;
+  }, [rowSelection, suppressRowSelectionPagination, rowSelectionMode, defaultRowSelectedCode, rowSelectableCode]);
+  var _export = (0, _ahooks.useCreation)(function () {
+    return {
+      enableExportAll: !!impexp.export,
+      apiUrl: (0, _lodash.isString)(impexp.export) ? impexp.export : void 0
+    };
+  }, [impexp.export]);
+  var _batchActions = (0, _ahooks.useCreation)(function () {
+    return {
+      batchOperations: bantchActions.todoList.map(function (action) {
+        return {
+          key: action.id,
+          title: action.name,
+          resource: action.serial
+        };
+      }),
+      onBatchOperationsClick: function onBatchOperationsClick(key, selectedRows) {
+        return handleBatchOperationsClick(key, selectedRows, action);
+      }
+    };
+  }, [bantchActions.todoList]);
+  var _others = (0, _ahooks.useCreation)(function () {
+    var temp = {};
+    if (!(0, _lodash.isNil)(formatDataSource)) {
+      temp.formatDataSource = function (list, detail) {
+        return (0, _helper.executeCode)(context, formatDataSource, ['list', 'detail'], list, detail);
+      };
+    }
+    if (!(0, _lodash.isNil)(getDataPath)) {
+      temp.getDataPath = function (data) {
+        return (0, _helper.executeCode)(context, getDataPath, ['data'], data);
+      };
+    }
+    if (!(0, _lodash.isNil)(columnsRewrite)) {
+      temp.columnsRewrite = function (cols) {
+        return (0, _helper.executeCode)(context, columnsRewrite, ['columns'], cols);
+      };
+    }
+    if (!(0, _lodash.isNil)(columnsReset)) {
+      temp.columnsReset = function (cols) {
+        return (0, _helper.executeCode)(context, columnsReset, ['columns'], cols);
+      };
+    }
+    if (!(0, _lodash.isNil)(modelParams)) {
+      temp.overModel = (0, _helper.executeCode)(context, modelParams);
+    }
+    return temp;
+  }, [formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams]);
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return ref.current.wrapperRef.current;
   });
+  var renderFunctionArea = (0, _ahooks.useMemoizedFn)(function () {
+    var _topActionGroup$todoL;
+    return !!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length) ? /*#__PURE__*/_react.default.createElement(_index.LDActions, (0, _extends2.default)({}, topActionGroup, {
+      doAction: function doAction(action) {
+        return context.doAction(action);
+      }
+    })) : null;
+  });
+  var renderFilterArea = (0, _ahooks.useMemoizedFn)(function () {
+    return topFilter ? /*#__PURE__*/_react.default.createElement(_TopFilter.default, {
+      filter: topFilter
+    }) : null;
+  });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement(_luckda.LdGrid, {
+  }, /*#__PURE__*/_react.default.createElement(_index.LdGrid, (0, _extends2.default)({
     ref: ref,
+    width: width,
+    height: height,
+    bordered: bordered,
     id: id,
     className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
-    height: "100%"
-    /**
-     * @description 组件唯一key,项目全局唯一
-     * @require true
-     * @default -
-     */,
-    ldId: id
-    /**
-     * @description 数据集key(可传树形数据集，传树形数据集自动转为树形表格)
-     * @require true
-     * @default -
-     */,
-    dataSetKey: dataset
-    /**
-     * @description 批量配置项
-     * @require false
-     * @default -
-     */,
-    batchOperations: [{
-      key: 'delete',
-      title: (0, _utils.formatMessage)({
-        id: 'app.base.operate.delete'
-      }),
-      resource: 'delete'
-    }]
-    /**
-     * @description 批量操作方法
-     * @require false
-     * @default -
-     */,
-    onBatchOperationsClick: function onBatchOperationsClick(key, selectedRows) {}
-    /**
-     * @description 同gridList的actionsColumn,getActions的返回值可配置resource
-     * @require false
-     * @default -
-     */,
-    actionsColumn: {
-      getActions: function getActions(data) {
-        return [{
-          title: (0, _utils.formatMessage)({
-            id: 'app.base.operate.update'
-          }),
-          action: function action() {},
-          resource: 'update'
-        }, {
-          title: (0, _utils.formatMessage)({
-            id: 'app.base.operate.delete'
-          }),
-          style: {
-            color: 'var(--luck-color-danger)'
-          },
-          action: function action() {},
-          resource: 'delete'
-        }];
-      }
+    ldId: id,
+    dataSetKey: dataset,
+    readOnly: readOnly,
+    renderIndex: renderIndex,
+    suppressInit: !autoLoad,
+    getRowStyle: function getRowStyle(params) {
+      return (zebra.current || zebra) && params.node.rowIndex % 2 === 0 ? {
+        'background-color': zebra.current || zebra
+      } : {
+        'background-color': '#fff'
+      };
     },
-    rowSelection: "multiple"
+    suppressPreset: suppressPreset
+  }, _pagination, _actionsColumn, _rowSelection, _export, _batchActions, _others, {
+    onGridReady: onGridReady,
+    renderFunctionArea: renderFunctionArea,
+    renderFilterArea: renderFilterArea
     /* ----------------------------其他可用配置开始 !!!不使用请删除!!!------------------------------ */
-    /**
-     * @description 是否只读
-     * @require false
-     * @default false
-     */
-    // readOnly={false}
-    /**
-     * @description 抑制初始化自动加载数据
-     * @require false
-     * @default -
-     */
-    // suppressInit={true}
     /**
      * @description 初始化后的回调
      * @require false
@@ -114,33 +225,6 @@ var LCTable = function LCTable(_ref) {
      * @default -
      */
     // readFilter={(params, filters)=>{}}
-    /**
-     * @description columns中的字段的覆写
-     * @require false
-     * @default -
-     */
-    // columnsRewrite={[{
-    //   field:'事例', // 必填,用于匹配覆写元素
-    //   title:'demo',
-    // }]}
-    /**
-     * @description columns中的字段的完全自定义，优先级大于columnsRewrite
-     * @require false
-     * @default -
-     */
-    // columnsReset={[]}
-    /**
-     * @description 格式化表格数据
-     * @require false
-     * @default -
-     */
-    // formatDataSource={(list, detail) => list.map(i => ({ ...detail[i], demo: 'test' }))}
-    /**
-     * @description 同树形表格getDataPath用法，用于构建树形表格层级关系
-     * @require false
-     * @default data =>data.sidcc?.substring(1, data.sidcc.length - 1).split(‘/‘)
-     */
-    // getDataPath={data =>data.sidcc?.substring(1, data.sidcc.length - 1).split(‘/‘)}
     /**
      * @description 复写model参数
      * @require false
@@ -153,9 +237,235 @@ var LCTable = function LCTable(_ref) {
      * @default -
      */
     // afterQuery={(res) => console.log('afterQuery', res)}
-
-    // ... gridTable组件的其他可用属性
     /* ----------------------------其他可用配置结束 !!!不使用请删除!!!------------------------------ */
-  }));
+  })));
+};
+LCTable.propTypes = {
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
+   */
+  id: _propTypes.default.string.isRequired,
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
+   */
+  dataset: _propTypes.default.string,
+  /**
+   * @name 自动加载
+   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
+   * @type switch
+   * @default true
+   */
+  autoLoad: _propTypes.default.bool,
+  /**
+   * @name 只读
+   * @type switch
+   * @default false
+   */
+  readOnly: _propTypes.default.bool,
+  /**
+   * @name 关闭预设
+   * @type switch
+   * @default false
+   */
+  suppressPreset: _propTypes.default.bool,
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  width: _propTypes.default.string,
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  height: _propTypes.default.string,
+  /**
+   * @name 边框线
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  border: _propTypes.default.bool,
+  /**
+   * @name 斑马纹
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  zebra: _propTypes.default.oneOfType[(_propTypes.default.bool, _propTypes.default.string)],
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  pagination: _propTypes.default.bool,
+  /**
+   * @name 每页条数
+   * @type number
+   * @default 30
+   * @group paginationSetting
+   */
+  pageSize: _propTypes.default.number,
+  /**
+   * @name 分页器
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showSizeChanger: _propTypes.default.bool,
+  /**
+   * @name 快速跳转
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showQuickJumper: _propTypes.default.bool,
+  /**
+   * @name 单页无分页器
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  hideOnSinglePage: _propTypes.default.bool,
+  /**
+   * @name 简单模式
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  paginationSimple: _propTypes.default.bool,
+  /**
+   * @name 隐藏操作列
+   * @type switch
+   * @default false
+   * @groupNext actionsColumn
+   */
+  suppressActions: _propTypes.default.bool,
+  /**
+   * @name 隐藏操作列
+   * @type number
+   * @default 160
+   * @groupNext actionsColumn
+   */
+  actionsColumnWidth: _propTypes.default.number,
+  /**
+   * @name 最大显示数
+   * @type number
+   * @default 2
+   * @groupNext actionsColumn
+   */
+  maxActionsCount: _propTypes.default.number,
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
+   */
+  actions: _propTypes.default.shape({
+    display: _propTypes.default.oneOf(['text', 'button']),
+    max: _propTypes.default.number,
+    moreText: _propTypes.default.string,
+    todoList: _propTypes.default.array
+  }),
+  /**
+   * @name 顶部操作
+   * @type _ActionGroup
+   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
+   */
+  topActionGroup: _propTypes.default.shape({
+    display: _propTypes.default.oneOf(['text', 'button']),
+    max: _propTypes.default.number,
+    moreText: _propTypes.default.string,
+    todoList: _propTypes.default.array
+  }),
+  /**
+   * @name 顶部过滤器
+   * @type _TableTopFilter
+   */
+  topFilter: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array, _propTypes.default.shape({
+    options: _propTypes.default.array.isRequired,
+    field: _propTypes.default.string.isRequired
+  })]),
+  /**
+   * @name 开启行选择器
+   * @type boolean
+   * @default false
+   */
+  rowSelection: _propTypes.default.bool,
+  /**
+   * @name 停用分页多选
+   * @type boolean
+   * @default false
+   */
+  suppressRowSelectionPagination: _propTypes.default.bool,
+  /**
+   * @name 选择器模式
+   * @type segmented
+   * @options [{label: '复选', value: 'multiple'}, {label: '单选', value: 'single'}]
+   * @default 'multiple'
+   */
+  rowSelectionMode: _propTypes.default.oneOf(['single', 'multiple']),
+  /**
+   * @name 默认选中
+   * @type _JSEditor
+   * @default "function getDefaultRowSelected(data, node, ctx) { \n return false; \n}"
+   */
+  defaultRowSelectedCode: _propTypes.default.string,
+  /**
+   * @name 行是否可选
+   * @type _JSEditor
+   * @default "function getRowSelectable(data, node, ctx) { \n return true; \n}"
+   */
+  rowSelectableCode: _propTypes.default.string,
+  /**
+   * @name 导入导出
+   * @type _ImpExp
+   * @default { "export": true }
+   */
+  impexp: _propTypes.default.shape({
+    import: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+    export: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string])
+  }),
+  /**
+   * @name 批量操作
+   * @type _BatchActions
+   * @default { "todoList": [] }
+   */
+  bantchActions: _propTypes.default.shape({
+    todoList: _propTypes.default.array
+  }),
+  /**
+   * @name 格式化数据
+   * @type _JSEditor
+   */
+  formatDataSource: _propTypes.default.string,
+  /**
+   * @name 构建树层级
+   * @type _JSEditor
+   */
+  getDataPath: _propTypes.default.string,
+  /**
+   * @name 重写表格列
+   * @type _JSEditor
+   */
+  columnsRewrite: _propTypes.default.string,
+  /**
+   * @name 重置表格列
+   * @type _JSEditor
+   */
+  columnsReset: _propTypes.default.string,
+  /**
+   * @name model参数
+   * @type _JSEditor
+   */
+  modelParams: _propTypes.default.string
 };
-var _default = exports.default = (0, _luckda.ldModuleBuild)(LCTable, 'moduleWmsMaterialsData' /* 模块key,对应配置管理中心模块key */);
+LCTable.defaultProps = (0, _helper.omitBadProps)(_tablePropsDefault.default);
+var _default = exports.default = LCTable;