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

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

@@ -1,14 +1,14 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["context", "id", "className", "dataset", "width", "height", "bordered", "zebra", "autoLoad", "readOnly", "suppressActions", "actionsColumnWidth", "actions", "pagination", "pageSize", "showSizeChanger", "showQuickJumper", "hideOnSinglePage", "paginationSimple", "suppressPreset"];
+import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
-import { useMemoizedFn, useCreation, useUpdateEffect, useLatest } from 'ahooks';
-import LdGrid from "../../../../components/LdGrid";
+import { useMemoizedFn, useCreation } from 'ahooks';
+import { isNil, isString } from 'lodash';
 import classNames from 'classnames';
 import Wrapper from "../Wrapper";
-import { omitBadProps } from "../../../engine/tools/helper";
+import { LdGrid, LDActions } from "../../../../index";
+import TopFilter from "./components/TopFilter";
+import { omitBadProps, executeCode } from "../../../engine/tools/helper";
 import defaultMeta from "../../../engine/meta/table.props.default.json";
 var LCTable = function LCTable(_ref) {
   var context = _ref.context,
@@ -21,6 +21,7 @@ var LCTable = function LCTable(_ref) {
     zebra = _ref.zebra,
     autoLoad = _ref.autoLoad,
     readOnly = _ref.readOnly,
+    renderIndex = _ref.renderIndex,
     suppressActions = _ref.suppressActions,
     actionsColumnWidth = _ref.actionsColumnWidth,
     actions = _ref.actions,
@@ -31,9 +32,25 @@ var LCTable = function LCTable(_ref) {
     hideOnSinglePage = _ref.hideOnSinglePage,
     paginationSimple = _ref.paginationSimple,
     suppressPreset = _ref.suppressPreset,
-    props = _objectWithoutProperties(_ref, _excluded);
+    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 = useRef();
-  var latestZebra = useLatest(zebra);
+  var handleBatchOperationsClick = useMemoizedFn(function (key, selectedRows, action) {
+    console.log('handleBatchOperationsClick', key, selectedRows, action);
+  });
   var _pagination = useCreation(function () {
     return {
       isFlow: !pagination,
@@ -51,40 +68,115 @@ 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 (d, i, p) {
+                console.log('doAction', d, action);
+              }),
+              resource: action.serial,
+              style: action.riskLevel === 'default' ? null : {
                 color: {
                   danger: '#ff7875',
-                  destroy: '#820014'
-                }[_action.riskLevel]
+                  destroy: '#ff4d4f'
+                }[action.riskLevel]
               }
             };
           });
         }
       }
     };
-  }, [suppressActions, actionsColumnWidth, actions]);
-  useUpdateEffect(function () {
-    var itemsToUpdate = [];
-    ref.current.gridApi.api.forEachNode(function (rowNode) {
-      if (rowNode.rowIndex % 2 === 0) itemsToUpdate.push(rowNode.data);
-    });
-    ref.current.gridApi.api.updateRowData({
-      update: itemsToUpdate
-    });
-  }, [zebra]);
+  }, [suppressActions, actionsColumnWidth, actions.current || actions]);
+  var _rowSelection = useCreation(function () {
+    return rowSelection ? {
+      rowSelection: {
+        mode: rowSelectionMode,
+        suppressPagination: suppressRowSelectionPagination,
+        isDefaultSelected: function isDefaultSelected(d, n) {
+          if (isNil(defaultRowSelectedCode)) return false;
+          return executeCode(context, defaultRowSelectedCode, ['data', 'node'], d, n);
+        },
+        isRowSelectable: function isRowSelectable(d, n) {
+          if (isNil(rowSelectableCode)) return true;
+          return executeCode(context, rowSelectableCode, ['data', 'node'], d, n);
+        }
+      }
+    } : false;
+  }, [rowSelection, suppressRowSelectionPagination, rowSelectionMode, defaultRowSelectedCode, rowSelectableCode]);
+  var _export = useCreation(function () {
+    return {
+      enableExportAll: !!impexp.export,
+      apiUrl: isString(impexp.export) ? impexp.export : void 0
+    };
+  }, [impexp.export]);
+  var _batchActions = 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 = useCreation(function () {
+    var temp = {};
+    if (!isNil(formatDataSource)) {
+      temp.formatDataSource = function (list, detail) {
+        return executeCode(context, formatDataSource, ['list', 'detail'], list, detail);
+      };
+    }
+    if (!isNil(getDataPath)) {
+      temp.getDataPath = function (data) {
+        return executeCode(context, getDataPath, ['data'], data);
+      };
+    }
+    if (!isNil(columnsRewrite)) {
+      temp.columnsRewrite = function (cols) {
+        return executeCode(context, columnsRewrite, ['columns'], cols);
+      };
+    }
+    if (!isNil(columnsReset)) {
+      temp.columnsReset = function (cols) {
+        return executeCode(context, columnsReset, ['columns'], cols);
+      };
+    }
+    if (!isNil(modelParams)) {
+      temp.overModel = executeCode(context, modelParams);
+    }
+    return temp;
+  }, [formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams]);
   var getTargetDom = useMemoizedFn(function () {
     return ref.current.wrapperRef.current;
   });
+  var renderFunctionArea = 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.createElement(LDActions, _extends({}, topActionGroup, {
+      doAction: function doAction(action) {
+        return context.doAction(action);
+      }
+    })) : null;
+  });
+  var renderFilterArea = useMemoizedFn(function () {
+    return topFilter ? /*#__PURE__*/React.createElement(TopFilter, {
+      filter: topFilter
+    }) : null;
+  });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     getTargetDom: getTargetDom
@@ -98,17 +190,47 @@ var LCTable = function LCTable(_ref) {
     ldId: id,
     dataSetKey: dataset,
     readOnly: readOnly,
+    renderIndex: renderIndex,
     suppressInit: !autoLoad,
     getRowStyle: function getRowStyle(params) {
-      return latestZebra.current && params.node.rowIndex % 2 === 0 ? {
-        'background-color': latestZebra.current
+      return (zebra.current || zebra) && params.node.rowIndex % 2 === 0 ? {
+        'background-color': zebra.current || zebra
       } : {
         'background-color': '#fff'
       };
     },
     suppressPreset: suppressPreset
-    // operates={resources}
-  }, _pagination, _actionsColumn)));
+  }, _pagination, _actionsColumn, _rowSelection, _export, _batchActions, _others, {
+    onGridReady: onGridReady,
+    renderFunctionArea: renderFunctionArea,
+    renderFilterArea: renderFilterArea
+    /* ----------------------------其他可用配置开始 !!!不使用请删除!!!------------------------------ */
+    /**
+     * @description 初始化后的回调
+     * @require false
+     * @default -
+     */
+    // afterInit={(res, dispatch, props)=>console.log(res, dispatch, props)}
+    /**
+     * @description 获取过滤条件
+     * @require false
+     * @default -
+     */
+    // readFilter={(params, filters)=>{}}
+    /**
+     * @description 复写model参数
+     * @require false
+     * @default -
+     */
+    // overModel={{ unclosableSet: ['ilinkno'] }}
+    /**
+     * @description 读取数据源后的回调,返回所有接口中所有
+     * @require false
+     * @default -
+     */
+    // afterQuery={(res) => console.log('afterQuery', res)}
+    /* ----------------------------其他可用配置结束 !!!不使用请删除!!!------------------------------ */
+  })));
 };
 LCTable.propTypes = {
   /**
@@ -236,8 +358,106 @@ LCTable.propTypes = {
    * @name 操作项
    * @type _TableActions
    * @groupNext actionsColumn
+   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
+   */
+  actions: PropTypes.shape({
+    display: PropTypes.oneOf(['text', 'button']),
+    max: PropTypes.number,
+    moreText: PropTypes.string,
+    todoList: PropTypes.array
+  }),
+  /**
+   * @name 顶部操作
+   * @type _ActionGroup
+   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
+   */
+  topActionGroup: PropTypes.shape({
+    display: PropTypes.oneOf(['text', 'button']),
+    max: PropTypes.number,
+    moreText: PropTypes.string,
+    todoList: PropTypes.array
+  }),
+  /**
+   * @name 顶部过滤器
+   * @type _TableTopFilter
+   */
+  topFilter: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.shape({
+    options: PropTypes.array.isRequired,
+    field: PropTypes.string.isRequired
+  })]),
+  /**
+   * @name 开启行选择器
+   * @type boolean
+   * @default false
+   */
+  rowSelection: PropTypes.bool,
+  /**
+   * @name 停用分页多选
+   * @type boolean
+   * @default false
+   */
+  suppressRowSelectionPagination: PropTypes.bool,
+  /**
+   * @name 选择器模式
+   * @type segmented
+   * @options [{label: '复选', value: 'multiple'}, {label: '单选', value: 'single'}]
+   * @default 'multiple'
+   */
+  rowSelectionMode: PropTypes.oneOf(['single', 'multiple']),
+  /**
+   * @name 默认选中
+   * @type _JSEditor
+   * @default "function getDefaultRowSelected(data, node, ctx) { \n return false; \n}"
+   */
+  defaultRowSelectedCode: PropTypes.string,
+  /**
+   * @name 行是否可选
+   * @type _JSEditor
+   * @default "function getRowSelectable(data, node, ctx) { \n return true; \n}"
+   */
+  rowSelectableCode: PropTypes.string,
+  /**
+   * @name 导入导出
+   * @type _ImpExp
+   * @default { "export": true }
+   */
+  impexp: PropTypes.shape({
+    import: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+    export: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
+  }),
+  /**
+   * @name 批量操作
+   * @type _BatchActions
+   * @default { "todoList": [] }
+   */
+  bantchActions: PropTypes.shape({
+    todoList: PropTypes.array
+  }),
+  /**
+   * @name 格式化数据
+   * @type _JSEditor
+   */
+  formatDataSource: PropTypes.string,
+  /**
+   * @name 构建树层级
+   * @type _JSEditor
+   */
+  getDataPath: PropTypes.string,
+  /**
+   * @name 重写表格列
+   * @type _JSEditor
+   */
+  columnsRewrite: PropTypes.string,
+  /**
+   * @name 重置表格列
+   * @type _JSEditor
+   */
+  columnsReset: PropTypes.string,
+  /**
+   * @name model参数
+   * @type _JSEditor
    */
