@luck-design-biz/luckda 1.0.1 → 1.0.2

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

@@ -9,7 +9,7 @@
   "props": [
     {
       "key": "id",
-      "desc": "唯一标识",
+      "name": "唯一标识",
       "type": "string",
       "disabled": true
     },
@@ -17,7 +17,7 @@
       "key": "src",
       "name": "图片地址",
       "desc": "图片地址",
-      "type": "_ImageUploder"
+      "type": "string"
     },
     {
       "key": "width",
@@ -26,6 +26,13 @@
       "type": "number",
       "default": 350
     },
+    {
+      "key": "autoWidth",
+      "name": "宽度自适应",
+      "desc": "是否图片宽度自适应",
+      "type": "switch",
+      "default": false
+    },
     {
       "key": "height",
       "name": "高度",
@@ -34,10 +41,10 @@
       "default": 200
     },
     {
-      "key": "autoWidth",
-      "name": "宽度自适应",
-      "desc": "是否图片宽度自适应",
-      "type": "boolean",
+      "key": "autoHeight",
+      "name": "高度自适应",
+      "desc": "是否图片高度自适应",
+      "type": "switch",
       "default": false
     },
     {
@@ -47,16 +54,16 @@
       "type": "select",
       "options": [
         {
-          "label": "铺满",
-          "value": "fill"
+          "label": "铺满（Cover）",
+          "value": "cover"
         },
         {
-          "label": "适合",
-          "value": "fit"
+          "label": "适合（Contain）",
+          "value": "contain"
         },
         {
-          "label": "拉伸",
-          "value": "Stretch"
+          "label": "拉伸（Fill）",
+          "value": "fill"
         }
       ],
       "default": "fill"
@@ -65,8 +72,36 @@
       "key": "roundRadios",
       "name": "圆角",
       "desc": "图片四周圆角大小,可设置“0 1px 2px 3px",
-      "type": "string",
-      "default": "0"
+      "type": "select",
+      "options": [
+        {
+          "label": "大（16px）",
+          "value": "16px"
+        },
+        {
+          "label": "中（8px）",
+          "value": "8px"
+        },
+        {
+          "label": "小（4px）",
+          "value": "4px"
+        },
+        {
+          "label": "无（0px）",
+          "value": "0px"
+        },
+        {
+          "label": "自定义",
+          "value": ""
+        }
+      ],
+      "default": ""
+    },
+    {
+      "key": "borderRadios",
+      "name": "圆角大小",
+      "desc": "自定义圆角大小",
+      "type": "string"
     },
     {
       "key": "title",
@@ -84,7 +119,7 @@
       "key": "preview",
       "name": "开启图片预览",
       "desc": "是否开启点击打开图片预览",
-      "type": "boolean",
+      "type": "switch",
       "default": false
     }
   ],
@@ -106,7 +141,7 @@
       {
         "key": "onClick",
         "name": "点击事件",
-        "desc": "点击文本时，执行方法",
+        "desc": "点击图片时，执行方法",
         "func": "(e)=>{\n\t\n}"
       }
     ]

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

@@ -9,7 +9,7 @@
   "props": [
     {
       "key": "id",
-      "desc": "唯一标识",
+      "name": "唯一标识",
       "type": "string",
       "disabled": true
     },

package/es/lowcode/engine/meta/js-editor/auto-complete.json

@@ -12,7 +12,20 @@
   {
     "name": "CardList",
     "triggerWord": "cardlist",
-    "completions": []
+    "completions": [
+      {
+        "label": "getInstance",
+        "kind": "method",
+        "insertText": "getInstance",
+        "documentation": "    /**\r\n     * 获取表格实例\r\n     * @method\r\n     */\r"
+      },
+      {
+        "label": "refresh",
+        "kind": "method",
+        "insertText": "refresh",
+        "documentation": "    /**\r\n     * 刷新表格\r\n     * @method\r\n     */\r"
+      }
+    ]
   },
   {
     "name": "Dialog",
@@ -52,7 +65,7 @@
         "label": "open",
         "kind": "property",
         "insertText": "open",
-        "documentation": "    /**\r\n     * 是否打开\r\n     * @property\r\n     */\r"
+        "documentation": "    /**\r\n     * 弹窗打开状态\r\n     * @property\r\n     */\r"
       },
       {
         "label": "doOpen",
@@ -67,10 +80,10 @@
         "documentation": "    /**\r\n     * 关闭弹窗\r\n     * @method\r\n     */\r"
       },
       {
-        "label": "toggle",
+        "label": "setTitle",
         "kind": "method",
-        "insertText": "toggle",
-        "documentation": "    /**\r\n     * @method\r\n     * 切换弹窗\r\n     */\r"
+        "insertText": "setTitle(title)",
+        "documentation": "    /**\r\n     * 设置弹窗标题\r\n     * @method\r\n     * @param {stirng} title -标题\r\n     */\r"
       }
     ]
   },
