@luck-design-biz/luckda 1.0.0-alpha → 1.0.1

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

@@ -6,6 +6,6 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "css": {},
+  "css": "",
   "supportFullScreen": true
 }

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

@@ -27,6 +27,6 @@
       "default": true
     }
   ],
-  "css": {},
+  "css": "",
   "advance": {}
 }

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

@@ -6,7 +6,7 @@
   "groupName": "基础",
   "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
   "order": 1,
-  "css": {},
+  "css": "",
   "width": 350,
   "height": 200,
   "autoWidth": false,

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

@@ -88,7 +88,7 @@
       "default": false
     }
   ],
-  "css": {},
+  "css": "",
   "advance": {
     "events": [
       {

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

@@ -6,7 +6,7 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "css": {},
+  "css": "",
   "title": "导入｜导出",
   "impexpSetting": {
     "customType": false,
@@ -16,6 +16,7 @@
   "size": "middle",
   "block": false,
   "type": "primary",
+  "serialEffect": "hidden",
   "advance": {
     "events": {}
   }

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

@@ -80,34 +80,55 @@
         ]
       },
       "repositioning": true
+    },
+    {
+      "key": "serials",
+      "name": "资源串",
+      "type": "_SerialsSelector"
+    },
+    {
+      "key": "serialEffect",
+      "name": "越权效果",
+      "type": "segmented",
+      "options": [
+        {
+          "label": "禁用",
+          "value": "disable"
+        },
+        {
+          "label": "隐藏",
+          "value": "hidden"
+        }
+      ],
+      "default": "hidden"
     }
   ],
-  "css": {},
+  "css": "",
   "advance": {
     "events": [
       {
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "beforeExe",
         "name": "操作执行前",
         "desc": "在导入或导出执行前，执行方法，promise反回false截断执行",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function beforeExe() {\n\t\n}"
       },
       {
         "key": "afterExe",
         "name": "操作执行后",
         "desc": "在导入或导出执行后，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function afterExe(success) {\n\t\n}"
       }
     ]
   }

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

@@ -166,6 +166,12 @@
         "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"
       }
     ]
   },
@@ -194,30 +200,30 @@
         "insertText": "loading",
         "documentation": "      /**\r\n       * @property {boolean} loading - loading状态\r\n       */\r"
       },
-      {
-        "label": "history",
-        "kind": "property",
-        "insertText": "history",
-        "documentation": "      /**\r\n       * @property {object} history - 当前路由信息\r\n       */\r"
-      },
-      {
-        "label": "callBehavior",
-        "kind": "method",
-        "insertText": "callBehavior(evns, params, data)",
-        "documentation": "      /**\r\n       * @method - 执行行为接口\r\n       * @param {object} evns - moduleCode: 模块编码，datasetCode：数据集编码，behaviorKey：行为key\r\n       * @param {object} params - 链接参数\r\n       * @param {object} data - body参数\r\n       */\r"
-      },
       {
         "label": "topics",
         "kind": "property",
         "insertText": "topics",
         "documentation": "      /**\r\n       * @property {object} topics - 内置的事件话题\r\n       */\r"
       },
+      {
+        "label": "API_PREFIX",
+        "kind": "property",
+        "insertText": "API_PREFIX",
+        "documentation": "      /**\r\n       * @property {object} topics - service api前缀\r\n       */\r"
+      },
       {
         "label": "PRIMARY_KEY",
         "kind": "property",
         "insertText": "PRIMARY_KEY",
         "documentation": "      /**\r\n       * @property {string} PRIMARY_KEY - 主键key\r\n       */\r"
       },
+      {
+        "label": "PARENT_KEY",
+        "kind": "property",
+        "insertText": "PARENT_KEY",
+        "documentation": "      /**\r\n       * @property {string} PARENT_KEY - 树组件主键key\r\n       */\r"
+      },
       {
         "label": "getElementById",
         "kind": "method",
@@ -225,9 +231,9 @@
         "documentation": "      /**\r\n       * @method - 根据组件ID获取实例\r\n       * @param {string} compId - 组件ID\r\n       * @return {object} target - 组件实例\r\n       */\r"
       },
       {
-        "label": "getParentElement",
+        "label": "getParentElementById",
         "kind": "method",
-        "insertText": "getParentElement(compId)",
+        "insertText": "getParentElementById(compId)",
         "documentation": "      /**\r\n       * @method - 根据组件ID获取父组件实例\r\n       * @param {string} compId - 组件ID\r\n       * @return {object} target - 父组件实例\r\n       */\r"
       },
       {
@@ -236,17 +242,29 @@
         "insertText": "doAction(actionPool, args)",
         "documentation": "      /**\r\n       * @method - 执行行为池\r\n       * @param {object} actionPool - 行为池\r\n       * @param {object} args - 参数\r\n       */\r"
       },
