@fonixtree/magic-design 0.0.72 → 0.0.73

package/es/core/Renderer/index.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _componentTypes = require("../../constants/component-types");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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);
-};
-/* eslint-disable consistent-return */
-
-
-var setDesignConfig = function setDesignConfig(props) {
-  var config = props.config,
-      device = props.device,
-      isShop = props.isShop;
-  window.magicDesign = __assign({
-    pageBackground: '#f2f2f2',
-    compSpacing: '16',
-    mode: 'renderer',
-    device: device,
-    isShop: isShop
-  }, config);
-};
-/**
- * @class Renderer 页面预览器，外部工程使用此类来渲染出页面。
- */
-
-
-var Renderer = function Renderer(props) {
-  var pageData = props.pageData;
-  setDesignConfig(props);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "render_wrap",
-    magic_design: "",
-    style: {
-      background: window.magicDesign.pageBackground
-    }
-  }, pageData && pageData.childNodes && pageData.childNodes.map(function (nodeData) {
-    var Clazz = _componentTypes.componentMap[nodeData.type];
-
-    if (!Clazz) {
-      console.error("[MagicBox] Can not find type " + nodeData.type);
-      return;
-    }
-
-    var newInstanceProps = __assign(__assign({}, nodeData), {
-      nodeData: nodeData
-    });
-
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: nodeData.id
-    }, /*#__PURE__*/_react["default"].createElement(Clazz, __assign({}, newInstanceProps), null));
-  }));
-};
-
-Renderer.defaultProps = {
-  pageData: {},
-  device: 'pc',
-  config: {}
-};
-var _default = Renderer;
-exports["default"] = _default;

package/es/decorator/compositeDecorator.js

@@ -1,130 +0,0 @@
-"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"] = compositeDecorator;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mobx = require("../mobx");
-
-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 __());
-  };
-}();
-
-function compositeDecorator(WrappedComponent) {
-  var Wrapper =
-  /** @class */
-  function (_super) {
-    __extends(Wrapper, _super);
-
-    function Wrapper() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-
-      _this.state = {
-        clickedFloor: ''
-      }; // 复合组件点击事件
-
-      _this.onCompositeCompClick = function (event) {
-        // 触发左侧楼层的滚动
-        if (document.getElementById("card" + _this.props.nodeData.id)) {
-          document.getElementById("card" + _this.props.nodeData.id).scrollIntoView({
-            behavior: 'smooth'
-          });
-        } // 这里必须阻止事件冒泡，然后再触发自定义的事件
-
-
-        event.preventDefault();
-        event.stopPropagation(); // 触发点击组件事件
-
-        var evt = new Event('component-click', {
-          bubbles: false
-        });
-        evt.data = _this.props.nodeData;
-        window.document.dispatchEvent(evt);
-      };
-
-      _this.getStyle = function () {
-        var style = {
-          border: 'none'
-        }; // 处理复合组件的选中状态
-
-        if (window.magicDesign.mode === 'designer') {
-          // style.border = '1px solid transparent';
-          style.border = 'none';
-
-          if (_this.props.nodeData.id === _this.state.clickedFloor) {
-            style.border = '1px dashed red';
-          }
-        } // 处理复合组件的下边距
-
-
-        if (Wrapper.type !== 'DIVIDER') {
-          var rate = window.magicDesign.device === 'pc' ? 1.5 : 1;
-          style.marginBottom = Number(window.magicDesign.compSpacing) * rate + "px";
-        }
-
-        return style;
-      };
-
-      return _this;
-    }
-
-    Wrapper.prototype.componentDidMount = function () {
-      var _this = this;
-
-      this.distroy = (0, _mobx.autorun)(function () {
-        _this.setState({
-          clickedFloor: _mobx.store.clickedFloor
-        });
-      });
-    };
-
-    Wrapper.prototype.componentWillUnmount = function () {
-      this.distroy();
-    };
-
-    Wrapper.prototype.render = function () {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "composite_wrap",
-        onClick: this.onCompositeCompClick,
-        style: this.getStyle()
-      }, /*#__PURE__*/_react["default"].createElement(WrappedComponent, this.props));
-    };
-
-    Wrapper.getDefaultJSON = WrappedComponent.getDefaultJSON;
-    Wrapper.type = WrappedComponent.type;
-    return Wrapper;
-  }(_react.Component);
-
-  return Wrapper;
-}

package/es/decorator/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "compositeDecorator", {
-  enumerable: true,
-  get: function get() {
-    return _compositeDecorator["default"];
-  }
-});
-Object.defineProperty(exports, "metaDecorator", {
-  enumerable: true,
-  get: function get() {
-    return _metaDecorator["default"];
-  }
-});
-
-var _compositeDecorator = _interopRequireDefault(require("./compositeDecorator"));
-
-var _metaDecorator = _interopRequireDefault(require("./metaDecorator"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/es/decorator/metaDecorator.js

@@ -1,199 +0,0 @@
-"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");
-
-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 __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, _c;
-
-        if (window.magicDesign.mode === 'renderer') {
-          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: (_c = _this.props.data) === null || _c === void 0 ? void 0 : _c.id,
-          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.getStyle = 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%'
-        };
-
-        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;
-      };
-
-      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,
-          style = _a.style,
-          rest = __rest(_a, ["className", "style"]);
-
-      var hoverStyle = this.getStyle();
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: className,
-        style: style
-      }, /*#__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/es/index.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Designer", {
-  enumerable: true,
-  get: function get() {
-    return _Designer["default"];
-  }
-});
-Object.defineProperty(exports, "Renderer", {
-  enumerable: true,
-  get: function get() {
-    return _Renderer["default"];
-  }
-});
-
-require("./assets/fonts/magic-box-iconfont.css");
-
-require("./assets/less/index.less");
-
-require("./assets/less/cylon-antd.less");
-
-var _Designer = _interopRequireDefault(require("./core/Designer"));
-
-var _Renderer = _interopRequireDefault(require("./core/Renderer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/es/locale/en/en.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"
-}