@@ -92,6 +105,11 @@
       }
     ]
   },
+  {
+    "name": "GroupTree",
+    "triggerWord": "grouptree",
+    "completions": []
+  },
   {
     "name": "Iframe",
     "triggerWord": "iframe",

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

@@ -9,7 +9,7 @@
   "css": "",
   "textOverflow": false,
   "type": "page",
-  "isLayer": false,
+  "isBlank": true,
   "effect": "hidden",
   "advance": {
     "events": {}

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

@@ -9,7 +9,7 @@
   "props": [
     {
       "key": "id",
-      "desc": "唯一标识",
+      "name": "唯一标识",
       "type": "string",
       "disabled": true
     },
@@ -22,8 +22,8 @@
     {
       "key": "textOverflow",
       "name": "单行截断",
-      "desc": "文字超过一行，使甲...显示；开后此项后，同时会显示html标签的title",
-      "type": "boolean",
+      "desc": "文字超过一行，使用...显示；开后此项后，同时会显示html标签的title",
+      "type": "switch",
       "default": false
     },
     {
@@ -50,16 +50,16 @@
       "type": "string"
     },
     {
-      "key": "isLayer",
-      "name": "弹窗打开",
-      "desc": "是否以弹窗形式打开",
-      "type": "boolean",
-      "default": false
+      "key": "isBlank",
+      "name": "新开页面",
+      "desc": "是否新开页面",
+      "type": "switch",
+      "default": true
     },
     {
       "key": "params",
       "name": "携带参数",
-      "desc": "超链的携带参数",
+      "desc": "超链的携带参数，key=value形式，多个参数中间用&拼接，例如：pageNo=1&pageSize=20",
       "type": "string"
     },
     {

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

@@ -168,7 +168,7 @@
             "default": {
               "todoList": []
             },
-            "defaultCode": "function onBatchOperationsClick(key, selectedRows) {\n\n}",
+            "defaultCode": "function onBatchOperationsClick(key, selectedRows, cb) {\n\n}",
             "suppressDisplay": true,
             "suppressMax": true,
             "suppressMore": true,

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

@@ -12,7 +12,7 @@
       "id": "tab_lvwdncx1",
       "name": "标签项",
       "active": true,
-      "destory": false,
+      "destory": true,
       "serial": null,
       "serialEffect": "hidden"
     }

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

@@ -23,7 +23,7 @@
           "id": "tab_lvwdncx1",
           "name": "标签项",
           "active": true,
-          "destory": false,
+          "destory": true,
           "serial": null,
           "serialEffect": "hidden"
         }

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

@@ -9,7 +9,7 @@
   "props": [
     {
       "key": "id",
-      "desc": "唯一标识",
+      "name": "唯一标识",
       "type": "string",
       "disabled": true
     },
@@ -194,7 +194,7 @@
       "props": [
         {
           "key": "cancelSelect",
-          "name": "取消选中",
+          "name": "允许取消选中",
           "desc": "是否可以取消选中",
           "type": "switch",
           "default": true

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

@@ -52,11 +52,15 @@ export default (function (_ref) {
     _componentList.current.push([id, component]);
   });
   var _unregister = useMemoizedFn(function (id) {
-    _componentList.current = _componentList.current.filter(function (_ref2) {
+    var index = _componentList.current.findIndex(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 1),
         _id = _ref3[0];
-      return _id !== id;
+      return _id === id;
     });
+    if (index !== -1) {
+      _componentList.current.splice(index, 1);
+    }
+    ;
   });
   var _initRemoteApiMap = useMemoizedFn(function (_apiMap) {
     _remoteApiMap.current = _apiMap;

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

@@ -257,13 +257,93 @@ export var modifyNode = function modifyNode(id, data) {
     });
   });
 };
+
+/**
+ * 移动页面中的一个节点到另一个位置。
+ * 
+ * @param {string} sid - 源节点的ID。
+ * @param {string} tid - 目标节点的ID。
+ * @param {string} action - 移动类型，可以是 'inside', 'left', 'right' 中的一个。
+ * @param {string} newid - 新节点的ID，仅在创建新节点时使用。
+ * @param {Object} json - 新节点的初始属性，仅在创建新节点时使用。
+ * 
+ * @description
+ * 此函数会更新页面数据状态，根据提供的动作类型（`action`），将源节点（`sourceNode`）移动到目标节点（`targetNode`）的相应位置。
+ * - 'inside': 将源节点作为目标节点的子节点。
+ * - 'left': 将源节点放在目标节点的左边（同一父节点下）。
+ * - 'right': 将源节点放在目标节点的右边（同一父节点下）。
+ * 如果 `sid` 是空但提供了 `newid`，则函数会创建一个新的节点。
+ * 
+ */
+export var moveNode = function moveNode(sid, tid, action, newid, json) {
+  usePageDataStore.setState(function (state) {
+    var sourceNode;
+    var sourceParent;
+    if (sid) {
+      var sourceData = findNode(state.pageData, sid) || {};
+      sourceNode = sourceData === null || sourceData === void 0 ? void 0 : sourceData.target;
+      sourceParent = sourceData === null || sourceData === void 0 ? void 0 : sourceData.parent;
+    } else if (newid) {
+      sid = newid;
+      sourceNode = {
+        props: _objectSpread(_objectSpread({}, json), {}, {
+          id: newid
+        })
+      };
+    }
+    var _ref4 = findNode(state.pageData, tid) || {},
+      targetNode = _ref4.target,
+      targetParent = _ref4.parent;
+    if (!sourceNode || !targetNode) {
+      console.error('Source or target node does not exist.');
+      return;
+    }
+    if (sourceParent) {
+      sourceParent.children.splice(sourceParent.children.indexOf(sid), 1);
+      if (sourceParent.children.length === 0) {
+        delete sourceParent['children'];
+      }
+      delete sourceParent[sid];
+    }
+    switch (action) {
+      case 'inside':
+        if (!targetNode.hasOwnProperty('children')) {
+          targetNode.children = [];
+        }
+        targetNode.children.push(sid);
+        sourceNode.props.parentId = tid;
+        targetNode[sid] = sourceNode;
+        break;
+      case 'left':
+      case 'right':
+        if (!targetParent) {
+          console.error('Target node must have a parent for left or right operations.');
+          return;
+        }
+        var idx = targetParent.children.indexOf(tid);
+        if (idx === -1) {
+          console.error("Target node is not found in its parent's children list.");
+          return;
+        }
+        if (action === 'right') {
+          idx++;
+        }
+        targetParent.children.splice(idx, 0, sid);
+        sourceNode.props.parentId = targetParent.props.id;
+        targetParent[sid] = sourceNode;
+        break;
+      default:
+        break;
+    }
+  });
+};
 export var clearChildren = function clearChildren(id) {
   usePageDataStore.setState(function (state) {
     if (id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT) {
       return;
     }
-    var _ref4 = findNode(state.pageData, id) || {},
-      target = _ref4.target;
+    var _ref5 = findNode(state.pageData, id) || {},
+      target = _ref5.target;
     if (!target) return;
     forEach(target.children, function (c) {
       delete target[c];

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

@@ -241,4 +241,25 @@ export function loadScript(path) {
     ref: script,
     status: script.getAttribute('data-status') || 'ready'
   };
+}
+export function findFirstLeafNode(node) {
+  if (!node.children || node.children.length === 0) {
+    return node;
+  }
+  var _iterator2 = _createForOfIteratorHelper(node.children),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var child = _step2.value;
+      var leaf = findFirstLeafNode(child);
+      if (leaf) {
+        return leaf;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return null;
 }

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

@@ -7,6 +7,7 @@ var _excluded = ["props", "children"],
 import React, { useRef } from 'react';
 import { dynamic } from 'umi';
 import { useMemoizedFn, useCreation } from 'ahooks';
+import { Skeleton } from 'luck-design/antd';
 import { upperFirst, isNil } from 'lodash';
 import { useContext } from "../provider/ContextProvider";
 import { LC_BUILDIN_UNIT_KEY_LIST, RUNTIME } from "../../constants";
@@ -55,7 +56,18 @@ export default function useCanvasRender(data, deps) {
               return _loader.apply(this, arguments);
             }
             return loader;
-          }()
+          }(),
+          loading: function loading() {
+            return /*#__PURE__*/React.createElement(Skeleton, {
+              active: true,
+              title: {
+                width: '70%'
+              },
+              paragraph: {
+                rows: 7
+              }
+            });
+          }
         });
       }
       var renderable = true;

package/es/lowcode/painter/Components.js

@@ -10,6 +10,7 @@ import { useDraggable } from '@dnd-kit/core';
 import styles from "./style/components.less";
 import data from "../engine/meta/components-list.json";
 import { Action } from "./components/DragDrop/DragDropContext";
+import Expect from "./expect.jsx";
 var TabPane = Tabs.TabPane;
 var Search = Input.Search;
 var BaseCom = function BaseCom(_ref) {
@@ -125,6 +126,10 @@ var Components = function Components(_ref3) {
       label: '自定义组件'
     }),
     key: "dataset"
-  }, "\u656C\u8BF7\u671F\u5F85")));
+  }, /*#__PURE__*/React.createElement(Expect, {
+    style: {
+      paddingTop: '80px'
+    }
+  }))));
 };
 export default Components;

