@luck-design-biz/luckda 0.0.25-13 → 0.0.25-15

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

@@ -4,7 +4,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useRef, useImperativeHandle, forwardRef, useEffect } from 'react';
+import React, { useRef, useImperativeHandle, forwardRef, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn, useCreation, useSetState, useUpdateEffect, useRequest } from 'ahooks';
 import { isNil, isString, keyBy } from 'lodash';
@@ -14,11 +14,12 @@ import { useContext, useRemoteSource } from "../../../engine/provider/ContextPro
 import Wrapper from "../Wrapper";
 import { LdGrid, LDActions } from "../../../../index";
 import TopFilter from "./components/TopFilter";
-import { omitBadProps, executeCode } from "../../../engine/tools/helper";
+import { TopUpload, TopExport } from "./components/TopImex";
+import { omitBadProps, executeCode, getLDMetaAttr } from "../../../engine/tools/helper";
 import defaultMeta from "../../../engine/meta/table.props.default.json";
 import { LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT } from "../../../constants";
 import { exportExcel, getFindexcelstate } from "../../../constants/api-url";
-import { TopUpload, TopExport } from "./components/TopImex";
+var moduleCode = getLDMetaAttr('moduleCode');
 var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
     className = _ref.className,
@@ -61,8 +62,6 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$autoRowClick = _ref.autoRowClick,
     autoRowClick = _ref$autoRowClick === void 0 ? true : _ref$autoRowClick;
   var ctx = useContext();
-  var _useRemoteSource = useRemoteSource(),
-    module = _useRemoteSource.module;
   var apiRef = useRef();
   var wrapperRef = useRef();
   var instanceRef = useRef();
@@ -72,9 +71,9 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setClickedRow = _useSetState2[1];
   useImperativeHandle(apiRef, function () {
     return {
-      /**
-       * 获取表格实例
-       * @method
+      /**
+       * 获取表格实例
+       * @method
        */
       getInstance: function getInstance() {
         return instanceRef.current;
@@ -236,7 +235,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
               behaviorKey = impexp.export;
               strategy = 'behavior';
               _exportExcelParams = {
-                moduleCode: module.moduleCode,
+                moduleCode: moduleCode,
                 behaviorKey: behaviorKey,
                 reportType: 'export'
               };
@@ -249,7 +248,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
                 fecthExcelState({
                   strategy: strategy,
                   batchNo: exportExcelResponse.data,
-                  moduleCode: module.moduleCode,
+                  moduleCode: moduleCode,
                   behaviorKey: behaviorKey
                 }, procress, resolve, reject);
               } else {
@@ -284,7 +283,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
                 reqBody: null
               };
               _exportExcelParams2 = _objectSpread({
-                moduleCode: module.moduleCode,
+                moduleCode: moduleCode,
                 reportType: 'export'
               }, defaultExcelParams);
               _exportExcelPrefix2 = "/".concat(_strategy);
@@ -296,7 +295,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
                 fecthExcelState({
                   strategy: _strategy,
                   batchNo: _exportExcelResponse.data,
-                  moduleCode: module.moduleCode
+                  moduleCode: moduleCode
                 }, procress, resolve, reject);
               } else {
                 reject();
@@ -378,7 +377,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     return temp;
   }, [fields, formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams, draggable]);
-  var renderFunctionArea = useMemoizedFn(function () {
+  var renderFunctionArea = useCallback(function () {
     var _topActionGroup$todoL;
     var resultComp = [];
     if (!!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length)) {
@@ -396,24 +395,24 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
         apiUrl = _getProps2.apiUrl;
       resultComp.push( /*#__PURE__*/React.createElement(TopUpload, {
         apiUrl: apiUrl,
-        moduleCode: module.moduleCode,
+        moduleCode: moduleCode,
         options: impexp,
         tableRef: instanceRef.current || ref.current
       }));
     }
-    if (impexp.export) {
+    if (isString(impexp.export) || impexp.export) {
       var _ref8;
       var _getProps3 = (_ref8 = instanceRef.current || ref.current) === null || _ref8 === void 0 ? void 0 : _ref8.getProps(),
         _apiUrl = _getProps3.apiUrl;
       resultComp.push( /*#__PURE__*/React.createElement(TopExport, {
         apiUrl: _apiUrl,
-        moduleCode: module.moduleCode,
+        moduleCode: moduleCode,
         options: impexp,
         tableRef: instanceRef.current || ref.current
       }));
     }
     return resultComp;
-  });
+  }, [topActionGroup, impexp]);
   var renderFilterArea = useMemoizedFn(function () {
     return topFilter ? /*#__PURE__*/React.createElement(TopFilter, {
       filter: topFilter,
@@ -479,7 +478,7 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
         category: 'page-action',
         code: "function onRowDragged(toId, fromId, params){return {data: { toId, fromId }};}",
         code1: JSON.stringify({
-          moduleCode: module.moduleCode,
+          moduleCode: moduleCode,
           datasetCode: dataset.code,
           data: {
             toId: toId,
@@ -565,135 +564,135 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   })));
 });
 LCTable.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: PropTypes.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
    */
   dataset: PropTypes.shape({
     code: PropTypes.string.isRequired,
     uid: PropTypes.string.isRequired
   }),
-  /**
-   * @name 自动加载
-   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
-   * @type switch
-   * @default true
+  /**
+   * @name 自动加载
+   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
+   * @type switch
+   * @default true
    */
   autoLoad: PropTypes.bool,
-  /**
-   * @name 只读
-   * @type switch
-   * @default false
+  /**
+   * @name 只读
+   * @type switch
+   * @default false
    */
   readOnly: PropTypes.bool,
-  /**
-   * @name 关闭预设
-   * @type switch
-   * @default false
+  /**
+   * @name 关闭预设
+   * @type switch
+   * @default false
    */
   suppressPreset: PropTypes.bool,
-  /**
-   * @name 宽度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   width: PropTypes.string,
-  /**
-   * @name 高度
-   * @type _WidthHeight
-   * @default 100%
-   * @group styleSetting
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
    */
   height: PropTypes.string,
-  /**
-   * @name 边框线
-   * @type switch
-   * @default false
-   * @group styleSetting
+  /**
+   * @name 边框线
+   * @type switch
+   * @default false
+   * @group styleSetting
    */
   border: PropTypes.bool,
-  /**
-   * @name 斑马纹
-   * @type switch
-   * @default false
-   * @group styleSetting
+  /**
+   * @name 斑马纹
+   * @type switch
+   * @default false
+   * @group styleSetting
    */
   zebra: PropTypes.oneOfType[(PropTypes.bool, PropTypes.string)],
-  /**
-   * @name 开启分页
-   * @type switch
-   * @default true
-   * @group paginationSetting
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   * @group paginationSetting
    */
   pagination: PropTypes.bool,
-  /**
-   * @name 每页条数
-   * @type number
-   * @default 30
-   * @group paginationSetting
+  /**
+   * @name 每页条数
+   * @type number
+   * @default 30
+   * @group paginationSetting
    */
   pageSize: PropTypes.number,
-  /**
-   * @name 分页器
-   * @type switch
-   * @default true
-   * @group paginationSetting
+  /**
+   * @name 分页器
+   * @type switch
+   * @default true
+   * @group paginationSetting
    */
   showSizeChanger: PropTypes.bool,
-  /**
-   * @name 快速跳转
-   * @type switch
-   * @default true
-   * @group paginationSetting
+  /**
+   * @name 快速跳转
+   * @type switch
+   * @default true
+   * @group paginationSetting
    */
   showQuickJumper: PropTypes.bool,
-  /**
-   * @name 单页无分页器
-   * @type switch
-   * @default false
-   * @group paginationSetting
+  /**
+   * @name 单页无分页器
+   * @type switch
+   * @default false
+   * @group paginationSetting
    */
   hideOnSinglePage: PropTypes.bool,
-  /**
-   * @name 简单模式
-   * @type switch
-   * @default false
-   * @group paginationSetting
+  /**
+   * @name 简单模式
+   * @type switch
+   * @default false
+   * @group paginationSetting
    */
   paginationSimple: PropTypes.bool,
-  /**
-   * @name 隐藏操作列
-   * @type switch
-   * @default false
-   * @groupNext actionsColumn
+  /**
+   * @name 隐藏操作列
+   * @type switch
+   * @default false
+   * @groupNext actionsColumn
    */
   suppressActions: PropTypes.bool,
-  /**
-   * @name 隐藏操作列
-   * @type number
-   * @default 160
-   * @groupNext actionsColumn
+  /**
+   * @name 隐藏操作列
+   * @type number
+   * @default 160
+   * @groupNext actionsColumn
    */
   actionsColumnWidth: PropTypes.number,
-  /**
-   * @name 最大显示数
-   * @type number
-   * @default 2
-   * @groupNext actionsColumn
+  /**
+   * @name 最大显示数
+   * @type number
+   * @default 2
+   * @groupNext actionsColumn
    */
   maxActionsCount: PropTypes.number,
-  /**
-   * @name 操作项
-   * @type _TableActions
-   * @groupNext actionsColumn
-   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   * @default {"display": "text", "max": 2, "moreText": "更多行为", "todoList": []}
    */
   actions: PropTypes.shape({
     display: PropTypes.oneOf(['text', 'button']),
@@ -701,10 +700,10 @@ LCTable.propTypes = {
     moreText: PropTypes.string,
     todoList: PropTypes.array
   }),
-  /**
-   * @name 顶部操作
-   * @type _ActionGroup
-   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
+  /**
+   * @name 顶部操作
+   * @type _ActionGroup
+   * @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
    */
   topActionGroup: PropTypes.shape({
     display: PropTypes.oneOf(['text', 'button']),
@@ -712,86 +711,86 @@ LCTable.propTypes = {
     moreText: PropTypes.string,
     todoList: PropTypes.array
   }),
-  /**
-   * @name 顶部过滤器
-   * @type _TableTopFilter
+  /**
+   * @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
+  /**
+   * @name 开启行选择器
+   * @type boolean
+   * @default false
    */
   rowSelection: PropTypes.bool,
-  /**
-   * @name 停用分页多选
-   * @type boolean
-   * @default false
+  /**
+   * @name 停用分页多选
+   * @type boolean
+   * @default false
    */
   suppressRowSelectionPagination: PropTypes.bool,
-  /**
-   * @name 选择器模式
-   * @type segmented
-   * @options [{label: '复选', value: 'multiple'}, {label: '单选', value: 'single'}]
-   * @default 'multiple'
+  /**
+   * @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}"
+  /**
+   * @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}"
+  /**
+   * @name 行是否可选
+   * @type _JSEditor
+   * @default "function getRowSelectable(data, node, ctx) { \n return true; \n}"
    */
   rowSelectableCode: PropTypes.string,
-  /**
-   * @name 导入导出
-   * @type _ImpExp
-   * @default { "export": true }
+  /**
+   * @name 导入导出
+   * @type _ImpExp
+   * @default { "export": true }
    */
   impexp: PropTypes.shape({
     import: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
     importType: PropTypes.bool,
     export: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
   }),
-  /**
-   * @name 批量操作
-   * @type _BatchActions
-   * @default { "todoList": [] }
+  /**
+   * @name 批量操作
+   * @type _BatchActions
+   * @default { "todoList": [] }
    */
   bantchActions: PropTypes.shape({
     todoList: PropTypes.array
   }),
-  /**
-   * @name 格式化数据
-   * @type _JSEditor
+  /**
+   * @name 格式化数据
+   * @type _JSEditor
    */
   formatDataSource: PropTypes.string,
-  /**
-   * @name 构建树层级
-   * @type _JSEditor
+  /**
+   * @name 构建树层级
+   * @type _JSEditor
    */
   getDataPath: PropTypes.string,
-  /**
-   * @name 重写表格列
-   * @type _JSEditor
+  /**
+   * @name 重写表格列
+   * @type _JSEditor
    */
   columnsRewrite: PropTypes.string,
-  /**
-   * @name 重置表格列
-   * @type _JSEditor
+  /**
+   * @name 重置表格列
+   * @type _JSEditor
    */
   columnsReset: PropTypes.string,
-  /**
-   * @name model参数
-   * @type _JSEditor
+  /**
+   * @name model参数
+   * @type _JSEditor
    */
   modelParams: PropTypes.string
 };

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

@@ -60,7 +60,12 @@
             "key": "topActionGroup",
             "name": "顶部按钮组",
             "type": "_ActionsEditor",
-            "default": { "display": "button", "max": 2, "moreText": "操作", "todoList": [] },
+            "default": {
+              "display": "button",
+              "max": 2,
+              "moreText": "操作",
+              "todoList": []
+            },
             "defaultCode": "function todo() { \n \n}",
             "wrapper": "collapse"
           },
@@ -91,7 +96,12 @@
             "key": "actionsColumnWidth",
             "name": "列宽",
             "type": "_WidthHeight",
-            "options": [{ "label": "px", "value": "px" }],
+            "options": [
+              {
+                "label": "px",
+                "value": "px"
+              }
+            ],
             "convertInt": true,
             "default": 160
           },
@@ -99,10 +109,17 @@
             "key": "actions",
             "name": "表格操作项",
             "type": "_ActionsEditor",
-            "default": { "display": "text", "max": 2, "moreText": "更多操作", "todoList": [] },
+            "default": {
+              "display": "text",
+              "max": 2,
+              "moreText": "更多操作",
+              "todoList": []
+            },
             "defaultCode": "function onActionClick(data, rowIndex, params) {\n\n}",
             "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
+            "wrapperProps": {
+              "suppressIcon": true
+            }
           }
         ]
       }
@@ -148,13 +165,17 @@
             "key": "bantchActions",
             "name": "批量操作",
             "type": "_ActionsEditor",
-            "default": { "todoList": [] },
+            "default": {
+              "todoList": []
+            },
             "defaultCode": "function onBatchOperationsClick(key, selectedRows) {\n\n}",
             "suppressDisplay": true,
             "suppressMax": true,
             "suppressMore": true,
             "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
+            "wrapperProps": {
+              "suppressIcon": true
+            }
           },
           {
             "key": "defaultRowSelectedCode",
@@ -163,7 +184,9 @@
             "defaultCode": "function getRowDefaultSelected(data, node) { \n return false; \n}",
             "mustConfirm": true,
             "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
+            "wrapperProps": {
+              "suppressIcon": true
+            }
           },
           {
             "key": "rowSelectableCode",
@@ -172,7 +195,9 @@
             "defaultCode": "function getRowSelectable(data, node) { \n return true; \n}",
             "mustConfirm": true,
             "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
+            "wrapperProps": {
+              "suppressIcon": true
+            }
           }
         ]
       }
@@ -186,8 +211,13 @@
           "key": "impexp",
           "name": "#导入导出",
           "type": "_ImpExp",
-          "default": { "export": true },
-          "wrapperProps": { "suppressIcon": true }
+          "default": {
+            "export": true,
+            "import": true
+          },
+          "wrapperProps": {
+            "suppressIcon": true
+          }
         }
       ]
     },
@@ -294,7 +324,9 @@
             "defaultCode": "function formatDataSource(list, detail) { \n return []; \n}",
             "mustConfirm": true,
             "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
+            "wrapperProps": {
+              "suppressIcon": true
+            }
           },
           {
             "key": "getDataPath",
@@ -303,7 +335,9 @@
             "defaultCode": "function getDataPath(data) { \n return []; \n}",
             "mustConfirm": true,
             "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
+            "wrapperProps": {
+              "suppressIcon": true
+            }
           },
           {
             "key": "columnsRewrite",
@@ -313,7 +347,9 @@
             "defaultCode": "function columnsRewrite(columns) { \n return columns; \n}",
             "mustConfirm": true,
             "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
+            "wrapperProps": {
+              "suppressIcon": true
+            }
           },
           {
             "key": "columnsReset",
@@ -323,7 +359,9 @@
             "defaultCode": "function columnsReset(columns) { \n return columns; \n}",
             "mustConfirm": true,
             "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
+            "wrapperProps": {
+              "suppressIcon": true
+            }
           },
           {
             "key": "modelParams",
@@ -332,7 +370,9 @@
             "defaultCode": "function getModelParams() { \n return {}; \n}",
             "mustConfirm": true,
             "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
+            "wrapperProps": {
+              "suppressIcon": true
+            }
           }
         ]
       }
@@ -402,4 +442,4 @@
       }
     ]
   }
-}
+}