@luck-design-biz/luckda 0.0.26 → 1.0.0-alpha

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

@@ -1,9 +1,12 @@
 /******************************** 通用Topic开始 ********************************/
 
+export var PAGE_LOAD_MOUNT = 'page-load-mount';
 // 组件的加载完成事件
 export var COMPONENT_MOUNT = 'component-mount';
 // 组件的卸载事件
 export var COMPONENT_UNMOUNT = 'component-unmount';
+// 页面公共资源变化事件
+export var PAGE_STATE_CHANGED = 'page-state-changed';
 
 /******************************** 通用Topic结束 ********************************/
 
@@ -15,9 +18,26 @@ export var COMPONENT_HOVER = 'component-hover';
 export var COMPONENT_ACTIVE = 'component-active';
 // 组件设置的click事件
 export var COMPONENT_SETTING_CLICK = 'component-setting-click';
+// 组件的追加事件
+export var COMPONENT_APPEND = 'component-append';
+// 组件的删除事件
+export var COMPONENT_DELETE = 'component-delete';
+// 组件的修改事件
+export var COMPONENT_MODIFY = 'component-modify';
+// 组件重算位置事件
+export var COMPONENT_REPOSITIONING = 'component-repositioning';
+// 模态视图组件开关事件
+export var COMPONENT_MODAL_TOGGLE = 'component-modal-toggle';
+// 组件被拖放时的事件
+export var COMPONENT_DRAG_OVER = 'component-drag-over';
+// 组件拖放完成时的事件
+export var COMPONENT_DRAG_END = 'component-drag-end';
 
 /******************************* Design Topic结束 *******************************/
 
 /******************************** Live Topic开始 ********************************/
 
-/******************************** Live Topic结束 ********************************/
+/******************************** Live Topic结束 ********************************/
+
+// 国际化语言设置
+export var LANG_SETTING_SELECT = 'lang-setting-select';

package/es/lowcode/constants/index.js

@@ -3,10 +3,40 @@ export var RUNTIME = {
   DESIGN: 'design',
   PREVIEW: 'preview'
 };
