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

package/lib/lowcode/constants/api-url.js

@@ -1,8 +1,300 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ICON = void 0;
+exports.SERVICE_READ_DATASET = exports.ICONLIST_URL = exports.ICONLIST_JS = void 0;
+exports.fetchPageData = fetchPageData;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _querystring = require("querystring");
+var _utils = require("@luck-design-biz/base/utils");
+var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
+var _dataProcess = require("../engine/tools/dataProcess");
 // icon地址
-var ICON = exports.ICON = '/public/icons/iconfont.json';
+var ICONLIST_URL = exports.ICONLIST_URL = '/public/icons/iconfont.json';
+var ICONLIST_JS = exports.ICONLIST_JS = '/public/icons/iconfont.js';
+
+// service地址
+var _API_PREFIX = "".concat(_ApiConfig.default.API_HOST, "/page");
+var SERVICE_READ_DATASET = exports.SERVICE_READ_DATASET = "".concat(_API_PREFIX, "/option/noAuthGetDataset");
+
+/**
+ * 通过菜单编码获取page相关数据
+ * @param {{code: string}} -code: 菜单编码
+ */
+function fetchPageData(_x) {
+  return _fetchPageData.apply(this, arguments);
+}
+function _fetchPageData() {
+  _fetchPageData = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(params) {
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", new Promise(function (resolve) {
+            setTimeout(function () {
+              var source = (0, _dataProcess.compress)({
+                props: {
+                  id: 'page_root',
+                  group: 'build-in',
+                  component: 'Page',
+                  name: '页面',
+                  hasHeder: true,
+                  hasFooter: true
+                },
+                children: ['page_header', 'page_content', 'page_footer', 'dialog_ms2o9hj0', 'drawer_ou79jw8c'],
+                page_header: {
+                  props: {
+                    id: 'page_header',
+                    parentId: 'page_root',
+                    group: 'build-in',
+                    component: 'PageHeader',
+                    name: '页面头',
+                    fixed: false
+                  },
+                  children: ['text_kju78bvs'],
+                  text_kju78bvs: {
+                    props: {
+                      id: 'text_kju78bvs',
+                      parentId: 'page_header',
+                      group: 'basic',
+                      component: 'Text',
+                      name: '文本'
+                    }
+                  }
+                },
+                page_content: {
+                  props: {
+                    id: 'page_content',
+                    parentId: 'page_root',
+                    group: 'build-in',
+                    component: 'PageContent',
+                    name: '页面内容'
+                  },
+                  children: ['layout_OL4gi6mr'],
+                  layout_OL4gi6mr: {
+                    props: {
+                      component: 'Layout',
+                      name: '布局容器',
+                      icon: 'icon-layout',
+                      group: 'container',
+                      groupName: '布局',
+                      desc: '布局容器是一种提供列比例、列间距、行间距和样式等配置选项的元素，用于创建灵活的页面布局。它使用户能够轻松组织和排列组件，并实现各种复杂的布局需求。',
+                      order: 1,
+                      style: {},
+                      columnRatio: '12:3:9',
+                      columnSpacing: 16,
+                      lineSpacing: 16,
+                      id: 'layout_OL4gi6mr'
+                    },
+                    children: ['box_xFuKLKBI', 'box_jeVHiHZV', 'box_5KLx4rGb'],
+                    box_xFuKLKBI: {
+                      props: {
+                        component: 'Box',
+                        name: '盒子',
+                        desc: '盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。',
+                        icon: 'icon-box',
+                        group: 'container',
+                        groupName: '布局',
+                        order: 3,
+                        style: {
+                          gridColumn: 'span 12',
+                          height: 'auto'
+                        },
+                        id: 'box_xFuKLKBI'
+                      },
+                      children: ['button_okj2n87x', 'text_nmu9wqqw'],
+                      button_okj2n87x: {
+                        props: {
+                          id: 'button_okj2n87x',
+                          parentId: 'box_ihj2n8cv',
+                          group: 'basic',
+                          component: 'Button',
+                          name: '按钮',
+                          title: '这是一个按钮',
+                          type: 'primary',
+                          size: 'large'
+                        }
+                      },
+                      text_nmu9wqqw: {
+                        props: {
+                          id: 'text_nmu9wqqw',
+                          parentId: 'box_ihj2n8cv',
+                          group: 'basic',
+                          component: 'Text',
+                          name: '文本'
+                        }
+                      }
+                    },
+                    box_jeVHiHZV: {
+                      props: {
+                        component: 'Box',
+                        name: '盒子',
+                        desc: '盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。',
+                        icon: 'icon-box',
+                        group: 'container',
+                        groupName: '布局',
+                        order: 3,
+                        style: {
+                          gridColumn: 'span 3',
+                          height: '60px'
+                        },
+                        id: 'box_jeVHiHZV'
+                      },
+                      children: ['tree_hh2b87qs'],
+                      tree_hh2b87qs: {
+                        props: {
+                          id: 'tree_hh2b87qs',
+                          parentId: 'box_diam9dis',
+                          group: 'advance',
+                          component: 'Tree',
+                          name: '树'
+                        }
+                      }
+                    },
+                    box_5KLx4rGb: {
+                      props: {
+                        component: 'Box',
+                        name: '盒子',
+                        desc: '盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。',
+                        icon: 'icon-box',
+                        group: 'container',
+                        groupName: '布局',
+                        order: 3,
+                        style: {
+                          gridColumn: 'span 9',
+                          height: '360px'
+                        },
+                        id: 'box_5KLx4rGb'
+                      },
+                      children: ['table_diam9dis'],
+                      table_diam9dis: {
+                        props: {
+                          id: 'table_diam9dis',
+                          parentId: 'box_s0j3j08t',
+                          group: 'advance',
+                          component: 'Table',
+                          name: '表格',
+                          dataset: 'dsWmsMaterialsData',
+                          width: '100%',
+                          height: '300px',
+                          bordered: false,
+                          zebra: '#e8e8e8',
+                          autoLoad: true,
+                          readOnly: false,
+                          pagination: true,
+                          pageSize: 5,
+                          showSizeChanger: true,
+                          showQuickJumper: true,
+                          hideOnSinglePage: false,
+                          paginationSimple: false,
+                          suppressActions: false,
+                          actionsColumnWidth: 160,
+                          actions: {
+                            display: 'button',
+                            max: 2,
+                            todoList: [{
+                              actionCode: 'console.log(1234)',
+                              actionPool: ['lucy'],
+                              id: 'h9ZZuLi6',
+                              name: '领用',
+                              riskLevel: 'danger',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'console.log(5678)',
+                              actionPool: ['lucy'],
+                              id: 'h9ZZuLi4',
+                              name: '作废',
+                              riskLevel: 'destroy',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }, {
+                              actionCode: 'console.log(9999)',
+                              actionPool: ['lucy'],
+                              id: 'h9ZZuLi2',
+                              name: '上报',
+                              riskLevel: 'default',
+                              serial: 'read',
+                              serialEffect: 'hidden'
+                            }]
+                          }
+                        }
+                      }
+                    }
+                  }
+                },
+                page_footer: {
+                  props: {
+                    id: 'page_footer',
+                    parentId: 'page_root',
+                    group: 'build-in',
+                    component: 'PageFooter',
+                    name: '页面尾'
+                  }
+                },
+                dialog_ms2o9hj0: {
+                  props: {
+                    id: 'dialog_ms2o9hj0',
+                    parentId: 'page_root',
+                    group: 'basic',
+                    component: 'Dialog',
+                    name: '对话框'
+                  },
+                  children: ['form_gyusku8j'],
+                  form_gyusku8j: {
+                    props: {
+                      id: 'form_gyusku8j',
+                      parentId: 'dialog_ms2o9hj0',
+                      group: 'advance',
+                      component: 'Form',
+                      name: '表单'
+                    }
+                  }
+                },
+                drawer_ou79jw8c: {
+                  props: {
+                    id: 'drawer_ou79jw8c',
+                    parentId: 'page_root',
+                    group: 'basic',
+                    component: 'Drawer',
+                    name: '抽屉'
+                  },
+                  children: ['form_jknbjkun'],
+                  form_jknbjkun: {
+                    props: {
+                      id: 'form_jknbjkun',
+                      parentId: 'drawer_ou79jw8c',
+                      group: 'advance',
+                      component: 'Form',
+                      name: '表单'
+                    }
+                  }
+                }
+              });
+              resolve({
+                code: 1,
+                data: {
+                  dataModelCode: 'Kw9sp87g',
+                  moduleCode: 'moduleWmsMaterialsData',
+                  pageCode: 'zj8kB8V5',
+                  code: 'K1ZbNtiw'
+                },
+                list: [1],
+                detail: {
+                  1: {
+                    source: source
+                  }
+                }
+              });
+            }, 400);
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _fetchPageData.apply(this, arguments);
+}

package/lib/lowcode/constants/event-topics.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.COMPONENT_UNMOUNT = exports.COMPONENT_SETTING_CLICK = exports.COMPONENT_MOUNT = exports.COMPONENT_HOVER = exports.COMPONENT_ACTIVE = void 0;
+exports.LANG_SETTING_SELECT = exports.COMPONENT_UNMOUNT = exports.COMPONENT_SETTING_CLICK = exports.COMPONENT_REPOSITIONING = exports.COMPONENT_MOUNT = exports.COMPONENT_MODIFY = exports.COMPONENT_MODAL_TOGGLE = exports.COMPONENT_HOVER = exports.COMPONENT_DELETE = exports.COMPONENT_APPEND = exports.COMPONENT_ACTIVE = void 0;
 /******************************** 通用Topic开始 ********************************/
 
 // 组件的加载完成事件
@@ -21,9 +21,22 @@ var COMPONENT_HOVER = exports.COMPONENT_HOVER = 'component-hover';
 var COMPONENT_ACTIVE = exports.COMPONENT_ACTIVE = 'component-active';
 // 组件设置的click事件
 var COMPONENT_SETTING_CLICK = exports.COMPONENT_SETTING_CLICK = 'component-setting-click';
+// 组件的追加事件
+var COMPONENT_APPEND = exports.COMPONENT_APPEND = 'component-append';
+// 组件的删除事件
+var COMPONENT_DELETE = exports.COMPONENT_DELETE = 'component-delete';
+// 组件的修改事件
+var COMPONENT_MODIFY = exports.COMPONENT_MODIFY = 'component-modify';
+// 组件重算位置事件
+var COMPONENT_REPOSITIONING = exports.COMPONENT_REPOSITIONING = 'component-repositioning';
+// 模态视图组件开关事件
+var COMPONENT_MODAL_TOGGLE = exports.COMPONENT_MODAL_TOGGLE = 'component-modal-toggle';
 
 /******************************* Design Topic结束 *******************************/
 
 /******************************** Live Topic开始 ********************************/
 
-/******************************** Live Topic结束 ********************************/
+/******************************** Live Topic结束 ********************************/
+
+// 国际化语言设置
+var LANG_SETTING_SELECT = exports.LANG_SETTING_SELECT = 'lang-setting-select';

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

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+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 _umi = require("umi");
+var _lodash = require("lodash");
+var _Strategy2 = _interopRequireDefault(require("./Strategy"));
+var _TYPE_ = 'dynamic';
+var DynamicStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
+  (0, _inherits2.default)(DynamicStrategy, _Strategy);
+  var _super = (0, _createSuper2.default)(DynamicStrategy);
+  function DynamicStrategy(factory) {
+    var _this;
+    (0, _classCallCheck2.default)(this, DynamicStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, (0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+  (0, _createClass2.default)(DynamicStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder(value) {
+      return (0, _umi.dynamic)({
+        loader: function () {
+          var _loader = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+            var name, _yield$import, _Comp;
+            return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  name = (0, _lodash.trimStart)(value, '_');
+                  _context.next = 3;
+                  return function (specifier) {
+                    return new Promise(function (r) {
+                      return r(specifier);
+                    }).then(function (s) {
+                      return (0, _interopRequireWildcard2.default)(require(s));
+                    });
+                  }("../../../painter/panel-section/".concat(name));
+                case 3:
+                  _yield$import = _context.sent;
+                  _Comp = _yield$import.default;
+                  return _context.abrupt("return", _Comp);
+                case 6:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function loader() {
+            return _loader.apply(this, arguments);
+          }
+          return loader;
+        }()
+      });
+    }
+  }]);
+  return DynamicStrategy;
+}(_Strategy2.default);

package/lib/lowcode/engine/factory/panel-item-factory/GroupStrategy.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 _Strategy2 = _interopRequireDefault(require("./Strategy"));
+var _Collapse = _interopRequireDefault(require("../../../painter/components/Collapse"));
+var _TYPE_ = 'group';
+var DynamicStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
+  (0, _inherits2.default)(DynamicStrategy, _Strategy);
+  var _super = (0, _createSuper2.default)(DynamicStrategy);
+  function DynamicStrategy(factory) {
+    var _this;
+    (0, _classCallCheck2.default)(this, DynamicStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, (0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+  (0, _createClass2.default)(DynamicStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder(value) {
+      return _Collapse.default;
+    }
+  }]);
+  return DynamicStrategy;
+}(_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/SegmentedStrategy.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_ = 'segmented';
+var SelectStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
+  (0, _inherits2.default)(SelectStrategy, _Strategy);
+  var _super = (0, _createSuper2.default)(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    (0, _classCallCheck2.default)(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, (0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+  (0, _createClass2.default)(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return _antd.Segmented;
+    }
+  }]);
+  return SelectStrategy;
+}(_Strategy2.default);

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

@@ -0,0 +1,59 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("luck-design/antd");
+var _Strategy2 = _interopRequireDefault(require("./Strategy"));
+var _excluded = ["options", "onChange"];
+var _TYPE_ = 'select';
+var SelectComp = function SelectComp(_ref) {
+  var options = _ref.options,
+    onChange = _ref.onChange,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_antd.Select, (0, _extends2.default)({
+    onChange: onChange,
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('lc-design-workspace');
+    }
+  }, props), options.map(function (_ref2) {
+    var value = _ref2.value,
+      label = _ref2.label;
+    return /*#__PURE__*/React.createElement(_antd.Select.Option, {
+      key: value,
+      value: value
+    }, label);
+  }));
+};
+var SelectStrategy = exports.default = /*#__PURE__*/function (_Strategy) {
+  (0, _inherits2.default)(SelectStrategy, _Strategy);
+  var _super = (0, _createSuper2.default)(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    (0, _classCallCheck2.default)(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, (0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+  (0, _createClass2.default)(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return SelectComp;
+    }
+  }]);
+  return SelectStrategy;
+}(_Strategy2.default);

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

@@ -0,0 +1,27 @@
+"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 PanelItemStrategy = exports.default = /*#__PURE__*/function () {
+  function PanelItemStrategy(type) {
+    (0, _classCallCheck2.default)(this, PanelItemStrategy);
+    this.type = type;
+  }
+  (0, _createClass2.default)(PanelItemStrategy, [{
+    key: "builder",
+    value: function builder(value) {
+      throw new Error('builder Function Not implemented');
+    }
+  }, {
+    key: "match",
+    value: function match(type) {
+      throw new Error('support Function Not implemented');
+    }
+  }]);
+  return PanelItemStrategy;
+}();

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

@@ -0,0 +1,57 @@
+"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 _react = require("react");
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _Strategy2 = _interopRequireDefault(require("./Strategy"));
+var _TYPE_ = 'string';
+var StringComp = function StringComp(_ref) {
+  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, {
+    onChange: function onChange(e) {
+      return handleChange.current(e.target.value);
+    },
+    defaultValue: defaultValue,
+    size: size,
+    disabled: disabled
+  });
+};
+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 StringComp;
+    }
+  }]);
+  return StringStrategy;
+}(_Strategy2.default);