-  actions: PropTypes.array
+  modelParams: PropTypes.string
 };
-LCTable.defaultProps = omitBadProps(defaultMeta, ['actionsColumn']);
+LCTable.defaultProps = omitBadProps(defaultMeta);
 export default LCTable;

package/es/lowcode/view/lc-components/Table/meta.json

@@ -32,10 +32,28 @@
       "default": false
     },
     {
-      "key": "suppressPreset",
-      "name": "关闭预设",
-      "type": "switch",
-      "default": false
+      "key": "topSetting",
+      "name": "顶部操作",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "顶部操作",
+        "props": [
+          {
+            "key": "topActionGroup",
+            "name": "顶部按钮组",
+            "type": "_ActionsEditor",
+            "default": { "display": "button", "max": 2, "moreText": "操作", "todoList": [] },
+            "wrapper": "collapse"
+          },
+          {
+            "key": "topFilter",
+            "name": "顶部过滤器",
+            "type": "_TableTopFilter",
+            "wrapper": "collapse"
+          }
+        ]
+      }
     },
     {
       "key": "actionsColumn",
@@ -61,15 +79,98 @@
           },
           {
             "key": "actions",
-            "name": "#操作项",
-            "desc": "单行操作项",
-            "type": "_TableActions",
-            "default": {"display": "text", "max": 2, "todoList": []},
-            "panelItem": { "suppressPadding": true }
+            "name": "表格操作项",
+            "type": "_ActionsEditor",
+            "default": { "display": "text", "max": 2, "moreText": "更多操作", "todoList": [] },
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
           }
         ]
       }
     },
+    {
+      "key": "rowSelectionSetting",
+      "name": "行选择器",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "行选择器",
+        "props": [
+          {
+            "key": "rowSelection",
+            "name": "开启行选择器",
+            "type": "switch",
+            "default": false
+          },
+          {
+            "key": "suppressRowSelectionPagination",
+            "name": "停用分页多选",
+            "desc": "停用分页多选后，选择器将不记录跨页的行选择，而只记录当前页的行选择",
+            "type": "switch",
+            "default": false
+          },
+          {
+            "key": "rowSelectionMode",
+            "name": "选择器模式",
+            "type": "segmented",
+            "options": [
+              {
+                "label": "复选",
+                "value": "multiple"
+              },
+              {
+                "label": "单选",
+                "value": "single"
+              }
+            ],
+            "default": "multiple"
+          },
+          {
+            "key": "bantchActions",
+            "name": "批量操作",
+            "type": "_ActionsEditor",
+            "default": { "todoList": [] },
+            "suppressDisplay": true,
+            "suppressMax": true,
+            "suppressMore": true,
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
+          },
+          {
+            "key": "defaultRowSelectedCode",
+            "name": "默认选中行",
+            "type": "_JSEditor",
+            "defaultCode": "function getRowDefaultSelected(data, node, ctx) { \n return false; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
+          },
+          {
+            "key": "rowSelectableCode",
+            "name": "行是否可选",
+            "type": "_JSEditor",
+            "defaultCode": "function getRowSelectable(data, node, ctx) { \n return true; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
+          }
+        ]
+      }
+    },
+    {
+      "key": "impexpSetting",
+      "name": "导入导出",
+      "type": "group",
+      "props": [
+        {
+          "key": "impexp",
+          "name": "#导入导出",
+          "type": "_ImpExp",
+          "default": { "export": true },
+          "wrapperProps": { "suppressIcon": true }
+        }
+      ]
+    },
     {
       "key": "styleSetting",
       "name": "风格和样式",
@@ -93,11 +194,23 @@
           "type": "_TableZebra",
           "default": false
         },
+        {
+          "key": "suppressPreset",
+          "name": "关闭预设",
+          "type": "switch",
+          "default": false
+        },
         {
           "key": "bordered",
           "name": "边框线",
           "type": "switch",
           "default": false
+        },
+        {
+          "key": "renderIndex",
+          "name": "显示序号",
+          "type": "switch",
+          "default": true
         }
       ]
     },
