@fonixtree/magic-design 2.0.53 → 2.0.55

package/es/common/SwiperBan/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+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 debug = require('debug')('worker:AComponent');
+
+var AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var _a = this.props,
+        value = _a.value,
+        _b = _a.data,
+        data = _b === void 0 ? [] : _b,
+        _c = _a.hoverColor,
+        hoverColor = _c === void 0 ? '#2f54eb' : _c,
+        _d = _a.color,
+        color = _d === void 0 ? '#98a9f5' : _d,
+        hoverSize = _a.hoverSize,
+        size = _a.size,
+        onChange = _a.onChange;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "swiper-ban-wrap"
+    }, data.map(function (item, i) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: i,
+        className: (0, _classnames["default"])('ban', {
+          active: i == value
+        }),
+        onClick: function onClick() {
+          return onChange(i);
+        },
+        style: {
+          backgroundColor: i == value ? hoverColor : color,
+          fontSize: i == value ? hoverSize : size
+        }
+      });
+    }));
+  };
+
+  AComponent.defaultProps = {
+    title: 'title'
+  };
+  return AComponent;
+}(_react["default"].Component);
+
+var _default = AComponent;
+exports["default"] = _default;

package/es/common/SwiperBan/index.less

@@ -0,0 +1,25 @@
+  .swiper-ban-wrap {
+    position: absolute;
+    width: 100%;
+    bottom: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .ban {
+      font-size: 8px;
+      width: 1em;
+      height: 1em;
+      border-radius: 50%;
+      background: #FFF;
+      cursor: inherit;
+      margin-right: 1em;
+      transition: all .5s;
+
+      &.active {
+        width: 2em;
+        border-radius: 100px;
+        opacity: 1;
+      }
+    }
+  }

package/es/common/SwitchCollapse/index.js

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+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 __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
+    s += arguments[i].length;
+  }
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
+      r[k] = a[j];
+    }
+  }
+
+  return r;
+};
+
+var Panel = _antd.Collapse.Panel;
+
+var SwitchCollapse =
+/** @class */
+function (_super) {
+  __extends(SwitchCollapse, _super);
+
+  function SwitchCollapse() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      activeKey: []
+    }; // switch 模式展开第一个open状态，checkbox模式展开所有open状态
+
+    _this.openSwitch = function (source) {
+      var type = _this.props.type;
+      var activeSource = [];
+
+      if (source.length === 0) {
+        return;
+      }
+
+      if (type === 'checkout') {
+        activeSource = source.filter(function (src) {
+          return src.metaOption.open;
+        }).map(function (src) {
+          return src.key;
+        });
+      } else {
+        var openMeta = source.find(function (meta) {
+          return meta.metaOption.open;
+        });
+
+        if (openMeta) {
+          activeSource.push(openMeta.key);
+        }
+      }
+
+      _this.setState({
+        activeKey: activeSource
+      });
+    };
+
+    _this.onSwitchChange = function (checked, panelInfo) {
+      panelInfo.metaOption.open = checked;
+
+      if (checked) {
+        _this.setState({
+          activeKey: panelInfo.key
+        });
+      } else {
+        _this.setState({
+          activeKey: null
+        });
+      }
+
+      _this.props.onRefresh();
+    };
+
+    _this.onCheckBoxChange = function (e, panelInfo) {
+      var checked = e.target.checked;
+      panelInfo.metaOption.open = checked;
+      var activeKey = _this.state.activeKey;
+
+      if (checked) {
+        _this.setState({
+          activeKey: activeKey ? __spreadArrays(activeKey, [panelInfo.key]) : [panelInfo.key]
+        });
+      } else {
+        _this.setState({
+          activeKey: activeKey.find(function (key) {
+            return key !== panelInfo.key;
+          })
+        });
+      }
+
+      _this.props.onRefresh();
+    };
+
+    _this.getSwitchButton = function (panelInfo) {
+      var type = _this.props.type;
+
+      if (type === 'switch') {
+        return /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+          checked: panelInfo.metaOption.open,
+          onChange: function onChange(checked) {
+            return _this.onSwitchChange(checked, panelInfo);
+          },
+          size: "small"
+        });
+      } else {
+        return /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
+          checked: panelInfo.metaOption.open,
+          onChange: function onChange(e) {
+            return _this.onCheckBoxChange(e, panelInfo);
+          }
+        });
+      }
+    };
+
+    _this.getHeader = function (name, index) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "header_wrap"
+      }, index !== 0 && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "meta_header_divider"
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        className: "switchcollapse_header_name"
+      }, name));
+    };
+
+    return _this;
+  }
+
+  SwitchCollapse.prototype.componentWillMount = function () {
+    this.openSwitch(this.props.source);
+  };
+
+  SwitchCollapse.prototype.componentWillReceiveProps = function (nextProps) {
+    this.openSwitch(nextProps.source);
+  };
+
+  SwitchCollapse.prototype.render = function () {
+    var _this = this;
+
+    var _a = this.props,
+        source = _a.source,
+        accordion = _a.accordion,
+        type = _a.type;
+    var activeKey = this.state.activeKey;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: type + "_collapse_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Collapse, {
+      accordion: accordion,
+      activeKey: activeKey,
+      ghost: true,
+      onChange: function onChange(value) {
+        return _this.setState({
+          activeKey: value
+        });
+      }
+    }, source.map(function (panelInfo, index) {
+      return /*#__PURE__*/_react["default"].createElement(Panel, {
+        key: panelInfo.key,
+        collapsible: panelInfo.metaOption.open ? 'header' : 'disabled',
+        extra: _this.getSwitchButton(panelInfo),
+        header: _this.getHeader(panelInfo.name, index),
+        showArrow: false
+      }, panelInfo.value);
+    })));
+  };
+
+  SwitchCollapse.defaultProps = {
+    source: [],
+    accordion: true,
+    type: 'switch'
+  };
+  return SwitchCollapse;
+}(_react["default"].Component);
+
+var _default = SwitchCollapse;
+exports["default"] = _default;

