@fonixtree/magic-design 0.1.84 → 0.1.86

package/es/constants/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.walletType = exports.urlTypeMap = exports.urlType = exports.tempTypeMap = exports.respCodeMap = exports.quickMenuCode = exports.partyTypeMap = exports.metaType = exports.metaInst = exports.metaInsType = exports.magicMode = exports.eventType = exports.deviceTypeWidthMap = exports.deviceTypeMap = exports.compInfoMap = exports.STORAGE_KEY = exports.CREDIT_STATE = void 0;
+exports.walletType = exports.urlTypeMap = exports.urlType = exports.tempTypeMap = exports.respCodeMap = exports.quickMenuCode = exports.personalInfoType = exports.partyTypeMap = exports.orderStatusType = exports.metaType = exports.metaInst = exports.metaInsType = exports.magicMode = exports.eventType = exports.deviceTypeWidthMap = exports.deviceTypeMap = exports.compInfoMap = exports.STORE_KEY = exports.STORAGE_KEY = exports.CREDIT_STATE = void 0;
 var STORAGE_KEY = {
   LOCALE: 'magicLocale',
   MAGIC_RENDER_HTML: 'MAGIC_RENDER_HTML',
@@ -45,6 +45,21 @@ var walletType = {
   CENDUIT: 'CenDuit'
 };
 exports.walletType = walletType;
+var orderStatusType = {
+  PAY: 'To Pay',
+  SHIP: 'To Ship',
+  RECEIVE: 'To Receive',
+  DONE: 'Done',
+  CANCELLED: 'Cancelled'
+};
+exports.orderStatusType = orderStatusType;
+var personalInfoType = {
+  WISHLIST: 'Wishlist',
+  STORES: 'Stores',
+  VOUCHERS: 'Vouchers',
+  VIEWED: 'Recently Viewed'
+};
+exports.personalInfoType = personalInfoType;
 var urlType = {
   PRODUCT_DETAIL: 'proDetail',
   CATG_PROD_LIST: 'catg',
@@ -183,7 +198,7 @@ var compInfoMap = {
   },
   WALLET: {
     name: 'Wallet',
-    icon: 'icon-image-gallery'
+    icon: 'icon-cards_fill'
   },
   WALLET_NURI: {
     name: 'Wallet',
@@ -196,6 +211,18 @@ var compInfoMap = {
   MENU_NAVIGATION: {
     name: 'Menu Navigation',
     icon: 'icon-footer'
+  },
+  PERSONAL_INFOMATION: {
+    name: 'Personal Information',
+    icon: 'icon-account'
+  },
+  ORDERS: {
+    name: 'Orders',
+    icon: 'icon-orders'
+  },
+  COMMON_FUNCTIONS: {
+    name: 'Common Functions',
+    icon: 'icon-function'
   }
 };
 /**
@@ -272,4 +299,11 @@ var tempTypeMap = {
   PAGE: 'Page',
   TEMPLATE: 'TemplateLibrary'
 };
-exports.tempTypeMap = tempTypeMap;
+/** 持久化缓存 KEY */
+
+exports.tempTypeMap = tempTypeMap;
+var STORE_KEY = {
+  // 是否从sf app跳转
+  IS_FROM_SF: 'isFromSf'
+};
+exports.STORE_KEY = STORE_KEY;

package/es/core/Designer/ConfigPanel/index.js

@@ -109,6 +109,7 @@ var getSecondConfigName = function getSecondConfigName(selectedNode, clickedGrou
 
     case 'TEXT':
     case 'WALLET':
+    case 'COMMON_FUNCTIONS':
       groupName = panelProps.title.text;
       break;
 
@@ -129,6 +130,11 @@ var getSecondConfigName = function getSecondConfigName(selectedNode, clickedGrou
     case 'TAG':
       groupName = panelProps.button.text;
       break;
+
+    case 'PERSONAL_INFOMATION':
+    case 'ORDERS':
+      groupName = panelProps.sourceType;
+      break;
   }
 
   return groupName || 'Group Name';

package/es/decorator/compositeDecorator.js

@@ -116,7 +116,7 @@ function compositeDecorator(WrappedComponent) {
             compWidth = _b.compWidth;
         var zIndex = '0';
 
-        if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY') {
+        if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY' || nodeData.type === 'ORDERS') {
           zIndex = '1';
         } // 解决pc导航hover上去，类目被下面组件遮罩的问题
 

package/es/locale/en/en.json

@@ -1,4 +1,18 @@
 {
+  "CANCELLED": "Cancelled",
+  "DONE": "Done",
+  "TO_RECEIVE": "To Receive",
+  "TO_SHIP": "To ship",
+  "TO_PAY": "To Pay",
+  "VIEW_ALL_ORDERS": "View All Orders",
+  "ORDERS": "Orders",
+  "RECENTLY_VIEWED": "Recently Viewed",
+  "VOUCHERS": "Vouchers",
+  "STORES": "Stores",
+  "WISHLIST": "Wishlist",
+  "IMAGE_NAME_IS_TOO_LONG": "Image name is too long",
+  "ADD": "Add",
+  "LOGIN_OR_REGISTER": "Login or Register",
   "ANCHOR": "Anchor",
   "PUSH": "Push",
   "SET_AS_TEMPLATE": "Set as Template",

package/es/locale/es/es.json

@@ -1,4 +1,18 @@
 {
+  "CANCELLED": "Cancelled",
+  "DONE": "Done",
+  "TO_RECEIVE": "To Receive",
+  "TO_SHIP": "To ship",
+  "TO_PAY": "To Pay",
+  "VIEW_ALL_ORDERS": "View All Orders",
+  "ORDERS": "Orders",
+  "RECENTLY_VIEWED": "Recently Viewed",
+  "VOUCHERS": "Vouchers",
+  "STORES": "Stores",
+  "WISHLIST": "Wishlist",
+  "IMAGE_NAME_IS_TOO_LONG": "Image name is too long",
+  "ADD": "Add",
+  "LOGIN_OR_REGISTER": "Login or Register",
   "ANCHOR": "Anchor",
   "PUSH": "Push",
   "SET_AS_TEMPLATE": "Set as Template",

package/es/locale/id/id.json

@@ -1,4 +1,18 @@
 {
+  "CANCELLED": "Cancelled",
+  "DONE": "Done",
+  "TO_RECEIVE": "To Receive",
+  "TO_SHIP": "To ship",
+  "TO_PAY": "To Pay",
+  "VIEW_ALL_ORDERS": "View All Orders",
+  "ORDERS": "Orders",
+  "RECENTLY_VIEWED": "Recently Viewed",
+  "VOUCHERS": "Vouchers",
+  "STORES": "Stores",
+  "WISHLIST": "Wishlist",
+  "IMAGE_NAME_IS_TOO_LONG": "Image name is too long",
+  "ADD": "Add",
+  "LOGIN_OR_REGISTER": "Login or Register",
   "ANCHOR": "Anchor",
   "PUSH": "Push",
   "SET_AS_TEMPLATE": "Set as Template",

package/es/mobx/UserState.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserState = void 0;
+
+var _mobx = require("mobx");
+
+var _storeUtil = require("../utils/storeUtil");
+
+var _androidUtil = require("../utils/androidUtil");
+
+var _commonUtil = require("../utils/commonUtil");
+
+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 __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 __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 debug = require('debug')('worker:userState');
+/** 缓存 Key */
+
+
+var CACHE_KEY = 'USER_STATE';
+/** 持久化白名单 */
+
+var whiteList = ['photo', 'firstName', 'middleName', 'lastName', 'nickName', 'mobilePhone', 'cartNum', 'email', 'lastPaymentDate', 'userAddress', 'userDefAddress', 'recentViewNum', 'userCollectionNum', 'couponNum', 'language', 'distributor', 'tempVal', 'gender', 'birthdayDay', 'enUserId'];
+
+var getUserStore = function getUserStore() {
+  if (!(0, _commonUtil.isLogin)()) {
+    return {};
+  }
+
+  return (0, _storeUtil.getStore)(CACHE_KEY);
+};
+
+var initData = {
+  /** 头像 */
+  photo: '',
+
+  /** userId */
+  userId: '',
+
+  /** 昵称 */
+  nickName: '',
+
+  /** 名字 */
+  firstName: '',
+
+  /** 名字 */
+  middleName: '',
+
+  /** 名字 */
+  lastName: '',
+
+  /** 手机号 */
+  mobilePhone: '',
+
+  /** 购物车数量 */
+  cartNum: 0,
+  // 邮箱
+  email: '',
+  // 上次支付时间
+  lastPaymentDate: '',
+  // 用户设置语言
+  language: (0, _androidUtil.browserVersion)().isApp && localStorage.getItem('USER_LANGUAGE') ? localStorage.getItem('USER_LANGUAGE') : 'en',
+
+  /** 用户邮寄地址 */
+  userAddress: null,
+  userDefAddress: {},
+  // 最近浏览数量
+  recentViewNum: 0,
+  // 收藏数量
+  userCollectionNum: 0,
+  // 优惠券数量
+  couponNum: 0,
+  // 临时存放值
+  tempVal: '',
+  gender: '',
+  birthdayDay: '',
+  enUserId: '',
+  distributor: null
+};
+
+var UserState =
+/** @class */
+function () {
+  function UserState() {
+    this.state = __assign(__assign({}, initData), getUserStore());
+  }
+  /** 修改状态 */
+
+
+  UserState.prototype.setState = function (data) {
+    debug('用户状态更新', data);
+    var preState = this.state;
+    this.state = __assign(__assign({}, preState), data);
+    (0, _storeUtil.persistence)(CACHE_KEY, this.state, whiteList);
+  };
+
+  UserState.prototype.clearUserState = function () {
+    this.state = __assign(__assign({}, initData), {
+      language: this.state.language
+    });
+    (0, _storeUtil.persistence)(CACHE_KEY, this.state, whiteList);
+    /** 恢复默认地址 */
+
+    (0, _commonUtil.setDefaultAddressFromIP)();
+  };
+
+  __decorate([_mobx.observable], UserState.prototype, "state", void 0);
+
+  __decorate([_mobx.action.bound], UserState.prototype, "setState", null);
+
+  __decorate([_mobx.action.bound], UserState.prototype, "clearUserState", null);
+
+  return UserState;
+}();
+
+exports.UserState = UserState;

package/es/mobx/index.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   store: true,
-  frameStore: true
+  frameStore: true,
+  userState: true
 };
-exports.store = exports.frameStore = exports["default"] = void 0;
+exports.userState = exports.store = exports.frameStore = exports["default"] = void 0;
 
 var _mobx = require("mobx");
 
@@ -27,6 +28,8 @@ var _Store = require("./Store");
 
 var _Frame = require("./Frame");
 
+var _UserState = require("./UserState");
+
 /* 开启严格模式 */
 (0, _mobx.configure)({
   enforceActions: 'observed'
@@ -35,8 +38,11 @@ var store = new _Store.Store();
 exports.store = store;
 var frameStore = new _Frame.Frame();
 exports.frameStore = frameStore;
+var userState = new _UserState.UserState();
+exports.userState = userState;
 var _default = {
   store: store,
-  frameStore: frameStore
+  frameStore: frameStore,
+  userState: userState
 };
 exports["default"] = _default;

package/es/utils/androidUtil.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sendToJs = exports.sendToIos = exports.sendToApp = exports.sendToAndroid = exports.iosSendToJs = exports.connectWebViewJavascriptBridge = exports.browserVersion = void 0;
+exports.sendToJs = exports.sendToIos = exports.sendToApp = exports.sendToAndroid = exports.iosSendToJs = exports.goToLoginApp = exports.connectWebViewJavascriptBridge = exports.browserVersion = void 0;
 
 // 判断访问终端
 var browserVersion = function browserVersion() {
@@ -129,6 +129,17 @@ var sendToApp = function sendToApp(params) {
   if (AlipayJSBridge) {
     AlipayJSBridge.call('mpaasAction', params);
   }
+}; // 拉起APP登录
+
+
+exports.sendToApp = sendToApp;
+
+var goToLoginApp = function goToLoginApp() {
+  if (browserVersion().androidApp) {
+    window.dito.goToLogin();
+  } else if (browserVersion().iosApp) {
+    window.dito.goToLogin();
+  }
 };
 
-exports.sendToApp = sendToApp;
+exports.goToLoginApp = goToLoginApp;

package/es/utils/commonUtil.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addZero = exports.addUrlQuery = void 0;
 exports.asyncDataURLtoImage = asyncDataURLtoImage;
-exports.checkFileName = exports.calcLastTime = exports.asyncNextTick = void 0;
+exports.checkLogin = exports.checkFileName = exports.calcLastTime = exports.asyncNextTick = void 0;
 exports.commonFetch = commonFetch;
 exports.convertCount = exports.compatibleNewPageData = void 0;
 exports.convertImageUrl = convertImageUrl;
@@ -16,9 +16,13 @@ exports.dragSource = exports.downloadBase64Image = void 0;
 exports.ensure = ensure;
 exports.getGAData = exports.getColorRgba = void 0;
 exports.getPageDataMap = getPageDataMap;
-exports.onListenTouch = exports.nextTick = exports.navigateTo = exports.importAsync = exports.getUrlParams = void 0;
+exports.getUrlParams = void 0;
+exports.goLogin = goLogin;
+exports.importAsync = void 0;
+exports.isLogin = isLogin;
+exports.onListenTouch = exports.nextTick = exports.navigateTo = void 0;
 exports.pushGA = pushGA;
-exports.pxToRem = void 0;
+exports.setDefaultAddressFromIP = exports.pxToRem = void 0;
 exports.shareFacebook = shareFacebook;
 exports.shareLinkedin = shareLinkedin;
 exports.shareTwitter = shareTwitter;
@@ -33,8 +37,14 @@ var _uuid = require("uuid");
 
 var _qs = _interopRequireDefault(require("qs"));
 
+var _androidUtil = require("./androidUtil");
+
+var _storeUtil = require("./storeUtil");
+
 var _constants = require("../constants");
 
+var _mobx = require("../mobx");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __assign = void 0 && (void 0).__assign || function () {
@@ -287,6 +297,8 @@ function commonFetch(url, data, method) {
 }
 
 var navigateTo = function navigateTo(url) {
+  console.log(url);
+
   if (!url) {
     return;
   }
@@ -309,9 +321,111 @@ var navigateTo = function navigateTo(url) {
     }
   }
 };
+/** 判断是否登录状态 */
+
 
 exports.navigateTo = navigateTo;
 
+function isLogin() {
+  return localStorage.getItem('isLogin') === 'Y';
+}
+/**
+ * 跳转登陆页面
+ * SF打开的页面，需要跳转到手机验证码登陆页面
+ * @param {*} state
+ */
+
+
+function goLogin(state, replaceFlag) {
+  if (state === void 0) {
+    state = {};
+  }
+
+  if (replaceFlag === void 0) {
+    replaceFlag = false;
+  }
+
+  var isFromSf = (0, _storeUtil.getStore)(_constants.STORE_KEY.IS_FROM_SF);
+  var signUrl = isFromSf === 'Y' ? '/sign-in-opt' : '/sign-in';
+
+  if (replaceFlag) {
+    Fishx.history.replace({
+      pathname: signUrl,
+      state: state
+    });
+  } else {
+    navigateTo(signUrl, state);
+  }
+}
+/**
+ * 检查是否登录 未登录返回登录页
+ * @param {boolean?} isLead 是否引导登录
+ * @returns boolean
+ */
+
+
+var checkLogin = function checkLogin(isLead, redirectUrl, replaceFlag) {
+  if (isLead === void 0) {
+    isLead = true;
+  }
+
+  if (!isLogin()) {
+    if (isLead) {
+      if ((0, _androidUtil.browserVersion)().isApp) {
+        goToLoginApp();
+      } else {
+        var _a = window.location,
+            pathname = _a.pathname,
+            search = _a.search,
+            hash = _a.hash;
+
+        var _redirectUrl = pathname + search + hash;
+
+        goLogin({
+          redirectUrl: redirectUrl || _redirectUrl
+        }, replaceFlag);
+      }
+    }
+
+    return false;
+  }
+
+  return true;
+};
+/**
+ * TODO 根据IP获取地址信息
+ */
+
+
+exports.checkLogin = checkLogin;
+
+var setDefaultAddressFromIP = function setDefaultAddressFromIP() {
+  /** 设置初始地址 */
+
+  /** 接口返回数据addrPath: "1|2|137088|137089|137090" 保留后两个再拼上contactStdId
+     * 未登陆造数据和真实数据一致使用countryId占位
+    */
+
+  /** 138375,138376,126065,126066 */
+  if (!_mobx.userState.state.userAddress) {
+    _mobx.userState.setState({
+      userAddress: {
+        _FROM: 'ip',
+        addrPath: 'countryId|countryId1T|countryId2T|138375|138376|126065',
+        city: 'CITY OF MANILA',
+        contactStdId: 126066,
+        // country: 'CITY OF MANILA',
+        district: 'SAN MIGUEL',
+        street: 'Barangay 637',
+        province: 'NCR, CITY OF MANILA, FIRST DISTRICT',
+        type: 'address'
+      }
+    });
+  }
+};
+
+exports.setDefaultAddressFromIP = setDefaultAddressFromIP;
+
 var addUrlQuery = function addUrlQuery(url, queryObj) {
   if (/\?/.test(url)) {
     return url + '&' + _qs["default"].stringify(queryObj);
@@ -638,7 +752,7 @@ function pushGA(data, eventName) {
         elementName: data.elementName
       };
       console.log('GA push', eventName, eventData);
-      window.gtag('event', eventName, eventData);
+      if (window.gtag) window.gtag('event', eventName, eventData);
     }
   } catch (error) {
     console.error(error);

package/es/utils/coreUtil.js

@@ -341,11 +341,12 @@ var clickUrl = function clickUrl(url) {
   if ((0, _androidUtil.browserVersion)().isAshitaApp) {
     (0, _androidUtil.sendToApp)(data);
   } else if ((0, _androidUtil.browserVersion)().isApp && params.link && params.link.startsWith('http')) {
-    // 兼容Nuri的 绝对路径跳转
+    var urlTemp = "" + params.link + (params.link.includes('?') ? '&' : '?') + "userToken=" + (localStorage.getItem('h5Token') || ''); // 兼容Nuri的 绝对路径跳转
+
     (0, _androidUtil.sendToAndroid)({
       type: 'jumpBrowser',
       params: {
-        url: params.link
+        url: urlTemp
       }
     });
   } else {
@@ -383,7 +384,7 @@ var clickUrl = function clickUrl(url) {
           window.open(a);
         }
       } else {
-        window.open(a);
+        window.open(link);
       }
     } else {
       (0, _commonUtil.navigateTo)(link);

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

@@ -1,8 +1,9 @@
 @font-face {
-  font-family: "magic-box-iconfont"; /* Project id 3317752 */
-  src: url('magic-box-iconfont.woff2?t=1704245006151') format('woff2'),
-       url('magic-box-iconfont.woff?t=1704245006151') format('woff'),
-       url('magic-box-iconfont.ttf?t=1704245006151') format('truetype');
+  font-family: "magic-box-iconfont";
+  /* Project id 3317752 */
+  src: url('magic-box-iconfont.woff2?t=1709712007938') format('woff2'),
+    url('magic-box-iconfont.woff?t=1709712007938') format('woff'),
+    url('magic-box-iconfont.ttf?t=1709712007938') format('truetype');
 }
 
 .magic-box-iconfont {
@@ -13,6 +14,30 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.magic-box-icon-orders:before {
+  content: "\e64c";
+}
+
+.magic-box-icon-function:before {
+  content: "\e6d1";
+}
+
+.magic-box-icon-messages:before {
+  content: "\e600";
+}
+
+.magic-box-icon-set:before {
+  content: "\e601";
+}
+
+.magic-box-icon-cards_fill:before {
+  content: "\e7a6";
+}
+
+.magic-box-icon-account:before {
+  content: "\e655";
+}
+
 .magic-box-icon-anchor:before {
   content: "\e642";
 }
@@ -519,5 +544,4 @@
 
 .magic-box-icon-image:before {
   content: "\e608";
-}
-
+}