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

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

@@ -4,6 +4,8 @@
 export var COMPONENT_MOUNT = 'component-mount';
 // 组件的卸载事件
 export var COMPONENT_UNMOUNT = 'component-unmount';
+// 页面公共资源变化事件
+export var PAGE_PUBLIC_RESOURCE_CHANGED = 'page-pubilc-resource-changed';
 
 /******************************** 通用Topic结束 ********************************/
 

package/es/lowcode/constants/index.js

@@ -3,10 +3,12 @@ export var RUNTIME = {
   DESIGN: 'design',
   PREVIEW: 'preview'
 };
-export var RUNTIME_COOKIE_KEY = 'Lowcode-Runtime';
-export var DATA_MODEL_CODE_KEY = 'Lowcode-Data-Model-Code';
+export var META_TAG_NAME = 'luckda-lcpage';
+export var COOKIE_RUNTIME_KEY = 'Lowcode-Runtime';
+export var COOKIE_VIRTUAL_ACCOUNT_KEY = 'Lowcode-Account';
 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_BUILDIN_UNIT_KEY = {
   PAGE_ROOT: 'page_root',
   PAGE_HEADER: 'page_header',

package/es/lowcode/engine/factory/panel-item-factory/SelectStrategy.js

@@ -6,15 +6,18 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["options", "onChange"];
+import React from 'react';
 import { Select } from 'luck-design/antd';
 import Strategy from "./Strategy";
 var _TYPE_ = 'select';
 var SelectComp = function SelectComp(_ref) {
   var options = _ref.options,
-    onChange = _ref.onChange,
+    _onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Select, _extends({
-    onChange: onChange,
+    onChange: function onChange(val) {
+      return _onChange(val);
+    },
     getPopupContainer: function getPopupContainer() {
       return document.getElementById('lc-design-workspace');
     }

package/es/lowcode/engine/factory/panel-item-factory/StringStrategy.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import { useRef } from 'react';
+import React, { useRef } from 'react';
 import { Input } from 'luck-design/antd';
 import { debounce } from 'lodash';
 import Strategy from "./Strategy";

package/es/lowcode/engine/factory/panel-item-factory/SwitchStrategy.js

@@ -3,17 +3,20 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import React from 'react';
 import { Switch } from 'luck-design/antd';
 import Strategy from "./Strategy";
 var _TYPE_ = 'switch';
 var SwitchComp = function SwitchComp(_ref) {
   var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
+    _onChange = _ref.onChange,
     size = _ref.size;
   return /*#__PURE__*/React.createElement(Switch, {
     defaultChecked: defaultValue,
     size: size,
-    onChange: onChange
+    onChange: function onChange(val) {
+      return _onChange(val);
+    }
   });
 };
 var SelectStrategy = /*#__PURE__*/function (_Strategy) {

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

@@ -1,6 +1,6 @@
 {
   "component": "Box",
-  "name": "容器",
+  "name": "盒子",
   "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
   "icon": "icon-box",
   "group": "container",

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

@@ -1,6 +1,6 @@
 {
   "component": "Box",
-  "name": "容器",
+  "name": "盒子",
   "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
   "icon": "icon-box",
   "group": "container",
@@ -21,19 +21,19 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount(params) {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onUnmount(params) {\n\t\n}"
       },
       {
         "key": "onClick",
         "name": "点击事件",
         "desc": "点击文本时，执行方法",
-        "func": "(e)=>{\n\t\n}"
+        "func": "function onClick(e) {\n\t\n}"
       }
     ]
   }

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

@@ -16,7 +16,7 @@
     {
       "key": "title",
       "name": "标题",
-      "type": "string",
+      "type": "_I18nInput",
       "repositioning": true,
       "default": "按钮"
     },
@@ -108,19 +108,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": "onClick",
         "name": "点击事件",
         "desc": "点击文本时，执行方法",
-        "func": "(e)=>{\n\t\n}"
+        "func": "function onClick(e) {\n\t\n}"
       }
     ]
   }

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

@@ -15,9 +15,19 @@
     },
     {
       "key": "dataset",
-      "name": "首次数据自动加载",
-      "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
+      "name": "数据集",
+      "type": "_DataSetSelector",
+      "component": "table",
+      "next": {
+        "name": "字段配置",
+        "props": [
+          {
+            "key": "fields",
+            "name": "#字段配置器",
+            "type": "_FieldsSetting"
+          }
+        ]
+      }
     },
     {
       "key": "autoLoad",
@@ -57,7 +67,7 @@
       "key": "actionTitle",
       "name": "操作列标题",
       "desc": "操作列的标题",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "操作列"
     },
     {

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

@@ -1,11 +1,113 @@
 [
+  {
+    "group": "field",
+    "groupName": "表单项",
+    "components": [
+      {
+        "component": "FieldColor",
+        "name": "颜色",
+        "desc": "颜色类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldComplex",
+        "name": "复合",
+        "desc": "复合类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldDate",
+        "name": "日期",
+        "desc": "日期类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldDict",
+        "name": "数据字典",
+        "desc": "数据字典类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldEditor",
+        "name": "富文本",
+        "desc": "富文本类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldGroup",
+        "name": "组维度",
+        "desc": "组维度类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldNumber",
+        "name": "数字",
+        "desc": "数字类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldRadio",
+        "name": "单选组件",
+        "desc": "圆形单选表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldRegion",
+        "name": "省市区选择",
+        "desc": "省市区级联选择表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldSelect",
+        "name": "下拉选择器",
+        "desc": "下拉选择器，支持单选、多选、tag标签选择",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldString",
+        "name": "字符串",
+        "desc": "字符串类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldSwitch",
+        "name": "开关",
+        "desc": "开关类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldTextarea",
+        "name": "文本框",
+        "desc": "文本框类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldUpload",
+        "name": "附件上传",
+        "desc": "附件上传表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldUser",
+        "name": "用户",
+        "desc": "用户类型表单项",
+        "icon": "icon-fieldstring"
+      },
+      {
+        "component": "FieldYear",
+        "name": "年份选择",
+        "desc": "年份选择表单项",
+        "icon": "icon-fieldstring"
+      }
+    ]
+  },
   {
     "group": "container",
     "groupName": "布局",
     "components": [
       {
         "component": "Box",
-        "name": "容器",
+        "name": "盒子",
         "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
         "icon": "icon-box"
       },
@@ -15,6 +117,12 @@
         "desc": "布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。",
         "icon": "icon-layout"
       },
+      {
+        "component": "PageLayout",
+        "name": "页面布局容器",
+        "desc": "页面布局容器一般用于构建页面时根节点的基础布局，分为左右布局、左上下布局以及左中右布局。",
+        "icon": "icon-pagelayout"
+      },
       {
         "component": "Section",
         "name": "分组",

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

@@ -8,13 +8,19 @@
   "order": 1,
   "title": "对话框",
   "width": "700px",
-  "height": "60vh",
-  "fullScreen": false,
-  "fullable": true,
+  "height": "50vh",
   "defaultOpen": false,
-  "mask": false,
-  "keyboard": true,
+  "destroyOnClose": true,
+  "mask": true,
+  "okText": "确定",
+  "cancelText": "取消",
   "footer": true,
+  "btnGroup": {
+    "display": "button",
+    "max": 2,
+    "moreText": "操作",
+    "todoList": []
+  },
   "advance": {
     "events": {}
   }

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

@@ -9,7 +9,7 @@
   "props": [
     {
       "key": "id",
-      "desc": "唯一标识",
+      "name": "唯一标识",
       "type": "string",
       "disabled": true
     },
@@ -17,70 +17,107 @@
       "key": "title",
       "name": "标题",
       "desc": "对话框左上角的标题",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "对话框"
     },
     {
       "key": "width",
-      "name": "宽度",
-      "desc": "对话框的宽度",
-      "type": "string",
+      "name": "对话框宽度",
+      "type": "_WidthHeight",
+      "options": [
+        {
+          "label": "px",
+          "value": "px"
+        },
+        {
+          "label": "%",
+          "value": "%"
+        },
+        {
+          "label": "vw",
+          "value": "vw"
+        },
+        {
+          "label": "A",
+          "value": "auto"
+        }
+      ],
       "default": "700px"
     },
     {
       "key": "height",
-      "name": "高度",
-      "desc": "对话框的高度",
-      "type": "string",
-      "default": "60vh"
-    },
-    {
-      "key": "fullScreen",
-      "name": "默认全屏",
-      "desc": "对话框打开默认全屏",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "fullable",
-      "name": "支持全屏切换",
-      "desc": "可以通过右上角按钮切换全屏状态",
-      "type": "boolean",
-      "default": true
+      "name": "内容区高度",
+      "type": "_WidthHeight",
+      "options": [
+        {
+          "label": "px",
+          "value": "px"
+        },
+        {
+          "label": "vh",
+          "value": "vh"
+        },
+        {
+          "label": "A",
+          "value": "auto"
+        }
+      ],
+      "default": "50vh"
     },
     {
       "key": "defaultOpen",
       "name": "默认显示",
       "desc": "默认是否显示",
-      "type": "boolean",
+      "type": "switch",
       "default": false
     },
+    {
+      "key": "destroyOnClose",
+      "name": "关闭销毁",
+      "desc": "关闭时销毁对话框里的子元素",
+      "type": "switch",
+      "default": true
+    },
     {
       "key": "mask",
       "name": "显示遮罩",
-      "desc": "是否展示遮罩",
-      "type": "boolean",
-      "default": false
+      "type": "switch",
+      "default": true
     },
     {
-      "key": "keyboard",
-      "name": "ESC关闭",
-      "desc": "是否支持键盘 esc 关闭",
-      "type": "boolean",
-      "default": true
+      "key": "okText",
+      "name": "确认文字",
+      "type": "_I18nInput",
+      "default": "确定"
+    },
+    {
+      "key": "cancelText",
+      "name": "取消文字",
+      "type": "_I18nInput",
+      "default": "取消"
     },
     {
       "key": "footer",
-      "name": "底部按钮是否显示",
+      "name": "显示footer",
       "desc": "是否显示底部按钮区域",
-      "type": "boolean",
+      "type": "switch",
       "default": true
     },
     {
       "key": "btnGroup",
       "name": "按钮组",
       "desc": "底部按钮区域的按钮组（参考按钮配置）",
-      "type": "_ActionSelector"
+      "type": "_ActionsEditor",
+      "default": {
+        "display": "button",
+        "max": 2,
+        "moreText": "操作",
+        "todoList": []
+      },
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
     }
   ],
   "advance": {
@@ -89,31 +126,31 @@
         "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": "onOpen",
         "name": "对话框打开时",
         "desc": "在对话框打开时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onOpen() {\n\t\n}"
       },
       {
         "key": "onClose",
         "name": "对话框关闭时",
         "desc": "在对话框打开时，执行方法，promise反馈false无法截断关闭",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onClose() {\n\t\n}"
       },
       {
-        "key": "onButtonClick",
-        "name": "按钮组点击",
-        "desc": "点击按钮组某个按钮时，执行方法",
-        "func": "(buttonKey,params)=>{\n\t\n}"
+        "key": "onOk",
+        "name": "确定按钮点击",
+        "desc": "点击确定按钮时，执行方法",
+        "func": "function onOk() {\n\t\n}"
       }
     ]
   }

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

@@ -17,7 +17,7 @@
       "key": "title",
       "name": "标题",
       "desc": "抽屉左上角的标题",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "抽屉"
     },
     {
@@ -100,43 +100,31 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "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": "onOpen",
         "name": "抽屉打开时",
         "desc": "在抽屉打开时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onOpen() {\n\t\n}"
       },
       {
         "key": "onClose",
         "name": "抽屉关闭时",
         "desc": "在抽屉打开时，执行方法，promise反馈false无法截断关闭",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onClose() {\n\t\n}"
       },
       {
-        "key": "onButtonClick",
-        "name": "按钮组点击",
-        "desc": "点击按钮组某个按钮时，执行方法",
-        "func": "(buttonKey,params)=>{\n\t\n}"
+        "key": "onOk",
+        "name": "确定按钮点击",
+        "desc": "点击确定按钮时，执行方法",
+        "func": "function onOk() {\n\t\n}"
       }
     ]
   }

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

@@ -0,0 +1,14 @@
+{
+  "component": "FieldColor",
+  "name": "颜色",
+  "group": "field",
+  "desc": "颜色类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "enableAlpha": false,
+  "placement": "topLeft",
+  "advance": {
+    "events": {}
+  }
+}

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

@@ -0,0 +1,63 @@
+{
+  "component": "FieldColor",
+  "name": "颜色",
+  "group": "field",
+  "desc": "颜色类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "enableAlpha",
+      "name": "启用透明度",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "placement",
+      "name": "弹出层位置",
+      "type": "select",
+      "options": [
+        {
+          "label": "左上",
+          "value": "topLeft"
+        },
+        {
+          "label": "右上",
+          "value": "topRight"
+        },
+        {
+          "label": "左下",
+          "value": "bottomLeft"
+        },
+        {
+          "label": "右下",
+          "value": "bottomRight"
+        }
+      ],
+      "default": "topLeft"
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "色值变化事件",
+        "desc": "在色值变化时，执行方法",
+        "func": "function onChange(colors) {\n\t\n}"
+      },
+      {
+        "key": "onOpen",
+        "name": "打开面板事件",
+        "desc": "在打开面板时，执行方法",
+        "func": "function onOpen(colors) {\n\t\n}"
+      },
+      {
+        "key": "onClose",
+        "name": "关闭面板事件",
+        "desc": "关闭面板时，执行方法",
+        "func": "function onClose(colors) {\n\t\n}"
+      }
+    ]
+  }
+}