@luck-design-biz/luckda 1.0.1-11 → 1.0.1-13

package/lib/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",
@@ -22,25 +35,25 @@
         "label": "open",
         "kind": "property",
         "insertText": "open",
-        "documentation": "      /**\n       * 弹窗打开状态\n       * @property\n       */"
+        "documentation": "      /**\r\n       * 弹窗打开状态\r\n       * @property\r\n       */\r"
       },
       {
         "label": "doOpen",
         "kind": "method",
         "insertText": "doOpen",
-        "documentation": "      /**\n       * 打开弹窗\n       * @method\n       */"
+        "documentation": "      /**\r\n       * 打开弹窗\r\n       * @method\r\n       */\r"
       },
       {
         "label": "doClose",
         "kind": "method",
         "insertText": "doClose",
-        "documentation": "      /**\n       * 关闭弹窗\n       * @method\n       */"
+        "documentation": "      /**\r\n       * 关闭弹窗\r\n       * @method\r\n       */\r"
       },
       {
         "label": "setTitle",
         "kind": "method",
         "insertText": "setTitle(title)",
-        "documentation": "      /**\n       * 设置弹窗标题\n       * @method\n       * @param {stirng} title -标题\n       */"
+        "documentation": "      /**\r\n       * 设置弹窗标题\r\n       * @method\r\n       * @param {stirng} title -标题\r\n       */\r"
       }
     ]
   },
@@ -52,25 +65,25 @@
         "label": "open",
         "kind": "property",
         "insertText": "open",
-        "documentation": "    /**\n     * 弹窗打开状态\n     * @property\n     */"
+        "documentation": "    /**\r\n     * 弹窗打开状态\r\n     * @property\r\n     */\r"
       },
       {
         "label": "doOpen",
         "kind": "method",
         "insertText": "doOpen",
-        "documentation": "    /**\n     * 打开弹窗\n     * @method\n     */"
+        "documentation": "    /**\r\n     * 打开弹窗\r\n     * @method\r\n     */\r"
       },
       {
         "label": "doClose",
         "kind": "method",
         "insertText": "doClose",
-        "documentation": "    /**\n     * 关闭弹窗\n     * @method\n     */"
+        "documentation": "    /**\r\n     * 关闭弹窗\r\n     * @method\r\n     */\r"
       },
       {
         "label": "setTitle",
         "kind": "method",
         "insertText": "setTitle(title)",
-        "documentation": "    /**\n     * 设置弹窗标题\n     * @method\n     * @param {stirng} title -标题\n     */"
+        "documentation": "    /**\r\n     * 设置弹窗标题\r\n     * @method\r\n     * @param {stirng} title -标题\r\n     */\r"
       }
     ]
   },
@@ -82,13 +95,13 @@
         "label": "getInstance",
         "kind": "method",
         "insertText": "getInstance",
-        "documentation": "      /**\n       * 获取表格实例\n       * @method\n       */"
+        "documentation": "      /**\r\n       * 获取表格实例\r\n       * @method\r\n       */\r"
       },
       {
         "label": "submit",
         "kind": "method",
         "insertText": "submit",
-        "documentation": "      /**\n       * 提交表格数据\n       * @method\n       */"
+        "documentation": "      /**\r\n       * 提交表格数据\r\n       * @method\r\n       */\r"
       }
     ]
   },
@@ -103,13 +116,13 @@
     "completions": []
   },
   {
-    "name": "ImEx",
-    "triggerWord": "imex",
+    "name": "Image",
+    "triggerWord": "image",
     "completions": []
   },
   {
-    "name": "Image",
-    "triggerWord": "image",
+    "name": "ImEx",
+    "triggerWord": "imex",
     "completions": []
   },
   {
@@ -170,13 +183,13 @@
         "label": "getInstance",
         "kind": "method",
         "insertText": "getInstance",
-        "documentation": "      /**\n       * 获取表格实例\n       * @method\n       */"
+        "documentation": "      /**\r\n       * 获取表格实例\r\n       * @method\r\n       */\r"
       },
       {
         "label": "refresh",
         "kind": "method",
         "insertText": "refresh",
-        "documentation": "      /**\n       * 刷新表格\n       * @method\n       */"
+        "documentation": "      /**\r\n       * 刷新表格\r\n       * @method\r\n       */\r"
       }
     ]
   },
