@fonixtree/magic-design 0.1.80 → 0.1.81

package/es/common/UrlPicker/AnchorModal/index.js

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _locale = require("../../../locale");
+
+var _mobx = require("../../../mobx");
+
+var _constants = require("../../../constants");
+
+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 __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 AnchorModal =
+/** @class */
+function (_super) {
+  __extends(AnchorModal, _super);
+
+  function AnchorModal() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      selectedValue: ''
+    };
+
+    _this.onAnchorChange = function (e) {
+      var selectedAnchor = _mobx.store.MPageData.find(function (m) {
+        return m.id === e.target.value;
+      });
+
+      console.log('store.MPageData: ', JSON.parse(JSON.stringify(_mobx.store.MPageData)));
+
+      _this.setState({
+        selectedValue: selectedAnchor.id
+      });
+    };
+
+    _this.onOk = function () {
+      var initData = _this.props.initData;
+      var selectedValue = _this.state.selectedValue;
+
+      var selectedAnchorIndex = _mobx.store.MPageData.findIndex(function (m) {
+        return m.id === selectedValue;
+      });
+
+      var selectedAnchor = _mobx.store.MPageData[selectedAnchorIndex];
+
+      var value = __assign({}, initData.value);
+
+      if (selectedAnchor.activeTerminal === 'ALL') {
+        value.pcNodeId = selectedAnchor.id;
+        value.mobileNodeId = selectedAnchor.id;
+      } else if (selectedAnchor.activeTerminal === 'MOBILE') {
+        value.mobileNodeId = selectedAnchor.id;
+      } else if (selectedAnchor.activeTerminal === 'PC') {
+        value.pcNodeId = selectedAnchor.id;
+      }
+
+      var data = {
+        type: _constants.urlTypeMap.ANCHOR,
+        value: value
+      };
+
+      _this.props.onConfirm(data);
+    };
+
+    return _this;
+  }
+
+  AnchorModal.prototype.render = function () {
+    var _a = this.props,
+        visible = _a.visible,
+        onClose = _a.onClose;
+    var selectedValue = this.state.selectedValue;
+    return /*#__PURE__*/_react["default"].createElement(_antd.Modal, {
+      cancelText: (0, _locale.i18n)('CANCEL'),
+      draggable: false,
+      footer: null,
+      okText: "OK",
+      onCancel: onClose,
+      title: (0, _locale.i18n)('ANCHOR'),
+      visible: visible,
+      width: "400px",
+      wrapClassName: "magicAnchorModal"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+      onChange: this.onAnchorChange,
+      value: selectedValue
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Space, {
+      direction: "vertical"
+    }, _mobx.store.MPageData.map(function (page, i) {
+      var _a;
+
+      return /*#__PURE__*/_react["default"].createElement(_antd.Radio, {
+        value: page.id
+      }, i + 1, "\u3001", (_a = _constants.compInfoMap[page.type]) === null || _a === void 0 ? void 0 : _a.name);
+    })))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "footer"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+      className: "btn-cancel",
+      onClick: function onClick() {
+        return onClose && onClose();
+      }
+    }, (0, _locale.i18n)('CANCEL')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+      className: "btn-confirm",
+      onClick: this.onOk,
+      type: "primary"
+    }, (0, _locale.i18n)('OK'))));
+  };
+
+  AnchorModal.defaultProps = {
+    visible: false,
+    onClose: function onClose() {},
+    onConfirm: function onConfirm() {},
+    initData: null
+  };
+  return AnchorModal;
+}(_react["default"].Component);
+
+var _default = AnchorModal;
+exports["default"] = _default;

package/es/common/UrlPicker/AnchorModal/index.less

@@ -0,0 +1,21 @@
+.magicAnchorModal {
+
+
+  .footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding-top: 20px;
+
+    .btn-cancel {
+      margin-right: 12px;
+    }
+
+    .btn-confirm {
+      background: #2F54EB;
+      border: none;
+      border-radius: 6px;
+      // margin-left: 20px;
+    }
+  }
+}

package/es/common/UrlPicker/index.js

