@fonixtree/magic-design 2.0.82 → 2.0.84

package/lib/composite-comp/dito/config-panels/CommonFunctionsConfig/index.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ConfigGroup = _interopRequireDefault(require("./ConfigGroup"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var CommonFunctionsConfig =
+/** @class */
+function (_super) {
+  __extends(CommonFunctionsConfig, _super);
+
+  function CommonFunctionsConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.getContentPanel = function () {
+      var data = _this.props.data;
+      var source = [{
+        key: 1,
+        name: (0, _locale.i18n)('LOGIN_OR_REGISTER'),
+        metaOption: data.login
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        source: source,
+        type: "switch"
+      });
+    };
+
+    return _this;
+  }
+
+  CommonFunctionsConfig.prototype.render = function () {
+    var data = this.props.data;
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'CommonFunctions1',
+        name: (0, _locale.i18n)('Content'),
+        value: /*#__PURE__*/_react["default"].createElement(_ConfigGroup["default"], {
+          source: data.groupSource
+        }),
+        metaOption: data.groupSource
+      }, {
+        key: 'CommonFunctions2',
+        name: (0, _locale.i18n)('SPACING'),
+        value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+          data: data.spacing
+        })
+      }, {
+        key: 'CommonFunctions3',
+        name: (0, _locale.i18n)('BACKGROUND'),
+        value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+          data: data.background
+        })
+      }]
+    }));
+  };
+
+  CommonFunctionsConfig.defaultProps = {
+    data: {}
+  };
+  return CommonFunctionsConfig;
+}(_react["default"].Component);
+
+var _default = CommonFunctionsConfig;
+exports["default"] = _default;

package/lib/composite-comp/dito/config-panels/OrdersConfig/ConfigGroup/index.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _mobxReact = require("mobx-react");
+
+var _GroupList = _interopRequireDefault(require("../../../../../common/GroupList"));
+
+var _coreUtil = require("../../../../../utils/coreUtil");
+
+var _Button = _interopRequireDefault(require("../../../../../common/Button"));
+
+var _defaultJSON = require("../../../components/Orders/defaultJSON");
+
+var _locale = require("../../../../../locale");
+
+var _decorator = require("../../../../../decorator");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var notice = 'Please add some Item';
+
+var ImageTextConfigGroup =
+/** @class */
+function (_super) {
+  __extends(ImageTextConfigGroup, _super);
+
+  function ImageTextConfigGroup() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.onClickItem = function (node) {
+      _this.props.store.setState({
+        clickedGroup: node.id
+      });
+    };
+
+    _this.onAddClick = function () {
+      var json = (0, _defaultJSON.OrdersGroupSourceJSON)();
+
+      _this.props.source.push(json);
+
+      _this.setState({});
+
+      (0, _coreUtil.renderPreview)();
+    };
+
+    _this.reRender = function () {
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  ImageTextConfigGroup.prototype.render = function () {
+    var source = this.props.source;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "banner_group"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "node_list"
+    }, source.length === 0 ? /*#__PURE__*/_react["default"].createElement("span", {
+      className: "notice"
+    }, notice) : /*#__PURE__*/_react["default"].createElement(_GroupList["default"], {
+      onClickItem: this.onClickItem,
+      reRender: this.reRender,
+      source: source
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "btn_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      icon: "icon-add",
+      onClick: this.onAddClick,
+      type: "primary"
+    }, (0, _locale.i18n)('ADD'))));
+  };
+
+  ImageTextConfigGroup.defaultProps = {
+    source: []
+  };
+  ImageTextConfigGroup = __decorate([(0, _mobxReact.inject)('store'), _mobxReact.observer, _decorator.updateConfigDecorator], ImageTextConfigGroup);
+  return ImageTextConfigGroup;
+}(_react["default"].Component);
+
+var _default = ImageTextConfigGroup;
+exports["default"] = _default;

package/lib/composite-comp/dito/config-panels/OrdersConfig/index.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ConfigGroup = _interopRequireDefault(require("./ConfigGroup"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var OrdersConfig =
+/** @class */
+function (_super) {
+  __extends(OrdersConfig, _super);
+
+  function OrdersConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.getContentPanel = function () {
+      var data = _this.props.data;
+      var source = [{
+        key: 1,
+        name: (0, _locale.i18n)('LOGIN_OR_REGISTER'),
+        metaOption: data.login
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        source: source,
+        type: "switch"
+      });
+    };
+
+    return _this;
+  }
+
+  OrdersConfig.prototype.render = function () {
+    var data = this.props.data;
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'Orders1',
+        name: (0, _locale.i18n)('Content'),
+        value: /*#__PURE__*/_react["default"].createElement(_ConfigGroup["default"], {
+          maxNum: 5,
+          source: data.groupSource
+        }),
+        metaOption: data.groupSource
+      }, {
+        key: 'Orders2',
+        name: (0, _locale.i18n)('SPACING'),
+        value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+          data: data.spacing
+        })
+      }, {
+        key: 'Orders3',
+        name: (0, _locale.i18n)('BACKGROUND'),
+        value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+          data: data.background
+        })
+      }]
+    }));
+  };
+
+  OrdersConfig.defaultProps = {
+    data: {}
+  };
+  return OrdersConfig;
+}(_react["default"].Component);
+
+var _default = OrdersConfig;
+exports["default"] = _default;

package/lib/composite-comp/dito/config-panels/PersonalInformationConfig/ConfigGroup/index.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _mobxReact = require("mobx-react");
+
+var _GroupList = _interopRequireDefault(require("../../../../../common/GroupList"));
+
+var _coreUtil = require("../../../../../utils/coreUtil");
+
+var _Button = _interopRequireDefault(require("../../../../../common/Button"));
+
+var _defaultJSON = require("../../../components/PersonalInformation/defaultJSON");
+
+var _locale = require("../../../../../locale");
+
+var _decorator = require("../../../../../decorator");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var notice = 'Please add some Item';
+
+var ConfigGroup =
+/** @class */
+function (_super) {
+  __extends(ConfigGroup, _super);
+
+  function ConfigGroup() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.onClickItem = function (node) {
+      _this.props.store.setState({
+        clickedGroup: node.id
+      });
+    };
+
+    _this.onAddClick = function () {
+      var json = (0, _defaultJSON.PersonalInfoGroupSourceJSON)();
+
+      _this.props.source.push(json);
+
+      _this.setState({});
+
+      (0, _coreUtil.renderPreview)();
+    };
+
+    _this.reRender = function () {
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  ConfigGroup.prototype.render = function () {
+    var _a = this.props,
+        source = _a.source,
+        maxNum = _a.maxNum;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "banner_group"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "node_list"
+    }, source.length === 0 ? /*#__PURE__*/_react["default"].createElement("span", {
+      className: "notice"
+    }, notice) : /*#__PURE__*/_react["default"].createElement(_GroupList["default"], {
+      onClickItem: this.onClickItem,
+      reRender: this.reRender,
+      source: source
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "btn_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      disabled: source.length >= maxNum,
+      icon: "icon-add",
+      onClick: this.onAddClick,
+      type: "primary"
+    }, (0, _locale.i18n)('ADD'))));
+  };
+
+  ConfigGroup.defaultProps = {
+    source: []
+  };
+  ConfigGroup = __decorate([(0, _mobxReact.inject)('store'), _mobxReact.observer, _decorator.updateConfigDecorator], ConfigGroup);
+  return ConfigGroup;
+}(_react["default"].Component);
+
+var _default = ConfigGroup;
+exports["default"] = _default;

package/lib/composite-comp/dito/config-panels/PersonalInformationConfig/index.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ConfigGroup = _interopRequireDefault(require("./ConfigGroup"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var PersonalInformationConfig =
+/** @class */
+function (_super) {
+  __extends(PersonalInformationConfig, _super);
+
+  function PersonalInformationConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.getContentPanel = function () {
+      var data = _this.props.data;
+      var source = [{
+        key: 1,
+        name: (0, _locale.i18n)('LOGIN_OR_REGISTER'),
+        metaOption: data.login
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        source: source,
+        type: "switch"
+      });
+    };
+
+    return _this;
+  }
+
+  PersonalInformationConfig.prototype.render = function () {
+    var data = this.props.data;
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'PersonalInformation1',
+        name: (0, _locale.i18n)('LOGIN_OR_REGISTER'),
+        value: this.getContentPanel()
+      }, {
+        key: 'PersonalInformation2',
+        name: (0, _locale.i18n)('Content'),
+        value: /*#__PURE__*/_react["default"].createElement(_ConfigGroup["default"], {
+          maxNum: 4,
+          source: data.groupSource
+        }),
+        metaOption: data.groupSource
+      }, {
+        key: 'PersonalInformation3',
+        name: (0, _locale.i18n)('SPACING'),
+        value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+          data: data.spacing
+        })
+      }, {
+        key: 'PersonalInformation4',
+        name: (0, _locale.i18n)('BACKGROUND'),
+        value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+          data: data.background
+        })
+      }]
+    }));
+  };
+
+  PersonalInformationConfig.defaultProps = {
+    data: {}
+  };
+  return PersonalInformationConfig;
+}(_react["default"].Component);
+
+var _default = PersonalInformationConfig;
+exports["default"] = _default;