@fonixtree/magic-design 0.0.71 → 0.0.72

package/es/core/Renderer/index.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _componentTypes = require("../../constants/component-types");
 
-var _coreUtil = require("../../utils/coreUtil");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __assign = void 0 && (void 0).__assign || function () {
@@ -50,27 +48,14 @@ var setDesignConfig = function setDesignConfig(props) {
 
 var Renderer = function Renderer(props) {
   var pageData = props.pageData;
-  setDesignConfig(props); // 根据楼层展示设备进行过滤
-
-  var filterCompFloor = function filterCompFloor() {
-    var source = [];
-
-    if (pageData && pageData.childNodes && pageData.childNodes.length) {
-      source = pageData.childNodes.filter(function (node) {
-        return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
-      });
-    }
-
-    return source;
-  };
-
+  setDesignConfig(props);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "render_wrap",
     magic_design: "",
     style: {
       background: window.magicDesign.pageBackground
     }
-  }, filterCompFloor().map(function (nodeData) {
+  }, pageData && pageData.childNodes && pageData.childNodes.map(function (nodeData) {
     var Clazz = _componentTypes.componentMap[nodeData.type];
 
     if (!Clazz) {

package/es/decorator/compositeDecorator.js

@@ -41,22 +41,6 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
-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);
-};
-
 function compositeDecorator(WrappedComponent) {
   var Wrapper =
   /** @class */
@@ -90,43 +74,26 @@ function compositeDecorator(WrappedComponent) {
       };
 
       _this.getStyle = function () {
-        var wrapStyle = {
+        var style = {
           border: 'none'
-        };
-        var _a = window.magicDesign,
-            device = _a.device,
-            mode = _a.mode;
-        var nodeData = _this.props.nodeData;
-        var spacing = nodeData.spacing,
-            background = nodeData.background; // 处理复合组件的选中状态
-
-        if (mode === 'designer') {
+        }; // 处理复合组件的选中状态
+
+        if (window.magicDesign.mode === 'designer') {
           // style.border = '1px solid transparent';
-          wrapStyle.border = 'none';
+          style.border = 'none';
 
-          if (nodeData.id === _this.state.clickedFloor) {
-            wrapStyle.border = '1px dashed red';
+          if (_this.props.nodeData.id === _this.state.clickedFloor) {
+            style.border = '1px dashed red';
           }
-        } // 边距
-
+        } // 处理复合组件的下边距
 
-        if (spacing && spacing[device]) {
-          wrapStyle = __assign(__assign({}, wrapStyle), spacing[device]);
-        } // 背景
 
-
-        if (background) {
-          if (background.bgType === 'color') {
-            wrapStyle.backgroundColor = background.color;
-            wrapStyle.opacity = background.opacity ? background.opacity : 1;
-          } else {
-            wrapStyle.backgroundImage = "url(" + background.image + ")";
-            wrapStyle.backgroundPosition = 'center';
-            wrapStyle.backgroundSize = 'cover';
-          }
+        if (Wrapper.type !== 'DIVIDER') {
+          var rate = window.magicDesign.device === 'pc' ? 1.5 : 1;
+          style.marginBottom = Number(window.magicDesign.compSpacing) * rate + "px";
         }
 
-        return wrapStyle;
+        return style;
       };
 
       return _this;

package/es/decorator/index.js

@@ -15,17 +15,9 @@ Object.defineProperty(exports, "metaDecorator", {
     return _metaDecorator["default"];
   }
 });
-Object.defineProperty(exports, "updateConfigDecorator", {
-  enumerable: true,
-  get: function get() {
-    return _updateConfigDecorator["default"];
-  }
-});
 
 var _compositeDecorator = _interopRequireDefault(require("./compositeDecorator"));
 
 var _metaDecorator = _interopRequireDefault(require("./metaDecorator"));
 
-var _updateConfigDecorator = _interopRequireDefault(require("./updateConfigDecorator"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/es/decorator/metaDecorator.js

@@ -69,7 +69,7 @@ function metaDecorator(WrappedComponent) {
       }; // 元组件点击事件
 
       _this.onMetaClick = function (event) {
-        var _a, _b;
+        var _a, _b, _c;
 
         if (window.magicDesign.mode === 'renderer') {
           return;
@@ -90,7 +90,7 @@ function metaDecorator(WrappedComponent) {
         }
 
         _mobx.store.setState({
-          clickedMeta: metaId,
+          clickedMeta: (_c = _this.props.data) === null || _c === void 0 ? void 0 : _c.id,
           clickedGroup: parentId,
           clickedFloor: floorId
         });

package/es/locale/en/en.json

@@ -1,18 +1,4 @@
 {
-  "SEARCH_BOX": "Search Box",
-  "PLEASE_INPUT_KEYWORDS": "Please input keywords",
-  "SHOPPING_CART": "Shopping Cart",
-  "ADD_BUTTON": "Add Button",
-  "BUTTON_TAG": "Button Tag",
-  "ADD_TAG": "Add Tag",
-  "LAST_CATEGORY": "Last Category",
-  "SECONDARY_CATEGORY": "Secondary Category",
-  "FIRST_CATEGORY": "First Category",
-  "ALL_CATEGORY": "All Category",
-  "HOME": "Home",
-  "ADD_CLICKABLE_AREA": "Add Clickable Area",
-  "ADD_AREA": "Add Area",
-  "CLICKABLE_AREA": "Clickable Area",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Save",
@@ -98,6 +84,7 @@
   "INPUT_FIELD": "Input Field",
   "CONFIRMATION": "Confirmation",
   "IMAGE_TAG": "Image Tag",
+  "BUTTON_TAG": "Button Tag",
   "SECONDARY_BUTTON_TAG": "Secondary Button Tag",
   "TITLE": "Title",
   "HOVER": "Hover",

package/es/locale/es/es.json

@@ -1,18 +1,4 @@
 {
-  "SEARCH_BOX": "Search Box",
-  "PLEASE_INPUT_KEYWORDS": "Please input keywords",
-  "SHOPPING_CART": "Shopping Cart",
-  "ADD_BUTTON": "Add Button",
-  "BUTTON_TAG": "Etiqueta de botón",
-  "ADD_TAG": "Add Tag",
-  "LAST_CATEGORY": "Last Category",
-  "SECONDARY_CATEGORY": "Secondary Category",
-  "FIRST_CATEGORY": "First Category",
-  "ALL_CATEGORY": "All Category",
-  "HOME": "Home",
-  "ADD_CLICKABLE_AREA": "Add Clickable Area",
-  "ADD_AREA": "Add Area",
-  "CLICKABLE_AREA": "Clickable Area",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Guardar",
@@ -98,6 +84,7 @@
   "INPUT_FIELD": "Campo de entrada",
   "CONFIRMATION": "Confirmación",
   "IMAGE_TAG": "Etiqueta de imagen",
+  "BUTTON_TAG": "Etiqueta de botón",
   "SECONDARY_BUTTON_TAG": "Etiqueta de botón secundario",
   "TITLE": "Título",
   "HOVER": "Hover",

package/es/locale/id/id.json

@@ -1,18 +1,4 @@
 {
-  "SEARCH_BOX": "Search Box",
-  "PLEASE_INPUT_KEYWORDS": "Please input keywords",
-  "SHOPPING_CART": "Shopping Cart",
-  "ADD_BUTTON": "Add Button",
-  "BUTTON_TAG": "Button Tag",
-  "ADD_TAG": "Add Tag",
-  "LAST_CATEGORY": "Last Category",
-  "SECONDARY_CATEGORY": "Secondary Category",
-  "FIRST_CATEGORY": "First Category",
-  "ALL_CATEGORY": "All Category",
-  "HOME": "Home",
-  "ADD_CLICKABLE_AREA": "Add Clickable Area",
-  "ADD_AREA": "Add Area",
-  "CLICKABLE_AREA": "Clickable Area",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Save",
@@ -98,6 +84,7 @@
   "INPUT_FIELD": "Input Field",
   "CONFIRMATION": "Confirmation",
   "IMAGE_TAG": "Image Tag",
+  "BUTTON_TAG": "Button Tag",
   "SECONDARY_BUTTON_TAG": "Secondary Button Tag",
   "TITLE": "Title",
   "HOVER": "Hover",

package/es/meta-comp/components/Button/index.js

@@ -11,12 +11,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./index.less");
 
+var _businessUtil = require("../../../utils/businessUtil");
+
 var _coreUtil = require("../../../utils/coreUtil");
 
 var _decorator = require("../../../decorator");
 
-var _commonUtil = require("../../../utils/commonUtil");
-
 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); }
@@ -92,14 +92,14 @@ function (_super) {
 
     _this.preData = '';
     return _this;
-  } // 会影响到 button 的 hover style 失效
-  // shouldComponentUpdate(nextProps) {
-  //   const should1 = JSON.stringify(nextProps.data) != this.preData;
-  //   const should2 = window.magicDesign.device != this.preDevice;
-  //   const result = should1 || should2;
-  //   return result;
-  // }
+  }
 
+  Button.prototype.shouldComponentUpdate = function (nextProps) {
+    var should1 = JSON.stringify(nextProps.data) != this.preData;
+    var should2 = window.magicDesign.device != this.preDevice;
+    var result = should1 || should2;
+    return result;
+  };
 
   Button.prototype.render = function () {
     var _this = this;
@@ -119,27 +119,7 @@ function (_super) {
       border: data.buttonBorder.open && data.buttonBorder.borderColor ? "1px solid " + data.buttonBorder.borderColor : '1px solid transparent',
       borderRadius: data.buttonBorder.open ? data.buttonBorder.borderRadius : 0
     }, data.buttonText), {
-      fontSize: window.magicDesign.device == 'pc' ? data.buttonText.pcFontSize : data.buttonText.fontSize,
-      paddingTop: window.magicDesign.device == 'pc' ? (0, _commonUtil.ensure)(function () {
-        return data.spacing.pc.paddingTop;
-      }, 10) : (0, _commonUtil.ensure)(function () {
-        return data.spacing.mobile.paddingTop;
-      }, 10),
-      paddingBottom: window.magicDesign.device == 'pc' ? (0, _commonUtil.ensure)(function () {
-        return data.spacing.pc.paddingBottom;
-      }, 10) : (0, _commonUtil.ensure)(function () {
-        return data.spacing.mobile.paddingBottom;
-      }, 10),
-      paddingLeft: window.magicDesign.device == 'pc' ? (0, _commonUtil.ensure)(function () {
-        return data.spacing.pc.paddingLeft;
-      }, 10) : (0, _commonUtil.ensure)(function () {
-        return data.spacing.mobile.paddingLeft;
-      }, 10),
-      paddingRight: window.magicDesign.device == 'pc' ? (0, _commonUtil.ensure)(function () {
-        return data.spacing.pc.paddingRight;
-      }, 10) : (0, _commonUtil.ensure)(function () {
-        return data.spacing.mobile.paddingRight;
-      }, 10)
+      fontSize: window.magicDesign.device == 'pc' ? data.buttonText.pcFontSize : data.buttonText.fontSize
     });
 
     var iconUrl = data.buttonIcon.iconUrl;
@@ -172,6 +152,7 @@ function (_super) {
       suppressContentEditableWarning: true
     }, data.text);
 
+    var wrapStyle = (0, _businessUtil.computeStyle)(data, window.magicDesign.device);
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('m-meta-button', className),
       onClick: function onClick() {
@@ -187,14 +168,14 @@ function (_super) {
           hover: false
         });
       },
-      style: __assign({}, style)
+      style: __assign(__assign({}, style), wrapStyle)
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('btnContent', {
         horizontal: iconLayout === 'left' || iconLayout === 'right'
       })
     }, (iconLayout === 'right' || iconLayout === 'bottom') && btnText, iconUrl && /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
-      className: "icon",
+      className: "item",
       src: iconUrl
     }), (iconLayout === 'left' || iconLayout === 'top') && btnText));
   };

package/es/meta-comp/components/Button/index.less

@@ -2,9 +2,8 @@
   transition: all 0.25s;
 
   .btnContent {
-    width: 100%;
     cursor: pointer;
-    display: flex;
+    display: inline-flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
@@ -13,16 +12,9 @@
       flex-direction: row;
     }
 
-    .item {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
     img {
       height: 20px;
-      margin: 0 5px;
+      margin-right: 5px;
     }
   }
 }

