@fonixtree/magic-design 2.0.200 → 2.0.203

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

@@ -0,0 +1,196 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _ButtonConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ButtonConfig"));
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+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 __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var GroupedCarouselSecondConfig =
+/** @class */
+function (_super) {
+  __extends(GroupedCarouselSecondConfig, _super);
+
+  function GroupedCarouselSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+      var defaultSource = [{
+        key: 'defaultSource_1',
+        name: (0, _locale.i18n)('GROUP_NAME'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.groupName
+        }),
+        metaOption: panelProps.groupName
+      }, {
+        key: 'defaultSource_2',
+        name: (0, _locale.i18n)('IMAGE'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.image
+        }),
+        metaOption: panelProps.image
+      }, {
+        key: 'defaultSource_3',
+        name: (0, _locale.i18n)('TITLE'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.title
+        }),
+        metaOption: panelProps.title
+      }, {
+        key: 'defaultSource_4',
+        name: (0, _locale.i18n)('TEXT'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.text
+        }),
+        metaOption: panelProps.text
+      }, {
+        key: 'defaultSource_5',
+        name: (0, _locale.i18n)('BUTTON'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.button
+        }),
+        metaOption: panelProps.button
+      }, {
+        key: 'defaultSource_6',
+        name: (0, _locale.i18n)('SECONDARY_BUTTON'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.secondaryButton
+        }),
+        metaOption: panelProps.secondaryButton
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      }));
+    };
+
+    _this.resetHover = function () {
+      var panelProps = _this.props.panelProps;
+
+      if (panelProps.hover.open) {
+        panelProps.hover.groupName = __assign(__assign({}, panelProps.hover.groupName), JSON.parse(JSON.stringify(panelProps.groupName)));
+      }
+    };
+
+    return _this;
+  }
+
+  GroupedCarouselSecondConfig.prototype.render = function () {
+    var _this = this;
+
+    var panelProps = this.props.panelProps;
+
+    var hoverPanel = /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "dashed",
+      noChange: true,
+      onRefresh: function onRefresh() {
+        return (0, _coreUtil.renderPreview)();
+      },
+      source: [{
+        key: 'hoverSetting_1',
+        name: (0, _locale.i18n)('GROUP_NAME'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.hover.groupName
+        }),
+        metaOption: panelProps.hover.groupName
+      }],
+      type: "switch"
+    });
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "grouped_carousel_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      onRefresh: function onRefresh() {
+        return _this.resetHover();
+      },
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }, {
+        key: '2',
+        name: (0, _locale.i18n)('HOVER'),
+        value: hoverPanel,
+        metaOption: panelProps.hover,
+        toggleType: 'checkbox'
+      }]
+    }));
+  };
+
+  GroupedCarouselSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return GroupedCarouselSecondConfig;
+}(_BaseConfig["default"]);
+
+var _default = GroupedCarouselSecondConfig;
+exports["default"] = _default;

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

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+require("./index.less");
+
+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 NewsSecondConfig =
+/** @class */
+function (_super) {
+  __extends(NewsSecondConfig, _super);
+
+  function NewsSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+      var defaultSource = [{
+        key: 'defaultSource_1',
+        name: (0, _locale.i18n)('IMAGE'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.image
+        }),
+        metaOption: panelProps.image
+      }, {
+        key: 'defaultSource_2',
+        name: (0, _locale.i18n)('TITLE'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.groupName
+        }),
+        metaOption: panelProps.groupName
+      }, {
+        key: 'defaultSource_3',
+        name: (0, _locale.i18n)('TEXT'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.text
+        }),
+        metaOption: panelProps.text
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      }));
+    };
+
+    return _this;
+  }
+
+  NewsSecondConfig.prototype.render = function () {
+    var _this = this;
+
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "news_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      onRefresh: function onRefresh() {
+        return _this.renderPreview();
+      },
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }]
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "line"
+    }), /*#__PURE__*/_react["default"].createElement(_common.Field, null, /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+      data: panelProps.background
+    })));
+  };
+
+  NewsSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return NewsSecondConfig;
+}(_BaseConfig["default"]);
+
+var _default = NewsSecondConfig;
+exports["default"] = _default;

package/lib/composite-comp/dito/second-config-panels/NewsSecondConfig/index.less

@@ -0,0 +1,8 @@
+.news_second_conf_wrap {
+  .line {
+    height: 8px;
+    background-color: #EDF0F4;
+    border-radius: 2px;
+    margin-bottom: 20px;
+  }
+}

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

@@ -11,6 +11,8 @@ var _antd = require("antd4");
 
 var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
 
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
 var _common = require("../../../../common");
 
 var _coreUtil = require("../../../../utils/coreUtil");
@@ -115,6 +117,59 @@ function (_super) {
       }, (0, _locale.i18n)('RECENTLY_VIEWED'))))));
     };
 
+    _this.getOrdersPanel = function (data) {
+      var source = [{
+        key: 'secondContent3',
+        name: (0, _locale.i18n)('Icon'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: data.image
+        }),
+        metaOption: data.image
+      }, {
+        key: 'secondContent4',
+        name: /*#__PURE__*/_react["default"].createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: data.title.text
+          }
+        }),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: data.title
+        }),
+        metaOption: data.title
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: source,
+        type: "switch"
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sourceOfAmount"
+      }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('SOURCE_OF_AMOUNT')
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+        onChange: function onChange(v) {
+          data.sourceType = v;
+          data.title.text = v;
+
+          _this.selfRender();
+        },
+        value: data.sourceType
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.PAY
+      }, (0, _locale.i18n)('TO_PAY')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.SHIP
+      }, (0, _locale.i18n)('TO_SHIP')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.RECEIVE
+      }, (0, _locale.i18n)('TO_RECEIVE')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.DONE
+      }, (0, _locale.i18n)('DONE')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.CANCELLED
+      }, (0, _locale.i18n)('CANCELLED'))))));
+    };
+
     return _this;
   }
 
@@ -122,7 +177,15 @@ function (_super) {
     var panelProps = this.props.panelProps;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "personal_info_second_conf_wrap"
-    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+    }, panelProps.image ? /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'secondConfig2',
+        name: (0, _locale.i18n)('ORDERS'),
+        value: this.getOrdersPanel(panelProps, true)
+      }]
+    }) : /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
       divider: "bold",
       headerSize: "large",
       source: [{

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

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _locale = require("../../../../locale");
+
+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 SearchBannerSecondConfig =
+/** @class */
+function (_super) {
+  __extends(SearchBannerSecondConfig, _super);
+
+  function SearchBannerSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+    return _this;
+  }
+
+  SearchBannerSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+
+    var getConfig = function getConfig() {
+      return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        source: [{
+          key: panelProps.image.id,
+          name: (0, _locale.i18n)('IMAGE'),
+          value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+            data: panelProps.image
+          }),
+          metaOption: panelProps.image
+        }]
+      });
+    };
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search_banner_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: getConfig()
+      }]
+    }));
+  };
+
+  SearchBannerSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return SearchBannerSecondConfig;
+}(_react["default"].Component);
+
+var _default = SearchBannerSecondConfig;
+exports["default"] = _default;