@fonixtree/magic-design 1.0.4 → 1.0.6

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

@@ -0,0 +1,26 @@
+.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/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/LinkInputPicker/index.js

@@ -0,0 +1,99 @@
+"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/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/LinkInputPicker/index.less

@@ -0,0 +1,39 @@
+.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/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/index.js

@@ -0,0 +1,93 @@
+"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/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/index.less

@@ -0,0 +1,26 @@
+.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/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/BackgroundSVG.js

@@ -0,0 +1,27 @@
+"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/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/BoldSVG.js

@@ -0,0 +1,29 @@
+"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;

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/FontColorSVG.js

@@ -0,0 +1,49 @@
+"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 _b = _a.color,
+      color = _b === void 0 ? 'currentColor' : _b;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    height: "18px",
+    version: "1.1",
+    viewBox: "0 0 240 240",
+    width: "18px",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    id: "icon/\u5B57\u4F53\u989C\u8272",
+    stroke: "none",
+    strokeWidth: "1"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    transform: "translate(0.000000, 0.500000)"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    transform: "translate(39.000000, 17.353553)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M11,201.146447 L167,201.146447 C173.075132,201.146447 178,206.071314 178,212.146447 C178,218.221579 173.075132,223.146447 167,223.146447 L11,223.146447 C4.92486775,223.146447 7.43989126e-16,218.221579 0,212.146447 C-7.43989126e-16,206.071314 4.92486775,201.146447 11,201.146447 Z",
+    fill: color,
+    fillRule: "evenodd",
+    id: "\u77E9\u5F62"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M72.3425855,16.8295583 C75.799482,7.50883712 86.1577877,2.75526801 95.4785089,6.21216449 C100.284516,7.99463061 104.096358,11.7387855 105.968745,16.4968188 L106.112518,16.8745422 L159.385152,161.694068 C161.291848,166.877345 158.635655,172.624903 153.452378,174.531599 C148.358469,176.405421 142.719567,173.872338 140.716873,168.864661 L140.614848,168.598825 L89.211,28.86 L37.3759214,168.623816 C35.4885354,173.712715 29.8981043,176.351047 24.7909589,174.617647 L24.5226307,174.522368 C19.4337312,172.634982 16.7953993,167.044551 18.5287999,161.937406 L18.6240786,161.669077 L72.3425855,16.8295583 Z",
+    fill: "currentColor",
+    fillRule: "nonzero",
+    id: "\u8DEF\u5F84-21"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M121,103.146447 C126.522847,103.146447 131,107.623599 131,113.146447 C131,118.575687 126.673329,122.994378 121.279905,123.142605 L121,123.146447 L55,123.146447 C49.4771525,123.146447 45,118.669294 45,113.146447 C45,107.717207 49.3266708,103.298515 54.7200952,103.150288 L55,103.146447 L121,103.146447 Z",
+    fill: "currentColor",
+    fillRule: "nonzero",
+    id: "\u8DEF\u5F84-22"
+  })))));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/ItalicSVG.js

@@ -0,0 +1,29 @@
+"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-italic",
+    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: "M135.012 43.64c1.121-5.408 6.414-8.883 11.822-7.762 5.316 1.102 8.765 6.235 7.815 11.546l-.053.275-33.998 164.017c-1.121 5.408-6.414 8.883-11.822 7.762-5.316-1.102-8.765-6.235-7.815-11.547l.053-.275L135.012 43.64Z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M186 29.25c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996l-.28.004h-80c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996l.28-.004h80ZM150 226.75c5.523 0 10-4.477 10-10 0-5.43-4.327-9.848-9.72-9.996l-.28-.004H70c-5.523 0-10 4.477-10 10 0 5.43 4.327 9.848 9.72 9.996l.28.004h80Z"
+  })));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/LinkSVG.js

@@ -0,0 +1,26 @@
+"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-link",
+    onClick: onChange,
+    viewBox: "0 0 256 256",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M155.639 173.9c3.839 3.84 3.904 10.023.195 13.942l-.195.2-30.783 30.783c-24.052 24.052-63.167 23.884-87.366-.315-23.957-23.957-24.362-62.533-1.03-86.64l.715-.726 30.783-30.783c3.905-3.905 10.237-3.905 14.142 0 3.839 3.84 3.904 10.023.195 13.942l-.195.2-30.783 30.783c-16.214 16.214-16.1 42.666.315 59.082 16.252 16.251 42.34 16.525 58.592.797l.49-.482 30.783-30.783c3.905-3.905 10.237-3.905 14.142 0Zm17.366-90.905c3.839 3.84 3.904 10.023.195 13.942l-.195.2-76.368 76.368c-3.905 3.905-10.237 3.905-14.142 0-3.839-3.84-3.904-10.023-.195-13.942l.195-.2 76.368-76.368c3.905-3.905 10.237-3.905 14.142 0ZM218.51 37.49c23.957 23.957 24.362 62.533 1.03 86.64l-.715.726-30.783 30.783c-3.905 3.905-10.237 3.905-14.142 0-3.839-3.84-3.904-10.023-.195-13.942l.195-.2 30.783-30.783c16.214-16.214 16.1-42.666-.315-59.082-16.252-16.251-42.34-16.525-58.592-.797l-.49.482L114.503 82.1c-3.905 3.905-10.237 3.905-14.142 0-3.839-3.84-3.904-10.023-.195-13.942l.195-.2 30.783-30.783c24.052-24.052 63.167-23.884 87.366.315Z",
+    fill: "currentColor",
+    fillRule: "nonzero"
+  }));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/OrderSVG.js

