@fonixtree/magic-design 2.0.48 → 2.0.50

package/lib/composite-comp/bol/config-panels/WalletNuriConfig/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = WalletNuriConfig;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WalletNuriConfigImageGroup = _interopRequireDefault(require("./WalletNuriConfigImageGroup"));
+
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
+
+var _layout = require("../../../../constants/layout");
+
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
+var _locale = require("../../../../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function WalletNuriConfig(props) {
+  var data = props.data;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+    divider: "bold",
+    headerSize: "large",
+    source: [{
+      key: 'walletNuri1',
+      name: (0, _locale.i18n)('GROUP'),
+      value: /*#__PURE__*/_react["default"].createElement(_WalletNuriConfigImageGroup["default"], {
+        source: data.groupSource
+      })
+    }, {
+      key: 'walletNuri2',
+      name: (0, _locale.i18n)('SPACING'),
+      value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+        data: data.spacing
+      })
+    }, {
+      key: 'walletNuri3',
+      name: (0, _locale.i18n)('CUSTOMIZE'),
+      value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
+        component: "wallet",
+        data: data.customize,
+        isHideAlign: true,
+        layoutSource: _layout.WalletNuriLayout
+      })
+    }, {
+      key: 'walletNuri4',
+      name: (0, _locale.i18n)('BACKGROUND'),
+      value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+        data: data.background
+      })
+    }],
+    type: "triangle"
+  }));
+}

package/lib/composite-comp/bol/second-config-panels/WalletNuriSecondConfig/index.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+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 WalletSecondConfig =
+/** @class */
+function (_super) {
+  __extends(WalletSecondConfig, _super);
+
+  function WalletSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.reRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+
+      var iconSetting = /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: ""
+      }, /*#__PURE__*/_react["default"].createElement(_common.IconPicker, {
+        onChange: function onChange(icon) {
+          panelProps.tip.url = icon;
+
+          _this.reRender();
+        },
+        value: panelProps.tip.url
+      }));
+
+      var defaultSource = [{
+        key: panelProps.logo.id,
+        name: (0, _locale.i18n)('LOGO'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.logo,
+          needHover: false
+        }),
+        metaOption: panelProps.logo
+      }, {
+        key: panelProps.title.id,
+        name: (0, _locale.i18n)('TITLE'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.title
+        }),
+        metaOption: panelProps.title
+      }, {
+        key: panelProps.amount.id,
+        name: (0, _locale.i18n)('AMOUNT'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.amount
+        }),
+        metaOption: panelProps.amount
+      }, {
+        key: panelProps.text.id,
+        name: (0, _locale.i18n)('TEXT'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.text
+        }),
+        metaOption: panelProps.text
+      }, {
+        key: panelProps.tip.id,
+        name: (0, _locale.i18n)('TIPS'),
+        value: iconSetting,
+        metaOption: panelProps.tip
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        divider: "dashed",
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      });
+    };
+
+    return _this;
+  }
+
+  WalletSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "Wallet_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: panelProps.id || 'walletNuriContent',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }]
+    }));
+  };
+
+  WalletSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return WalletSecondConfig;
+}(_BaseConfig["default"]);
+
+var _default = WalletSecondConfig;
+exports["default"] = _default;

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

