@fonixtree/magic-design 2.0.30 → 2.0.32

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/images/AlignCenterSVG.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = function _default(_a) {
-  var onChange = _a.onChange;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    id: "ne-t-alignment-center",
-    onClick: onChange,
-    viewBox: "0 0 256 256",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "currentColor",
-    fillRule: "nonzero"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M181 148c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L181 168H76c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L76 148h105ZM218 89c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 109H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 89h180ZM181 30c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L181 50H76c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L76 30h105ZM218 207c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 227H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 207h180Z"
-  })));
-};
-
-exports["default"] = _default;

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/images/AlignLeftSVG.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = function _default(_a) {
-  var onChange = _a.onChange;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    id: "ne-t-alignment-left",
-    onClick: onChange,
-    viewBox: "0 0 256 256",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "currentColor",
-    fillRule: "nonzero"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M143 148c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L143 168H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 148h105ZM218 89c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 109H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 89h180ZM143 30c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L143 50H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 30h105ZM218 207c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 227H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 207h180Z"
-  })));
-};
-
-exports["default"] = _default;

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/images/AlignRightSVG.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = function _default(_a) {
-  var onChange = _a.onChange;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    id: "ne-t-alignment-right",
-    onClick: onChange,
-    viewBox: "0 0 256 256",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "currentColor",
-    fillRule: "nonzero"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M218 148c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 168H113c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L113 148h105ZM218 89c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 109H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 89h180ZM218 30c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 50H113c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L113 30h105ZM218 207c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 227H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 207h180Z"
-  })));
-};
-
-exports["default"] = _default;

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/index.js

@@ -1,96 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _AlignLeftSVG = _interopRequireDefault(require("./images/AlignLeftSVG"));
-
-var _AlignSelectPicker = _interopRequireDefault(require("./AlignSelectPicker"));
-
-require("./index.less");
-
-var _AlignRightSVG = _interopRequireDefault(require("./images/AlignRightSVG"));
-
-var _AlignCenterSVG = _interopRequireDefault(require("./images/AlignCenterSVG"));
-
-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 SvgMap = {
-  left: _AlignLeftSVG["default"],
-  center: _AlignCenterSVG["default"],
-  right: _AlignRightSVG["default"]
-};
-
-var AlignPicker =
-/** @class */
-function (_super) {
-  __extends(AlignPicker, _super);
-
-  function AlignPicker() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      visibility: false
-    };
-    return _this;
-  }
-
-  AlignPicker.prototype.render = function () {
-    var _this = this;
-
-    var _a = this.props,
-        value = _a.value,
-        onChange = _a.onChange;
-    var visibility = this.state.visibility;
-    var align = (value === null || value === void 0 ? void 0 : value.align) || 'left';
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('tool-btn-wrap'),
-      onClick: function onClick() {
-        _this.setState({
-          visibility: !visibility
-        });
-      }
-    }, SvgMap[align]({}), /*#__PURE__*/_react["default"].createElement(_AlignSelectPicker["default"], {
-      onChange: onChange,
-      visibility: visibility
-    }));
-  };
-
-  AlignPicker.defaultProps = {};
-  return AlignPicker;
-}(_react["default"].Component);
-
-var _default = AlignPicker;
-exports["default"] = _default;

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/index.less

@@ -1,26 +0,0 @@
-.tool-btn-wrap {
-  width: 26px;
-  height: 26px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 6px;
-  padding: 0;
-  border: none;
-  transition: .2s all linear;
-  position: relative;
-
-  &:hover {
-    background: #f8f8f8;
-  }
-
-  &.active {
-    background: #E7E9E8;
-  }
-
-  svg {
-    height: 18px;
-    height: 18px;
-  }
-}

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/ColorPickerBtn/index.js

