@fonixtree/magic-design 0.0.72 → 0.0.73

package/lib/locale/es/es.json

@@ -1,128 +0,0 @@
-{
-  "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",
-  "BUTTON_TAG": "Etiqueta de botón",
-  "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_INPUT": "Por favor ingrese",
-  "PLEASE_SELECT": "Por favor seleccione",
-  "PLEASE_SEARCH": "Por favor busque",
-  "KEYWRODS": "Palabras clave",
-  "TEXT": "Texto",
-  "OKAY": "OKAY"
-}

package/lib/locale/id/id.json

@@ -1,128 +0,0 @@
-{
-  "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",
-  "BUTTON_TAG": "Button 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_INPUT": "Please Input",
-  "PLEASE_SELECT": "Please select",
-  "PLEASE_SEARCH": "Please Search",
-  "KEYWRODS": "Keywrods",
-  "TEXT": "Text",
-  "OKAY": "OKAY"
-}

package/lib/locale/index.js

@@ -1,45 +0,0 @@
-"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/index.js

@@ -1,193 +0,0 @@
-"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 _businessUtil = require("../../../utils/businessUtil");
-
-var _coreUtil = require("../../../utils/coreUtil");
-
-var _decorator = require("../../../decorator");
-
-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
-    };
-    /** 备份历史数据 比对不一致时渲染 */
-
-    _this.preData = '';
-    return _this;
-  }
-
-  Button.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;
-  };
-
-  Button.prototype.render = function () {
-    var _this = this;
-
-    var _a;
-
-    var _b = this.props,
-        data = _b.data,
-        className = _b.className,
-        readonly = _b.readonly;
-    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
-    });
-
-    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;
-    }
-
-    var btnText = /*#__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
-        }));
-      },
-      suppressContentEditableWarning: true
-    }, data.text);
-
-    var wrapStyle = (0, _businessUtil.computeStyle)(data, window.magicDesign.device);
-    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: __assign(__assign({}, style), wrapStyle)
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('btnContent', {
-        horizontal: iconLayout === 'left' || iconLayout === 'right'
-      })
-    }, (iconLayout === 'right' || iconLayout === 'bottom') && btnText, iconUrl && /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "",
-      className: "item",
-      src: iconUrl
-    }), (iconLayout === 'left' || iconLayout === 'top') && btnText));
-  };
-
-  Button.defaultProps = {
-    data: {},
-    className: '',
-    readonly: false
-  };
-  Button = __decorate([_decorator.metaDecorator], Button);
-  return Button;
-}(_react.Component);
-
-var _default = Button;
-exports["default"] = _default;

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

@@ -1,20 +0,0 @@
-.m-meta-button {
-  transition: all 0.25s;
-
-  .btnContent {
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-
-    &.horizontal {
-      flex-direction: row;
-    }
-
-    img {
-      height: 20px;
-      margin-right: 5px;
-    }
-  }
-}