@fonixtree/magic-design 2.0.40 → 2.0.41

package/lib/locale/es/es.json

@@ -0,0 +1,183 @@
+{
+  "PEEK": "Peek",
+  "ADDRESS": "Address",
+  "LOCATION_LOGO": "Location Logo",
+  "MESSAGE_ICON": "Message icon",
+  "CART_ICON": "Cart icon",
+  "RECOMMENDED_SIZE": "Recommended Size",
+  "BOLD": "Bold",
+  "SEMIBOLD": "Semibold",
+  "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)",
+  "CHAT": "Chat",
+  "FOLLOW": "Follow",
+  "FOLLOWING": "Following",
+  "FOLLOWERS": "Followers",
+  "POSITIVE": "Positive",
+  "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": "Por favor ingrese",
+  "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",
+  "CONFIRM": "Confirm",
+  "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": "Etiqueta de botón",
+  "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",
+  "CLICKABLE_AREA": "Clickable Area",
+  "VOUCHER_SUCCESS": "Coupon received successfully!",
+  "NAVIGATION_NAME": "Navigation Name",
+  "ADD_NAVIGATION": "Add Navigation",
+  "SAVE": "Guardar",
+  "GROUP_NAME": "Nome do grupo",
+  "SEE_ALL": "Ver todos",
+  "SECOND_CATEGORY": "Categoría secundaria",
+  "ADD_GROUP": "Agregar Grupo",
+  "CONTENT_WIDTH": "Ancho del contenido",
+  "MAGNIFICATION": "Aumento",
+  "RECOMMENDED_RULES": "Reglas recomendadas",
+  "PRODUCT_SORT_BY": "producto ordenado por",
+  "PADDING": "Relleno",
+  "COMPONENT_SPACING": "Espaciado entre componentes",
+  "ALIGNMENT": "Alineación",
+  "LAYOUT": "Disposición",
+  "BACKGROUND": "Fondo",
+  "PLACEHOLDER": "Marcador de posición",
+  "FONT_STYLE": "Estilo de fuente",
+  "FONT_FAMILY": "Familia de fuentes",
+  "FONT_WEIGHT": "Peso de fuente",
+  "FONT_SIZE": "Tamaño de fuente",
+  "LINE_SPACING": "Espaciado entre líneas",
+  "LINE_COLOR": "Color de línea",
+  "LINE_WEIGHT": "Grosor de línea",
+  "LINE_STYLE": "Estilo de línea",
+  "LINE_WIDTH": "Ancho de línea",
+  "HEIGHT_AND_COLOR": "Altura y Color",
+  "HOW_LONG_BETWEEN_SLIDES(SECS)": "Cuánto tiempo entre diapositivas (secs)",
+  "NAVIGATION_ARROW": "Flecha de navegación",
+  "SELECTED_ARROW": "Flecha seleccionada",
+  "SLIDE_BUTTON": "Botón deslizante",
+  "SELECTED_BUTTON": "Botón seleccionado",
+  "BANNER_HEIGHT": "Altura del banner",
+  "IMAGE": "Imagen",
+  "PRODUCT_NAME": "Nombre del producto",
+  "PRODUCT_CODE": "Código de producto",
+  "SKU": "SKU",
+  "PRICE": "Precio",
+  "BRAND": "Marca",
+  "STORE": "Tienda",
+  "PRODUCT_SELECT": "Selección de producto",
+  "URL_SETUP": "Configuración de URL",
+  "NEW_IMAGE": "Nueva imagen",
+  "ENLARGE": "Ampliar",
+  "PUBLISH": "Publicar",
+  "PREVIEW": "Vista previa",
+  "MOVE_UP": "Mover hacia arriba",
+  "MOVE_DOWN": "Mover hacia abajo",
+  "COPY": "Copiar",
+  "DELETE": "Eliminar",
+  "DONE": "Hecho",
+  "ADD_COMPONENT": "Agregar Componente",
+  "ALL": "TODO",
+  "HOT": "Caliente",
+  "GUESS_YOU_LIKE": "Supongo que te gusta",
+  "CATEGORY": "Categoría",
+  "LABEL": "Etiqueta",
+  "UNDERLINE_STYLE": "Estilo de subrayado",
+  "UNDERLINE_COLOR": "Color de subrayado",
+  "UNDERLINE_SETTING": "Configuración de Subrayado",
+  "BUTTON_COLOR": "Color del botón",
+  "BORDER_RADIUS": "Radio del borde",
+  "BORDER_COLOR": "Color del borde",
+  "ICON_PLACEMENT": "Ubicación del Ícono",
+  "SOURCE_OF_PRODUCT": "Origen del producto",
+  "AI_RECOMMENDATION": "Recomendación de IA",
+  "SELECT_PRODUCT": "Seleccionar Producto",
+  "PRODUCT_QUANTITY": "Cantidad del producto",
+  "COLOR": "Color",
+  "AUTOPLAYS": "Reproducciones automáticas",
+  "SHOW_NAVIGATION_ARROW": "Mostrar flecha de navegación",
+  "SHOW_SLIDE_BUTTON": "Mostrar botón deslizante",
+  "CONTENT": "Contenido",
+  "SPACING": "Espacio",
+  "CUSTOMIZE": "Personalizar",
+  "BUTTON": "Botón",
+  "SECONDARY_BUTTON": "Botón Secundario",
+  "SETTING": "Ajuste",
+  "SHOW_DIVIDER": "Mostrar divisor",
+  "SUBTITLE": "Subtítulo",
+  "HEADLINE": "Título",
+  "GROUP": "Grupo",
+  "INPUT_FIELD": "Campo de entrada",
+  "CONFIRMATION": "Confirmación",
+  "IMAGE_TAG": "Etiqueta de imagen",
+  "SECONDARY_BUTTON_TAG": "Etiqueta de botón secundario",
+  "TITLE": "Título",
+  "HOVER": "Hover",
+  "ICON": "Icono",
+  "ACTIVITY_PRICE": "Precio de la Actividad",
+  "SALES_PRICE": "Precio de Venta",
+  "LOGO": "Logotipo",
+  "BUTTON_TEXT_SETTING": "Configuración de texto del botón",
+  "BUTTON_BORDER_SETTING": "Configuración del borde del botón",
+  "BUTTON_ICON_SETTING": "Configuración de icono de botón",
+  "SALES_PROGRESS": "Progreso de Ventas",
+  "SALES": "Ventas",
+  "NEXT": "Siguiente",
+  "REGULAR": "Normal",
+  "MEDIUM": "Medio",
+  "ADD_IMAGE": "Añadir Imagen",
+  "ADD_BANNER": "Agregar Banner",
+  "TOTAL_PRODUCTS": "Total {count} productos",
+  "SELECTED": "Seleccionado",
+  "GROUP_BUY": "Compra en grupo",
+  "RESET": "Restablecer",
+  "QUERY": "Consulta",
+  "SEARCH": "Buscar",
+  "GROUP_BY": "Agrupar por",
+  "FLASH_SALE": "Oferta relámpago",
+  "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "La cantidad del producto se actualizará automáticamente con los artículos que cumplan con las condiciones de la categoría",
+  "OK": "OK",
+  "CANCEL": "Cancelar",
+  "LINK_TYPE": "Tipo de enlace",
+  "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_": "Parece que no tiene ninguna imagen en su galería. Elija imágenes para mostrar en esta página.",
+  "EDIT": "Editar",
+  "MINIMUM": "Mínimo",
+  "MAXIMUM": "Máximo",
+  "PLEASE_ADD_A_LINK": "Por favor agregue un enlace",
+  "PLEASE_SELECT": "Por favor seleccione",
+  "PLEASE_SEARCH": "Por favor busque",
+  "KEYWRODS": "Palabras clave",
+  "TEXT": "Texto",
+  "OKAY": "OKAY"
+}