package/es/meta-comp/components/Image/index.js

@@ -11,8 +11,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./index.less");
 
-var _defaultImg = _interopRequireDefault(require("./image/default-img.png"));
-
 var _coreUtil = require("../../../utils/coreUtil");
 
 var _decorator = require("../../../decorator");
@@ -65,11 +63,9 @@ function (_super) {
   function Image() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
-    _this.imgRef = /*#__PURE__*/_react["default"].createRef();
     _this.state = {
       // 当仅作为一个图片时，鼠标移上去，hover状态
-      hoverImgSrc: false,
-      scale: 1
+      hoverImgSrc: false
     };
 
     _this.getStyle = function () {
@@ -86,7 +82,7 @@ function (_super) {
 
       if (data.hover.open && data.hover.backgroundType === 'enlarge' && (hoverState || hoverImgSrc)) {
         // return { transform: `scale(${data.hover.magnification})` };
-        obj.transform = "scale(" + data.hover.magnification + ")";
+        obj.transform = "scale(" + data.hover.magnification / 2 + ")";
       }
 
       if (maxHeight) {
@@ -148,8 +144,6 @@ function (_super) {
   }
 
   Image.prototype.render = function () {
-    var _this = this;
-
     var _a, _b;
 
     var _c = this.props,
@@ -167,11 +161,10 @@ function (_super) {
 
     if (window.magicDesign.isShop && (srcImg === null || srcImg === void 0 ? void 0 : srcImg.includes('ecommerce/static'))) {
       srcImg = srcImg.replace('ecommerce/static', 'static');
-    }
+    } // if (!srcImg) {
+    //   srcImg = defaultImg;
+    // }
 
-    if (!srcImg) {
-      srcImg = _defaultImg["default"];
-    }
 
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('m-meta-image', {
@@ -180,36 +173,12 @@ function (_super) {
       onClick: function onClick() {
         (0, _coreUtil.clickUrl)(data.content.clickUrl);
       }
-    }, srcImg && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("img", {
-      ref: this.imgRef,
-      onLoad: function onLoad() {
-        var scale = _this.imgRef.current.clientWidth / 600;
-
-        _this.setState({
-          scale: scale
-        });
-      },
+    }, srcImg && /*#__PURE__*/_react["default"].createElement("img", {
       onMouseEnter: this.mouseEnterImg,
       onMouseLeave: this.mouseLeaveImg,
       src: srcImg,
       style: this.getStyle()
-    }), data.content.areas && data.content.areas.length > 0 && data.content.areas.map(function (v, i) {
-      var aStyle = {
-        position: 'absolute',
-        top: parseInt(v.y * _this.state.scale),
-        left: parseInt(v.x * _this.state.scale),
-        width: parseInt(v.width * _this.state.scale),
-        height: parseInt(v.height * _this.state.scale)
-      };
-      return /*#__PURE__*/_react["default"].createElement("a", {
-        key: i,
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          (0, _coreUtil.clickUrl)(v.inputVal);
-        },
-        style: aStyle
-      });
-    })));
+    }));
   };
 
   Image.defaultProps = {

package/es/meta-comp/components/Image/index.less

@@ -1,5 +1,4 @@
 .m-meta-image {
-  position: relative;
   width: 100%;
   height: 100%;
   display: flex;
@@ -12,7 +11,6 @@
     object-fit: contain;
     transition: all .2s linear;
     vertical-align: initial;
-    max-width: 100%;
   }
 
   &.backgroundImg {

package/es/meta-comp/components/Text/index.js

@@ -17,6 +17,8 @@ var _Iconfont = require("../../../common/Iconfont");
 
 var _decorator = require("../../../decorator");
 
+var _businessUtil = require("../../../utils/businessUtil");
+
 var _coreUtil = require("../../../utils/coreUtil");
 
 var _mobx = require("../../../mobx");
@@ -102,8 +104,7 @@ var contentStyle = function contentStyle(content) {
     color: content.color,
     backgroundColor: content.backgroundColor,
     textAlign: content.textAlign,
-    // width: (window.magicDesign.device == 'pc' ? content.pcWidth :  content.width) || 'fit-content',
-    width: (window.magicDesign.device == 'pc' ? content.pcWidth : content.width) || '100%'
+    width: window.magicDesign.device == 'mobile' ? '100%' : content.width || 'fit-content'
   };
 };
 /** 从父级数组中 分离出 片段数组 */
@@ -257,8 +258,7 @@ var initSelectionEvent = function initSelectionEvent() {
         }
 
         findSelectionTarget.refresh();
-      } // todo 不知道干什么用的
-
+      }
 
       triggerTextConfigRender();
     }, 500);
