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

package/lib/lowcode/view/lc-components/Split/meta.json

@@ -0,0 +1,72 @@
+{
+  "component": "Split",
+  "name": "分割面板容器",
+  "icon": "icon-split",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
+  "order": 1,
+  "props": [
+    {
+      "key": "fieldId",
+      "name": "唯一标识",
+      "desc": "组件的唯一标识符，不能够与其它组件重名，不能够为空，且只能够使用以字母开头的，下划线以及数字的组合",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "display",
+      "name": "展现形式",
+      "desc": "表示分割面板容器的展现形式",
+      "type": "_SplitDisplay",
+      "default": "normal"
+    },
+    {
+      "key": "split",
+      "name": "分割方向",
+      "desc": "分割面板容器的分割方向（仅display为normal时有效）",
+      "type": "radio",
+      "options": [
+        {
+          "label": "垂直",
+          "value": "vertical"
+        },
+        {
+          "label": "水平",
+          "value": "horizontal"
+        }
+      ],
+      "default": "vertical"
+    },
+    {
+      "key": "ratio",
+      "name": "比率",
+      "desc": "表示分割面板容器所占比例的比率（仅display为normal时有效）",
+      "type": "string",
+      "default": "1:3"
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onChange",
+        "name": "尺寸变化事件",
+        "desc": "在面板尺寸发生变化时，执行方法",
+        "func": "(value)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Table/FunctionDesign.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _index = _interopRequireDefault(require("./index"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _index2 = require("../../../constants/index");
+var _excluded = ["children", "className"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_index.default, (0, _extends2.default)({
+    className: (0, _classnames.default)(_index2.CELL_CLASS_NAME, (0, _defineProperty2.default)({}, className, !!className))
+  }, props), children);
+};
+var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/Table/FunctionLive.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Table/index.js

@@ -6,26 +6,156 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
+var _luckda = require("@luck-design-biz/luckda");
+var _utils = require("@luck-design-biz/base/utils");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id"];
+var _excluded = ["id", "doAction", "className", "dataset"];
 var LCTable = function LCTable(_ref) {
   var id = _ref.id,
+    doAction = _ref.doAction,
+    className = _ref.className,
+    dataset = _ref.dataset,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    return ref.current;
+    return ref.current.wrapperRef.current;
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_luckda.LdGrid, {
     ref: ref,
-    style: {
-      padding: 8
-    }
-  }, "LCTable-", id));
+    id: id,
+    className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
+    height: "100%"
+    /**
+     * @description 组件唯一key,项目全局唯一
+     * @require true
+     * @default -
+     */,
+    ldId: id
+    /**
+     * @description 数据集key(可传树形数据集，传树形数据集自动转为树形表格)
+     * @require true
+     * @default -
+     */,
+    dataSetKey: dataset
+    /**
+     * @description 批量配置项
+     * @require false
+     * @default -
+     */,
+    batchOperations: [{
+      key: 'delete',
+      title: (0, _utils.formatMessage)({
+        id: 'app.base.operate.delete'
+      }),
+      resource: 'delete'
+    }]
+    /**
+     * @description 批量操作方法
+     * @require false
+     * @default -
+     */,
+    onBatchOperationsClick: function onBatchOperationsClick(key, selectedRows) {}
+    /**
+     * @description 同gridList的actionsColumn,getActions的返回值可配置resource
+     * @require false
+     * @default -
+     */,
+    actionsColumn: {
+      getActions: function getActions(data) {
+        return [{
+          title: (0, _utils.formatMessage)({
+            id: 'app.base.operate.update'
+          }),
+          action: function action() {},
+          resource: 'update'
+        }, {
+          title: (0, _utils.formatMessage)({
+            id: 'app.base.operate.delete'
+          }),
+          style: {
+            color: 'var(--luck-color-danger)'
+          },
+          action: function action() {},
+          resource: 'delete'
+        }];
+      }
+    },
+    rowSelection: "multiple"
+    /* ----------------------------其他可用配置开始 !!!不使用请删除!!!------------------------------ */
+    /**
+     * @description 是否只读
+     * @require false
+     * @default false
+     */
+    // readOnly={false}
+    /**
+     * @description 抑制初始化自动加载数据
+     * @require false
+     * @default -
+     */
+    // suppressInit={true}
+    /**
+     * @description 初始化后的回调
+     * @require false
+     * @default -
+     */
+    // afterInit={(res, dispatch, props)=>console.log(res, dispatch, props)}
+    /**
+     * @description 获取过滤条件
+     * @require false
+     * @default -
+     */
+    // readFilter={(params, filters)=>{}}
+    /**
+     * @description columns中的字段的覆写
+     * @require false
+     * @default -
+     */
+    // columnsRewrite={[{
+    //   field:'事例', // 必填,用于匹配覆写元素
+    //   title:'demo',
+    // }]}
+    /**
+     * @description columns中的字段的完全自定义，优先级大于columnsRewrite
+     * @require false
+     * @default -
+     */
+    // columnsReset={[]}
+    /**
+     * @description 格式化表格数据
+     * @require false
+     * @default -
+     */
+    // formatDataSource={(list, detail) => list.map(i => ({ ...detail[i], demo: 'test' }))}
+    /**
+     * @description 同树形表格getDataPath用法，用于构建树形表格层级关系
+     * @require false
+     * @default data =>data.sidcc?.substring(1, data.sidcc.length - 1).split(‘/‘)
+     */
+    // getDataPath={data =>data.sidcc?.substring(1, data.sidcc.length - 1).split(‘/‘)}
+    /**
+     * @description 复写model参数
+     * @require false
+     * @default -
+     */
+    // overModel={{ unclosableSet: ['ilinkno'] }}
+    /**
+     * @description 读取数据源后的回调,返回所有接口中所有
+     * @require false
+     * @default -
+     */
+    // afterQuery={(res) => console.log('afterQuery', res)}
+
+    // ... gridTable组件的其他可用属性
+    /* ----------------------------其他可用配置结束 !!!不使用请删除!!!------------------------------ */
+  }));
 };
