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

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

@@ -0,0 +1,51 @@
+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 { useRef } from 'react';
+import { Input } from 'luck-design/antd';
+import { debounce } from 'lodash';
+import Strategy from "./Strategy";
+var _TYPE_ = 'string';
+var StringComp = function StringComp(_ref) {
+  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, {
+    onChange: function onChange(e) {
+      return handleChange.current(e.target.value);
+    },
+    defaultValue: defaultValue,
+    size: size,
+    disabled: disabled
+  });
+};
+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 StringComp;
+    }
+  }]);
+  return StringStrategy;
+}(Strategy);
+export { StringStrategy as default };

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

@@ -0,0 +1,42 @@
+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 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);
+  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 SwitchComp;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

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

@@ -0,0 +1,44 @@
+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 SegmentedStrategy from "./SegmentedStrategy";
+import DynamicStrategy from "./DynamicStrategy";
+import GroupStrategy from "./GroupStrategy";
+var Factory = /*#__PURE__*/function () {
+  function Factory() {
+    _classCallCheck(this, Factory);
+    this.strategies = {};
+    this._setPlugins();
+  }
+  _createClass(Factory, [{
+    key: "_setPlugins",
+    value: function _setPlugins() {
+      new StringStrategy(this);
+      new NumberStrategy(this);
+      new DynamicStrategy(this);
+      new SelectStrategy(this);
+      new SegmentedStrategy(this);
+      new SwitchStrategy(this);
+      new GroupStrategy(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,12 @@
+{
+  "component": "Box",
+  "name": "容器",
+  "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
+  "icon": "icon-box",
+  "group": "container",
+  "groupName": "布局",
+  "order": 3,
+  "style": {
+    "height": "60px"
+  }
+}

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

@@ -0,0 +1,42 @@
+{
+  "component": "Box",
+  "name": "容器",
+  "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
+  "icon": "icon-box",
+  "group": "container",
+  "groupName": "布局",
+  "order": 3,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    }
+  ],
+  "style": {
+    "height": "60px"
+  },
+  "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

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

package/es/lowcode/engine/meta/{components/button.json → button.props.json}

@@ -1,104 +1,127 @@
-{
-  "component": "Button",
-  "name": "按钮",
-  "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
-  "icon": "icon-button",
-  "group": "basic",
-  "groupName": "基础",
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "title",
-      "name": "标题",
-      "desc": "按钮上显示的文字",
-      "type": "string",
-      "default": "按钮"
-    },
-    {
-      "key": "type",
-      "desc": "按钮类型",
-      "type": "_ButtonType",
-      "default": {
-        "key": "primary"
-      }
-    },
-    {
-      "key": "size",
-      "name": "按钮",
-      "desc": "按钮的大小尺寸",
-      "type": "radio",
-      "options": [
-        {
-          "label": "小",
-          "value": "small"
-        },
-        {
-          "label": "中",
-          "value": "middle"
-        },
-        {
-          "label": "大",
-          "value": "large"
-        }
-      ],
-      "default": "middle"
-    },
-    {
-      "key": "icon",
-      "name": "图标",
-      "desc": "按钮标题前的图标",
-      "type": "Icon"
-    },
-    {
-      "key": "serials",
-      "name": "资源串",
-      "desc": "挂接模块资源串",
-      "type": "string"
-    },
-    {
-      "key": "effect",
-      "name": "资源串效果",
-      "desc": "当资源串条件生效时按钮的效果",
-      "type": "radio",
-      "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}"
-      }
-    ]
-  }
+{
+  "component": "Button",
+  "name": "按钮",
+  "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
+  "icon": "icon-button",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "type": "string",
+      "repositioning": true,
+      "default": "按钮"
+    },
+    {
+      "key": "type",
+      "name": "按钮类型",
+      "type": "_ButtonType",
+      "default": "default"
+    },
+    {
+      "key": "size",
+      "name": "按钮",
+      "type": "segmented",
+      "repositioning": true,
+      "options": [
+        {
+          "label": "小",
+          "value": "small"
+        },
+        {
+          "label": "中",
+          "value": "middle"
+        },
+        {
+          "label": "大",
+          "value": "large"
+        }
+      ],
+      "default": "middle"
+    },
+    {
+      "key": "block",
+      "name": "块级",
+      "desc": "将按钮宽度调整为其父宽度的选项",
+      "type": "switch",
+      "repositioning": true,
+      "default": false
+    },
+    {
+      "key": "ghost",
+      "name": "幽灵按钮",
+      "desc": "幽灵属性按钮，设置为 true 后，按钮的内容颜色会切换至当前 theme 的 primaryColor，按钮的hover效果会消失",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "icon",
+      "name": "图标",
+      "type": "_Icon",
+      "next": {
+        "name": "选择图标",
+        "autoClose": true,
+        "props": [
+          {
+            "key": "icon",
+            "name": "#图标选择起",
+            "type": "_IconSelector"
+          }
+        ]
+      },
+      "repositioning": true
+    },
+    {
+      "key": "serials",
+      "name": "资源串",
+      "type": "string"
+    },
+    {
+      "key": "serialEffect",
+      "name": "资源串效果",
+      "type": "segmented",
+      "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

@@ -1,10 +1,18 @@
-{
-  "autoLoad": true,
-  "readOnly": false,
-  "isFlow": false,
-  "defaultPageSize": 30,
-  "actionTitle": "操作列",
-  "actionWidth": 100,
-  "actionHidden": false,
-  "maxWebShownActionCount": 2
+{
+  "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
 }