@fonixtree/magic-design 0.0.56 → 0.0.60

package/es/composite-comp/bol/second-config-panels/ButtonSecondConfig/index.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
+var _ButtonConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ButtonConfig"));
+
+var _locale = require("../../../../locale");
+
+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 __());
+  };
+}();
+
+var debug = require('debug')('worker:ButtonSecondConfig');
+
+var ButtonSecondConfig =
+/** @class */
+function (_super) {
+  __extends(ButtonSecondConfig, _super);
+
+  function ButtonSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+      var source = [{
+        key: '1',
+        name: (0, _locale.i18n)('BUTTON_TAG'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.button
+        }),
+        metaOption: panelProps.button
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: source,
+        type: "switch"
+      });
+    };
+
+    return _this;
+  }
+
+  ButtonSecondConfig.prototype.render = function () {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "button_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }]
+    }));
+  };
+
+  ButtonSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return ButtonSecondConfig;
+}(_react["default"].Component);
+
+var _default = ButtonSecondConfig;
+exports["default"] = _default;

package/es/composite-comp/bol/second-config-panels/ButtonSecondConfig/index.less

@@ -0,0 +1,3 @@
+.button_second_conf_wrap {
+  width: 354px;
+}

package/es/composite-comp/bol/{config-panels/ButtonCompConfig/ButtonConfigContent → second-config-panels/TagSecondConfig}/index.js

@@ -7,13 +7,13 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _ButtonConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/ButtonConfig"));
+var _coreUtil = require("../../../../utils/coreUtil");
 
-var _coreUtil = require("../../../../../utils/coreUtil");
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
-var _common = require("../../../../../common");
+var _ButtonConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ButtonConfig"));
 
-var _locale = require("../../../../../locale");
+var _locale = require("../../../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -43,59 +43,61 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
-var AComponent =
+var debug = require('debug')('worker:TagSecondConfig');
+
+var TagSecondConfig =
 /** @class */
 function (_super) {
-  __extends(AComponent, _super);
+  __extends(TagSecondConfig, _super);
 
-  function AComponent() {
+  function TagSecondConfig() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.state = {};
 
-    _this.reRender = function () {
-      (0, _coreUtil.renderPreview)();
-
-      _this.setState({});
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+      var source = [{
+        key: '1',
+        name: (0, _locale.i18n)('BUTTON_TAG'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.button
+        }),
+        metaOption: panelProps.button
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: source,
+        type: "switch"
+      });
     };
 
     return _this;
   }
 
-  AComponent.prototype.render = function () {
-    var panelProps = this.props.panelProps;
+  TagSecondConfig.prototype.render = function () {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "recommend_content"
-    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
-      headerSize: "middle",
-      onRefresh: this.reRender,
+      className: "tag_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+      divider: "bold",
+      headerSize: "large",
       source: [{
         key: '1',
-        name: (0, _locale.i18n)('BUTTON'),
-        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
-          data: panelProps.button
-        }),
-        metaOption: panelProps.button
-      }, {
-        key: '2',
-        name: (0, _locale.i18n)('SECONDARY_BUTTON'),
-        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
-          data: panelProps.secondaryButton
-        }),
-        metaOption: panelProps.secondaryButton
-      }],
-      type: "switch"
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }]
     }));
   };
 
-  AComponent.defaultProps = {
-    panelProps: {
-      button: {},
-      secondaryButton: {}
-    }
+  TagSecondConfig.defaultProps = {
+    panelProps: {}
   };
-  return AComponent;
+  return TagSecondConfig;
 }(_react["default"].Component);
 
-var _default = AComponent;
+var _default = TagSecondConfig;
 exports["default"] = _default;

package/es/composite-comp/bol/second-config-panels/TagSecondConfig/index.less

@@ -0,0 +1,3 @@
+.tag_second_conf_wrap {
+  width: 354px;
+}

package/es/composite-comp/common/components/ProductItem/index.less

@@ -21,10 +21,10 @@
     .promotions-wrap {
       display: flex;
       flex-wrap: wrap;
-      margin-bottom: 5px;
 
       .promotion-item {
         margin-right: 5px;
+        margin-bottom: 5px;
 
         &:last-child {
           margin-right: 0;
@@ -130,11 +130,11 @@
 
   &.fixHeight {
     .promotions-wrap {
-      height: 17px;
+      // height: 17px;
     }
 
     .product-name {
-      height: 38px;
+      // height: 38px;
     }
   }
 

package/es/composite-comp/common/config-panels/SpacingConfig/index.js

@@ -89,9 +89,9 @@ function (_super) {
       className: "padding-item"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       type: "icon-padding-top"
-    }), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+    }), /*#__PURE__*/_react["default"].createElement(_antd.InputNumber, {
       onChange: function onChange(e) {
-        obj.paddingTop = e.target.value;
+        obj.paddingTop = e;
 
         _this.selfRender();
       },
@@ -100,9 +100,9 @@ function (_super) {
       className: "padding-item"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       type: "icon-padding-bottom"
-    }), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+    }), /*#__PURE__*/_react["default"].createElement(_antd.InputNumber, {
       onChange: function onChange(e) {
-        obj.paddingBottom = e.target.value;
+        obj.paddingBottom = e;
 
         _this.selfRender();
       },
@@ -111,9 +111,9 @@ function (_super) {
       className: "padding-item"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       type: "icon-padding-left"
-    }), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+    }), /*#__PURE__*/_react["default"].createElement(_antd.InputNumber, {
       onChange: function onChange(e) {
-        obj.paddingLeft = e.target.value;
+        obj.paddingLeft = e;
 
         _this.selfRender();
       },
@@ -122,9 +122,9 @@ function (_super) {
       className: "padding-item"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       type: "icon-padding-right"
-    }), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+    }), /*#__PURE__*/_react["default"].createElement(_antd.InputNumber, {
       onChange: function onChange(e) {
-        obj.paddingRight = e.target.value;
+        obj.paddingRight = e;
 
         _this.selfRender();
       },

package/es/composite-comp/dito/components/FlashDeal/defaultJSON.js

@@ -167,6 +167,22 @@ var getDefaultJSON = function getDefaultJSON() {
         open: true
       }
     },
+    spacing: {
+      pc: {
+        paddingTop: 0,
+        paddingBottom: 0,
+        paddingLeft: 0,
+        paddingRight: 0,
+        marginBottom: window.magicDesign.compSpacing * 1.5
+      },
+      mobile: {
+        paddingTop: 0,
+        paddingBottom: 0,
+        paddingLeft: 0,
+        paddingRight: 0,
+        marginBottom: window.magicDesign.compSpacing
+      }
+    },
     customize: {
       layout: 'layout1',
       align: 'left',

package/es/composite-comp/dito/components/PcNavigation/defaultJSON.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultJSON = exports.PcNavGroupSourceJSON = void 0;
+
+var _uuid = require("uuid");
+
+var PcNavGroupSourceJSON = function PcNavGroupSourceJSON() {
+  var groupId = (0, _uuid.v4)();
+  return {
+    id: groupId,
+    title: {
+      parentId: groupId,
+      id: (0, _uuid.v4)(),
+      open: true,
+      type: 'TEXT',
+      specialContent: [],
+      text: 'Navigation',
+      content: {
+        sizeType: 'Customize font styles',
+        fontFamily: 'Open Sans',
+        fontWeight: 400,
+        fontSize: 16,
+        pcFontSize: 16,
+        width: '100%',
+        color: '#232F46'
+      },
+      underline: {
+        open: false,
+        textDecorationColor: '',
+        textDecorationStyle: 'solid'
+      },
+      vertical: {}
+    }
+  };
+};
+
+exports.PcNavGroupSourceJSON = PcNavGroupSourceJSON;
+
+var getDefaultJSON = function getDefaultJSON() {
+  return {
+    id: (0, _uuid.v4)(),
+    type: 'PC_NAVIGATION',
+    spacing: {
+      pc: {
+        paddingTop: 10,
+        paddingBottom: 10,
+        paddingLeft: 120,
+        paddingRight: 120,
+        marginBottom: window.magicDesign.compSpacing
+      },
+      mobile: {
+        paddingTop: 0,
+        paddingBottom: 0,
+        marginBottom: 0
+      }
+    },
+    customize: {
+      layout: 'normal'
+    },
+    background: {
+      opacity: 100,
+      color: '#FFFFFF',
+      image: '',
+      bgType: 'color'
+    },
+    home: {
+      allCategory: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'TEXT',
+        text: 'All Category',
+        specialContent: [],
+        iconUrl: '',
+        content: {
+          backgroundColor: 'transparent',
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 400,
+          fontSize: 16,
+          pcFontSize: 16,
+          width: '100%',
+          color: '#3A2E2E'
+        }
+      },
+      firstCategory: {
+        id: (0, _uuid.v4)(),
+        specialContent: [],
+        content: {
+          backgroundColor: 'transparent',
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 400,
+          fontSize: 16,
+          pcFontSize: 16,
+          width: '100%',
+          color: '#232F46'
+        }
+      },
+      secondCategory: {
+        id: (0, _uuid.v4)(),
+        specialContent: [],
+        content: {
+          backgroundColor: 'transparent',
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 400,
+          fontSize: 16,
+          pcFontSize: 16,
+          width: '100%',
+          color: '#232F46'
+        }
+      },
+      lastCategory: {
+        id: (0, _uuid.v4)(),
+        specialContent: [],
+        content: {
+          backgroundColor: 'transparent',
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 400,
+          fontSize: 16,
+          pcFontSize: 16,
+          width: '100%',
+          color: '#232F46'
+        }
+      }
+    },
+    groupSource: [PcNavGroupSourceJSON()]
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;

package/es/composite-comp/dito/components/PcNavigation/images/menu-icon.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#230;&#177;&#137;&#229;&#160;&#161;&#229;&#140;&#133;">
+<rect id="Rectangle" opacity="0.01" width="16" height="16" fill="black"/>
+<path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M1.15 4.34978C0.688742 4.34978 0.313477 3.97452 0.313477 3.51328C0.313477 3.05202 0.688742 2.67676 1.15 2.67676H14.8503C15.3115 2.67676 15.6868 3.05202 15.6868 3.51328C15.6868 3.97452 15.3115 4.34978 14.8503 4.34978H1.15ZM1.15 9.25537C0.688742 9.25537 0.313477 8.88009 0.313477 8.41878C0.313477 7.95753 0.688742 7.58226 1.15 7.58226H14.8503C15.3115 7.58226 15.6868 7.95753 15.6868 8.41878C15.6868 8.88009 15.3115 9.25537 14.8503 9.25537H1.15ZM0.313477 13.2852C0.313477 13.7465 0.688742 14.1217 1.15 14.1217H14.8503C15.3115 14.1217 15.6868 13.7465 15.6868 13.2852C15.6868 12.8239 15.3115 12.4487 14.8503 12.4487H1.15C0.688742 12.4487 0.313477 12.8239 0.313477 13.2852Z" fill="#3A2E2E"/>
+</g>
+</svg>

package/es/composite-comp/dito/components/PcNavigation/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _pc = _interopRequireDefault(require("./pc"));
+
+var _defaultJSON = require("./defaultJSON");
+
+var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
+
+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 __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 PcNavigation =
+/** @class */
+function (_super) {
+  __extends(PcNavigation, _super);
+
+  function PcNavigation() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  PcNavigation.prototype.render = function () {
+    var nodeData = this.props.nodeData;
+    console.log('---PcNavigation', nodeData);
+    return /*#__PURE__*/_react["default"].createElement("div", null, window.magicDesign.device === 'pc' ? /*#__PURE__*/_react["default"].createElement(_pc["default"], {
+      data: nodeData
+    }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null));
+  };
+
+  PcNavigation.defaultProps = {};
+  PcNavigation.type = 'PC_NAVIGATION';
+  PcNavigation.getDefaultJSON = _defaultJSON.getDefaultJSON;
+  PcNavigation = __decorate([_compositeDecorator["default"]], PcNavigation);
+  return PcNavigation;
+}(_react.Component);
+
+var _default = PcNavigation;
+exports["default"] = _default;