@luck-design-biz/luckda 0.0.22-4 → 0.0.22-6

package/es/lowcode/engine/factory/panel-item-factory/StringStrategy.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 { Input } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'string';
+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 Input;
+    }
+  }]);
+  return StringStrategy;
+}(Strategy);
+export { StringStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/SwitchStrategy.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 { Switch } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'switch';
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Switch;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

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

@@ -0,0 +1,40 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import StringStrategy from "./StringStrategy";
+import SelectStrategy from "./SelectStrategy";
+import SwitchStrategy from "./SwitchStrategy";
+import SegmentedStrategy from "./SegmentedStrategy";
+import DynamicStrategy from "./DynamicStrategy";
+var Factory = /*#__PURE__*/function () {
+  function Factory() {
+    _classCallCheck(this, Factory);
+    this.strategies = {};
+    this._setPlugins();
+  }
+  _createClass(Factory, [{
+    key: "_setPlugins",
+    value: function _setPlugins() {
+      new StringStrategy(this);
+      new DynamicStrategy(this);
+      new SelectStrategy(this);
+      new SegmentedStrategy(this);
+      new SwitchStrategy(this);
+    }
+  }, {
+    key: "register",
+    value: function register(type, strategy) {
+      this.strategies[type] = strategy;
+    }
+  }, {
+    key: "getPanelItemFor",
+    value: function getPanelItemFor(type, value) {
+      var strategy = this.strategies[type];
+      if (strategy !== null && strategy !== void 0 && strategy.match(type)) {
+        return strategy.builder(value);
+      }
+      return null;
+    }
+  }]);
+  return Factory;
+}();
+export { Factory as default };

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

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

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

@@ -0,0 +1,40 @@
+{
+  "component": "Box",
+  "name": "容器",
+  "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
+  "icon": "icon-box",
+  "group": "container",
+  "groupName": "布局",
+  "order": 3,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e)=>{\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,16 @@
+{
+  "component": "Button",
+  "name": "按钮",
+  "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
+  "icon": "icon-button",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "style": {},
+  "title": "按钮",
+  "type": {
+    "key": "primary"
+  },
+  "size": "middle",
+  "effect": "hidden"
+}

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

@@ -0,0 +1,117 @@
+{
+  "component": "Button",
+  "name": "按钮",
+  "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
+  "icon": "icon-button",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "按钮上显示的文字",
+      "type": "string",
+      "default": "按钮"
+    },
+    {
+      "key": "type",
+      "name": "按钮类型",
+      "desc": "按钮类型",
+      "type": "_ButtonType",
+      "default": {
+        "key": "primary"
+      }
+    },
+    {
+      "key": "size",
+      "name": "按钮",
+      "desc": "按钮的大小尺寸",
+      "type": "segmented",
+      "options": [
+        {
+          "label": "小",
+          "value": "small"
+        },
+        {
+          "label": "中",
+          "value": "middle"
+        },
+        {
+          "label": "大",
+          "value": "large"
+        }
+      ],
+      "default": "middle"
+    },
+    {
+      "key": "icon",
+      "name": "图标",
+      "desc": "按钮标题前的图标",
+      "type": "_Icon",
+      "next": {
+        "name": "选择图标",
+        "props": [
+          {
+            "key": "icon",
+            "name": "#图标选择起",
+            "type": "_IconSelector"
+          }
+        ]
+      }
+    },
+    {
+      "key": "serials",
+      "name": "资源串",
+      "desc": "挂接模块资源串",
+      "type": "string"
+    },
+    {
+      "key": "effect",
+      "name": "资源串效果",
+      "desc": "当资源串条件生效时按钮的效果",
+      "type": "_SerialsEffect",
+      "options": [
+        {
+          "label": "禁用",
+          "value": "disable"
+        },
+        {
+          "label": "隐藏",
+          "value": "hidden"
+        }
+      ],
+      "default": "hidden"
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e)=>{\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,18 @@
+{
+  "component": "CardList",
+  "name": "卡片列表",
+  "desc": "用于以卡片的形式展示相关的信息或内容列表。它提供了一种可视化的方式来呈现多个项目，每个项目通常由一个卡片表示，包含相关的文本、图像和其他元素。",
+  "icon": "icon-cardlist",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "style": {},
+  "autoLoad": true,
+  "readOnly": false,
+  "isFlow": false,
+  "defaultPageSize": 30,
+  "actionTitle": "操作列",
+  "actionWidth": 100,
+  "actionHidden": false,
+  "maxWebShownActionCount": 2
+}

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

@@ -0,0 +1,144 @@
+{
+  "component": "CardList",
+  "name": "卡片列表",
+  "desc": "用于以卡片的形式展示相关的信息或内容列表。它提供了一种可视化的方式来呈现多个项目，每个项目通常由一个卡片表示，包含相关的文本、图像和其他元素。",
+  "icon": "icon-cardlist",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dateset",
+      "name": "首次数据自动加载",
+      "desc": "选择系统中的可用树形数据集",
+      "type": "_DataSetSelector"
+    },
+    {
+      "key": "autoLoad",
+      "name": "首次数据自动加载",
+      "desc": "首次数据是否自动加载，若存在必须带搜索条件再加载的情况，需要关闭",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "readOnly",
+      "name": "是否只读",
+      "desc": "卡片列表是否只读",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "isFlow",
+      "name": "是否流式",
+      "desc": "是否流式（不分页）",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "defaultPageSize",
+      "name": "默认分页数",
+      "desc": "isFlow为false时设置，默认单页分页数",
+      "type": "number",
+      "default": 30
+    },
+    {
+      "key": "batchOperations",
+      "name": "批量操作",
+      "desc": "批量操作配置",
+      "type": "_CardListActionSelector"
+    },
+    {
+      "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": "batchActions",
+      "name": "批量操作项",
+      "desc": "批量操作项",
+      "type": "_ActionSelector"
+    }
+  ],
+  "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": "onCardRender",
+        "name": "操作列点击",
+        "desc": "点击操作的回调函数",
+        "func": "(itemData)=>{\n\t\n}"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,128 @@
+[
+  {
+    "group": "container",
+    "groupName": "布局",
+    "components": [
+      {
+        "component": "Box",
+        "name": "容器",
+        "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
+        "icon": "icon-box"
+      },
+      {
+        "component": "Layout",
+        "name": "布局容器",
+        "desc": "布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。",
+        "icon": "icon-layout"
+      },
+      {
+        "component": "Section",
+        "name": "分组",
+        "desc": "分组组件用于将相关组件或内容进行分组和组织。使用户能够轻松创建具有分组效果的界面，并根据需要进行定制。s",
+        "icon": "icon-section"
+      },
+      {
+        "component": "Split",
+        "name": "分割面板容器",
+        "desc": "分割面板容器是一种可以通过拖拽分割线调整面板大小的容器组件，用于创建页面布局或需要调整可视区域的布局场景",
+        "icon": "icon-split"
+      },
+      {
+        "component": "Tabs",
+        "name": "选项卡",
+        "desc": "用于显示多个相关内容并提供切换功能。它包含了标签项、形态、大小等配置选项，使用户能够创建具有选项卡切换功能的界面，并根据需要自定义选项卡的外观和尺寸。",
+        "icon": "icon-tabs"
+      }
+    ]
+  },
+  {
+    "group": "basic",
+    "groupName": "基础",
+    "components": [
+      {
+        "component": "Button",
+        "name": "按钮",
+        "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
+        "icon": "icon-button"
+      },
+      {
+        "component": "Dialog",
+        "name": "对话框",
+        "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
+        "icon": "icon-dialog"
+      },
+      {
+        "component": "Drawer",
+        "name": "抽屉",
+        "desc": "抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到原任务。",
+        "icon": "icon-drawer"
+      },
+      {
+        "component": "Iframe",
+        "name": "Iframe",
+        "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
+        "icon": "icon-iframe"
+      },
+      {
+        "component": "ImEx",
+        "name": "导入导出",
+        "desc": "支持导入导出数据的按钮组件。",
+        "icon": "icon-imex"
+      },
+      {
+        "component": "Image",
+        "name": "图片",
+        "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
+        "icon": "icon-image"
+      },
+      {
+        "component": "JSX",
+        "name": "jsx代码段",
+        "desc": "通过编写JSX代码实现React组件的动态渲染。",
+        "icon": "icon-jsx"
+      },
+      {
+        "component": "Link",
+        "name": "超链",
+        "desc": "用于创建可点击的链接，以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
+        "icon": "icon-link"
+      },
+      {
+        "component": "Text",
+        "name": "文本",
+        "desc": "文本组件用于显示文本内容。",
+        "icon": "icon-text"
+      }
+    ]
+  },
+  {
+    "group": "advance",
+    "groupName": "高级",
+    "components": [
+      {
+        "component": "CardList",
+        "name": "卡片列表",
+        "desc": "用于以卡片的形式展示相关的信息或内容列表。它提供了一种可视化的方式来呈现多个项目，每个项目通常由一个卡片表示，包含相关的文本、图像和其他元素。",
+        "icon": "icon-cardlist"
+      },
+      {
+        "component": "Form",
+        "name": "表单",
+        "desc": "表单组件是用于收集、验证和提交用户输入数据的重要组件。",
+        "icon": "icon-form"
+      },
+      {
+        "component": "Table",
+        "name": "表格",
+        "desc": "用于展示和管理数据，实现数据的可视化和交互。用户可以根据配置数据集和表格属性，快速构建表格。",
+        "icon": "icon-table"
+      },
+      {
+        "component": "Tree",
+        "name": "树",
+        "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+        "icon": "icon-tree"
+      }
+    ]
+  }
+]

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

@@ -0,0 +1,19 @@
+{
+  "component": "Dialog",
+  "name": "对话框",
+  "desc": "需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。",
+  "icon": "icon-dialog",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "style": {},
+  "title": "对话框",
+  "width": "700px",
+  "height": "60vh",
+  "fullScreen": false,
+  "fullable": true,
+  "defaultOpen": false,
+  "mask": false,
+  "keyboard": true,
+  "footer": true
+}