@fonixtree/magic-design 1.0.82 → 1.0.83

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

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TextConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/TextConfig"));
+
+var _ButtonConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/ButtonConfig"));
+
+var _coreUtil = require("../../../../../utils/coreUtil");
+
+var _common = require("../../../../../common");
+
+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 AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.reRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var _this = this;
+
+    var panelProps = this.props.panelProps;
+
+    var iconSetting = /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      title: ""
+    }, /*#__PURE__*/_react["default"].createElement(_common.IconPicker, {
+      onChange: function onChange(icon) {
+        panelProps.icon.url = icon;
+
+        _this.reRender();
+      },
+      value: panelProps.icon.url
+    }));
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "flash_sale_title"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      headerSize: "middle",
+      onRefresh: this.reRender,
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('ICON'),
+        value: iconSetting,
+        metaOption: panelProps.icon
+      }, {
+        key: '2',
+        name: (0, _locale.i18n)('HEADLINE'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.headline
+        }),
+        metaOption: panelProps.headline
+      }, {
+        key: '3',
+        name: (0, _locale.i18n)('BUTTON'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.button
+        }),
+        metaOption: panelProps.button
+      }],
+      type: "switch"
+    }));
+  };
+
+  AComponent.defaultProps = {
+    panelProps: {
+      icon: {
+        open: true,
+        url: ''
+      },
+      headline: {},
+      button: {}
+    }
+  };
+  return AComponent;
+}(_react["default"].Component);
+
+var _default = AComponent;
+exports["default"] = _default;

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = FlashDealConfig;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FlashDealConfigTitle = _interopRequireDefault(require("./FlashDealConfigTitle"));
+
+var _FlashDealConfigContent = _interopRequireDefault(require("./FlashDealConfigContent"));
+
+var _layout = _interopRequireDefault(require("./imgs/layout1.png"));
+
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
+
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
+var _locale = require("../../../../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function FlashDealConfig(props) {
+  var data = props.data;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+    divider: "bold",
+    headerSize: "large",
+    source: [{
+      key: '1',
+      name: (0, _locale.i18n)('TITLE'),
+      value: /*#__PURE__*/_react["default"].createElement(_FlashDealConfigTitle["default"], {
+        panelProps: data.title
+      })
+    }, {
+      key: '2',
+      name: (0, _locale.i18n)('CONTENT'),
+      value: /*#__PURE__*/_react["default"].createElement(_FlashDealConfigContent["default"], {
+        panelProps: data.content
+      })
+    }, {
+      key: '3',
+      name: (0, _locale.i18n)('SPACING'),
+      value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+        configCompSpace: true,
+        data: data.spacing
+      })
+    }, {
+      key: '4',
+      name: (0, _locale.i18n)('CUSTOMIZE'),
+      value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
+        data: data.customize,
+        isHideAlign: true,
+        layoutSource: [{
+          id: 'layout1',
+          name: 'layout1',
+          image: _layout["default"]
+        }]
+      })
+    }, {
+      key: '5',
+      name: (0, _locale.i18n)('BACKGROUND'),
+      value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+        data: data.background
+      })
+    }],
+    type: "triangle"
+  }));
+}

package/es/composite-comp/monpay/components/MonpayRecommend/mobile/SearchCondition/index.js

@@ -0,0 +1,144 @@
+"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
+});
+exports["default"] = SearchCondition;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _locale = require("../../../../../../locale");
+
+require("./index.less");
+
+var _common = require("../../../../../../common");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+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);
+};
+
+function SearchCondition(props) {
+  var onChange = props.onChange,
+      filterObj = props.filterObj,
+      isBundle = props.isBundle;
+
+  var _a = (0, _react.useState)(false),
+      visible = _a[0],
+      setVisible = _a[1];
+
+  var _b = (0, _react.useState)(null),
+      sort = _b[0],
+      setSort = _b[1];
+
+  var _c = (0, _react.useState)({}),
+      filter = _c[0],
+      setFilter = _c[1];
+
+  var sortList = [{
+    title: (0, _locale.i18n)('EARLIEST'),
+    key: '8'
+  }, {
+    title: (0, _locale.i18n)('LOWEST_PRICE'),
+    key: '3'
+  }, {
+    title: (0, _locale.i18n)('MOST_SOLD'),
+    key: '1'
+  }, {
+    title: (0, _locale.i18n)('HIGHEST_RATED'),
+    key: '9'
+  }, {
+    title: (0, _locale.i18n)('PROMOTION'),
+    key: '10'
+  }];
+  var bundleSortList = [{
+    title: (0, _locale.i18n)('EARLIEST'),
+    key: 2
+  }, {
+    title: (0, _locale.i18n)('LOWEST_PRICE'),
+    key: 3
+  }, {
+    title: (0, _locale.i18n)('MOST_SOLD'),
+    key: 4
+  }];
+
+  var onSortByClick = function onSortByClick(val) {
+    var sortType = '';
+
+    if (val === sort) {
+      setSort(null);
+    } else {
+      setSort(val);
+      sortType = val;
+    }
+
+    onChange(__assign(__assign({}, filter), {
+      sortType: sortType
+    }));
+  };
+
+  var onFilterChange = function onFilterChange(val) {
+    setFilter(val);
+    onChange(__assign({}, val));
+    setVisible(false);
+  };
+
+  (0, _react.useEffect)(function () {}, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "searchCondWrap",
+    id: "sortCond"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "leftWrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sortItem",
+    onClick: function onClick() {
+      return setVisible(true);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "filterText"
+  }, (0, _locale.i18n)('FILTER')), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+    color: "#848484",
+    size: 16,
+    type: "icon-list-sort"
+  })), /*#__PURE__*/_react["default"].createElement("span", null, (0, _locale.i18n)('SORT_BY'), ":")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "rightWrap"
+  }, (isBundle ? bundleSortList : sortList).map(function (srt) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('sortItem', {
+        activeItem: sort === srt.key
+      }),
+      onClick: function onClick() {
+        return onSortByClick(srt.key);
+      }
+    }, srt.title);
+  })), /*#__PURE__*/_react["default"].createElement(_common.ProductFilterModal, {
+    filterObj: filterObj,
+    onChange: onFilterChange,
+    onClose: function onClose() {
+      return setVisible(false);
+    },
+    value: filter,
+    visible: visible
+  }));
+}

package/es/constants/component-types.js

@@ -59,6 +59,8 @@ var _Orders = _interopRequireDefault(require("../composite-comp/dito/components/
 
 var _CommonFunctions = _interopRequireDefault(require("../composite-comp/dito/components/CommonFunctions"));
 
+var _Bargain = _interopRequireDefault(require("../composite-comp/dito/components/Bargain"));
+
 var _BannerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/BannerConfig"));
 
 var _DividerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/DividerConfig"));
@@ -113,6 +115,8 @@ var _OrdersConfig = _interopRequireDefault(require("../composite-comp/dito/confi
 
 var _CommonFunctionsConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/CommonFunctionsConfig"));
 
+var _BargainConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/BargainConfig"));
+
 var _BannerSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/BannerSecondConfig"));
 
 var _TextSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/TextSecondConfig"));
@@ -159,13 +163,13 @@ var _a, _b, _c; // 组件
 /**
  * 渲染组件索引
  */
-var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_GroupBuy["default"].type] = _GroupBuy["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_MenuNavigation["default"].type] = _MenuNavigation["default"], _a[_HeadNavigation["default"].type] = _HeadNavigation["default"], _a[_PersonalInformation["default"].type] = _PersonalInformation["default"], _a[_Orders["default"].type] = _Orders["default"], _a[_CommonFunctions["default"].type] = _CommonFunctions["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_AffiliateRecommend["default"].type] = _AffiliateRecommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_WalletNuri["default"].type] = _WalletNuri["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a);
+var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_GroupBuy["default"].type] = _GroupBuy["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_MenuNavigation["default"].type] = _MenuNavigation["default"], _a[_HeadNavigation["default"].type] = _HeadNavigation["default"], _a[_PersonalInformation["default"].type] = _PersonalInformation["default"], _a[_Orders["default"].type] = _Orders["default"], _a[_CommonFunctions["default"].type] = _CommonFunctions["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_AffiliateRecommend["default"].type] = _AffiliateRecommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_WalletNuri["default"].type] = _WalletNuri["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a[_Bargain["default"].type] = _Bargain["default"], _a);
 /**
  * 一级配置面板索引
  */
 
 exports.componentMap = componentMap;
-var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_GroupBuy["default"].type] = _GroupBuyConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_MenuNavigation["default"].type] = _MenuNavigationConfig["default"], _b[_HeadNavigation["default"].type] = _HeadNavigationConfig["default"], _b[_PersonalInformation["default"].type] = _PersonalInformationConfig["default"], _b[_Orders["default"].type] = _OrdersConfig["default"], _b[_CommonFunctions["default"].type] = _CommonFunctionsConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_AffiliateRecommend["default"].type] = _AffiliateRecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_WalletNuri["default"].type] = _WalletNuriConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b);
+var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_GroupBuy["default"].type] = _GroupBuyConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_MenuNavigation["default"].type] = _MenuNavigationConfig["default"], _b[_HeadNavigation["default"].type] = _HeadNavigationConfig["default"], _b[_PersonalInformation["default"].type] = _PersonalInformationConfig["default"], _b[_Orders["default"].type] = _OrdersConfig["default"], _b[_CommonFunctions["default"].type] = _CommonFunctionsConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_AffiliateRecommend["default"].type] = _AffiliateRecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_WalletNuri["default"].type] = _WalletNuriConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b[_Bargain["default"].type] = _BargainConfig["default"], _b);
 /**
  * 二级配置面板索引
  */

package/es/constants/index.js

@@ -144,6 +144,10 @@ var compInfoMap = {
     name: 'Flash Deal',
     icon: 'icon-flash-deal'
   },
+  BARGAIN: {
+    name: 'Bargain',
+    icon: 'icon-kanjia'
+  },
   GROUP_BUY: {
     name: 'Group Buy',
     icon: 'icon-group-buy'

package/es/utils/businessUtil.js

@@ -409,6 +409,7 @@ var getPromotionList = function getPromotionList(offer) {
   var PROMOTION_TYPE_MAP = {
     2: 'FLASH',
     4: 'Group',
+    12: 'Bargain',
     C: 'Discount',
     D: 'Discount',
     G: 'Gift'

package/lib/assets/fonts/magic-box-iconfont.css

@@ -1,9 +1,9 @@
 @font-face {
   font-family: "magic-box-iconfont";
   /* Project id 3317752 */
-  src: url('magic-box-iconfont.woff2?t=1713253836150') format('woff2'),
-    url('magic-box-iconfont.woff?t=1713253836150') format('woff'),
-    url('magic-box-iconfont.ttf?t=1713253836150') format('truetype');
+  src: url('magic-box-iconfont.woff2?t=1717469468478') format('woff2'),
+    url('magic-box-iconfont.woff?t=1717469468478') format('woff'),
+    url('magic-box-iconfont.ttf?t=1717469468478') format('truetype');
 }
 
 .magic-box-iconfont {
@@ -14,6 +14,50 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.magic-box-icon-bargain:before {
+  content: "\e649";
+}
+
+.magic-box-icon-kanjia:before {
+  content: "\e688";
+}
+
+.magic-box-icon-save:before {
+  content: "\e646";
+}
+
+.magic-box-icon-eye1:before {
+  content: "\e647";
+}
+
+.magic-box-icon-clock:before {
+  content: "\e648";
+}
+
+.magic-box-icon-select2:before {
+  content: "\e67a";
+}
+
+.magic-box-icon-list-sort:before {
+  content: "\e645";
+}
+
+.magic-box-icon-check:before {
+  content: "\e644";
+}
+
+.magic-box-icon-sale:before {
+  content: "\e78b";
+}
+
+.magic-box-icon-bundle:before {
+  content: "\e6cb";
+}
+
+.magic-box-icon-interests:before {
+  content: "\e829";
+}
+
 .magic-box-icon-group-users:before {
   content: "\e60a";
 }