@@ -114,7 +227,7 @@
         },
         {
           "key": "showSizeChanger",
-          "name": "分页器",
+          "name": "pageSize选择",
           "type": "switch",
           "default": true
         },
@@ -146,28 +259,62 @@
       ]
     },
     {
-      "key": "batchOperations",
-      "name": "批量操作",
-      "desc": "批量操作配置",
-      "type": "_CardListActionSelector"
-    },
-    {
-      "key": "batchActions",
-      "name": "批量操作项",
-      "desc": "批量操作项",
-      "type": "_ActionSelector"
-    },
-    {
-      "key": "rowStyle",
-      "name": "行样式",
-      "desc": "向行添加 CSS 样式",
-      "type": "_CSSEditor"
-    },
-    {
-      "key": "cellStyle",
-      "name": "行样式",
-      "desc": "向行添加 CSS 样式",
-      "type": "_CSSEditor"
+      "key": "advance",
+      "name": "高级设置",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "高级设置",
+        "props": [
+          {
+            "key": "formatDataSource",
+            "name": "格式化数据",
+            "type": "_JSEditor",
+            "defaultCode": "function formatDataSource(list, detail, ctx) { \n return []; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
+          },
+          {
+            "key": "getDataPath",
+            "name": "构建树层级",
+            "type": "_JSEditor",
+            "defaultCode": "function getDataPath(data, ctx) { \n return []; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
+          },
+          {
+            "key": "columnsRewrite",
+            "name": "重写表格列",
+            "desc": "自定义某些表格列",
+            "type": "_JSEditor",
+            "defaultCode": "function columnsRewrite(columns, ctx) { \n return columns; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
+          },
+          {
+            "key": "columnsReset",
+            "name": "重置表格列",
+            "desc": "完全自定义所有表格列，优先级大于columnsRewrite",
+            "type": "_JSEditor",
+            "defaultCode": "function columnsReset(columns, ctx) { \n return columns; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
+          },
+          {
+            "key": "modelParams",
+            "name": "model参数",
+            "type": "_JSEditor",
+            "defaultCode": "function getModelParams(ctx) { \n return {}; \n}",
+            "mustConfirm": true,
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
+          }
+        ]
+      }
     }
   ],
   "advance": {

package/es/lowcode/view/lc-components/Tabs/meta.json

@@ -109,7 +109,6 @@
       "default": false
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {

package/es/lowcode/view/lc-components/Text/meta.json

@@ -40,7 +40,7 @@
       "default": 0
     }
   ],
-  "style": {},
+  "css": {},
   "advance": {
     "events": [
       {

package/es/lowcode/view/lc-components/Tree/FunctionDesign.js

@@ -1,9 +1,54 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
+var _excluded = ["rowKey", "children", "defaultExpandDeep"];
+import React, { useState, useEffect } from 'react';
+import { transform } from 'lodash';
 import Index from "./index";
 var FunctionDesign = function FunctionDesign(_ref) {
-  var children = _ref.children,
+  var _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? window.appConfig.constraintKeys.PRIMARY : _ref$rowKey,
+    children = _ref.children,
+    defaultExpandDeep = _ref.defaultExpandDeep,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Index, props, children);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    treeData = _useState2[0],
+    setTreeData = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    expandedKeys = _useState4[0],
+    setExpandedKeys = _useState4[1];
+
+  // 默认展开层级
+  useEffect(function () {
+    if (defaultExpandDeep && treeData && treeData.length > 0) {
+      var defaultExpanded = transform(treeData, function (result, n) {
+        if (defaultExpandDeep === 'all' || n.sidcc.substring(1, n.sidcc.length - 1).split('/').length < Number(defaultExpandDeep) + 1) {
+          result.push("".concat(n[rowKey]));
+        }
+      }, []);
+      setExpandedKeys(defaultExpanded);
+    }
+  }, [defaultExpandDeep, treeData]);
+  useEffect(function () {
+    props.context.$publisher(props.context.topics.COMPONENT_REPOSITIONING, {
+      id: props.id
+    });
+  }, [expandedKeys]);
+  return /*#__PURE__*/React.createElement(Index, _extends({}, props, {
+    afterQuery: function afterQuery(_ref2) {
+      var code = _ref2.code,
+        list = _ref2.list,
+        detail = _ref2.detail;
+      if (code === 1) setTreeData(list.map(function (i) {
+        return detail[i];
+      }));
+    },
+    expandedKeys: expandedKeys,
+    rowKey: rowKey,
+    defaultExpandDeep: defaultExpandDeep,
+    motion: null // 关闭动画
+  }), children);
 };
 export default FunctionDesign;