@luck-design-biz/luckda 0.0.25-7 → 0.0.25-9

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

@@ -1,9 +1,12 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useRef, useImperativeHandle, forwardRef } from 'react';
+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 PropTypes from 'prop-types';
-import { useMemoizedFn, useCreation, useUnmount } from 'ahooks';
+import { useMemoizedFn, useCreation, useSetState, useUpdateEffect, useRequest } from 'ahooks';
 import { isNil, isString, keyBy } from 'lodash';
 import classNames from 'classnames';
 import { Modal, recheck } from '@luck-design-biz/base';
@@ -14,6 +17,8 @@ import TopFilter from "./components/TopFilter";
 import { omitBadProps, executeCode } 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 LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
     className = _ref.className,
@@ -52,20 +57,33 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     columnsReset = _ref.columnsReset,
     modelParams = _ref.modelParams,
     onGridReady = _ref.onGridReady,
-    advance = _ref.advance;
+    advance = _ref.advance,
+    _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();
+  var _useSetState = useSetState({}),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    clickedRow = _useSetState2[0],
+    setClickedRow = _useSetState2[1];
   useImperativeHandle(apiRef, function () {
     return {
+      /**
+       * 获取表格实例
+       * @method
+       */
       getInstance: function getInstance() {
         return instanceRef.current;
       }
     };
   });
+  useUpdateEffect(function () {
+    ctx.setPagePublicResource(_defineProperty({}, id, clickedRow));
+  }, [clickedRow]);
   var _pagination = useCreation(function () {
     return {
       isFlow: !pagination,
@@ -167,11 +185,152 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
     } : false;
   }, [rowSelection, suppressRowSelectionPagination, rowSelectionMode, defaultRowSelectedCode, rowSelectableCode]);
+  var _useRequest = useRequest(exportExcel, {
+      manual: true
+    }),
+    runAsync = _useRequest.runAsync;
+
+  // 查询进度
+  var fecthExcelState = function fecthExcelState(_ref2, procress, resolve, reject) {
+    var strategy = _ref2.strategy,
+      batchNo = _ref2.batchNo,
+      moduleCode = _ref2.moduleCode,
+      behaviorKey = _ref2.behaviorKey;
+    var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
+    var _fetchExcelStateParams = {
+      moduleCode: moduleCode,
+      behaviorKey: behaviorKey,
+      reportType: "export"
+    };
+    getFindexcelstate(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
+      if (response.code === 1) {
+        var _response$data = response.data,
+          successCount = _response$data.successCount,
+          totalCount = _response$data.totalCount,
+          downloadUrl = _response$data.downloadUrl;
+        if (successCount >= totalCount) {
+          resolve(downloadUrl);
+        } else {
+          procress((successCount / totalCount * 100).toFixed(1));
+          setTimeout(function () {
+            fecthExcelState({
+              strategy: strategy,
+              batchNo: batchNo,
+              moduleCode: moduleCode,
+              behaviorKey: behaviorKey
+            }, procress, resolve, reject);
+          }, 500);
+        }
+      } else {
+        reject();
+      }
+    }).catch(function () {
+      reject();
+    });
+  };
+  var _onExportAll = function _onExportAll(procress) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve, reject) {
+        var isBehavior, behaviorKey, strategy, _exportExcelParams, _exportExcelPrefix, exportExcelResponse, _ref4, _ref5, _getProps, apiUrl, _strategy, joiner, labels, fieldInfo, defaultExcelParams, _exportExcelParams2, _exportExcelPrefix2, _exportExcelResponse;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              isBehavior = isString(impexp.export);
+              if (!isBehavior) {
+                _context.next = 12;
+                break;
+              }
+              // ! 行为
+              behaviorKey = impexp.export;
+              strategy = 'behavior';
+              _exportExcelParams = {
+                moduleCode: module.moduleCode,
+                behaviorKey: behaviorKey,
+                reportType: "export"
+              };
+              _exportExcelPrefix = "/".concat(strategy);
+              _context.next = 8;
+              return runAsync(_exportExcelPrefix, _exportExcelParams);
+            case 8:
+              exportExcelResponse = _context.sent;
+              if (exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: strategy,
+                  batchNo: exportExcelResponse.data,
+                  moduleCode: module.moduleCode,
+                  behaviorKey: behaviorKey
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+              _context.next = 25;
+              break;
+            case 12:
+              _getProps = (_ref4 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref4 === void 0 ? void 0 : _ref4.getProps(), apiUrl = _getProps.apiUrl;
+              _strategy = 'report_server';
+              joiner = apiUrl.indexOf('?') !== -1 ? '&' : '?';
+              labels = [];
+              fieldInfo = [];
+              (_ref5 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref5 === void 0 || (_ref5 = _ref5.gridApi) === null || _ref5 === void 0 || _ref5.columnApi.getAllDisplayedColumns().forEach(function (column) {
+                if (column.colId !== 'luck-expand' && column.colId !== 'luck-select' && column.colId !== 'luck-index' && column.colId !== 'luck-actions' && column.colId !== 'fraction_drag'
+                // && !column.colDef.draggable
+                ) {
+                  labels.push(column.colDef.headerName);
+                  fieldInfo.push({
+                    width: column.actualWidth,
+                    fieldNm: column.colId
+                  });
+                }
+              });
+              defaultExcelParams = {
+                bgColor: "#69b1ff",
+                dataUrl: "".concat(window.location.origin, "/api").concat(apiUrl).concat(joiner, "token=").concat(window.cookie.get(window.appConfig.authSaveKey)),
+                excelName: "download.xls",
+                fieldInfo: fieldInfo,
+                islock: false,
+                labels: labels === null || labels === void 0 ? void 0 : labels.join(),
+                reqBody: null
+              };
+              _exportExcelParams2 = _objectSpread({
+                moduleCode: module.moduleCode,
+                reportType: "export"
+              }, defaultExcelParams);
+              _exportExcelPrefix2 = "/".concat(_strategy);
+              _context.next = 23;
+              return runAsync(_exportExcelPrefix2, _exportExcelParams2);
+            case 23:
+              _exportExcelResponse = _context.sent;
+              if (_exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: _strategy,
+                  batchNo: _exportExcelResponse.data,
+                  moduleCode: module.moduleCode
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+            case 25:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x4, _x5) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+  };
   var _export = useCreation(function () {
-    return {
-      enableExportAll: !!impexp.export,
-      apiUrl: isString(impexp.export) ? impexp.export : void 0
+    var _temp = {
+      enableExportAll: !!impexp.export
     };
+    if (!!impexp.export) {
+      var _ref6;
+      var _tableProps = (_ref6 = (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) || (ref === null || ref === void 0 ? void 0 : ref.current)) === null || _ref6 === void 0 ? void 0 : _ref6.getProps();
+      _temp.apiUrl = _tableProps === null || _tableProps === void 0 ? void 0 : _tableProps.apiUrl;
+      _temp.onExportAll = _onExportAll;
+    }
+    return _temp;
   }, [impexp.export]);
   var _batchActions = useCreation(function () {
     return {
@@ -228,17 +387,44 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [fields, formatDataSource, getDataPath, columnsRewrite, columnsReset, modelParams, draggable]);
   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 ctx.doAction(action, {
-          datasetCode: dataset.code
-        });
-      }
-    })) : null;
+    var resultComp = [];
+    if (!!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length)) {
+      resultComp.push( /*#__PURE__*/React.createElement(LDActions, _extends({}, topActionGroup, {
+        doAction: function doAction(action) {
+          return ctx.doAction(action, {
+            datasetCode: dataset.code
+          });
+        }
+      })));
+    }
+    if (impexp.import) {
+      var _ref7;
+      var _getProps2 = (_ref7 = instanceRef.current || ref.current) === null || _ref7 === void 0 ? void 0 : _ref7.getProps(),
+        apiUrl = _getProps2.apiUrl;
+      resultComp.push( /*#__PURE__*/React.createElement(TopUpload, {
+        apiUrl: apiUrl,
+        moduleCode: module.moduleCode,
+        options: impexp,
+        tableRef: instanceRef.current || ref.current
+      }));
+    }
+    if (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,
+        options: impexp,
+        tableRef: instanceRef.current || ref.current
+      }));
+    }
+    return resultComp;
   });
   var renderFilterArea = useMemoizedFn(function () {
     return topFilter ? /*#__PURE__*/React.createElement(TopFilter, {
-      filter: topFilter
+      filter: topFilter,
+      instance: instanceRef
     }) : null;
   });
   var _wrapperProps = useCreation(function () {
@@ -256,10 +442,10 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   });
   var _readFilter = useMemoizedFn(function (params, filters) {
-    return ctx.setPagePublicResource(_defineProperty({}, id, {
+    return setClickedRow({
       params: params,
       filters: filters
-    }));
+    });
   });
   var _handleGridReady = useMemoizedFn(function (params, instance) {
     onGridReady === null || onGridReady === void 0 || onGridReady(params, instance);
@@ -269,6 +455,9 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
   });
   var _handleRowClick = useMemoizedFn(function (data, rowIndex, params) {
+    setClickedRow({
+      clickedRow: data
+    });
     ctx.doAction(advance.events.onRowClick, {
       data: data,
       rowIndex: rowIndex,
@@ -327,11 +516,23 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       datasetCode: dataset.code
     });
   });
