@fonixtree/magic-design 2.0.161 → 2.0.162

package/lib/composite-comp/dito/components/PcNavigation/pc/index.js

@@ -1,491 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./index.less");
-
-var _Text = require("../../../../../meta-comp/components/Text");
-
-var _components = require("../../../../../meta-comp/components");
-
-var _commonUtil = require("../../../../../utils/commonUtil");
-
-var _common = require("../../../../../common");
-
-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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
-  var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
-
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
-    };
-  }
-
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-
-    while (_) {
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-        if (y = 0, t) op = [op[0] & 2, t.value];
-
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
-
-          case 7:
-            op = _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-
-              _.ops.push(op);
-
-              break;
-            }
-
-            if (t[2]) _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-        }
-
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    }
-
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
-
-var JsonToUrl = function JsonToUrl(data) {
-  var tempArr = []; // eslint-disable-next-line no-unused-vars, no-restricted-syntax, guard-for-in
-
-  for (var i in data) {
-    var keyData = encodeURIComponent(i);
-    var value = encodeURIComponent(data[i]) === 'null' ? '' : encodeURIComponent(data[i]);
-    tempArr.push(keyData + "=" + value);
-  }
-
-  var urlParamsStr = tempArr.join('&');
-  return urlParamsStr;
-}; // 跳转配置
-
-
-var jumpUrlConfig = function jumpUrlConfig(item) {
-  var _a = item || {},
-      objType = _a.objType,
-      objValue = _a.objValue;
-
-  var jumpUrl = '';
-
-  switch (objType) {
-    case 'Category':
-      // jumpUrl = `/product/list/${objValue.objId}`;
-      jumpUrl = "catg-" + objValue.objId;
-      break;
-
-    case 'ProductDetail':
-      {
-        var offerId = objValue.objId && objValue.objId.split(',')[0];
-        var productId = objValue.objId && objValue.objId.split(',')[1]; // jumpUrl = `/product/detail/${offerId}?productId=${productId}`;
-
-        jumpUrl = "proDetail-" + offerId + "-" + productId;
-        break;
-      }
-
-    case 'FilteredProducts':
-      {
-        var params = JsonToUrl(objValue.filteredProductsRela);
-        params = params.replace('productName', 'q'); // jumpUrl = `/product/list/null?${params}`;
-
-        jumpUrl = "filter-" + params;
-        break;
-      }
-
-    case 'FunctionPage':
-      {
-        var url = objValue.objId && objValue.objId.split(',')[1];
-        jumpUrl = "" + url;
-        break;
-      }
-
-    case 'CustomizedPage':
-      // jumpUrl = `/poster/${objValue.objId}`;
-      jumpUrl = "customized-" + objValue.objId;
-      break;
-
-    case 'URL':
-      {
-        var lastUrl = void 0;
-
-        if (objValue.url) {
-          lastUrl = objValue.url;
-        } else {
-          lastUrl = objValue.maskValue ? objValue.maskValue.replace('URL: ', '') : '';
-        }
-
-        window.location.href = lastUrl;
-        return;
-      }
-
-    default:
-      break;
-  }
-
-  (0, _coreUtil.clickUrl)(jumpUrl);
-};
-
-var PcNavigationPage =
-/** @class */
-function (_super) {
-  __extends(PcNavigationPage, _super);
-
-  function PcNavigationPage() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      categList: [],
-      list: []
-    };
-
-    _this.getCategory = function () {
-      return __awaiter(_this, void 0, void 0, function () {
-        var res, e_1;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              _a.trys.push([0, 2,, 3]);
-
-              return [4
-              /*yield*/
-              , (0, _commonUtil.commonFetch)('/designer/v1/h5/pages/buyer/displaycatgs', {
-                terminalType: 'PC'
-              }, 'GET')];
-
-            case 1:
-              res = _a.sent();
-              this.setState({
-                list: [res],
-                categList: res
-              });
-              return [3
-              /*break*/
-              , 3];
-
-            case 2:
-              e_1 = _a.sent();
-              console.log('error', e_1);
-              return [3
-              /*break*/
-              , 3];
-
-            case 3:
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.getListArr = function (pre, arr, index) {
-      if (arr) {
-        pre[index] = arr.map(function (item) {
-          return __assign(__assign({}, item), {
-            hoverActive: false
-          });
-        });
-
-        _this.setState({
-          list: pre.slice(0, index + 1)
-        });
-      } else if (pre[index]) {
-        _this.setState({
-          list: pre.slice(0, index)
-        });
-      }
-    };
-
-    _this.getCategoryStyle = function (index) {
-      var data = _this.props.data;
-
-      switch (index) {
-        case 0:
-          return (0, _Text.contentStyle)(data.home.firstCategory.content);
-          break;
-
-        case 1:
-          return (0, _Text.contentStyle)(data.home.secondCategory.content);
-          break;
-
-        case 2:
-          return (0, _Text.contentStyle)(data.home.lastCategory.content);
-          break;
-      }
-    };
-
-    _this.renderMenuList = function (menuList, index) {
-      var list = _this.state.list;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "cate-wrap"
-      }, menuList.map(function (item) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          key: item.model.categId,
-          className: (0, _classnames["default"])('cate-item', {
-            'cate-active': item.hoverActive
-          }),
-          onClick: function onClick() {
-            var _a;
-
-            jumpUrlConfig((_a = item.model) === null || _a === void 0 ? void 0 : _a.catgRela);
-          },
-          onMouseEnter: function onMouseEnter() {
-            _this.getListArr(list, item.children, index + 1);
-
-            menuList.forEach(function (_item) {
-              _item.hoverActive = false;
-            });
-            item.hoverActive = true;
-
-            _this.setState({});
-          }
-        }, /*#__PURE__*/_react["default"].createElement("span", {
-          style: _this.getCategoryStyle(index)
-        }, item.model.catgName), item.children && /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-          color: item.hoverActive ? '#CE1126' : '#232F46',
-          size: (0, _commonUtil.convertToRem)(14),
-          type: "icon-outlined-right"
-        }));
-      }));
-    }; // getCardStyle = (source: TextMetaType[], i) => {
-    //   const { data } = this.props;
-    //   let cardStyle = {};
-    //   cardStyle.marginRight = (1 + i) % data.customize.rowNum !== 0 ? '2%' : 0;
-    //   if (data.customize.layout === 'newline') {
-    //     cardStyle.marginBottom = 12;
-    //     cardStyle.width = this.calcWidth(data.customize.rowNum);
-    //   }
-    //   return cardStyle;
-    // }
-
-
-    _this.mouseEnterBtn = function () {// const { data } = this.props;
-      // document.querySelector('.all-category .m-meta-text').style.color = '#ED2121';
-      // document.querySelector('.menu-drop .all-category').style.backgroundColor = data.background.color;
-    };
-
-    _this.mouseLeaveBtn = function () {
-      // const { data } = this.props;
-      var categList = _this.state.categList; // document.querySelector('.all-category .m-meta-text').style.color = data.home.allCategory.content.color;
-      // document.querySelector('.menu-drop .all-category').style.backgroundColor = '';
-
-      _this.setState({
-        list: [categList]
-      });
-    };
-
-    return _this;
-  }
-
-  PcNavigationPage.prototype.componentDidMount = function () {
-    this.getCategory();
-  };
-
-  PcNavigationPage.prototype.render = function () {
-    var _this = this;
-
-    var data = this.props.data; // const { ready } = this.state;
-
-    var list = this.state.list;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('pc-navigation')
-    }, data.home.allCategory.open && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "menu-wrap",
-      onMouseEnter: this.mouseEnterBtn,
-      onMouseLeave: this.mouseLeaveBtn,
-      style: {
-        padding: 3 + data.spacing.pc.paddingBottom + "px 0",
-        margin: -(3 + data.spacing.pc.paddingBottom) + "px 44px " + -(3 + data.spacing.pc.paddingBottom) + "px 0"
-      }
-    }, /*#__PURE__*/_react["default"].createElement("a", {
-      className: "menu-drop"
-    }, data.home.allCategory.iconUrl && /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "icon",
-      src: data.home.allCategory.iconUrl
-    }), /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-      className: "all-category",
-      data: data.home.allCategory
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "category"
-    }, list.map(function (arrItem, index) {
-      return _this.renderMenuList(arrItem, index);
-    }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "category-group"
-    }, data.groupSource.map(function (source) {
-      return /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-        key: source === null || source === void 0 ? void 0 : source.id,
-        className: "one-category",
-        data: source.title
-      });
-    })));
-  };
-
-  PcNavigationPage.defaultProps = {
-    data: {}
-  };
-  return PcNavigationPage;
-}(_react["default"].Component);
-
-var _default = PcNavigationPage;
-exports["default"] = _default;

