@luck-design-biz/luckda 1.0.1-9 → 1.0.2

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/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/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/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) {
@@ -87,8 +88,8 @@ var CompItem = function CompItem(_ref2) {
   }, /*#__PURE__*/React.createElement("span", null, item.name)));
 };
 
-/**
- * 组件清单
+/**
+ * 组件清单
  */
 var Components = function Components(_ref3) {
   var _ref3$dataset = _ref3.dataset,
@@ -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/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";
@@ -222,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) {
@@ -235,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 {
@@ -297,7 +302,7 @@ 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'],

package/es/lowcode/painter/DesignToolbar.js

@@ -19,6 +19,19 @@ import { LC_BUILDIN_UNIT_KEY, COOKIE_VIRTUAL_ACCOUNT_KEY } from "../constants";
 import styles from "./style/design.less";
 import { fetchClearCache, fetchUpdatePageData, fetchSearchUser } from "../constants/api-url";
 import { getLDMetaAttr } from "../engine/tools/helper";
+import TipIcon from "./components/TipIcon";
+var CodeSvg = function CodeSvg() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2.4749 9.0916L5.45264 6.20703L5.45439 5.93457V4.69707L0.91748 9.0916L5.45439 13.4844V12.2469L5.45264 11.9744L2.4749 9.0916ZM15.2067 9.00723L12.229 6.12441L12.2272 5.85195V4.61445L16.7642 9.00723L12.2272 13.4018V12.1625L12.229 11.89L15.2067 9.00723ZM8.12451 15.0295H6.76045L9.55713 2.80566H10.9212L8.12451 15.0295Z",
+    fill: "currentColor"
+  }));
+};
 var DesignToolbar = function DesignToolbar(_ref) {
   var locale = _ref.locale,
     onLangChange = _ref.onLangChange;
@@ -225,9 +238,16 @@ var DesignToolbar = function DesignToolbar(_ref) {
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "laptop"
   })), /*#__PURE__*/React.createElement("span", {
-    className: classNames(styles['toolbar-item'], _defineProperty({}, styles.actived, activedTarget === 'mobile')),
+    className: classNames(styles['toolbar-item'], _defineProperty({}, styles.actived, activedTarget === 'mobile'))
+    // onClick={() => setActivedTarget('mobile')}
+    ,
     onClick: function onClick() {
-      return setActivedTarget('mobile');
+      Modal.info({
+        title: formatMessage({
+          id: 'luckda.lowcode.not.mobile',
+          label: '此功能暂未开放'
+        })
+      });
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "mobile"
@@ -265,9 +285,10 @@ var DesignToolbar = function DesignToolbar(_ref) {
   }), /*#__PURE__*/React.createElement("span", {
     style: {
       width: 'auto',
-      fontSize: 12
+      fontSize: 12,
+      cursor: 'pointer'
     },
-    className: styles['toolbar-item'],
+    className: styles.hoverPrimary,
     onClick: function onClick() {
       context.$publisher(context.topics.COMPONENT_ACTIVE, {
         target: LC_BUILDIN_UNIT_KEY.PAGE_ROOT
@@ -281,7 +302,7 @@ var DesignToolbar = function DesignToolbar(_ref) {
   }), /*#__PURE__*/React.createElement(Button, {
     size: "small",
     style: {
-      fontSize: 12,
+      fontSize: 14,
       margin: '0 4px 0 2px'
     },
     disabled: clearCacheLoading,
@@ -289,65 +310,75 @@ var DesignToolbar = function DesignToolbar(_ref) {
   }, formatMessage({
     id: 'luckda.lowcode.design.toolbar.clear',
     label: '清除缓存'
-  })), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
+  })), /*#__PURE__*/React.createElement(TipIcon, {
+    title: formatMessage({
+      id: 'luckda.lowcode.design.toolbar.debug',
+      label: '调试'
+    }),
+    type: "bug",
     style: {
       fontSize: 12,
-      margin: '0 4px 0 2px'
+      margin: '0 8px 0 6px'
     },
-    disabled: updatePageDataLoading,
+    className: styles.hoverPrimary,
     onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
+            if (updatePageDataLoading) {
+              _context3.next = 6;
+              break;
+            }
             if (!getNeedPrompt()) {
-              _context3.next = 3;
+              _context3.next = 4;
               break;
             }
-            _context3.next = 3;
+            _context3.next = 4;
             return handleSave();
-          case 3:
+          case 4:
             context.$publisher(context.topics.COMPONENT_ACTIVE, null);
             setShowPreview(true);
-          case 5:
+          case 6:
           case "end":
             return _context3.stop();
         }
       }, _callee3);
     }))
-  }, formatMessage({
-    id: 'luckda.lowcode.design.toolbar.preview',
-    label: '预览'
-  }), /*#__PURE__*/React.createElement(Icon, {
-    type: "bug"
-  })), /*#__PURE__*/React.createElement(Button, {
-    size: "small",
-    type: "primary",
-    disabled: updatePageDataLoading,
-    style: {
-      fontSize: 12,
-      padding: '0 7px 0 0',
-      marginLeft: 2
-    }
-  }, /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement(TipIcon, {
+    title: formatMessage({
+      id: 'luckda.lowcode.design.toolbar.code',
+      label: 'Schema面板'
+    }),
+    component: CodeSvg,
+    className: styles.hoverPrimary,
     style: {
-      display: 'inline-block',
-      padding: '0 7px'
+      fontSize: 14,
+      margin: '0 8px 0 6px'
     },
-    onClick: handleSave
-  }, formatMessage({
-    id: 'luckda.lowcode.design.toolbar.save',
-    label: '保存'
-  })), /*#__PURE__*/React.createElement("div", {
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (!updatePageDataLoading) setShow(true);
+          case 1:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }))
+  }), /*#__PURE__*/React.createElement(TipIcon, {
+    title: formatMessage({
+      id: 'luckda.lowcode.design.toolbar.save',
+      label: '保存'
+    }),
+    type: "save",
+    className: styles.hoverPrimary,
     style: {
-      display: 'inline-block'
+      fontSize: 14,
+      margin: '0 11px 0 5px'
     },
-    onClick: function onClick() {
-      return setShow(true);
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "eye"
-  })))), /*#__PURE__*/React.createElement(Modal, {
+    onClick: handleSave
+  })), /*#__PURE__*/React.createElement(Modal, {
     visible: show,
     width: 1024,
     getContainer: function getContainer() {
@@ -401,10 +432,10 @@ var DesignToolbar = function DesignToolbar(_ref) {
           setUserId(void 0);
         }
       }
-    }, userOptions.map(function (_ref6) {
-      var key = _ref6.key,
-        label = _ref6.label,
-        rest = _objectWithoutProperties(_ref6, _excluded);
+    }, userOptions.map(function (_ref7) {
+      var key = _ref7.key,
+        label = _ref7.label,
+        rest = _objectWithoutProperties(_ref7, _excluded);
       return /*#__PURE__*/React.createElement(Select.Option, _extends({
         key: key,
         value: key
@@ -418,7 +449,7 @@ var DesignToolbar = function DesignToolbar(_ref) {
     },
     bodyStyle: {
       height: 'calc(100% - 54px)',
-      backgroundColor: '#F0F2F5'
+      backgroundColor: 'var(--ant-component-background,#F0F2F5)'
     },
     visible: showPreview,
     destroyOnClose: true,

package/es/lowcode/painter/Ribbon.js

@@ -8,6 +8,7 @@ import Outline from "./Outline";
 import Components from "./Components";
 import I18n from "./I18n";
 import { formatMessage } from '@luck-design-biz/base/utils';
+import Expect from "./expect.jsx";
 import styles from "./style/ribbon.less";
 var _WIDTH_ = 48;
 var _DRAWER_PROPS = {
@@ -68,6 +69,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "apartment",
+    style: {
+      color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_OUTLINE_.key && '#1d79f2',
+      fontSize: 20
+    },
     onClick: function onClick() {
       return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_OUTLINE_.key ? null : _DRAWER_OUTLINE_);
     }
@@ -79,6 +84,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "appstore",
+    style: {
+      color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_COMPONENTS_.key && '#1d79f2',
+      fontSize: 20
+    },
     onClick: function onClick() {
       return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_COMPONENTS_.key ? null : _DRAWER_COMPONENTS_);
     }
@@ -90,6 +99,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/React.createElement(Icon, {
     type: "global",
+    style: {
+      color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key && '#1d79f2',
+      fontSize: 20
+    },
     onClick: function onClick() {
       return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key ? null : _DRAWER_I18N_);
     }
@@ -137,6 +150,6 @@ var Ribbon = function Ribbon() {
     style: _objectSpread(_objectSpread({}, _DRAWER_PROPS.style), {}, {
       display: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key ? 'block' : 'none'
     })
-  }), /*#__PURE__*/React.createElement(I18n, null)));
+  }), /*#__PURE__*/React.createElement(Expect, null)));
 };
 export default Ribbon;

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

@@ -18,13 +18,9 @@ var _ACTION_CATEGORY_ = [{
     id: "".concat(_I18N_PREFIX_, ".pageActions"),
     label: '页面行为'
   })
-}, {
-  key: 'trigger',
-  label: formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".trigger"),
-    label: '触发器'
-  })
-}, {
+},
+// { key: 'trigger', label: formatMessage({ id: `${_I18N_PREFIX_}.trigger`, label: '触发器' }) },
+{
   key: 'custom',
   label: formatMessage({
     id: "".concat(_I18N_PREFIX_, ".custom"),