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

package/es/lowcode/constants/api-url.js

@@ -1,3 +1,352 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import { stringify } from 'querystring';
+import { request } from '@luck-design-biz/base/utils';
+import api from "@/services/ApiConfig";
+import { compress } from "../engine/tools/dataProcess";
+
 // icon地址
 export var ICONLIST_URL = '/public/icons/iconfont.json';
-export var ICONLIST_JS = '/public/icons/iconfont.js';
+export var ICONLIST_JS = '/public/icons/iconfont.js';
+
+// service地址
+var _API_PREFIX = "".concat(api.API_HOST, "/page");
+export var SERVICE_READ_DATASET = "".concat(_API_PREFIX, "/option/noAuthGetDataset");
+
+/**
+ * 通过菜单编码获取page相关数据
+ * @param {{code: string}} -code: 菜单编码
+ */
+export function fetchPageData(_x) {
+  return _fetchPageData.apply(this, arguments);
+}
+function _fetchPageData() {
+  _fetchPageData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", new Promise(function (resolve) {
+            setTimeout(function () {
+              var source = compress({
+                props: {
+                  id: 'page_root',
+                  group: 'build-in',
+                  component: 'Page',
+                  name: '页面',
+                  hasHeder: true,
+                  hasFooter: true
+                },
+                children: ['page_header', 'page_content', 'page_footer', 'dialog_ms2o9hj0', 'drawer_ou79jw8c'],
+                page_header: {
+                  props: {
+                    id: 'page_header',
+                    parentId: 'page_root',
+                    group: 'build-in',
+                    component: 'PageHeader',
+                    name: '页面头',
+                    fixed: false
+                  },
+                  children: ['text_kju78bvs'],
+                  text_kju78bvs: {
+                    props: {
+                      id: 'text_kju78bvs',
+                      parentId: 'page_header',
+                      group: 'basic',
+                      component: 'Text',
+                      name: '文本'
+                    }
+                  }
+                },
+                page_content: {
+                  props: {
+                    id: 'page_content',
+                    parentId: 'page_root',
+                    group: 'build-in',
+                    component: 'PageContent',
+                    name: '页面内容'
+                  },
+                  children: ['layout_OL4gi6mr'],
+                  layout_OL4gi6mr: {
+                    props: {
+                      component: 'Layout',
+                      name: '布局容器',
+                      icon: 'icon-layout',
+                      group: 'container',
+                      groupName: '布局',
+                      desc: '布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。',
+                      order: 1,
+                      css: {},
+                      columnRatio: '12:3:9',
+                      columnSpacing: 16,
+                      lineSpacing: 16,
+                      id: 'layout_OL4gi6mr'
+                    },
+                    children: ['box_xFuKLKBI', 'box_jeVHiHZV', 'box_5KLx4rGb'],
+                    box_xFuKLKBI: {
+                      props: {
+                        component: 'Box',
+                        name: '盒子',
+                        desc: '盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。',
+                        icon: 'icon-box',
+                        group: 'container',
+                        groupName: '布局',
+                        order: 3,
+                        css: 'height: auto; background-color: #5cdbd3',
+                        style: {
+                          gridColumn: 'span 12'
+                        },
+                        id: 'box_xFuKLKBI'
+                      },
+                      children: ['button_okj2n87x', 'text_nmu9wqqw'],
+                      button_okj2n87x: {
+                        props: {
+                          id: 'button_okj2n87x',
+                          parentId: 'box_ihj2n8cv',
+                          group: 'basic',
+                          component: 'Button',
+                          name: '按钮',
+                          title: '这是一个按钮',
+                          type: 'primary',
+                          size: 'large'
+                        }
+                      },
+                      text_nmu9wqqw: {
+                        props: {
+                          id: 'text_nmu9wqqw',
+                          parentId: 'box_ihj2n8cv',
+                          group: 'basic',
+                          component: 'Text',
+                          name: '文本'
+                        }
+                      }
+                    },
+                    box_jeVHiHZV: {
+                      props: {
+                        component: 'Box',
+                        name: '盒子',
+                        desc: '盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。',
+                        icon: 'icon-box',
+                        group: 'container',
+                        groupName: '布局',
+                        order: 3,
+                        style: {
+                          gridColumn: 'span 3'
+                        },
+                        css: 'height: 60px; background-color: #fff',
+                        id: 'box_jeVHiHZV'
+                      },
+                      children: ['tree_hh2b87qs'],
+                      tree_hh2b87qs: {
+                        props: {
+                          id: 'tree_hh2b87qs',
+                          parentId: 'box_diam9dis',
+                          group: 'advance',
+                          component: 'Tree',
+                          dataset: 'dsWmsStorageLocation',
+                          name: '树',
+                          defaultExpandDeep: '0',
+                          doubleClick: true
+                        }
+                      }
+                    },
+                    box_5KLx4rGb: {
+                      props: {
+                        component: 'Box',
+                        name: '盒子',
+                        desc: '盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。',
+                        icon: 'icon-box',
+                        group: 'container',
+                        groupName: '布局',
+                        order: 3,
+                        style: {
+                          gridColumn: 'span 9'
+                        },
+                        css: 'height: 360px; background-color: #fff',
+                        id: 'box_5KLx4rGb'
+                      },
+                      children: ['table_diam9dis'],
+                      table_diam9dis: {
+                        props: {
+                          id: 'table_diam9dis',
+                          parentId: 'box_s0j3j08t',
+                          group: 'advance',
+                          component: 'Table',
+                          name: '表格',
+                          dataset: 'dsWmsMaterialsData',
+                          width: '100%',
+                          height: '300px',
+                          bordered: false,
+                          zebra: '#e8e8e8',
+                          autoLoad: true,
+                          impexp: {
+                            export: true
+                          },
+                          readOnly: false,
+                          renderIndex: true,
+                          pagination: true,
+                          pageSize: 5,
+                          showSizeChanger: true,
+                          showQuickJumper: true,
+                          hideOnSinglePage: false,
+                          paginationSimple: false,
+                          suppressActions: false,
+                          actionsColumnWidth: 160,
+                          actions: {
+                            display: 'button',
+                            max: 2,
+                            moreText: '操作',
+                            todoList: [{
+                              actionCode: 'function todo(ctx) {\nconsole.log(111)\n}',
+                              actionPool: ['lucy'],
+                              id: 'h9ZZuLi6',
+                              name: '领用',
+                              riskLevel: 'danger',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(222)\n}',
+                              actionPool: ['lucy'],
+                              id: 'h9ZZuLi4',
+                              name: '作废',
+                              riskLevel: 'destroy',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(333)\n}',
+                              actionPool: ['lucy'],
+                              id: 'h9ZZuLi2',
+                              name: '上报',
+                              riskLevel: 'default',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }]
+                          },
+                          topActionGroup: {
+                            display: 'button',
+                            max: 2,
+                            moreText: '更多行为',
+                            todoList: [{
+                              actionCode: 'function todo(ctx) {\nconsole.log(1234, ctx)\n}',
+                              actionPool: ['lucy', 'sin2k98j'],
+                              id: 'ms8e2ik2',
+                              name: '新建',
+                              riskLevel: 'danger',
+                              serial: 'add',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(5678, ctx)\n}',
+                              actionPool: ['lucy'],
+                              id: 'z0op2ijh',
+                              name: '作废',
+                              riskLevel: 'destroy',
+                              serial: 'delete',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(9876, ctx.pageData)\n}',
+                              actionPool: ['lucy'],
+                              id: 'bndty2hn',
+                              name: '查阅',
+                              riskLevel: 'default',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(9999)\n}',
+                              actionPool: ['lucy'],
+                              id: 'zsio2a13',
+                              name: '导入',
+                              riskLevel: 'default',
+                              serial: 'import',
+                              serialEffect: 'disable'
+                            }, {
+                              actionCode: 'function todo(ctx) {\nconsole.log(4444)\n}',
+                              actionPool: ['lucy'],
+                              id: 'nnhgww00',
+                              name: '上报',
+                              riskLevel: 'default',
+                              serial: 'update',
+                              serialEffect: 'hidden'
+                            }]
+                          },
+                          rowSelection: true,
+                          suppressRowSelectionPagination: false,
+                          rowSelectionMode: 'multiple',
+                          defaultRowSelectedCode: "function getRowDefaultSelected(data, node, ctx) { \n return data.classify_name === '学习用品'; \n}",
+                          rowSelectableCode: "function getRowSelectable(data, node, ctx) { \n return data.classify_name !== '专用物资（运总）'; \n}"
+                        }
+                      }
+                    }
+                  }
+                },
+                page_footer: {
+                  props: {
+                    id: 'page_footer',
+                    parentId: 'page_root',
+                    group: 'build-in',
+                    component: 'PageFooter',
+                    name: '页面尾'
+                  }
+                },
+                dialog_ms2o9hj0: {
+                  props: {
+                    id: 'dialog_ms2o9hj0',
+                    parentId: 'page_root',
+                    group: 'basic',
+                    component: 'Dialog',
+                    name: '对话框'
+                  },
+                  children: ['form_gyusku8j'],
+                  form_gyusku8j: {
+                    props: {
+                      id: 'form_gyusku8j',
+                      parentId: 'dialog_ms2o9hj0',
+                      group: 'advance',
+                      component: 'Form',
+                      name: '表单'
+                    }
+                  }
+                },
+                drawer_ou79jw8c: {
+                  props: {
+                    id: 'drawer_ou79jw8c',
+                    parentId: 'page_root',
+                    group: 'basic',
+                    component: 'Drawer',
+                    name: '抽屉'
+                  },
+                  children: ['form_jknbjkun'],
+                  form_jknbjkun: {
+                    props: {
+                      id: 'form_jknbjkun',
+                      parentId: 'drawer_ou79jw8c',
+                      group: 'advance',
+                      component: 'Form',
+                      name: '表单'
+                    }
+                  }
+                }
+              });
+              resolve({
+                code: 1,
+                data: {
+                  dataModelCode: 'Kw9sp87g',
+                  moduleCode: 'moduleWmsMaterialsData',
+                  pageCode: 'zj8kB8V5',
+                  code: 'K1ZbNtiw'
+                },
+                list: [1],
+                detail: {
+                  1: {
+                    source: source
+                  }
+                }
+              });
+            }, 400);
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _fetchPageData.apply(this, arguments);
+}

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

