@fonixtree/magic-design 2.0.143 → 2.0.147

package/es/common/AffiliateProductModal/index.js

@@ -441,13 +441,13 @@ var AffiliateProductModal = function AffiliateProductModal(props) {
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
     layout: "vertical"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Category"
+    label: (0, _locale.i18n)('CATEGORY')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select // defaultValue={data[0].id}
   , {
     onChange: function onChange(value) {
       setSelCatgsList(value);
     },
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
     style: {
       width: 241
     }
@@ -457,7 +457,7 @@ var AffiliateProductModal = function AffiliateProductModal(props) {
       value: item.affiliateCatgId
     }, item.catgName);
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Product Name"
+    label: (0, _locale.i18n)('PRODUCT_NAME')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     onChange: function onChange(e) {
       setProductName(e.target.value);
@@ -466,7 +466,7 @@ var AffiliateProductModal = function AffiliateProductModal(props) {
     size: "small",
     value: productName
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "SKU Code"
+    label: (0, _locale.i18n)('SKU_CODE')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     className: "inputStyle",
     onChange: function onChange(e) {

package/es/common/ColorPickerInput/index.js

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./index.less");
 
+var _locale = require("../../locale");
+
 var _ColorPicker = _interopRequireDefault(require("../ColorPicker"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -85,7 +87,7 @@ function (_super) {
       }
     }), /*#__PURE__*/_react["default"].createElement("span", {
       className: "color-value"
-    }, value || 'Transparent')), /*#__PURE__*/_react["default"].createElement(_ColorPicker["default"], {
+    }, value || (0, _locale.i18n)('TRANSPARENT'))), /*#__PURE__*/_react["default"].createElement(_ColorPicker["default"], {
       color: value,
       onChangeColor: function onChangeColor(color) {
         return onChange(color);

package/es/common/FontStyles/index.js

@@ -118,7 +118,7 @@ function (_super) {
       size: "20px",
       type: "icon-italic"
     })), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "item item-color",
+      className: "item",
       onClick: function onClick() {
         return _this.setState({
           visibility: true,
@@ -135,7 +135,7 @@ function (_super) {
         backgroundColor: value.color
       }
     })), showBgColor && /*#__PURE__*/_react["default"].createElement("span", {
-      className: "item item-color",
+      className: "item",
       onClick: function onClick() {
         return _this.setState({
           visibility: true,

package/es/common/FontStyles/index.less

@@ -4,7 +4,6 @@
   position: relative;
 
   .item {
-    display: inline-block;
     min-width: 40px;
     height: 40px;
     line-height: 45px;
@@ -13,19 +12,15 @@
     border-radius: 6px;
     margin-right: 12px;
     cursor: pointer;
-    display: flex;
-
-    &.active {
-      background: #E9F0FF;
-    }
-  }
-
-  .item-color {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
 
+    &.active {
+      background: #E9F0FF;
+    }
+
     .text-color-line {
       display: block;
       width: 15px;
@@ -37,6 +32,7 @@
   }
 
   .item-text-align {
+    flex-direction: row;
     padding: 0 9px;
     margin-right: 0;
     cursor: default;

package/es/common/ImageModal/CommonModal/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _const = require("./const");
 
+var _locale = require("../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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); }
@@ -32,8 +34,8 @@ function CommonModal(_a) {
     centered: true,
     maskClosable: false,
     destroyOnClose: true,
-    okText: okText || 'Confirm',
-    cancelText: cancelText || 'Cancel'
+    okText: okText || (0, _locale.i18n)('CONFIRM'),
+    cancelText: cancelText || (0, _locale.i18n)('CANCEL')
   };
   return /*#__PURE__*/_react["default"].createElement(_antd.Modal, _extends({}, modalCommonProps, modalOpts, {
     confirmLoading: confirmLoading,

package/es/common/ImageModal/index.js

@@ -754,7 +754,7 @@ function ImageModal(_a) {
     headers: headers
   }, /*#__PURE__*/_react["default"].createElement(_antd.Button, null, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
     type: "upload"
-  }), "Upload"))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }), (0, _locale.i18n)('UPLOAD')))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 8
   }, /*#__PURE__*/_react["default"].createElement(Search, {
     enterButton: true,

package/es/common/ProductFilterModal/index.js

@@ -263,7 +263,7 @@ function ProductFilterModal(props) {
       onClick: function onClick() {
         onShowMore(key);
       }
-    }, "Show More")));
+    }, (0, _locale.i18n)('SHOW_MORE'))));
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "item"
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/es/common/ProductModal/index.js

@@ -647,7 +647,7 @@ var ProductModal = function ProductModal(props) {
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
     layout: "vertical"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Category"
+    label: (0, _locale.i18n)('CATEGORY')
   }, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, {
     dropdownStyle: {
       maxHeight: 400,
@@ -665,7 +665,7 @@ var ProductModal = function ProductModal(props) {
     treeDefaultExpandAll: true,
     value: selCatgsList
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Brand"
+    label: (0, _locale.i18n)('BRAND')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     mode: "multiple",
     onChange: function onChange(value) {
@@ -680,7 +680,7 @@ var ProductModal = function ProductModal(props) {
       value: item.brandId
     }, item.brandName);
   }))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Store"
+    label: (0, _locale.i18n)('STORE')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",
     defaultValue: [],
@@ -697,7 +697,7 @@ var ProductModal = function ProductModal(props) {
       value: v.storeId
     }, v.storeName);
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Label"
+    label: (0, _locale.i18n)('LABEL')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     defaultValue: selLabelData.children || null,
     onChange: function onChange(v, o) {
@@ -712,7 +712,7 @@ var ProductModal = function ProductModal(props) {
       value: v.labelId
     }, v.labelName);
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Price"
+    label: (0, _locale.i18n)('PRICE')
   }, /*#__PURE__*/_react["default"].createElement(InputGroup, {
     compact: true
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
@@ -738,7 +738,7 @@ var ProductModal = function ProductModal(props) {
     },
     value: maxPrice
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Product Name"
+    label: (0, _locale.i18n)('PRODUCT_NAME')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     onChange: function onChange(e) {
       setProductName(e.target.value);
@@ -747,7 +747,7 @@ var ProductModal = function ProductModal(props) {
     size: "small",
     value: productName
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: proType === 'spu' ? 'SPU Code' : 'SKU Code'
+    label: proType === 'spu' ? (0, _locale.i18n)('SPU_CODE') : (0, _locale.i18n)('SKU_CODE')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     className: "inputStyle",
     onChange: function onChange(e) {
@@ -757,7 +757,7 @@ var ProductModal = function ProductModal(props) {
     size: "small",
     value: productCode
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Promotions"
+    label: (0, _locale.i18n)('PROMOTIONS')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     defaultValue: promotions,
     onChange: function onChange(value) {

package/es/composite-comp/bol/components/Wallet/mobile/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _locale = require("../../../../../locale");
+
 var _components = require("../../../../../meta-comp/components");
 
 var _mobx = require("../../../../../mobx");
@@ -271,26 +273,26 @@ function (_super) {
               });
               this.setState({
                 userWalletData: (_b = {}, _b[_constants.walletType.BNPL] = {
-                  amount: userCreditResps === null ? '****' : bnplObj ? (0, _currencyUtil.formatCurrencyWithSymbol)(bnplObj.availableAmount) : 'APPLY',
+                  amount: userCreditResps === null ? '****' : bnplObj ? (0, _currencyUtil.formatCurrencyWithSymbol)(bnplObj.availableAmount) : (0, _locale.i18n)('APPLY'),
                   show: userCreditResps === null || [_constants.CREDIT_STATE.APPROVED.KEY].includes(bnplObj === null || bnplObj === void 0 ? void 0 : bnplObj.state)
                 }, _b[_constants.walletType.CREDIT] = {
-                  amount: userCreditResps === null ? '****' : creditObj ? (0, _currencyUtil.formatCurrencyWithSymbol)(creditObj.availableAmount) : 'APPLY',
+                  amount: userCreditResps === null ? '****' : creditObj ? (0, _currencyUtil.formatCurrencyWithSymbol)(creditObj.availableAmount) : (0, _locale.i18n)('APPLY'),
                   show: userCreditResps === null || [_constants.CREDIT_STATE.APPROVED.KEY].includes(creditObj === null || creditObj === void 0 ? void 0 : creditObj.state)
                 }, _b[_constants.walletType.B2B] = {
-                  amount: userCreditResps === null ? '****' : B2BObj ? (0, _currencyUtil.formatCurrencyWithSymbol)(B2BObj.availableAmount) : 'APPLY',
-                  text: B2BObj ? 'Add more products to your shop！' : '',
-                  btnText: B2BObj ? 'Procure Product' : '',
+                  amount: userCreditResps === null ? '****' : B2BObj ? (0, _currencyUtil.formatCurrencyWithSymbol)(B2BObj.availableAmount) : (0, _locale.i18n)('APPLY'),
+                  text: B2BObj ? (0, _locale.i18n)('ADD_MORE_PRODUCTS_TO_YOUR_SHOP') : '',
+                  btnText: B2BObj ? (0, _locale.i18n)('PROCURE_PRODUCT') : '',
                   show: userCreditResps === null || [_constants.CREDIT_STATE.APPROVED.KEY].includes(B2BObj === null || B2BObj === void 0 ? void 0 : B2BObj.state)
                 }, _b[_constants.walletType.CASHBACK] = {
                   amount: userCashbackValues === null ? '****' : (0, _currencyUtil.formatCurrencyWithSymbol)(userCashbackValues),
                   show: true
                 }, _b[_constants.walletType.BALANCE] = {
                   amount: userBalance === null ? '****' : (0, _currencyUtil.formatCurrencyWithSymbol)(userBalance),
-                  btnText: userBalance ? 'Social Commerce' : '',
+                  btnText: userBalance ? (0, _locale.i18n)('SOCIAL_COMMERCE') : '',
                   show: true
                 }, _b[_constants.walletType.CENDUIT] = {
                   amount: userPoint === null ? '****' : userPoint,
-                  btnText: userPoint ? 'CenDuit Mall' : '',
+                  btnText: userPoint ? (0, _locale.i18n)('CENDUIT_MALL') : '',
                   show: true
                 }, _b)
               }, function () {
@@ -444,7 +446,7 @@ function (_super) {
         }
       }
 
-      item.text.text = ((_a = userWalletData[item.sourceType]) === null || _a === void 0 ? void 0 : _a.text) || 'Make money and shop on Cendol!';
+      item.text.text = ((_a = userWalletData[item.sourceType]) === null || _a === void 0 ? void 0 : _a.text) || (0, _locale.i18n)('MAKE_MONEY_AND_SHOP_ON_CENDOL');
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "text-content",
         style: _bgStyle
@@ -475,7 +477,7 @@ function (_super) {
       }), ((_f = item.button) === null || _f === void 0 ? void 0 : _f.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
         className: "wallet-btn",
         data: __assign(__assign({}, item.button), {
-          text: ((_g = userWalletData[item.sourceType]) === null || _g === void 0 ? void 0 : _g.btnText) || 'Lets Go!'
+          text: ((_g = userWalletData[item.sourceType]) === null || _g === void 0 ? void 0 : _g.btnText) || (0, _locale.i18n)('LETS_GO')
         }),
         GAData: __assign(__assign({}, GAData), {
           groupId: item.id,

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

@@ -132,17 +132,17 @@ function (_super) {
         value: panelProps.sourceType
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: _constants.walletType.BALANCE
-      }, (0, _locale.i18n)('Balance')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('BALANCE')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: _constants.walletType.B2B
-      }, (0, _locale.i18n)('B2B PayLater')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('B2B_PAYLATER')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: _constants.walletType.CENDUIT
-      }, (0, _locale.i18n)('CenDuit')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('CENDUIT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: _constants.walletType.BNPL
       }, (0, _locale.i18n)('BNPL')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: _constants.walletType.CREDIT
-      }, (0, _locale.i18n)('Credit')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('CREDIT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: _constants.walletType.CASHBACK
-      }, (0, _locale.i18n)('Cashback'))))), /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      }, (0, _locale.i18n)('CASHBACK'))))), /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
         divider: "dashed",
         headerSize: "middle",
         onRefresh: function onRefresh() {

package/es/composite-comp/common/components/MonpayProductItem/index.js

@@ -129,7 +129,8 @@ function (_super) {
         imgHeight = _m.imgHeight,
         imgWidth = _m.imgWidth,
         showDiscountTag = _m.showDiscountTag,
-        rest = __rest(_m, ["data", "panelProps", "onItemClick", "showProName", "showProgress", "intelligentType", "fixHeight", "layout", "imgHeight", "imgWidth", "showDiscountTag"]); // const promotions = getPromotionList(data);
+        isWill = _m.isWill,
+        rest = __rest(_m, ["data", "panelProps", "onItemClick", "showProName", "showProgress", "intelligentType", "fixHeight", "layout", "imgHeight", "imgWidth", "showDiscountTag", "isWill"]); // const promotions = getPromotionList(data);
 
 
     var price = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
@@ -178,7 +179,7 @@ function (_super) {
       small: true
     }), (((_d = panelProps.discount) === null || _d === void 0 ? void 0 : _d.open) || showDiscountTag) && data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
       className: "discount-tag"
-    }, data.discountPercent, "% off")), /*#__PURE__*/_react["default"].createElement("div", {
+    }, isWill ? (0, _locale.i18n)('COMING_SOON') : data.discountPercent + "% off")), /*#__PURE__*/_react["default"].createElement("div", {
       className: "content-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "product-name-wrap"

package/es/composite-comp/monpay/components/Bundle/mobile/BundleItem/index.less

@@ -28,6 +28,7 @@
   overflow: scroll;
 }
 .BundleItemWrap .prodList img {
+  margin: 0.1rem 0;
   height: 1.9rem;
   width: 1.9rem;
   border-radius: 0.16rem;

package/es/composite-comp/monpay/components/Bundle/mobile/index.js

@@ -414,7 +414,7 @@ function (_super) {
 
     _this.getData = function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var maxProdNum, params, res, list;
+        var maxProdNum, params, res, list, newList;
 
         var _a;
 
@@ -424,7 +424,7 @@ function (_super) {
               maxProdNum = this.props.panelProps.content.maxProdNum;
               params = {
                 pageIndex: 1,
-                pageSize: maxProdNum
+                pageSize: 10
               };
               return [4
               /*yield*/
@@ -433,8 +433,13 @@ function (_super) {
             case 1:
               res = _b.sent();
               list = (_a = res === null || res === void 0 ? void 0 : res.pageInfo) === null || _a === void 0 ? void 0 : _a.list;
+              newList = list.filter(function (camp) {
+                return camp.spu.every(function (spu) {
+                  return spu.sku[0].stock;
+                });
+              });
               this.setState({
-                list: list
+                list: newList.splice(0, maxProdNum)
               });
 
               if (!(0, _coreUtil.isDesignMode)()) {
@@ -473,8 +478,8 @@ function (_super) {
       className: "monpay-bundle-mobile"
     }, panelProps.title.headerImage.open && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       className: "headerImg",
-      isRect: true,
-      data: panelProps.title.headerImage
+      data: panelProps.title.headerImage,
+      isRect: true
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "bundle-list"
     }, _list.map(function (item) {

package/es/composite-comp/monpay/components/InterestProducts/mobile/index.js

@@ -15,6 +15,8 @@ var _ProductItem = _interopRequireDefault(require("./ProductItem"));
 
 var _card = _interopRequireDefault(require("./img/card.png"));
 
+var _locale = require("../../../../../locale");
+
 var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _components = require("../../../../../meta-comp/components");
@@ -353,7 +355,7 @@ function (_super) {
       onClick: function onClick() {
         return (0, _coreUtil.clickUrl)("/product/recommend/" + (interest.interestId || ''));
       }
-    }, "See All")), /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _locale.i18n)('SEE_ALL'))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "interest-products-list macyContainer_" + panelProps.id
     }, list.map(function (item) {
       return /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {

package/es/composite-comp/monpay/components/MonpayFlashDeal/mobile/index.js

@@ -436,6 +436,7 @@ function (_super) {
           salePercent: isWill ? 0 : item.salePercent
         }) // onItemClick={() => clickUrl(`/product/detail/${item.offerId}?productId=${item.sppProductId ?? ''}`)}
         ,
+        isWill: isWill,
         onItemClick: function onItemClick() {
           if (window.magicDesign.pushGA) {
             window.magicDesign.pushGA({}, 'select_promotion', {
@@ -446,8 +447,7 @@ function (_super) {
 
           (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || ''));
         },
-        panelProps: panelProps.content,
-        unknownPrice: isWill
+        panelProps: panelProps.content
       });
     }))));
   };

package/es/composite-comp/monpay/config-panels/MerchantSalesConfig/ConfigContent/index.js

@@ -89,7 +89,7 @@ function (_super) {
       onRefresh: this.reRender,
       source: [{
         key: '1',
-        name: 'Merchant Name',
+        name: (0, _locale.i18n)('MERCHANT_NAME'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.merchantName
         }),

package/es/core/Designer/AiImageGenerator/GenerateArtist/index.js

@@ -19,6 +19,8 @@ var _back3 = _interopRequireDefault(require("./images/back3.png"));
 
 var _back4 = _interopRequireDefault(require("./images/back4.png"));
 
+var _locale = require("../../../../locale");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -34,19 +36,19 @@ function GenerateArtist() {
 
   var source = [{
     key: 1,
-    name: 'Creativity',
+    name: (0, _locale.i18n)('CREATIVITY'),
     src: _back["default"]
   }, {
     key: 2,
-    name: 'Quadratic element',
+    name: (0, _locale.i18n)('QUADRATIC_ELEMENT'),
     src: _back2["default"]
   }, {
     key: 3,
-    name: 'Expect',
+    name: (0, _locale.i18n)('EXPECT'),
     src: _back3["default"]
   }, {
     key: 4,
-    name: 'Concreteness',
+    name: (0, _locale.i18n)('CONCRETENESS'),
     src: _back4["default"]
   }];
   return /*#__PURE__*/_react["default"].createElement("div", {

package/es/core/Designer/AiImageGenerator/index.js

@@ -655,7 +655,7 @@ function (_super) {
         className: "dialog_head"
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "dialog_title"
-      }, "Text to Image"), /*#__PURE__*/_react["default"].createElement("div", {
+      }, (0, _locale.i18n)('TEXT_TO_IMAGE')), /*#__PURE__*/_react["default"].createElement("div", {
         className: "btn_group"
       }, /*#__PURE__*/_react["default"].createElement(_common.Button, {
         onClick: this.onCloseDrawer,
@@ -681,29 +681,29 @@ function (_super) {
       },
       layout: "vertical"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Choose an AI artist",
+      label: (0, _locale.i18n)('CHOOSE_AN_AI_ARTIST'),
       name: "size"
     }, /*#__PURE__*/_react["default"].createElement(_GenerateArtist["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Upload reference images",
+      label: (0, _locale.i18n)('UPLOAD_REFERENCE_IMAGES'),
       name: "ref"
     }, /*#__PURE__*/_react["default"].createElement(_UploadReference["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Size",
+      label: (0, _locale.i18n)('SIZE'),
       name: "size"
     }, /*#__PURE__*/_react["default"].createElement(_GenerateSize["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Number",
+      label: (0, _locale.i18n)('NUMBER'),
       name: "number"
     }, /*#__PURE__*/_react["default"].createElement(_NumberSlider["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Style",
+      label: (0, _locale.i18n)('STYLE'),
       name: "style"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       mode: "tags"
     })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Modifier",
+      label: (0, _locale.i18n)('MODIFIER'),
       name: "modifier"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       mode: "tags"
     })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Do not appear",
+      label: (0, _locale.i18n)('DO_NOT_APPEAR'),
       name: "notAppear"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       mode: "tags"
@@ -733,10 +733,10 @@ function (_super) {
         marginRight: 5
       },
       type: "icon-refresh"
-    }), "Regenerate Response")), /*#__PURE__*/_react["default"].createElement("div", {
+    }), (0, _locale.i18n)('REGENERATE_RESPONSE'))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "search_wrap"
     }, /*#__PURE__*/_react["default"].createElement(Search, {
-      enterButton: "Generate",
+      enterButton: (0, _locale.i18n)('GENERATE'),
       onSearch: this.onGenarate,
       size: "large"
     }))), /*#__PURE__*/_react["default"].createElement(_History["default"], {

package/es/core/Designer/ChatRobot/components/SearchCondition/index.js

@@ -13,6 +13,8 @@ var _antd = require("antd4");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _locale = require("../../../../../locale");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -58,11 +60,11 @@ function SearchCondition(_a) {
     className: "condition_wrap"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "cond_title"
-  }, "Detailed description"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('DETAILED_DESCRIPTION')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cond_item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "item_label"
-  }, "Preferred tone of the description?"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('PREFERRED_TONE_OF_THE_DESCRIPTION')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cond_value"
   }, toneList.map(function (name) {
     return /*#__PURE__*/_react["default"].createElement("span", {
@@ -77,7 +79,7 @@ function SearchCondition(_a) {
     className: "cond_item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "item_label"
-  }, "Desired word count range?"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('DESIRED_WORD_COUNT_RANGE')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cond_value"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     allowClear: true,
@@ -102,7 +104,7 @@ function SearchCondition(_a) {
     className: "cond_item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "item_label"
-  }, "What are the key features?"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('WHAT_ARE_THE_KEY_FEATURES')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cond_value"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     onChange: function onChange(e) {
@@ -113,7 +115,7 @@ function SearchCondition(_a) {
     className: "cond_item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "item_label"
-  }, "What key details should be emphasized?"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('WHAT_KEY_DETAILS_SHOULD_BE_EMPHASIZED')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cond_value"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     onChange: function onChange(e) {

package/es/core/Designer/ChatRobot/index.js

@@ -276,7 +276,7 @@ function (_super) {
         className: "text_area",
         onChange: this.onMessageChage,
         onPressEnter: this.onEnter,
-        placeholder: "Send a message",
+        placeholder: (0, _locale.i18n)('SEND_A_MESSAGE'),
         value: message
       }), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
         className: "image_btn",
@@ -302,7 +302,7 @@ function (_super) {
           disable_btn: message.length === 0
         }),
         onClick: this.onEnter
-      }, "Generate")),
+      }, (0, _locale.i18n)('GENERATE'))),
       footerStyle: {
         padding: 12
       },
@@ -324,7 +324,7 @@ function (_super) {
           marginRight: 5
         },
         type: "icon-ai"
-      }), "Conversational Editor"), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+      }), (0, _locale.i18n)('CONVERSATIONAL_EDITOR')), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
         onClick: this.onCloseDrawer,
         size: 24,
         style: {
@@ -384,7 +384,7 @@ function (_super) {
         marginRight: 5
       },
       type: "icon-refresh"
-    }), "Regenerate Response")), /*#__PURE__*/_react["default"].createElement("div", {
+    }), (0, _locale.i18n)('REGENERATE_RESPONSE'))), /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('more_condition', {
         more_condition_hide: !showCondition
       })