@@ -121,6 +121,7 @@ function (_super) {
         onChange: function onChange(v) {
           panelProps.sourceType = v;
           panelProps.title.text = v;
+          panelProps.title.html = '';
 
           _this.selfRender();
         },

package/lib/composite-comp/dito/components/SearchBar/mobile/index.js

@@ -223,7 +223,7 @@ function (_super) {
               , 3];
 
             case 2:
-              num = JSON.parse(localStorage.getItem('TEMP_CART') || []).length;
+              num = (JSON.parse(localStorage.getItem('TEMP_CART')) || []).length;
               _a.label = 3;
 
             case 3:

package/lib/constants/component-types.js

@@ -27,6 +27,8 @@ var _Video = _interopRequireDefault(require("../composite-comp/bol/components/Vi
 
 var _Wallet = _interopRequireDefault(require("../composite-comp/bol/components/Wallet"));
 
+var _WalletNuri = _interopRequireDefault(require("../composite-comp/bol/components/WalletNuri"));
+
 var _CustomCode = _interopRequireDefault(require("../composite-comp/bol/components/CustomCode"));
 
 var _Location = _interopRequireDefault(require("../composite-comp/bol/components/Location"));
@@ -71,6 +73,8 @@ var _LocationConfig = _interopRequireDefault(require("../composite-comp/bol/conf
 
 var _WalletConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/WalletConfig"));
 
+var _WalletNuriConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/WalletNuriConfig"));
+
 var _FlashDealConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/FlashDealConfig"));
 
 var _SearchBarConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/SearchBarConfig"));
@@ -103,6 +107,8 @@ var _VideoSecondConfig = _interopRequireDefault(require("../composite-comp/bol/s
 
 var _WalletSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/WalletSecondConfig"));
 
+var _WalletNuriSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/WalletNuriSecondConfig"));
+
 var _RecommendSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/RecommendSecondConfig"));
 
 var _AffiliateRecommendSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/AffiliateRecommendSecondConfig"));
@@ -119,17 +125,17 @@ var _a, _b, _c; // 组件
 /**
  * 渲染组件索引
  */
-var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_AffiliateRecommend["default"].type] = _AffiliateRecommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a);
+var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_AffiliateRecommend["default"].type] = _AffiliateRecommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_WalletNuri["default"].type] = _WalletNuri["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a);
 /**
  * 一级配置面板索引
  */
 
 exports.componentMap = componentMap;
-var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_AffiliateRecommend["default"].type] = _AffiliateRecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b);
+var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_AffiliateRecommend["default"].type] = _AffiliateRecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_WalletNuri["default"].type] = _WalletNuriConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b);
 /**
  * 二级配置面板索引
  */
 
 exports.configPanelMap = configPanelMap;
-var secondConfigPanelMap = (_c = {}, _c[_Banner["default"].type] = _BannerSecondConfig["default"], _c[_Video["default"].type] = _VideoSecondConfig["default"], _c[_Text["default"].type] = _TextSecondConfig["default"], _c[_ImageText["default"].type] = _ImageTextSecondConfig["default"], _c[_Recommend["default"].type] = _RecommendSecondConfig["default"], _c[_AffiliateRecommend["default"].type] = _AffiliateRecommendSecondConfig["default"], _c[_MobileNavigation["default"].type] = _MobileNavigationSecondConfig["default"], _c[_PcNavigation["default"].type] = _PcNavigationSecondConfig["default"], _c[_Carousel["default"].type] = _CarouselSecondConfig["default"], _c[_ImageGallery["default"].type] = _ImageGallerySecondConfig["default"], _c[_Tag["default"].type] = _TagSecondConfig["default"], _c[_Button["default"].type] = _ButtonSecondConfig["default"], _c[_Wallet["default"].type] = _WalletSecondConfig["default"], _c);
+var secondConfigPanelMap = (_c = {}, _c[_Banner["default"].type] = _BannerSecondConfig["default"], _c[_Video["default"].type] = _VideoSecondConfig["default"], _c[_Text["default"].type] = _TextSecondConfig["default"], _c[_ImageText["default"].type] = _ImageTextSecondConfig["default"], _c[_Recommend["default"].type] = _RecommendSecondConfig["default"], _c[_AffiliateRecommend["default"].type] = _AffiliateRecommendSecondConfig["default"], _c[_MobileNavigation["default"].type] = _MobileNavigationSecondConfig["default"], _c[_PcNavigation["default"].type] = _PcNavigationSecondConfig["default"], _c[_Carousel["default"].type] = _CarouselSecondConfig["default"], _c[_ImageGallery["default"].type] = _ImageGallerySecondConfig["default"], _c[_Tag["default"].type] = _TagSecondConfig["default"], _c[_Button["default"].type] = _ButtonSecondConfig["default"], _c[_Wallet["default"].type] = _WalletSecondConfig["default"], _c[_WalletNuri["default"].type] = _WalletNuriSecondConfig["default"], _c);
 exports.secondConfigPanelMap = secondConfigPanelMap;

package/lib/constants/index.js

