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

package/es/lowcode/engine/meta/tree.props.json

@@ -17,7 +17,18 @@
       "key": "dataset",
       "name": "数据集",
       "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
+      "type": "_DataSetSelector",
+      "next": {
+        "name": "字段配置",
+        "props": [
+          {
+            "key": "fields",
+            "name": "#字段配置器",
+            "type": "_FieldsSetting",
+            "component": "tree"
+          }
+        ]
+      }
     },
     {
       "key": "title",
@@ -119,6 +130,32 @@
         }
       ]
     },
+    {
+      "key": "selectSetting",
+      "name": "选中设置",
+      "type": "group",
+      "props": [
+        {
+          "key": "cancelSelect",
+          "name": "取消选中",
+          "desc": "是否可以取消选中",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "defaultSelect",
+          "name": "默认选中",
+          "desc": "返回默认选中的数据主键",
+          "type": "_JSEditor",
+          "defaultCode": "function defaultSelect(treeData) { \n return []; \n}",
+          "mustConfirm": true,
+          "wrapper": "collapse",
+          "wrapperProps": {
+            "suppressIcon": true
+          }
+        }
+      ]
+    },
     {
       "key": "IconSetting",
       "name": "图标设置",
@@ -170,6 +207,13 @@
                 "type": "switch",
                 "default": true
               },
+              {
+                "key": "onlyRoot",
+                "name": "根节点唯一",
+                "desc": "树组件仅一个根节点，如数据根节点数大于0，则不允许根节点新增",
+                "type": "switch",
+                "default": false
+              },
               {
                 "key": "rootAddSetting",
                 "name": "根节点配置",
@@ -272,31 +316,43 @@
         "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": "processDataSource",
         "name": "数据预处理",
         "desc": "数据渲染前预处理",
-        "func": "(data)=>{\n\t\n}"
+        "func": "function processDataSource(data) {\n\t\n}"
       },
       {
         "key": "onDoubleClick",
         "name": "双击事件",
         "desc": "树节点双击事件",
-        "func": "(e, rowData)=>{\n\t\n}"
+        "func": "function onDoubleClick(e, rowData) {\n\t\n}"
       },
       {
         "key": "onCheck",
         "name": "复选框选择事件",
         "desc": "点击复选框触发",
-        "func": "(checkedKeys, e)=>{\n\t\n}"
+        "func": "function onCheck(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "选中事件",
+        "desc": "节点选中事件",
+        "func": "function onSelect(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onDrop",
+        "name": "拖拽事件",
+        "desc": "节点拖拽事件",
+        "func": "function onDrop(info, dragInfo) {\n\t\n}"
       }
     ]
   }

package/es/lowcode/engine/provider/ContextProvider/index.js

@@ -2,63 +2,30 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { createContext, useContext as useReactContext, useRef } from 'react';
 import { history } from 'umi';
-import { useMemoizedFn, useSetState } from 'ahooks';
-import { get, isNil, isArray, isFunction, isObject, isString, reduce } from 'lodash';
+import { useMemoizedFn, useSetState, useUpdateEffect, usePrevious } from 'ahooks';
 import { useLDEventBus } from "../EventBusProvider";
 import RemoteSourceProvider, { RemoteSourceContext } from "../RemoteSourceProvider";
 import useTodo from "../../tools/useTodo";
-import { findNodeAndParent } from "../../tools/dataProcess";
 import * as topics from "../../../constants/event-topics";
 export var Context = /*#__PURE__*/createContext(null);
 export var useContext = function useContext() {
   return useReactContext(Context);
 };
-export var usePageData = function usePageData(_) {
-  var _useReactContext = useReactContext(RemoteSourceContext),
-    pageData = _useReactContext.pageData,
-    loading = _useReactContext.loading,
-    setPageData = _useReactContext.setPageData,
-    back = _useReactContext.back,
-    forward = _useReactContext.forward,
-    backLength = _useReactContext.backLength,
-    forwardLength = _useReactContext.forwardLength;
-  var _pageData;
-  if (isNil(_)) {
-    _pageData = pageData;
-  } else if (isFunction(_)) {
-    _pageData = _(pageData);
-  } else if (isArray(_)) {
-    _pageData = reduce(_, function (r, k) {
-      r.push(get(pageData, k));
-      return r;
-    }, []);
-  } else if (isObject(_) && _.id) {
-    var _findNodeAndParent;
-    _pageData = (_findNodeAndParent = findNodeAndParent(_.id, pageData)) === null || _findNodeAndParent === void 0 ? void 0 : _findNodeAndParent.node;
-  } else if (isString(_)) {
-    _pageData = get(pageData, _);
-  }
-  return [_pageData, {
-    loading: loading,
-    setPageData: setPageData,
-    back: back,
-    forward: forward,
-    backLength: backLength,
-    forwardLength: forwardLength
-  }];
-};
 export var useRemoteSource = function useRemoteSource() {
   return useReactContext(RemoteSourceContext);
 };
