@fonixtree/magic-design 0.0.99 → 0.0.101

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

@@ -1,136 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getDefaultJSON = exports.PcNavGroupSourceJSON = void 0;
-
-var _uuid = require("uuid");
-
-var _menuIcon = _interopRequireDefault(require("./images/menu-icon.svg"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-// import { i18n } from '../../../../locale';
-var PcNavGroupSourceJSON = function PcNavGroupSourceJSON() {
-  var groupId = (0, _uuid.v4)();
-  return {
-    id: groupId,
-    title: {
-      parentId: groupId,
-      id: (0, _uuid.v4)(),
-      open: true,
-      type: 'TEXT',
-      specialContent: [],
-      text: 'Navigation',
-      content: {
-        sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
-        fontWeight: 400,
-        fontSize: 16,
-        pcFontSize: 16,
-        width: '100%',
-        color: '#232F46'
-      },
-      underline: {
-        open: false,
-        textDecorationColor: '',
-        textDecorationStyle: 'solid'
-      },
-      vertical: {}
-    }
-  };
-};
-
-exports.PcNavGroupSourceJSON = PcNavGroupSourceJSON;
-
-var getDefaultJSON = function getDefaultJSON() {
-  return {
-    id: (0, _uuid.v4)(),
-    type: 'PC_NAVIGATION',
-    spacing: {
-      pc: {
-        paddingTop: 10,
-        paddingBottom: 10,
-        paddingLeft: 120,
-        paddingRight: 120,
-        marginBottom: window.magicDesign.compSpacing
-      },
-      mobile: {
-        paddingTop: 0,
-        paddingBottom: 0,
-        marginBottom: 0
-      }
-    },
-    customize: {
-      layout: 'normal'
-    },
-    background: {
-      opacity: 100,
-      color: '#FFFFFF',
-      image: '',
-      bgType: 'color'
-    },
-    home: {
-      allCategory: {
-        id: (0, _uuid.v4)(),
-        open: true,
-        type: 'TEXT',
-        text: 'All Category',
-        specialContent: [],
-        iconUrl: _menuIcon["default"],
-        content: {
-          sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
-          fontWeight: 400,
-          fontSize: 16,
-          pcFontSize: 16,
-          width: '100%',
-          color: '#3A2E2E'
-        }
-      },
-      firstCategory: {
-        id: (0, _uuid.v4)(),
-        specialContent: [],
-        content: {
-          sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
-          fontWeight: 400,
-          fontSize: 16,
-          pcFontSize: 16,
-          width: '100%',
-          color: '#232F46'
-        }
-      },
-      secondCategory: {
-        id: (0, _uuid.v4)(),
-        specialContent: [],
-        content: {
-          sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
-          fontWeight: 400,
-          fontSize: 16,
-          pcFontSize: 16,
-          width: '100%',
-          color: '#232F46'
-        }
-      },
-      lastCategory: {
-        id: (0, _uuid.v4)(),
-        specialContent: [],
-        content: {
-          sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
-          fontWeight: 400,
-          fontSize: 16,
-          pcFontSize: 16,
-          width: '100%',
-          color: '#232F46'
-        }
-      }
-    },
-    groupSource: [PcNavGroupSourceJSON()]
-  };
-};
-
-exports.getDefaultJSON = getDefaultJSON;

package/lib/composite-comp/dito/components/PcNavigation/images/menu-icon.svg

@@ -1,6 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="&#230;&#177;&#137;&#229;&#160;&#161;&#229;&#140;&#133;">
-<rect id="Rectangle" opacity="0.01" width="16" height="16" fill="black"/>
-<path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M1.15 4.34978C0.688742 4.34978 0.313477 3.97452 0.313477 3.51328C0.313477 3.05202 0.688742 2.67676 1.15 2.67676H14.8503C15.3115 2.67676 15.6868 3.05202 15.6868 3.51328C15.6868 3.97452 15.3115 4.34978 14.8503 4.34978H1.15ZM1.15 9.25537C0.688742 9.25537 0.313477 8.88009 0.313477 8.41878C0.313477 7.95753 0.688742 7.58226 1.15 7.58226H14.8503C15.3115 7.58226 15.6868 7.95753 15.6868 8.41878C15.6868 8.88009 15.3115 9.25537 14.8503 9.25537H1.15ZM0.313477 13.2852C0.313477 13.7465 0.688742 14.1217 1.15 14.1217H14.8503C15.3115 14.1217 15.6868 13.7465 15.6868 13.2852C15.6868 12.8239 15.3115 12.4487 14.8503 12.4487H1.15C0.688742 12.4487 0.313477 12.8239 0.313477 13.2852Z" fill="#3A2E2E"/>
-</g>
-</svg>

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

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _pc = _interopRequireDefault(require("./pc"));
-
-var _defaultJSON = require("./defaultJSON");
-
-var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
-
-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; }
-
-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 PcNavigation =
-/** @class */
-function (_super) {
-  __extends(PcNavigation, _super);
-
-  function PcNavigation() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  PcNavigation.prototype.render = function () {
-    var nodeData = this.props.nodeData;
-    console.log('---PcNavigation', nodeData);
-    return /*#__PURE__*/_react["default"].createElement("div", null, window.magicDesign.device === 'pc' ? /*#__PURE__*/_react["default"].createElement(_pc["default"], {
-      data: nodeData
-    }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null));
-  };
-
-  PcNavigation.defaultProps = {};
-  PcNavigation.type = 'PC_NAVIGATION';
-  PcNavigation.getDefaultJSON = _defaultJSON.getDefaultJSON;
-  PcNavigation = __decorate([_compositeDecorator["default"]], PcNavigation);
-  return PcNavigation;
-}(_react.Component);
-
-var _default = PcNavigation;
-exports["default"] = _default;

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

@@ -1,482 +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");
-
-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' ? 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;
-      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;
-        break;
-      }
-
-    case 'FilteredProducts':
-      {
-        var params = JsonToUrl(objValue.filteredProductsRela);
-        params = params.replace('productName', 'q');
-        jumpUrl = "/product/list/null?" + params;
-        break;
-      }
-
-    case 'FunctionPage':
-      {
-        var url = objValue.objId && objValue.objId.split(',')[1];
-        jumpUrl = "" + url;
-        break;
-      }
-
-    case 'CustomizedPage':
-      jumpUrl = "/group/" + objValue.objId;
-      (0, _commonUtil.navigateTo)(jumpUrl);
-      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;
-        break;
-      }
-
-    default:
-      break;
-  }
-
-  (0, _commonUtil.navigateTo)(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)(window.magicDesign.MBaseUrl + "/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(); // newData = [];
-
-              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: 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 () {
-      document.querySelector('.all-category .m-meta-text').style.color = '#ED2121';
-    };
-
-    _this.mouseLeaveBtn = function () {
-      var data = _this.props.data;
-      var categList = _this.state.categList;
-      document.querySelector('.all-category .m-meta-text').style.color = data.home.allCategory.content.color;
-
-      _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;
-
-    console.log('----nav pc', data);
-    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
-    }, /*#__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, {
-        className: "one-category",
-        data: source.title
-      });
-    })));
-  };
-
-  PcNavigationPage.defaultProps = {
-    data: {}
-  };
-  return PcNavigationPage;
-}(_react["default"].Component);
-
-var _default = PcNavigationPage;
-exports["default"] = _default;