@fonixtree/magic-design 2.0.162 → 2.0.163

package/lib/locale/mn/mn.json

@@ -0,0 +1,346 @@
+{
+  "BOLD": "Зоригтой",
+  "SEMIBOLD": "Хагас хол",
+  "MEDIUM": "Дунд",
+  "REGULAR": "Тогтмол",
+  "OFF": "off",
+  "ON_GOING": "Явж байна",
+  "COMING_SOON": "Тун удахгүй",
+  "EXPDATE": "ExpDate",
+  "EFFDATE": "Хасах огноо",
+  "MISSION_NAME": "Номлолын нэр",
+  "INTEREST_NAME": "Сонирхлын нэр",
+  "PLATFORM_NAME": "Платформын нэр",
+  "API_NAME": "Апи нэр",
+  "FEATURES": "Онцлогууд",
+  "CHANNEL": "Суваг",
+  "STORE_ID": "Дэлгүүрийн ID",
+  "APP_NAME": "Апп нэр",
+  "CAMPAIGN_STATE": "Кампанит ажлын муж",
+  "START_END_TIME": "Эхлэх/Төгсгөлийн цаг",
+  "CAMPAIGN_NAME": "Аяны нэр",
+  "PROCESSING": "Боловсруулж байна",
+  "HAS_NOT_STARTED": "Эхлээгүй байна",
+  "ALL": "БҮГД",
+  "PERIOD_OF_VAILDITY": "Хүчинтэй байх хугацаа",
+  "COUPON_VALUE": "Купоны үнэ цэнэ",
+  "COUPON_NAME": "Купоны нэр",
+  "OFFER_NAME": "Саналын нэр",
+  "STORE": "Дэлгүүр",
+  "PAGE_NAME": "Хуудасны нэр",
+  "CATEGORY": "Ангилал",
+  "CASHBACK": "Бэлэн мөнгө буцааж авах",
+  "CREDIT": "Зээл",
+  "BNPL": "BNPL",
+  "CENDUIT": "CenDuit",
+  "B2B_PAYLATER": "B2B PayLater",
+  "BALANCE": "Тэнцвэр",
+  "CENDUIT_MALL": "CenDuit Mall",
+  "SOCIAL_COMMERCE": "Нийгмийн худалдаа",
+  "PROCURE_PRODUCT": "Бүтээгдэхүүн худалдаж авах",
+  "ADD_MORE_PRODUCTS_TO_YOUR_SHOP": "Дэлгүүртээ илүү олон бүтээгдэхүүн нэмээрэй!",
+  "APPLY": "Өргөдөл гаргах",
+  "LETS_GO": "Явцгаая!",
+  "MAKE_MONEY_AND_SHOP_ON_CENDOL": "Cendol дээр мөнгө хийж, дэлгүүр хэсээрэй!",
+  "MERCHANT_NAME": "Худалдааны нэр",
+  "SHOW_MORE": "Дэлгэрэнгүй харуулах",
+  "OK": "БОЛЖ БАЙНА УУ",
+  "PRODUCT_CODE": "Бүтээгдэхүүний код",
+  "PROMOTIONS": "Урамшуулал",
+  "SPU_CODE": "SPU код",
+  "PRODUCT_NAME": "Бүтээгдэхүүний нэр",
+  "PRICE": "Үнэ",
+  "LABEL": "Шошго",
+  "BRAND": "Брэнд",
+  "CANCEL": "Цуцлах",
+  "CONFIRM": "Баталгаажуулах",
+  "UPLOAD": "Байршуулах",
+  "SEND_A_MESSAGE": "Мессеж илгээнэ үү",
+  "WHAT_KEY_DETAILS_SHOULD_BE_EMPHASIZED": "Ямар гол нарийн ширийн зүйлийг онцлох ёстой?",
+  "WHAT_ARE_THE_KEY_FEATURES": "Гол онцлог нь юу вэ?",
+  "DESIRED_WORD_COUNT_RANGE": "Хүссэн үгийн тооны хүрээ?",
+  "PREFERRED_TONE_OF_THE_DESCRIPTION": "Тайлбарын сонгосон өнгө?",
+  "DETAILED_DESCRIPTION": "Дэлгэрэнгүй тодорхойлолт",
+  "CONVERSATIONAL_EDITOR": "Харилцан ярианы редактор",
+  "GENERATE": "Үүсгэх",
+  "CONCRETENESS": "Бетон байдал",
+  "EXPECT": "Хүлэ",
+  "QUADRATIC_ELEMENT": "Квадрат элемент",
+  "CREATIVITY": "Бүтээлч байдал",
+  "REGENERATE_RESPONSE": "Хариултыг сэргээх",
+  "DO_NOT_APPEAR": "Битгий харагдах",
+  "MODIFIER": "Өөрчлөгч",
+  "STYLE": "Загвар",
+  "NUMBER": "Тоо",
+  "SIZE": "Хэмжээ",
+  "UPLOAD_REFERENCE_IMAGES": "Лавлах зургуудыг байршуулах",
+  "CHOOSE_AN_AI_ARTIST": "AI зураачийг сонго",
+  "TEXT_TO_IMAGE": "Текстээс зураг",
+  "TRANSPARENT": "Ил тод",
+  "SEARCH_ALL_PAGES": "Бүх хуудаснаас хайх...",
+  "TYPE": "Төрөл",
+  "COUNT_DOWN": "Тоолох",
+  "SEARCH_BAR_PLACEHOLDER": "Хайлтын мөрөнд байршуулагч",
+  "INTER": "Интер",
+  "STORE_SERVICES": "Дэлгүүрийн үйлчилгээ",
+  "SHIP_ON_TIME": "Цаг хугацаанд нь тээвэрлэнэ",
+  "COMMODITY_QUALITY": "Барааны чанар",
+  "FOLLOWED": "Дагасан",
+  "VERIFIED": "Баталгаажсан",
+  "RATING": "Үнэлгээ",
+  "STORE_NAME": "Дэлгүүрийн нэр",
+  "RATING_DETAILS": "Үнэлгээний дэлгэрэнгүй мэдээлэл",
+  "FOLLOWERS": "Дагагчид",
+  "FOLLOW_BUTTON": "Дагах товч",
+  "IN_STORE_SEARCH_BOX": "Дэлгүүрийн хайлтын талбарт",
+  "THIS_PAGE_WILL": "Энэ хуудсыг {date}-д нийтлэх бөгөөд хэрэв та үүнийг засах шаардлагатай бол дараа нь нийтлэхээ цуцална уу",
+  "PRODUCTS_IN_TOTAL": "Нийт {total} бүтээгдэхүүн",
+  "PLAY_ICON_COLOR": "Icon Color тогло",
+  "PLAY_ICON_TYPE": "Тоглуулах дүрсний төрөл",
+  "CLICKABLE_AREA": "Дарж болох талбар",
+  "FILL_THE_PAGE": "Хуудсыг бөглөнө үү",
+  "VIDEO_SOUND": "Видео дуу",
+  "AUTOPLAYS": "Автоматаар тоглуулдаг",
+  "PLAY_IN_LOOP": "Гогцоонд тоглох",
+  "PROGRESS_BAR": "Явцын мөр",
+  "PLAY_ICON_SIZE": "Тоглуулах Icon Size",
+  "SOURCE_OF_ACTIVITY": "Үйл ажиллагааны эх сурвалж",
+  "WIDTH": "Өргөн",
+  "PLAY_BUTTON_POSITION": "Тоглуулах товчлуурын байрлал",
+  "PLAY_POSITION": "Тоглуулах байрлал",
+  "START_VIDEO_AT": "Видеог эхлүүлэх",
+  "SELECT_VIDEO": "Видеог сонгоно уу",
+  "PLAY_SPEED": "Хурд тоглох",
+  "POSTER": "Зурагт хуудас",
+  "ADD_PAGE": "Хуудас нэмэх",
+  "HOMEPAGE": "Нүүр хуудас нэмэх",
+  "WOMEN_S_HOME_PAGE": "Эмэгтэйчүүдийн нүүр хуудас",
+  "EDIT_PAGE": "Хуудас засах",
+  "CANCEL_PUBLISH_LATER": "Дараа нийтлэхийг цуцлах",
+  "TO_REVIEW": "Хянах",
+  "WHAT_WOULD_LIKE_TO_CREATE": "Юу бүтээхийг хүсч байна вэ?",
+  "PLEASE_SELECT_A_TIME_AFTER_30_MINUTES_AND_WITHIN_30_DAYS": "30 минутын дараа болон 30 хоногийн дотор цагийг сонгоно уу",
+  "BIG_NUMBERS_HAVE_BIG_EFFECTS": "Том тоо том нөлөө үзүүлдэг",
+  "PROPORTION": "Пропорц",
+  "CUSTOMER_INTERESTS": "Хэрэглэгчийн сонирхол",
+  "HISTORY": "Түүх",
+  "SALES": "Борлуулалт",
+  "DIRECT_FUNCTION": "Шууд функц",
+  "OPEN_SANS": "Нээлттэй Sans",
+  "MONTSERRAT": "Монцеррат",
+  "DISCOUNT": "ХЯМДРАЛ",
+  "KHUSUS_PENGGUNA_BARU": "Хус Пэнгуна Бару",
+  "MIDDLE": "Дунд",
+  "BOTTOM_LEFT": "Зүүн доод",
+  "POPUP": "Попап",
+  "PLAY_IN_BOX": "Box-д тоглох",
+  "DISPLAY_LOCATION_ADDRESS": "Байршлын хаягийг харуулах",
+  "SUPPORT_FOR_A": "Ганц болон бөөнөөр байршуулах дэмжлэг. Компанийн мэдээлэл болон бусад хамтлаг файлуудыг байршуулахыг хатуу хориглоно",
+  "CLICK_OR_DRAG": "Байршуулахын тулд файлыг энэ хэсэг рүү чирнэ үү",
+  "SHARE_URL": "Url хуваалцах",
+  "URL": "URL",
+  "BRANDS": "Брэнд",
+  "SERVICE": "Үйлчилгээ",
+  "RATINGS": "Үнэлгээ",
+  "STAR": "Од",
+  "SORT_BY": "Эрэмбэлэх",
+  "HIGHEST_RATED": "Хамгийн өндөр үнэлгээтэй",
+  "MOST_SOLD": "Хамгийн их зарагдсан",
+  "LOWEST_PRICE": "Хамгийн хямд",
+  "EARLIEST": "Хамгийн эрт",
+  "FILTER": "Шүүлт",
+  "PROMOTION": "Урамшуулал",
+  "BUY_NOW": "Төлөх",
+  "TOTAL": "Нийт",
+  "RECENTLY": "Саяхан",
+  "COUPON": "Купон",
+  "HEADER_IMAGE": "Толгойн зураг",
+  "ACTIVITY_LABEL": "Үйл ажиллагааны шошго",
+  "STOCK": "Хувьцаа",
+  "DISCOUNT_LABEL": "Хөнгөлөлтийн шошго",
+  "SESSION_TIME": "Сеанс цаг",
+  "COUNTDOWN": "Countdown",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Үнэлгээний оноо",
+  "SEARCH_BAR_KEYWORD": "Хайлтын мөрний түлхүүр үг",
+  "BOX_BACKGROUND": "Хайрцагны дэвсгэр",
+  "BOX_COLOR": "Хайрцагны өнгө",
+  "PROGRESS_BAR_COLOR": "Явцын мөрний өнгө",
+  "GROUP_LABEL": "Бүлгийн шошго",
+  "SUBMIT": "Илгээх",
+  "CANCELLED": "Цуцлагдсан",
+  "DONE": "Дууслаа",
+  "TO_RECEIVE": "Хүлээж авах",
+  "TO_SHIP": "Ачуулахад",
+  "TO_PAY": "Төлөх",
+  "VIEW_ALL_ORDERS": "Бүх захиалгыг үзэх",
+  "ORDERS": "Захиалга",
+  "RECENTLY_VIEWED": "Саяхан үзсэн",
+  "VOUCHERS": "Ваучер",
+  "STORES": "Дэлгүүрүүд",
+  "WISHLIST": "Хүслийн жагсаалт",
+  "IMAGE_NAME_IS_TOO_LONG": "Зургийн нэр хэт урт байна",
+  "ADD": "Нэмэх",
+  "LOGIN_OR_REGISTER": "Нэвтрэх эсвэл бүртгүүлэх",
+  "ANCHOR": "Зангуу",
+  "PUSH": "түлхэх",
+  "SET_AS_TEMPLATE": "Загвар болгон тохируулах",
+  "DISPLAY_PAGE": "Дэлгэцийн хуудас",
+  "NAME": "Нэр",
+  "ADD_MENU": "Цэс нэмэх",
+  "TIPS": "Зөвлөмж",
+  "AL": "AL",
+  "PEEK": "Хараач",
+  "ADDRESS": "Хаяг",
+  "LOCATION_LOGO": "Байршлын лого",
+  "MESSAGE_ICON": "Мессежийн дүрс тэмдэг",
+  "CART_ICON": "Сагсны дүрс",
+  "RECOMMENDED_SIZE": "Санал болгож буй хэмжээ",
+  "DARK": "Харанхуй",
+  "LIGHT": "Гэрэл",
+  "URL_IMAGE": "url зураг",
+  "IMAGE_URL": "Зургийн URL",
+  "HOW_LONG_BETWEEN_SLIDES_(SECS)": "Слайд хооронд хэр удаан үргэлжлэх вэ (сек)",
+  "CHAT": "Чатлах",
+  "FOLLOW": "Дага",
+  "FOLLOWING": "Дагаж байна",
+  "SEARCH_IN_SHOP": "Дэлгүүрээс хайх",
+  "IMAGE_AND_TEXT_NAME": "Зураг ба текстийн нэр",
+  "BANNER_GROUP_NAME": "Баннерын бүлгийн нэр",
+  "VIDEO": "Видео",
+  "BACK": "Буцах",
+  "VIDEO_HEIGHT": "Видеоны өндөр",
+  "HEIGHT": "Өндөр",
+  "SOCIAL_IMAGE": "Нийгмийн дүр төрх",
+  "PLEASE_INPUT": "Оруулна уу",
+  "SOCIAL_DESCRIPTION": "Нийгмийн тодорхойлолт",
+  "SOCIAL_TITLE": "Нийгмийн гарчиг",
+  "SUPPORT_SHARE": "Дэмжлэг хуваалцах",
+  "SHARE": "Хуваалцах",
+  "ADD_VIDEO": "Видео нэмэх",
+  "Wallet": "Түрийвч",
+  "SOURCE_OF_AMOUNT": "Хэмжээний эх үүсвэр",
+  "AMOUNT": "Дүн",
+  "IMAGES": "Зураг",
+  "PUBLISH_TIME": "Нийтлэх цаг",
+  "PUBLISH_LATER": "Дараа нийтлэх",
+  "PUBLISH_NOW": "Одоо нийтлэх",
+  "SEARCH_BOX": "Хайлтын хайрцаг",
+  "PLEASE_INPUT_KEYWORDS": "Түлхүүр үгээ оруулна уу",
+  "SHOPPING_CART": "Дэлгүүрийн түрдэг тэрэг",
+  "ADD_BUTTON": "Нэмэх товч",
+  "BUTTON_TAG": "Товчлуурын шошго",
+  "ADD_TAG": "Шошго нэмэх",
+  "LAST_CATEGORY": "Сүүлийн ангилал",
+  "SECONDARY_CATEGORY": "Хоёрдогч ангилал",
+  "FIRST_CATEGORY": "Эхний ангилал",
+  "ALL_CATEGORY": "Бүх ангилал",
+  "HOME": "Гэр",
+  "ADD_CLICKABLE_AREA": "Товших боломжтой хэсгийг нэмнэ үү",
+  "ADD_AREA": "Талбай нэмэх",
+  "NAVIGATION_NAME": "Навигацийн нэр",
+  "ADD_NAVIGATION": "Навигац нэмэх",
+  "SAVE": "Хадгалах",
+  "GROUP_NAME": "Бүлгийн нэр",
+  "SEE_ALL": "Бүгдийг харах",
+  "ADD_GROUP": "Бүлэг нэмэх",
+  "CONTENT_WIDTH": "Агуулгын өргөн",
+  "MAGNIFICATION": "Томруулах",
+  "RECOMMENDED_RULES": "Санал болгож буй дүрмүүд",
+  "PRODUCT_SORT_BY": "Бүтээгдэхүүнийг эрэмбэлэх",
+  "PADDING": "Жиглүүр",
+  "COMPONENT_SPACING": "Бүрэлдэхүүн хэсгүүдийн хоорондын зай",
+  "ALIGNMENT": "Зохицуулах",
+  "LAYOUT": "Зохион байгуулалт",
+  "BACKGROUND": "Суурь",
+  "PLACEHOLDER": "Орлуулагч",
+  "FONT_STYLE": "Фонтын хэв маяг",
+  "FONT_FAMILY": "Фонтын гэр бүл",
+  "FONT_WEIGHT": "Фонтын жин",
+  "FONT_SIZE": "Үсгийн хэмжээ",
+  "LINE_SPACING": "Мөр хоорондын зай",
+  "LINE_COLOR": "Шугамын өнгө",
+  "LINE_WEIGHT": "Шугамын жин",
+  "LINE_STYLE": "Шугамын хэв маяг",
+  "LINE_WIDTH": "Шугамын өргөн",
+  "HEIGHT_AND_COLOR": "Өндөр ба өнгө",
+  "NAVIGATION_ARROW": "Навигацийн сум",
+  "SELECTED_ARROW": "Сонгосон сум",
+  "SLIDE_BUTTON": "Слайд товчлуур",
+  "SELECTED_BUTTON": "Сонгосон товчлуур",
+  "IMAGE": "Зураг",
+  "SKU_CODE": "SKU код",
+  "SKU": "SKU",
+  "PRODUCT_SELECT": "Бүтээгдэхүүн сонгох",
+  "URL_SETUP": "URL тохиргоо",
+  "NEW_IMAGE": "Шинэ зураг",
+  "ENLARGE": "Томруулах",
+  "PUBLISH": "Нийтлэх",
+  "PREVIEW": "Урьдчилан үзэх",
+  "MOVE_UP": "Дээш хөдөл",
+  "MOVE_DOWN": "Доош шилжих",
+  "COPY": "Хуулбарлах",
+  "DELETE": "Устгах",
+  "ADD_COMPONENT": "Бүрэлдэхүүн хэсэг нэмэх",
+  "HOT": "Халуун",
+  "GUESS_YOU_LIKE": "Таалагдаж байна гэж бодож байна",
+  "UNDERLINE_STYLE": "Доогуур зурсан хэв маяг",
+  "UNDERLINE_COLOR": "Өнгөний доогуур зур",
+  "UNDERLINE_SETTING": "Тохиргооны доогуур зураас",
+  "BUTTON_COLOR": "Товчлуурын өнгө",
+  "BORDER_RADIUS": "Хилийн радиус",
+  "BORDER_COLOR": "Хилийн өнгө",
+  "ICON_PLACEMENT": "Дүрс байрлуулах",
+  "SOURCE_OF_PRODUCT": "Бүтээгдэхүүний эх үүсвэр",
+  "AI_RECOMMENDATION": "AI зөвлөмж",
+  "SELECT_PRODUCT": "Бүтээгдэхүүнийг сонгоно уу",
+  "PRODUCT_QUANTITY": "Бүтээгдэхүүний тоо хэмжээ",
+  "COLOR": "Өнгө",
+  "SHOW_NAVIGATION_ARROW": "Навигацийн сумыг харуулах",
+  "SHOW_SLIDE_BUTTON": "Слайд товчийг харуулах",
+  "CONTENT": "Агуулга",
+  "SPACING": "Зай зай",
+  "CUSTOMIZE": "Тохируулах",
+  "BUTTON": "Товчлуур",
+  "SECONDARY_BUTTON": "Хоёрдогч товчлуур",
+  "SETTING": "Тохиргоо",
+  "SHOW_DIVIDER": "Хуваагчийг харуулах",
+  "SUBTITLE": "Хадмал орчуулга",
+  "HEADLINE": "Гарчиг",
+  "GROUP": "Бүлэг",
+  "INPUT_FIELD": "Оролтын талбар",
+  "CONFIRMATION": "Баталгаажуулалт",
+  "IMAGE_TAG": "Зургийн шошго",
+  "SECONDARY_BUTTON_TAG": "Хоёрдогч товчлуурын шошго",
+  "TITLE": "Гарчиг",
+  "HOVER": "Хулгана",
+  "ICON": "Дүрс",
+  "ACTIVITY_PRICE": "Үйл ажиллагааны үнэ",
+  "SALES_PRICE": "Борлуулалтын үнэ",
+  "LOGO": "Лого",
+  "BUTTON_TEXT_SETTING": "Текстийн тохиргооны товчлуур",
+  "BUTTON_BORDER_SETTING": "Товчлуурын хүрээний тохиргоо",
+  "BUTTON_ICON_SETTING": "Товчлуурын дүрсний тохиргоо",
+  "SALES_PROGRESS": "Борлуулалтын явц",
+  "NEXT": "Дараачийн",
+  "ADD_IMAGE": "Зураг нэмэх",
+  "ADD_BANNER": "Баннер нэмэх",
+  "TOTAL_PRODUCTS": "Нийт {count} бүтээгдэхүүн",
+  "SELECTED": "Сонгосон",
+  "GROUP_BUY": "Бүлгийн худалдан авалт",
+  "RESET": "Дахин тохируулах",
+  "QUERY": "Асуулга",
+  "SEARCH": "Хайх",
+  "GROUP_BY": "Группээр",
+  "FLASH_SALE": "Флаш хямдрал",
+  "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY": "Бүтээгдэхүүний тоо хэмжээ нь ангиллын нөхцөлийг хангасан зүйлсээр автоматаар шинэчлэгдэх болно",
+  "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES": "Таны галерейд зураг байхгүй бололтой. Энэ хуудсан дээр харуулах зургуудыг сонгоно уу.",
+  "EDIT": "Засварлах",
+  "MINIMUM": "Хамгийн бага",
+  "MAXIMUM": "Хамгийн их",
+  "PLEASE_ADD_A_LINK": "Холбоос нэмнэ үү",
+  "PLEASE_SELECT": "Сонгоно уу",
+  "PLEASE_SEARCH": "Хайна уу",
+  "KEYWRODS": "Түлхүүр үгс",
+  "TEXT": "Текст"
+}

package/lib/meta-comp/components/Button/editable.js

@@ -0,0 +1,123 @@
+"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"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+require("./editable.less");
+
+var _coreUtil = require("../../../utils/coreUtil");
+
+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);
+};
+/**
+ *  编辑button名称，被动触发元组件的hover事件时会刷新组件，导致contenteditable的光标位置初始化
+ */
+
+
+var editable =
+/** @class */
+function (_super) {
+  __extends(editable, _super);
+
+  function editable() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.preData = '';
+    _this.preDevice = '';
+
+    _this.triggerButtonConfigRender = function () {
+      window.document.dispatchEvent(new Event('button-render', {
+        bubbles: false
+      }));
+    };
+
+    return _this;
+  }
+
+  editable.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;
+  };
+
+  editable.prototype.render = function () {
+    var _this = this;
+
+    var _a = this.props,
+        data = _a.data,
+        readonly = _a.readonly;
+    this.preData = JSON.stringify(data);
+    this.preDevice = window.magicDesign.device;
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "editable-item",
+      contentEditable: (0, _coreUtil.isDesignMode)() && !readonly,
+      onInput: function onInput(e) {
+        var text = e.target.textContent;
+        data.text = text;
+        /** 主动更新历史数据避免render */
+
+        _this.preData = JSON.stringify(__assign(__assign({}, JSON.parse(_this.preData)), {
+          text: text
+        }));
+
+        _this.triggerButtonConfigRender();
+      },
+      suppressContentEditableWarning: true
+    }, data.text);
+  };
+
+  return editable;
+}(_react.Component);
+
+var _default = editable;
+exports["default"] = _default;

package/lib/meta-comp/components/Button/editable.less

@@ -0,0 +1,6 @@
+.editable-item {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

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

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.less");
+
+var _editable = _interopRequireDefault(require("./editable"));
+
+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); }
+
+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 _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); }
+
+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 __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var Button =
+/** @class */
+function (_super) {
+  __extends(Button, _super);
+
+  function Button() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      hover: false
+    };
+    return _this;
+  }
+
+  Button.prototype.shouldComponentUpdate = function () {
+    return true;
+  };
+
+  Button.prototype.render = function () {
+    var _this = this;
+
+    var _a;
+
+    var _b = this.props,
+        data = _b.data,
+        className = _b.className;
+    var hover = this.state.hover;
+    this.preData = JSON.stringify(data);
+    this.preDevice = window.magicDesign.device;
+
+    var style = __assign(__assign({
+      backgroundColor: data.content.backgroundColor,
+      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
+    });
+
+    if (data.spacing) {
+      if (window.magicDesign.device == 'pc') {
+        style = __assign(__assign({}, style), data.spacing.pc);
+      } else {
+        style = __assign(__assign({}, style), data.spacing.mobile);
+      }
+    }
+
+    var iconUrl = data.buttonIcon.iconUrl;
+    var iconLayout = data.buttonIcon.layout;
+
+    if (hover && ((_a = data.hover) === null || _a === void 0 ? void 0 : _a.open)) {
+      style = __assign(__assign(__assign(__assign({}, style), {
+        backgroundColor: data.hover.content.backgroundColor,
+        border: data.hover.buttonBorder.open && data.hover.buttonBorder.borderColor ? "1px solid " + data.hover.buttonBorder.borderColor : '1px solid transparent',
+        borderRadius: data.hover.buttonBorder.open ? data.hover.buttonBorder.borderRadius : 0
+      }), data.hover.buttonText), {
+        fontSize: window.magicDesign.device == 'pc' ? data.hover.buttonText.pcFontSize : data.hover.buttonText.fontSize
+      });
+      iconUrl = data.hover.buttonIcon.iconUrl;
+      iconLayout = data.hover.buttonIcon.layout;
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('m-meta-button', className),
+      onClick: function onClick() {
+        return (0, _coreUtil.clickUrl)(data.content.url);
+      },
+      onMouseEnter: function onMouseEnter() {
+        return _this.setState({
+          hover: true
+        });
+      },
+      onMouseLeave: function onMouseLeave() {
+        return _this.setState({
+          hover: false
+        });
+      },
+      style: (0, _commonUtil.pxToRem)(__assign({}, style))
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('btnContent', {
+        horizontal: iconLayout === 'left' || iconLayout === 'right'
+      })
+    }, (iconLayout === 'right' || iconLayout === 'bottom') && /*#__PURE__*/_react["default"].createElement(_editable["default"], this.props), iconUrl && /*#__PURE__*/_react["default"].createElement("img", {
+      alt: "",
+      className: "icon",
+      src: iconUrl
+    }), (iconLayout === 'left' || iconLayout === 'top') && /*#__PURE__*/_react["default"].createElement(_editable["default"], this.props)));
+  };
+
+  Button.defaultProps = {
+    data: {},
+    className: '',
+    readonly: false
+  };
+
+  __decorate([(0, _decorator.shouldUpdate)()], Button.prototype, "shouldComponentUpdate", null);
+
+  Button = __decorate([_decorator.metaDecorator], Button);
+  return Button;
+}(_react.Component);
+
+var _default = Button;
+exports["default"] = _default;