@@ -7,16 +7,24 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./index.less");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _AnchorModal = _interopRequireDefault(require("./AnchorModal"));
+
+var _coreUtil = require("../../utils/coreUtil");
+
 var _locale = require("../../locale");
 
 var _LinkModal = _interopRequireDefault(require("../LinkModal"));
 
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
+var _constants = require("../../constants");
+
+var _mobx = require("../../mobx");
+
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -44,6 +52,8 @@ var __extends = void 0 && (void 0).__extends || function () {
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
+/* eslint-disable max-len */
+
 
 var UrlPicker =
 /** @class */
@@ -54,7 +64,8 @@ function (_super) {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.state = {
-      visible: false
+      visible: false,
+      anchorModalVisible: false
     };
     return _this;
   }
@@ -62,14 +73,29 @@ function (_super) {
   UrlPicker.prototype.render = function () {
     var _this = this;
 
-    var visible = this.state.visible;
-    var _a = this.props,
-        value = _a.value,
-        _onChange = _a.onChange,
-        disabled = _a.disabled,
-        onlySpecificCode = _a.onlySpecificCode; // 弹框选择url不可编辑，需要先清除
+    var _a;
+
+    var _b = this.state,
+        visible = _b.visible,
+        anchorModalVisible = _b.anchorModalVisible;
+    var _c = this.props,
+        value = _c.value,
+        _onChange = _c.onChange,
+        disabled = _c.disabled,
+        onlySpecificCode = _c.onlySpecificCode; // 弹框选择url不可编辑，需要先清除
 
     var editable = !value || !value.type;
+    var inputName = (value === null || value === void 0 ? void 0 : value.name) || '';
+
+    if ((value === null || value === void 0 ? void 0 : value.type) === _constants.urlTypeMap.ANCHOR) {
+      var selectedAnchorIndex = _mobx.store.MPageData.findIndex(function (m) {
+        return m.id === ((0, _coreUtil.isPc)() ? value.value.pcNodeId : value.value.mobileNodeId);
+      });
+
+      var selectedAnchor = _mobx.store.MPageData[selectedAnchorIndex];
+      inputName = selectedAnchorIndex + 1 + "\u3001" + ((_a = _constants.compInfoMap[selectedAnchor.type]) === null || _a === void 0 ? void 0 : _a.name);
+    }
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-url-picker"
     }, disabled && /*#__PURE__*/_react["default"].createElement("div", {
@@ -88,10 +114,19 @@ function (_super) {
       },
       placeholder: (0, _locale.i18n)('PLEASE_ADD_A_LINK'),
       type: "text",
-      value: value.name || ''
+      value: inputName
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "icon-btns"
-    }, window.magicDesign.outputType != 'html' && /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: "#000",
+      onClick: function onClick() {
+        return _this.setState({
+          anchorModalVisible: true
+        });
+      },
+      size: "20px",
+      type: "icon-anchor"
+    }), window.magicDesign.outputType != 'html' && /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
       color: "#000",
       onClick: function onClick() {
         return _this.setState({
@@ -122,6 +157,21 @@ function (_super) {
       },
       onlySpecificCode: onlySpecificCode,
       visible: visible
+    }), anchorModalVisible && /*#__PURE__*/_react["default"].createElement(_AnchorModal["default"], {
+      initData: value,
+      onClose: function onClose() {
+        return _this.setState({
+          anchorModalVisible: false
+        });
+      },
+      onConfirm: function onConfirm(value) {
+        _onChange(value);
+
+        _this.setState({
+          anchorModalVisible: false
+        });
+      },
+      visible: anchorModalVisible
     }));
   };
 

package/es/composite-comp/bol/components/Wallet/mobile/index.js

@@ -290,7 +290,7 @@ function (_super) {
                   show: true
                 }, _b[_constants.walletType.CENDUIT] = {
                   amount: userPoint === null ? '****' : userPoint,
-                  btnText: userPoint ? 'CenDuit Mall' : '',
+                  btnText: userPoint ? 'Cenduit Mall' : '',
                   show: true
                 }, _b)
               }, function () {

package/es/composite-comp/bol/components/Wallet/mobile/index.less

@@ -2,7 +2,7 @@
   margin-bottom: 0.14rem;
 }
 .m-Wallet-mobile .item-wrap .text-content {
-  position: relative !important;
+  position: relative;
   display: flex;
   align-items: center;
   justify-content: center;

package/es/composite-comp/bol/components/Wallet/pc/index.js

@@ -17,6 +17,8 @@ var _currencyUtil = require("../../../../../utils/currencyUtil");
 
 var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {

package/es/composite-comp/bol/components/Wallet/pc/index.less

@@ -1 +1,40 @@
-.m-Wallet-pc {}
+.m-Wallet-pc {
+
+  .headline {
+    margin-bottom: 20px;
+  }
+
+  .content {
+    display: flex;
+    flex-wrap: wrap;
+
+    &.column_3 {
+      .item-wrap {
+        .title {
+          top: 24%;
+        }
+
+        .amount {
+          bottom: 14%;
+        }
+      }
+    }
+
+    .item-wrap {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      border-radius: 10px;
+
+      .image {
+        border-radius: 10px;
+        overflow: hidden;
+      }
+
+      .text-content {
+        position: absolute;
+      }
+    }
+  }
+}

package/es/composite-comp/bol/second-config-panels/WalletSecondConfig/index.js

@@ -136,7 +136,7 @@ function (_super) {
         value: _constants.walletType.B2B
       }, (0, _locale.i18n)('B2B PayLater')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: _constants.walletType.CENDUIT
-      }, (0, _locale.i18n)('CenDuit')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('Cenduit')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: _constants.walletType.BNPL
       }, (0, _locale.i18n)('BNPL')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: _constants.walletType.CREDIT

package/es/constants/index.js

