@fonixtree/magic-design 2.0.162 → 2.0.163

package/lib/decorator/metaDecorator.js

@@ -0,0 +1,245 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = metaDecorator;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _mobx = require("../mobx");
+
+var _commonUtil = require("../utils/commonUtil");
+
+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; }
+
+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 __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);
+};
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+function metaDecorator(WrappedComponent) {
+  var Wrapper =
+  /** @class */
+  function (_super) {
+    __extends(Wrapper, _super);
+
+    function Wrapper() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+
+      _this.state = {
+        clickedMeta: '',
+        hoveredMeta: ''
+      }; // 元组件点击事件
+
+      _this.onMetaClick = function (event) {
+        var _a, _b;
+
+        if (window.magicDesign.mode === 'renderer') {
+          var _c = _this.props,
+              data = _c.data,
+              GAData = _c.GAData;
+
+          var eventData = __assign(__assign({}, GAData), {
+            elementId: data.id,
+            elementName: data.text || (GAData === null || GAData === void 0 ? void 0 : GAData.groupName)
+          });
+
+          (0, _commonUtil.pushGA)(eventData); // triggerBuryingPointEvent(eventData);
+
+          return;
+        } // 组织冒泡
+
+
+        event.preventDefault();
+        event.stopPropagation();
+        var parentId = (_a = _this.props.data) === null || _a === void 0 ? void 0 : _a.parentId;
+        var metaId = (_b = _this.props.data) === null || _b === void 0 ? void 0 : _b.id;
+        var floorId = null; // group中的元组件
+
+        if (parentId) {
+          floorId = _mobx.store.getFloorIdByGroupId(parentId);
+        } else {
+          // 复合组件中的元组件
+          floorId = _mobx.store.getFloorIdByMetaId(metaId);
+        }
+
+        _mobx.store.setState({
+          clickedMeta: metaId,
+          clickedGroup: parentId,
+          clickedFloor: floorId
+        });
+      };
+
+      _this.onMouseEnter = function () {
+        var _a;
+
+        if (window.magicDesign.mode === 'renderer') {
+          return;
+        }
+
+        _mobx.store.setState({
+          hoveredMeta: (_a = _this.props.data) === null || _a === void 0 ? void 0 : _a.id
+        });
+      };
+
+      _this.onMouseLeave = function () {
+        if (window.magicDesign.mode === 'renderer') {
+          return;
+        }
+
+        _mobx.store.setState({
+          hoveredMeta: ''
+        });
+      };
+
+      _this.isDesignerActive = function () {
+        var data = _this.props.data;
+        var _a = _this.state,
+            hoveredMeta = _a.hoveredMeta,
+            clickedMeta = _a.clickedMeta;
+        var isHover = (data === null || data === void 0 ? void 0 : data.id) === hoveredMeta;
+        var isClick = (data === null || data === void 0 ? void 0 : data.id) === clickedMeta;
+
+        if (window.magicDesign.mode === 'designer' && (isHover || isClick)) {
+          return true;
+        }
+
+        return false;
+      };
+
+      _this.getInteractStyle = function () {
+        var _a = _this.state,
+            hoveredMeta = _a.hoveredMeta,
+            clickedMeta = _a.clickedMeta;
+        var data = _this.props.data;
+        var isHover = (data === null || data === void 0 ? void 0 : data.id) === hoveredMeta;
+        var isClick = (data === null || data === void 0 ? void 0 : data.id) === clickedMeta;
+        var style = {
+          boxSizing: 'border-box',
+          height: '100%',
+          border: 'none'
+        };
+
+        if (window.magicDesign.mode === 'renderer') {
+          return style;
+        } else {
+          style.border = isHover || isClick ? '1px solid #2F54EB' : '1px solid transparent';
+          style.backgroundColor = isHover ? 'rgba(47,84,235,0.2)' : '';
+        }
+
+        return style;
+      }; // text元组件在选中或悬浮时 需要实时展示其宽度
+
+
+      _this.getStyle = function () {
+        var _a = _this.props,
+            style = _a.style,
+            rest = __rest(_a, ["style"]);
+
+        var newStyle = __assign({}, style);
+
+        if (rest.data.type === 'TEXT') {
+          var width = window.magicDesign.device === 'pc' ? rest.data.content.pcWidth : rest.data.content.width;
+          newStyle.width = (Math.min(width, 100) || 100) + "%";
+        }
+
+        return newStyle;
+      };
+
+      return _this;
+    }
+
+    Wrapper.prototype.componentDidMount = function () {
+      var _this = this;
+
+      this.distroy = (0, _mobx.autorun)(function () {
+        _this.setState({
+          clickedMeta: _mobx.store.clickedMeta,
+          hoveredMeta: _mobx.store.hoveredMeta
+        });
+      });
+    };
+
+    Wrapper.prototype.componentWillUnmount = function () {
+      this.distroy();
+    };
+
+    Wrapper.prototype.render = function () {
+      var _a = this.props,
+          className = _a.className,
+          rest = __rest(_a, ["className"]);
+
+      var hoverStyle = this.getInteractStyle(); // console.log(rest);
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: className,
+        style: this.getStyle()
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "meta_wrap",
+        onClick: this.onMetaClick,
+        onMouseEnter: this.onMouseEnter,
+        onMouseLeave: this.onMouseLeave,
+        style: hoverStyle
+      }, /*#__PURE__*/_react["default"].createElement(WrappedComponent, rest)));
+    };
+
+    return Wrapper;
+  }(_react.Component);
+
+  return Wrapper;
+}

