@fonixtree/magic-design 0.0.71 → 0.0.73

package/es/meta-comp/config-panels/ImageConfig/HotAreaConfig/index.less

@@ -1,17 +0,0 @@
-
-.hot_area_wrap {
-  border-bottom: 1px dashed #D2D9E5;
-  margin-bottom: 16px;
-  padding-bottom: 12px;
-  .area_wrap {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-family: 'Open Sans';
-    font-style: normal;
-    font-weight: 600;
-    font-size: 14px;
-    color: #232F46;
-  }
-}
-

package/es/meta-comp/config-panels/ImageConfig/index.js

@@ -1,419 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _antd = require("antd");
-
-require("./index.less");
-
-var _HotAreaConfig = _interopRequireDefault(require("./HotAreaConfig"));
-
-var _commonUtil = require("../../../utils/commonUtil");
-
-var _coreUtil = require("../../../utils/coreUtil");
-
-var _common = require("../../../common");
-
-var _BaseConfig = _interopRequireDefault(require("../BaseConfig"));
-
-var _locale = require("../../../locale");
-
-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
-    };
-  }
-};
-
-var ImageConfig =
-/** @class */
-function (_super) {
-  __extends(ImageConfig, _super);
-
-  function ImageConfig() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.onClick = function (event) {// console.log(event);
-    };
-
-    _this.getImg = function (v) {
-      return __awaiter(_this, void 0, void 0, function () {
-        var data, _scale, pcImg, h5Img;
-
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              data = this.props.data;
-              _scale = 1;
-              if (!(0, _coreUtil.isPc)()) return [3
-              /*break*/
-              , 3];
-              data.content.pcImgSrc = v.url;
-              data.content.pcName = v.contentTitle;
-              if (!data.content.pcImgSrc) return [3
-              /*break*/
-              , 2];
-              return [4
-              /*yield*/
-              , (0, _commonUtil.asyncDataURLtoImage)(data.content.pcImgSrc)];
-
-            case 1:
-              pcImg = _a.sent();
-              data.content.pcImgWidth = pcImg.width * _scale;
-              data.content.pcImgHeight = pcImg.height * _scale;
-              _a.label = 2;
-
-            case 2:
-              if (!data.content.h5ImgSrc) {
-                data.content.h5ImgSrc = v.url;
-                data.content.h5Name = v.contentTitle;
-              }
-
-              return [3
-              /*break*/
-              , 6];
-
-            case 3:
-              data.content.h5ImgSrc = v.url;
-              data.content.h5Name = v.contentTitle;
-              if (!data.content.h5ImgSrc) return [3
-              /*break*/
-              , 5];
-              return [4
-              /*yield*/
-              , (0, _commonUtil.asyncDataURLtoImage)(data.content.h5ImgSrc)];
-
-            case 4:
-              h5Img = _a.sent();
-              data.content.h5ImgWidth = h5Img.width * _scale;
-              data.content.h5ImgHeight = h5Img.height * _scale;
-              _a.label = 5;
-
-            case 5:
-              if (!data.content.pcImgSrc) {
-                data.content.pcImgSrc = v.url;
-                data.content.pcName = v.contentTitle;
-              }
-
-              _a.label = 6;
-
-            case 6:
-              this.selfRender();
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.getImgHoverUrl = function (v) {
-      var data = _this.props.data;
-
-      if ((0, _coreUtil.isPc)()) {
-        data.hover.pcImgHoverUrl = v.url;
-
-        if (!data.hover.h5ImgHoverUrl) {
-          data.hover.h5ImgHoverUrl = v.url;
-        }
-      } else {
-        data.hover.h5ImgHoverUrl = v.url;
-      }
-
-      _this.selfRender();
-    };
-
-    _this.getSelectedImg = function (data) {
-      return (0, _coreUtil.isPc)() ? data.content.pcImgSrc : data.content.h5ImgSrc;
-    };
-
-    return _this;
-  }
-
-  ImageConfig.prototype.render = function () {
-    var _this = this;
-
-    var _a = this.props,
-        data = _a.data,
-        needHover = _a.needHover;
-    var selectImg = this.getSelectedImg(data);
-
-    var ContentSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.ImagePicker, {
-      onChange: function onChange(v) {
-        _this.getImg(v);
-      },
-      value: selectImg
-    }), selectImg && /*#__PURE__*/_react["default"].createElement(_HotAreaConfig["default"], {
-      imgUrl: selectImg,
-      onChange: function onChange() {
-        return _this.setState({});
-      },
-      option: data.content
-    }), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "URL"
-    }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
-      disabled: data.content.openHotArea,
-      onChange: function onChange(v) {
-        data.content.clickUrl = v;
-
-        _this.selfRender();
-      },
-      value: data.content.clickUrl
-    })));
-
-    var HoverSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      split: data.hover.backgroundType === 'new',
-      title: (0, _locale.i18n)('IMAGE')
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-      className: "hoverSelect",
-      onChange: function onChange(v) {
-        data.hover.backgroundType = v;
-
-        _this.selfRender();
-      },
-      size: "large",
-      value: data.hover.backgroundType
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "enlarge"
-    }, (0, _locale.i18n)('ENLARGE')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "new"
-    }, (0, _locale.i18n)('NEW_IMAGE')))), data.hover.backgroundType === 'enlarge' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: (0, _locale.i18n)('MAGNIFICATION')
-    }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
-      inputType: "float",
-      maxVal: 3,
-      minVal: 1,
-      onChange: function onChange(v) {
-        data.hover.magnification = v.count;
-
-        _this.selfRender();
-      },
-      step: 0.25,
-      value: {
-        count: data.hover.magnification
-      }
-    })), data.hover.backgroundType === 'new' && /*#__PURE__*/_react["default"].createElement(_common.ImagePicker, {
-      onChange: function onChange(v) {
-        return _this.getImgHoverUrl(v);
-      },
-      value: (0, _coreUtil.isPc)() ? data.hover.pcImgHoverUrl : data.hover.h5ImgHoverUrl
-    }));
-
-    var imageSource = [{
-      key: '1',
-      name: (0, _locale.i18n)('CONTENT'),
-      value: ContentSetting
-    }];
-
-    if (needHover) {
-      imageSource.push({
-        key: '5',
-        name: (0, _locale.i18n)('HOVER'),
-        value: HoverSetting,
-        metaOption: data.hover,
-        toggleType: 'checkbox'
-      });
-    }
-
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "m-image-config",
-      onClick: this.onClick
-    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
-      onRefresh: this.selfRender,
-      source: imageSource,
-      type: "arrow"
-    }));
-  };
-
-  ImageConfig.defaultProps = {
-    data: {
-      content: {
-        clickUrl: '',
-        pcImgSrc: '',
-        h5ImgSrc: '',
-        name: ''
-      },
-      hover: {
-        open: false,
-        backgroundType: 'enlarge',
-        h5ImgHoverUrl: '',
-        pcImgHoverUrl: '',
-        magnification: 1
-      }
-    },
-    needHover: true
-  };
-  return ImageConfig;
-}(_BaseConfig["default"]);
-
-var _default = ImageConfig;
-exports["default"] = _default;

package/es/meta-comp/config-panels/ImageConfig/index.less

@@ -1,16 +0,0 @@
-.m-image-config {
-  padding: 0 12px 1px;
-  background-color: #F5F6F7;
-
-  // .hoverSelect {
-  //   .ant-select-selector {
-  //     border: 1px solid #D2D9E5;
-  //     border-radius: 8px;
-  //     padding: 0 16px;
-  //     height: auto;
-  //     font-family: 'Open Sans';
-  //     line-height: 48px;
-  //     color: #232F46;
-  //   }
-  // }
-}