@@ -42,7 +42,7 @@ var walletType = {
   BNPL: 'BNPL',
   B2B: 'B2B PayLater',
   BALANCE: 'Balance',
-  CENDUIT: 'CenDuit'
+  CENDUIT: 'Cenduit'
 };
 exports.walletType = walletType;
 var urlType = {
@@ -68,7 +68,8 @@ var urlTypeMap = {
   SHARE_URL: 'ShareURL',
   MINI_APP: 'MiniApp',
   STORE: 'Store',
-  AFFILIATE_PRODUCT: 'AffiliateProduct'
+  AFFILIATE_PRODUCT: 'AffiliateProduct',
+  ANCHOR: 'Anchor'
 };
 exports.urlTypeMap = urlTypeMap;
 var respCodeMap = {

package/es/decorator/metaDecorator.js

@@ -95,7 +95,7 @@ function metaDecorator(WrappedComponent) {
               GAData = _c.GAData;
           (0, _commonUtil.pushGA)(__assign(__assign({}, GAData), {
             elementId: data.id,
-            elementName: data.text || GAData.groupName
+            elementName: data.text || (GAData === null || GAData === void 0 ? void 0 : GAData.groupName)
           }));
           return;
         } // 组织冒泡

package/es/locale/en/en.json

@@ -1,4 +1,7 @@
 {
+  "ANCHOR": "Anchor",
+  "PUSH": "Push",
+  "SET_AS_TEMPLATE": "Set as Template",
   "DISPLAY_PAGE": "Display page",
   "NAME": "Name",
   "ADD_MENU": "Add Menu",

package/es/locale/es/es.json

@@ -1,4 +1,7 @@
 {
+  "ANCHOR": "Anchor",
+  "PUSH": "Push",
+  "SET_AS_TEMPLATE": "Set as Template",
   "DISPLAY_PAGE": "Display page",
   "NAME": "Name",
   "ADD_MENU": "Add Menu",

package/es/locale/id/id.json

@@ -1,4 +1,7 @@
 {
+  "ANCHOR": "Anchor",
+  "PUSH": "Push",
+  "SET_AS_TEMPLATE": "Set as Template",
   "DISPLAY_PAGE": "Display page",
   "NAME": "Name",
   "ADD_MENU": "Add Menu",

package/es/utils/businessUtil.js

@@ -31,7 +31,18 @@ var newParseUrl = function newParseUrl(urlObj) {
       productId = urlObj.productId;
 
   switch (type) {
+    // 锚点跳转
+    case _constants.urlTypeMap.ANCHOR:
+      params = {
+        action: 'operation',
+        params: {
+          type: 'ANCHOR',
+          data: value
+        }
+      };
+      break;
     // 商品详情
+
     case _constants.urlTypeMap.PRODUCT_DETAIL_PAGE:
       if (offerId) {
         link = "/product/detail/" + offerId + "?productId=" + (productId !== null && productId !== void 0 ? productId : '');

package/es/utils/coreUtil.js

@@ -286,6 +286,22 @@ var getCoupon = function getCoupon(couponId) {
   });
 };
 
+function isUrl(string) {
+  // var pattern = new RegExp('^(https?:\\/\\/)?' + // 协议
+  //   '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // 域名
+  //   '((\\d{1,3}\\.){3}\\d{1,3}))' + // 或者 IP (v4) 地址
+  //   '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // 端口和路径
+  //   '(\\?[;&a-z\\d%_.~+=-]*)?' + // 查询字符串
+  //   '(\\#[-a-z\\d_]*)?$', 'i'); // fragment locator
+  // return !!pattern.test(string);
+  try {
+    new URL(string);
+    return true;
+  } catch (_) {
+    return false;
+  }
+}
+
 var clickUrl = function clickUrl(url) {
   if (url === void 0) {
     url = '';
@@ -310,6 +326,17 @@ var clickUrl = function clickUrl(url) {
       url: params.link
     }
   });
+  /** 锚点跳转 */
+
+  if (params.type === 'ANCHOR') {
+    (0, _commonUtil.ensure)(function () {
+      var nodeId = isPc() ? params.data.pcNodeId : params.data.mobileNodeId;
+      document.querySelector("#node-" + nodeId).scrollIntoView({
+        behavior: 'smooth'
+      });
+    });
+    return;
+  }
 
   if ((0, _androidUtil.browserVersion)().isAshitaApp) {
     (0, _androidUtil.sendToApp)(data);
@@ -342,9 +369,23 @@ var clickUrl = function clickUrl(url) {
       }
 
       return;
+    } // 输入的是完整的跳转地址
+
+
+    if (isUrl(link)) {
+      if (!link.includes(window.location.host)) {
+        // 跳转外链 需要把userToken带上
+        if (link.includes('?')) {
+          var a = link + "&userToken=" + (localStorage.getItem('h5Token') || '');
+          window.open(a);
+        } else {
+          var a = link + "?userToken=" + (localStorage.getItem('h5Token') || '');
+          window.open(a);
+        }
+      }
+    } else {
+      (0, _commonUtil.navigateTo)(link);
     }
-
-    (0, _commonUtil.navigateTo)(link);
   }
 };
 

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

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "magic-box-iconfont"; /* Project id 3317752 */
-  src: url('magic-box-iconfont.woff2?t=1700809570587') format('woff2'),
-       url('magic-box-iconfont.woff?t=1700809570587') format('woff'),
-       url('magic-box-iconfont.ttf?t=1700809570587') format('truetype');
+  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');
 }
 
 .magic-box-iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.magic-box-icon-anchor:before {
+  content: "\e642";
+}
+
 .magic-box-icon-circle-down:before {
   content: "\e686";
 }
@@ -21,7 +25,7 @@
   content: "\e687";
 }
 
-.magic-box-icon-Sidebar:before {
+.magic-box-icon-template:before {
   content: "\e685";
 }
 

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

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "magic-box-iconfont"; /* Project id 3317752 */
-  src: url('magic-box-iconfont.woff2?t=1700809570587') format('woff2'),
-       url('magic-box-iconfont.woff?t=1700809570587') format('woff'),
-       url('magic-box-iconfont.ttf?t=1700809570587') format('truetype');
+  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');
 }
 
 .magic-box-iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-anchor:before {
+  content: "\e642";
+}
+
 .icon-circle-down:before {
   content: "\e686";
 }
@@ -21,7 +25,7 @@
   content: "\e687";
 }
 
-.icon-Sidebar:before {
+.icon-template:before {
   content: "\e685";
 }