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

package/es/lowcode/view/lc-components/Table/meta.json

@@ -32,64 +32,116 @@
       "default": false
     },
     {
-      "key": "pagination",
-      "name": "分页",
+      "key": "suppressPreset",
+      "name": "关闭预设",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "actionsColumn",
+      "name": "操作列",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "操作列",
+        "props": [
+          {
+            "key": "suppressActions",
+            "name": "隐藏操作列",
+            "type": "switch",
+            "default": false
+          },
+          {
+            "key": "actionsColumnWidth",
+            "name": "列宽",
+            "type": "_WidthHeight",
+            "options": [{ "label": "px", "value": "px" }],
+            "convertInt": true,
+            "default": 160
+          },
+          {
+            "key": "actions",
+            "name": "#操作项",
+            "desc": "单行操作项",
+            "type": "_TableActions",
+            "default": {"display": "text", "max": 2, "todoList": []},
+            "panelItem": { "suppressPadding": true }
+          }
+        ]
+      }
+    },
+    {
+      "key": "styleSetting",
+      "name": "风格和样式",
       "type": "group",
       "props": [
         {
-          "key": "isFlow",
-          "name": "是否流式",
-          "desc": "是否流式（不分页）",
-          "type": "switch",
+          "key": "width",
+          "name": "宽度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "height",
+          "name": "高度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "zebra",
+          "name": "斑马纹",
+          "type": "_TableZebra",
           "default": false
         },
         {
-          "key": "defaultPageSize",
-          "name": "默认分页数",
-          "desc": "isFlow为false时设置，默认单页分页数",
-          "type": "number",
-          "default": 30
+          "key": "bordered",
+          "name": "边框线",
+          "type": "switch",
+          "default": false
         }
       ]
     },
     {
-      "key": "actionsColumn",
-      "name": "操作列",
+      "key": "paginationSetting",
+      "name": "分页设置",
       "type": "group",
       "props": [
         {
-          "key": "actionTitle",
-          "name": "操作列标题",
-          "desc": "操作列的标题",
-          "type": "string",
-          "default": "操作列"
+          "key": "pagination",
+          "name": "开启分页",
+          "type": "switch",
+          "default": true
         },
         {
-          "key": "actionWidth",
-          "name": "操作列宽度",
-          "desc": "操作列宽度设置",
-          "type": "number",
-          "default": 100
+          "key": "showSizeChanger",
+          "name": "分页器",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "showQuickJumper",
+          "name": "快速跳转",
+          "type": "switch",
+          "default": true
         },
         {
-          "key": "actionHidden",
-          "name": "操作列是否隐藏",
-          "desc": "操作列是否隐藏",
-          "type": "boolean",
+          "key": "hideOnSinglePage",
+          "name": "单页无分页器",
+          "desc": "只有一页时隐藏分页器",
+          "type": "switch",
           "default": false
         },
         {
-          "key": "maxWebShownActionCount",
-          "name": "操作列最大展示数",
-          "desc": "操作列最大展示数,超出最大数变为最大展示数-1+更多",
-          "type": "number",
-          "default": 2
+          "key": "paginationSimple",
+          "name": "简单分页",
+          "type": "switch",
+          "default": false
         },
         {
-          "key": "actions",
-          "name": "操作项",
-          "desc": "单行操作项",
-          "type": "_ActionSelector"
+          "key": "pageSize",
+          "name": "每页条数",
+          "type": "number",
+          "default": 30
         }
       ]
     },
@@ -118,7 +170,6 @@
       "type": "_CSSEditor"
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {

package/lib/components/Builder/index.js

@@ -19,7 +19,7 @@ var _action2 = require("../../helper/action");
 var _utils = require("@luck-design-biz/base/utils");
 var LuckDaContext = exports.LuckDaContext = /*#__PURE__*/(0, _react.createContext)();
 var builder = function builder(WrappedComponent, moduleCode) {
-  var Component = function Component(props) {
+  var Component = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (!moduleCode) return (0, _utils.formatMessage)({
       id: 'luckda.paramMiss.moduleCode',
       label: '缺少模块Key'
@@ -118,7 +118,9 @@ var builder = function builder(WrappedComponent, moduleCode) {
         setFieldProps: setFieldProps,
         moduleCode: moduleCode
       })
-    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({}, moduleData || {}, {
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({
+      ref: ref
+    }, moduleData || {}, {
       doAction: doAction,
       openPop: openPop,
       closePop: closePop
@@ -134,7 +136,7 @@ var builder = function builder(WrappedComponent, moduleCode) {
         }, pops[ldId])
       });
     }));
-  };
+  });
   return Component;
 };
 var _default = exports.default = builder;

package/lib/components/LdGrid/index.js

@@ -20,7 +20,7 @@ var _List = require("@luck-design-biz/base/List");
 var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
 var _utils = require("../../utils");
 var _model = _interopRequireDefault(require("./model"));