@@ -4,10 +4,6 @@
 export var COMPONENT_MOUNT = 'component-mount';
 // 组件的卸载事件
 export var COMPONENT_UNMOUNT = 'component-unmount';
-// 模态视图层打开事件
-export var MODAL_OPEN = 'modal-open';
-// 模态视图层关闭事件
-export var MODAL_CLOSE = 'modal-close';
 
 /******************************** 通用Topic结束 ********************************/
 
@@ -25,6 +21,10 @@ export var COMPONENT_APPEND = 'component-append';
 export var COMPONENT_DELETE = 'component-delete';
 // 组件的修改事件
 export var COMPONENT_MODIFY = 'component-modify';
+// 组件重算位置事件
+export var COMPONENT_REPOSITIONING = 'component-repositioning';
+// 模态视图组件开关事件
+export var COMPONENT_MODAL_TOGGLE = 'component-modal-toggle';
 
 /******************************* Design Topic结束 *******************************/
 

package/es/lowcode/constants/index.js

@@ -9,4 +9,6 @@ export var CELL_KEY = {
   PAGE_HEADER: 'page_header',
   PAGE_CONTENT: 'page_content',
   PAGE_FOOTER: 'page_footer'
-};
+};
+export var CELL_KEY_LIST = Object.values(CELL_KEY);
+export var CONTAINER_UNIT = 'Box';

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

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 { Checkbox } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'checkbox';
+var CheckboxStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(CheckboxStrategy, _Strategy);
+  var _super = _createSuper(CheckboxStrategy);
+  function CheckboxStrategy(factory) {
+    var _this;
+    _classCallCheck(this, CheckboxStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(CheckboxStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Checkbox.Group;
+    }
+  }]);
+  return CheckboxStrategy;
+}(Strategy);
+export { CheckboxStrategy as default };

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

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+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 { InputNumber } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'number';
+var StringStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(StringStrategy, _Strategy);
+  var _super = _createSuper(StringStrategy);
+  function StringStrategy(factory) {
+    var _this;
+    _classCallCheck(this, StringStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(StringStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return InputNumber;
+    }
+  }]);
+  return StringStrategy;
+}(Strategy);
+export { StringStrategy as default };

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