package/lib/decorator/updateConfigDecorator.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = updateConfigDecorator;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../constants");
+
+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 __());
+  };
+}();
+/**
+ *  更新组件一级配置面板的装修器
+ */
+
+
+function updateConfigDecorator(WrappedComponent) {
+  var Wrapper =
+  /** @class */
+  function (_super) {
+    __extends(Wrapper, _super);
+
+    function Wrapper() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+
+      _this.update = function () {
+        _this.setState({});
+      };
+
+      return _this;
+    }
+
+    Wrapper.prototype.componentDidMount = function () {
+      window.document.addEventListener(_constants.eventType.UPDATE_FIRST_CONFIG, this.update);
+    };
+
+    Wrapper.prototype.componentWillUnmount = function () {
+      window.document.removeEventListener(_constants.eventType.UPDATE_FIRST_CONFIG, this.update);
+    };
+
+    Wrapper.prototype.render = function () {
+      return /*#__PURE__*/_react["default"].createElement(WrappedComponent, this.props);
+    };
+
+    return Wrapper;
+  }(_react["default"].Component);
+
+  return Wrapper;
+}

package/lib/locale/en/en.json

@@ -0,0 +1,346 @@
+{
+  "BOLD": "Bold",
+  "SEMIBOLD": "Semibold",
+  "MEDIUM": "Medium",
+  "REGULAR": "Regular",
+  "OFF": "off",
+  "ON_GOING": "On Going",
+  "COMING_SOON": "Coming soon",
+  "EXPDATE": "ExpDate",
+  "EFFDATE": "EffDate",
+  "MISSION_NAME": "Mission Name",
+  "INTEREST_NAME": "Interest Name",
+  "PLATFORM_NAME": "Platform Name",
+  "API_NAME": "Api Name",
+  "FEATURES": "Features",
+  "CHANNEL": "Channel",
+  "STORE_ID": "Store ID",
+  "APP_NAME": "App Name",
+  "CAMPAIGN_STATE": "Campaign State",
+  "START_END_TIME": "Start/End time",
+  "CAMPAIGN_NAME": "Campaign Name",
+  "PROCESSING": "Processing",
+  "HAS_NOT_STARTED": "Has not started",
+  "ALL": "ALL",
+  "PERIOD_OF_VAILDITY": "Period of Vaildity",
+  "COUPON_VALUE": "Coupon Value",
+  "COUPON_NAME": "Coupon Name",
+  "OFFER_NAME": "Offer Name",
+  "STORE": "Store",
+  "PAGE_NAME": "Page Name",
+  "CATEGORY": "Category",
+  "CASHBACK": "Cashback",
+  "CREDIT": "Credit",
+  "BNPL": "BNPL",
+  "CENDUIT": "CenDuit",
+  "B2B_PAYLATER": "B2B PayLater",
+  "BALANCE": "Balance",
+  "CENDUIT_MALL": "CenDuit Mall",
+  "SOCIAL_COMMERCE": "Social Commerce",
+  "PROCURE_PRODUCT": "Procure Product",
+  "ADD_MORE_PRODUCTS_TO_YOUR_SHOP": "Add more products to your shop!",
+  "APPLY": "Apply",
+  "LETS_GO": "Lets Go!",
+  "MAKE_MONEY_AND_SHOP_ON_CENDOL": "Make money and shop on Cendol!",
+  "MERCHANT_NAME": "Merchant Name",
+  "SHOW_MORE": "Show More",
+  "OK": "OK",
+  "PRODUCT_CODE": "Product Code",
+  "PROMOTIONS": "Promotions",
+  "SPU_CODE": "SPU Code",
+  "PRODUCT_NAME": "Product Name",
+  "PRICE": "Price",
+  "LABEL": "Label",
+  "BRAND": "Brand",
+  "CANCEL": "Cancel",
+  "CONFIRM": "Confirm",
+  "UPLOAD": "Upload",
+  "SEND_A_MESSAGE": "Send a message",
+  "WHAT_KEY_DETAILS_SHOULD_BE_EMPHASIZED": "What key details should be emphasized?",
+  "WHAT_ARE_THE_KEY_FEATURES": "What are the key features?",
+  "DESIRED_WORD_COUNT_RANGE": "Desired word count range?",
+  "PREFERRED_TONE_OF_THE_DESCRIPTION": "Preferred tone of the description?",
+  "DETAILED_DESCRIPTION": "Detailed description",
+  "CONVERSATIONAL_EDITOR": "Conversational Editor",
+  "GENERATE": "Generate",
+  "CONCRETENESS": "Concreteness",
+  "EXPECT": "Expect",
+  "QUADRATIC_ELEMENT": "Quadratic element",
+  "CREATIVITY": "Creativity",
+  "REGENERATE_RESPONSE": "Regenerate Response",
+  "DO_NOT_APPEAR": "Do not appear",
+  "MODIFIER": "Modifier",
+  "STYLE": "Style",
+  "NUMBER": "Number",
+  "SIZE": "Size",
+  "UPLOAD_REFERENCE_IMAGES": "Upload reference images",
+  "CHOOSE_AN_AI_ARTIST": "Choose an AI artist",
+  "TEXT_TO_IMAGE": "Text to Image",
+  "TRANSPARENT": "Transparent",
+  "SEARCH_ALL_PAGES": "Search all pages...",
+  "TYPE": "Type",
+  "COUNT_DOWN": "Count Down",
+  "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
+  "INTER": "Inter",
+  "STORE_SERVICES": "Store services",
+  "SHIP_ON_TIME": "Ship on time",
+  "COMMODITY_QUALITY": "Commodity Quality",
+  "FOLLOWED": "Followed",
+  "VERIFIED": "Verified",
+  "RATING": "Rating",
+  "STORE_NAME": "Store Name",
+  "RATING_DETAILS": "Rating Details",
+  "FOLLOWERS": "Followers",
+  "FOLLOW_BUTTON": "Follow Button",
+  "IN_STORE_SEARCH_BOX": "In Store Search Box",
+  "THIS_PAGE_WILL": "This page will be published at {date}, If you need to edit it, please cancel the publishing later",
+  "PRODUCTS_IN_TOTAL": "{total} Products In Total",
+  "PLAY_ICON_COLOR": "Play Icon Color",
+  "PLAY_ICON_TYPE": "Play Icon Type",
+  "CLICKABLE_AREA": "Clickable Area",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "AUTOPLAYS": "Autoplays",
+  "PLAY_IN_LOOP": "Play in loop",
+  "PROGRESS_BAR": "Progress bar",
+  "PLAY_ICON_SIZE": "Play Icon Size",
+  "SOURCE_OF_ACTIVITY": "Source of Activity",
+  "WIDTH": "Width",
+  "PLAY_BUTTON_POSITION": "Play button position",
+  "PLAY_POSITION": "Play Position",
+  "START_VIDEO_AT": "Start video at",
+  "SELECT_VIDEO": "Select Video",
+  "PLAY_SPEED": "Play Speed",
+  "POSTER": "Poster",
+  "ADD_PAGE": "Add page",
+  "HOMEPAGE": "Homepage",
+  "WOMEN_S_HOME_PAGE": "Women's home page",
+  "EDIT_PAGE": "Edit Page",
+  "CANCEL_PUBLISH_LATER": "Cancel Publish Later",
+  "TO_REVIEW": "To Review",
+  "WHAT_WOULD_LIKE_TO_CREATE": "What would like to create?",
+  "PLEASE_SELECT_A_TIME_AFTER_30_MINUTES_AND_WITHIN_30_DAYS": "Please select a time after 30 minutes and within 30 days",
+  "BIG_NUMBERS_HAVE_BIG_EFFECTS": "Big numbers have big effects",
+  "PROPORTION": "Proportion",
+  "CUSTOMER_INTERESTS": "Customer interests",
+  "HISTORY": "History",
+  "SALES": "Sales",
+  "DIRECT_FUNCTION": "Direct Function",
+  "OPEN_SANS": "Open Sans",
+  "MONTSERRAT": "Montserrat",
+  "DISCOUNT": "DISCOUNT",
+  "KHUSUS_PENGGUNA_BARU": "Khusus Pengguna Baru",
+  "MIDDLE": "Middle",
+  "BOTTOM_LEFT": "Bottom Left",
+  "POPUP": "Popup",
+  "PLAY_IN_BOX": "Play in Box",
+  "DISPLAY_LOCATION_ADDRESS": "Display Location Address",
+  "SUPPORT_FOR_A": "Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files",
+  "CLICK_OR_DRAG": "Click or drag file to this area to upload",
+  "SHARE_URL": "Share Url",
+  "URL": "URL",
+  "BRANDS": "Brands",
+  "SERVICE": "Service",
+  "RATINGS": "Ratings",
+  "STAR": "Star",
+  "SORT_BY": "Sort by",
+  "HIGHEST_RATED": "Highest rated",
+  "MOST_SOLD": "Most sold",
+  "LOWEST_PRICE": "Lowest price",
+  "EARLIEST": "Earliest",
+  "FILTER": "Filter",
+  "PROMOTION": "Promotion",
+  "BUY_NOW": "Buy Now",
+  "TOTAL": "Total",
+  "RECENTLY": "Recently",
+  "COUPON": "Coupon",
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "COUNTDOWN": "Countdown",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
+  "PROGRESS_BAR_COLOR": "Progress Bar Color",
+  "GROUP_LABEL": "Group Label",
+  "SUBMIT": "Submit",
+  "CANCELLED": "Cancelled",
+  "DONE": "Done",
+  "TO_RECEIVE": "To Receive",
+  "TO_SHIP": "To ship",
+  "TO_PAY": "To Pay",
+  "VIEW_ALL_ORDERS": "View All Orders",
+  "ORDERS": "Orders",
+  "RECENTLY_VIEWED": "Recently Viewed",
+  "VOUCHERS": "Vouchers",
+  "STORES": "Stores",
+  "WISHLIST": "Wishlist",
+  "IMAGE_NAME_IS_TOO_LONG": "Image name is too long",
+  "ADD": "Add",
+  "LOGIN_OR_REGISTER": "Login or Register",
+  "ANCHOR": "Anchor",
+  "PUSH": "Push",
+  "SET_AS_TEMPLATE": "Set as Template",
+  "DISPLAY_PAGE": "Display page",
+  "NAME": "Name",
+  "ADD_MENU": "Add Menu",
+  "TIPS": "Tips",
+  "AL": "AL",
+  "PEEK": "Peek",
+  "ADDRESS": "Address",
+  "LOCATION_LOGO": "Location Logo",
+  "MESSAGE_ICON": "Message icon",
+  "CART_ICON": "Cart icon",
+  "RECOMMENDED_SIZE": "Recommended Size",
+  "DARK": "Dark",
+  "LIGHT": "Light",
+  "URL_IMAGE": "url image",
+  "IMAGE_URL": "Image URL",
+  "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
+  "CHAT": "Chat",
+  "FOLLOW": "Follow",
+  "FOLLOWING": "Following",
+  "SEARCH_IN_SHOP": "Search in shop",
+  "IMAGE_AND_TEXT_NAME": "Image and Text Name",
+  "BANNER_GROUP_NAME": "Banner Group Name",
+  "VIDEO": "Video",
+  "BACK": "Back",
+  "VIDEO_HEIGHT": "Video Height",
+  "HEIGHT": "Height",
+  "SOCIAL_IMAGE": "Social Image",
+  "PLEASE_INPUT": "Please Input",
+  "SOCIAL_DESCRIPTION": "Social Description",
+  "SOCIAL_TITLE": "Social Title",
+  "SUPPORT_SHARE": "Support Share",
+  "SHARE": "Share",
+  "ADD_VIDEO": "Add Video",
+  "Wallet": "Wallet",
+  "SOURCE_OF_AMOUNT": "Source of amount",
+  "AMOUNT": "Amount",
+  "IMAGES": "Images",
+  "PUBLISH_TIME": "Publish Time",
+  "PUBLISH_LATER": "Publish Later",
+  "PUBLISH_NOW": "Publish Now",
+  "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",
+  "NAVIGATION_NAME": "Navigation Name",
+  "ADD_NAVIGATION": "Add Navigation",
+  "SAVE": "Save",
+  "GROUP_NAME": "Group Name",
+  "SEE_ALL": "See All",
+  "ADD_GROUP": "Add Group",
+  "CONTENT_WIDTH": "Content Width",
+  "MAGNIFICATION": "Magnification",
+  "RECOMMENDED_RULES": "Recommended Rules",
+  "PRODUCT_SORT_BY": "Product Sort By",
+  "PADDING": "Padding",
+  "COMPONENT_SPACING": "Component spacing",
+  "ALIGNMENT": "Alignment",
+  "LAYOUT": "Layout",
+  "BACKGROUND": "Background",
+  "PLACEHOLDER": "Placeholder",
+  "FONT_STYLE": "Font Style",
+  "FONT_FAMILY": "Font Family",
+  "FONT_WEIGHT": "Font Weight",
+  "FONT_SIZE": "Font Size",
+  "LINE_SPACING": "Line Spacing",
+  "LINE_COLOR": "Line Color",
+  "LINE_WEIGHT": "Line Weight",
+  "LINE_STYLE": "Line Style",
+  "LINE_WIDTH": "Line Width",
+  "HEIGHT_AND_COLOR": "Height And Color",
+  "NAVIGATION_ARROW": "Navigation arrow",
+  "SELECTED_ARROW": "Selected arrow",
+  "SLIDE_BUTTON": "Slide button",
+  "SELECTED_BUTTON": "Selected button",
+  "IMAGE": "Image",
+  "SKU_CODE": "SKU Code",
+  "SKU": "SKU",
+  "PRODUCT_SELECT": "Product Select",
+  "URL_SETUP": "URL Setup",
+  "NEW_IMAGE": "New image",
+  "ENLARGE": "Enlarge",
+  "PUBLISH": "Publish",
+  "PREVIEW": "Preview",
+  "MOVE_UP": "Move Up",
+  "MOVE_DOWN": "Move Down",
+  "COPY": "Copy",
+  "DELETE": "Delete",
+  "ADD_COMPONENT": "Add Component",
+  "HOT": "Hot",
+  "GUESS_YOU_LIKE": "Guess you like",
+  "UNDERLINE_STYLE": "Underline Style",
+  "UNDERLINE_COLOR": "Underline Color",
+  "UNDERLINE_SETTING": "Underline Setting",
+  "BUTTON_COLOR": "Button Color",
+  "BORDER_RADIUS": "Border Radius",
+  "BORDER_COLOR": "Border Color",
+  "ICON_PLACEMENT": "Icon Placement",
+  "SOURCE_OF_PRODUCT": "Source Of Product",
+  "AI_RECOMMENDATION": "AI Recommendation",
+  "SELECT_PRODUCT": "Select Product",
+  "PRODUCT_QUANTITY": "Product Quantity",
+  "COLOR": "Color",
+  "SHOW_NAVIGATION_ARROW": "Show navigation arrow",
+  "SHOW_SLIDE_BUTTON": "Show slide button",
+  "CONTENT": "Content",
+  "SPACING": "Spacing",
+  "CUSTOMIZE": "Customize",
+  "BUTTON": "Button",
+  "SECONDARY_BUTTON": "Secondary Button",
+  "SETTING": "Setting",
+  "SHOW_DIVIDER": "Show Divider",
+  "SUBTITLE": "Subtitle",
+  "HEADLINE": "Headline",
+  "GROUP": "Group",
+  "INPUT_FIELD": "Input Field",
+  "CONFIRMATION": "Confirmation",
+  "IMAGE_TAG": "Image Tag",
+  "SECONDARY_BUTTON_TAG": "Secondary Button Tag",
+  "TITLE": "Title",
+  "HOVER": "Hover",
+  "ICON": "Icon",
+  "ACTIVITY_PRICE": "Activity Price",
+  "SALES_PRICE": "Sales Price",
+  "LOGO": "Logo",
+  "BUTTON_TEXT_SETTING": "Button Text Setting",
+  "BUTTON_BORDER_SETTING": "Button Border Setting",
+  "BUTTON_ICON_SETTING": "Button Icon Setting",
+  "SALES_PROGRESS": "Sales Progress",
+  "NEXT": "Next",
+  "ADD_IMAGE": "Add Image",
+  "ADD_BANNER": "Add Banner",
+  "TOTAL_PRODUCTS": "Total {count} products",
+  "SELECTED": "Selected",
+  "GROUP_BUY": "Group Buy",
+  "RESET": "Reset",
+  "QUERY": "Query",
+  "SEARCH": "Search",
+  "GROUP_BY": "Group By",
+  "FLASH_SALE": "Flash Sale",
+  "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY": "The product quantity will be automatically updated with the items that meet the category conditions",
+  "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES": "Looks like you do not have any images in your gallery. Choose images to feature on this page.",
+  "EDIT": "Edit",
+  "MINIMUM": "Minimum",
+  "MAXIMUM": "Maximum",
+  "PLEASE_ADD_A_LINK": "Please add a link",
+  "PLEASE_SELECT": "Please select",
+  "PLEASE_SEARCH": "Please Search",
+  "KEYWRODS": "Keywrods",
+  "TEXT": "Text"
+}