@fonixtree/magic-design 1.0.130 → 1.0.132

package/es/composite-comp/dito/config-panels/SlideImageConfig/index.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ConfigGroup = _interopRequireDefault(require("./ConfigGroup"));
+
+var _layout = require("../../../../constants/layout");
+
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
+
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
+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 SlideImageConfig =
+/** @class */
+function (_super) {
+  __extends(SlideImageConfig, _super);
+
+  function SlideImageConfig() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  SlideImageConfig.prototype.render = function () {
+    var data = this.props.data;
+    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('GROUP'),
+        value: /*#__PURE__*/_react["default"].createElement(_ConfigGroup["default"], {
+          id: data.id,
+          source: data.groupSource
+        })
+      }, {
+        key: '2',
+        name: (0, _locale.i18n)('SPACING'),
+        value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+          configColumnSpace: true,
+          configCompSpace: true,
+          configLineSpace: true,
+          data: data.spacing
+        })
+      }, {
+        key: '3',
+        name: (0, _locale.i18n)('CUSTOMIZE'),
+        value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
+          data: data.customize,
+          isHideAlign: true,
+          layoutSource: _layout.slideImageLayout
+        })
+      }, {
+        key: '4',
+        name: (0, _locale.i18n)('BACKGROUND'),
+        value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+          data: data.background
+        })
+      }],
+      type: "triangle"
+    }));
+  };
+
+  SlideImageConfig.defaultProps = {
+    data: {}
+  };
+  return SlideImageConfig;
+}(_react["default"].Component);
+
+var _default = SlideImageConfig;
+exports["default"] = _default;

package/es/composite-comp/dito/second-config-panels/GroupedCarouselSecondConfig/index.js

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _ButtonConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ButtonConfig"));
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+require("./index.less");
+
+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 __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 GroupedCarouselSecondConfig =
+/** @class */
+function (_super) {
+  __extends(GroupedCarouselSecondConfig, _super);
+
+  function GroupedCarouselSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+      var defaultSource = [{
+        key: 'defaultSource_1',
+        name: (0, _locale.i18n)('GROUP_NAME'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.groupName
+        }),
+        metaOption: panelProps.groupName
+      }, {
+        key: 'defaultSource_2',
+        name: (0, _locale.i18n)('IMAGE'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.image
+        }),
+        metaOption: panelProps.image
+      }, {
+        key: 'defaultSource_3',
+        name: (0, _locale.i18n)('TITLE'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.title
+        }),
+        metaOption: panelProps.title
+      }, {
+        key: 'defaultSource_4',
+        name: (0, _locale.i18n)('TEXT'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.text
+        }),
+        metaOption: panelProps.text
+      }, {
+        key: 'defaultSource_5',
+        name: (0, _locale.i18n)('BUTTON'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.button
+        }),
+        metaOption: panelProps.button
+      }, {
+        key: 'defaultSource_6',
+        name: (0, _locale.i18n)('SECONDARY_BUTTON'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.secondaryButton
+        }),
+        metaOption: panelProps.secondaryButton
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      }));
+    };
+
+    _this.resetHover = function () {
+      var panelProps = _this.props.panelProps;
+
+      if (panelProps.hover.open) {
+        panelProps.hover.groupName = __assign(__assign({}, panelProps.hover.groupName), JSON.parse(JSON.stringify(panelProps.groupName)));
+      }
+    };
+
+    return _this;
+  }
+
+  GroupedCarouselSecondConfig.prototype.render = function () {
+    var _this = this;
+
+    var panelProps = this.props.panelProps;
+
+    var hoverPanel = /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "dashed",
+      noChange: true,
+      onRefresh: function onRefresh() {
+        return (0, _coreUtil.renderPreview)();
+      },
+      source: [{
+        key: 'hoverSetting_1',
+        name: (0, _locale.i18n)('GROUP_NAME'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.hover.groupName
+        }),
+        metaOption: panelProps.hover.groupName
+      }],
+      type: "switch"
+    });
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "grouped_carousel_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      onRefresh: function onRefresh() {
+        return _this.resetHover();
+      },
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }, {
+        key: '2',
+        name: (0, _locale.i18n)('HOVER'),
+        value: hoverPanel,
+        metaOption: panelProps.hover,
+        toggleType: 'checkbox'
+      }]
+    }));
+  };
+
+  GroupedCarouselSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return GroupedCarouselSecondConfig;
+}(_BaseConfig["default"]);
+
+var _default = GroupedCarouselSecondConfig;
+exports["default"] = _default;

package/es/composite-comp/dito/second-config-panels/NewsSecondConfig/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+require("./index.less");
+
+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 NewsSecondConfig =
+/** @class */
+function (_super) {
+  __extends(NewsSecondConfig, _super);
+
+  function NewsSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+      var defaultSource = [{
+        key: 'defaultSource_1',
+        name: (0, _locale.i18n)('IMAGE'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.image
+        }),
+        metaOption: panelProps.image
+      }, {
+        key: 'defaultSource_2',
+        name: (0, _locale.i18n)('TITLE'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.groupName
+        }),
+        metaOption: panelProps.groupName
+      }, {
+        key: 'defaultSource_3',
+        name: (0, _locale.i18n)('TEXT'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.text
+        }),
+        metaOption: panelProps.text
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      }));
+    };
+
+    return _this;
+  }
+
+  NewsSecondConfig.prototype.render = function () {
+    var _this = this;
+
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "news_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      onRefresh: function onRefresh() {
+        return _this.renderPreview();
+      },
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }]
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "line"
+    }), /*#__PURE__*/_react["default"].createElement(_common.Field, null, /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+      data: panelProps.background
+    })));
+  };
+
+  NewsSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return NewsSecondConfig;
+}(_BaseConfig["default"]);
+
+var _default = NewsSecondConfig;
+exports["default"] = _default;

package/es/composite-comp/dito/second-config-panels/NewsSecondConfig/index.less

@@ -0,0 +1,8 @@
+.news_second_conf_wrap {
+  .line {
+    height: 8px;
+    background-color: #EDF0F4;
+    border-radius: 2px;
+    margin-bottom: 20px;
+  }
+}