@@ -14,7 +14,10 @@ var SelectComp = function SelectComp(_ref) {
     onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Select, _extends({
-    onChange: onChange
+    onChange: onChange,
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('lc-design-workspace');
+    }
   }, props), options.map(function (_ref2) {
     var value = _ref2.value,
       label = _ref2.label;

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

@@ -3,26 +3,27 @@ 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 _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["options", "onChange"];
 import { useRef } from 'react';
 import { Input } from 'luck-design/antd';
-import { throttle } from 'lodash';
+import { debounce } from 'lodash';
 import Strategy from "./Strategy";
 var _TYPE_ = 'string';
 var StringComp = function StringComp(_ref) {
-  var options = _ref.options,
-    onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var handleChange = useRef(throttle(function (newValue) {
+  var onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    size = _ref.size,
+    disabled = _ref.disabled;
+  var handleChange = useRef(debounce(function (newValue) {
     onChange(newValue);
   }, 400));
-  return /*#__PURE__*/React.createElement(Input, _extends({
+  return /*#__PURE__*/React.createElement(Input, {
     onChange: function onChange(e) {
       return handleChange.current(e.target.value);
-    }
-  }, props));
+    },
+    defaultValue: defaultValue,
+    size: size,
+    disabled: disabled
+  });
 };
 var StringStrategy = /*#__PURE__*/function (_Strategy) {
   _inherits(StringStrategy, _Strategy);

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

@@ -6,6 +6,16 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 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,
+    size = _ref.size;
+  return /*#__PURE__*/React.createElement(Switch, {
+    defaultChecked: defaultValue,
+    size: size,
+    onChange: onChange
+  });
+};
 var SelectStrategy = /*#__PURE__*/function (_Strategy) {
   _inherits(SelectStrategy, _Strategy);
   var _super = _createSuper(SelectStrategy);
@@ -24,7 +34,7 @@ var SelectStrategy = /*#__PURE__*/function (_Strategy) {
   }, {
     key: "builder",
     value: function builder() {
-      return Switch;
+      return SwitchComp;
     }
   }]);
   return SelectStrategy;

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

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import StringStrategy from "./StringStrategy";
+import NumberStrategy from "./NumberStrategy";
 import SelectStrategy from "./SelectStrategy";
 import SwitchStrategy from "./SwitchStrategy";
+import CheckboxStrategy from "./CheckboxStrategy";
 import SegmentedStrategy from "./SegmentedStrategy";
 import DynamicStrategy from "./DynamicStrategy";
 import GroupStrategy from "./GroupStrategy";
@@ -16,8 +18,10 @@ var Factory = /*#__PURE__*/function () {
     key: "_setPlugins",
     value: function _setPlugins() {
       new StringStrategy(this);
+      new NumberStrategy(this);
       new DynamicStrategy(this);
       new SelectStrategy(this);
+      new CheckboxStrategy(this);
       new SegmentedStrategy(this);
       new SwitchStrategy(this);
       new GroupStrategy(this);

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

@@ -6,7 +6,5 @@
   "group": "container",
   "groupName": "布局",
   "order": 3,
-  "style": {
-    "height": "60px"
-  }
+  "css": "height:60px; width: auto; background-color: #fff;"
 }

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

@@ -14,9 +14,7 @@
       "disabled": true
     }
   ],
-  "style": {
-    "height": "60px"
-  },
+  "css": "height:60px; width: auto; background-color: #fff;",
   "advance": {
     "events": [
       {

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

@@ -6,7 +6,7 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "style": {},
+  "css": {},
   "title": "按钮",
   "type": "default",
   "size": "middle",

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

@@ -17,6 +17,7 @@
       "key": "title",
       "name": "标题",
       "type": "string",
+      "repositioning": true,
       "default": "按钮"
     },
     {
@@ -29,6 +30,7 @@
       "key": "size",
       "name": "按钮",
       "type": "segmented",
+      "repositioning": true,
       "options": [
         {
           "label": "小",
@@ -50,6 +52,7 @@
       "name": "块级",
       "desc": "将按钮宽度调整为其父宽度的选项",
       "type": "switch",
+      "repositioning": true,
       "default": false
     },
     {
@@ -65,6 +68,7 @@
       "type": "_Icon",
       "next": {
         "name": "选择图标",
+        "autoClose": true,
         "props": [
           {
             "key": "icon",
@@ -72,7 +76,8 @@
             "type": "_IconSelector"
           }
         ]
-      }
+      },
+      "repositioning": true
     },
     {
       "key": "serials",
@@ -82,7 +87,7 @@
     {
       "key": "serialEffect",
       "name": "资源串效果",
-      "type": "_SerialEffect",
+      "type": "segmented",
       "options": [
         {
           "label": "禁用",
@@ -96,7 +101,7 @@
       "default": "hidden"
     }
   ],
-  "style": {},
+  "css": {},
   "advance": {
     "events": [
       {

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

@@ -6,7 +6,6 @@
   "group": "advance",
   "groupName": "高级",
   "order": 1,
-  "style": {},
   "autoLoad": true,
   "readOnly": false,
   "isFlow": false,