@@ -181,6 +181,10 @@ var compInfoMap = {
   WALLET: {
     name: 'Wallet',
     icon: 'icon-image-gallery'
+  },
+  WALLET_NURI: {
+    name: 'Wallet',
+    icon: 'icon-Wallet'
   }
 };
 /**

package/lib/constants/layout.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletLayout = void 0;
+exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
 
 var _dividerLayout = _interopRequireDefault(require("../assets/images/layout-icon/dividerLayout.svg"));
 
@@ -13,6 +13,8 @@ var _imageGalleryLayout = _interopRequireDefault(require("../assets/images/layou
 
 var _imageGalleryLayout2 = _interopRequireDefault(require("../assets/images/layout-icon/imageGalleryLayout2.png"));
 
+var _walletNuriLayout = _interopRequireDefault(require("../assets/images/layout-icon/walletNuriLayout1.png"));
+
 var _walletLayout = _interopRequireDefault(require("../assets/images/layout-icon/walletLayout1.png"));
 
 var _walletLayout2 = _interopRequireDefault(require("../assets/images/layout-icon/walletLayout2.png"));
@@ -120,6 +122,12 @@ var WalletLayout = [{
   image: _walletLayout2["default"]
 }];
 exports.WalletLayout = WalletLayout;
+var WalletNuriLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _walletNuriLayout["default"]
+}];
+exports.WalletNuriLayout = WalletNuriLayout;
 var carouselLayout = [{
   id: 'layout1',
   name: 'layout1',

package/lib/core/Designer/ToolBarModal/ToolBtn/index.js

@@ -94,6 +94,15 @@ var iconTypeMap = {
     return /*#__PURE__*/_react["default"].createElement(_ColorPickerBtn["default"], _extends({
       type: "text-decoration-color"
     }, props));
+  },
+  alignLeft: function alignLeft(props) {
+    return /*#__PURE__*/_react["default"].createElement(_OrderedPicker["default"], props);
+  },
+  alignCenter: function alignCenter(props) {
+    return /*#__PURE__*/_react["default"].createElement(_OrderedPicker["default"], props);
+  },
+  alignRight: function alignRight(props) {
+    return /*#__PURE__*/_react["default"].createElement(_OrderedPicker["default"], props);
   }
 };
 

package/lib/core/Designer/ToolBarModal/index.js

@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 var _ToolBtn = _interopRequireDefault(require("./ToolBtn"));
 
+var _Iconfont = _interopRequireDefault(require("../../../common/Iconfont"));
+
 var _coreUtil = require("../../../utils/coreUtil");
 
 var _UnderlineSelect = _interopRequireDefault(require("../../../meta-comp/config-panels/TextConfig/UnderlineSelect"));
@@ -82,6 +84,7 @@ function (_super) {
       quillFormat: {}
     };
     _this.toolBarRef = /*#__PURE__*/_react["default"].createRef();
+    _this.selectedTextLength = 0;
 
     _this.setToolBarPosition = function () {
       var _a = _this.props.quillRef.container.getBoundingClientRect(),
@@ -101,6 +104,8 @@ function (_super) {
       var range = _this.props.quillRef.getSelection();
 
       if (range) {
+        _this.selectedTextLength = range.length;
+
         var quillFormat = _this.props.quillRef.getFormat();
 
         console.log('quillFormat: ', quillFormat);
@@ -108,6 +113,8 @@ function (_super) {
         _this.setState({
           quillFormat: quillFormat
         });
+      } else {
+        if (_this.selectedTextLength === 0) _this.props.quillRef.setSelection(0, _this.props.quillRef.getLength());
       }
     };
 
@@ -155,6 +162,8 @@ function (_super) {
 
         _this.props.quillRef.format('text-decoration-style', value);
       } else if (type == 'bullet') {
+        _this.props.quillRef.setSelection(0, _this.props.quillRef.getLength());
+
         _this.props.quillRef.format('list-style-type', value);
 
         if (value === quillFormat['list-style-type']) {
@@ -163,6 +172,8 @@ function (_super) {
           _this.props.quillRef.format('list', 'bullet');
         }
       } else if (type == 'ordered') {
+        _this.props.quillRef.setSelection(0, _this.props.quillRef.getLength());
+
         _this.props.quillRef.format('list-style-type', value);
 
         if (value === quillFormat['list-style-type']) {
@@ -304,6 +315,13 @@ function (_super) {
       value: {
         color: quillFormat['text-decoration-color']
       }
+    }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: "#8493AF",
+      onClick: function onClick() {
+        return _this.onToolBtnClick('text-decoration-color', '');
+      },
+      size: 12,
+      type: "icon-outlined-down"
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tooll-line"
     }), /*#__PURE__*/_react["default"].createElement("div", {
@@ -336,6 +354,13 @@ function (_super) {
       value: {
         list: quillFormat['list-style-type']
       }
+    }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: "#8493AF",
+      onClick: function onClick() {
+        return _this.onToolBtnClick('text-decoration-color', '');
+      },
+      size: 12,
+      type: "icon-outlined-down"
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
@@ -346,6 +371,36 @@ function (_super) {
       value: {
         list: quillFormat['list-style-type']
       }
+    }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: "#8493AF",
+      onClick: function onClick() {
+        return _this.onToolBtnClick('text-decoration-color', '');
+      },
+      size: 12,
+      type: "icon-outlined-down"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tooll-line"
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tool-item"
+    }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
+      onChange: function onChange(value) {
+        _this.onToolBtnClick('', value);
+      },
+      type: "alignLeft"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tool-item"
+    }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
+      onChange: function onChange(value) {
+        _this.onToolBtnClick('link', value);
+      },
+      type: "alignCenter"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tool-item"
+    }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
+      onChange: function onChange(value) {
+        _this.onToolBtnClick('link', value);
+      },
+      type: "alignRight"
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tooll-line"
     }), /*#__PURE__*/_react["default"].createElement("div", {

package/lib/core/Designer/ToolBarModal/index.less

@@ -14,13 +14,14 @@
 
   .tool-item {
     margin: 0 5px;
+    display: flex;
   }
 
   .tooll-line {
     display: inline-flex;
     width: 1px;
-    height: 24px;
-    background-color: rgba(0, 0, 0, .04);
+    height: 16px;
+    background-color: #C1C9D7;
     margin: 0 5px;
   }
 

package/lib/core/Renderer/index.js

@@ -15,10 +15,16 @@ var _componentTypes = require("../../constants/component-types");
 
 var _coreUtil = require("../../utils/coreUtil");
 
+var _mobx = require("../../mobx");
+
+var _common = require("../../common");
+
 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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -62,6 +68,10 @@ var Renderer = function Renderer(props) {
       floors = _a[0],
       setFloors = _a[1];
 
+  var _b = (0, _react.useState)(_mobx.frameStore.modalState),
+      modalState = _b[0],
+      setModalState = _b[1];
+
   if (!noSetWindow) {
     setDesignConfig(props);
   }
@@ -97,13 +107,42 @@ var Renderer = function Renderer(props) {
       });
     }, 300);
   });
