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

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

@@ -7,6 +7,11 @@
   "groupName": "表单项",
   "order": 1,
   "props": [
+    {
+      "key": "fieldAliasName",
+      "name": "字段标题",
+      "type": "_I18nInput"
+    },
     {
       "key": "allowClear",
       "name": "允许清除",
@@ -55,14 +60,92 @@
         }
       ],
       "default": null
+    },
+    {
+      "key": "generalSetting",
+      "name": "通用配置",
+      "type": "group",
+      "props": [
+        {
+          "key": "col",
+          "name": "占列数",
+          "type": "radio",
+          "repositioning": true,
+          "options": [
+            {
+              "label": "1",
+              "value": 1
+            },
+            {
+              "label": "2",
+              "value": 2
+            },
+            {
+              "label": "3",
+              "value": 3
+            },
+            {
+              "label": "4",
+              "value": 4
+            }
+          ],
+          "default": 1
+        },
+        {
+          "key": "row",
+          "name": "占行数",
+          "type": "radio",
+          "repositioning": true,
+          "options": [
+            {
+              "label": "1",
+              "value": 1
+            },
+            {
+              "label": "2",
+              "value": 2
+            },
+            {
+              "label": "3",
+              "value": 3
+            },
+            {
+              "label": "4",
+              "value": 4
+            }
+          ],
+          "default": 1
+        },
+        {
+          "key": "note",
+          "name": "字段注释",
+          "type": "_I18nInput"
+        },
+        {
+          "key": "tip",
+          "name": "长说明",
+          "type": "_I18nInput"
+        },
+        {
+          "key": "placeholder",
+          "name": "默认提示",
+          "type": "_I18nInput"
+        }
+      ]
     }
   ],
   "advance": {
     "events": [
       {
-        "key": "onChange",
+        "key": "onValueChange",
         "name": "数据变化事件",
         "desc": "在数据变化事件时，执行方法",
+        "func": "function onValueChange(value, field, data, formProps) {\n\t\n}"
+      },
+      {
+        "key": "onChange",
+        "name": "值变化事件(onChange)",
+        "desc": "原生onChange事件，在值发生变化时，执行方法",
         "func": "function onChange(value, extra) {\n\t\n}"
       },
       {

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

@@ -6,6 +6,8 @@
   "icon": "icon-fieldstring",
   "groupName": "表单项",
   "order": 1,
+  "col": 1,
+  "row": 1,
   "advance": {
     "events": {}
   }

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

@@ -7,6 +7,11 @@
   "groupName": "表单项",
   "order": 1,
   "props": [
+    {
+      "key": "fieldAliasName",
+      "name": "字段标题",
+      "type": "_I18nInput"
+    },
     {
       "key": "allowClear",
       "name": "允许清除",
@@ -22,14 +27,92 @@
       "wrapperProps": {
         "suppressIcon": true
       }
+    },
+    {
+      "key": "generalSetting",
+      "name": "通用配置",
+      "type": "group",
+      "props": [
+        {
+          "key": "col",
+          "name": "占列数",
+          "type": "radio",
+          "repositioning": true,
+          "options": [
+            {
+              "label": "1",
+              "value": 1
+            },
+            {
+              "label": "2",
+              "value": 2
+            },
+            {
+              "label": "3",
+              "value": 3
+            },
+            {
+              "label": "4",
+              "value": 4
+            }
+          ],
+          "default": 1
+        },
+        {
+          "key": "row",
+          "name": "占行数",
+          "type": "radio",
+          "repositioning": true,
+          "options": [
+            {
+              "label": "1",
+              "value": 1
+            },
+            {
+              "label": "2",
+              "value": 2
+            },
+            {
+              "label": "3",
+              "value": 3
+            },
+            {
+              "label": "4",
+              "value": 4
+            }
+          ],
+          "default": 1
+        },
+        {
+          "key": "note",
+          "name": "字段注释",
+          "type": "_I18nInput"
+        },
+        {
+          "key": "tip",
+          "name": "长说明",
+          "type": "_I18nInput"
+        },
+        {
+          "key": "placeholder",
+          "name": "默认提示",
+          "type": "_I18nInput"
+        }
+      ]
     }
   ],
   "advance": {
     "events": [
       {
-        "key": "onChange",
+        "key": "onValueChange",
         "name": "数据变化事件",
-        "desc": "时间发生变化的回调，用户选择时间时触发",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onValueChange(value, field, data, formProps) {\n\t\n}"
+      },
+      {
+        "key": "onChange",
+        "name": "值变化事件(onChange)",
+        "desc": "原生onChange事件，在值发生变化时，执行方法",
         "func": "function onChange(date, dateString) {\n\t\n}"
       }
     ]

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

@@ -57,6 +57,26 @@
             ],
             "default": "bottom"
           },
+          {
+            "key": "getContainer",
+            "name": "挂载节点",
+            "desc": "指定功能区挂载的页面节点",
+            "type": "_ComponentSelector",
+            "filter": [
+              [
+                "id",
+                "page_root"
+              ],
+              [
+                "meta.group",
+                "container"
+              ],
+              [
+                "meta.group",
+                "build-in"
+              ]
+            ]
+          },
           {
             "key": "renderFormLeft",
             "name": "按钮区域左侧渲染",
@@ -356,7 +376,7 @@
                 "name": "格式化数据",
                 "desc": "格式化单表提交数据",
                 "type": "_JSEditor",
-                "defaultCode": "function dataSourceFormat(values, submitData) { \n return submitData; \n}",
+                "defaultCode": "function dataSourceFormat(dataSetKey, values, submitData, behaviorKey) { \n return { [dataSetKey]: { [`${behaviorKey}List`]: submitData } }; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
@@ -482,7 +502,7 @@
                 "name": "格式化数据",
                 "desc": "格式化单表提交数据",
                 "type": "_JSEditor",
-                "defaultCode": "function dataSourceFormat(values, submitData) { \n return submitData; \n}",
+                "defaultCode": "function dataSourceFormat(dataSetKey, values, submitData, behaviorKey) { \n return { [dataSetKey]: { [`${behaviorKey}List`]: submitData } }; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {

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

@@ -98,13 +98,13 @@
     "completions": []
   },
   {
-    "name": "Image",
-    "triggerWord": "image",
+    "name": "ImEx",
+    "triggerWord": "imex",
     "completions": []
   },
   {
-    "name": "ImEx",
-    "triggerWord": "imex",
+    "name": "Image",
+    "triggerWord": "image",
     "completions": []
   },
   {

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

@@ -34,15 +34,15 @@
     "events": [
       {
         "key": "onPageMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "function onPageMount()=>{\n\t\n}"
+        "name": "页面首次渲染完成",
+        "desc": "在页面首次渲染完成时，执行方法",
+        "func": "function onPageMount(){\n\t\n}"
       },
       {
         "key": "onPageUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "function onPageUnmount()=>{\n\t\n}"
+        "name": "页面卸载时",
+        "desc": "在页面卸载时，执行方法。",
+        "func": "function onPageUnmount(){\n\t\n}"
       }
     ]
   }

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

@@ -149,7 +149,7 @@ export default (function (_ref) {
     value: ctx
   }, /*#__PURE__*/React.createElement(RemoteSourceProvider, {
     code: code,
-    runtime: eventBus.runtime,
+    eventBus: eventBus,
     debug: debug
   }, children));
 });

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

@@ -5,18 +5,21 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { createContext, useRef } from 'react';
 import { useRequest, useSetState, useAsyncEffect, useMemoizedFn, useCookieState, useCreation, useUnmount } from 'ahooks';
+import launcher from "../launcher";
 import { LuckDaContext } from "../../../components/Builder";
 import { doAction as doActionUtils } from "../../../helper/action";
 import usePageDataStore from "../tools/usePageDataStore";
+import { useTemporalStore } from "../provider/ContextProvider";
 import { decompress } from "../tools/dataProcess";
 import { fetchPageData, fetchDesignModlueData, fetchPreviewModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials, fetchAllBehaviorEx } from "../../constants/api-url";
 import { RUNTIME, COOKIE_RUNTIME_KEY } from "../../constants";
+import { PAGE_LOAD_MOUNT } from "../../constants/event-topics";
 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,
+    eventBus = _ref.eventBus,
     debug = _ref.debug;
   var _usePageDataStore = usePageDataStore(function (state) {
       return {
@@ -28,6 +31,16 @@ export default (function (_ref) {
     initialize = _usePageDataStore.initialize,
     initializeModule = _usePageDataStore.initializeModule,
     reset = _usePageDataStore.reset;
+  var _useTemporalStore = useTemporalStore(function (state) {
+      return {
+        pause: state.pause,
+        resume: state.resume,
+        clear: state.clear
+      };
+    }),
+    pause = _useTemporalStore.pause,
+    resume = _useTemporalStore.resume,
+    clear = _useTemporalStore.clear;
   var _useSetState = useSetState({}),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     remoteSource = _useSetState2[0],
@@ -38,13 +51,18 @@ export default (function (_ref) {
     setRuntime = _useCookieState2[1];
   var prevRuntime = useRef(cookieRuntime);
   useCreation(function () {
-    if (runtime !== cookieRuntime) {
+    !debug && launcher();
+    pause();
+    if (eventBus.runtime !== cookieRuntime) {
       prevRuntime.current = cookieRuntime;
-      setRuntime(runtime);
+      setRuntime(eventBus.runtime);
     }
   }, []);
   useUnmount(function () {
-    !debug && reset();
+    if (!debug) {
+      reset();
+      clear();
+    }
     setRuntime(prevRuntime.current);
   });
 
@@ -55,7 +73,7 @@ export default (function (_ref) {
     fetchPageDataLoading = _useRequest.loading,
     runFetchPageData = _useRequest.runAsync;
   // 获取模块数据
-  var _useRequest2 = useRequest(_defineProperty(_defineProperty(_defineProperty({}, RUNTIME.DESIGN, fetchDesignModlueData), RUNTIME.PREVIEW, fetchPreviewModlueData), RUNTIME.LIVE, fetchModlueData)[runtime], {
+  var _useRequest2 = useRequest(_defineProperty(_defineProperty(_defineProperty({}, RUNTIME.DESIGN, fetchDesignModlueData), RUNTIME.PREVIEW, fetchPreviewModlueData), RUNTIME.LIVE, fetchModlueData)[eventBus.runtime], {
       manual: true,
       onSuccess: function onSuccess(_ref2) {
         var code = _ref2.code,
@@ -158,7 +176,7 @@ export default (function (_ref) {
         case 2:
           fetchPageDataRes = _context.sent;
           if (!(fetchPageDataRes.code === 1)) {
-            _context.next = 14;
+            _context.next = 15;
             break;
           }
           data = fetchPageDataRes.data, list = fetchPageDataRes.list, detail = fetchPageDataRes.detail;
@@ -183,8 +201,12 @@ export default (function (_ref) {
           runFetchAllSerials({
             uid: data.moduleId
           });
-          !debug && initialize(decompress(source));
-        case 14:
+          if (!debug) {
+            initialize(decompress(source));
+            resume();
+          }
+          eventBus.$publisher(PAGE_LOAD_MOUNT);
+        case 15:
         case "end":
           return _context.stop();
       }

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

@@ -1,8 +1,9 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 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, isNil, isString, isArray } from 'lodash';
+import { omit, isNil, isString, isArray, has, get } from 'lodash';
 import postcss from 'postcss';
 import { META_TAG_NAME } from "../../constants";
 export function isPromise(value) {
@@ -119,8 +120,8 @@ export function executeCode(context, code, argsName) {
     throw new Error('executeCode参数不匹配');
   }
   var ctx = getCtx(context);
-  var func = _construct(Function, _toConsumableArray(argsName || []).concat(['ctx', getFuncBody(code)]));
-  return func.apply(void 0, args.concat([ctx]));
+  var func = _construct(Function, _toConsumableArray(argsName || []).concat(['ctx', 'window', getFuncBody(code)]));
+  return func.apply(void 0, args.concat([ctx, _objectSpread(_objectSpread({}, window.proxy), window)]));
 }
 export function parseCSS(cssString) {
   // 创建一个空对象来存储解析后的样式
@@ -167,4 +168,60 @@ export function getLDMetaAttr(name) {
     });
   }
   return params.get(name);
+}
+export function extractKeywords(obj, keys) {
+  var keywords = [];
+  function recurse(currentObj) {
+    if (_typeof(currentObj) !== 'object' || currentObj === null) {
+      return;
+    }
+    for (var key in currentObj) {
+      var _iterator = _createForOfIteratorHelper(keys),
+        _step;
+      try {
+        tag: for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var triggerKey = _step.value;
+          var flag = isString(triggerKey) ? key === triggerKey : has(currentObj[key], triggerKey);
+          if (flag) {
+            var keyword = isString(triggerKey) ? currentObj[triggerKey] : get(currentObj[key], triggerKey);
+            keywords.push({
+              label: keyword,
+              kind: 'property',
+              insertText: keyword,
+              documentation: JSON.stringify(currentObj)
+            });
+            break tag;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      recurse(currentObj[key]);
+    }
+  }
+  recurse(obj);
+  return keywords;
+}
+export function loadScript(path) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var script = document.querySelector("script[src=\"".concat(path, "\"]"));
+  if (!script) {
+    var newScript = document.createElement('script');
+    newScript.src = path;
+    Object.keys(props).forEach(function (key) {
+      newScript[key] = props[key];
+    });
+    newScript.setAttribute('data-status', 'loading');
+    document.body.appendChild(newScript);
+    return {
+      ref: newScript,
+      status: 'loading'
+    };
+  }
+  return {
+    ref: script,
+    status: script.getAttribute('data-status') || 'ready'
+  };
 }

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

@@ -5,7 +5,7 @@ import { create, createStore, useStore } 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, assign, forOwn, omit, debounce } from 'lodash';
+import { isObject, isArray, isNil, isFunction, isString, get, set as _set, unset, assign, forOwn, omit, debounce } from 'lodash';
 import isDeepEqual from 'fast-deep-equal';
 import { getPathNodesById, findNodeAndParent } from "./dataProcess";
 import { LC_BUILDIN_UNIT_KEY } from "../../constants";
@@ -165,7 +165,7 @@ var usePageDataStore = create()(immer(subscribeWithSelector(temporal(function (s
     };
   },
   equality: function equality(pastState, newState) {
-    return !pastState.pageData || isDeepEqual(pastState, newState);
+    return isDeepEqual(pastState, newState);
   },
   handleSet: function handleSet(_handleSet2) {
     return debounce(function (state) {
@@ -237,7 +237,11 @@ export var modifyNode = function modifyNode(id, data) {
       target = _ref3.target;
     if (!target) return;
     forOwn(omit(data, ['id', 'parentId', 'component', 'buildIn']), function (_val, _key) {
-      _set(target.props, _key, _val);
+      if (isNil(_val)) {
+        unset(target.props, _key, _val);
+      } else {
+        _set(target.props, _key, _val);
+      }
     });
   });
 };
@@ -311,13 +315,14 @@ export var getCanUndoAndRedo = function getCanUndoAndRedo() {
   };
 };
 export var useTemporalStore = function useTemporalStore(selector) {
+  var _temp$pastStates, _temp$futureStates;
   var temp = useStore(usePageDataStore.temporal, selector);
   if (!temp) return {
     canUndo: false,
     canRedo: false
   };
-  var canUndo = !!temp.pastStates.length;
-  var canRedo = !!temp.futureStates.length;
+  var canUndo = !!((_temp$pastStates = temp.pastStates) !== null && _temp$pastStates !== void 0 && _temp$pastStates.length);
+  var canRedo = !!((_temp$futureStates = temp.futureStates) !== null && _temp$futureStates !== void 0 && _temp$futureStates.length);
   return _objectSpread(_objectSpread({}, temp), {}, {
     canUndo: canUndo,
     canRedo: canRedo

package/es/lowcode/index.js

@@ -1,6 +1,3 @@
 export { default as Painter } from "./painter";
 export { default as View } from "./view";
-export { default as Preview } from "./preview";
-// export * as dataProcess  from './engine/tools/dataProcess';
-
-export default function launcher() {}
+export { default as Preview } from "./preview";