@@ -0,0 +1,27 @@
+"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-order-list",
+    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: "M215 118c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L215 138H101c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L101 118h114ZM215 35c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L215 55H101c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L101 35h114ZM215 201c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L215 221H101c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L101 201h114ZM65.988 190.061l-.739.79-1.88 2.061-4.394 4.885-6.435 7.205h13.852a9 9 0 0 1 8.996 8.736l.004.265a9 9 0 0 1-8.735 8.996l-.265.004H32.5c-7.762 0-11.883-9.167-6.732-14.973l15.666-17.621 6.446-7.197 3.323-3.665 1.424-1.54.623-.653.408-.407.042-.039c1.203-1.106 1.855-2.536 1.855-4.05 0-3.128-2.87-5.855-6.637-5.855-3.681 0-6.508 2.607-6.632 5.647l-.004.208a9 9 0 1 1-18 0c0-13.281 11.13-23.855 24.636-23.855 13.507 0 24.637 10.574 24.637 23.855 0 6.497-2.703 12.572-7.355 17.003l-.212.2ZM43.206 25.413c5.694-5.302 14.934-1.363 15.13 6.337l.003.25v73a9 9 0 0 1-17.996.265L40.34 105V52.583c-3.556 2.568-8.513 2.208-11.653-.96l-.198-.207a9 9 0 0 1 .247-12.522l.206-.198 14.265-13.283Z"
+  })));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/StrikeSVG.js

@@ -0,0 +1,31 @@
+"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-strikethrough",
+    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: "M130.439 23.2c26.526 0 50.232 14.436 59.932 36.315 2.238 5.049-.04 10.956-5.089 13.195-5.049 2.238-10.956-.04-13.195-5.089-6.395-14.425-22.81-24.421-41.648-24.421C105.616 43.2 86 60.316 86 80.7c0 4.675 1.014 9.22 2.977 13.492 6.467 14.074 22.493 23.812 40.903 24.005l.559.003c5.523 0 10 4.477 10 10s-4.477 10-10 10c-26.244 0-49.743-14.13-59.635-35.657C67.649 95.677 66 88.286 66 80.7c0-32.083 29.13-57.5 64.439-57.5Z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M125.281 118C163.348 118 195 143.176 195 175.5S163.348 233 125.281 233c-29.214 0-55.305-14.9-65.41-37.497-2.254-5.042.005-10.957 5.047-13.211 4.955-2.216 10.753-.072 13.091 4.788l.12.259C84.819 202.3 103.556 213 125.28 213 153.178 213 175 195.643 175 175.5S153.178 138 125.281 138c-5.522 0-10-4.477-10-10s4.478-10 10-10Z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M220 118c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L220 138H36c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L36 118h184Z"
+  })));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/UnderlineSVG.js

@@ -0,0 +1,34 @@
+"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-underline",
+    onClick: onChange,
+    viewBox: "0 0 256 256",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M184 24c5.43 0 9.848 4.327 9.996 9.72L194 34v94.393C194 161.1 164.16 187 128 187c-35.8 0-65.403-25.385-65.991-57.628l-.009-.98V34c0-5.523 4.477-10 10-10 5.43 0 9.848 4.327 9.996 9.72L82 34v94.393C82 149.375 102.305 167 128 167c25.438 0 45.593-17.274 45.994-37.979l.006-.628V34c0-5.523 4.477-10 10-10Z",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    height: "22",
+    rx: "11",
+    width: "176",
+    x: "40",
+    y: "210"
+  })));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/UnorderSVG.js

@@ -0,0 +1,41 @@
+"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-unorder-list",
+    onClick: onChange,
+    viewBox: "0 0 256 256",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    fillRule: "nonzero"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M215 118c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L215 138H96c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L96 118h119ZM215 35c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L215 55H96c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L96 35h119ZM215 201c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L215 221H96c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L96 201h119Z"
+  })), /*#__PURE__*/_react["default"].createElement("circle", {
+    cx: "44",
+    cy: "45",
+    r: "16"
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    cx: "44",
+    cy: "128",
+    r: "16"
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    cx: "44",
+    cy: "211",
+    r: "16"
+  })));
+};
+
+exports["default"] = _default;