-var _default = exports.default = LCTable;
+var _default = exports.default = (0, _luckda.ldModuleBuild)(LCTable, 'moduleWmsMaterialsData' /* 模块key,对应配置管理中心模块key */);

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

@@ -0,0 +1,174 @@
+{
+  "component": "Table",
+  "name": "表格",
+  "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
+  "icon": "icon-table",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dataset",
+      "name": "数据集",
+      "type": "_DataSetSelector"
+    },
+    {
+      "key": "autoLoad",
+      "name": "自动加载",
+      "desc": "首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "readOnly",
+      "name": "只读",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "pagination",
+      "name": "分页",
+      "type": "group",
+      "props": [
+        {
+          "key": "isFlow",
+          "name": "是否流式",
+          "desc": "是否流式（不分页）",
+          "type": "switch",
+          "default": false
+        },
+        {
+          "key": "defaultPageSize",
+          "name": "默认分页数",
+          "desc": "isFlow为false时设置，默认单页分页数",
+          "type": "number",
+          "default": 30
+        }
+      ]
+    },
+    {
+      "key": "actionsColumn",
+      "name": "操作列",
+      "type": "group",
+      "props": [
+        {
+          "key": "actionTitle",
+          "name": "操作列标题",
+          "desc": "操作列的标题",
+          "type": "string",
+          "default": "操作列"
+        },
+        {
+          "key": "actionWidth",
+          "name": "操作列宽度",
+          "desc": "操作列宽度设置",
+          "type": "number",
+          "default": 100
+        },
+        {
+          "key": "actionHidden",
+          "name": "操作列是否隐藏",
+          "desc": "操作列是否隐藏",
+          "type": "boolean",
+          "default": false
+        },
+        {
+          "key": "maxWebShownActionCount",
+          "name": "操作列最大展示数",
+          "desc": "操作列最大展示数,超出最大数变为最大展示数-1+更多",
+          "type": "number",
+          "default": 2
+        },
+        {
+          "key": "actions",
+          "name": "操作项",
+          "desc": "单行操作项",
+          "type": "_ActionSelector"
+        }
+      ]
+    },
+    {
+      "key": "batchOperations",
+      "name": "批量操作",
+      "desc": "批量操作配置",
+      "type": "_CardListActionSelector"
+    },
+    {
+      "key": "batchActions",
+      "name": "批量操作项",
+      "desc": "批量操作项",
+      "type": "_ActionSelector"
+    },
+    {
+      "key": "rowStyle",
+      "name": "行样式",
+      "desc": "向行添加 CSS 样式",
+      "type": "_CSSEditor"
+    },
+    {
+      "key": "cellStyle",
+      "name": "行样式",
+      "desc": "向行添加 CSS 样式",
+      "type": "_CSSEditor"
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onBatchOperationsClick",
+        "name": "批量操作点击",
+        "desc": "点击操作的回调函数",
+        "func": "(key, selectedRows)=>{\n\t\n}"
+      },
+      {
+        "key": "onActionClick",
+        "name": "操作列点击",
+        "desc": "点击操作的回调函数",
+        "func": "(itemData)=>{\n\t\n}"
+      },
+      {
+        "key": "actionRender",
+        "name": "操作列定制渲染",
+        "desc": "返回为false时，该操作不可见",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "onRowClick",
+        "name": "行单击",
+        "desc": "单击表格行时，执行方法",
+        "func": "(data, rowIndex, params)=>{\n\t\n}"
+      },
+      {
+        "key": "onRowDoubleClick",
+        "name": "行双击",
+        "desc": "双击表格行时，执行方法",
+        "func": "(data, rowIndex, params)=>{\n\t\n}"
+      },
+      {
+        "key": "onCellRender",
+        "name": "单元格渲染",
+        "desc": "当单元格渲染时，执行方法",
+        "func": "(data,rowIndex,column,params)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Tabs/FunctionDesign.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/Tabs/FunctionLive.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;

package/lib/lowcode/view/lc-components/Tabs/meta.json

@@ -0,0 +1,141 @@
+{
+  "component": "Tabs",
+  "name": "选项卡",
+  "icon": "icon-tabs",
+  "group": "container",
+  "groupName": "布局",
+  "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
+  "order": 1,
+  "props": [
+    {
+      "key": "fieldId",
+      "name": "唯一标识",
+      "desc": "组件的唯一标识符，不能够与其它组件重名，不能够为空，且只能够使用以字母开头的，下划线以及数字的组合",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "items",
+      "name": "标签项",
+      "desc": "表示标签项或选项卡的集合",
+      "type": "_TabsItems",
+      "default": []
+    },
+    {
+      "key": "shape",
+      "name": "形态",
+      "desc": "表示选项卡的形态或外观样式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "普通型",
+          "value": "pure"
+        },
+        {
+          "label": "包裹型",
+          "value": "wrapped"
+        },
+        {
+          "label": "文本型",
+          "value": "text"
+        },
+        {
+          "label": "胶囊型",
+          "value": "capsule"
+        }
+      ],
+      "default": "pure"
+    },
+    {
+      "key": "size",
+      "name": "大小",
+      "desc": "表示选项卡的形态或外观样式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "小",
+          "value": "small"
+        },
+        {
+          "label": "中",
+          "value": "default"
+        }
+      ],
+      "default": "default"
+    },
+    {
+      "key": "contentPadding",
+      "name": "内容间距",
+      "desc": "设定内容区的内间距，请输入合理的CSS padding值",
+      "type": "string",
+      "default": "20px 20px"
+    },
+    {
+      "key": "excessMode",
+      "name": "选项卡过多时的滑动模式",
+      "desc": "表示选项卡过多时的滑动模式",
+      "type": "radio",
+      "options": [
+        {
+          "label": "滑动",
+          "value": "slide"
+        },
+        {
+          "label": "下拉",
+          "value": "dropdown"
+        }
+      ],
+      "default": "slide"
+    },
+    {
+      "key": "unmountInactiveTabs",
+      "name": "切换销毁",
+      "desc": "表示选项卡切换时是否销毁非活动选项卡的内容",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "lazyLoad",
+      "name": "延迟加载",
+      "desc": "表示选项卡的延迟加载行为",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "needBadge",
+      "name": "开启徽标",
+      "desc": "表示选项卡是否开启徽标",
+      "type": "boolean",
+      "default": false
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "renderBadge",
+        "name": "徽标渲染",
+        "desc": "当needBadge为true时可配置。徽标渲染方法",
+        "func": "(tabItem)=>{\n\t\n}"
+      },
+      {
+        "key": "onExtraRender",
+        "name": "渲染导航栏附加内容",
+        "desc": "渲染导航栏附加内容方法",
+        "func": "(activeTab)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Text/FunctionDesign.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/Text/FunctionLive.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionLive = function FunctionLive(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionLive;