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

package/lib/lowcode/engine/factory/panel-item-factory/CheckboxStrategy.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _antd = require("luck-design/antd");
+var _Strategy2 = _interopRequireDefault(require("./Strategy"));
+var _TYPE_ = 'checkbox';
+var CheckboxStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
+  (0, _inherits2.default)(CheckboxStrategy, _Strategy);
+  var _super = (0, _createSuper2.default)(CheckboxStrategy);
+  function CheckboxStrategy(factory) {
+    var _this;
+    (0, _classCallCheck2.default)(this, CheckboxStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, (0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+  (0, _createClass2.default)(CheckboxStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return _antd.Checkbox.Group;
+    }
+  }]);
+  return CheckboxStrategy;
+}(_Strategy2.default);

package/lib/lowcode/engine/factory/panel-item-factory/NumberStrategy.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _antd = require("luck-design/antd");
+var _Strategy2 = _interopRequireDefault(require("./Strategy"));
+var _TYPE_ = 'number';
+var StringStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
+  (0, _inherits2.default)(StringStrategy, _Strategy);
+  var _super = (0, _createSuper2.default)(StringStrategy);
+  function StringStrategy(factory) {
+    var _this;
+    (0, _classCallCheck2.default)(this, StringStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, (0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+  (0, _createClass2.default)(StringStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return _antd.InputNumber;
+    }
+  }]);
+  return StringStrategy;
+}(_Strategy2.default);

package/lib/lowcode/engine/factory/panel-item-factory/SelectStrategy.js

@@ -21,7 +21,10 @@ var SelectComp = function SelectComp(_ref) {
     onChange = _ref.onChange,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_antd.Select, (0, _extends2.default)({
-    onChange: onChange
+    onChange: onChange,
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('lc-design-workspace');
+    }
   }, props), options.map(function (_ref2) {
     var value = _ref2.value,
       label = _ref2.label;

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

@@ -10,26 +10,27 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _antd = require("luck-design/antd");
 var _lodash = require("lodash");
 var _Strategy2 = _interopRequireDefault(require("./Strategy"));
-var _excluded = ["options", "onChange"];
 var _TYPE_ = 'string';
 var StringComp = function StringComp(_ref) {
-  var options = _ref.options,
-    onChange = _ref.onChange,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var handleChange = (0, _react.useRef)((0, _lodash.throttle)(function (newValue) {
+  var onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    size = _ref.size,
+    disabled = _ref.disabled;
+  var handleChange = (0, _react.useRef)((0, _lodash.debounce)(function (newValue) {
     onChange(newValue);
   }, 400));
-  return /*#__PURE__*/React.createElement(_antd.Input, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_antd.Input, {
     onChange: function onChange(e) {
       return handleChange.current(e.target.value);
-    }
-  }, props));
+    },
+    defaultValue: defaultValue,
+    size: size,
+    disabled: disabled
+  });
 };
 var StringStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
   (0, _inherits2.default)(StringStrategy, _Strategy);

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

@@ -13,6 +13,16 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _antd = require("luck-design/antd");
 var _Strategy2 = _interopRequireDefault(require("./Strategy"));
 var _TYPE_ = 'switch';
+var SwitchComp = function SwitchComp(_ref) {
+  var defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    size = _ref.size;
+  return /*#__PURE__*/React.createElement(_antd.Switch, {
+    defaultChecked: defaultValue,
+    size: size,
+    onChange: onChange
+  });
+};
 var SelectStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
   (0, _inherits2.default)(SelectStrategy, _Strategy);
   var _super = (0, _createSuper2.default)(SelectStrategy);
@@ -31,7 +41,7 @@ var SelectStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
   }, {
     key: "builder",
     value: function builder() {
-      return _antd.Switch;
+      return SwitchComp;
     }
   }]);
   return SelectStrategy;

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

@@ -8,8 +8,10 @@ exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _StringStrategy = _interopRequireDefault(require("./StringStrategy"));
+var _NumberStrategy = _interopRequireDefault(require("./NumberStrategy"));
 var _SelectStrategy = _interopRequireDefault(require("./SelectStrategy"));
 var _SwitchStrategy = _interopRequireDefault(require("./SwitchStrategy"));
+var _CheckboxStrategy = _interopRequireDefault(require("./CheckboxStrategy"));
 var _SegmentedStrategy = _interopRequireDefault(require("./SegmentedStrategy"));
 var _DynamicStrategy = _interopRequireDefault(require("./DynamicStrategy"));
 var _GroupStrategy = _interopRequireDefault(require("./GroupStrategy"));
@@ -23,8 +25,10 @@ var Factory = exports.default = /*#__PURE__*/function () {
     key: "_setPlugins",
     value: function _setPlugins() {
       new _StringStrategy.default(this);
+      new _NumberStrategy.default(this);
       new _DynamicStrategy.default(this);
       new _SelectStrategy.default(this);
+      new _CheckboxStrategy.default(this);
       new _SegmentedStrategy.default(this);
       new _SwitchStrategy.default(this);
       new _GroupStrategy.default(this);

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

@@ -6,7 +6,5 @@
   "group": "container",
   "groupName": "布局",
   "order": 3,
-  "style": {
-    "height": "60px"
-  }
+  "css": "height:60px; width: auto; background-color: #fff;"
 }

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

@@ -14,9 +14,7 @@
       "disabled": true
     }
   ],
-  "style": {
-    "height": "60px"
-  },
+  "css": "height:60px; width: auto; background-color: #fff;",
   "advance": {
     "events": [
       {

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

@@ -6,7 +6,7 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "style": {},
+  "css": {},
   "title": "按钮",
   "type": "default",
   "size": "middle",

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

@@ -17,6 +17,7 @@
       "key": "title",
       "name": "标题",
       "type": "string",
+      "repositioning": true,
       "default": "按钮"
     },
     {
@@ -29,6 +30,7 @@
       "key": "size",
       "name": "按钮",
       "type": "segmented",
+      "repositioning": true,
       "options": [
         {
           "label": "小",
@@ -50,6 +52,7 @@
       "name": "块级",
       "desc": "将按钮宽度调整为其父宽度的选项",
       "type": "switch",
+      "repositioning": true,
       "default": false
     },
     {
@@ -65,6 +68,7 @@
       "type": "_Icon",
       "next": {
         "name": "选择图标",
+        "autoClose": true,
         "props": [
           {
             "key": "icon",
@@ -72,7 +76,8 @@
             "type": "_IconSelector"
           }
         ]
-      }
+      },
+      "repositioning": true
     },
     {
       "key": "serials",
@@ -82,7 +87,7 @@
     {
       "key": "serialEffect",
       "name": "资源串效果",
-      "type": "_SerialEffect",
+      "type": "segmented",
       "options": [
         {
           "label": "禁用",
@@ -96,7 +101,7 @@
       "default": "hidden"
     }
   ],
-  "style": {},
+  "css": {},
   "advance": {
     "events": [
       {

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

@@ -6,7 +6,6 @@
   "group": "advance",
   "groupName": "高级",
   "order": 1,
-  "style": {},
   "autoLoad": true,
   "readOnly": false,
   "isFlow": false,

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

@@ -14,7 +14,7 @@
       "disabled": true
     },
     {
-      "key": "dateset",
+      "key": "dataset",
       "name": "首次数据自动加载",
       "desc": "选择系统中的可用树形数据集",
       "type": "_DataSetSelector"
@@ -94,7 +94,6 @@
       "type": "_ActionSelector"
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {

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

@@ -63,18 +63,18 @@
         "desc": "用于在当前文档中嵌入另一个独立的 HTML 文档、网页或其他类型的媒体内容。它提供了一种将外部内容嵌入到网页中的方法。",
         "icon": "icon-iframe"
       },
-      {
-        "component": "ImEx",
-        "name": "导入导出",
-        "desc": "支持导入导出数据的按钮组件。",
-        "icon": "icon-imex"
-      },
       {
         "component": "Image",
         "name": "图片",
         "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
         "icon": "icon-image"
       },
+      {
+        "component": "ImEx",
+        "name": "导入导出",
+        "desc": "支持导入导出数据的按钮组件。",
+        "icon": "icon-imex"
+      },
       {
         "component": "JSX",
         "name": "jsx代码段",

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

@@ -6,7 +6,6 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "style": {},
   "title": "对话框",
   "width": "700px",
   "height": "60vh",

package/lib/lowcode/engine/meta/dialog.props.json

@@ -83,7 +83,6 @@
       "type": "_ActionSelector"
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {

package/lib/lowcode/engine/meta/drawer.props.default.json

@@ -6,7 +6,6 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "style": {},
   "title": "抽屉",
   "width": 420,
   "height": 360,

package/lib/lowcode/engine/meta/drawer.props.json

@@ -94,7 +94,6 @@
       "type": "_ActionSelector"
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {

package/lib/lowcode/engine/meta/form.props.default.json

@@ -6,7 +6,6 @@
   "group": "advance",
   "groupName": "高级",
   "order": 1,
-  "style": {},
   "type": "auto",
   "saveBtnTitle": "保存",
   "defaultColumnCount": 4

package/lib/lowcode/engine/meta/form.props.json

@@ -14,7 +14,7 @@
       "disabled": true
     },
     {
-      "key": "dateset",
+      "key": "dataset",
       "name": "首次数据自动加载",
       "desc": "选择系统中的可用树形数据集",
       "type": "_DataSetSelector"
@@ -85,7 +85,6 @@
       "type": "number"
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {

package/lib/lowcode/engine/meta/iframe.props.default.json

@@ -6,6 +6,6 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "style": {},
+  "css": {},
   "supportFullScreen": true
 }

package/lib/lowcode/engine/meta/iframe.props.json

@@ -27,6 +27,6 @@
       "default": true
     }
   ],
-  "style": {},
+  "css": {},
   "advance": {}
 }

package/lib/lowcode/engine/meta/image.props.default.json

@@ -6,7 +6,7 @@
   "groupName": "基础",
   "desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
   "order": 1,
-  "style": {},
+  "css": {},
   "width": 350,
   "height": 200,
   "autoWidth": false,

package/lib/lowcode/engine/meta/image.props.json

@@ -88,7 +88,7 @@
       "default": false
     }
   ],
-  "style": {},
+  "css": {},
   "advance": {
     "events": [
       {

package/lib/lowcode/engine/meta/imex.props.default.json

@@ -6,7 +6,7 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "style": {},
+  "css": {},
   "type": "export",
   "title": "导入｜导出"
 }

package/lib/lowcode/engine/meta/imex.props.json

@@ -50,7 +50,7 @@
       "type": "string"
     }
   ],
-  "style": {},
+  "css": {},
   "advance": {
     "events": [
       {

package/lib/lowcode/engine/meta/js-editor/auto-complete.json

@@ -1,29 +1,135 @@
-[
-  {
-      "name":"Botton",
-      "triggerWord": "btn",
-      "completions": [
-          {
-              "label": "onClick",
-              "kind": "Method",
-              "insertText": "onClick(event=>{\n\t\n})"
-          }
-      ]
-  },
-  {
-      "name":"Context",
-      "triggerWord": "ctx",
-      "completions": [
-          {
-              "label": "customMethod",
-              "kind": "Method",
-              "insertText": "customMethod((btn,event)=>{\n\t\n})"
-          },
-          {
-              "label": "customProperty",
-              "kind": "Property",
-              "insertText": "customProperty"
-          }
-      ]
-  }
-]
+[
+  {
+    "name": "Box",
+    "triggerWord": "box",
+    "completions": []
+  },
+  {
+    "name": "Button",
+    "triggerWord": "button",
+    "completions": []
+  },
+  {
+    "name": "CardList",
+    "triggerWord": "cardlist",
+    "completions": []
+  },
+  {
+    "name": "Dialog",
+    "triggerWord": "dialog",
+    "completions": []
+  },
+  {
+    "name": "Drawer",
+    "triggerWord": "drawer",
+    "completions": [
+      {
+        "label": "open",
+        "kind": "property",
+        "insertText": "open",
+        "documentation": "    /**\r\n     * 是否打开\r\n     * @property\r\n     */\r"
+      },
+      {
+        "label": "doOpen",
+        "kind": "method",
+        "insertText": "doOpen",
+        "documentation": "    /**\r\n     * 打开弹窗\r\n     * @method\r\n     */\r"
+      },
+      {
+        "label": "doClose",
+        "kind": "method",
+        "insertText": "doClose",
+        "documentation": "    /**\r\n     * 关闭弹窗\r\n     * @method\r\n     */\r"
+      },
+      {
+        "label": "toggle",
+        "kind": "method",
+        "insertText": "toggle",
+        "documentation": "    /**\r\n     * @method\r\n     * 切换弹窗\r\n     */\r"
+      }
+    ]
+  },
+  {
+    "name": "Form",
+    "triggerWord": "form",
+    "completions": []
+  },
+  {
+    "name": "Iframe",
+    "triggerWord": "iframe",
+    "completions": []
+  },
+  {
+    "name": "Image",
+    "triggerWord": "image",
+    "completions": []
+  },
+  {
+    "name": "ImEx",
+    "triggerWord": "imex",
+    "completions": []
+  },
+  {
+    "name": "JSX",
+    "triggerWord": "jsx",
+    "completions": []
+  },
+  {
+    "name": "Layout",
+    "triggerWord": "layout",
+    "completions": []
+  },
+  {
+    "name": "Link",
+    "triggerWord": "link",
+    "completions": []
+  },
+  {
+    "name": "Section",
+    "triggerWord": "section",
+    "completions": []
+  },
+  {
+    "name": "Split",
+    "triggerWord": "split",
+    "completions": []
+  },
+  {
+    "name": "Table",
+    "triggerWord": "table",
+    "completions": []
+  },
+  {
+    "name": "Tabs",
+    "triggerWord": "tabs",
+    "completions": []
+  },
+  {
+    "name": "Text",
+    "triggerWord": "text",
+    "completions": []
+  },
+  {
+    "name": "Tree",
+    "triggerWord": "tree",
+    "completions": []
+  },
+  {
+    "name": "ContextProvider",
+    "triggerWord": "ctx",
+    "completions": [
+      {
+        "label": "getParentElement",
+        "kind": "method",
+        "insertText": "getParentElement(id)",
+        "documentation": "      /**\r\n       * @method\r\n       * @param {string} id - 组件id\r\n       * @return {object}\r\n       */\r"
+      },
+      {
+        "label": "getUrlParams",
+        "kind": "method",
+        "insertText": "getUrlParams",
+        "documentation": "      /**\r\n       * @method\r\n       * @return {object}\r\n       */\r"
+      }
+    ]
+  }
+]

package/lib/lowcode/engine/meta/jsx.props.default.json

@@ -6,5 +6,5 @@
   "group": "basic",
   "groupName": "基础",
   "order": 1,
-  "style": {}
+  "css": {}
 }

package/lib/lowcode/engine/meta/jsx.props.json

@@ -20,6 +20,6 @@
       "type": "_CodeEditor"
     }
   ],
-  "style": {},
+  "css": {},
   "advance": {}
 }

package/lib/lowcode/engine/meta/layout.props.default.json

@@ -6,7 +6,7 @@
   "groupName": "布局",
   "desc": "布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。",
   "order": 1,
-  "style": {},
+  "css": {},
   "columnRatio": "12:3:9",
   "columnSpacing": 16,
   "lineSpacing": 16

package/lib/lowcode/engine/meta/layout.props.json

@@ -88,7 +88,7 @@
       "default": 16
     }
   ],
-  "style": {},
+  "css": {},
   "advance": {
     "events": [
       {