-export var CELL_CLASS_NAME = 'ld-lc-cell';
-export var CELL_KEY = {
+export var META_TAG_NAME = 'luckda-lcpage';
+export var COOKIE_VIRTUAL_ACCOUNT_KEY = 'Lowcode-Account';
+export var LC_RUNTIME_KEY = 'Lowcode-Runtime';
+export var LC_COMPONENT_UNIT_KEY = 'luckda-unitmark';
+export var LC_COMPONENT_UNIT = 'lc-component';
+export var LC_FORMITEM_UNIT = 'lc-formitem';
+export var LC_BUILDIN_UNIT_KEY = {
   PAGE_ROOT: 'page_root',
   PAGE_HEADER: 'page_header',
   PAGE_CONTENT: 'page_content',
   PAGE_FOOTER: 'page_footer'
+};
+export var LC_BUILDIN_UNIT_KEY_LIST = Object.values(LC_BUILDIN_UNIT_KEY);
+
+// 最小容器单元
+export var CONTAINER_UNITS = ['Box', 'PageHeader', 'PageContent', 'PageFooter'];
+// 不能拖入组件列表
+export var NO_DROPABLE = [];
+// 不能拖拽组件列表
+export var NO_DRAGABLE = ['PageRoot', 'PageFooter', 'PageHeader', 'PageContent', 'Drawer', 'Dialog'];
+export var FIELD_SCOPES = {
+  BASIC_INFO: 'BASIC_INFO',
+  // 基础信息
+  DEFAULT_VALUE: 'DEFAULT_VALUE',
+  // 默认值
+  CHECK_RULES: 'CHECK_RULES',
+  // 校验规则
+  FIELD_REQUIRED: 'FIELD_NOTNULL',
+  // 字段必填
+  FIELD_FORM_DISPLAY: 'FORM_DISPLAY',
+  // 表单显示
+  FIELD_TABLE_DISPLAY: 'FIELD_SHOW',
+  // 表格显示
+  FIELD_WRITABLE: 'FIELD_WRITABLE',
+  // 字段可写
+  FIELD_READONLY: 'FIELD_READONLY' // 字段只读
 };

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

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

@@ -0,0 +1,60 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+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 { dynamic } from 'umi';
+import { trimStart } from 'lodash';
+import Strategy from "./Strategy";
+var _TYPE_ = 'dynamic';
+var DynamicStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(DynamicStrategy, _Strategy);
+  var _super = _createSuper(DynamicStrategy);
+  function DynamicStrategy(factory) {
+    var _this;
+    _classCallCheck(this, DynamicStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(DynamicStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder(value) {
+      return dynamic({
+        loader: function () {
+          var _loader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+            var name, _yield$import, _Comp;
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  name = trimStart(value, '_');
+                  _context.next = 3;
+                  return import("../../../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;
+}(Strategy);
+export { DynamicStrategy as default };

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

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

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

@@ -0,0 +1,53 @@
+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 React from 'react';
+import { Radio } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'radio';
+var RadioComp = function RadioComp(_ref) {
+  var _onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    size = _ref.size,
+    options = _ref.options;
+  return /*#__PURE__*/React.createElement(Radio.Group, {
+    onChange: function onChange(e) {
+      return _onChange(e.target.value);
+    },
+    defaultValue: defaultValue,
+    size: size
+  }, options.map(function (_ref2) {
+    var value = _ref2.value,
+      label = _ref2.label;
+    return /*#__PURE__*/React.createElement(Radio, {
+      key: value,
+      value: value
+    }, label);
+  }));
+};
+var RadioStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(RadioStrategy, _Strategy);
+  var _super = _createSuper(RadioStrategy);
+  function RadioStrategy(factory) {
+    var _this;
+    _classCallCheck(this, RadioStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(RadioStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return RadioComp;
+    }
+  }]);
+  return RadioStrategy;
+}(Strategy);
+export { RadioStrategy as default };

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

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

@@ -0,0 +1,56 @@
+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 _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["options", "onChange"];
+import React from 'react';
+import { Select } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'select';
+var SelectComp = function SelectComp(_ref) {
+  var options = _ref.options,
+    _onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    onChange: function onChange(val) {
+      return _onChange(val);
+    },
+    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(Select.Option, {
+      key: value,
+      value: value
+    }, label);
+  }));
+};
+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 SelectComp;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

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

@@ -0,0 +1,21 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+var PanelItemStrategy = /*#__PURE__*/function () {
+  function PanelItemStrategy(type) {
+    _classCallCheck(this, PanelItemStrategy);
+    this.type = type;
+  }
+  _createClass(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;
+}();
+export { PanelItemStrategy as default };

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 React, { 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.trim());
+  }, 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,45 @@
+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 React from 'react';
+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: function onChange(val) {
+      return _onChange(val);
+    }
+  });
+};
+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,48 @@
+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 CheckboxStrategy from "./CheckboxStrategy";
+import SegmentedStrategy from "./SegmentedStrategy";
+import RadioStrategy from "./RadioStrategy";
+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 CheckboxStrategy(this);
+      new SegmentedStrategy(this);
+      new RadioStrategy(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/launcher.js

@@ -0,0 +1,39 @@
+import { history } from 'umi';
+import { loadScript, getMetaAttr } from "./tools/helper";
+import { LC_RUNTIME_KEY, RUNTIME } from "../constants";
+var transformUrl = function transformUrl(url) {
+  var prefix = 'layer:/byteman';
+  var previewPrefix = 'layer:/byteman/preview';
+  if (getMetaAttr(LC_RUNTIME_KEY) === RUNTIME.PREVIEW && url.startsWith(prefix) && !url.startsWith(previewPrefix)) {
+    // 找到问号的位置
+    var questionMarkIndex = url.indexOf('?');
+
+    // 分割URL和查询参数
+    var urlPart = url.substring(0, questionMarkIndex);
+    var queryPart = url.substring(questionMarkIndex + 1);
+    var prevQueryPart = history.location.search;
+
+    // 提取代码部分
+    var parts = urlPart.split('/');
+    var code = parts.pop();
+
+    // 构建新的URL部分
+    var newUrlPart = parts.join('/') + '/preview/' + code;
+
+    // 返回合并后的新字符串
+    return "".concat(newUrlPart).concat(prevQueryPart, "&").concat(queryPart);
+  }
+
+  // 如果不符合条件，返回原字符串
+  return url;
+};
+export default function launcher() {
+  console.log('%c LuckdaLowCodeEngine %c v'.concat(BIZ_VERSION, ' '), 'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060; font-weight: bold;', 'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;');
+  window.loadScript = loadScript;
+  var originOpenUrl = window.openUrl;
+  window.openUrl = function (url, params) {
+    return originOpenUrl(transformUrl(url), params);
+  };
+  window.PRIMARY_KEY = window.appConfig.constraintKeys.PRIMARY;
+  window.PARENT_KEY = window.appConfig.constraintKeys.PARENT;
+}

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

@@ -0,0 +1,13 @@
+{
+  "component": "Box",
+  "name": "盒子",
+  "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
+  "icon": "icon-box",
+  "group": "container",
+  "groupName": "布局",
+  "order": 3,
+  "css": "height:100%; width: auto; background-color: #fff;",
+  "advance": {
+    "events": {}
+  }
+}

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",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    }
+  ],
+  "css": "height:100%; width: auto; background-color: #fff;",
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount(params) {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount(params) {\n\t\n}"
+      },
+      {
+        "key": "onClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "function onClick(e) {\n\t\n}"
+      }
+    ]
+  }
+}