@luck-design-biz/luckda 0.0.24-1 → 0.0.24-3

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,
-  "style": {},
-  "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,
-  "style": {},
-  "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,
-  "style": {}
-}
+{}

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,
-  "style": {},
-  "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,
-  "style": {},
-  "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,
-  "style": {},
-  "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,
-  "style": {},
-  "display": "normal",
-  "split": "vertical",
-  "ratio": "1:3"
+{
+  "display": "normal",
+  "split": "vertical",
+  "ratio": "1:3"
 }

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

@@ -1,12 +1,10 @@
-{
-  "component": "Table",
-  "name": "表格",
-  "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
-  "icon": "icon-table",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "style": {},
-  "autoLoad": true,
-  "readOnly": false
+{
+  "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,18 +1,10 @@
-{
-  "component": "Tabs",
-  "name": "选项卡",
-  "icon": "icon-tabs",
-  "group": "container",
-  "groupName": "布局",
-  "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
-  "order": 1,
-  "style": {},
-  "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,
-  "style": {},
-  "showTitle": false,
-  "maxLine": 0
+{
+  "showTitle": false,
+  "maxLine": 0
 }

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

@@ -1,17 +1,9 @@
-{
-  "component": "Tree",
-  "name": "树",
-  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
-  "icon": "icon-tree",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "style": {},
-  "showLine": false,
-  "lazyLoad": false,
-  "editable": false,
-  "draggable": false,
-  "defaultExpandDeep": 1,
-  "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

@@ -2,15 +2,14 @@ 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, useSafeState } from 'ahooks';
+import { useMemoizedFn } from 'ahooks';
 import { useLDEventBus } from "./EventBusProvider";
-import usePromiseState from "../tools/usePromiseState";
 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', 'componentList', 'componentMap'];
+var PRIVATE_KEYS = ['pageCode', 'moduleCode', 'pageData', 'componentList', 'componentMap'];
 export default (function (_ref) {
   var children = _ref.children;
   var eventBus = useLDEventBus();
@@ -28,15 +27,17 @@ export default (function (_ref) {
   /**
    * 页面数据
    */
-  var _usePromiseState = usePromiseState(null),
-    _usePromiseState2 = _slicedToArray(_usePromiseState, 2),
-    pageData = _usePromiseState2[0],
-    _setPageData = _usePromiseState2[1];
+  var _pageData = useRef(null);
 
   /**
    * 组件列表
    */
   var _componentList = useRef([]);
+
+  /**
+   * 组件id与组件的映射
+   */
+  var _componentMap = useRef(new Map());
   var _privateGetter = useRef({
     pageCode: function pageCode() {
       return _pageCode.current;
@@ -44,11 +45,14 @@ export default (function (_ref) {
     moduleCode: function moduleCode() {
       return _moduleCode.current;
     },
+    pageData: function pageData() {
+      return _pageData.current;
+    },
     componentList: function componentList() {
       return _componentList.current;
     },
     componentMap: function componentMap() {
-      return new Map(_componentList.current);
+      return _componentMap.current;
     }
   });
 
@@ -58,6 +62,7 @@ export default (function (_ref) {
    * component:ReactNode 组件
    */
   var register = useMemoizedFn(function (id, component) {
+    _componentMap.current.set(id, component);
     _componentList.current.push([id, component]);
   });
 
@@ -66,6 +71,7 @@ export default (function (_ref) {
    * 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];
@@ -123,8 +129,9 @@ export default (function (_ref) {
     value: new Proxy(_objectSpread({
       _pageCode: _pageCode,
       _moduleCode: _moduleCode,
-      _setPageData: _setPageData,
-      pageData: pageData,
+      _pageData: _pageData,
+      _componentList: _componentList,
+      _componentMap: _componentMap,
       history: history,
       topics: topics,
       register: register,

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,4 +1,3 @@
-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";
@@ -38,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],
@@ -51,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;
@@ -140,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);
 }
 
 /**
@@ -160,7 +153,7 @@ export function modifyById(json, id, data) {
 }
 
 /**
- * 删除指定id的节点。
+ * 查找指定ID的节点及其父节点。
  *
  * @param {Object} json - JSON对象。
  * @param {string} id - 要删除的节点ID。
@@ -192,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 [];
 }

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

@@ -0,0 +1,16 @@
+import { v4 as uuidv4 } from 'uuid';
+var chars = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+export default function generateShortUuid() {
+  var toLowerCase = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var shortBuffer = '';
+  var uuid = uuidv4().replace(/-/g, '');
+  for (var i = 0; i < 8; i++) {
+    var str = uuid.substring(i * 4, i * 4 + 4);
+    var x = parseInt(str, 16);
+    shortBuffer += chars[x % 0x3e];
+  }
+  if (toLowerCase) {
+    return shortBuffer.toLowerCase();
+  }
+  return shortBuffer;
+}