package/es/lowcode/painter/Design.js

@@ -68,6 +68,7 @@ var Design = function Design() {
     locale: locale,
     onLangChange: handleLangChange
   }), /*#__PURE__*/React.createElement("div", {
+    id: "design-workspace",
     className: styles['lc-painter-design-workspace']
   }, /*#__PURE__*/React.createElement(DesignOperator, {
     canvas: simulatorRef

package/es/lowcode/painter/DesignOperator.js

@@ -4,6 +4,7 @@ import { last, initial } from 'lodash';
 import { useEventListener, useSetState, useMemoizedFn, useCreation, useSize, useLatest, useKeyPress } from 'ahooks';
 import { Icon, Dropdown, message } from 'luck-design/antd';
 import { reverse, isString, isNil } from 'lodash';
+import classNames from 'classnames';
 import { suid } from '@luck-design-biz/base/utils';
 import { useContext, addNode, deleteNode } from "../engine/provider/ContextProvider";
 import { LC_BUILDIN_UNIT_KEY, LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT, LC_FORMITEM_UNIT, CONTAINER_UNITS } from "../constants";
@@ -25,7 +26,7 @@ var getOperatorStyle = function getOperatorStyle(canvas, cellNode) {
   };
 };
 var DesignOperator = function DesignOperator(_ref) {
-  var _getElement, _getElement2;
+  var _getElement2;
   var canvas = _ref.canvas;
   var context = useContext();
   var size = useSize(canvas);
@@ -69,7 +70,9 @@ var DesignOperator = function DesignOperator(_ref) {
         context.$publisher(context.topics.COMPONENT_APPEND, {
           id: _id
         });
-        handleSelect(_id);
+        setTimeout(function () {
+          handleSelect(_id);
+        });
       }
     }).watch();
     var json = require("../engine/meta/".concat(data.component.toLowerCase(), ".props.default.json"));
@@ -110,6 +113,15 @@ var DesignOperator = function DesignOperator(_ref) {
       }))
     };
   }, [operatorId.selector]);