+  (0, _react.useEffect)(function () {
+    var disposer = (0, _mobx.autorun)(function () {
+      console.log('--sssf,', _mobx.frameStore.modalState);
+      setModalState(_mobx.frameStore.modalState);
+    });
+    return function () {
+      disposer();
+    };
+  }, []); // 传入空数组表示仅在组件挂载和卸载时执行
+
+  /** 弹窗关闭 */
+
+  var onCloseModal = function onCloseModal() {
+    setModalState(__assign(__assign({}, modalState), {
+      visible: false
+    }));
+  };
+
+  var getRestStyle = function getRestStyle() {
+    if (modalState.visible) {
+      return {
+        position: 'relative',
+        overflow: 'hidden'
+      };
+    }
+
+    return {};
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "render_wrap",
     magic_design: "",
-    style: {
+    style: __assign({
       height: '100%',
       background: pageBackground
-    }
+    }, getRestStyle())
   }, floors.length > 0 && floors.map(function (nodeData, moduleIndex) {
     var Clazz = _componentTypes.componentMap[nodeData.type];
 
@@ -126,7 +165,9 @@ var Renderer = function Renderer(props) {
       key: nodeData.id,
       id: 'node-' + nodeData.id
     }, /*#__PURE__*/_react["default"].createElement(Clazz, __assign({}, newInstanceProps), null));
-  }));
+  }), modalState.visible && /*#__PURE__*/_react["default"].createElement(_common.MyModal, _extends({}, modalState, {
+    onClose: onCloseModal
+  })));
 };
 
 Renderer.defaultProps = {

package/lib/locale/en/en.json

@@ -1,4 +1,6 @@
 {
+  "TIPS": "Tips",
+  "AL": "AL",
   "PEEK": "Peek",
   "ADDRESS": "Address",
   "LOCATION_LOGO": "Location Logo",
@@ -10,7 +12,6 @@
   "DARK": "Dark",
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
-  "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",

package/lib/locale/es/es.json

@@ -1,4 +1,6 @@
 {
+  "TIPS": "Tips",
+  "AL": "AL",
   "PEEK": "Peek",
   "ADDRESS": "Address",
   "LOCATION_LOGO": "Location Logo",
@@ -10,7 +12,6 @@
   "DARK": "Dark",
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
-  "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",

package/lib/locale/id/id.json

@@ -1,4 +1,6 @@
 {
+  "TIPS": "Tips",
+  "AL": "AL",
   "PEEK": "Peek",
   "ADDRESS": "Address",
   "LOCATION_LOGO": "Location Logo",
@@ -10,7 +12,6 @@
   "DARK": "Dark",
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
-  "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",