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

package/lib/helper/ldComBuild.js

@@ -16,32 +16,29 @@ var _Builder = require("../components/Builder");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _index = _interopRequireDefault(require("./index.less"));
 var _excluded = ["className"];
-var getResources = function getResources() {
+var getResources = exports.getResources = function getResources() {
   var _ref = (0, _react.useContext)(_Builder.LuckDaContext) || {},
     _ref$resources = _ref.resources,
     resources = _ref$resources === void 0 ? [] : _ref$resources;
   return resources;
 };
-exports.getResources = getResources;
-var ldComBuilder = function ldComBuilder(Com) {
+var ldComBuilder = exports.ldComBuilder = function ldComBuilder(Com) {
   var Component = function Component(props) {
     var _com$props;
     var resources = getResources();
     var com = /*#__PURE__*/_react.default.createElement(Com, props);
-    return !(com === null || com === void 0 ? void 0 : (_com$props = com.props) === null || _com$props === void 0 ? void 0 : _com$props.resource) || (0, _lodash.includes)(resources, com.props.resource) ? com : _react.Fragment;
+    return !(com !== null && com !== void 0 && (_com$props = com.props) !== null && _com$props !== void 0 && _com$props.resource) || (0, _lodash.includes)(resources, com.props.resource) ? com : _react.Fragment;
   };
   return Component;
 };
-exports.ldComBuilder = ldComBuilder;
-var filterOptions = function filterOptions(options) {
+var filterOptions = exports.filterOptions = function filterOptions(options) {
   var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resource';
   var resources = getResources();
   return (0, _lodash.intersectionWith)(options, resources, function (arrVal, othVal) {
     return !arrVal[key] || arrVal[key] === othVal;
   });
 };
-exports.filterOptions = filterOptions;
-var deepFilterCom = function deepFilterCom(Com, childMark) {
+var deepFilterCom = exports.deepFilterCom = function deepFilterCom(Com, childMark) {
   var Component = function Component(_ref2) {
     var className = _ref2.className,
       props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
@@ -51,10 +48,9 @@ var deepFilterCom = function deepFilterCom(Com, childMark) {
     }));
     return _utils.ChildrenUtil.deepFilter(com, function (child) {
       var _child$props;
-      var data = !childMark(child) || !(child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.resource) || (0, _lodash.includes)(resources, child.props.resource);
+      var data = !childMark(child) || !(child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.resource) || (0, _lodash.includes)(resources, child.props.resource);
       return data;
     });
   };
   return Component;
-};
-exports.deepFilterCom = deepFilterCom;
+};

package/lib/index.js

@@ -12,7 +12,8 @@ var _exportNames = {
   buildLdAutoForm: true,
   buildLdGridForm: true,
   LdInfoPanel: true,
-  LdCard: true
+  LdCard: true,
+  LdRuntimeCom: true
 };
 Object.defineProperty(exports, "LdCard", {
   enumerable: true,
@@ -38,6 +39,12 @@ Object.defineProperty(exports, "LdInfoPanel", {
     return _LdInfoPanel.default;
   }
 });
+Object.defineProperty(exports, "LdRuntimeCom", {
+  enumerable: true,
+  get: function get() {
+    return _LdRuntimeCom.default;
+  }
+});
 Object.defineProperty(exports, "LdTree", {
   enumerable: true,
   get: function get() {
@@ -70,6 +77,7 @@ var _LdAutoForm = _interopRequireDefault(require("./components/LdAutoForm"));
 var _LdGridForm = _interopRequireDefault(require("./components/LdGridForm"));
 var _LdInfoPanel = _interopRequireDefault(require("./components/LdInfoPanel"));
 var _LdCard = _interopRequireDefault(require("./components/LdCard"));
+var _LdRuntimeCom = _interopRequireDefault(require("./components/LdRuntimeCom"));
 var _LdCom = require("./components/LdCom");
 Object.keys(_LdCom).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ICONLIST_URL = exports.ICONLIST_JS = void 0;
+// icon地址
+var ICONLIST_URL = exports.ICONLIST_URL = '/public/icons/iconfont.json';
+var ICONLIST_JS = exports.ICONLIST_JS = '/public/icons/iconfont.js';

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MODAL_OPEN = exports.MODAL_CLOSE = exports.LANG_SETTING_SELECT = exports.COMPONENT_UNMOUNT = exports.COMPONENT_SETTING_CLICK = exports.COMPONENT_MOUNT = exports.COMPONENT_MODIFY = exports.COMPONENT_HOVER = exports.COMPONENT_DELETE = exports.COMPONENT_APPEND = exports.COMPONENT_ACTIVE = void 0;
+/******************************** 通用Topic开始 ********************************/
+
+// 组件的加载完成事件
+var COMPONENT_MOUNT = exports.COMPONENT_MOUNT = 'component-mount';
+// 组件的卸载事件
+var COMPONENT_UNMOUNT = exports.COMPONENT_UNMOUNT = 'component-unmount';
+// 模态视图层打开事件
+var MODAL_OPEN = exports.MODAL_OPEN = 'modal-open';
+// 模态视图层关闭事件
+var MODAL_CLOSE = exports.MODAL_CLOSE = 'modal-close';
+
+/******************************** 通用Topic结束 ********************************/
+
+/******************************* Design Topic开始 *******************************/
+
+// 组件的hover事件
+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';
+
+/******************************* Design Topic结束 *******************************/
+
+/******************************** Live Topic开始 ********************************/
+
+/******************************** Live Topic结束 ********************************/
+
+// 国际化语言设置
+var LANG_SETTING_SELECT = exports.LANG_SETTING_SELECT = 'lang-setting-select';

package/lib/lowcode/constants/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RUNTIME = exports.CELL_KEY = exports.CELL_CLASS_NAME = void 0;
+var RUNTIME = exports.RUNTIME = {
+  LIVE: 'live',
+  DESIGN: 'design',
+  PREVIEW: 'preview'
+};
+var CELL_CLASS_NAME = exports.CELL_CLASS_NAME = 'ld-lc-cell';
+var CELL_KEY = exports.CELL_KEY = {
+  PAGE_ROOT: 'page_root',
+  PAGE_HEADER: 'page_header',
+  PAGE_CONTENT: 'page_content',
+  PAGE_FOOTER: 'page_footer'
+};

package/lib/lowcode/engine/factory/DataFactory.js

@@ -0,0 +1,3 @@
+"use strict";
+
+{}

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/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,56 @@
+"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
+  }, 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,56 @@
+"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 _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) {
+    onChange(newValue);
+  }, 400));
+  return /*#__PURE__*/React.createElement(_antd.Input, (0, _extends2.default)({
+    onChange: function onChange(e) {
+      return handleChange.current(e.target.value);
+    }
+  }, props));
+};
+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);