+  var activeDomPosition = useCreation(function () {
+    var _getElement;
+    if (!operatorId.selector && !operatorId.selectorTarget) return null;
+    var targetTop = (_getElement = getElement(isNil(operatorId.selectorTarget) ? operatorId.selector : operatorId.selectorTarget.element)) === null || _getElement === void 0 ? void 0 : _getElement.getBoundingClientRect().top;
+    var delat = targetTop - canvas.current.getBoundingClientRect().top;
+    return {
+      top: delat > 24 ? -24 : 0
+    };
+  }, [operatorId.selector, operatorId.selectorTarget]);
   var lastDetectorName = useCreation(function () {
     var _last;
     return operatorId.detector && isString(operatorId.detector) ? (_last = last(context.componentMap.get(operatorId.detector).api.getLevelNodes())) === null || _last === void 0 ? void 0 : _last.name : void 0;
@@ -211,9 +223,11 @@ var DesignOperator = function DesignOperator(_ref) {
     }).watch();
     var hcid = context.$subscriber(context.topics.COMPONENT_HOVER).on(function (payload) {
       if (payload.target) setOperatorId({
-        detector: payload.target
+        detector: payload.target,
+        detectorSide: payload.side
       });else setOperatorId({
-        detector: null
+        detector: null,
+        detectorSide: null
       });
     }).watch();
     var acid = context.$subscriber(context.topics.COMPONENT_ACTIVE).on(function (payload) {
@@ -224,14 +238,16 @@ var DesignOperator = function DesignOperator(_ref) {
             selector: payload.target,
             selectorTarget: null,
             deletable: !node || node.props.buildIn !== true,
-            detector: null
+            detector: null,
+            detectorSide: null
           });
         } else {
           setOperatorId({
             selector: payload.target.id,
             selectorTarget: payload.target,
             deletable: false,
-            detector: null
+            detector: null,
+            detectorSide: null
           });
         }
       } else {
@@ -286,12 +302,12 @@ var DesignOperator = function DesignOperator(_ref) {
   }, [operatorId.selector]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, operatorId.detector && /*#__PURE__*/React.createElement("div", {
     id: "lc-detector",
-    className: styles['lc-painter-design-detector'],
+    className: classNames(styles['lc-painter-design-detector'], styles["sider-".concat(operatorId.detectorSide)]),
     style: getOperatorStyle(canvas.current, getElement(operatorId.detector))
   }, /*#__PURE__*/React.createElement("span", {
     className: styles['lc-painter-design-detector-name'],
     style: {
-      top: ((_getElement = getElement(operatorId.detector)) === null || _getElement === void 0 ? void 0 : _getElement.offsetTop) < 23 ? 0 : '-23px'
+      top: ((_getElement2 = getElement(operatorId.detector)) === null || _getElement2 === void 0 ? void 0 : _getElement2.offsetTop) < 23 ? 0 : '-23px'
     }
   }, lastDetectorName ? "".concat(lastDetectorName, "(").concat(operatorId.detector, ")") : null)), operatorId.selector && /*#__PURE__*/React.createElement("div", {
     id: "lc-selector",
@@ -300,13 +316,7 @@ var DesignOperator = function DesignOperator(_ref) {
     style: getOperatorStyle(canvas.current, getElement(isNil(operatorId.selectorTarget) ? operatorId.selector : operatorId.selectorTarget.element))
   }, acticeProps && /*#__PURE__*/React.createElement("div", {
     className: styles['lc-borders-actions'],
-    style: acticeProps.props.id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? {
-      top: 0
-    } : ((_getElement2 = getElement(isNil(operatorId.selectorTarget) ? operatorId.selector : operatorId.selectorTarget.element)) === null || _getElement2 === void 0 ? void 0 : _getElement2.offsetTop) < 23 ? {
-      bottom: '-23px'
-    } : {
-      top: '-23px'
-    }
+    style: activeDomPosition
   }, /*#__PURE__*/React.createElement(Dropdown, {
     overlay: acticeProps.menu,
     placement: "bottomLeft"