package/es/common/SwitchCollapse/index.less

@@ -0,0 +1,40 @@
+.switch_collapse_wrap {
+  .cylon-collapse {
+    .cylon-collapse-item {
+      padding-bottom: 1px !important;
+      // &:first-child {
+      //   .cylon-collapse-header{
+      //     padding-top: 0 !important;
+      //   }
+      // }
+    }
+
+    .header_wrap {
+      position: relative;
+
+      .switchcollapse_header_name {
+        font-family: 'Open Sans' !important;
+        font-style: normal !important;
+        font-weight: 700 !important;
+        font-size: 16px;
+        line-height: 24px !important;
+        color: #232F46 !important;
+        height: 24px
+      }
+
+      .meta_header_divider {
+        position: absolute;
+        height: 1px;
+        width: 306px;
+        border-bottom: 1px solid #D2D9E5;
+        top: -20px;
+      }
+    }
+  }
+}
+
+.checkbox_collapse_wrap {
+  .switchcollapse_header_name {
+    font-size: 14px !important;
+  }
+}

package/es/common/SystemNotification/Confirm/index.js

@@ -0,0 +1,263 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Confirm;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _Button = _interopRequireDefault(require("../../Button"));
+
+var _Iconfont = _interopRequireDefault(require("../../Iconfont"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+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;
+};
+
+var debug = require('debug')('worker:confirm');
+
+function Confirm(props) {
+  var _this = this;
+
+  var okText = props.okText,
+      cancelText = props.cancelText,
+      title = props.title,
+      content = props.content,
+      onOk = props.onOk,
+      onCancel = props.onCancel,
+      onClose = props.onClose,
+      rest = __rest(props, ["okText", "cancelText", "title", "content", "onOk", "onCancel", "onClose"]);
+
+  var onOkClick = function onOkClick() {
+    return __awaiter(_this, void 0, void 0, function () {
+      var error_1;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            _a.trys.push([0, 2,, 3]);
+
+            return [4
+            /*yield*/
+            , onOk()];
+
+          case 1:
+            _a.sent();
+
+            onClose();
+            return [3
+            /*break*/
+            , 3];
+
+          case 2:
+            error_1 = _a.sent();
+            debug(error_1);
+            return [3
+            /*break*/
+            , 3];
+
+          case 3:
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  var onCancelClick = function onCancelClick() {
+    try {
+      onCancel();
+      onClose();
+    } catch (error) {
+      debug(error);
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_antd.Modal, _extends({}, rest, {
+    closable: false,
+    footer: null
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "confirm_wrap"
+  }, title && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "confirm_title"
+  }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+    color: "#FFBF1B",
+    size: 24,
+    type: "icon-notice1"
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "confirm_title_text"
+  }, title)), content && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "confirm_content"
+  }, content), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "confirm_footer"
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onCancelClick,
+    size: "small",
+    type: "light"
+  }, cancelText), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onOkClick,
+    size: "small",
+    type: "primary"
+  }, okText))));
+}

package/es/common/SystemNotification/Confirm/index.less

@@ -0,0 +1,33 @@
+
+.confirm_wrap {
+  padding: 16px 16px 12px 16px;
+  .confirm_title {
+    display: flex;
+    align-items: center;
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 24px;
+    color: #232F46;
+    .confirm_title_text {
+      margin-left: 16px;
+    }
+  }
+  .confirm_content {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 13px;
+    line-height: 18px;
+    color: #232F46;
+    margin-left: 40px;
+    margin-top: 10px;
+  }
+  .confirm_footer {
+    margin-top: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  }
+}