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

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,25 @@
+"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", "suppressPreset"];
+var FunctionDesign = function FunctionDesign(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    suppressPreset = _ref.suppressPreset,
+    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)),
+    suppressPreset: true
+  }, 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,246 @@ 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 _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
+var _LdGrid = _interopRequireDefault(require("../../../../components/LdGrid"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id"];
+var _helper = require("../../../engine/tools/helper");
+var _tablePropsDefault = _interopRequireDefault(require("../../../engine/meta/table.props.default.json"));
+var _excluded = ["context", "id", "className", "dataset", "width", "height", "bordered", "zebra", "autoLoad", "readOnly", "suppressActions", "actionsColumnWidth", "actions", "pagination", "pageSize", "showSizeChanger", "showQuickJumper", "hideOnSinglePage", "paginationSimple", "suppressPreset"];
 var LCTable = function LCTable(_ref) {
-  var id = _ref.id,
+  var context = _ref.context,
+    id = _ref.id,
+    className = _ref.className,
+    dataset = _ref.dataset,
+    width = _ref.width,
+    height = _ref.height,
+    bordered = _ref.bordered,
+    zebra = _ref.zebra,
+    autoLoad = _ref.autoLoad,
+    readOnly = _ref.readOnly,
+    suppressActions = _ref.suppressActions,
+    actionsColumnWidth = _ref.actionsColumnWidth,
+    actions = _ref.actions,
+    pagination = _ref.pagination,
+    pageSize = _ref.pageSize,
+    showSizeChanger = _ref.showSizeChanger,
+    showQuickJumper = _ref.showQuickJumper,
+    hideOnSinglePage = _ref.hideOnSinglePage,
+    paginationSimple = _ref.paginationSimple,
+    suppressPreset = _ref.suppressPreset,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ref = (0, _react.useRef)();
+  var latestZebra = (0, _ahooks.useLatest)(zebra);
+  var _pagination = (0, _ahooks.useCreation)(function () {
+    return {
+      isFlow: !pagination,
+      pagination: pagination ? {
+        pageSize: pageSize,
+        pageSizeOptions: ["".concat(pageSize), "".concat(pageSize * 2), "".concat(pageSize * 3)],
+        showSizeChanger: showSizeChanger,
+        showQuickJumper: showQuickJumper,
+        hideOnSinglePage: hideOnSinglePage,
+        simple: paginationSimple
+      } : null
+    };
+  }, [pagination, pageSize, showSizeChanger, showQuickJumper, hideOnSinglePage, paginationSimple]);
+  var _actionsColumn = (0, _ahooks.useCreation)(function () {
+    return {
+      actionsColumn: suppressActions ? null : {
+        width: actionsColumnWidth,
+        maxCount: actions.max,
+        type: actions.type,
+        getActions: function getActions() {
+          return actions.todoList.map(function (_action) {
+            return {
+              title: _action.name,
+              action: function action(d) {
+                console.log('doAction', d, _action);
+              },
+              resource: _action.serial,
+              style: _action.riskLevel === 'default' ? null : {
+                color: {
+                  danger: '#ff7875',
+                  destroy: '#820014'
+                }[_action.riskLevel]
+              }
+            };
+          });
+        }
+      }
+    };
+  }, [suppressActions, actionsColumnWidth, actions]);
+  (0, _ahooks.useUpdateEffect)(function () {
+    var itemsToUpdate = [];
+    ref.current.gridApi.api.forEachNode(function (rowNode) {
+      if (rowNode.rowIndex % 2 === 0) itemsToUpdate.push(rowNode.data);
+    });
+    ref.current.gridApi.api.updateRowData({
+      update: itemsToUpdate
+    });
+  }, [zebra]);
   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(_LdGrid.default, (0, _extends2.default)({
     ref: ref,
-    style: {
-      padding: 8
-    }
-  }, "LCTable-", id));
+    width: width,
+    height: height,
+    bordered: bordered,
+    id: id,
+    className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
+    ldId: id,
+    dataSetKey: dataset,
+    readOnly: readOnly,
+    suppressInit: !autoLoad,
+    getRowStyle: function getRowStyle(params) {
+      return latestZebra.current && params.node.rowIndex % 2 === 0 ? {
+        'background-color': latestZebra.current
+      } : {
+        'background-color': '#fff'
+      };
+    },
+    suppressPreset: suppressPreset
+    // operates={resources}
+  }, _pagination, _actionsColumn)));
+};
+LCTable.propTypes = {
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
+   */
+  id: _propTypes.default.string.isRequired,
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
+   */
+  dataset: _propTypes.default.string,
+  /**
+   * @name 自动加载
+   * @desc 首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭
+   * @type switch
+   * @default true
+   */
+  autoLoad: _propTypes.default.bool,
+  /**
+   * @name 只读
+   * @type switch
+   * @default false
+   */
+  readOnly: _propTypes.default.bool,
+  /**
+   * @name 关闭预设
+   * @type switch
+   * @default false
+   */
+  suppressPreset: _propTypes.default.bool,
+  /**
+   * @name 宽度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  width: _propTypes.default.string,
+  /**
+   * @name 高度
+   * @type _WidthHeight
+   * @default 100%
+   * @group styleSetting
+   */
+  height: _propTypes.default.string,
+  /**
+   * @name 边框线
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  border: _propTypes.default.bool,
+  /**
+   * @name 斑马纹
+   * @type switch
+   * @default false
+   * @group styleSetting
+   */
+  zebra: _propTypes.default.oneOfType[(_propTypes.default.bool, _propTypes.default.string)],
+  /**
+   * @name 开启分页
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  pagination: _propTypes.default.bool,
+  /**
+   * @name 每页条数
+   * @type number
+   * @default 30
+   * @group paginationSetting
+   */
+  pageSize: _propTypes.default.number,
+  /**
+   * @name 分页器
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showSizeChanger: _propTypes.default.bool,
+  /**
+   * @name 快速跳转
+   * @type switch
+   * @default true
+   * @group paginationSetting
+   */
+  showQuickJumper: _propTypes.default.bool,
+  /**
+   * @name 单页无分页器
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  hideOnSinglePage: _propTypes.default.bool,
+  /**
+   * @name 简单模式
+   * @type switch
+   * @default false
+   * @group paginationSetting
+   */
+  paginationSimple: _propTypes.default.bool,
+  /**
+   * @name 隐藏操作列
+   * @type switch
+   * @default false
+   * @groupNext actionsColumn
+   */
+  suppressActions: _propTypes.default.bool,
+  /**
+   * @name 隐藏操作列
+   * @type number
+   * @default 160
+   * @groupNext actionsColumn
+   */
+  actionsColumnWidth: _propTypes.default.number,
+  /**
+   * @name 最大显示数
+   * @type number
+   * @default 2
+   * @groupNext actionsColumn
+   */
+  maxActionsCount: _propTypes.default.number,
+  /**
+   * @name 操作项
+   * @type _TableActions
+   * @groupNext actionsColumn
+   */
+  actions: _propTypes.default.array
 };