package/lib/lowcode/engine/factory/panel-item-factory/SwitchStrategy.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_ = 'switch';
+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.Switch;
+    }
+  }]);
+  return SelectStrategy;
+}(_Strategy2.default);

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

@@ -0,0 +1,48 @@
+"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 _StringStrategy = _interopRequireDefault(require("./StringStrategy"));
+var _SelectStrategy = _interopRequireDefault(require("./SelectStrategy"));
+var _SwitchStrategy = _interopRequireDefault(require("./SwitchStrategy"));
+var _SegmentedStrategy = _interopRequireDefault(require("./SegmentedStrategy"));
+var _DynamicStrategy = _interopRequireDefault(require("./DynamicStrategy"));
+var _GroupStrategy = _interopRequireDefault(require("./GroupStrategy"));
+var Factory = exports.default = /*#__PURE__*/function () {
+  function Factory() {
+    (0, _classCallCheck2.default)(this, Factory);
+    this.strategies = {};
+    this._setPlugins();
+  }
+  (0, _createClass2.default)(Factory, [{
+    key: "_setPlugins",
+    value: function _setPlugins() {
+      new _StringStrategy.default(this);
+      new _DynamicStrategy.default(this);
+      new _SelectStrategy.default(this);
+      new _SegmentedStrategy.default(this);
+      new _SwitchStrategy.default(this);
+      new _GroupStrategy.default(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;
+}();

package/lib/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/lib/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/lib/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": "default",
+  "size": "middle",
+  "block": false,
+  "ghost": false,
+  "serialEffect": "hidden"
+}