@luck-design-biz/luckda 0.0.25 → 0.0.26

package/es/lowcode/engine/meta/form.props.default.json

@@ -1,12 +1,5 @@
-{
-  "component": "Form",
-  "name": "表单",
-  "desc": "表单组件是用于收集、验证和提交用户输入数据的重要组件。",
-  "icon": "icon-form",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "type": "auto",
-  "saveBtnTitle": "保存",
-  "defaultColumnCount": 4
+{
+  "type": "auto",
+  "saveBtnTitle": "保存",
+  "defaultColumnCount": 4
 }

package/es/lowcode/engine/meta/iframe.props.default.json

@@ -1,11 +1,3 @@
-{
-  "component": "Iframe",
-  "name": "Iframe",
-  "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
-  "icon": "icon-iframe",
-  "group": "basic",
-  "groupName": "基础",
-  "order": 1,
-  "css": {},
-  "supportFullScreen": true
+{
+  "supportFullScreen": true
 }

package/es/lowcode/engine/meta/image.props.default.json

@@ -1,16 +1,8 @@
-{
-  "component": "Image",
-  "name": "图片",
-  "icon": "icon-image",
-  "group": "basic",
-  "groupName": "基础",
-  "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
-  "order": 1,
-  "css": {},
-  "width": 350,
-  "height": 200,
-  "autoWidth": false,
-  "fit": "fill",
-  "roundRadios": "0",
-  "preview": false
+{
+  "width": 350,
+  "height": 200,
+  "autoWidth": false,
+  "fit": "fill",
+  "roundRadios": "0",
+  "preview": false
 }

package/es/lowcode/engine/meta/imex.props.default.json

@@ -1,12 +1,4 @@
-{
-  "component": "ImEx",
-  "name": "导入导出",
-  "desc": "支持导入导出数据的按钮组件。",
-  "icon": "icon-imex",
-  "group": "basic",
-  "groupName": "基础",
-  "order": 1,
-  "css": {},
-  "type": "export",
-  "title": "导入｜导出"
+{
+  "type": "export",
+  "title": "导入｜导出"
 }

package/es/lowcode/engine/meta/jsx.props.default.json

@@ -1,10 +1 @@
-{
-  "component": "JSX",
-  "name": "jsx代码段",
-  "desc": "通过编写JSX代码实现React组件的动态渲染。",
-  "icon": "icon-jsx",
-  "group": "basic",
-  "groupName": "基础",
-  "order": 1,
-  "css": {}
-}
+{}

package/es/lowcode/engine/meta/layout.props.default.json

@@ -1,13 +1,5 @@
-{
-  "component": "Layout",
-  "name": "布局容器",
-  "icon": "icon-layout",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。",
-  "order": 1,
-  "css": {},
-  "columnRatio": "12:3:9",
-  "columnSpacing": 16,
-  "lineSpacing": 16
+{
+  "columnRatio": "12",
+  "columnSpacing": 16,
+  "lineSpacing": 16
 }

package/es/lowcode/engine/meta/link.props.default.json

@@ -1,14 +1,6 @@
-{
-  "component": "Link",
-  "name": "超链",
-  "icon": "icon-link",
-  "group": "basic",
-  "groupName": "基础",
-  "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
-  "order": 1,
-  "css": {},
-  "textOverflow": false,
-  "type": "page",
-  "isLayer": false,
-  "effect": "hidden"
+{
+  "textOverflow": false,
+  "type": "page",
+  "isLayer": false,
+  "effect": "hidden"
 }

package/es/lowcode/engine/meta/modal.props.default.json

@@ -0,0 +1,11 @@
+{
+  "title": "对话框",
+  "width": "700px",
+  "height": "60vh",
+  "fullScreen": false,
+  "fullable": true,
+  "defaultOpen": false,
+  "mask": false,
+  "keyboard": true,
+  "footer": true
+}

package/es/lowcode/engine/meta/section.props.default.json

@@ -1,17 +1,9 @@
-{
-  "component": "Section",
-  "name": "分组",
-  "icon": "icon-section",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "分组组件用于将相关组件或内容进行分组和组织。使用户能够轻松创建具有分组效果的界面，并根据需要进行定制。s",
-  "order": 1,
-  "css": {},
-  "collapse": true,
-  "showHeader": true,
-  "title": "分组",
-  "showHeaderDivider": true,
-  "showBorder": false,
-  "withMargin": false,
-  "withPadding": true
+{
+  "collapse": true,
+  "showHeader": true,
+  "title": "分组",
+  "showHeaderDivider": true,
+  "showBorder": false,
+  "withMargin": false,
+  "withPadding": true
 }

package/es/lowcode/engine/meta/split.props.default.json

@@ -1,13 +1,5 @@
-{
-  "component": "Split",
-  "name": "分割面板容器",
-  "icon": "icon-split",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
-  "order": 1,
-  "css": {},
-  "display": "normal",
-  "split": "vertical",
-  "ratio": "1:3"
+{
+  "display": "normal",
+  "split": "vertical",
+  "ratio": "1:3"
 }

package/es/lowcode/engine/meta/table.props.default.json

@@ -1,46 +1,10 @@
-{
-  "component": "Table",
-  "name": "表格",
-  "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
-  "icon": "icon-table",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "autoLoad": true,
-  "readOnly": false,
-  "topActionGroup": {
-    "display": "button",
-    "max": 2,
-    "moreText": "操作",
-    "todoList": []
-  },
-  "suppressActions": false,
-  "actionsColumnWidth": 160,
-  "actions": {
-    "display": "text",
-    "max": 2,
-    "moreText": "更多操作",
-    "todoList": []
-  },
-  "rowSelection": false,
-  "suppressRowSelectionPagination": false,
-  "rowSelectionMode": "multiple",
-  "bantchActions": {
-    "todoList": []
-  },
-  "impexp": {
-    "export": true
-  },
-  "width": "100%",
-  "height": "100%",
-  "zebra": false,
-  "suppressPreset": false,
-  "bordered": false,
-  "renderIndex": true,
-  "pagination": true,
-  "showSizeChanger": true,
-  "showQuickJumper": true,
-  "hideOnSinglePage": false,
-  "paginationSimple": false,
-  "pageSize": 30
+{
+  "autoLoad": true,
+  "readOnly": false,
+  "isFlow": false,
+  "defaultPageSize": 30,
+  "actionTitle": "操作列",
+  "actionWidth": 100,
+  "actionHidden": false,
+  "maxWebShownActionCount": 2
 }

package/es/lowcode/engine/meta/tabs.props.default.json

@@ -1,17 +1,10 @@
-{
-  "component": "Tabs",
-  "name": "选项卡",
-  "icon": "icon-tabs",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
-  "order": 1,
-  "items": [],
-  "shape": "pure",
-  "size": "default",
-  "contentPadding": "20px 20px",
-  "excessMode": "slide",
-  "unmountInactiveTabs": false,
-  "lazyLoad": false,
-  "needBadge": false
+{
+  "items": [],
+  "shape": "pure",
+  "size": "default",
+  "contentPadding": "20px 20px",
+  "excessMode": "slide",
+  "unmountInactiveTabs": false,
+  "lazyLoad": false,
+  "needBadge": false
 }

package/es/lowcode/engine/meta/text.props.default.json

@@ -1,12 +1,4 @@
-{
-  "component": "Text",
-  "name": "文本",
-  "icon": "icon-text",
-  "group": "basic",
-  "groupName": "基础",
-  "desc": "文本组件用于显示文本内容。",
-  "order": 1,
-  "css": {},
-  "showTitle": false,
-  "maxLine": 0
+{
+  "showTitle": false,
+  "maxLine": 0
 }

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

@@ -1,22 +1,9 @@
-{
-  "component": "Tree",
-  "name": "树",
-  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
-  "icon": "icon-tree",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "width": "100%",
-  "height": "100%",
-  "showLine": false,
-  "showIcon": true,
-  "defaultExpandDeep": "0",
-  "lazyLoad": false,
-  "editable": true,
-  "draggable": true,
-  "actions": {
-    "todoList": []
-  },
-  "doubleClick": true,
-  "multiple": false
+{
+  "showLine": false,
+  "lazyLoad": false,
+  "editable": false,
+  "draggable": false,
+  "defaultExpandDeep": 1,
+  "doubleClick": true,
+  "multiple": false
 }

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

@@ -0,0 +1,164 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { createContext, useContext, useRef } from 'react';
+import { history } from 'umi';
+import { useMemoizedFn } from 'ahooks';
+import { useLDEventBus } from "./EventBusProvider";
+import * as topics from "../../constants/event-topics";
+export var Context = /*#__PURE__*/createContext(null);
+export var useLDContext = function useLDContext() {
+  return useContext(Context);
+};
+var PRIVATE_KEYS = ['pageCode', 'moduleCode', 'pageData', 'componentList', 'componentMap'];
+export default (function (_ref) {
+  var children = _ref.children;
+  var eventBus = useLDEventBus();
+
+  /**
+   * 页面码
+   */
+  var _pageCode = useRef(void 0);
+
+  /**
+   * 模块码
+   */
+  var _moduleCode = useRef(void 0);
+
+  /**
+   * 页面数据
+   */
+  var _pageData = useRef(null);
+
+  /**
+   * 组件列表
+   */
+  var _componentList = useRef([]);
+
+  /**
+   * 组件id与组件的映射
+   */
+  var _componentMap = useRef(new Map());
+  var _privateGetter = useRef({
+    pageCode: function pageCode() {
+      return _pageCode.current;
+    },
+    moduleCode: function moduleCode() {
+      return _moduleCode.current;
+    },
+    pageData: function pageData() {
+      return _pageData.current;
+    },
+    componentList: function componentList() {
+      return _componentList.current;
+    },
+    componentMap: function componentMap() {
+      return _componentMap.current;
+    }
+  });
+
+  /**
+   * 注册组件
+   * id:string 组件id
+   * component:ReactNode 组件
+   */
+  var register = useMemoizedFn(function (id, component) {
+    _componentMap.current.set(id, component);
+    _componentList.current.push([id, component]);
+  });
+
+  /**
+   * 注销组件
+   * id:string 组件id
+   */
+  var unregister = useMemoizedFn(function (id) {
+    _componentMap.current.delete(id);
+    _componentList.current = _componentList.current.filter(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 1),
+        _id = _ref3[0];
+      return _id !== id;
+    });
+  });
+
+  /**
+   * 根据组件id获取组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementById = useMemoizedFn(function (compId) {});
+
+  /**
+   * 根据组件id获取父组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getParentElement = useMemoizedFn(function (compId) {});
+
+  /**
+   * 根据组件id获取组件路径
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementPathById = useMemoizedFn(function (compId) {});
+
+  /**
+   * 获取当前模块数据
+   * return:Object
+   */
+  var getModule = useMemoizedFn(function () {});
+
+  /**
+   * 根据datasetId获取数据集
+   * datasetId:string 数据集id
+   * return:Object
+   */
+  var getDataSetById = useMemoizedFn(function (datasetId) {});
+
+  /**
+   * 执行actionKey对应的行为
+   * actionKey:string 行为key
+   * return:Promise
+   */
+  var doAction = useMemoizedFn(function (actionKey) {});
+
+  /**
+   * 获取url参数
+   * return:object
+   */
+  var getUrlParams = useMemoizedFn(function () {});
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: new Proxy(_objectSpread({
+      _pageCode: _pageCode,
+      _moduleCode: _moduleCode,
+      _pageData: _pageData,
+      _componentList: _componentList,
+      _componentMap: _componentMap,
+      history: history,
+      topics: topics,
+      register: register,
+      unregister: unregister,
+      getElementById: getElementById,
+      getParentElement: getParentElement,
+      getElementPathById: getElementPathById,
+      getModule: getModule,
+      getDataSetById: getDataSetById,
+      doAction: doAction,
+      getUrlParams: getUrlParams
+    }, eventBus), {
+      get: function get(target, property, receiver) {
+        if (PRIVATE_KEYS.includes(property)) {
+          var _privateGetter$curren;
+          return (_privateGetter$curren = _privateGetter.current) === null || _privateGetter$curren === void 0 ? void 0 : _privateGetter$curren[property]();
+        }
+        return Reflect.get(target, property, receiver);
+      },
+      set: function set(target, property, receiver) {
+        console.log('set', target, property, receiver);
+        if (PRIVATE_KEYS.includes(property)) {
+          throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u53EA\u8BFB\u7684"));
+        } else {
+          return Reflect.set(target, property, receiver);
+        }
+      }
+    })
+  }, children);
+});

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

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["topic"];
 import React, { createContext, useContext } from 'react';
 import { useEventEmitter, useCreation, useMemoizedFn } from 'ahooks';
-import { suid } from '@luck-design-biz/base/utils';
+import lcid from "../tools/lcid";
 import { isPromise } from "../tools/helper";
 export var EventBus = /*#__PURE__*/createContext(null);
 export var useLDEventBus = function useLDEventBus() {
@@ -87,7 +87,7 @@ export default (function (_ref) {
   });
   var $subscriber = useMemoizedFn(function (topic) {
     if (!subscriberPool.has(topic)) subscriberPool.set(topic, []);
-    var id = suid();
+    var id = lcid();
     var _subscriber = Subscriber(id);
     subscriberPool.get(topic).push([id, _subscriber]);
     return _subscriber;

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

@@ -1,9 +1,7 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import * as LZString from 'lz-string';
-import { CELL_KEY } from "../../constants";
 
 /**
  * 数据压缩
@@ -14,7 +12,7 @@ export function compress(data) {
   // 将对象转换为JSON字符串
   var jsonString = JSON.stringify(data);
   // 使用LZ-String压缩JSON字符串
-  return LZString.compressToBase64(jsonString);
+  return LZString.compressToUTF16(jsonString);
 }
 
 /**
@@ -24,7 +22,7 @@ export function compress(data) {
  */
 export function decompress(compressedData) {
   // 使用LZ-String解压数据
-  var jsonString = LZString.decompressFromBase64(compressedData);
+  var jsonString = LZString.decompressFromUTF16(compressedData);
   // 将JSON字符串转换回对象
   return JSON.parse(jsonString);
 }
@@ -39,12 +37,6 @@ export function decompress(compressedData) {
  */
 export function findNodeAndParent(id, current) {
   var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  if (!parent && current.props.id === id) {
-    return {
-      node: current,
-      parent: null
-    };
-  }
   if (current.hasOwnProperty('children') && current.children.includes(id)) {
     return {
       node: current[id],
@@ -52,7 +44,7 @@ export function findNodeAndParent(id, current) {
     };
   }
   for (var key in current) {
-    if (current[key] && _typeof(current[key]) === 'object' && key !== 'props' && key !== 'children') {
+    if (current[key] && _typeof(current[key]) === 'object' && key !== 'props') {
       var result = findNodeAndParent(id, current[key], current);
       if (result.node) {
         return result;
@@ -106,7 +98,7 @@ function process(json, path, id, data) {
     current[id] = {
       props: _objectSpread(_objectSpread({}, data), {}, {
         id: id,
-        parentId: current.props.id
+        parentId: current.id
       })
     };
   } else if (!path && id && data) {
@@ -141,12 +133,12 @@ function process(json, path, id, data) {
  * 对指定的JSON结构进行节点的添加操作。
  *
  * @param {Object} json - 要操作的JSON对象。
- * @param {string} parentId - 父节点的唯一标识符。
+ * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
  * @param {string} id - 操作节点的唯一标识符。
  * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
-export function add(json, parentId, id, data) {
-  process(json, getPathById(json, parentId), id, data);
+export function add(json, path, id, data) {
+  process(json, path, id, data);
 }
 
 /**
@@ -161,7 +153,7 @@ export function modifyById(json, id, data) {
 }
 
 /**
- * 删除指定id的节点。
+ * 查找指定ID的节点及其父节点。
  *
  * @param {Object} json - JSON对象。
  * @param {string} id - 要删除的节点ID。
@@ -181,7 +173,6 @@ export function deleteById(json, id) {
 export function getPathById(json, id) {
   var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   for (var key in json) {
-    if (id === CELL_KEY.PAGE_ROOT) return '/';
     var newPath = currentPath ? "".concat(currentPath, "/").concat(key) : key;
     if (json[key].props && json[key].props.id === id) {
       return newPath;
@@ -194,72 +185,4 @@ 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属性的数组
- */
-export function getPathNodesById(data, targetId) {
-  // 初始化结果数组
-  var result = [];
-
-  // 定义递归函数以搜索路径
-  function search(node) {
-    var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    // 检查当前节点是否是目标节点
-    if (node && node.props && node.props.id === targetId) {
-      // 如果是，将当前路径和节点自身添加到结果中
-      result = [].concat(_toConsumableArray(path), [node.props]);
-      return true;
-    }
-
-    // 遍历子节点
-    if (node && node.children) {
-      var _iterator2 = _createForOfIteratorHelper(node.children),
-        _step2;
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var childId = _step2.value;
-          // 对每个子节点，首先尝试从当前节点获取子节点数据
-          var childNode = node[childId];
-          if (search(childNode, [].concat(_toConsumableArray(path), [node.props]))) {
-            return true;
-          }
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    }
-    return false;
-  }
-
-  // 从顶层"data"对象开始搜索
-  if (search(data)) {
-    return result;
-  }
-
-  // 如果未找到目标节点，返回空数组
-  return [];
 }