@@ -431,30 +431,14 @@ function (_super) {
         className = _a.className,
         readonly = _a.readonly,
         onTextInput = _a.onTextInput;
-    var style = contentStyle(data.content);
-
-    if (data.underline) {
-      style = __assign(__assign({}, style), {
-        textDecorationLine: data.underline.open ? 'underline' : 'none',
-        textDecorationColor: data.underline.textDecorationColor,
-        textDecorationStyle: data.underline.textDecorationStyle
-      });
-    }
-
-    if (data === null || data === void 0 ? void 0 : data.spacing) {
-      if ((0, _coreUtil.isPc)()) {
-        style = __assign(__assign({}, style), data.spacing.pc);
-      } else {
-        style = __assign(__assign({}, style), data.spacing.mobile);
-      }
-    } // const style: React.CSSProperties = {
-    //   ...contentStyle(data.content),
-    //   textDecorationLine: data?.underline.open ? 'underline' : 'none',
-    //   textDecorationColor: data?.underline.textDecorationColor,
-    //   textDecorationStyle: data?.underline.textDecorationStyle,
-    // };
 
+    var style = __assign(__assign({}, contentStyle(data.content)), {
+      textDecorationLine: data.underline.open ? 'underline' : 'none',
+      textDecorationColor: data.underline.textDecorationColor,
+      textDecorationStyle: data.underline.textDecorationStyle
+    });
 
+    var wrapStyle = (0, _businessUtil.computeStyle)(data, window.magicDesign.device);
     return /*#__PURE__*/_react["default"].createElement("div", {
       ref: this.textRef,
       className: (0, _classnames["default"])('m-meta-text', className),
@@ -477,7 +461,7 @@ function (_super) {
       onKeyDown: function onKeyDown(e) {
         e.stopPropagation();
       },
-      style: __assign({}, style),
+      style: __assign(__assign({}, style), wrapStyle),
       suppressContentEditableWarning: true
     });
   };

package/es/meta-comp/config-panels/BaseConfig.js

@@ -48,6 +48,14 @@ function (_super) {
 
   function BaseConfig() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
+    /**
+     *重新渲染展示区域
+     */
+
+
+    _this.reRenderViewArea = function () {
+      (0, _coreUtil.renderPreview)();
+    };
     /**
      * 重新渲染一级配置面板
      */
@@ -59,16 +67,10 @@ function (_super) {
      */
 
 
-    _this.selfRender = function (data) {
-      var changeHistory = true;
-
-      if (data && data.type === 'text-render') {
-        changeHistory = false;
-      }
-
+    _this.selfRender = function () {
       _this.setState({});
 
-      (0, _coreUtil.renderPreview)(changeHistory);
+      _this.reRenderViewArea();
     };
 
     return _this;

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

@@ -157,7 +157,7 @@ function (_super) {
         return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
           value: sizeType.key
         }, sizeType.key);
-      }))), data.sizeType == 'Customize font styles' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_FAMILY')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
@@ -191,7 +191,7 @@ function (_super) {
         value: {
           count: data[fontSizeKey]
         }
-      }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: ""
       }, /*#__PURE__*/_react["default"].createElement(_common.FontStyles, {
         onChange: function onChange(value) {

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

@@ -11,8 +11,6 @@ var _antd = require("antd");
 
 require("./index.less");
 
-var _HotAreaConfig = _interopRequireDefault(require("./HotAreaConfig"));
-
 var _commonUtil = require("../../../utils/commonUtil");
 
 var _coreUtil = require("../../../utils/coreUtil");
@@ -202,7 +200,8 @@ function (_super) {
   function ImageConfig() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
-    _this.onClick = function (event) {// console.log(event);
+    _this.onClick = function (event) {
+      console.log(event);
     };
 
     _this.getImg = function (v) {
@@ -292,10 +291,6 @@ function (_super) {
       _this.selfRender();
     };
 
-    _this.getSelectedImg = function (data) {
-      return (0, _coreUtil.isPc)() ? data.content.pcImgSrc : data.content.h5ImgSrc;
-    };
-
     return _this;
   }
 
@@ -304,24 +299,16 @@ function (_super) {
 
     var _a = this.props,
         data = _a.data,
-        needHover = _a.needHover;
-    var selectImg = this.getSelectedImg(data);
+        needHover = _a.needHover; // console.log('---image', this.props);
 
     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
+      value: (0, _coreUtil.isPc)() ? data.content.pcImgSrc : data.content.h5ImgSrc
     }), /*#__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;