+LCTable.defaultProps = (0, _helper.omitBadProps)(_tablePropsDefault.default, ['actionsColumn']);
 var _default = exports.default = LCTable;

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

@@ -0,0 +1,225 @@
+{
+  "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": "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": "width",
+          "name": "宽度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "height",
+          "name": "高度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "zebra",
+          "name": "斑马纹",
+          "type": "_TableZebra",
+          "default": false
+        },
+        {
+          "key": "bordered",
+          "name": "边框线",
+          "type": "switch",
+          "default": false
+        }
+      ]
+    },
+    {
+      "key": "paginationSetting",
+      "name": "分页设置",
+      "type": "group",
+      "props": [
+        {
+          "key": "pagination",
+          "name": "开启分页",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "showSizeChanger",
+          "name": "分页器",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "showQuickJumper",
+          "name": "快速跳转",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "hideOnSinglePage",
+          "name": "单页无分页器",
+          "desc": "只有一页时隐藏分页器",
+          "type": "switch",
+          "default": false
+        },
+        {
+          "key": "paginationSimple",
+          "name": "简单分页",
+          "type": "switch",
+          "default": false
+        },
+        {
+          "key": "pageSize",
+          "name": "每页条数",
+          "type": "number",
+          "default": 30
+        }
+      ]
+    },
+    {
+      "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"
+    }
+  ],
+  "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;