-  useUnmount(function () {
-    ctx.doAction(advance.events.onUnmount, {
-      datasetCode: dataset.code
-    });
-  });
+  useEffect(function () {
+    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref10) {
+      var resource = _ref10.resource,
+        prevResource = _ref10.prevResource;
+      ctx.doAction(advance.events.onPagePublicResourceChanged, {
+        resource: resource,
+        prevResource: prevResource,
+        instance: (ref === null || ref === void 0 ? void 0 : ref.current) || (instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current)
+      });
+    }).watch();
+    return function () {
+      ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
+      ctx.doAction(advance.events.onUnmount, {
+        datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
+      });
+    };
+  }, []);
   var getTargetDom = useMemoizedFn(function () {
     return wrapperRef.current;
   });
@@ -355,7 +556,8 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     renderIndex: renderIndex,
     suppressInit: !autoLoad,
     getRowStyle: _getRowStyle,
-    suppressPreset: suppressPreset
+    suppressPreset: suppressPreset,
+    suppressPropertyNamesCheck: true
   }, _pagination, _actionsColumn, _rowSelection, _export, _batchActions, _others, {
     readFilter: _readFilter,
     renderFunctionArea: renderFunctionArea,
@@ -365,7 +567,8 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onRowDoubleClick: _handleRowDoubleClick,
     onRowDragged: _handleRowDragged,
     afterInit: _afterInit,
-    afterQuery: _afterQuery
+    afterQuery: _afterQuery,
+    autoRowClick: autoRowClick
   })));
 });
 LCTable.propTypes = {
@@ -562,6 +765,7 @@ LCTable.propTypes = {
    */
   impexp: PropTypes.shape({
     import: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+    importType: PropTypes.bool,
     export: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
   }),
   /**

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

@@ -17,14 +17,14 @@
       "key": "dataset",
       "name": "数据集",
       "type": "_DataSetSelector",
+      "component": "table",
       "next": {
         "name": "字段配置",
         "props": [
           {
             "key": "fields",
             "name": "#字段配置器",
-            "type": "_FieldsSetting",
-            "component": "table"
+            "type": "_FieldsSetting"
           }
         ]
       }
@@ -344,55 +344,61 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "()=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onRowClick",
         "name": "行单击",
         "desc": "单击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
+        "func": "function onRowClick(data, rowIndex, params) {\n\t\n}"
       },
       {
         "key": "onRowDoubleClick",
         "name": "行双击",
         "desc": "双击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
+        "func": "function onRowDoubleClick(data, rowIndex, params) {\n\t\n}"
       },
       {
         "key": "onRowSelected",
         "name": "行选择",
         "desc": "选中行时，执行方法",
-        "func": "(data, isSelected, SelectedRows, params)=>{\n\t\n}"
+        "func": "function onRowSelected(data, isSelected, SelectedRows, params) {\n\t\n}"
       },
       {
         "key": "onRowSelectChange",
         "name": "行选择变化",
         "desc": "行选中发生变化时，执行方法",
-        "func": "(rows, nodes, params)=>{\n\t\n}"
+        "func": "function onRowSelectChange(rows, nodes, params) {\n\t\n}"
       },
       {
         "key": "onRowDragged",
         "name": "行拖拽后",
         "desc": "拖拽行使其顺序发生变化后，执行方法",
-        "func": "(toId, fromId, params)=>{\n\t\n}"
+        "func": "function onRowDragged(toId, fromId, params) {\n\t\n}"
+      },
+      {
+        "key": "onPagePublicResourceChanged",
+        "name": "页面共享资源变化后",
+        "desc": "当页面共享资源发生变化后（pagePublicResourceChanged），执行方法",
+        "func": "function onPagePublicResourceChanged(resource, prevResource, instance) {\n\t\n}"
       },
       {
         "key": "afterInit",
         "name": "初始化后的回调",
         "desc": "组件及数据加载完成后，执行方法",
-        "func": "(res, dispatch, props)=>{\n\t\n}"
+        "func": "function afterInit(res, dispatch, props) {\n\t\n}"
       },
       {
         "key": "afterQuery",
         "name": "数据读取回调",
         "desc": "读取数据源后执行方法，返回接口中原始数据",
-        "func": "(res)=>{\n\t\n}"
+        "func": "function afterQuery(res) {\n\t\n}"
       }
     ]
   }

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

@@ -6,6 +6,7 @@ var _excluded = ["children", "id", "items"];
 import React, { useEffect } from 'react';
 import Index from "./index";
 import { useCreation } from 'ahooks';
+import { differenceBy } from 'lodash';
 import { suid } from '@luck-design-biz/base/utils';
 import { useContext, useGet, addNode } from "../../../engine/provider/ContextProvider";
 import boxDefaultMeta from "../../../engine/meta/box.props.default.json";
@@ -60,7 +61,7 @@ var FunctionDesign = function FunctionDesign(_ref) {
     return function () {
       return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);
     };
-  }, []);
+  }, [current.children]);
   return /*#__PURE__*/React.createElement(Index, _extends({
     id: id,
     items: items

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

@@ -12,7 +12,9 @@ import defaultMeta from "../../../engine/meta/tabs.props.default.json";
 var StyledTabs = styled(Tabs).withConfig({
   displayName: "StyledTabs",
   componentId: "luckda-6530__sc-ht1jge-0"
-})(["", ""], function (props) {
+})([".ant-tabs-content{", "}", ""], function (props) {
+  return props.type === 'line' ? 'height: calc(100% - 62px);' : 'height: calc(100% - 56px);';
+}, function (props) {
   return props.$css;
 });
 var LCTabs = function LCTabs(_ref) {

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

@@ -94,19 +94,19 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onTabClick",
         "name": "tab被点击的回调",
         "desc": "当tab被点击时, 执行方法",
-        "func": "(tabKey, e)=>{\n\t\n}"
+        "func": "function onTabClick(tabKey, e) {\n\t\n}"
       }
     ]
   }

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

@@ -16,7 +16,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     defaultExpandDeep = _ref.defaultExpandDeep,
     props = _objectWithoutProperties(_ref, _excluded);
   var ctx = useContext();
-  var treeRef = useRef(null);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     treeData = _useState2[0],
@@ -46,7 +45,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     });
   }, [expandedKeys]);
   return /*#__PURE__*/React.createElement(Index, _extends({}, props, {
-    ref: treeRef,
     afterQuery: function afterQuery(_ref3) {
       var code = _ref3.code,
         list = _ref3.list,
@@ -63,7 +61,8 @@ var FunctionDesign = function FunctionDesign(_ref) {
     className: styles['runtime-tree'],
     draggable: false,
     suppressInit: true,
-    onDataSetChange: handleDataSetChange
+    onDataSetChange: handleDataSetChange,
+    asyncLoad: false
   }), children);
 };
 export default FunctionDesign;