package/lib/composite-comp/dito/components/PcNavigation/pc/index.less

@@ -1,127 +0,0 @@
-.pc-navigation {
-  display: flex;
-
-  .menu-wrap {
-    // margin-top: 26px;
-    position: relative;
-    width: fit-content;
-    display: flex;
-    align-items: center;
-    min-width: 130px;
-
-    // padding: 40px 0;
-    // margin: -40px 44px -40px 0;
-    &:hover {
-      @keyframes show-active {
-        0% {
-          opacity: 0;
-        }
-
-        100% {
-          opacity: 1;
-        }
-      }
-
-      .category {
-        display: flex;
-
-        &:local {
-          animation: show-active .3s linear both;
-        }
-      }
-
-      // 鼠标移上去，icon变色
-      // .menu-drop {
-      //   .all-category {
-      //     position: relative;
-      //     z-index: 1;
-      //   }
-      //   &>img {
-      //     position: relative;
-      //     left: 30px;
-      //     filter: drop-shadow(#ED2121 -30px 0);
-      //     z-index: -1;
-      //   }
-      // }
-    }
-
-    .menu-drop {
-      display: flex;
-      align-items: center;
-      flex-shrink: 0;
-
-      &>img {
-        width: 16px;
-        margin-right: 10px;
-        font-size: 16px;
-      }
-
-      // &> span {
-      //   color: #3A2E2E;
-      //   font-family: NunitoSans-Bold;
-      //   font-size: 16px;
-      //   line-height: 22px;
-      // }
-    }
-
-    .category {
-      display: none;
-      position: absolute;
-      z-index: 9999;
-      left: 0;
-      bottom: 3px;
-      transform: translateY(100%);
-
-      // :global {
-      .cate-wrap {
-        width: 290px;
-        border: 1px solid #E6EAF0;
-        padding: 8px 0;
-        background-color: #fff;
-
-        .cate-item {
-          cursor: pointer;
-          font-family: 'Open Sans';
-          font-style: normal;
-          font-weight: 400;
-          font-size: 14px;
-          line-height: 38px;
-          color: #232F46;
-          display: flex;
-          width: 100%;
-          padding: 0 16px;
-          justify-content: space-between;
-        }
-
-        .cate-active {
-          background: #FCF1F2;
-
-          &>span {
-            color: #CE1126 !important;
-          }
-        }
-      }
-
-      // }
-    }
-  }
-
-  .category-group {
-    display: flex;
-    overflow-x: auto;
-    flex: 1;
-    scroll-snap-type: x;
-
-    .one-category {
-      margin-right: 44px;
-      scroll-snap-align: end;
-      width: fit-content !important;
-      cursor: pointer;
-
-      &:last-of-type {
-        margin-right: 0;
-      }
-    }
-  }
-
-}

package/lib/composite-comp/dito/components/PersonalInformation/defaultJSON.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDefaultJSON = exports.PersonalInfoGroupSourceJSON = void 0;
-
-var _uuid = require("uuid");
-
-var PersonalInfoGroupSourceJSON = function PersonalInfoGroupSourceJSON(text) {
-  var groupId = (0, _uuid.v4)();
-  return {
-    id: groupId,
-    title: {
-      parentId: groupId,
-      id: (0, _uuid.v4)(),
-      open: true,
-      type: 'TEXT',
-      specialContent: [],
-      text: text || 'Name',
-      content: {
-        sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
-        fontWeight: 400,
-        fontSize: 12,
-        color: '#fff',
-        width: 0,
-        textAlign: 'center'
-      },
-      underline: {
-        open: false,
-        textDecorationColor: '',
-        textDecorationStyle: 'solid'
-      },
-      vertical: {}
-    },
-    number: {
-      parentId: groupId,
-      id: (0, _uuid.v4)(),
-      open: true,
-      type: 'TEXT',
-      specialContent: [],
-      text: 0,
-      content: {
-        sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
-        fontWeight: 600,
-        fontSize: 18,
-        color: '#fff',
-        width: 0,
-        textAlign: 'center'
-      },
-      underline: {
-        open: false,
-        textDecorationColor: '',
-        textDecorationStyle: 'solid'
-      },
-      vertical: {}
-    },
-    sourceType: text
-  };
-};
-
-exports.PersonalInfoGroupSourceJSON = PersonalInfoGroupSourceJSON;
-
-var getDefaultJSON = function getDefaultJSON() {
-  return {
-    id: (0, _uuid.v4)(),
-    type: 'PERSONAL_INFOMATION',
-    login: {
-      open: true
-    },
-    groupSource: [PersonalInfoGroupSourceJSON('Wishlist'), PersonalInfoGroupSourceJSON('Stores'), PersonalInfoGroupSourceJSON('Vouchers'), PersonalInfoGroupSourceJSON('Recently Viewed')],
-    spacing: {
-      pc: {
-        paddingTop: 0,
-        paddingBottom: 0,
-        marginBottom: 0
-      },
-      mobile: {
-        paddingTop: 0,
-        paddingBottom: 0,
-        marginBottom: 0
-      }
-    },
-    background: {
-      opacity: 100,
-      color: '#3d5fa4',
-      image: '',
-      bgType: 'color'
-    }
-  };
-};
-
-exports.getDefaultJSON = getDefaultJSON;