@luck-design-biz/luckda 1.0.2-13 → 1.0.2-15

package/es/lowcode/constants/event-topics.js

@@ -32,6 +32,8 @@ export var COMPONENT_DRAG_OVER = 'component-drag-over';
 export var COMPONENT_DRAG_END = 'component-drag-end';
 // 保存事件
 export var DESIGN_OPERATE_SAVE = 'design-operate-save';
+// 快捷键触发事件
+export var DESIGN_SHORTCUT_EMIT = 'desdign-shortcut-emit';
 
 /******************************* Design Topic结束 *******************************/
 

package/es/lowcode/constants/index.js

@@ -5,10 +5,11 @@ export var RUNTIME = {
 };
 export var META_TAG_NAME = 'luckda-lcpage';
 export var COOKIE_VIRTUAL_ACCOUNT_KEY = 'Lowcode-Account';
-export var LC_RUNTIME_KEY = 'Lowcode-Runtime';
-export var LC_COMPONENT_UNIT_KEY = 'luckda-unitmark';
-export var LC_COMPONENT_UNIT = 'lc-component';
-export var LC_FORMITEM_UNIT = 'lc-formitem';
+export var LC_RUNTIME_KEY = 'LD-Runtime';
+export var LC_COMPONENT_UNIT_KEY = 'LD-__unitmark';
+export var LC_PAGEPROXY_KEY = 'LD-__pageproxy';
+export var LC_COMPONENT_UNIT = 'LD-__component';
+export var LC_FORMITEM_UNIT = 'LD-__formitem';
 export var LC_BUILDIN_UNIT_KEY = {
   PAGE_ROOT: 'page_root',
   PAGE_HEADER: 'page_header',

package/es/lowcode/engine/meta/components-list.json

@@ -69,18 +69,18 @@
         "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
         "icon": "icon-iframe"
       },
-      {
-        "component": "Image",
-        "name": "图片",
-        "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
-        "icon": "icon-image"
-      },
       {
         "component": "ImEx",
         "name": "导入导出",
         "desc": "支持导入导出数据的按钮组件。",
         "icon": "icon-imex"
       },
+      {
+        "component": "Image",
+        "name": "图片",
+        "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
+        "icon": "icon-image"
+      },
       {
         "component": "JSX",
         "name": "jsx代码段",
@@ -123,6 +123,12 @@
         "desc": "用于展示组织维度层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能。",
         "icon": "icon-tree"
       },