-      {
-        "label": "getUrlParams",
-        "kind": "method",
-        "insertText": "getUrlParams",
-        "documentation": "      /**\r\n       * @method - 获取URL参数\r\n       * @return {object} params - url参数\r\n       */\r"
-      },
       {
         "label": "want",
         "kind": "method",
         "insertText": "want",
         "documentation": "      /**\r\n       * @method - 是否有权限\r\n       * @return {string} wanted - 期望的资源串\r\n       */\r"
+      },
+      {
+        "label": "getBehaviorUrl",
+        "kind": "method",
+        "insertText": "getBehaviorUrl",
+        "documentation": "      /**\r\n       * @method - 获取执行行为请求的接口URL\r\n       * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL\r\n       */\r"
+      },
+      {
+        "label": "utils",
+        "kind": "property",
+        "insertText": "utils",
+        "documentation": "      /**\r\n       * @property {Utils} 工具类\r\n       */\r"
+      },
+      {
+        "label": "router",
+        "kind": "property",
+        "insertText": "router",
+        "documentation": "      /**\r\n       * @property {Router} router - 路由\r\n       */\r"
       }
     ]
   }

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

@@ -6,6 +6,6 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "css": "width: 100%; height: auto;",
+  "css": "",
   "render": "function Component() {\n\treturn(\n\t\t<div>\n\t\t\t此为自定义代码组件，请使用 JSX 语法\n\t\t</div>\n\t)\n}"
 }

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

@@ -26,5 +26,5 @@
       }
     }
   ],
-  "css": "width: 100%; height: auto;"
+  "css": ""
 }

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

@@ -6,7 +6,7 @@
   "groupName": "布局",
   "desc": "布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。",
   "order": 1,
-  "css": {},
+  "css": "background-color: transparent;",
   "columnRatio": "12:3:9",
   "columnSpacing": 16,
   "lineSpacing": 16,

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

@@ -23,7 +23,7 @@
     {
       "key": "columnSpacing",
       "name": "列间距",
-      "desc": "表示列之间的间距或距离",
+      "desc": "表示一行中分栏与分栏之间的间距",
       "type": "select",
       "options": [
         {
@@ -56,7 +56,7 @@
     {
       "key": "lineSpacing",
       "name": "行间距",
-      "desc": "表示行之间的间距或距离",
+      "desc": "表示每一行之间的间距",
       "type": "select",
       "options": [
         {
@@ -87,20 +87,20 @@
       "default": 16
     }
   ],
-  "css": {},
+  "css": "background-color: transparent;",
   "advance": {
     "events": [
       {
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "function onMount(params) {\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "function onUnmount(params) {\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       }
     ]
   }

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

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

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

@@ -86,7 +86,7 @@
       "default": "hidden"
     }
   ],
-  "css": {},
+  "css": "",
   "advance": {
     "events": [
       {

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

@@ -27,6 +27,12 @@
           "default": "false"
         }
       ]
+    },
+    {
+      "key": "vars",
+      "name": "页面数据源",
+      "type": "_PageVars",
+      "wrapper": "collapse"
     }
   ],
   "css": "background-color: transparent;",

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

@@ -6,7 +6,7 @@
   "groupName": "布局",
   "desc": "页面布局容器一般用于构建页面时根节点的基础布局，分为左右布局、左上下布局以及左中右布局。",
   "order": 1,
-  "css": "width: 100%; height: 100%; background-color: transparent",
+  "css": "width: 100%; height: 100%; background-color: transparent;",
   "width": "100%",
   "height": "100%",
   "display": "lr",

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

@@ -39,7 +39,7 @@
       ]
     }
   ],