+export * from "../../tools/usePageDataStore";
 var PRIVATE_KEYS = ['componentList', 'componentMap'];
 export default (function (_ref) {
   var children = _ref.children,
-    code = _ref.code;
+    code = _ref.code,
+    debug = _ref.debug;
   var eventBus = useLDEventBus();
   var _useTodo = useTodo(),
-    _useTodo2 = _slicedToArray(_useTodo, 2),
+    _useTodo2 = _slicedToArray(_useTodo, 3),
     todo = _useTodo2[0],
-    callBehavior = _useTodo2[1];
+    callBehavior = _useTodo2[1],
+    loading = _useTodo2[2];
 
   /**
    * 页面公共资源
@@ -66,7 +33,8 @@ export default (function (_ref) {
   var _useSetState = useSetState(null),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     pagePublicResource = _useSetState2[0],
-    _setPagePublicResource = _useSetState2[1];
+    setPagePublicResource = _useSetState2[1];
+  var prevPagePublicResource = usePrevious(pagePublicResource);
 
   /**
    * 组件列表
@@ -128,14 +96,22 @@ export default (function (_ref) {
    * return:object
    */
   var getUrlParams = useMemoizedFn(function () {});
+  useUpdateEffect(function () {
+    eventBus.$publisher(topics.PAGE_PUBLIC_RESOURCE_CHANGED, {
+      resource: pagePublicResource,
+      prevResource: prevPagePublicResource
+    });
+  }, [pagePublicResource]);
   var ctx = new Proxy(_objectSpread({
-    _setPagePublicResource: _setPagePublicResource,
     _register: _register,
     _unregister: _unregister,
     pagePublicResource: pagePublicResource,
+    setPagePublicResource: setPagePublicResource,
+    loading: loading,
     history: history,
     callBehavior: callBehavior,
     topics: topics,
+    PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
     getElementById: getElementById,
     /**
      * @method
@@ -172,6 +148,7 @@ export default (function (_ref) {
     value: ctx
   }, /*#__PURE__*/React.createElement(RemoteSourceProvider, {
     code: code,
-    runtime: eventBus.runtime
+    runtime: eventBus.runtime,
+    debug: debug
   }, children));
 });

package/es/lowcode/engine/provider/RemoteSourceProvider.js

@@ -9,24 +9,26 @@ import React, { createContext, useRef } from 'react';
 import { useRequest, useSetState, useAsyncEffect, useMemoizedFn, useCookieState, useCreation, useUnmount } from 'ahooks';
 import { LuckDaContext } from "../../../components/Builder";
 import { doAction as doActionUtils } from "../../../helper/action";
-import usePromiseState from "../tools/usePromiseState";
+import usePageDataStore from "../tools/usePageDataStore";
 import { decompress } from "../tools/dataProcess";
-import { fetchPageData, fetchDesignModlueData, fetchPreviewModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials } from "../../constants/api-url";
+import { fetchPageData, fetchDesignModlueData, fetchPreviewModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials, fetchAllBehaviorEx } from "../../constants/api-url";
 import { RUNTIME, COOKIE_RUNTIME_KEY, DATA_MODEL_CODE_KEY } from "../../constants";
 export var RemoteSourceContext = /*#__PURE__*/createContext(null);
 export default (function (_ref) {
   var children = _ref.children,
     code = _ref.code,
-    runtime = _ref.runtime;
-  var _usePromiseState = usePromiseState(null),
-    _usePromiseState2 = _slicedToArray(_usePromiseState, 3),
-    pageData = _usePromiseState2[0],
-    setPageData = _usePromiseState2[1],
-    _usePromiseState2$ = _usePromiseState2[2],
-    back = _usePromiseState2$.back,
-    forward = _usePromiseState2$.forward,
-    backLength = _usePromiseState2$.backLength,
-    forwardLength = _usePromiseState2$.forwardLength;
+    runtime = _ref.runtime,
+    debug = _ref.debug;
+  var _usePageDataStore = usePageDataStore(function (state) {
+      return {
+        initialize: state.initialize,
+        initializeModule: state.initializeModule,
+        reset: state.reset
+      };
+    }),
+    initialize = _usePageDataStore.initialize,
+    initializeModule = _usePageDataStore.initializeModule,
+    reset = _usePageDataStore.reset;
   var _useSetState = useSetState({}),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     remoteSource = _useSetState2[0],
@@ -43,6 +45,7 @@ export default (function (_ref) {
     }
   }, []);
   useUnmount(function () {
+    !debug && reset();
     setRuntime(prevRuntime.current);
   });
 
@@ -62,6 +65,7 @@ export default (function (_ref) {
           setRemoteSource({
             module: data
           });
+          initializeModule(data);
         }
       }
     }),
@@ -103,6 +107,46 @@ export default (function (_ref) {
     fetchAllSerialsLoading = _useRequest4.loading,
     runFetchAllSerials = _useRequest4.run,
     refreshSerials = _useRequest4.refreshAsync;
+
+  // 获取导入导出行为下拉数据
+  var _useRequest5 = useRequest(fetchAllBehaviorEx, {
+      manual: true,
+      onSuccess: function onSuccess(_ref5) {
+        var code = _ref5.code,
+          data = _ref5.data;
+        if (code === 1) {
+          setRemoteSource({
+            impTypeList: data.map(function (item) {
+              return {
+                key: item.uid,
+                value: item.uid,
+                label: item.name
+              };
+            })
+          });
+        }
+      }
+    }),
+    runFetchAllBehaviorImport = _useRequest5.run;
+  var _useRequest6 = useRequest(fetchAllBehaviorEx, {
+      manual: true,
+      onSuccess: function onSuccess(_ref6) {
+        var code = _ref6.code,
+          data = _ref6.data;
+        if (code === 1) {
+          setRemoteSource({
+            expTypeList: data.map(function (item) {
+              return {
+                key: item.uid,
+                value: item.uid,
+                label: item.name
+              };
+            })
+          });
+        }
+      }
+    }),
+    runFetchAllBehaviorExport = _useRequest6.run;
   useAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var fetchPageDataRes, data, list, detail, _detail$list$, source, info;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -115,7 +159,7 @@ export default (function (_ref) {
         case 2:
           fetchPageDataRes = _context.sent;
           if (!(fetchPageDataRes.code === 1)) {
-            _context.next = 13;
+            _context.next = 15;
             break;
           }
           data = fetchPageDataRes.data, list = fetchPageDataRes.list, detail = fetchPageDataRes.detail;
@@ -126,6 +170,14 @@ export default (function (_ref) {
             moduleCode: data.moduleCode
           });
         case 9:
+          runFetchAllBehaviorImport({
+            behaviorMode: 'IMPORT',
+            moduleCode: data.moduleCode
+          });
+          runFetchAllBehaviorExport({
+            behaviorMode: 'EXPORT',
+            moduleCode: data.moduleCode
+          });
           runFetchAllDataset({
             dataModelKey: data.dataModelKey
           });
@@ -137,8 +189,8 @@ export default (function (_ref) {
               relationship: data
             }, info)
           });
-          setPageData(decompress(source));
-        case 13:
+          !debug && initialize(decompress(source));
+        case 15:
         case "end":
           return _context.stop();
       }
@@ -151,20 +203,13 @@ export default (function (_ref) {
     });
   });
   return /*#__PURE__*/React.createElement(RemoteSourceContext.Provider, {
-    value: _objectSpread(_objectSpread({
-      pageData: pageData
-    }, remoteSource), {}, {
+    value: _objectSpread(_objectSpread({}, remoteSource), {}, {
       loading: fetchPageDataLoading || fetchModlueDataLoading,
       fetchAllDatasetLoading: fetchAllDatasetLoading,
       fetchAllSerialsLoading: fetchAllSerialsLoading,
       refreshModlueData: refreshModlueData,
       refreshDataset: refreshDataset,
-      refreshSerials: refreshSerials,
-      setPageData: setPageData,
-      back: back,
-      forward: forward,
-      backLength: backLength,
-      forwardLength: forwardLength
+      refreshSerials: refreshSerials
     })
   }, /*#__PURE__*/React.createElement(LuckDaContext.Provider, {
     value: _objectSpread(_objectSpread({}, remoteSource.module), {}, {

package/es/lowcode/engine/tools/dataProcess.js

@@ -39,6 +39,10 @@ export function decompress(compressedData) {
  */
 export function findNodeAndParent(id, current) {
   var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  if (!id) return {
+    node: null,
+    parent: null
+  };
   if (!parent && current.props.id === id) {
     return {
       node: current,

package/es/lowcode/engine/tools/helper.js

@@ -96,9 +96,8 @@ export function listReducer(state, action) {
   }
 }
 export function getCtx(context) {
-  return omitBy(context, function (_, key) {
-    return startsWith(key, '_');
-  });
+  return context;
+  // return omitBy(context, (_, key) => startsWith(key, '_'));
 }
 export function getFuncBody(funcCode) {
   var regex = /{([\s\S]*?)}(?![\s\S]*})/;

package/es/lowcode/engine/tools/useCanvasRender.js

@@ -13,8 +13,9 @@ import { LC_BUILDIN_UNIT_KEY_LIST } from "../../constants";
 export default function useCanvasRender(data, deps) {
   var dynamicCompMap = useRef({});
   var ctx = useContext();
-  var render = useMemoizedFn(function (_ref) {
-    var props = _ref.props,
+  var render = useMemoizedFn(function () {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      props = _ref.props,
       children = _ref.children,
       childrenMap = _objectWithoutProperties(_ref, _excluded);
     if (props && !LC_BUILDIN_UNIT_KEY_LIST.includes(props.id)) {

package/es/lowcode/engine/tools/usePageDataStore.js

@@ -0,0 +1,176 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { useRef, useEffect, useCallback } from 'react';
+import { create } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+import { subscribeWithSelector } from 'zustand/middleware';
+import { useShallow } from 'zustand/react/shallow';
+import { isObject, isArray, isNil, isFunction, isString, get, set as _set, assign, forOwn, omit } from 'lodash';
+import { getPathNodesById, findNodeAndParent } from "./dataProcess";
+import { LC_BUILDIN_UNIT_KEY } from "../../constants";
+var findNode = function findNode(obj, id) {
+  for (var key in obj) {
+    if (!['props', 'children'].includes(key)) {
+      if (key === id) {
+        return {
+          target: obj[key],
+          parent: obj
+        };
+      }
+      if (_typeof(obj[key]) === 'object' && !Array.isArray(obj[key])) {
+        var result = findNode(obj[key], id);
+        if (result) {
+          return result;
+        }
+      }
+    }
+  }
+  return null;
+};
+var usePageDataStore = create()(immer(subscribeWithSelector(function (set) {
+  return {
+    pageData: null,
+    moduleData: null,
+    initialize: function initialize(data) {
+      return set(function (state) {
+        state.pageData = data;
+      });
+    },
+    initializeModule: function initializeModule(data) {
+      return set(function (state) {
+        state.moduleData = data;
+      });
+    },
+    reset: function reset(data) {
+      return set(function (state) {
+        state.pageData = data || null;
+      });
+    }
+  };
+})));
+export default usePageDataStore;
+export var resetPageData = function resetPageData(data) {
+  usePageDataStore.setState(function (state) {
+    state.pageData = data || null;
+  });
+};
+export var addNode = function addNode(parentId, id, data) {
+  usePageDataStore.setState(function (state) {
+    if (parentId === LC_BUILDIN_UNIT_KEY.PAGE_ROOT) {
+      state.pageData.children.push(id);
+      state.pageData[id] = {
+        props: _objectSpread(_objectSpread({}, data), {}, {
+          id: id,
+          parentId: parentId
+        })
+      };
+      return;
+    }
+    var _ref = findNode(state.pageData, parentId) || {},
+      target = _ref.target;
+    if (!target) return;
+    if (!target.hasOwnProperty('children')) {
+      target.children = [];
+    }
+    if (!target.children.includes(id)) {
+      target.children.push(id);
+      target[id] = {
+        props: _objectSpread(_objectSpread({}, data), {}, {
+          id: id,
+          parentId: parentId
+        })
+      };
+    }
+  });
+};
+export var deleteNode = function deleteNode(id) {
+  usePageDataStore.setState(function (state) {
+    var _parent$children;
+    var _ref2 = findNode(state.pageData, id) || {},
+      parent = _ref2.parent;
+    if (!parent || !((_parent$children = parent.children) !== null && _parent$children !== void 0 && _parent$children.length)) return;
+    parent.children.splice(parent.children.indexOf(id), 1);
+    if (parent.children.length === 0) {
+      delete parent['children'];
+    }
+    delete parent[id];
+  });
+};
+export var modifyNode = function modifyNode(id, data) {
+  usePageDataStore.setState(function (state) {
+    if (id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT) {
+      assign(state.pageData.props, omit(data, ['id', 'parentId', 'component', 'buildIn']));
+      return;
+    }
+    var _ref3 = findNode(state.pageData, id) || {},
+      target = _ref3.target;
+    if (!target) return;
+    forOwn(omit(data, ['id', 'parentId', 'component', 'buildIn']), function (_val, _key) {
+      _set(target.props, _key, _val);
+    });
+  });
+};
+export var useTask = function useTask(type) {
+  var promiseRef = useRef(null);
+  var task = useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return new Promise(function (resolve) {
+      promiseRef.current = resolve;
+      switch (type) {
+        case 'add':
+          addNode.apply(void 0, args);
+          break;
+        case 'update':
+        case 'modify':
+          modifyNode.apply(void 0, args);
+          break;
+        case 'delete':
+          deleteNode.apply(void 0, args);
+          break;
+        default:
+          break;
+      }
+    });
+  }, []);
+  useEffect(function () {
+    var unsub = usePageDataStore.subscribe(function (state, prevState) {
+      if (!promiseRef.current) {
+        return;
+      }
+      promiseRef.current(state.pageData, prevState.pageData);
+      promiseRef.current = null;
+    });
+    return unsub;
+  }, []);
+  return task;
+};
+export var useGet = function useGet(_) {
+  var result = usePageDataStore(useShallow(function (state) {
+    if (isNil(_)) {
+      return state.pageData;
+    } else if (isFunction(_)) {
+      return _(state.pageData);
+    } else if (isArray(_)) {
+      return _.map(function (k) {
+        var _findNode;
+        return k.includes('.') ? get(state.pageData, k) : (_findNode = findNode(state.pageData, k)) === null || _findNode === void 0 ? void 0 : _findNode.target;
+      });
+    } else if (isObject(_) && _.id) {
+      var _findNode2;
+      var path = _.path;
+      var _target = _.id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? state.pageData : (_findNode2 = findNode(state.pageData, _.id)) === null || _findNode2 === void 0 ? void 0 : _findNode2.target;
+      return isNil(path) ? _target : get(_target, path);
+    } else if (isString(_)) {
+      return get(state.pageData, _);
+    }
+  }));
+  return result;
+};
+export var getLevelNodes = function getLevelNodes(id) {
+  return getPathNodesById(usePageDataStore.getState().pageData, id);
+};
+export var getSelfAndParent = function getSelfAndParent(id) {
+  return findNodeAndParent(id, usePageDataStore.getState().pageData);
+};

package/es/lowcode/engine/tools/usePromiseState.js

@@ -1,35 +1,24 @@
-import { useRef, useCallback } from 'react';
-import { useHistoryTravel, useUpdateLayoutEffect } from 'ahooks';
-import { isEqual } from 'lodash';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useRef, useState, useCallback } from 'react';
+import { useUpdateLayoutEffect } from 'ahooks';
 var usePromiseState = function usePromiseState(initialState) {
-  var _useHistoryTravel = useHistoryTravel(initialState),
-    value = _useHistoryTravel.value,
-    setValue = _useHistoryTravel.setValue,
-    backLength = _useHistoryTravel.backLength,
-    forwardLength = _useHistoryTravel.forwardLength,
-    back = _useHistoryTravel.back,
-    forward = _useHistoryTravel.forward;
+  var _useState = useState(initialState),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var promiseRef = useRef(null);
-  var setStatePromise = useCallback(function (_value) {
+  var setStatePromise = useCallback(function (_state) {
     return new Promise(function (resolve) {
       promiseRef.current = resolve;
-      var _valStr = JSON.stringify(_value);
-      if (!isEqual(value, _valStr)) {
-        setValue(_valStr);
-      }
+      setState(_state);
     });
   }, []);
   useUpdateLayoutEffect(function () {
     if (promiseRef.current) {
-      promiseRef.current(JSON.parse(value));
+      promiseRef.current(state);
       promiseRef.current = null;
     }
-  }, [value]);
-  return [JSON.parse(value), setStatePromise, {
-    backLength: backLength - 1,
-    forwardLength: forwardLength,
-    back: back,
-    forward: forward
-  }];
+  }, [state]);
+  return [state, setStatePromise];
 };
 export default usePromiseState;