@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _FontColorSVG = _interopRequireDefault(require("../../images/FontColorSVG"));
-
-var _BackgroundSVG = _interopRequireDefault(require("../../images/BackgroundSVG"));
-
-var _ColorPicker = _interopRequireDefault(require("../../../../../../../common/ColorPicker"));
-
-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 ColorPickerBtn =
-/** @class */
-function (_super) {
-  __extends(ColorPickerBtn, _super);
-
-  function ColorPickerBtn() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      visibility: false
-    };
-    return _this;
-  }
-
-  ColorPickerBtn.prototype.render = function () {
-    var _this = this;
-
-    var _a = this.props,
-        value = _a.value,
-        onChange = _a.onChange,
-        _b = _a.type,
-        type = _b === void 0 ? 'color' : _b;
-    var visibility = this.state.visibility;
-    var color = value === null || value === void 0 ? void 0 : value.color;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('tool-btn-wrap'),
-      onClick: function onClick() {
-        _this.setState({
-          visibility: !visibility
-        });
-      }
-    }, type == 'color' ? /*#__PURE__*/_react["default"].createElement(_FontColorSVG["default"], {
-      color: color || '#262626'
-    }) : /*#__PURE__*/_react["default"].createElement(_BackgroundSVG["default"], {
-      color: color || '#262626'
-    }), /*#__PURE__*/_react["default"].createElement(_ColorPicker["default"], {
-      color: color,
-      onChangeColor: onChange,
-      onClose: function onClose() {
-        _this.setState({
-          visibility: false
-        });
-      },
-      placement: "bottomRight",
-      visibility: visibility
-    }));
-  };
-
-  ColorPickerBtn.defaultProps = {};
-  return ColorPickerBtn;
-}(_react["default"].Component);
-
-var _default = ColorPickerBtn;
-exports["default"] = _default;

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/ColorPickerBtn/index.less

@@ -1,26 +0,0 @@
-.tool-btn-wrap {
-  width: 26px;
-  height: 26px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 6px;
-  padding: 0;
-  border: none;
-  transition: .2s all linear;
-  position: relative;
-
-  &:hover {
-    background: #f8f8f8;
-  }
-
-  &.active {
-    background: #E7E9E8;
-  }
-
-  svg {
-    height: 18px;
-    height: 18px;
-  }
-}

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/LinkInputPicker/index.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _common = require("../../../../../../../../common");
-
-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 LinkInputPicker =
-/** @class */
-function (_super) {
-  __extends(LinkInputPicker, _super);
-
-  function LinkInputPicker() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      value: ''
-    };
-
-    _this.onUrlChange = function (v) {
-      console.log('v', v);
-
-      _this.setState({
-        value: v
-      });
-    };
-
-    _this.onCommit = function () {
-      var value = _this.state.value;
-      var _a = _this.props,
-          onChange = _a.onChange,
-          onClose = _a.onClose;
-      onChange(value);
-      onClose();
-    };
-
-    return _this;
-  }
-
-  LinkInputPicker.prototype.render = function () {
-    var _a = this.props,
-        visibility = _a.visibility,
-        onClose = _a.onClose;
-    var value = this.state.value;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "link-input-picker-panel"
-    }, visibility && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "panel-bg",
-      onClick: onClose
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "panel-content"
-    }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
-      onChange: this.onUrlChange,
-      value: value
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "commit-btn",
-      onClick: this.onCommit
-    }, "Confirm"))));
-  };
-
-  return LinkInputPicker;
-}(_react["default"].Component);
-
-var _default = LinkInputPicker;
-exports["default"] = _default;

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/LinkInputPicker/index.less

@@ -1,39 +0,0 @@
-.link-input-picker-panel {
-  z-index: 999;
-  position: absolute;
-  top: 100%;
-  left: 0;
-
-  .panel-bg {
-    position: fixed;
-    z-index: 0;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-
-  .panel-content {
-    display: flex;
-    align-items: center;
-    padding: 16px;
-    border: 1px solid rgba(0, 0, 0, .04);
-    background-color: #fff;
-    border-radius: 8px;
-
-    .commit-btn {
-      margin-left: 12px;
-      background-color: #2e54eb;
-      padding: 5px 12px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #fff;
-      border-radius: 8px;
-      white-space: nowrap;
-      font-size: 12px;
-      cursor: pointer;
-      position: relative;
-    }
-  }
-}

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/index.js

@@ -1,93 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _LinkInputPicker = _interopRequireDefault(require("./LinkInputPicker"));
-
-var _LinkSVG = _interopRequireDefault(require("../../images/LinkSVG"));
-
-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 ColorPickerBtn =
-/** @class */
-function (_super) {
-  __extends(ColorPickerBtn, _super);
-
-  function ColorPickerBtn() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      visibility: false
-    };
-    return _this;
-  }
-
-  ColorPickerBtn.prototype.render = function () {
-    var _this = this;
-
-    var _a = this.props,
-        value = _a.value,
-        onChange = _a.onChange;
-    var visibility = this.state.visibility;
-    var color = value === null || value === void 0 ? void 0 : value.color;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('tool-btn-wrap')
-    }, /*#__PURE__*/_react["default"].createElement(_LinkSVG["default"], {
-      color: color || '#262626',
-      onChange: function onChange() {
-        _this.setState({
-          visibility: !visibility
-        });
-      }
-    }), visibility && /*#__PURE__*/_react["default"].createElement(_LinkInputPicker["default"], {
-      onChange: onChange,
-      onClose: function onClose() {
-        _this.setState({
-          visibility: false
-        });
-      },
-      visibility: true
-    }));
-  };
-
-  ColorPickerBtn.defaultProps = {};
-  return ColorPickerBtn;
-}(_react["default"].Component);
-
-var _default = ColorPickerBtn;
-exports["default"] = _default;

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/index.less

@@ -1,26 +0,0 @@
-.tool-btn-wrap {
-  width: 26px;
-  height: 26px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border-radius: 6px;
-  padding: 0;
-  border: none;
-  transition: .2s all linear;
-  position: relative;
-
-  &:hover {
-    background: #f8f8f8;
-  }
-
-  &.active {
-    background: #E7E9E8;
-  }
-
-  svg {
-    height: 18px;
-    height: 18px;
-  }
-}

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/BackgroundSVG.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = function _default(_a) {
-  var onChange = _a.onChange;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    fill: "none",
-    onClick: onChange,
-    viewBox: "0 0 256 256",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    clipRule: "evenodd",
-    d: "M3.375 2.25H14.625C14.9234 2.25 15.2095 2.36853 15.4205 2.5795C15.6315 2.79048 15.75 3.07663 15.75 3.375V14.625C15.75 14.9234 15.6315 15.2095 15.4205 15.4205C15.2095 15.6315 14.9234 15.75 14.625 15.75H3.375C3.07663 15.75 2.79048 15.6315 2.5795 15.4205C2.36853 15.2095 2.25 14.9234 2.25 14.625V3.375C2.25 3.07663 2.36853 2.79048 2.5795 2.5795C2.79048 2.36853 3.07663 2.25 3.375 2.25ZM9.00012 4.5C9.21318 4.5 9.40796 4.62038 9.50324 4.81094L12.3142 10.4328L12.3177 10.4398L13.4407 12.6859C13.5797 12.9638 13.467 13.3017 13.1892 13.4406C12.9113 13.5795 12.5734 13.4669 12.4345 13.1891L11.465 11.25H6.53527L5.56574 13.1891C5.42681 13.4669 5.08893 13.5795 4.81107 13.4406C4.5332 13.3017 4.42058 12.9638 4.55951 12.6859L5.67705 10.4509C5.68161 10.441 5.68644 10.4314 5.69153 10.4219L8.49701 4.81094C8.59229 4.62038 8.78706 4.5 9.00012 4.5ZM9.00012 6.32029L10.9025 10.125L7.09777 10.125L9.00012 6.32029Z",
-    fill: "#232F46",
-    fillRule: "evenodd"
-  }));
-};
-
-exports["default"] = _default;

package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/BoldSVG.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = function _default(_a) {
-  var onChange = _a.onChange;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    id: "ne-t-bold",
-    onClick: onChange,
-    viewBox: "0 0 256 256",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "currentColor",
-    fillRule: "nonzero"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M129 28c30.376 0 55 24.624 55 55s-24.624 55-55 55H60V44c0-8.837 7.163-16 16-16h53Zm-49 90h49c19.33 0 35-15.67 35-35 0-19.137-15.358-34.686-34.421-34.995L129 48H80v70Z"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M144.5 118c30.652 0 55.5 24.848 55.5 55.5S175.152 229 144.5 229H76c-8.837 0-16-7.163-16-16v-95h84.5ZM80 209h64.5c19.606 0 35.5-15.894 35.5-35.5 0-19.41-15.578-35.182-34.913-35.495L144.5 138H80v71Z"
-  })));
-};
-
-exports["default"] = _default;