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

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

@@ -1,34 +1,39 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
-var _LdGrid = _interopRequireDefault(require("../../../../components/LdGrid"));
+var _lodash = require("lodash");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+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 _excluded = ["context", "id", "className", "dataset", "width", "height", "bordered", "zebra", "autoLoad", "readOnly", "suppressActions", "actionsColumnWidth", "actions", "pagination", "pageSize", "showSizeChanger", "showQuickJumper", "hideOnSinglePage", "paginationSimple", "suppressPreset"];
-var LCTable = function LCTable(_ref) {
-  var context = _ref.context,
-    id = _ref.id,
+var _constants = require("../../../constants");
+var LCTable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var id = _ref.id,
     className = _ref.className,
     dataset = _ref.dataset,
     width = _ref.width,
     height = _ref.height,
+    fields = _ref.fields,
+    draggable = _ref.draggable,
     bordered = _ref.bordered,
     zebra = _ref.zebra,
     autoLoad = _ref.autoLoad,
     readOnly = _ref.readOnly,
+    renderIndex = _ref.renderIndex,
     suppressActions = _ref.suppressActions,
     actionsColumnWidth = _ref.actionsColumnWidth,
     actions = _ref.actions,
@@ -39,9 +44,27 @@ var LCTable = function LCTable(_ref) {
     hideOnSinglePage = _ref.hideOnSinglePage,
     paginationSimple = _ref.paginationSimple,
     suppressPreset = _ref.suppressPreset,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ref = (0, _react.useRef)();
-  var latestZebra = (0, _ahooks.useLatest)(zebra);
+    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,
+    advance = _ref.advance;
+  var ctx = (0, _ContextProvider.useContext)();
+  var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
+    module = _useRemoteSource.module;
+  var wrapperRef = (0, _react.useRef)();
+  var instanceRef = (0, _react.useRef)();
   var _pagination = (0, _ahooks.useCreation)(function () {
     return {
       isFlow: !pagination,
@@ -59,65 +82,257 @@ var LCTable = function LCTable(_ref) {
     return {
       actionsColumn: suppressActions ? null : {
         width: actionsColumnWidth,
-        maxCount: actions.max,
-        type: actions.type,
+        maxCount: (actions.current || actions).max,
+        type: (actions.current || actions).type,
         getActions: function getActions() {
-          return actions.todoList.map(function (_action) {
+          return (actions.current || actions).todoList.map(function (action) {
             return {
-              title: _action.name,
-              action: function action(d) {
-                console.log('doAction', d, _action);
-              },
-              resource: _action.serial,
-              style: _action.riskLevel === 'default' ? null : {
+              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 (data, rowIndex, params) {
+                ctx.doAction(action.actionPool, {
+                  data: data,
+                  rowIndex: rowIndex,
+                  params: params
+                });
+              }),
+              resource: action.serial,
+              style: action.riskLevel === 'default' ? null : {
                 color: {
                   danger: '#ff7875',
-                  destroy: '#820014'
-                }[_action.riskLevel]
+                  destroy: '#ff4d4f'
+                }[action.riskLevel]
               }
             };
           });
         }
       }
     };
-  }, [suppressActions, actionsColumnWidth, actions]);
-  (0, _ahooks.useUpdateEffect)(function () {
-    var itemsToUpdate = [];
-    ref.current.gridApi.api.forEachNode(function (rowNode) {
-      if (rowNode.rowIndex % 2 === 0) itemsToUpdate.push(rowNode.data);
+  }, [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)(ctx, defaultRowSelectedCode, ['data', 'node'], d, n);
+        },
+        isRowSelectable: function isRowSelectable(d, n) {
+          if ((0, _lodash.isNil)(rowSelectableCode)) return true;
+          return (0, _helper.executeCode)(ctx, rowSelectableCode, ['data', 'node'], d, n);
+        },
+        onSelect: function onSelect(data, isSelected, SelectedRows, params) {
+          ctx.doAction(advance.events.onRowSelected, {
+            data: data,
+            isSelected: isSelected,
+            SelectedRows: SelectedRows,
+            params: params
+          });
+        },
+        onChange: function onChange(rows, nodes, params) {
+          ctx.doAction(advance.events.onRowSelected, {
+            rows: rows,
+            nodes: nodes,
+            params: params
+          });
+        }
+      }
+    } : 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) {
+        ctx.doAction(action.actionPool, {
+          key: key,
+          selectedRows: selectedRows
+        });
+      }
+    };
+  }, [bantchActions.todoList]);
+  var _others = (0, _ahooks.useCreation)(function () {
+    var temp = {};
+    if (!(0, _lodash.isNil)(formatDataSource)) {
+      temp.formatDataSource = function (list, detail) {
+        return (0, _helper.executeCode)(ctx, formatDataSource, ['list', 'detail'], list, detail);
+      };
+    }
+    if (!(0, _lodash.isNil)(getDataPath)) {
+      temp.getDataPath = function (data) {
+        return (0, _helper.executeCode)(ctx, getDataPath, ['data'], data);
+      };
+    }
+    if (!(0, _lodash.isNil)(columnsRewrite) || !(0, _lodash.isNil)(fields)) {
+      temp.columnsRewrite = function (cols) {
+        var colsMap = (0, _lodash.keyBy)(cols, 'field');
+        var _cols = (0, _lodash.isNil)(fields) ? cols : fields.map(function (_field) {
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colsMap[_field.field]), _field);
+        });
+        return (0, _lodash.isNil)(columnsRewrite) ? _cols : (0, _helper.executeCode)(ctx, columnsRewrite, ['columns'], _cols);
+      };
+    }
+    if (!(0, _lodash.isNil)(columnsReset)) {
+      temp.columnsReset = function (cols) {
+        return (0, _helper.executeCode)(ctx, columnsReset, ['columns'], cols);
+      };
+    }
+    if (!(0, _lodash.isNil)(modelParams)) {
+      temp.overModel = (0, _helper.executeCode)(ctx, modelParams);
+    }
+    return temp;
+  }, [fields, formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams]);
+  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 ctx.doAction(action, {
+          indtance: instanceRef.current
+        });
+      }
+    })) : null;
+  });
+  var renderFilterArea = (0, _ahooks.useMemoizedFn)(function () {
+    return topFilter ? /*#__PURE__*/_react.default.createElement(_TopFilter.default, {
+      filter: topFilter
+    }) : null;
+  });
+  var _wrapperProps = (0, _ahooks.useCreation)(function () {
+    return (0, _defineProperty2.default)({
+      id: id
+    }, _constants.LC_COMPONENT_UNIT_KEY, _constants.LC_COMPONENT_UNIT);
+  }, []);
+  var _getRowStyle = (0, _ahooks.useMemoizedFn)(function (params) {
+    var _zebra = (0, _lodash.isNil)(zebra.current) ? zebra : zebra.current;
+    var condition = _zebra !== null && _zebra !== void 0 && _zebra.condition ? (0, _helper.executeCode)(ctx, _zebra.condition, ['params'], params) : _zebra && params.node.rowIndex % 2 === 0;
+    return condition ? {
+      'background-color': _zebra.color || _zebra
+    } : {
+      'background-color': '#fff'
+    };
+  });
+  var _readFilter = (0, _ahooks.useMemoizedFn)(function (params, filters) {
+    return ctx._setPagePublicResource({
+      params: params,
+      filters: filters
     });
-    ref.current.gridApi.api.updateRowData({
-      update: itemsToUpdate
+  });
+  var _handleGridReady = (0, _ahooks.useMemoizedFn)(function (params, instance) {
+    instanceRef.current = instance;
+    onGridReady === null || onGridReady === void 0 || onGridReady(params, instance);
+    ctx.doAction(advance.events.onMount, {
+      params: params,
+      instance: instance
+    });
+  });
+  var _handleRowClick = (0, _ahooks.useMemoizedFn)(function (data, rowIndex, params) {
+    ctx.doAction(advance.events.onRowClick, {
+      data: data,
+      rowIndex: rowIndex,
+      params: params
+    });
+  });
+  var _handleRowDoubleClick = (0, _ahooks.useMemoizedFn)(function (data, rowIndex, params) {
+    ctx.doAction(advance.events.onRowDoubleClick, {
+      data: data,
+      rowIndex: rowIndex,
+      params: params
     });
-  }, [zebra]);
+  });
+  var _handleRowDragged = (0, _ahooks.useMemoizedFn)(function (toId, fromId, params) {
+    if (advance.events.onRowDragged) {
+      ctx.doAction(advance.events.onRowDragged, {
+        toId: toId,
+        fromId: fromId,
+        params: params
+      });
+    } else {
+      ctx.doAction([['drag', {
+        category: 'page-action',
+        code: JSON.stringify({
+          moduleCode: module.moduleCode,
+          datasetCode: dataset.code,
+          data: {
+            toId: toId,
+            fromId: fromId
+          }
+        })
+      }]]);
+    }
+  });
+  var _afterInit = (0, _ahooks.useMemoizedFn)(function (res, dispatch, props) {
+    ctx.doAction(advance.events.afterInit, {
+      res: res,
+      dispatch: dispatch,
+      props: props
+    });
+  });
+  var _afterQuery = (0, _ahooks.useMemoizedFn)(function (res) {
+    ctx.doAction(advance.events.afterQuery, {
+      res: res
+    });
+  });
+  (0, _ahooks.useUnmount)(function () {
+    ctx.doAction(advance.events.onUnmount, {
+      instance: instanceRef.current
+    });
+  });
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    return ref.current.wrapperRef.current;
+    return wrapperRef.current;
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
+    displayName: "Table",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement(_LdGrid.default, (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement(_index.LdGrid, (0, _extends2.default)({
     ref: ref,
+    wrapper: wrapperRef,
+    wrapperProps: _wrapperProps,
     width: width,
     height: height,
     bordered: bordered,
-    id: id,
     className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
     ldId: id,
-    dataSetKey: dataset,
+    dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
     readOnly: readOnly,
+    renderIndex: renderIndex,
     suppressInit: !autoLoad,
-    getRowStyle: function getRowStyle(params) {
-      return latestZebra.current && params.node.rowIndex % 2 === 0 ? {
-        'background-color': latestZebra.current
-      } : {
-        'background-color': '#fff'
-      };
-    },
-    suppressPreset: suppressPreset
-    // operates={resources}
-  }, _pagination, _actionsColumn)));
-};
+    getRowStyle: _getRowStyle,
+    suppressPreset: suppressPreset,
+    defaultColDef: {
+      draggable: draggable
+    }
+  }, _pagination, _actionsColumn, _rowSelection, _export, _batchActions, _others, {
+    readFilter: _readFilter,
+    renderFunctionArea: renderFunctionArea,
+    renderFilterArea: renderFilterArea,
+    onGridReady: _handleGridReady,
+    onRowClick: _handleRowClick,
+    onRowDoubleClick: _handleRowDoubleClick,
+    onRowDragged: _handleRowDragged,
+    afterInit: _afterInit,
+    afterQuery: _afterQuery
+  })));
+});
 LCTable.propTypes = {
   /**
    * @name 唯一标识
@@ -129,7 +344,10 @@ LCTable.propTypes = {
    * @name 数据集
    * @type _DataSetSelector
    */
-  dataset: _propTypes.default.string,
+  dataset: _propTypes.default.shape({
+    code: _propTypes.default.string.isRequired,
+    uid: _propTypes.default.string.isRequired
+  }),
   /**
    * @name 自动加载
    * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
@@ -244,8 +462,106 @@ LCTable.propTypes = {
    * @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
    */
-  actions: _propTypes.default.array
+  modelParams: _propTypes.default.string
 };
-LCTable.defaultProps = (0, _helper.omitBadProps)(_tablePropsDefault.default, ['actionsColumn']);
+LCTable.defaultProps = (0, _helper.omitBadProps)(_tablePropsDefault.default);
 var _default = exports.default = LCTable;