@fonixtree/magic-design 2.0.207 → 2.0.209

package/es/composite-comp/dito/config-panels/PersonalInformationSecondConfig/OrdersConfigGroup/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 _defaultJSON = require("../../../components/PersonalInformation/defaultJSON");
+
+var _Button = _interopRequireDefault(require("../../../../../common/Button"));
+
+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 _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'))));
+  };
+
+  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/es/composite-comp/dito/config-panels/PersonalInformationSecondConfig/PersonInfoConfigGroup/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/es/composite-comp/dito/config-panels/PersonalInformationSecondConfig/index.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ConfigDecoration = _interopRequireDefault(require("./ConfigDecoration"));
+
+var _OrdersConfigGroup = _interopRequireDefault(require("./OrdersConfigGroup"));
+
+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)('FESTIVAL_DECORATION'),
+        value: /*#__PURE__*/_react["default"].createElement(_ConfigDecoration["default"], {
+          data: data.decorationIcon
+        })
+      }, // { key: 'PersonalInformation3', name: i18n('CONTENT'), value: <PersonInfoConfigGroup maxNum={4} source={data.groupSource} />, metaOption: data.groupSource },
+      {
+        key: 'PersonalInformation4',
+        name: (0, _locale.i18n)('ORDERS'),
+        value: /*#__PURE__*/_react["default"].createElement(_OrdersConfigGroup["default"], {
+          maxNum: 5,
+          source: data.groupSource2
+        }),
+        metaOption: data.groupSource2
+      }, {
+        key: 'PersonalInformation5',
+        name: (0, _locale.i18n)('SPACING'),
+        value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+          data: data.spacing
+        })
+      }, {
+        key: 'PersonalInformation6',
+        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;

package/es/composite-comp/dito/config-panels/SearchBannerConfig/ConfigContent/index.js

@@ -75,7 +75,7 @@ function (_super) {
   SearchBarConfigContent.prototype.render = function () {
     var _this = this;
 
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
 
     var panelProps = this.props.panelProps;
     var source = [{
@@ -105,6 +105,22 @@ function (_super) {
           _this.selfRender();
         },
         value: (0, _coreUtil.isPc)() ? panelProps.box.color.pc : panelProps.box.color.mobile
+      })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('ICON_COLOR')
+      }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
+        colorType: "rgba",
+        onChange: function onChange(v) {
+          if ((0, _coreUtil.isPc)()) {
+            panelProps.box.iconColor.pc = v;
+          } else {
+            panelProps.box.iconColor = {
+              mobile: v
+            };
+          }
+
+          _this.selfRender();
+        },
+        value: (0, _coreUtil.isPc)() ? (_a = panelProps.box.iconColor) === null || _a === void 0 ? void 0 : _a.pc : (_b = panelProps.box.iconColor) === null || _b === void 0 ? void 0 : _b.mobile
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         style: {
           marginTop: 16
@@ -121,7 +137,7 @@ function (_super) {
 
           _this.selfRender();
         },
-        value: (0, _coreUtil.isPc)() ? (_b = (_a = panelProps.box) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.pc : (_d = (_c = panelProps.box) === null || _c === void 0 ? void 0 : _c.backgroundColor) === null || _d === void 0 ? void 0 : _d.mobile
+        value: (0, _coreUtil.isPc)() ? (_d = (_c = panelProps.box) === null || _c === void 0 ? void 0 : _c.backgroundColor) === null || _d === void 0 ? void 0 : _d.pc : (_f = (_e = panelProps.box) === null || _e === void 0 ? void 0 : _e.backgroundColor) === null || _f === void 0 ? void 0 : _f.mobile
       }))),
       metaOption: panelProps.box,
       toggleType: 'switch'
@@ -155,25 +171,25 @@ function (_super) {
 
           _this.selfRender();
         },
-        value: (_e = panelProps.placeholder) === null || _e === void 0 ? void 0 : _e.text
+        value: (_g = panelProps.placeholder) === null || _g === void 0 ? void 0 : _g.text
       }))),
       metaOption: panelProps.placeholder
     }, {
-      key: (_f = panelProps.cartIcon) === null || _f === void 0 ? void 0 : _f.id,
+      key: (_h = panelProps.cartIcon) === null || _h === void 0 ? void 0 : _h.id,
       name: (0, _locale.i18n)('CART_ICON'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.cartIcon
       }),
       metaOption: panelProps.cartIcon
     }, {
-      key: (_g = panelProps.chatbotIcon) === null || _g === void 0 ? void 0 : _g.id,
+      key: (_j = panelProps.chatbotIcon) === null || _j === void 0 ? void 0 : _j.id,
       name: (0, _locale.i18n)('CHATBOT_ICON'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.chatbotIcon
       }),
       metaOption: panelProps.chatbotIcon
     }, {
-      key: (_h = panelProps.messageIcon) === null || _h === void 0 ? void 0 : _h.id,
+      key: (_k = panelProps.messageIcon) === null || _k === void 0 ? void 0 : _k.id,
       name: (0, _locale.i18n)('MESSAGE_ICON'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.messageIcon

package/es/composite-comp/dito/config-panels/SlideImageConfig/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +17,7 @@ var _SpacingConfig = _interopRequireDefault(require("../../../common/config-pane
 
 var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
 
-var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+var _ImageConfig = _interopRequireWildcard(require("../../../../meta-comp/config-panels/ImageConfig"));
 
 var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
 
@@ -23,6 +25,10 @@ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _locale = require("../../../../locale");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -60,6 +66,18 @@ function (_super) {
     return _super !== null && _super.apply(this, arguments) || this;
   }
 
+  SlideImageConfig.prototype.componentDidMount = function () {
+    var _a;
+
+    var data = this.props.data;
+
+    if (!((_a = data.content) === null || _a === void 0 ? void 0 : _a.moveIcon)) {
+      data.content = {
+        moveIcon: _ImageConfig.imageJson
+      };
+    }
+  };
+
   SlideImageConfig.prototype.render = function () {
     var _a, _b;
 

package/es/composite-comp/dito/second-config-panels/MobileNavigationSecondConfig/index.js

@@ -123,6 +123,11 @@ function (_super) {
       var size = _this.getImageRecommendSize(parentNode.customize);
 
       var source = [{
+        key: data.adult.id,
+        name: (0, _locale.i18n)('ADULT'),
+        value: null,
+        metaOption: data.adult
+      }, {
         key: 'mobileNavSecondContent1',
         name: (0, _locale.i18n)('IMAGE'),
         value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {