@luck-design-biz/luckda 0.0.25-7 → 0.0.25-9

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

@@ -0,0 +1,47 @@
+{
+  "component": "PageLayout",
+  "name": "页面布局容器",
+  "icon": "icon-pagelayout",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "页面布局容器一般用于构建页面时根节点的基础布局，分为左右布局、左上下布局以及左中右布局。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "displaySetting",
+      "name": "展现形式",
+      "type": "group",
+      "props": [
+        {
+          "key": "display",
+          "name": "#展现形式",
+          "type": "_PageLayoutDisplay",
+          "default": "lr"
+        }
+      ]
+    }
+  ],
+  "css": "width: 100%, height: 100%, background-color: transparent",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount() {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      }
+    ]
+  }
+}

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

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

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

@@ -6,7 +6,7 @@
   "groupName": "布局",
   "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
   "order": 1,
-  "css": "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,26 +31,26 @@
       ]
     }
   ],
-  "css": "background-color: transparent",
+  "css": "width: 100%, height: 100%, background-color: transparent",
   "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": "onChange",
         "name": "尺寸变化事件",
         "desc": "在面板尺寸发生变化时，执行方法",
-        "func": "(value)=>{\n\t\n}"
+        "func": "function onChange(value) {\n\t\n}"
       }
     ]
   }

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

@@ -17,14 +17,14 @@
       "key": "dataset",
       "name": "数据集",
       "type": "_DataSetSelector",
+      "component": "table",
       "next": {
         "name": "字段配置",
         "props": [
           {
             "key": "fields",
             "name": "#字段配置器",
-            "type": "_FieldsSetting",
-            "component": "table"
+            "type": "_FieldsSetting"
           }
         ]
       }
@@ -383,55 +383,61 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "()=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onRowClick",
         "name": "行单击",
         "desc": "单击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
+        "func": "function onRowClick(data, rowIndex, params) {\n\t\n}"
       },
       {
         "key": "onRowDoubleClick",
         "name": "行双击",
         "desc": "双击表格行时，执行方法",
-        "func": "(data, rowIndex, params)=>{\n\t\n}"
+        "func": "function onRowDoubleClick(data, rowIndex, params) {\n\t\n}"
       },
       {
         "key": "onRowSelected",
         "name": "行选择",
         "desc": "选中行时，执行方法",
-        "func": "(data, isSelected, SelectedRows, params)=>{\n\t\n}"
+        "func": "function onRowSelected(data, isSelected, SelectedRows, params) {\n\t\n}"
       },
       {
         "key": "onRowSelectChange",
         "name": "行选择变化",
         "desc": "行选中发生变化时，执行方法",
-        "func": "(rows, nodes, params)=>{\n\t\n}"
+        "func": "function onRowSelectChange(rows, nodes, params) {\n\t\n}"
       },
       {
         "key": "onRowDragged",
         "name": "行拖拽后",
         "desc": "拖拽行使其顺序发生变化后，执行方法",
-        "func": "(toId, fromId, params)=>{\n\t\n}"
+        "func": "function onRowDragged(toId, fromId, params) {\n\t\n}"
+      },
+      {
+        "key": "onPagePublicResourceChanged",
+        "name": "页面共享资源变化后",
+        "desc": "当页面共享资源发生变化后（pagePublicResourceChanged），执行方法",
+        "func": "function onPagePublicResourceChanged(resource, prevResource, instance) {\n\t\n}"
       },
       {
         "key": "afterInit",
         "name": "初始化后的回调",
         "desc": "组件及数据加载完成后，执行方法",
-        "func": "(res, dispatch, props)=>{\n\t\n}"
+        "func": "function afterInit(res, dispatch, props) {\n\t\n}"
       },
       {
         "key": "afterQuery",
         "name": "数据读取回调",
         "desc": "读取数据源后执行方法，返回接口中原始数据",
-        "func": "(res)=>{\n\t\n}"
+        "func": "function afterQuery(res) {\n\t\n}"
       }
     ]
   }

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

@@ -98,19 +98,19 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(instance)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onTabClick",
         "name": "tab被点击的回调",
         "desc": "当tab被点击时, 执行方法",
-        "func": "(tabKey, e)=>{\n\t\n}"
+        "func": "function onTabClick(tabKey, e) {\n\t\n}"
       }
     ]
   }

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

@@ -15,6 +15,7 @@
   "showLine": false,
   "treeNodeTitle": "sname",
   "defaultExpandDeep": "0",
+  "cancelSelect": true,
   "showIcon": true,
   "treeNodeIcon": [],
   "showRootAdd": true,

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