+      {
+        "component": "Proxy",
+        "name": "页面代理",
+        "desc": "用于代理其他页面的内容，用于实现已有页面的服用。",
+        "icon": "icon-proxy"
+      },
       {
         "component": "Table",
         "name": "表格",

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

@@ -8,6 +8,7 @@
   "order": 1,
   "showTime": false,
   "allowClear": true,
+  "format": 16,
   "col": 1,
   "row": 1,
   "state": {

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

@@ -29,6 +29,54 @@
       "name": "日期格式",
       "type": "string"
     },
+    {
+      "key": "format",
+      "name": "日期格式",
+      "type": "select",
+      "options": [
+        {
+          "label": "年-月-日 时:分:秒",
+          "value": "YYYY-MM-DD HH:mm:ss"
+        },
+        {
+          "label": "年-月-日 时:分",
+          "value": "YYYY-MM-DD HH:mm"
+        },
+        {
+          "label": "年-月-日 时",
+          "value": "YYYY-MM-DD HH"
+        },
+        {
+          "label": "年-月-日",
+          "value": "YYYY-MM-DD"
+        },
+        {
+          "label": "年-月",
+          "value": "YYYY-MM"
+        },
+        {
+          "label": "年",
+          "value": "YYYY"
+        },
+        {
+          "label": "时:分:秒",
+          "value": "HH:mm:ss"
+        },
+        {
+          "label": "时:分",
+          "value": "HH:mm"
+        },
+        {
+          "label": "分:秒",
+          "value": "mm:ss"
+        },
+        {
+          "label": "年-周",
+          "value": "YYYY-wo"
+        }
+      ],
+      "default": 16
+    },
     {
       "key": "disabledDate",
       "name": "不可选日期",

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

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

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

@@ -0,0 +1,15 @@
+{
+  "component": "Proxy",
+  "name": "页面代理",
+  "desc": "用于代理其他页面的内容，用于实现已有页面的服用。",
+  "icon": "icon-proxy",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 6,
+  "css": "width: 100%; height: 100%; background-color: transparent;",
+  "destroyOnUnmount": false,
+  "proxyParams": [],
+  "advance": {
+    "events": {}
+  }
+}

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

@@ -0,0 +1,66 @@
+{
+  "component": "Proxy",
+  "name": "页面代理",
+  "desc": "用于代理其他页面的内容，用于实现已有页面的服用。",
+  "icon": "icon-proxy",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 6,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "destroyOnUnmount",
+      "name": "卸载时销毁",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "proxyCode",
+      "name": "页面编码",
+      "type": "_ProxyLinker"
+    },
+    {
+      "key": "proxyParams",
+      "name": "页面参数",
+      "type": "_ProxyParams",
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      },
+      "next": {
+        "name": "页面参数对象",
+        "autoClose": true,
+        "props": [
+          {
+            "key": "proxyParams",
+            "name": "#页面参数对象",
+            "type": "_ProxyParamsSetter",
+            "default": []
+          }
+        ]
+      }
+    }
+  ],
+  "css": "width: 100%; height: 100%; background-color: transparent;",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染完成",
+        "desc": "在组件首次渲染完成时，执行方法",
+        "func": "function onPageMount(){\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onPageUnmount(){\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -1,4 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { createContext, useContext as useReactContext, useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
@@ -60,10 +63,27 @@ export default (function (_ref) {
     if (index !== -1) {
       _componentList.current.splice(index, 1);
     }
-    ;
   });
-  var _initRemoteApiMap = useMemoizedFn(function (_apiMap) {
-    _remoteApiMap.current = _apiMap;
+  var _initRemoteApiMap = useMemoizedFn(function (_apiMap, append) {
+    if (append) {
+      _remoteApiMap.current = new Map([].concat(_toConsumableArray(_remoteApiMap.current), _toConsumableArray(_apiMap)));
+    } else {
+      _remoteApiMap.current = _apiMap;
+    }
+  });
+  var _deleteRemoteApis = useMemoizedFn(function (keys) {
+    var _iterator = _createForOfIteratorHelper(keys),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var key = _step.value;
+        _remoteApiMap.current.delete(key);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
   });
   var getElementById = useMemoizedFn(function (compId) {
     var _componentList$curren;
@@ -101,76 +121,77 @@ export default (function (_ref) {
     _register: _register,
     _unregister: _unregister,
     _initRemoteApiMap: _initRemoteApiMap,
-    /**
-     * @property {boolean} loading - loading状态
+    _deleteRemoteApis: _deleteRemoteApis,
+    /**
+     * @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: API_PREFIX,
-    /**
-     * @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: 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), {
@@ -179,9 +200,26 @@ export default (function (_ref) {
         var _privateGetter$curren;
         return (_privateGetter$curren = _privateGetter.current) === null || _privateGetter$curren === void 0 ? void 0 : _privateGetter$curren[property]();
       } else if (property === 'state') {
-        return getState();
+        var state = getState();
+        return new Proxy(Object.assign({}, state), {
+          get: function get(stateTarget, stateProperty, stateReceiver) {
+            return Reflect.get(stateTarget, stateProperty, stateReceiver);
+          },
+          set: function set(stateTarget, stateProperty, stateReceiver) {
+            setState(_defineProperty({}, stateProperty, stateReceiver));
+            return true;
+          }
+        });
       } else if (property === 'global') {
-        return global.current;
+        return new Proxy(Object.assign({}, global.current), {
+          get: function get(globalTarget, globalProperty, globalReceiver) {
+            return Reflect.get(globalTarget, globalProperty, globalReceiver);
+          },
+          set: function set(globalTarget, globalProperty, globalReceiver) {
+            setGlobal(_defineProperty({}, globalProperty, globalReceiver));
+            return true;
+          }
+        });
       }
       return Reflect.get(target, property, receiver);
     },