@fonixtree/magic-design 1.0.67 → 1.0.69

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

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _common = require("../../../../common");
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _locale = require("../../../../locale");
+
+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 CommonFunctionsSecondConfig =
+/** @class */
+function (_super) {
+  __extends(CommonFunctionsSecondConfig, _super);
+
+  function CommonFunctionsSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.selfRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    _this.getContentPanel = function (data) {
+      var source = [{
+        key: 'secondContent1',
+        name: (0, _locale.i18n)('Icon'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: data.image
+        }),
+        metaOption: data.image
+      }, {
+        key: 'secondContent2',
+        name: /*#__PURE__*/_react["default"].createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: data.title.text
+          }
+        }),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: data.title
+        }),
+        metaOption: data.title
+      }];
+      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: source,
+        type: "switch"
+      }));
+    };
+
+    return _this;
+  }
+
+  CommonFunctionsSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "common_functions_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'secondConfig1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel(panelProps, true)
+      }]
+    }));
+  };
+
+  CommonFunctionsSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return CommonFunctionsSecondConfig;
+}(_react["default"].Component);
+
+var _default = CommonFunctionsSecondConfig;
+exports["default"] = _default;

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

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+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 WalletSecondConfig =
+/** @class */
+function (_super) {
+  __extends(WalletSecondConfig, _super);
+
+  function WalletSecondConfig() {
+    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 defaultSource = [{
+        key: panelProps.image.id,
+        name: (0, _locale.i18n)('IMAGE'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.image,
+          needHover: false,
+          onlySpecificCode: "FunctionPage"
+        }),
+        metaOption: panelProps.image
+      }];
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('NAME')
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+        className: "inputStyle",
+        onChange: function onChange(e) {
+          panelProps.type = e.target.value;
+
+          _this.setState({});
+        },
+        placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
+        size: "middle",
+        value: panelProps.type
+      })), /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        divider: "dashed",
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      }));
+    };
+
+    return _this;
+  }
+
+  WalletSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "Wallet_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: panelProps.id || 'walletNuriContent',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }]
+    }));
+  };
+
+  WalletSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return WalletSecondConfig;
+}(_BaseConfig["default"]);
+
+var _default = WalletSecondConfig;
+exports["default"] = _default;

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

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+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 WalletSecondConfig =
+/** @class */
+function (_super) {
+  __extends(WalletSecondConfig, _super);
+
+  function WalletSecondConfig() {
+    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 defaultSource = [{
+        key: panelProps.image.id,
+        name: (0, _locale.i18n)('IMAGE'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.image,
+          needClickArea: false,
+          onlySpecificCode: "FunctionPage"
+        }),
+        metaOption: panelProps.image
+      }];
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('NAME')
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+        className: "inputStyle",
+        onChange: function onChange(e) {
+          panelProps.type = e.target.value;
+
+          _this.setState({});
+        },
+        placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
+        size: "middle",
+        value: panelProps.type
+      })), /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        divider: "dashed",
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      }));
+    };
+
+    return _this;
+  }
+
+  WalletSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "Wallet_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: panelProps.id || 'walletNuriContent',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }]
+    }));
+  };
+
+  WalletSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return WalletSecondConfig;
+}(_BaseConfig["default"]);
+
+var _default = WalletSecondConfig;
+exports["default"] = _default;

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

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _common = require("../../../../common");
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _index = require("../../../../constants/index");
+
+var _locale = require("../../../../locale");
+
+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 OrdersSecondConfig =
+/** @class */
+function (_super) {
+  __extends(OrdersSecondConfig, _super);
+
+  function OrdersSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.selfRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    _this.getContentPanel = function (data) {
+      var source = [{
+        key: 'secondContent1',
+        name: (0, _locale.i18n)('Icon'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: data.image
+        }),
+        metaOption: data.image
+      }, {
+        key: 'secondContent2',
+        name: /*#__PURE__*/_react["default"].createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: data.title.text
+          }
+        }),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: data.title
+        }),
+        metaOption: data.title
+      }];
+      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: source,
+        type: "switch"
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sourceOfAmount"
+      }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('SOURCE_OF_AMOUNT')
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+        onChange: function onChange(v) {
+          data.sourceType = v;
+          data.title.text = v;
+
+          _this.selfRender();
+        },
+        value: data.sourceType
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.PAY
+      }, (0, _locale.i18n)('TO_PAY')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.SHIP
+      }, (0, _locale.i18n)('TO_SHIP')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.RECEIVE
+      }, (0, _locale.i18n)('TO_RECEIVE')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.DONE
+      }, (0, _locale.i18n)('DONE')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.CANCELLED
+      }, (0, _locale.i18n)('CANCELLED'))))));
+    };
+
+    return _this;
+  }
+
+  OrdersSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "orders_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'secondConfig1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel(panelProps, true)
+      }]
+    }));
+  };
+
+  OrdersSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return OrdersSecondConfig;
+}(_react["default"].Component);
+
+var _default = OrdersSecondConfig;
+exports["default"] = _default;

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

@@ -0,0 +1,9 @@
+.orders_second_conf_wrap {
+
+  .sourceOfAmount {
+    border-top: 1px dashed #D2D9E5;
+    border-bottom: 1px dashed #D2D9E5;
+    padding-top: 20px;
+    padding-bottom: 10px;
+  }
+}

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

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _common = require("../../../../common");
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _locale = require("../../../../locale");
+
+var _index = require("../../../../constants/index");
+
+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 PersonalInfoSecondConfig =
+/** @class */
+function (_super) {
+  __extends(PersonalInfoSecondConfig, _super);
+
+  function PersonalInfoSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.selfRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    _this.getContentPanel = function (data) {
+      var source = [{
+        key: 'secondContent1',
+        name: /*#__PURE__*/_react["default"].createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: data.title.text
+          }
+        }),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: data.title
+        }),
+        metaOption: data.title
+      }, {
+        key: 'secondContent2',
+        name: (0, _locale.i18n)('Number'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: data.number
+        }),
+        metaOption: data.number
+      }];
+      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: source,
+        type: "switch"
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sourceOfAmount"
+      }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('SOURCE_OF_AMOUNT')
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+        onChange: function onChange(v) {
+          data.sourceType = v;
+
+          _this.selfRender();
+        },
+        value: data.sourceType
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.personalInfoType.WISHLIST
+      }, (0, _locale.i18n)('WISHLIST')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.personalInfoType.STORES
+      }, (0, _locale.i18n)('STORES')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.personalInfoType.VOUCHERS
+      }, (0, _locale.i18n)('VOUCHERS')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.personalInfoType.VIEWED
+      }, (0, _locale.i18n)('RECENTLY_VIEWED'))))));
+    };
+
+    return _this;
+  }
+
+  PersonalInfoSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "personal_info_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'secondConfig1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel(panelProps, true)
+      }]
+    }));
+  };
+
+  PersonalInfoSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return PersonalInfoSecondConfig;
+}(_react["default"].Component);
+
+var _default = PersonalInfoSecondConfig;
+exports["default"] = _default;

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

@@ -0,0 +1,9 @@
+.personal_info_second_conf_wrap {
+
+  .sourceOfAmount {
+    border-top: 1px dashed #D2D9E5;
+    border-bottom: 1px dashed #D2D9E5;
+    padding-top: 20px;
+    padding-bottom: 10px;
+  }
+}