@fonixtree/magic-design 1.0.116 → 1.0.118

package/lib/composite-comp/dito/config-panels/SearchBannerConfig/ConfigContent/index.js

@@ -9,8 +9,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _antd = require("antd");
-
 var _common = require("../../../../../common");
 
 var _ImageConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/ImageConfig"));
@@ -67,6 +65,42 @@ function (_super) {
       _this.setState({});
     };
 
+    _this.getIconPanel = function () {
+      var _a, _b, _c;
+
+      var panelProps = _this.props.panelProps;
+      var source = [{
+        key: (_a = panelProps.icon.cartIcon) === null || _a === void 0 ? void 0 : _a.id,
+        name: (0, _locale.i18n)('CART_ICON'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.icon.cartIcon
+        }),
+        metaOption: panelProps.icon.cartIcon
+      }, {
+        key: (_b = panelProps.icon.chatbotIcon) === null || _b === void 0 ? void 0 : _b.id,
+        name: (0, _locale.i18n)('CHATBOT_ICON'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.icon.chatbotIcon
+        }),
+        metaOption: panelProps.icon.chatbotIcon
+      }, {
+        key: (_c = panelProps.icon.messageIcon) === null || _c === void 0 ? void 0 : _c.id,
+        name: (0, _locale.i18n)('MESSAGE_ICON'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.icon.messageIcon
+        }),
+        metaOption: panelProps.icon.messageIcon
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        source: source,
+        type: "switch"
+      });
+    };
+
     return _this;
   }
 
@@ -127,53 +161,7 @@ function (_super) {
       key: 'search3',
       name: (0, _locale.i18n)('ICON'),
       toggleType: 'triangle',
-      value: /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          marginTop: 10
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_common.Field, null, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
-        colorType: "rgba",
-        onChange: function onChange(v) {
-          if ((0, _coreUtil.isPc)()) {
-            panelProps.icon.color.pc = v;
-          } else {
-            panelProps.icon.color.mobile = v;
-          }
-
-          _this.selfRender();
-        },
-        value: (0, _coreUtil.isPc)() ? panelProps.icon.color.pc : panelProps.icon.color.mobile
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          background: '#F5F6F7',
-          padding: '14px 12px 1px'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        layout: "horizontal",
-        title: (0, _locale.i18n)('CHATBOT_ICON')
-      }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
-        checked: (0, _coreUtil.isPc)() ? panelProps.icon.cartIcon.pc : panelProps.icon.cartIcon.mobile,
-        onChange: function onChange(e) {
-          if ((0, _coreUtil.isPc)()) {
-            panelProps.icon.cartIcon.pc = e.target.checked;
-          } else {
-            panelProps.icon.cartIcon.mobile = e.target.checked;
-          }
-
-          _this.selfRender();
-        }
-      })), !(0, _coreUtil.isPc)() && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        layout: "horizontal",
-        title: (0, _locale.i18n)('MESSAGE_ICON')
-      }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
-        checked: panelProps.icon.messageIcon.mobile,
-        onChange: function onChange(e) {
-          panelProps.icon.messageIcon.mobile = e.target.checked;
-
-          _this.selfRender();
-        }
-      })))),
-      metaOption: panelProps.icon
+      value: this.getIconPanel()
     }];
     return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
       headerSize: "middle",

package/lib/locale/en/en.json

@@ -1,6 +1,7 @@
 {
+  "CHATBOT_ICON": "Chatbot icon",
+  "FESTIVAL_DECORATION": "Festival Decoration",
   "PRICE_REDUCTION": "Price Reduction",
-  "CHATBOT_ICON": "Chatbot Icon",
   "PRODUCT_LABEL": "Product Label",
   "LABELS": "Labels",
   "TAB_BACKGROUND": "Tab Background",

package/lib/locale/es/es.json

@@ -1,6 +1,7 @@
 {
+  "CHATBOT_ICON": "Chatbot icon",
+  "FESTIVAL_DECORATION": "Festival Decoration",
   "PRICE_REDUCTION": "Price Reduction",
-  "CHATBOT_ICON": "Chatbot Icon",
   "PRODUCT_LABEL": "Product Label",
   "LABELS": "Labels",
   "TAB_BACKGROUND": "Tab Background",

package/lib/locale/id/id.json

@@ -1,6 +1,7 @@
 {
+  "CHATBOT_ICON": "Chatbot icon",
+  "FESTIVAL_DECORATION": "Festival Decoration",
   "PRICE_REDUCTION": "Price Reduction",
-  "CHATBOT_ICON": "Chatbot Icon",
   "PRODUCT_LABEL": "Product Label",
   "LABELS": "Labels",
   "TAB_BACKGROUND": "Tab Background",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "1.0.116",
+  "version": "1.0.118",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",