@luck-design-biz/luckda 0.0.25-1 → 0.0.25-3

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

@@ -99,7 +99,8 @@
             "info"
           ],
           "cols": 4,
-          "readOnly": false
+          "readOnly": false,
+          "order": 1
         }
       ],
       "wrapper": "hidden",
@@ -116,7 +117,7 @@
                 "key": "fields",
                 "name": "#字段配置器",
                 "type": "_FieldsSetting",
-                "component": "table"
+                "component": "form"
               }
             ]
           }
@@ -203,7 +204,6 @@
             "table": {
               "readOnly": false,
               "suppressPreset": false,
-              "width": "100%",
               "height": "100%",
               "bordered": false,
               "popTitleKey": "title",
@@ -215,12 +215,11 @@
             "uploadForm": {
               "readOnly": false,
               "suppressPreset": false,
-              "width": "100%",
-              "height": "100%",
+              "height": "300px",
               "bordered": false,
               "showNote": false,
               "zipName": "download",
-              "useResetActions": true
+              "useResetActions": false
             }
           },
           "next": {
@@ -317,7 +316,8 @@
                   {
                     "key": "actionsColumnWidth",
                     "name": "列宽",
-                    "type": "_WidthHeight",
+                    "type": "_ActionsColumnWidth",
+                    "convertInt": true,
                     "options": [
                       {
                         "label": "px",
@@ -442,7 +442,8 @@
                   {
                     "key": "actionsColumnWidth",
                     "name": "列宽",
-                    "type": "_WidthHeight",
+                    "type": "_ActionsColumnWidth",
+                    "convertInt": true,
                     "options": [
                       {
                         "label": "px",
@@ -452,8 +453,8 @@
                   },
                   {
                     "key": "actionsColumnReset",
-                    "name": "重写操列",
-                    "desc": "重写操列",
+                    "name": "重写操作列",
+                    "desc": "重写操作列",
                     "type": "_JSEditor",
                     "defaultCode": "function actionsColumnReset(data, index, actions, params) { \n \t \n}",
                     "mustConfirm": true,
@@ -519,21 +520,11 @@
                 "name": "只读",
                 "type": "switch"
               },
-              {
-                "key": "colWidth",
-                "name": "默认列长度",
-                "type": "number"
-              },
               {
                 "key": "suppressPreset",
                 "name": "关闭预设",
                 "type": "switch"
               },
-              {
-                "key": "width",
-                "name": "宽度",
-                "type": "_WidthHeight"
-              },
               {
                 "key": "height",
                 "name": "高度",
@@ -569,7 +560,7 @@
                 "key": "resetActions",
                 "name": "自定义操作列",
                 "type": "_JSEditor",
-                "defaultCode": "function resetActions(data, index, actionList, params) { \n\t\n}",
+                "defaultCode": "function resetActions(data, index, actionList, params) { \n return actionList; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
@@ -621,25 +612,37 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "(instance)=>{\n\t\n}"
       },
       {
         "key": "beforeSave",
         "name": "保存前置事件",
         "desc": "保存前置事件，promise，返回false取消执行",
-        "func": "(data, params)=>{\n\t\n}"
+        "func": "(values, data) => {\n return values; \n}"
       },
       {
         "key": "onSaveCallback",
         "name": "保存后回调",
         "desc": "保存后回调事件",
-        "func": "(params)=>{\n\t\n}"
+        "func": "(success, mainKey, res)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法",
+        "func": "(instance)=>{\n\t\n}"
+      },
+      {
+        "key": "onValueChange",
+        "name": "参数变化的事件",
+        "desc": "参数变化时，执行方法",
+        "func": "(change, data)=>{\n\t\n}"
+      },
+      {
+        "key": "onChildChange",
+        "name": "表单内容发生改变时的回调",
+        "desc": "表单内容发生改变时的回调",
+        "func": "(instance)=>{\n\t\n}"
       }
     ]
   }

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

@@ -72,13 +72,13 @@
       "key": "title",
       "name": "标题",
       "desc": "图片html原生title",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "alt",
       "name": "替代文本",
       "desc": "图片加载失败的占位文字",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "preview",

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

@@ -34,7 +34,7 @@
       "key": "title",
       "name": "标题",
       "desc": "按钮上显示的文字",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "导入｜导出"
     },
     {

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

@@ -17,7 +17,7 @@
       "key": "content",
       "name": "内容",
       "desc": "超链接的展示内容",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "textOverflow",

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

@@ -6,14 +6,12 @@
   "groupName": "布局",
   "desc": "分组组件用于将相关组件或内容进行分组和组织。使用户能够轻松创建具有分组效果的界面，并根据需要进行定制。s",
   "order": 1,
-  "css": {},
+  "css": "width: 100%;",
   "collapse": true,
-  "showHeader": true,
+  "simple": false,
+  "padding": true,
+  "destroyInactivePanel": false,
   "title": "分组",
-  "showHeaderDivider": true,
-  "showBorder": false,
-  "withMargin": false,
-  "withPadding": true,
   "advance": {
     "events": {}
   }

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

@@ -8,100 +8,103 @@
   "order": 1,
   "props": [
     {
-      "key": "fieldId",
+      "key": "id",
       "name": "唯一标识",
-      "desc": "组件的唯一标识符，不能够与其它组件重名，不能够为空，且只能够使用以字母开头的，下划线以及数字的组合",
       "type": "string",
       "disabled": true
     },
     {
       "key": "collapse",
       "name": "折叠",
-      "desc": "是否采用折叠分组",
-      "type": "boolean",
+      "type": "switch",
       "default": true
     },
     {
-      "key": "showHeader",
-      "name": "显示头部",
-      "desc": "表示是否分组显示头部（仅在非折叠情况下有效）",
-      "type": "boolean",
-      "default": true
+      "key": "simple",
+      "name": "简洁风格",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "padding",
+      "name": "内边距",
+      "type": "switch",
+      "default": true,
+      "repositioning": true
+    },
+    {
+      "key": "destroyInactivePanel",
+      "name": "隐藏销毁",
+      "desc": "面板被折叠隐藏时销毁面板中的组件",
+      "type": "switch",
+      "default": false
     },
     {
       "key": "title",
       "name": "分组标题",
-      "desc": "表示分组标题的名称",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "分组"
     },
     {
-      "key": "icon",
+      "key": "iconFont",
       "name": "图标",
-      "desc": "用于设置分组标题前面的图标",
-      "type": "Icon"
+      "type": "_Icon",
+      "next": {
+        "name": "选择图标",
+        "autoClose": true,
+        "props": [
+          {
+            "key": "iconFont",
+            "name": "#图标选择器",
+            "type": "_IconSelector"
+          }
+        ]
+      }
     },
     {
       "key": "tooltip",
       "name": "用户提示",
-      "desc": "用于设置分组的用户提示",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "subtitle",
       "name": "副标题插槽",
       "desc": "分组副标题的插槽内容",
-      "type": "string"
+      "type": "_JSEditor",
+      "defaultCode": "function Component() { \n return <span>subtitle</span>; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
     },
     {
       "key": "extra",
       "name": "扩展区域插槽",
       "desc": "分组扩展区域的插槽内容",
-      "type": "string"
-    },
-    {
-      "key": "showHeaderDivider",
-      "name": "头部分割线",
-      "desc": "是否展示头部分割线（仅在非折叠情况下有效）",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "showBorder",
-      "name": "显示边框",
-      "desc": "是否展示分组边框（仅在非折叠情况下有效）",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "withMargin",
-      "name": "外边距",
-      "desc": "是否展示外边距",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "withPadding",
-      "name": "内边距",
-      "desc": "是否展示内边距",
-      "type": "boolean",
-      "default": true
+      "type": "_JSEditor",
+      "defaultCode": "function Component() { \n return <div>extra</div>; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
     }
   ],
-  "css": {},
+  "css": "width: 100%;",
   "advance": {
     "events": [
       {
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "(instance)=>{\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "(instance)=>{\n\t\n}"
       }
     ]
   }

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

@@ -17,7 +17,7 @@
       "key": "content",
       "name": "内容",
       "desc": "文本内容设置",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "showTitle",
@@ -30,7 +30,7 @@
       "key": "title",
       "name": "自定义标题",
       "desc": "显示标题时配置。自定义标题内容",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "maxLine",

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

@@ -23,7 +23,7 @@
       "key": "title",
       "name": "标题",
       "desc": "头部标题",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "readOnly",
@@ -81,7 +81,7 @@
           "key": "treeNodeTitle",
           "name": "展示字段",
           "desc": "展示字段的key",
-          "type": "string",
+          "type": "_I18nInput",
           "default": "sname"
         },
         {

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

@@ -17,7 +17,11 @@ export var usePageData = function usePageData(_) {
   var _useReactContext = useReactContext(RemoteSourceContext),
     pageData = _useReactContext.pageData,
     loading = _useReactContext.loading,
-    setPageData = _useReactContext.setPageData;
+    setPageData = _useReactContext.setPageData,
+    back = _useReactContext.back,
+    forward = _useReactContext.forward,
+    backLength = _useReactContext.backLength,
+    forwardLength = _useReactContext.forwardLength;
   var _pageData;
   if (isNil(_)) {
     _pageData = pageData;
@@ -36,7 +40,11 @@ export var usePageData = function usePageData(_) {
   }
   return [_pageData, {
     loading: loading,
-    setPageData: setPageData
+    setPageData: setPageData,
+    back: back,
+    forward: forward,
+    backLength: backLength,
+    forwardLength: forwardLength
   }];
 };
 export var useRemoteSource = function useRemoteSource() {

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

@@ -2,40 +2,49 @@ 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 _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, useEffect } from 'react';
-import { useRequest, useSetState, useAsyncEffect, useCookieState, usePrevious, useMemoizedFn } from 'ahooks';
+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 usePromiseState from "../tools/usePromiseState";
 import { decompress } from "../tools/dataProcess";
-import { fetchPageData, fetchDesignModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials } from "../../constants/api-url";
-import { RUNTIME_COOKIE_KEY, RUNTIME, DATA_MODEL_CODE_KEY } from "../../constants";
+import { fetchPageData, fetchDesignModlueData, fetchPreviewModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials } from "../../constants/api-url";
+import { RUNTIME, COOKIE_RUNTIME_KEY, DATA_MODEL_CODE_KEY } from "../../constants";
 export var RemoteSourceContext = /*#__PURE__*/createContext(null);
 export default (function (_ref) {
   var children = _ref.children,
     code = _ref.code,
     runtime = _ref.runtime;
   var _usePromiseState = usePromiseState(null),
-    _usePromiseState2 = _slicedToArray(_usePromiseState, 2),
+    _usePromiseState2 = _slicedToArray(_usePromiseState, 3),
     pageData = _usePromiseState2[0],
-    setPageData = _usePromiseState2[1];
+    setPageData = _usePromiseState2[1],
+    _usePromiseState2$ = _usePromiseState2[2],
+    back = _usePromiseState2$.back,
+    forward = _usePromiseState2$.forward,
+    backLength = _usePromiseState2$.backLength,
+    forwardLength = _usePromiseState2$.forwardLength;
   var _useSetState = useSetState({}),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     remoteSource = _useSetState2[0],
     setRemoteSource = _useSetState2[1];
-  var _useCookieState = useCookieState(RUNTIME_COOKIE_KEY),
+  var _useCookieState = useCookieState(COOKIE_RUNTIME_KEY),
     _useCookieState2 = _slicedToArray(_useCookieState, 2),
     cookieRuntime = _useCookieState2[0],
     setRuntime = _useCookieState2[1];
-  var prevRuntime = usePrevious(cookieRuntime);
-  useEffect(function () {
-    setRuntime(runtime);
-    return function () {
-      return setRuntime(prevRuntime);
-    };
+  var prevRuntime = useRef(cookieRuntime);
+  useCreation(function () {
+    if (runtime !== cookieRuntime) {
+      prevRuntime.current = cookieRuntime;
+      setRuntime(runtime);
+    }
   }, []);
+  useUnmount(function () {
+    setRuntime(prevRuntime.current);
+  });
 
   // 获取页面数据
   var _useRequest = useRequest(fetchPageData, {
@@ -44,7 +53,7 @@ export default (function (_ref) {
     fetchPageDataLoading = _useRequest.loading,
     runFetchPageData = _useRequest.runAsync;
   // 获取模块数据
-  var _useRequest2 = useRequest(runtime === RUNTIME.DESIGN ? fetchDesignModlueData : fetchModlueData, {
+  var _useRequest2 = useRequest(_defineProperty(_defineProperty(_defineProperty({}, RUNTIME.DESIGN, fetchDesignModlueData), RUNTIME.PREVIEW, fetchPreviewModlueData), RUNTIME.LIVE, fetchModlueData)[runtime], {
       manual: true,
       onSuccess: function onSuccess(_ref2) {
         var code = _ref2.code,
@@ -151,7 +160,11 @@ export default (function (_ref) {
       refreshModlueData: refreshModlueData,
       refreshDataset: refreshDataset,
       refreshSerials: refreshSerials,
-      setPageData: setPageData
+      setPageData: setPageData,
+      back: back,
+      forward: forward,
+      backLength: backLength,
+      forwardLength: forwardLength
     })
   }, /*#__PURE__*/React.createElement(LuckDaContext.Provider, {
     value: _objectSpread(_objectSpread({}, remoteSource.module), {}, {

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

@@ -13,41 +13,43 @@ export function omitBadProps(props) {
 }
 export function listReducer(state, action) {
   switch (action.type) {
-    case 'init':
+    case 'insert':
       {
         var _action$callback;
-        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, action.payload);
-        return action.payload;
+        var newState = _toConsumableArray(state);
+        newState.splice(action.payload.index + 1, 0, action.payload.data);
+        (_action$callback = action.callback) === null || _action$callback === void 0 || _action$callback.call(action, newState);
+        return newState;
       }
     case 'add':
       {
         var _action$callback2;
-        var newState = [].concat(_toConsumableArray(state), [action.payload]);
-        (_action$callback2 = action.callback) === null || _action$callback2 === void 0 || _action$callback2.call(action, newState);
-        return newState;
+        var _newState = [].concat(_toConsumableArray(state), [action.payload]);
+        (_action$callback2 = action.callback) === null || _action$callback2 === void 0 || _action$callback2.call(action, _newState);
+        return _newState;
       }
     case 'delete':
       {
         var _action$callback3;
-        var _newState = state.filter(function (item) {
+        var _newState2 = state.filter(function (item) {
           return item.id !== action.payload;
         });
-        (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState);
-        return _newState;
+        (_action$callback3 = action.callback) === null || _action$callback3 === void 0 || _action$callback3.call(action, _newState2);
+        return _newState2;
       }
     case 'edit':
       {
         var _action$callback4;
-        var _newState2 = state.map(function (item) {
+        var _newState3 = state.map(function (item) {
           return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
         });
-        (_action$callback4 = action.callback) === null || _action$callback4 === void 0 || _action$callback4.call(action, _newState2);
-        return _newState2;
+        (_action$callback4 = action.callback) === null || _action$callback4 === void 0 || _action$callback4.call(action, _newState3);
+        return _newState3;
       }
     case 'batchEdit':
       {
         var _action$callback5;
-        var _newState3 = state.map(function (item) {
+        var _newState4 = state.map(function (item) {
           var newItem = action.payload.items.find(function (_id) {
             return _id === item.id;
           });
@@ -56,25 +58,25 @@ export function listReducer(state, action) {
           }
           return item;
         });
-        (_action$callback5 = action.callback) === null || _action$callback5 === void 0 || _action$callback5.call(action, _newState3);
-        return _newState3;
+        (_action$callback5 = action.callback) === null || _action$callback5 === void 0 || _action$callback5.call(action, _newState4);
+        return _newState4;
       }
     case 'active':
       {
         var _action$callback6;
-        var _newState4 = state.map(function (item) {
+        var _newState5 = state.map(function (item) {
           item.active = false;
           return item.id === action.payload.id ? _objectSpread(_objectSpread({}, item), action.payload.data) : item;
         });
-        (_action$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState4);
-        return _newState4;
+        (_action$callback6 = action.callback) === null || _action$callback6 === void 0 || _action$callback6.call(action, _newState5);
+        return _newState5;
       }
+    case 'init':
     case 'new':
       {
         var _action$callback7;
-        var _newState5 = _toConsumableArray(action.payload);
-        (_action$callback7 = action.callback) === null || _action$callback7 === void 0 || _action$callback7.call(action, _newState5);
-        return _newState5;
+        (_action$callback7 = action.callback) === null || _action$callback7 === void 0 || _action$callback7.call(action, action.payload);
+        return action.payload;
       }
     case 'sort':
       {

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

@@ -2,19 +2,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["props", "children"],
   _excluded2 = ["id", "component", "name", "desc", "icon", "group", "groupName", "order"];
 import React, { useRef } from 'react';
 import { dynamic } from 'umi';
-import { useMemoizedFn, useCookieState, useCreation } from 'ahooks';
+import { useMemoizedFn, useCreation } from 'ahooks';
 import { upperFirst } from 'lodash';
-import { LC_BUILDIN_UNIT_KEY_LIST, RUNTIME_COOKIE_KEY } from "../../constants";
+import { useContext } from "../provider/ContextProvider";
+import { LC_BUILDIN_UNIT_KEY_LIST } from "../../constants";
 export default function useCanvasRender(data, deps) {
   var dynamicCompMap = useRef({});
-  var _useCookieState = useCookieState(RUNTIME_COOKIE_KEY),
-    _useCookieState2 = _slicedToArray(_useCookieState, 1),
-    runtime = _useCookieState2[0];
+  var ctx = useContext();
   var render = useMemoizedFn(function (_ref) {
     var props = _ref.props,
       children = _ref.children,
@@ -37,7 +35,7 @@ export default function useCanvasRender(data, deps) {
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
-                    _runtime = upperFirst(runtime);
+                    _runtime = upperFirst(ctx.runtime);
                     _context.next = 3;
                     return import("../../view/lc-components/".concat(component, "/Function").concat(_runtime));
                   case 3: