@fonixtree/magic-design 0.0.71 → 0.0.73

package/lib/common/SwitchCollapse/index.js

@@ -1,216 +0,0 @@
-"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/lib/common/SwitchCollapse/index.less

@@ -1,40 +0,0 @@
-.switch_collapse_wrap {
-  .ant-collapse {
-    .ant-collapse-item {
-      padding-bottom: 1px !important;
-      // &:first-child {
-      //   .ant-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/lib/common/UrlPicker/index.js

@@ -1,125 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-require("./index.less");
-
-var _locale = require("../../locale");
-
-var _LinkModal = _interopRequireDefault(require("../LinkModal"));
-
-var _Iconfont = _interopRequireDefault(require("../Iconfont"));
-
-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 UrlPicker =
-/** @class */
-function (_super) {
-  __extends(UrlPicker, _super);
-
-  function UrlPicker() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      visible: false
-    };
-    return _this;
-  }
-
-  UrlPicker.prototype.render = function () {
-    var _this = this;
-
-    var visible = this.state.visible;
-    var _a = this.props,
-        value = _a.value,
-        _onChange = _a.onChange,
-        disabled = _a.disabled;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "m-url-picker"
-    }, disabled && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "disabled"
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "input-url"
-    }, /*#__PURE__*/_react["default"].createElement("input", {
-      onChange: function onChange(e) {
-        return _onChange(e.target.value);
-      },
-      placeholder: (0, _locale.i18n)('PLEASE_ADD_A_LINK'),
-      type: "text",
-      value: value
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "icon-btns"
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#000",
-      onClick: function onClick() {
-        return _this.setState({
-          visible: true
-        });
-      },
-      size: "20px",
-      type: "icon-URLguanli"
-    }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#FF4141",
-      onClick: function onClick() {
-        return _onChange('');
-      },
-      size: "20px",
-      type: "icon-delete1"
-    }))), visible && /*#__PURE__*/_react["default"].createElement(_LinkModal["default"], {
-      onClose: function onClose() {
-        return _this.setState({
-          visible: false
-        });
-      },
-      onConfirm: function onConfirm(value) {
-        _onChange(value);
-
-        _this.setState({
-          visible: false
-        });
-      },
-      visible: visible
-    }));
-  };
-
-  UrlPicker.defaultProps = {
-    value: '',
-    disabled: false,
-    onChange: function onChange() {}
-  };
-  return UrlPicker;
-}(_react["default"].Component);
-
-var _default = UrlPicker;
-exports["default"] = _default;

package/lib/common/UrlPicker/index.less

@@ -1,83 +0,0 @@
-.m-url-picker {
-  position: relative;
-  .disabled {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    background-color: #D2D9E5;
-    z-index: 1;
-    opacity: 0.5;
-    border-radius: 8px;
-  }
-  .input-url {
-    width: 100%;
-    height: 40px;
-    background: #FFFFFF;
-    border: 1px solid #D2D9E5;
-    border-radius: 8px;
-    display: flex;
-    padding: 9px 14px;
-    display: flex;
-    align-items: center;
-
-    input {
-      border: none;
-      outline: none;
-      height: 24px;
-      flex-grow: 1;
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #232F46;
-    }
-
-    /* 使用webkit内核的浏览器 */
-    input::-webkit-input-placeholder {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #8493AF;
-    }
-
-    /* Firefox版本4-18 */
-    input:-moz-placeholder {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #8493AF;
-    }
-
-    /* Firefox版本19+ */
-    input::-moz-placeholder {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #8493AF;
-    }
-
-    /* IE浏览器 */
-    input:-ms-input-placeholder {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #8493AF;
-    }
-
-    .icon-btns {
-      display: flex;
-      align-items: center;
-
-      &>span {
-        margin-left: 12px;
-        cursor: pointer;
-      }
-    }
-  }
-}

package/lib/common/index.js

@@ -1,135 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AlignSelector", {
-  enumerable: true,
-  get: function get() {
-    return _AlignSelector["default"];
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button["default"];
-  }
-});
-Object.defineProperty(exports, "ButtonIconLayout", {
-  enumerable: true,
-  get: function get() {
-    return _ButtonIconLayout["default"];
-  }
-});
-Object.defineProperty(exports, "Collapse", {
-  enumerable: true,
-  get: function get() {
-    return _Collapse["default"];
-  }
-});
-Object.defineProperty(exports, "ColorPickerInput", {
-  enumerable: true,
-  get: function get() {
-    return _ColorPickerInput["default"];
-  }
-});
-Object.defineProperty(exports, "Field", {
-  enumerable: true,
-  get: function get() {
-    return _Field["default"];
-  }
-});
-Object.defineProperty(exports, "FontStyles", {
-  enumerable: true,
-  get: function get() {
-    return _FontStyles["default"];
-  }
-});
-Object.defineProperty(exports, "IconPicker", {
-  enumerable: true,
-  get: function get() {
-    return _IconPicker["default"];
-  }
-});
-Object.defineProperty(exports, "Iconfont", {
-  enumerable: true,
-  get: function get() {
-    return _Iconfont["default"];
-  }
-});
-Object.defineProperty(exports, "ImagePicker", {
-  enumerable: true,
-  get: function get() {
-    return _ImagePicker["default"];
-  }
-});
-Object.defineProperty(exports, "ImgArea", {
-  enumerable: true,
-  get: function get() {
-    return _ImgArea["default"];
-  }
-});
-Object.defineProperty(exports, "LayoutSelector", {
-  enumerable: true,
-  get: function get() {
-    return _LayoutSelector["default"];
-  }
-});
-Object.defineProperty(exports, "ProductSource", {
-  enumerable: true,
-  get: function get() {
-    return _ProductSource["default"];
-  }
-});
-Object.defineProperty(exports, "Slider", {
-  enumerable: true,
-  get: function get() {
-    return _Slider["default"];
-  }
-});
-Object.defineProperty(exports, "SwitchCollapse", {
-  enumerable: true,
-  get: function get() {
-    return _SwitchCollapse["default"];
-  }
-});
-Object.defineProperty(exports, "UrlPicker", {
-  enumerable: true,
-  get: function get() {
-    return _UrlPicker["default"];
-  }
-});
-
-var _LayoutSelector = _interopRequireDefault(require("./LayoutSelector"));
-
-var _Field = _interopRequireDefault(require("./Field"));
-
-var _UrlPicker = _interopRequireDefault(require("./UrlPicker"));
-
-var _Iconfont = _interopRequireDefault(require("./Iconfont"));
-
-var _Button = _interopRequireDefault(require("./Button"));
-
-var _AlignSelector = _interopRequireDefault(require("./AlignSelector"));
-
-var _Collapse = _interopRequireDefault(require("./Collapse"));
-
-var _ColorPickerInput = _interopRequireDefault(require("./ColorPickerInput"));
-
-var _ImagePicker = _interopRequireDefault(require("./ImagePicker"));
-
-var _IconPicker = _interopRequireDefault(require("./IconPicker"));
-
-var _SwitchCollapse = _interopRequireDefault(require("./SwitchCollapse"));
-
-var _Slider = _interopRequireDefault(require("./Slider"));
-
-var _FontStyles = _interopRequireDefault(require("./FontStyles"));
-
-var _ButtonIconLayout = _interopRequireDefault(require("./ButtonIconLayout"));
-
-var _ProductSource = _interopRequireDefault(require("./ProductSource"));
-
-var _ImgArea = _interopRequireDefault(require("./ImgArea"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }