@fonixtree/magic-design 0.0.55 → 0.0.58

package/lib/composite-comp/bol/config-panels/TagCompConfig/TagConfigGroup/index.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _mobxReact = require("mobx-react");
+
+var _GroupList = _interopRequireDefault(require("../../../../../common/GroupList"));
+
+var _defaultJSON = require("../../../components/Tag/defaultJSON");
+
+var _coreUtil = require("../../../../../utils/coreUtil");
+
+var _Button = _interopRequireDefault(require("../../../../../common/Button"));
+
+require("./index.less");
+
+var _locale = require("../../../../../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 notice = '';
+
+var AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.onClickItem = function (node) {
+      _this.props.store.setState({
+        clickedGroup: node.id
+      });
+    };
+
+    _this.onAddClick = function () {
+      var json = (0, _defaultJSON.tagGroupSourceJSON)();
+
+      _this.props.source.push(json);
+
+      _this.setState({});
+
+      (0, _coreUtil.renderPreview)();
+    };
+
+    _this.reRender = function () {
+      _this.setState({});
+    };
+
+    _this.renderCard = function (src) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "card_wrap"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "name"
+      }, "Button Tag"));
+    };
+
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var _this = this;
+
+    var source = this.props.source;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tag_group"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "node_list"
+    }, source.length === 0 ? /*#__PURE__*/_react["default"].createElement("span", {
+      className: "notice"
+    }, notice) : /*#__PURE__*/_react["default"].createElement(_GroupList["default"], {
+      onClickItem: this.onClickItem,
+      renderCard: function renderCard(v) {
+        return _this.renderCard(v);
+      },
+      reRender: this.reRender,
+      source: source
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "btn_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      icon: "icon-add",
+      onClick: this.onAddClick,
+      type: "primary"
+    }, (0, _locale.i18n)('ADD_TAG'))));
+  };
+
+  AComponent.defaultProps = {
+    source: []
+  };
+  AComponent = __decorate([(0, _mobxReact.inject)('store'), _mobxReact.observer], AComponent);
+  return AComponent;
+}(_react["default"].Component);
+
+var _default = AComponent;
+exports["default"] = _default;

package/lib/composite-comp/bol/config-panels/TagCompConfig/TagConfigGroup/index.less

@@ -0,0 +1,16 @@
+.tag_group {
+  margin-bottom: 20px;
+
+  .node_list {
+    margin-bottom: 12px;
+
+    .notice {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+      color: #232F46;
+    }
+  }
+}

package/lib/composite-comp/bol/config-panels/TagCompConfig/index.js

@@ -32,6 +32,7 @@ function TagCompConfig(props) {
       key: '1',
       name: (0, _locale.i18n)('CONTENT'),
       value: /*#__PURE__*/_react["default"].createElement(_TagConfigContent["default"], {
+        groupSource: data.groupSource,
         panelProps: data.content
       })
     }, {

package/lib/composite-comp/bol/second-config-panels/BannerSecondConfig/index.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _coreUtil = require("../../../../utils/coreUtil");
-
 var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
@@ -102,10 +100,8 @@ function (_super) {
         metaOption: panelProps.secondButton
       }];
       return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
-        headerSize: "middle",
-        onRefresh: function onRefresh() {
-          return (0, _coreUtil.renderPreview)();
-        },
+        headerSize: "middle" // onRefresh={() => renderPreview()}
+        ,
         showActiveColor: true,
         source: source,
         type: "switch"

package/lib/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/lib/composite-comp/bol/second-config-panels/ButtonSecondConfig/index.less

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

package/lib/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/lib/composite-comp/bol/second-config-panels/TagSecondConfig/index.less

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

package/lib/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/lib/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/lib/composite-comp/dito/components/PcNavigation/defaultJSON.js

@@ -0,0 +1,131 @@
+"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: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 400,
+          fontSize: 16,
+          pcFontSize: 16,
+          width: '100%',
+          color: '#3A2E2E'
+        }
+      },
+      firstCategory: {
+        id: (0, _uuid.v4)(),
+        specialContent: [],
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 22,
+          pcFontSize: 22,
+          width: '100%',
+          color: '#232F46'
+        }
+      },
+      secondCategory: {
+        id: (0, _uuid.v4)(),
+        specialContent: [],
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 22,
+          pcFontSize: 22,
+          width: '100%',
+          color: '#232F46'
+        }
+      },
+      lastCategory: {
+        id: (0, _uuid.v4)(),
+        specialContent: [],
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 22,
+          pcFontSize: 22,
+          width: '100%',
+          color: '#232F46'
+        }
+      }
+    },
+    groupSource: [PcNavGroupSourceJSON()]
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;

package/lib/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>