@luck-design-biz/luckda 0.0.25-21 → 0.0.25-22

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

@@ -6,7 +6,7 @@ import { useMemoizedFn, useUpdateEffect } from 'ahooks';
 import diff from "../../tools/diff";
 import { useLDEventBus } from "../EventBusProvider";
 import RemoteSourceProvider, { RemoteSourceContext } from "../RemoteSourceProvider";
-import usePageState from "./usePageState";
+import usePageVar from "./usePageVar";
 import useTodo from "../../tools/useTodo";
 import * as topics from "../../../constants/event-topics";
 export var Context = /*#__PURE__*/createContext(null);
@@ -28,17 +28,19 @@ export default (function (_ref) {
     callBehavior = _useTodo2[1],
     loading = _useTodo2[2];
 
-  /**
-   * 页面公共资源
+  /**
+   * 页面状态
    */
-  var _usePageState = usePageState(null),
-    state = _usePageState.state,
-    prevState = _usePageState.prevState,
-    setState = _usePageState.setState,
-    getState = _usePageState.getState;
+  var _usePageVar = usePageVar(null, null),
+    state = _usePageVar.state,
+    prevState = _usePageVar.prevState,
+    setState = _usePageVar.setState,
+    getState = _usePageVar.getState,
+    global = _usePageVar.global,
+    setGlobal = _usePageVar.setGlobal;
 
-  /**
-   * 组件列表
+  /**
+   * 组件列表
    */
   var _componentList = useRef([]);
   var _privateGetter = useRef({
@@ -50,18 +52,18 @@ export default (function (_ref) {
     }
   });
 
-  /**
-   * 注册组件
-   * id:string 组件id
-   * component:ReactNode 组件
+  /**
+   * 注册组件
+   * id:string 组件id
+   * component:ReactNode 组件
    */
   var _register = useMemoizedFn(function (id, component) {
     _componentList.current.push([id, component]);
   });
 
-  /**
-   * 注销组件
-   * id:string 组件id
+  /**
+   * 注销组件
+   * id:string 组件id
    */
   var _unregister = useMemoizedFn(function (id) {
     _componentList.current = _componentList.current.filter(function (_ref2) {
@@ -71,10 +73,10 @@ export default (function (_ref) {
     });
   });
 
-  /**
-   * 根据组件id获取组件
-   * compId:string 组件id
-   * return:ReactNode
+  /**
+   * 根据组件id获取组件
+   * compId:string 组件id
+   * return:ReactNode
    */
   var getElementById = useMemoizedFn(function (compId) {
     var _componentList$curren;
@@ -85,10 +87,10 @@ export default (function (_ref) {
     })) === null || _componentList$curren === void 0 ? void 0 : _componentList$curren[1];
   });
 
-  /**
-   * 根据组件id获取父组件
-   * compId:string 组件id
-   * return:ReactNode
+  /**
+   * 根据组件id获取父组件
+   * compId:string 组件id
+   * return:ReactNode
    */
   var getParentElement = useMemoizedFn(function (compId) {
     var compMap = new Map(_componentList.current);
@@ -98,9 +100,9 @@ export default (function (_ref) {
     return compMap(_parentId);
   });
 
-  /**
-   * 获取url参数
-   * return:object
+  /**
+   * 获取url参数
+   * return:object
    */
   var getUrlParams = useMemoizedFn(function () {
     return history.location.query;
@@ -116,53 +118,53 @@ export default (function (_ref) {
   var ctx = new Proxy(_objectSpread({
     _register: _register,
     _unregister: _unregister,
-    /**
-     * @property {boolean} loading - loading状态
+    /**
+     * @property {boolean} loading - loading状态
      */
     loading: loading,
-    /**
-     * @property {object} history - 当前路由信息
+    /**
+     * @property {object} history - 当前路由信息
      */
     history: history,
-    /**
-     * @method - 执行行为接口
-     * @param {object} evns - moduleCode: 模块编码，datasetCode：数据集编码，behaviorKey：行为key
-     * @param {object} params - 链接参数
-     * @param {object} data - body参数
+    /**
+     * @method - 执行行为接口
+     * @param {object} evns - moduleCode: 模块编码，datasetCode：数据集编码，behaviorKey：行为key
+     * @param {object} params - 链接参数
+     * @param {object} data - body参数
      */
     callBehavior: callBehavior,
-    /**
-     * @property {object} topics - 内置的事件话题
+    /**
+     * @property {object} topics - 内置的事件话题
      */
     topics: topics,
-    /**
-     * @property {string} PRIMARY_KEY - 主键key
+    /**
+     * @property {string} PRIMARY_KEY - 主键key
      */
     PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
     PARENT_KEY: window.appConfig.constraintKeys.PARENT,
-    /**
-     * @method - 根据组件ID获取实例
-     * @param {string} compId - 组件ID
-     * @return {object} target - 组件实例
+    /**
+     * @method - 根据组件ID获取实例
+     * @param {string} compId - 组件ID
+     * @return {object} target - 组件实例
      */
     getElementById: getElementById,
-    /**
-     * @method - 根据组件ID获取父组件实例
-     * @param {string} compId - 组件ID
-     * @return {object} target - 父组件实例
+    /**
+     * @method - 根据组件ID获取父组件实例
+     * @param {string} compId - 组件ID
+     * @return {object} target - 父组件实例
      */
     getParentElement: getParentElement,
-    /**
-     * @method - 执行行为池
-     * @param {object} actionPool - 行为池
-     * @param {object} args - 参数
+    /**
+     * @method - 执行行为池
+     * @param {object} actionPool - 行为池
+     * @param {object} args - 参数
      */
     doAction: function doAction(actionPool, args) {
       return todo(this, actionPool, args);
     },
-    /**
-     * @method - 获取URL参数
-     * @return {object} params - url参数
+    /**
+     * @method - 获取URL参数
+     * @return {object} params - url参数
      */
     getUrlParams: getUrlParams
   }, eventBus), {
@@ -172,6 +174,8 @@ export default (function (_ref) {
         return (_privateGetter$curren = _privateGetter.current) === null || _privateGetter$curren === void 0 ? void 0 : _privateGetter$curren[property]();
       } else if (property === 'state') {
         return getState();
+      } else if (property === 'global') {
+        return global.current;
       }
       return Reflect.get(target, property, receiver);
     },
@@ -181,6 +185,9 @@ export default (function (_ref) {
       } else if (property === 'state') {
         setState(receiver);
         return true;
+      } else if (property === 'global') {
+        setGlobal(receiver);
+        return true;
       } else {
         return Reflect.set(target, property, receiver);
       }

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

@@ -0,0 +1,38 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useRef } from 'react';
+import { usePrevious, useGetState, useMemoizedFn } from 'ahooks';
+import { forOwn, isNil, isString, isObject } from 'lodash';
+var usePageVar = function usePageVar(defaultState, defaultGlobal) {
+  var globalRef = useRef(defaultGlobal);
+  var _useGetState = useGetState(defaultState),
+    _useGetState2 = _slicedToArray(_useGetState, 3),
+    state = _useGetState2[0],
+    setState = _useGetState2[1],
+    getState = _useGetState2[2];
+  var prevState = usePrevious(state);
+  var setPageState = useMemoizedFn(function (newState) {
+    setState(_objectSpread(_objectSpread({}, prevState), newState));
+  });
+  var setGlobal = useMemoizedFn(function (newGlobal) {
+    if (isNil(globalRef.current)) {
+      globalRef.current = {};
+    }
+    if (isString(newGlobal)) {
+      globalRef.current[newGlobal] = newGlobal;
+    } else if (isObject(newGlobal)) {
+      forOwn(newGlobal, function (value, key) {
+        globalRef.current[key] = value;
+      });
+    }
+  });
+  return {
+    state: state,
+    prevState: prevState,
+    setState: setPageState,
+    getState: getState,
+    global: globalRef,
+    setGlobal: setGlobal
+  };
+};
+export default usePageVar;

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

@@ -5,10 +5,10 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
 import * as LZString from 'lz-string';
 import { LC_BUILDIN_UNIT_KEY } from "../../constants";
 
-/**
- * 数据压缩
- * @param {JSON} data
- * @returns 加密后的字符串
+/**
+ * 数据压缩
+ * @param {JSON} data
+ * @returns 加密后的字符串
  */
 export function compress(data) {
   // 将对象转换为JSON字符串
@@ -17,10 +17,10 @@ export function compress(data) {
   return LZString.compressToBase64(jsonString);
 }
 
-/**
- * 数据解压
- * @param {string} compressedData
- * @returns {json}
+/**
+ * 数据解压
+ * @param {string} compressedData
+ * @returns {json}
  */
 export function decompress(compressedData) {
   // 使用LZ-String解压数据
@@ -29,13 +29,13 @@ export function decompress(compressedData) {
   return JSON.parse(jsonString);
 }
 
-/**
- * 查找指定ID的节点及其父节点。
- *
- * @param {string} id - 要查找的节点ID。
- * @param {Object} current - 当前遍历的JSON对象。
- * @param {Object|null} parent - 当前节点的父节点。
- * @returns {{node: Object|null, parent: Object|null}} 查找结果，包含节点和其父节点。
+/**
+ * 查找指定ID的节点及其父节点。
+ *
+ * @param {string} id - 要查找的节点ID。
+ * @param {Object} current - 当前遍历的JSON对象。
+ * @param {Object|null} parent - 当前节点的父节点。
+ * @returns {{node: Object|null, parent: Object|null}} 查找结果，包含节点和其父节点。
  */
 export function findNodeAndParent(id, current) {
   var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -69,13 +69,13 @@ export function findNodeAndParent(id, current) {
   };
 }
 
-/**
- * 对指定的JSON结构进行节点的添加、修改或删除操作。
- *
- * @param {Object} json - 要操作的JSON对象。
- * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
- * @param {string} id - 操作节点的唯一标识符。
- * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
+/**
+ * 对指定的JSON结构进行节点的添加、修改或删除操作。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
+ * @param {string} id - 操作节点的唯一标识符。
+ * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
 function process(json, path, id, data) {
   if (!json) {
@@ -141,25 +141,25 @@ function process(json, path, id, data) {
   }
 }
 
-/**
- * 对指定的JSON结构进行节点的添加操作。
- *
- * @param {Object} json - 要操作的JSON对象。
- * @param {string} parentId - 父节点的唯一标识符。
- * @param {string} id - 操作节点的唯一标识符。
- * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
+/**
+ * 对指定的JSON结构进行节点的添加操作。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string} parentId - 父节点的唯一标识符。
+ * @param {string} id - 操作节点的唯一标识符。
+ * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
 export function add(json, parentId, id, data) {
   process(json, getPathById(json, parentId), id, data);
 }
 
-/**
- * 移动指定的节点到另一个节点的指定位置。
- *
- * @param {Object} json - 要操作的JSON对象。
- * @param {string} sid - 被移动的节点id
- * @param {string} tid - 目标节点id
- * @param {string} action - 'left': 往节点前面插入，'right'：往节点后面插，'inside'：往节点子节点插
+/**
+ * 移动指定的节点到另一个节点的指定位置。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string} sid - 被移动的节点id
+ * @param {string} tid - 目标节点id
+ * @param {string} action - 'left': 往节点前面插入，'right'：往节点后面插，'inside'：往节点子节点插
  */
 export function move(json, sid, tid, action) {
   // 验证节点存在性
@@ -215,34 +215,34 @@ export function move(json, sid, tid, action) {
   }
 }
 
-/**
- * 对指定的JSON结构进行节点的修改操作。
- *
- * @param {Object} json - 要操作的JSON对象。
- * @param {string} id - 操作节点的唯一标识符。
- * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
+/**
+ * 对指定的JSON结构进行节点的修改操作。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string} id - 操作节点的唯一标识符。
+ * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
 export function modifyById(json, id, data) {
   process(json, null, id, data);
 }
 
-/**
- * 删除指定id的节点。
- *
- * @param {Object} json - JSON对象。
- * @param {string} id - 要删除的节点ID。
+/**
+ * 删除指定id的节点。
+ *
+ * @param {Object} json - JSON对象。
+ * @param {string} id - 要删除的节点ID。
  */
 export function deleteById(json, id) {
   process(json, null, id);
 }
 
-/**
- * 根据ID在给定的JSON结构中查找节点的路径。
- *
- * @param {Object} json - 要搜索的JSON对象。
- * @param {string} id - 要查找的节点ID。
- * @param {string} currentPath - 当前递归到的路径，用于构建返回的路径字符串。
- * @returns {string|null} 如果找到节点，返回节点的路径；否则返回null。
+/**
+ * 根据ID在给定的JSON结构中查找节点的路径。
+ *
+ * @param {Object} json - 要搜索的JSON对象。
+ * @param {string} id - 要查找的节点ID。
+ * @param {string} currentPath - 当前递归到的路径，用于构建返回的路径字符串。
+ * @returns {string|null} 如果找到节点，返回节点的路径；否则返回null。
  */
 export function getPathById(json, id) {
   var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -262,28 +262,28 @@ export function getPathById(json, id) {
   return null;
 }
 
-/**
- * 在给定的JSON结构中搜索具有特定id的节点，并返回包含该节点及其所有父节点的props属性的路径数组。
- *
- * @param {Object} data - 待搜索的JSON对象，它代表了一个复杂的树状结构，每个节点都可能有props和children属性。
- * @param {string} targetId - 需要找到的目标节点的id。
- * @returns {Array<Object>} 一个包含目标节点及其所有父节点的props属性的数组。如果未找到目标节点，则返回空数组。
- *
- * @example
- * const data = {
- *   props: {
- *     id: 'page_root',
- *     type: 'Page',
- *     name: '页面',
- *     hasHeder: true,
- *     hasFooter: true,
- *   },
- *   // ...其他节点
- * };
- *
- * const path = getPathNodesById(data, 'form_jknbjkun');
- * console.log(path);
- * // 输出目标节点及其所有父节点的props属性的数组
+/**
+ * 在给定的JSON结构中搜索具有特定id的节点，并返回包含该节点及其所有父节点的props属性的路径数组。
+ *
+ * @param {Object} data - 待搜索的JSON对象，它代表了一个复杂的树状结构，每个节点都可能有props和children属性。
+ * @param {string} targetId - 需要找到的目标节点的id。
+ * @returns {Array<Object>} 一个包含目标节点及其所有父节点的props属性的数组。如果未找到目标节点，则返回空数组。
+ *
+ * @example
+ * const data = {
+ *   props: {
+ *     id: 'page_root',
+ *     type: 'Page',
+ *     name: '页面',
+ *     hasHeder: true,
+ *     hasFooter: true,
+ *   },
+ *   // ...其他节点
+ * };
+ *
+ * const path = getPathNodesById(data, 'form_jknbjkun');
+ * console.log(path);
+ * // 输出目标节点及其所有父节点的props属性的数组
  */
 export function getPathNodesById(data, targetId) {
   // 初始化结果数组

package/es/lowcode/painter/Components.js

@@ -87,8 +87,8 @@ var CompItem = function CompItem(_ref2) {
   }, /*#__PURE__*/React.createElement("span", null, item.name)));
 };
 
-/**
- * 组件清单
+/**
+ * 组件清单
  */
 var Components = function Components(_ref3) {
   var _ref3$dataset = _ref3.dataset,

package/es/lowcode/painter/DesignToolbar.js

@@ -17,9 +17,8 @@ import JsonEditor from "../painter/components/code-editor/JsonEditor";
 import PreviewIframe from "./components/PreviewIframe";
 import { LC_BUILDIN_UNIT_KEY, COOKIE_VIRTUAL_ACCOUNT_KEY } from "../constants";
 import styles from "./style/design.less";
-import { fetchClearCache, fetchUpdatePageData } from "../constants/api-url";
+import { fetchClearCache, fetchUpdatePageData, fetchSearchUser } from "../constants/api-url";
 import { getLDMetaAttr } from "../engine/tools/helper";
-import { readAllUser } from '@luck-design-biz/base/lib/sys/services';
 var DesignToolbar = function DesignToolbar(_ref) {
   var locale = _ref.locale,
     onLangChange = _ref.onLangChange;
@@ -168,19 +167,19 @@ var DesignToolbar = function DesignToolbar(_ref) {
   });
   var _useDebounceFn = useDebounceFn( /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(value) {
-        var _yield$readAllUser, code, list, detail;
+        var _yield$fetchSearchUse, code, list, detail;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               _context2.next = 2;
-              return readAllUser({
+              return fetchSearchUser({
                 sname: value
               });
             case 2:
-              _yield$readAllUser = _context2.sent;
-              code = _yield$readAllUser.code;
-              list = _yield$readAllUser.list;
-              detail = _yield$readAllUser.detail;
+              _yield$fetchSearchUse = _context2.sent;
+              code = _yield$fetchSearchUse.code;
+              list = _yield$fetchSearchUse.list;
+              detail = _yield$fetchSearchUse.detail;
               if (code === 1) {
                 setUserOptions(list.map(function (id) {
                   var item = detail[id];

package/es/lowcode/painter/components/Collapse.js

@@ -4,32 +4,32 @@ import { useMemoizedFn, useCreation } from 'ahooks';
 import styles from "../style/collapse.less";
 import { Icon, Tooltip } from 'luck-design/antd';
 
-/**
- * Collapse 组件是一个可折叠区域的实现，用于显示或隐藏内容。它支持自定义标签、描述以及默认的折叠状态。
- * 该组件还可以通过 `next` 函数来自定义点击操作，而不是简单地切换折叠状态。
- * 提供的工具提示可以显示额外信息，如字段名和描述，以帮助用户更好地理解折叠内容的作用。
- *
- * @component
- * @example
- * <Collapse
- *   field="exampleField"
- *   label="示例标签"
- *   desc="这是一个用于演示的折叠组件"
- *   defaultCollapsed={true}
- *   next={() => console.log('Custom next function executed')}
- * >
- *   <p>这里是可折叠的内容</p>
- * </Collapse>
- *
- * @param {Object} props - 组件的属性。
- * @param {React.ReactNode} children - 折叠区域展开时显示的内容。
- * @param {string} [props.field] - 与折叠内容相关联的字段名。
- * @param {string} props.label - 折叠区域的标签名称。
- * @param {string} [props.desc] - 关于折叠内容的描述信息。
- * @param {boolean} [props.defaultCollapsed=false] - 折叠区域的默认状态。如果为 true，则默认为折叠状态。
- * @param {Function} [props.next] - 点击操作的自定义函数。如果提供，点击时将执行此函数，而不是切换折叠状态。
- *
- * @returns {ReactElement} 返回一个 React 元素，表示一个具有可折叠功能的容器。
+/**
+ * Collapse 组件是一个可折叠区域的实现，用于显示或隐藏内容。它支持自定义标签、描述以及默认的折叠状态。
+ * 该组件还可以通过 `next` 函数来自定义点击操作，而不是简单地切换折叠状态。
+ * 提供的工具提示可以显示额外信息，如字段名和描述，以帮助用户更好地理解折叠内容的作用。
+ *
+ * @component
+ * @example
+ * <Collapse
+ *   field="exampleField"
+ *   label="示例标签"
+ *   desc="这是一个用于演示的折叠组件"
+ *   defaultCollapsed={true}
+ *   next={() => console.log('Custom next function executed')}
+ * >
+ *   <p>这里是可折叠的内容</p>
+ * </Collapse>
+ *
+ * @param {Object} props - 组件的属性。
+ * @param {React.ReactNode} children - 折叠区域展开时显示的内容。
+ * @param {string} [props.field] - 与折叠内容相关联的字段名。
+ * @param {string} props.label - 折叠区域的标签名称。
+ * @param {string} [props.desc] - 关于折叠内容的描述信息。
+ * @param {boolean} [props.defaultCollapsed=false] - 折叠区域的默认状态。如果为 true，则默认为折叠状态。
+ * @param {Function} [props.next] - 点击操作的自定义函数。如果提供，点击时将执行此函数，而不是切换折叠状态。
+ *
+ * @returns {ReactElement} 返回一个 React 元素，表示一个具有可折叠功能的容器。
  */
 export default function (_ref) {
   var children = _ref.children,