@luck-design-biz/luckda 0.0.24-2 → 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,30 +1,10 @@
-{
-  "component": "Table",
-  "name": "表格",
-  "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
-  "icon": "icon-table",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "autoLoad": true,
-  "readOnly": false,
-  "suppressPreset": false,
-  "actionsColumn": true,
-  "suppressActions": false,
-  "actionsColumnWidth": 160,
-  "actions": {
-    "display": "text",
-    "max": 2,
-    "todoList": []
-  },
-  "width": "100%",
-  "height": "100%",
-  "zebra": false,
-  "bordered": false,
-  "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,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

@@ -1,52 +1,58 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["source"];
-import React, { createContext, useContext, useRef, useEffect } from 'react';
+import React, { createContext, useContext, useRef } from 'react';
 import { history } from 'umi';
-import { useRequest, useMemoizedFn } from 'ahooks';
+import { useMemoizedFn } from 'ahooks';
 import { useLDEventBus } from "./EventBusProvider";
-import usePromiseState from "../tools/usePromiseState";
-import { doAction } from "../../../helper/action";
 import * as topics from "../../constants/event-topics";
-import { decompress } from "../tools/dataProcess";
-import { fetchPageData } from "../../constants/api-url";
 export var Context = /*#__PURE__*/createContext(null);
 export var useLDContext = function useLDContext() {
   return useContext(Context);
 };
-var PRIVATE_KEYS = ['pageinfo', 'componentList', 'componentMap'];
+var PRIVATE_KEYS = ['pageCode', 'moduleCode', 'pageData', 'componentList', 'componentMap'];
 export default (function (_ref) {
-  var children = _ref.children,
-    code = _ref.code;
+  var children = _ref.children;
   var eventBus = useLDEventBus();
 
   /**
-   * 页面数据
+   * 页面码
+   */
+  var _pageCode = useRef(void 0);
+
+  /**
+   * 模块码
    */
-  var _usePromiseState = usePromiseState(null),
-    _usePromiseState2 = _slicedToArray(_usePromiseState, 2),
-    pageData = _usePromiseState2[0],
-    _setPageData = _usePromiseState2[1];
+  var _moduleCode = useRef(void 0);
 
   /**
-   * 页面信息
+   * 页面数据
    */
-  var _pageinfo = useRef(null);
+  var _pageData = useRef(null);
 
   /**
    * 组件列表
    */
   var _componentList = useRef([]);
+
+  /**
+   * 组件id与组件的映射
+   */
+  var _componentMap = useRef(new Map());
   var _privateGetter = useRef({
-    pageinfo: function pageinfo() {
-      return _pageinfo.current;
+    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 new Map(_componentList.current);
+      return _componentMap.current;
     }
   });
 
@@ -56,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]);
   });
 
@@ -64,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];
@@ -105,38 +113,25 @@ export default (function (_ref) {
    */
   var getDataSetById = useMemoizedFn(function (datasetId) {});
 
+  /**
+   * 执行actionKey对应的行为
+   * actionKey:string 行为key
+   * return:Promise
+   */
+  var doAction = useMemoizedFn(function (actionKey) {});
+
   /**
    * 获取url参数
    * return:object
    */
   var getUrlParams = useMemoizedFn(function () {});
-  var _useRequest = useRequest(fetchPageData, {
-      manual: true
-    }),
-    loading = _useRequest.loading,
-    runFetchPageData = _useRequest.runAsync;
-  useEffect(function () {
-    runFetchPageData(code).then(function (_ref4) {
-      var code = _ref4.code,
-        data = _ref4.data,
-        list = _ref4.list,
-        detail = _ref4.detail;
-      if (code === 1) {
-        var _detail$list$ = detail[list[0]],
-          source = _detail$list$.source,
-          info = _objectWithoutProperties(_detail$list$, _excluded);
-        _pageinfo.current = _objectSpread({
-          relationship: data
-        }, info);
-        _setPageData(decompress(source));
-      }
-    });
-  }, [code]);
   return /*#__PURE__*/React.createElement(Context.Provider, {
     value: new Proxy(_objectSpread({
-      _setPageData: _setPageData,
-      loading: loading,
-      pageData: pageData,
+      _pageCode: _pageCode,
+      _moduleCode: _moduleCode,
+      _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,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 [];
 }

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

@@ -1,72 +1,4 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { omit } from 'lodash';
 export function isPromise(value) {
   return !!value && _typeof(value) === 'object' && typeof value.then === 'function';
-}
-export function omitBadProps(props) {
-  var rubbish = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return omit(props, ['component', 'name', 'desc', 'icon', 'group', 'groupName', 'order'].concat(_toConsumableArray(rubbish)));
-}
-export function listReducer(state, action) {
-  switch (action.type) {
-    case 'add':
-      {
-        var _action$callback;
-        var newState = [].concat(_toConsumableArray(state), [action.payload]);
-        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, newState);
-        return newState;
-      }
-    case 'delete':
-      {
-        var _action$callback2;
-        var _newState = state.filter(function (item) {
-          return item.id !== action.payload;
-        });
-        (_action$callback2 = action.callback) === null || _action$callback2 === void 0 || _action$callback2.call(action, _newState);
-        return _newState;
-      }
-    case 'edit':
-      {
-        var _action$callback3;
-        var _newState2 = state.map(function (item) {
-          return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
-        });
-        (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState2);
-        return _newState2;
-      }
-    case 'active':
-      {
-        var _action$callback4;
-        var _newState3 = state.map(function (item) {
-          item.active = false;
-          return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
-        });
-        (_action$callback4 = action.callback) === null || _action$callback4 === void 0 || _action$callback4.call(action, _newState3);
-        return _newState3;
-      }
-    case 'new':
-      {
-        var _action$callback5;
-        var _newState4 = _toConsumableArray(action.payload);
-        (_action$callback5 = action.callback) === null || _action$callback5 === void 0 || _action$callback5.call(action, _newState4);
-        return _newState4;
-      }
-    case 'sort':
-      {
-        var _action$callback6;
-        var sortItems = action.payload;
-        var newItems = state.sort(function (a, b) {
-          var indexA = sortItems.indexOf(a.id);
-          var indexB = sortItems.indexOf(b.id);
-          return indexA - indexB;
-        });
-        (_action$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState5);
-        var _newState5 = _toConsumableArray(newItems);
-        return _newState5;
-      }
-    default:
-      throw new Error();
-  }
 }