@fonixtree/magic-design 1.0.65 → 1.0.67

package/lib/common/MyModal/index.js

@@ -1,417 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-require("./index.less");
-
-var _2 = require("..");
-
-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 __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
-    };
-  }
-};
-
-// import { Iconfont } from 'src/components/common';
-function urlToDataUrl(url) {
-  return __awaiter(this, void 0, void 0, function () {
-    var response, blob_1, error_1;
-    return __generator(this, function (_a) {
-      switch (_a.label) {
-        case 0:
-          _a.trys.push([0, 3,, 4]);
-
-          return [4
-          /*yield*/
-          , fetch(url)];
-
-        case 1:
-          response = _a.sent();
-          return [4
-          /*yield*/
-          , response.blob()];
-
-        case 2:
-          blob_1 = _a.sent();
-          return [2
-          /*return*/
-          , new Promise(function (resolve, reject) {
-            var reader = new FileReader();
-
-            reader.onload = function () {
-              return resolve(reader.result);
-            };
-
-            reader.onerror = reject;
-            reader.readAsDataURL(blob_1);
-          })];
-
-        case 3:
-          error_1 = _a.sent();
-          console.error('Error converting URL to Data URL:', error_1);
-          return [2
-          /*return*/
-          , null];
-
-        case 4:
-          return [2
-          /*return*/
-          ];
-      }
-    });
-  });
-}
-
-var MyModal =
-/** @class */
-function (_super) {
-  __extends(MyModal, _super);
-
-  function MyModal(props) {
-    var _this = _super.call(this, props) || this;
-
-    _this.confirm = function () {
-      return __awaiter(_this, void 0, void 0, function () {
-        var _a, onConfirm, onClose_1, error_2;
-
-        var _b;
-
-        return __generator(this, function (_c) {
-          switch (_c.label) {
-            case 0:
-              _c.trys.push([0, 3,, 4]);
-
-              _a = this.props, onConfirm = _a.onConfirm, onClose_1 = _a.onClose;
-              if (!onConfirm) return [3
-              /*break*/
-              , 2];
-              return [4
-              /*yield*/
-              , onConfirm()];
-
-            case 1:
-              _c.sent();
-
-              _c.label = 2;
-
-            case 2:
-              (_b = this.parentRef.current.querySelector('.tip-content')) === null || _b === void 0 ? void 0 : _b.classList.remove('scroll-animation');
-              setTimeout(function () {
-                onClose_1();
-              }, 300);
-              return [3
-              /*break*/
-              , 4];
-
-            case 3:
-              error_2 = _c.sent();
-              debug(error_2);
-              return [3
-              /*break*/
-              , 4];
-
-            case 4:
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.cancel = function () {
-      return __awaiter(_this, void 0, void 0, function () {
-        var _a, onCancel, onClose_2, error_3;
-
-        var _b;
-
-        return __generator(this, function (_c) {
-          switch (_c.label) {
-            case 0:
-              _c.trys.push([0, 2,, 3]);
-
-              _a = this.props, onCancel = _a.onCancel, onClose_2 = _a.onClose;
-              return [4
-              /*yield*/
-              , onCancel()];
-
-            case 1:
-              _c.sent();
-
-              (_b = this.parentRef.current.querySelector('.tip-content')) === null || _b === void 0 ? void 0 : _b.classList.remove('scroll-animation');
-              setTimeout(function () {
-                onClose_2();
-              }, 300);
-              return [3
-              /*break*/
-              , 3];
-
-            case 2:
-              error_3 = _c.sent();
-              debug(error_3);
-              return [3
-              /*break*/
-              , 3];
-
-            case 3:
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.parentRef = /*#__PURE__*/_react["default"].createRef();
-    return _this;
-  }
-
-  MyModal.prototype.componentDidMount = function () {
-    var _this = this;
-
-    var messageImg = this.props.messageImg;
-
-    if (messageImg) {
-      urlToDataUrl(messageImg).then(function () {
-        var _a;
-
-        (_a = _this.parentRef.current.querySelector('.tip-content')) === null || _a === void 0 ? void 0 : _a.classList.add('scroll-animation');
-      });
-    }
-  };
-
-  MyModal.prototype.render = function () {
-    // const { content } = this.props;
-    var _a = this.props,
-        title = _a.title,
-        titleStyle = _a.titleStyle,
-        message = _a.message,
-        confirmText = _a.confirmText,
-        messageImg = _a.messageImg,
-        cancelText = _a.cancelText,
-        onClose = _a.onClose,
-        hideCancel = _a.hideCancel,
-        isPreview = _a.isPreview;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      ref: this.parentRef,
-      className: "tip-modal-wrap",
-      style: {
-        position: isPreview ? 'absolute' : 'fixed'
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "tip-background",
-      onClick: onClose
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "tip-content"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "content-head"
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      style: titleStyle
-    }, title), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "close-icon",
-      onClick: onClose
-    }, /*#__PURE__*/_react["default"].createElement(_2.Iconfont, {
-      color: "#8493AF",
-      size: 16,
-      type: "icon-close"
-    }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "content-body"
-    }, message && /*#__PURE__*/_react["default"].createElement("div", null, message), messageImg && /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "tip",
-      src: messageImg
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "close-wrap"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "close-btn",
-      onClick: this.confirm
-    }, confirmText), !hideCancel && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "close-btn",
-      onClick: this.cancel
-    }, cancelText))));
-  };
-
-  MyModal.defaultProps = {
-    hideCancel: true,
-    title: '',
-    message: '',
-    messageImg: '',
-    confirmText: 'OK',
-    cancelText: 'NO',
-    onConfirm: function onConfirm() {},
-    onCancel: function onCancel() {}
-  };
-  return MyModal;
-}(_react["default"].Component);
-
-var _default = MyModal;
-exports["default"] = _default;

package/lib/common/MyModal/index.less

@@ -1,74 +0,0 @@
-.tip-modal-wrap {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 9999;
-  .tip-background {
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.7);
-  }
-  .tip-content {
-    border-radius: 16px 16px 0px 0px;
-    background-color: #fff;
-    padding: 0 12px;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    transition: all 0.3s;
-    transform: translateY(100%);
-
-    .content-head {
-      text-align: center;
-      color: #323233;
-      font-family: Open Sans;
-      font-size: 16px;
-      font-weight: 400;
-      line-height: 24px;
-      letter-spacing: 0px;
-      position: relative;
-      padding: 10px 0;
-      // margin-bottom: 20px;
-      .close-icon {
-        position: absolute;
-        right: 16px;
-        top: 10px;
-      }
-    }
-    .content-body {
-      width: 100%;
-      margin-bottom: 5px;
-      max-height: 500px;
-      overflow-y: auto;
-      &> img {
-        width: 100%;
-        // max-width: 300px;
-        height: fit-content;
-      }
-    }
-    .close-wrap {
-      margin: 6px 2px;
-      .close-btn {
-        border-radius: 4px;
-        background-color: #E65427;
-        font-size: 14px;
-        font-weight: 400;
-        line-height: 20px;
-        text-align: center;
-        padding: 8px 0;
-        color: #fff;
-        flex: 1;
-        &:nth-of-type(2) {
-          margin-left: 10px;
-        }
-      }
-    }
-  }
-  .scroll-animation {
-    transform: translateY(0);
-  }
-}
-

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

@@ -1,170 +0,0 @@
-"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/lib/common/UrlPicker/AnchorModal/index.less

@@ -1,21 +0,0 @@
-.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;
-    }
-  }
-}