-  "css": "width: 100%; height: 100%; background-color: transparent",
+  "css": "width: 100%; height: 100%; background-color: transparent;",
   "advance": {
     "events": [
       {

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

@@ -64,7 +64,8 @@
     {
       "key": "tooltip",
       "name": "用户提示",
-      "type": "_I18nInput"
+      "type": "_I18nInput",
+      "wrapped": "textarea"
     },
     {
       "key": "subtitle",

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

@@ -6,7 +6,7 @@
   "groupName": "布局",
   "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
   "order": 1,
-  "css": "width: 100%, height: 100%, background-color: transparent",
+  "css": "width: 100%; height: 100%; background-color: transparent;",
   "display": {
     "type": "normal",
     "split": "horizontal",

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

@@ -31,7 +31,7 @@
       ]
     }
   ],
-  "css": "width: 100%, height: 100%, background-color: transparent",
+  "css": "width: 100%; height: 100%; background-color: transparent;",
   "advance": {
     "events": [
       {

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

@@ -384,13 +384,13 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "function onMount(params) {\n\t\n}"
+        "func": "function onMount(params, datasetCode) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "function onUnmount() {\n\t\n}"
+        "func": "function onUnmount(datasetCode) {\n\t\n}"
       },
       {
         "key": "onRowClick",

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

@@ -6,8 +6,10 @@
   "groupName": "基础",
   "desc": "文本组件用于显示文本内容。",
   "order": 1,
-  "css": {},
-  "content": "文本",
+  "css": "",
+  "content": {
+    "text": "文本内容"
+  },
   "maxLine": 0,
   "advance": {
     "events": {}

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

@@ -15,22 +15,24 @@
     },
     {
       "key": "content",
-      "name": "内容",
-      "desc": "文本内容设置",
-      "type": "_I18nInput",
-      "default": "文本",
+      "name": "#内容",
+      "type": "_TextContent",
+      "default": {
+        "text": "文本内容"
+      },
       "wrapped": "textarea",
+      "wrapper": "hidden",
       "repositioning": true
     },
     {
       "key": "maxLine",
       "name": "最大行数",
-      "desc": "超出时自动省略号展示",
+      "desc": "超出时自动省略号展示，0表示不限制行数",
       "type": "number",
       "default": 0
     }
   ],
-  "css": {},
+  "css": "",
   "advance": {
     "events": [
       {

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

@@ -1,16 +1,18 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { createContext, useContext as useReactContext, useRef } from 'react';
-import { history } from 'umi';
-import { useMemoizedFn, useUpdateEffect } from 'ahooks';
+import { useMemoizedFn } from 'ahooks';
 import { isNil } from 'lodash';
-import diff from "../../tools/diff";
 import { useLDEventBus } from "../EventBusProvider";
 import RemoteSourceProvider, { RemoteSourceContext } from "../RemoteSourceProvider";
 import usePageVar from "./usePageVar";
-import useTodo from "../../tools/useTodo";
-import { getModuleData } from "../../tools/usePageDataStore";
+import useTodo from "./useTodo";
+import { getModuleData } from "./usePageDataStore";
+import API_PREFIX from "@/services/ApiConfig";
+import { getBehaviorUrl } from "../../../constants/api-url";
 import * as topics from "../../../constants/event-topics";
+import * as utils from "./utils";
+import * as router from "./router";
 export var Context = /*#__PURE__*/createContext(null);
 export var useContext = function useContext() {
   return useReactContext(Context);
@@ -18,31 +20,32 @@ export var useContext = function useContext() {
 export var useRemoteSource = function useRemoteSource() {
   return useReactContext(RemoteSourceContext);
 };
-export * from "../../tools/usePageDataStore";
-var PRIVATE_KEYS = ['componentList', 'componentMap'];
+export * from "./usePageDataStore";
+var PRIVATE_KEYS = ['componentList', 'componentMap', 'remoteApiMap'];
 export default (function (_ref) {
   var children = _ref.children,
     code = _ref.code;
   var eventBus = useLDEventBus();
   var _useTodo = useTodo(),
-    _useTodo2 = _slicedToArray(_useTodo, 3),
+    _useTodo2 = _slicedToArray(_useTodo, 2),
     todo = _useTodo2[0],
-    callBehavior = _useTodo2[1],
-    loading = _useTodo2[2];
-  var _usePageVar = usePageVar(null, null),
-    state = _usePageVar.state,
-    prevState = _usePageVar.prevState,
+    loading = _useTodo2[1];
+  var _usePageVar = usePageVar(),
     setState = _usePageVar.setState,
     getState = _usePageVar.getState,
     global = _usePageVar.global,
     setGlobal = _usePageVar.setGlobal;
   var _componentList = useRef([]);
+  var _remoteApiMap = useRef(new Map());
   var _privateGetter = useRef({
     componentList: function componentList() {
       return _componentList.current;
     },
     componentMap: function componentMap() {
       return new Map(_componentList.current);
+    },
+    remoteApiMap: function remoteApiMap() {
+      return Object.fromEntries(_remoteApiMap.current.entries());
     }
   });
   var _register = useMemoizedFn(function (id, component) {
@@ -55,6 +58,9 @@ export default (function (_ref) {
       return _id !== id;
     });
   });
+  var _initRemoteApiMap = useMemoizedFn(function (_apiMap) {
+    _remoteApiMap.current = _apiMap;
+  });
   var getElementById = useMemoizedFn(function (compId) {
     var _componentList$curren;
     return (_componentList$curren = _componentList.current.find(function (_ref4) {
@@ -63,15 +69,13 @@ export default (function (_ref) {
       return compId === _id;
     })) === null || _componentList$curren === void 0 ? void 0 : _componentList$curren[1];
   });
-  var getParentElement = useMemoizedFn(function (compId) {
+  var getParentElementById = useMemoizedFn(function (compId) {
+    var _target$api$getSelfDa;
     var compMap = new Map(_componentList.current);
     var _target = compMap.get(compId);
-    var _parentId = _target.api.getSelfData().parentId;
+    var _parentId = (_target$api$getSelfDa = _target.api.getSelfData()) === null || _target$api$getSelfDa === void 0 ? void 0 : _target$api$getSelfDa.props.parentId;
     if (!_parentId) return null;
-    return compMap(_parentId);
-  });
-  var getUrlParams = useMemoizedFn(function () {
-    return history.location.query;
+    return compMap.get(_parentId);
   });
   var want = useMemoizedFn(function (wanted) {
     var _getModuleData;
@@ -89,53 +93,42 @@ export default (function (_ref) {
     }, 0);
     return (serialsValue & (serialMap[wanted] || 0)) === 1;
   });
-  useUpdateEffect(function () {
-    var _diff = diff(prevState, state);
-    eventBus.$publisher(topics.PAGE_STATE_CHANGED, {
-      state: state,
-      prevState: prevState,
-      diff: _diff
-    });
-  }, [state, prevState]);
   var ctx = new Proxy(_objectSpread({
     _register: _register,
     _unregister: _unregister,
+    _initRemoteApiMap: _initRemoteApiMap,
     /**
      * @property {boolean} loading - loading状态
      */
     loading: loading,
-    /**
-     * @property {object} history - 当前路由信息
-     */
-    history: history,
-    /**
-     * @method - 执行行为接口
-     * @param {object} evns - moduleCode: 模块编码，datasetCode：数据集编码，behaviorKey：行为key
-     * @param {object} params - 链接参数
-     * @param {object} data - body参数
-     */
-    callBehavior: callBehavior,
     /**
      * @property {object} topics - 内置的事件话题
      */
     topics: topics,
+    /**
+     * @property {object} topics - service api前缀
+     */
+    API_PREFIX: API_PREFIX,
     /**
      * @property {string} PRIMARY_KEY - 主键key
      */
     PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
+    /**
+     * @property {string} PARENT_KEY - 树组件主键key
+     */
     PARENT_KEY: window.appConfig.constraintKeys.PARENT,
     /**
      * @method - 根据组件ID获取实例
      * @param {string} compId - 组件ID
      * @return {object} target - 组件实例
      */
-    getElementById: getElementById,
+    $: getElementById,
     /**
      * @method - 根据组件ID获取父组件实例
      * @param {string} compId - 组件ID
      * @return {object} target - 父组件实例
      */
-    getParentElement: getParentElement,
+    $$: getParentElementById,
     /**
      * @method - 执行行为池
      * @param {object} actionPool - 行为池
@@ -144,16 +137,38 @@ export default (function (_ref) {
     doAction: function doAction(actionPool, args) {
       return todo(this, actionPool, args);
     },
-    /**
-     * @method - 获取URL参数
-     * @return {object} params - url参数
-     */
-    getUrlParams: getUrlParams,
     /**
      * @method - 是否有权限
      * @return {string} wanted - 期望的资源串
      */
-    want: want
+    want: want,
+    /**
+     * @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 - 获取当前或指定日期的开始结束区间时间戳
+     */
+    /**
+     * @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 参数
+     */
+    /**
+     * @property {Router} router - 路由
+     */
+    router: router
   }, eventBus), {
     get: function get(target, property, receiver) {
       if (PRIVATE_KEYS.includes(property)) {
@@ -169,6 +184,8 @@ export default (function (_ref) {
     set: function set(target, property, receiver) {
       if (PRIVATE_KEYS.includes(property)) {
         throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u53EA\u8BFB\u7684"));
+      } else if (property.startsWith('_')) {
+        throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u79C1\u6709\u7684"));
       } else if (property === 'state') {
         setState(receiver);
         return true;