@luck-design-biz/luckda 0.0.25-6 → 0.0.25-8

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

@@ -1,11 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useRef, forwardRef } from 'react';
+import React, { useRef, useImperativeHandle, forwardRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useMemoizedFn, useCreation, useUnmount } from 'ahooks';
 import { isNil, isString, keyBy } from 'lodash';
 import classNames from 'classnames';
+import { Modal, recheck } from '@luck-design-biz/base';
 import { useContext, useRemoteSource } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
 import { LdGrid, LDActions } from "../../../../index";
@@ -13,6 +14,7 @@ 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 { TopUpload, TopExport } from "./components/TopImex";
 var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
     className = _ref.className,
@@ -55,8 +57,20 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var ctx = useContext();
   var _useRemoteSource = useRemoteSource(),
     module = _useRemoteSource.module;
+  var apiRef = useRef();
   var wrapperRef = useRef();
   var instanceRef = useRef();
+  useImperativeHandle(apiRef, function () {
+    return {
+      /**
+       * 获取表格实例
+       * @method
+       */
+      getInstance: function getInstance() {
+        return instanceRef.current;
+      }
+    };
+  });
   var _pagination = useCreation(function () {
     return {
       isFlow: !pagination,
@@ -89,11 +103,28 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
                 };
                 return action;
               }(function (data, rowIndex, params) {
-                ctx.doAction(action.actionPool, {
-                  data: data,
-                  rowIndex: rowIndex,
-                  params: params
-                });
+                var doAction = function doAction() {
+                  ctx.doAction(action.actionPool, {
+                    data: data,
+                    rowIndex: rowIndex,
+                    params: params,
+                    datasetCode: dataset.code
+                  });
+                };
+                if (action.riskLevel === 'danger') {
+                  Modal.confirm({
+                    title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+                    onOk: doAction
+                  });
+                } else if (action.riskLevel === 'destroy') {
+                  recheck({
+                    title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+                    checkWords: "\u6267\u884C".concat(action.name),
+                    onOk: doAction
+                  });
+                } else {
+                  doAction();
+                }
               }),
               resource: action.serial,
               style: action.riskLevel === 'default' ? null : {
@@ -126,24 +157,29 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
             data: data,
             isSelected: isSelected,
             SelectedRows: SelectedRows,
-            params: params
+            params: params,
+            datasetCode: dataset.code
           });
         },
         onChange: function onChange(rows, nodes, params) {
           ctx.doAction(advance.events.onRowSelected, {
             rows: rows,
             nodes: nodes,
-            params: params
+            params: params,
+            datasetCode: dataset.code
           });
         }
       }
     } : false;
   }, [rowSelection, suppressRowSelectionPagination, rowSelectionMode, defaultRowSelectedCode, rowSelectableCode]);
   var _export = useCreation(function () {
-    return {
-      enableExportAll: !!impexp.export,
-      apiUrl: isString(impexp.export) ? impexp.export : void 0
+    var _temp = {
+      enableExportAll: !!impexp.export
     };
+    if (isString(impexp.export)) {
+      _temp.apiUrl = impexp.export;
+    }
+    return _temp;
   }, [impexp.export]);
   var _batchActions = useCreation(function () {
     return {
@@ -157,7 +193,8 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onBatchOperationsClick: function onBatchOperationsClick(key, selectedRows) {
         ctx.doAction(action.actionPool, {
           key: key,
-          selectedRows: selectedRows
+          selectedRows: selectedRows,
+          datasetCode: dataset.code
         });
       }
     };
@@ -199,17 +236,42 @@ 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, {
-          indtance: instanceRef.current
-        });
-      }
-    })) : 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 _ref2;
+      var _getProps = (_ref2 = instanceRef.current || ref.current) === null || _ref2 === void 0 ? void 0 : _ref2.getProps(),
+        apiUrl = _getProps.apiUrl;
+      resultComp.push( /*#__PURE__*/React.createElement(TopUpload, {
+        apiUrl: apiUrl,
+        options: impexp,
+        tableRef: instanceRef.current || ref.current
+      }));
+    }
+    if (impexp.export) {
+      var _ref3;
+      var _getProps2 = (_ref3 = instanceRef.current || ref.current) === null || _ref3 === void 0 ? void 0 : _ref3.getProps(),
+        _apiUrl = _getProps2.apiUrl;
+      resultComp.push( /*#__PURE__*/React.createElement(TopExport, {
+        apiUrl: _apiUrl,
+        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 () {
@@ -227,31 +289,32 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   });
   var _readFilter = useMemoizedFn(function (params, filters) {
-    return ctx._setPagePublicResource({
+    return ctx.setPagePublicResource(_defineProperty({}, id, {
       params: params,
       filters: filters
-    });
+    }));
   });
   var _handleGridReady = useMemoizedFn(function (params, instance) {
-    instanceRef.current = instance;
     onGridReady === null || onGridReady === void 0 || onGridReady(params, instance);
     ctx.doAction(advance.events.onMount, {
       params: params,
-      instance: instance
+      datasetCode: dataset.code
     });
   });
   var _handleRowClick = useMemoizedFn(function (data, rowIndex, params) {
     ctx.doAction(advance.events.onRowClick, {
       data: data,
       rowIndex: rowIndex,
-      params: params
+      params: params,
+      datasetCode: dataset.code
     });
   });
   var _handleRowDoubleClick = useMemoizedFn(function (data, rowIndex, params) {
     ctx.doAction(advance.events.onRowDoubleClick, {
       data: data,
       rowIndex: rowIndex,
-      params: params
+      params: params,
+      datasetCode: dataset.code
     });
   });
   var _handleRowDragged = useMemoizedFn(function (toId, fromId, params) {
@@ -259,12 +322,14 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
       ctx.doAction(advance.events.onRowDragged, {
         toId: toId,
         fromId: fromId,
-        params: params
+        params: params,
+        datasetCode: dataset.code
       });
     } else {
-      ctx.doAction([['drag', {
+      var _actionsPool = [['drag', {
         category: 'page-action',
-        code: JSON.stringify({
+        code: "function onRowDragged(toId, fromId, params){return {data: { toId, fromId }};}",
+        code1: JSON.stringify({
           moduleCode: module.moduleCode,
           datasetCode: dataset.code,
           data: {
@@ -272,39 +337,59 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
             fromId: fromId
           }
         })
-      }]]);
+      }]];
+      ctx.doAction(_actionsPool, {
+        toId: toId,
+        fromId: fromId,
+        params: params,
+        datasetCode: dataset.code
+      });
     }
   });
   var _afterInit = useMemoizedFn(function (res, dispatch, props) {
     ctx.doAction(advance.events.afterInit, {
       res: res,
       dispatch: dispatch,
-      props: props
+      props: props,
+      datasetCode: dataset.code
     });
   });
   var _afterQuery = useMemoizedFn(function (res) {
     ctx.doAction(advance.events.afterQuery, {
-      res: res
-    });
-  });
-  useUnmount(function () {
-    ctx.doAction(advance.events.onUnmount, {
-      instance: instanceRef.current
+      res: res,
+      datasetCode: dataset.code
     });
   });
+  useEffect(function () {
+    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref5) {
+      var resource = _ref5.resource;
+      ctx.doAction(advance.events.onPagePublicResourceChanged, {
+        resource: resource,
+        instance: 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;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     displayName: "Table",
-    getTargetDom: getTargetDom
+    getTargetDom: getTargetDom,
+    api: apiRef
   }, /*#__PURE__*/React.createElement(LdGrid, _extends({
-    ref: ref,
+    ref: ref || instanceRef,
     wrapper: wrapperRef,
     wrapperProps: _wrapperProps,
     width: width,
     height: height,
+    _loading: ctx.loading,
     bordered: bordered,
     className: classNames(_defineProperty({}, className, !!className)),
     ldId: id,

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

@@ -61,7 +61,7 @@
             "name": "顶部按钮组",
             "type": "_ActionsEditor",
             "default": { "display": "button", "max": 2, "moreText": "操作", "todoList": [] },
-            "defaultCode": "function todo(instance) { \n \n}",
+            "defaultCode": "function todo() { \n \n}",
             "wrapper": "collapse"
           },
           {
@@ -100,7 +100,7 @@
             "name": "表格操作项",
             "type": "_ActionsEditor",
             "default": { "display": "text", "max": 2, "moreText": "更多操作", "todoList": [] },
-            "defaultCode": "function onActionClick(data) {\n\n}",
+            "defaultCode": "function onActionClick(data, rowIndex, params) {\n\n}",
             "wrapper": "collapse",
             "wrapperProps": { "suppressIcon": true }
           }
@@ -344,55 +344,61 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params, instance)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(instance)=>{\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, 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

@@ -1,14 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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, usePageData } from "../../../engine/provider/ContextProvider";
-import { add, findNodeAndParent } from "../../../engine/tools/dataProcess";
+import { useContext, useGet, addNode } from "../../../engine/provider/ContextProvider";
 import boxDefaultMeta from "../../../engine/meta/box.props.default.json";
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,
@@ -16,27 +16,24 @@ var FunctionDesign = function FunctionDesign(_ref) {
     items = _ref.items,
     props = _objectWithoutProperties(_ref, _excluded);
   var ctx = useContext();
-  var _usePageData = usePageData(),
-    _usePageData2 = _slicedToArray(_usePageData, 2),
-    setPageData = _usePageData2[1].setPageData;
+  var current = useGet({
+    id: id
+  });
   useCreation(function () {
     if (children !== null && children !== void 0 && children.length) return;
     ctx.$subscriber(ctx.topics.COMPONENT_APPEND).once(function (_ref2) {
-      var compId = _ref2.id,
-        pageData = _ref2.pageData;
+      var compId = _ref2.id;
       if (compId !== id) return;
       var boxId = "box_".concat(suid());
-      add(pageData, id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
+      addNode(id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
         buildIn: true,
         tabId: items[0].id
       }));
-      setPageData(pageData);
     }).watch();
   }, []);
   useEffect(function () {
     var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref3) {
       var compId = _ref3.id,
-        pageData = _ref3.pageData,
         newValue = _ref3.newValue,
         oldValue = _ref3.oldValue;
       if (compId !== id || !newValue.hasOwnProperty('items')) return;
@@ -45,23 +42,19 @@ var FunctionDesign = function FunctionDesign(_ref) {
           _differenceBy2 = _slicedToArray(_differenceBy, 1),
           newItem = _differenceBy2[0];
         var boxId = "box_".concat(suid());
-        add(pageData, id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
+        addNode(id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
           buildIn: true,
           tabId: newItem.id
         }));
-        setPageData(pageData);
       } else if (newValue.items.length < oldValue.items.length) {
         var _differenceBy3 = differenceBy(oldValue.items, newValue.items, 'id'),
           _differenceBy4 = _slicedToArray(_differenceBy3, 1),
           removeItem = _differenceBy4[0];
-        var _findNodeAndParent = findNodeAndParent(id, pageData),
-          current = _findNodeAndParent.node;
         var _boxId = current.children.find(function (childId) {
           return current[childId].props.tabId === removeItem.id;
         });
         ctx.$publisher(ctx.topics.COMPONENT_DELETE, {
-          id: _boxId,
-          pageData: pageData
+          id: _boxId
         });
       }
     }).watch();

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{", " overflow-x:hidden;overflow-y:auto;}", ""], 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

@@ -63,7 +63,8 @@ var FunctionDesign = function FunctionDesign(_ref) {
     className: styles['runtime-tree'],
     draggable: false,
     suppressInit: true,
-    onDataSetChange: handleDataSetChange
+    onDataSetChange: handleDataSetChange,
+    asyncLoad: false
   }), children);
 };
 export default FunctionDesign;