@@ -17,7 +17,18 @@
       "key": "dataset",
       "name": "数据集",
       "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
+      "type": "_DataSetSelector",
+      "component": "tree",
+      "next": {
+        "name": "字段配置",
+        "props": [
+          {
+            "key": "fields",
+            "name": "#字段配置器",
+            "type": "_FieldsSetting"
+          }
+        ]
+      }
     },
     {
       "key": "title",
@@ -119,6 +130,32 @@
         }
       ]
     },
+    {
+      "key": "selectSetting",
+      "name": "选中设置",
+      "type": "group",
+      "props": [
+        {
+          "key": "cancelSelect",
+          "name": "取消选中",
+          "desc": "是否可以取消选中",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "defaultSelect",
+          "name": "默认选中",
+          "desc": "返回默认选中的数据主键",
+          "type": "_JSEditor",
+          "defaultCode": "function defaultSelect(treeData) { \n return []; \n}",
+          "mustConfirm": true,
+          "wrapper": "collapse",
+          "wrapperProps": {
+            "suppressIcon": true
+          }
+        }
+      ]
+    },
     {
       "key": "IconSetting",
       "name": "图标设置",
@@ -193,6 +230,7 @@
             "default": {
               "todoList": []
             },
+            "defaultCode": "function onActionClick(data) {\n\n}",
             "suppressDisplay": true,
             "suppressMax": true,
             "suppressMore": true,
@@ -279,31 +317,49 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "()=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "processDataSource",
         "name": "数据预处理",
         "desc": "数据渲染前预处理",
-        "func": "(data)=>{\n\t\n}"
+        "func": "function processDataSource(data) {\n\t\n}"
       },
       {
         "key": "onDoubleClick",
         "name": "双击事件",
         "desc": "树节点双击事件",
-        "func": "(e, rowData)=>{\n\t\n}"
+        "func": "function onDoubleClick(e, rowData) {\n\t\n}"
       },
       {
         "key": "onCheck",
         "name": "复选框选择事件",
         "desc": "点击复选框触发",
-        "func": "(checkedKeys, e)=>{\n\t\n}"
+        "func": "function onCheck(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "选中事件",
+        "desc": "节点选中事件",
+        "func": "function onSelect(checkedKeys, e) {\n\t\n}"
+      },
+      {
+        "key": "onDrop",
+        "name": "拖拽事件",
+        "desc": "节点拖拽事件",
+        "func": "function onDrop(info, dragInfo) {\n\t\n}"
+      },
+      {
+        "key": "onPagePublicResourceChanged",
+        "name": "页面共享资源变化后",
+        "desc": "当页面共享资源发生变化后（pagePublicResourceChanged），执行方法",
+        "func": "function onPagePublicResourceChanged(resource, prevResource, instance) {\n\t\n}"
       }
     ]
   }

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

@@ -2,7 +2,7 @@ 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, useSetState } from 'ahooks';
+import { useMemoizedFn, useSetState, useUpdateEffect, usePrevious } from 'ahooks';
 import { useLDEventBus } from "../EventBusProvider";
 import RemoteSourceProvider, { RemoteSourceContext } from "../RemoteSourceProvider";
 import useTodo from "../../tools/useTodo";
@@ -18,7 +18,8 @@ export * from "../../tools/usePageDataStore";
 var PRIVATE_KEYS = ['componentList', 'componentMap'];
 export default (function (_ref) {
   var children = _ref.children,
-    code = _ref.code;
+    code = _ref.code,
+    debug = _ref.debug;
   var eventBus = useLDEventBus();
   var _useTodo = useTodo(),
     _useTodo2 = _slicedToArray(_useTodo, 3),
@@ -33,6 +34,7 @@ export default (function (_ref) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     pagePublicResource = _useSetState2[0],
     setPagePublicResource = _useSetState2[1];
+  var prevPagePublicResource = usePrevious(pagePublicResource);
 
   /**
    * 组件列表
@@ -94,6 +96,12 @@ export default (function (_ref) {
    * return:object
    */
   var getUrlParams = useMemoizedFn(function () {});
+  useUpdateEffect(function () {
+    eventBus.$publisher(topics.PAGE_PUBLIC_RESOURCE_CHANGED, {
+      resource: pagePublicResource,
+      prevResource: prevPagePublicResource
+    });
+  }, [pagePublicResource]);
   var ctx = new Proxy(_objectSpread({
     _register: _register,
     _unregister: _unregister,
@@ -104,6 +112,7 @@ export default (function (_ref) {
     callBehavior: callBehavior,
     topics: topics,
     PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
+    PARENT_KEY: window.appConfig.constraintKeys.PARENT,
     getElementById: getElementById,
     /**
      * @method
@@ -140,6 +149,7 @@ export default (function (_ref) {
     value: ctx
   }, /*#__PURE__*/React.createElement(RemoteSourceProvider, {
     code: code,
-    runtime: eventBus.runtime
+    runtime: eventBus.runtime,
+    debug: debug
   }, children));
 });

package/es/lowcode/engine/provider/RemoteSourceProvider.js

@@ -1,23 +1,23 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["source"];
 import React, { createContext, useRef } from 'react';
 import { useRequest, useSetState, useAsyncEffect, useMemoizedFn, useCookieState, useCreation, useUnmount } from 'ahooks';
 import { LuckDaContext } from "../../../components/Builder";
 import { doAction as doActionUtils } from "../../../helper/action";
 import usePageDataStore from "../tools/usePageDataStore";
 import { decompress } from "../tools/dataProcess";
-import { fetchPageData, fetchDesignModlueData, fetchPreviewModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials } from "../../constants/api-url";
-import { RUNTIME, COOKIE_RUNTIME_KEY, DATA_MODEL_CODE_KEY } from "../../constants";
+import { fetchPageData, fetchDesignModlueData, fetchPreviewModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials, fetchAllBehaviorEx } from "../../constants/api-url";
+import { RUNTIME, COOKIE_RUNTIME_KEY } from "../../constants";
+import { setLDMetaAttrs } from "../tools/helper";
 export var RemoteSourceContext = /*#__PURE__*/createContext(null);
 export default (function (_ref) {
   var children = _ref.children,
     code = _ref.code,
-    runtime = _ref.runtime;
+    runtime = _ref.runtime,
+    debug = _ref.debug;
   var _usePageDataStore = usePageDataStore(function (state) {
       return {
         initialize: state.initialize,
@@ -44,7 +44,7 @@ export default (function (_ref) {
     }
   }, []);
   useUnmount(function () {
-    reset();
+    !debug && reset();
     setRuntime(prevRuntime.current);
   });
 
@@ -106,8 +106,48 @@ export default (function (_ref) {
     fetchAllSerialsLoading = _useRequest4.loading,
     runFetchAllSerials = _useRequest4.run,
     refreshSerials = _useRequest4.refreshAsync;
+
+  // 获取导入导出行为下拉数据
+  var _useRequest5 = useRequest(fetchAllBehaviorEx, {
+      manual: true,
+      onSuccess: function onSuccess(_ref5) {
+        var code = _ref5.code,
+          data = _ref5.data;
+        if (code === 1) {
+          setRemoteSource({
+            impTypeList: data.map(function (item) {
+              return {
+                key: item.code,
+                value: item.code,
+                label: item.name
+              };
+            })
+          });
+        }
+      }
+    }),
+    runFetchAllBehaviorImport = _useRequest5.run;
+  var _useRequest6 = useRequest(fetchAllBehaviorEx, {
+      manual: true,
+      onSuccess: function onSuccess(_ref6) {
+        var code = _ref6.code,
+          data = _ref6.data;
+        if (code === 1) {
+          setRemoteSource({
+            expTypeList: data.map(function (item) {
+              return {
+                key: item.code,
+                value: item.code,
+                label: item.name
+              };
+            })
+          });
+        }
+      }
+    }),
+    runFetchAllBehaviorExport = _useRequest6.run;
   useAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var fetchPageDataRes, data, list, detail, _detail$list$, source, info;
+    var fetchPageDataRes, data, list, detail, source;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -118,30 +158,33 @@ export default (function (_ref) {
         case 2:
           fetchPageDataRes = _context.sent;
           if (!(fetchPageDataRes.code === 1)) {
-            _context.next = 13;
+            _context.next = 14;
             break;
           }
           data = fetchPageDataRes.data, list = fetchPageDataRes.list, detail = fetchPageDataRes.detail;
-          _detail$list$ = detail[list[0]], source = _detail$list$.source, info = _objectWithoutProperties(_detail$list$, _excluded);
-          window[DATA_MODEL_CODE_KEY] = data.dataModelKey;
+          source = detail[list[0]].source;
+          setLDMetaAttrs(data);
           _context.next = 9;
           return runFetchModlueData(data.dataModelKey, {
             moduleCode: data.moduleCode
           });
         case 9:
+          runFetchAllBehaviorImport({
+            behaviorMode: 'IMPORT',
+            moduleCode: data.moduleCode
+          });
+          runFetchAllBehaviorExport({
+            behaviorMode: 'EXPORT',
+            moduleCode: data.moduleCode
+          });
           runFetchAllDataset({
             dataModelKey: data.dataModelKey
           });
           runFetchAllSerials({
             uid: data.moduleId
           });
-          setRemoteSource({
-            pageinfo: _objectSpread({
-              relationship: data
-            }, info)
-          });
-          initialize(decompress(source));
-        case 13:
+          !debug && initialize(decompress(source));
+        case 14:
         case "end":
           return _context.stop();
       }

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

@@ -39,6 +39,10 @@ export function decompress(compressedData) {
  */
 export function findNodeAndParent(id, current) {
   var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  if (!id) return {
+    node: null,
+    parent: null
+  };
   if (!parent && current.props.id === id) {
     return {
       node: current,

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

@@ -2,8 +2,9 @@ import _construct from "@babel/runtime/helpers/esm/construct";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { omit, omitBy, startsWith, isNil, isString, isArray } from 'lodash';
+import { omit, isNil, isString, isArray } from 'lodash';
 import postcss from 'postcss';
+import { META_TAG_NAME } from "../../constants";
 export function isPromise(value) {
   return !!value && _typeof(value) === 'object' && typeof value.then === 'function';
 }
@@ -147,4 +148,25 @@ export function isColor(str) {
   var hexRegex = /^#(?:[A-Fa-f0-9]{3,4}){1,2}$/;
   var rgbaRegex = /^rgba?\(\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})(,\s*(0|1|0?\.\d+))?\s*\)$/;
   return hexRegex.test(str) || rgbaRegex.test(str);
-}
+}
+export function setLDMetaAttrs(data) {
+  var meta = document.querySelector("meta[name=\"".concat(META_TAG_NAME, "\"]"));
+  if (!meta) {
+    meta = document.createElement('meta');
+  }
+  meta.name = META_TAG_NAME;
+  meta.content = new URLSearchParams(data).toString().replaceAll('&', ',');
+  document.head.appendChild(meta);
+}
+export function getLDMetaAttr(name) {
+  if (isNil(name)) return void 0;
+  var meta = document.querySelector("meta[name=\"".concat(META_TAG_NAME, "\"]"));
+  var params = new URLSearchParams(meta.content.replaceAll(',', '&'));
+  if (isArray(name)) {
+    return name.map(function (n) {
+      return params.get(n);
+    });
+  }
+  return params.get(name);
+}
+;

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

@@ -5,7 +5,7 @@ import { create } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 import { subscribeWithSelector } from 'zustand/middleware';
 import { useShallow } from 'zustand/react/shallow';
-import { isObject, isArray, isNil, isFunction, isString, get, set as _set, forOwn, omit } from 'lodash';
+import { isObject, isArray, isNil, isFunction, isString, get, set as _set, assign, forOwn, omit } from 'lodash';
 import { getPathNodesById, findNodeAndParent } from "./dataProcess";
 import { LC_BUILDIN_UNIT_KEY } from "../../constants";
 var findNode = function findNode(obj, id) {
@@ -159,7 +159,9 @@ export var useGet = function useGet(_) {
       });
     } else if (isObject(_) && _.id) {
       var _findNode2;
-      return _.id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? state.pageData : (_findNode2 = findNode(state.pageData, _.id)) === null || _findNode2 === void 0 ? void 0 : _findNode2.target;
+      var path = _.path;
+      var _target = _.id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? state.pageData : (_findNode2 = findNode(state.pageData, _.id)) === null || _findNode2 === void 0 ? void 0 : _findNode2.target;
+      return isNil(path) ? _target : get(_target, path);
     } else if (isString(_)) {
       return get(state.pageData, _);
     }

package/es/lowcode/painter/Design.js

@@ -70,15 +70,15 @@ var Design = function Design() {
     onLangChange: handleLangChange
   }), /*#__PURE__*/React.createElement("div", {
     className: styles['lc-painter-design-workspace']
-  }, /*#__PURE__*/React.createElement(DesignOperator, {
-    target: simulatorRef
-  }), /*#__PURE__*/React.createElement(ConfigProvider, {
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
     locale: ((_localeInfo$locale = localeInfo[locale]) === null || _localeInfo$locale === void 0 ? void 0 : _localeInfo$locale.antd) || {}
   }, /*#__PURE__*/React.createElement(RawIntlProvider, {
     value: intl
   }, /*#__PURE__*/React.createElement(Page, {
     ref: simulatorRef,
     className: styles['lc-painter-design-simulator']
-  })))));
+  }, /*#__PURE__*/React.createElement(DesignOperator, {
+    canvas: simulatorRef
+  }))))));
 };
 export default Design;