package/lib/locale/id/id.json

@@ -0,0 +1,183 @@
+{
+  "PEEK": "Peek",
+  "ADDRESS": "Address",
+  "LOCATION_LOGO": "Location Logo",
+  "MESSAGE_ICON": "Message icon",
+  "CART_ICON": "Cart icon",
+  "RECOMMENDED_SIZE": "Recommended Size",
+  "BOLD": "Bold",
+  "SEMIBOLD": "Semibold",
+  "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)",
+  "CHAT": "Chat",
+  "FOLLOW": "Follow",
+  "FOLLOWING": "Following",
+  "FOLLOWERS": "Followers",
+  "POSITIVE": "Positive",
+  "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",
+  "CONFIRM": "Confirm",
+  "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",
+  "CLICKABLE_AREA": "Clickable Area",
+  "VOUCHER_SUCCESS": "Coupon received successfully!",
+  "NAVIGATION_NAME": "Navigation Name",
+  "ADD_NAVIGATION": "Add Navigation",
+  "SAVE": "Save",
+  "GROUP_NAME": "Group Name",
+  "SEE_ALL": "See All",
+  "SECOND_CATEGORY": "Secondary Category",
+  "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",
+  "HOW_LONG_BETWEEN_SLIDES(SECS)": "How long between slides(secs)",
+  "NAVIGATION_ARROW": "Navigation arrow",
+  "SELECTED_ARROW": "Selected arrow",
+  "SLIDE_BUTTON": "Slide button",
+  "SELECTED_BUTTON": "Selected button",
+  "BANNER_HEIGHT": "Banner Height",
+  "IMAGE": "Image",
+  "PRODUCT_NAME": "Product Name",
+  "PRODUCT_CODE": "Product Code",
+  "SKU": "SKU",
+  "PRICE": "Price",
+  "BRAND": "Brand",
+  "STORE": "Store",
+  "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",
+  "DONE": "Done",
+  "ADD_COMPONENT": "Add Component",
+  "ALL": "ALL",
+  "HOT": "Hot",
+  "GUESS_YOU_LIKE": "Guess you like",
+  "CATEGORY": "Category",
+  "LABEL": "Label",
+  "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",
+  "AUTOPLAYS": "Autoplays",
+  "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",
+  "SALES": "Sales",
+  "NEXT": "Next",
+  "REGULAR": "Regular",
+  "MEDIUM": "Medium",
+  "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_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "The product quantity will be automatically updated with the items that meet the category conditions",
+  "OK": "OK",
+  "CANCEL": "Cancel",
+  "LINK_TYPE": "Link Type",
+  "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_": "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",
+  "OKAY": "OKAY"
+}

package/lib/locale/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.i18n = i18n;
+
+var _en = _interopRequireDefault(require("./en/en.json"));
+
+var _id = _interopRequireDefault(require("./id/id.json"));
+
+var _es = _interopRequireDefault(require("./es/es.json"));
+
+var _mobx = require("../mobx");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var localeMap = {
+  en: _en["default"],
+  id: _id["default"],
+  es: _es["default"]
+};
+/** 国际化 */
+
+function i18n(key, args) {
+  if (args === void 0) {
+    args = {};
+  }
+
+  var tempString = localeMap[_mobx.store.locale || 'en'][key];
+
+  if (tempString) {
+    var str_1 = tempString;
+    Object.keys(args).map(function (key) {
+      var reg = new RegExp("{" + key + "}", 'g');
+      str_1 = tempString.replace(reg, args[key]);
+    });
+    return str_1;
+  } else {
+    console.log('未找到国际化KEY:' + key);
+    return key;
+  }
+
+  return tempString;
+}

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: "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 @@
+.item {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}