@@ -203,73 +216,73 @@
         "label": "loading",
         "kind": "property",
         "insertText": "loading",
-        "documentation": "      /**\n       * @property {boolean} loading - loading状态\n       */"
+        "documentation": "      /**\r\n       * @property {boolean} loading - loading状态\r\n       */\r"
       },
       {
         "label": "topics",
         "kind": "property",
         "insertText": "topics",
-        "documentation": "      /**\n       * @property {object} topics - 内置的事件话题\n       */"
+        "documentation": "      /**\r\n       * @property {object} topics - 内置的事件话题\r\n       */\r"
       },
       {
         "label": "API_PREFIX",
         "kind": "property",
         "insertText": "API_PREFIX",
-        "documentation": "      /**\n       * @property {object} topics - service api前缀\n       */"
+        "documentation": "      /**\r\n       * @property {object} topics - service api前缀\r\n       */\r"
       },
       {
         "label": "PRIMARY_KEY",
         "kind": "property",
         "insertText": "PRIMARY_KEY",
-        "documentation": "      /**\n       * @property {string} PRIMARY_KEY - 主键key\n       */"
+        "documentation": "      /**\r\n       * @property {string} PRIMARY_KEY - 主键key\r\n       */\r"
       },
       {
         "label": "PARENT_KEY",
         "kind": "property",
         "insertText": "PARENT_KEY",
-        "documentation": "      /**\n       * @property {string} PARENT_KEY - 树组件主键key\n       */"
+        "documentation": "      /**\r\n       * @property {string} PARENT_KEY - 树组件主键key\r\n       */\r"
       },
       {
         "label": "getElementById",
         "kind": "method",
         "insertText": "getElementById(compId)",
-        "documentation": "      /**\n       * @method - 根据组件ID获取实例\n       * @param {string} compId - 组件ID\n       * @return {object} target - 组件实例\n       */"
+        "documentation": "      /**\r\n       * @method - 根据组件ID获取实例\r\n       * @param {string} compId - 组件ID\r\n       * @return {object} target - 组件实例\r\n       */\r"
       },
       {
         "label": "getParentElementById",
         "kind": "method",
         "insertText": "getParentElementById(compId)",
-        "documentation": "      /**\n       * @method - 根据组件ID获取父组件实例\n       * @param {string} compId - 组件ID\n       * @return {object} target - 父组件实例\n       */"
+        "documentation": "      /**\r\n       * @method - 根据组件ID获取父组件实例\r\n       * @param {string} compId - 组件ID\r\n       * @return {object} target - 父组件实例\r\n       */\r"
       },
       {
         "label": "doAction",
         "kind": "method",
         "insertText": "doAction(actionPool, args)",
-        "documentation": "      /**\n       * @method - 执行行为池\n       * @param {object} actionPool - 行为池\n       * @param {object} args - 参数\n       */"
+        "documentation": "      /**\r\n       * @method - 执行行为池\r\n       * @param {object} actionPool - 行为池\r\n       * @param {object} args - 参数\r\n       */\r"
       },
       {
         "label": "want",
         "kind": "method",
         "insertText": "want",
-        "documentation": "      /**\n       * @method - 是否有权限\n       * @return {string} wanted - 期望的资源串\n       */"
+        "documentation": "      /**\r\n       * @method - 是否有权限\r\n       * @return {string} wanted - 期望的资源串\r\n       */\r"
       },
       {
         "label": "getBehaviorUrl",
         "kind": "method",
         "insertText": "getBehaviorUrl",
-        "documentation": "      /**\n       * @method - 获取执行行为请求的接口URL\n       * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL\n       */"
+        "documentation": "      /**\r\n       * @method - 获取执行行为请求的接口URL\r\n       * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL\r\n       */\r"
       },
       {
         "label": "utils",
         "kind": "property",
         "insertText": "utils",
-        "documentation": "      /**\n       * @property {Utils} 工具类\n       */"
+        "documentation": "      /**\r\n       * @property {Utils} 工具类\r\n       */\r"
       },
       {
         "label": "router",
         "kind": "property",
         "insertText": "router",
-        "documentation": "      /**\n       * @property {Router} router - 路由\n       */"
+        "documentation": "      /**\r\n       * @property {Router} router - 路由\r\n       */\r"
       }
     ]
   }

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

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

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

@@ -5,7 +5,6 @@
   "group": "basic",
   "groupName": "基础",
   "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
-  "hidden": true,
   "order": 1,
   "props": [
     {
@@ -23,8 +22,8 @@
     {
       "key": "textOverflow",
       "name": "单行截断",
-      "desc": "文字超过一行，使甲...显示；开后此项后，同时会显示html标签的title",
-      "type": "boolean",
+      "desc": "文字超过一行，使用...显示；开后此项后，同时会显示html标签的title",
+      "type": "switch",
       "default": false
     },
     {
@@ -51,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/lib/lowcode/engine/provider/ContextProvider/index.js

@@ -120,76 +120,76 @@ var _default = exports.default = function _default(_ref) {
     _register: _register,
     _unregister: _unregister,
     _initRemoteApiMap: _initRemoteApiMap,
-    /**
-     * @property {boolean} loading - loading状态
+    /**
+     * @property {boolean} loading - loading状态
      */
     loading: loading,
-    /**
-     * @property {object} topics - 内置的事件话题
+    /**
+     * @property {object} topics - 内置的事件话题
      */
     topics: topics,
-    /**
-     * @property {object} topics - service api前缀
+    /**
+     * @property {object} topics - service api前缀
      */
     API_PREFIX: _ApiConfig.default,
-    /**
-     * @property {string} PRIMARY_KEY - 主键key
+    /**
+     * @property {string} PRIMARY_KEY - 主键key
      */
     PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
-    /**
-     * @property {string} PARENT_KEY - 树组件主键key
+    /**
+     * @property {string} PARENT_KEY - 树组件主键key
      */
     PARENT_KEY: window.appConfig.constraintKeys.PARENT,
-    /**
-     * @method - 根据组件ID获取实例
-     * @param {string} compId - 组件ID
-     * @return {object} target - 组件实例
+    /**
+     * @method - 根据组件ID获取实例
+     * @param {string} compId - 组件ID
+     * @return {object} target - 组件实例
      */
     $: getElementById,
-    /**
-     * @method - 根据组件ID获取父组件实例
-     * @param {string} compId - 组件ID
-     * @return {object} target - 父组件实例
+    /**
+     * @method - 根据组件ID获取父组件实例
+     * @param {string} compId - 组件ID
+     * @return {object} target - 父组件实例
      */
     $$: getParentElementById,
-    /**
-     * @method - 执行行为池
-     * @param {object} actionPool - 行为池
-     * @param {object} args - 参数
+    /**
+     * @method - 执行行为池
+     * @param {object} actionPool - 行为池
+     * @param {object} args - 参数
      */
     doAction: function doAction(actionPool, args) {
       return todo(this, actionPool, args);
     },
-    /**
-     * @method - 是否有权限
-     * @return {string} wanted - 期望的资源串
+    /**
+     * @method - 是否有权限
+     * @return {string} wanted - 期望的资源串
      */
     want: want,
-    /**
-     * @method - 获取执行行为请求的接口URL
-     * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL
+    /**
+     * @method - 获取执行行为请求的接口URL
+     * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL
      */
     getBehaviorUrl: _apiUrl.getBehaviorUrl,
-    /**
-     * @typedef {Object} Utils
-     * @property {function(type, props): void} dialog - 弹出对话框
-     * @property {function({ moduleCode, datasetCode, behaviorKey }, params, data): Promise} callBehavior - 执行行为
-     * @property {function(type, value, formatOrSeparator): string} formatter - 常用的 formatter 函数用于进行事件、金额、手机号等 format
-     * @property {function(when, type): string} getDateTimeRange - 获取当前或指定日期的开始结束区间时间戳
+    /**
+     * @typedef {Object} Utils
+     * @property {function(type, props): void} dialog - 弹出对话框
+     * @property {function({ moduleCode, datasetCode, behaviorKey }, params, data): Promise} callBehavior - 执行行为
+     * @property {function(type, value, formatOrSeparator): string} formatter - 常用的 formatter 函数用于进行事件、金额、手机号等 format
+     * @property {function(when, type): string} getDateTimeRange - 获取当前或指定日期的开始结束区间时间戳
      */
-    /**
-     * @property {Utils} 工具类
+    /**
+     * @property {Utils} 工具类
      */
     utils: utils,
-    /**
-     * @typedef {Object} Router
-     * @property {function(path, params): void} push - 跳转
-     * @property {function(path, state): void} replace - 替换
-     * @property {function{}: object} getQuery - 获取URL参数
-     * @property {function(params): string} stringifyQuery - 序列化 URL 参数
+    /**
+     * @typedef {Object} Router
+     * @property {function(path, params): void} push - 跳转
+     * @property {function(path, state): void} replace - 替换
+     * @property {function{}: object} getQuery - 获取URL参数
+     * @property {function(params): string} stringifyQuery - 序列化 URL 参数
      */
-    /**
-     * @property {Router} router - 路由
+    /**
+     * @property {Router} router - 路由
      */
     router: router
   }, eventBus), {

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

@@ -20,10 +20,10 @@ var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var LZString = _interopRequireWildcard(require("lz-string"));
 var _constants = require("../../constants");
-/**
- * 数据压缩
- * @param {JSON} data
- * @returns 加密后的字符串
+/**
+ * 数据压缩
+ * @param {JSON} data
+ * @returns 加密后的字符串
  */
 function compress(data) {
   // 将对象转换为JSON字符串
@@ -32,10 +32,10 @@ function compress(data) {
   return LZString.compressToBase64(jsonString);
 }
 
-/**
- * 数据解压
- * @param {string} compressedData
- * @returns {json}
+/**
+ * 数据解压
+ * @param {string} compressedData
+ * @returns {json}
  */
 function decompress(compressedData) {
   // 使用LZ-String解压数据
@@ -44,13 +44,13 @@ 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}} 查找结果，包含节点和其父节点。
  */
 function findNodeAndParent(id, current) {
   var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -84,13 +84,13 @@ 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) {
@@ -156,25 +156,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，表示删除操作。
  */
 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'：往节点子节点插
  */
 function move(json, sid, tid, action) {
   // 验证节点存在性
@@ -230,34 +230,34 @@ 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，表示删除操作。
  */
 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。
  */
 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。
  */
 function getPathById(json, id) {
   var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -277,28 +277,28 @@ 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属性的数组
  */
 function getPathNodesById(data, targetId) {
   // 初始化结果数组

package/lib/lowcode/painter/Components.js

@@ -95,8 +95,8 @@ var CompItem = function CompItem(_ref2) {
   }, /*#__PURE__*/_react.default.createElement("span", null, item.name)));
 };
 
-/**
- * 组件清单
+/**
+ * 组件清单
  */
 var Components = function Components(_ref3) {
   var _ref3$dataset = _ref3.dataset,

package/lib/lowcode/painter/Ribbon.js

@@ -76,6 +76,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/_react.default.createElement(_antd.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_);
     }
@@ -87,6 +91,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/_react.default.createElement(_antd.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_);
     }
@@ -98,6 +106,10 @@ var Ribbon = function Ribbon() {
     })
   }, /*#__PURE__*/_react.default.createElement(_antd.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_);
     }