-var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "wrapperRef", "list", "detail", "params", "filters", "loading", "unclosableSet", "onQuery", "doQuery", "pageno", "pagesize", "totalCount", "columnsRewrite", "columnsReset", "batchOperations", "formatDataSource", "resultSet", "actionsColumn", "readFilter", "isFlow", "isTreeGrid", "writable"],
+var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "wrapperRef", "list", "detail", "params", "filters", "loading", "unclosableSet", "onQuery", "doQuery", "pagination", "pageno", "pagesize", "totalCount", "columnsRewrite", "columnsReset", "batchOperations", "formatDataSource", "resultSet", "actionsColumn", "readFilter", "isFlow", "isTreeGrid", "writable"],
   _excluded2 = ["ldId", "moduleCode", "suppressInit", "overModel", "afterQuery", "isTreeGrid"];
 var LdGrid = function LdGrid(_ref) {
   var columns = _ref.columns,
@@ -38,6 +38,7 @@ var LdGrid = function LdGrid(_ref) {
     unclosableSet = _ref.unclosableSet,
     onQuery = _ref.onQuery,
     doQuery = _ref.doQuery,
+    pagination = _ref.pagination,
     current = _ref.pageno,
     pageSize = _ref.pagesize,
     total = _ref.totalCount,
@@ -144,11 +145,11 @@ var LdGrid = function LdGrid(_ref) {
     actionsColumn: _actionsColumn,
     batchOperations: _batchOperations,
     loading: loading,
-    pagination: isFlow ? false : {
+    pagination: isFlow ? false : (0, _objectSpread2.default)({
       total: total,
       current: current,
       pageSize: pageSize
-    },
+    }, pagination),
     dataSource: formatDataSource(list, detail),
     resultSet: _resultSet,
     gridId: namespace,
@@ -210,6 +211,14 @@ Index.propTypes = {
   _propTypes.default.shape({
     field: _propTypes.default.string.isRequired
   })),
+  pagination: _propTypes.default.shape({
+    pageSize: _propTypes.default.number,
+    pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.string),
+    showSizeChanger: _propTypes.default.bool,
+    showQuickJumper: _propTypes.default.bool,
+    hideOnSinglePage: _propTypes.default.bool,
+    simple: _propTypes.default.bool
+  }),
   batchOperations: _propTypes.default.array,
   // 批量操作元素
   formatDataSource: _propTypes.default.func,

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

@@ -1,9 +1,300 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ICONLIST_URL = exports.ICONLIST_JS = void 0;
+exports.SERVICE_READ_DATASET = exports.ICONLIST_URL = exports.ICONLIST_JS = void 0;
+exports.fetchPageData = fetchPageData;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _querystring = require("querystring");
+var _utils = require("@luck-design-biz/base/utils");
+var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
+var _dataProcess = require("../engine/tools/dataProcess");
 // icon地址
 var ICONLIST_URL = exports.ICONLIST_URL = '/public/icons/iconfont.json';
-var ICONLIST_JS = exports.ICONLIST_JS = '/public/icons/iconfont.js';
+var ICONLIST_JS = exports.ICONLIST_JS = '/public/icons/iconfont.js';
+
+// service地址
+var _API_PREFIX = "".concat(_ApiConfig.default.API_HOST, "/page");
+var SERVICE_READ_DATASET = exports.SERVICE_READ_DATASET = "".concat(_API_PREFIX, "/option/noAuthGetDataset");
+
+/**
+ * 通过菜单编码获取page相关数据
+ * @param {{code: string}} -code: 菜单编码
+ */
+function fetchPageData(_x) {
+  return _fetchPageData.apply(this, arguments);
+}
+function _fetchPageData() {
+  _fetchPageData = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(params) {
+    return (0, _regeneratorRuntime2.default)().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 = (0, _dataProcess.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,
+                      style: {},
+                      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,
+                        style: {
+                          gridColumn: 'span 12',
+                          height: 'auto'
+                        },
+                        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',
+                          height: '60px'
+                        },
+                        id: 'box_jeVHiHZV'
+                      },
+                      children: ['tree_hh2b87qs'],
+                      tree_hh2b87qs: {
+                        props: {
+                          id: 'tree_hh2b87qs',
+                          parentId: 'box_diam9dis',
+                          group: 'advance',
+                          component: 'Tree',
+                          name: '树'
+                        }
+                      }
+                    },
+                    box_5KLx4rGb: {
+                      props: {
+                        component: 'Box',
+                        name: '盒子',
+                        desc: '盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。',
+                        icon: 'icon-box',
+                        group: 'container',
+                        groupName: '布局',
+                        order: 3,
+                        style: {
+                          gridColumn: 'span 9',
+                          height: '360px'
+                        },
+                        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,
+                          readOnly: false,
+                          pagination: true,
+                          pageSize: 5,
+                          showSizeChanger: true,
+                          showQuickJumper: true,
+                          hideOnSinglePage: false,
+                          paginationSimple: false,
+                          suppressActions: false,
+                          actionsColumnWidth: 160,
+                          actions: {
+                            display: 'button',
+                            max: 2,
+                            todoList: [{
+                              actionCode: 'console.log(1234)',
+                              actionPool: ['lucy'],
+                              id: 'h9ZZuLi6',
+                              name: '领用',
+                              riskLevel: 'danger',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'console.log(5678)',
+                              actionPool: ['lucy'],
+                              id: 'h9ZZuLi4',
+                              name: '作废',
+                              riskLevel: 'destroy',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'console.log(9999)',
+                              actionPool: ['lucy'],
+                              id: 'h9ZZuLi2',
+                              name: '上报',
+                              riskLevel: 'default',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }]
+                          }
+                        }
+                      }
+                    }
+                  }
+                },
+                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);
+}