@fonixtree/magic-design 1.0.5 → 1.0.6

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/IconSelectPicker/index.less

@@ -0,0 +1,60 @@
+.align-select-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;
+  }
+
+  .select-modal-content {
+    display: flex;
+    align-items: center;
+    padding: 5px;
+    background-color: #fff;
+    border: 1px solid #E7E9E8;
+    box-shadow: 0 8px 16px 4px hsla(0, 0%, 0%, 0.04);
+    color: #262626;
+    border-radius: 6px;
+    flex-direction: column;
+
+    .select-content-row{
+      display: flex;
+      align-items: center;
+    }
+
+    .select-item {
+      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;
+      margin: 0 5px;
+
+      &:hover {
+        background: #f8f8f8;
+      }
+
+      &.active {
+        background: #E7E9E8;
+      }
+
+      svg {
+        height: 18px;
+        height: 18px;
+      }
+    }
+  }
+}

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/CJLDecimalSVG.js

@@ -0,0 +1,46 @@
+"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 19 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.5 8H17.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.5 4H17.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M10.5 12H17.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0.816867 3.46922H6.37287V4.25522H0.816867V3.46922ZM6.93164 5.78027C6.93164 5.59668 6.98145 5.46777 7.08105 5.39355C7.18262 5.31934 7.30469 5.28223 7.44727 5.28223C7.58594 5.28223 7.70508 5.31934 7.80469 5.39355C7.90625 5.46777 7.95703 5.59668 7.95703 5.78027C7.95703 5.95605 7.90625 6.08301 7.80469 6.16113C7.70508 6.23926 7.58594 6.27832 7.44727 6.27832C7.30469 6.27832 7.18262 6.23926 7.08105 6.16113C6.98145 6.08301 6.93164 5.95605 6.93164 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1.41087 8.734H5.76687V9.526H1.41087V8.734ZM0.912867 12.214H6.27087V13.042H0.912867V12.214ZM6.93164 12.5811C6.93164 12.3975 6.98145 12.2686 7.08105 12.1943C7.18262 12.1201 7.30469 12.083 7.44727 12.083C7.58594 12.083 7.70508 12.1201 7.80469 12.1943C7.90625 12.2686 7.95703 12.3975 7.95703 12.5811C7.95703 12.7568 7.90625 12.8838 7.80469 12.9619C7.70508 13.04 7.58594 13.0791 7.44727 13.0791C7.30469 13.0791 7.18262 13.04 7.08105 12.9619C6.98145 12.8838 6.93164 12.7568 6.93164 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/DecimalSVG.js

@@ -0,0 +1,46 @@
+"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 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 8H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 4H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 12H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3.47852 6.19922H2.57324V3.7207C2.57324 3.65234 2.57422 3.56836 2.57617 3.46875C2.57812 3.36719 2.58105 3.26367 2.58496 3.1582C2.58887 3.05078 2.59277 2.9541 2.59668 2.86816C2.5752 2.89355 2.53125 2.9375 2.46484 3C2.40039 3.06055 2.33984 3.11523 2.2832 3.16406L1.79102 3.55957L1.35449 3.01465L2.73438 1.91602H3.47852V6.19922ZM4.77637 5.78027C4.77637 5.59668 4.82617 5.46777 4.92578 5.39355C5.02734 5.31934 5.14941 5.28223 5.29199 5.28223C5.43066 5.28223 5.5498 5.31934 5.64941 5.39355C5.75098 5.46777 5.80176 5.59668 5.80176 5.78027C5.80176 5.95605 5.75098 6.08301 5.64941 6.16113C5.5498 6.23926 5.43066 6.27832 5.29199 6.27832C5.14941 6.27832 5.02734 6.23926 4.92578 6.16113C4.82617 6.08301 4.77637 5.95605 4.77637 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4.23438 13H1.24023V12.3701L2.31543 11.2832C2.53223 11.0605 2.70605 10.875 2.83691 10.7266C2.96973 10.5762 3.06543 10.4395 3.12402 10.3164C3.18457 10.1934 3.21484 10.0615 3.21484 9.9209C3.21484 9.75098 3.16699 9.62402 3.07129 9.54004C2.97754 9.4541 2.85156 9.41113 2.69336 9.41113C2.52734 9.41113 2.36621 9.44922 2.20996 9.52539C2.05371 9.60156 1.89062 9.70996 1.7207 9.85059L1.22852 9.26758C1.35156 9.16211 1.48145 9.0625 1.61816 8.96875C1.75684 8.875 1.91699 8.7998 2.09863 8.74316C2.28223 8.68457 2.50195 8.65527 2.75781 8.65527C3.03906 8.65527 3.28027 8.70605 3.48145 8.80762C3.68457 8.90918 3.84082 9.04785 3.9502 9.22363C4.05957 9.39746 4.11426 9.59473 4.11426 9.81543C4.11426 10.0518 4.06738 10.2676 3.97363 10.4629C3.87988 10.6582 3.74316 10.8516 3.56348 11.043C3.38574 11.2344 3.1709 11.4463 2.91895 11.6787L2.36816 12.1973V12.2383H4.23438V13ZM4.77637 12.5811C4.77637 12.3975 4.82617 12.2686 4.92578 12.1943C5.02734 12.1201 5.14941 12.083 5.29199 12.083C5.43066 12.083 5.5498 12.1201 5.64941 12.1943C5.75098 12.2686 5.80176 12.3975 5.80176 12.5811C5.80176 12.7568 5.75098 12.8838 5.64941 12.9619C5.5498 13.04 5.43066 13.0791 5.29199 13.0791C5.14941 13.0791 5.02734 13.04 4.92578 12.9619C4.82617 12.8838 4.77637 12.7568 4.77637 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/LowerAlphaSVG.js

@@ -0,0 +1,46 @@
+"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 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 8H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 4H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 12H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.81055 2.85645C3.25 2.85645 3.58691 2.95215 3.82129 3.14355C4.05566 3.33496 4.17285 3.62598 4.17285 4.0166V6.19922H3.54883L3.37598 5.75391H3.35254C3.25879 5.87109 3.16309 5.9668 3.06543 6.04102C2.96777 6.11523 2.85547 6.16992 2.72852 6.20508C2.60156 6.24023 2.44727 6.25781 2.26562 6.25781C2.07227 6.25781 1.89844 6.2207 1.74414 6.14648C1.5918 6.07227 1.47168 5.95898 1.38379 5.80664C1.2959 5.65234 1.25195 5.45703 1.25195 5.2207C1.25195 4.87305 1.37402 4.61719 1.61816 4.45312C1.8623 4.28711 2.22852 4.19531 2.7168 4.17773L3.28516 4.16016V4.0166C3.28516 3.84473 3.24023 3.71875 3.15039 3.63867C3.06055 3.55859 2.93555 3.51855 2.77539 3.51855C2.61719 3.51855 2.46191 3.54102 2.30957 3.58594C2.15723 3.63086 2.00488 3.6875 1.85254 3.75586L1.55664 3.15234C1.73047 3.06055 1.9248 2.98828 2.13965 2.93555C2.35645 2.88281 2.58008 2.85645 2.81055 2.85645ZM3.28516 4.68164L2.93945 4.69336C2.65039 4.70117 2.44922 4.75293 2.33594 4.84863C2.22461 4.94434 2.16895 5.07031 2.16895 5.22656C2.16895 5.36328 2.20898 5.46094 2.28906 5.51953C2.36914 5.57617 2.47363 5.60449 2.60254 5.60449C2.79395 5.60449 2.95508 5.54785 3.08594 5.43457C3.21875 5.32129 3.28516 5.16016 3.28516 4.95117V4.68164ZM4.96973 5.78027C4.96973 5.59668 5.01953 5.46777 5.11914 5.39355C5.2207 5.31934 5.34277 5.28223 5.48535 5.28223C5.62402 5.28223 5.74316 5.31934 5.84277 5.39355C5.94434 5.46777 5.99512 5.59668 5.99512 5.78027C5.99512 5.95605 5.94434 6.08301 5.84277 6.16113C5.74316 6.23926 5.62402 6.27832 5.48535 6.27832C5.34277 6.27832 5.2207 6.23926 5.11914 6.16113C5.01953 6.08301 4.96973 5.95605 4.96973 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.3623 8.44141V9.50195C2.3623 9.625 2.3584 9.74707 2.35059 9.86816C2.34473 9.98926 2.33691 10.083 2.32715 10.1494H2.3623C2.44824 10.0146 2.56543 9.90039 2.71387 9.80664C2.8623 9.71094 3.05469 9.66309 3.29102 9.66309C3.6582 9.66309 3.95605 9.80664 4.18457 10.0938C4.41309 10.3809 4.52734 10.8018 4.52734 11.3564C4.52734 11.7295 4.47461 12.043 4.36914 12.2969C4.26367 12.5488 4.11621 12.7393 3.92676 12.8682C3.7373 12.9951 3.51758 13.0586 3.26758 13.0586C3.02734 13.0586 2.83789 13.0156 2.69922 12.9297C2.56055 12.8438 2.44824 12.7471 2.3623 12.6396H2.30078L2.15137 13H1.46875V8.44141H2.3623ZM3.00391 10.3779C2.84766 10.3779 2.72363 10.4102 2.63184 10.4746C2.54004 10.5391 2.47266 10.6357 2.42969 10.7646C2.38867 10.8936 2.36621 11.0566 2.3623 11.2539V11.3506C2.3623 11.6689 2.40918 11.9131 2.50293 12.083C2.59668 12.251 2.76758 12.335 3.01562 12.335C3.19922 12.335 3.34473 12.25 3.45215 12.0801C3.56152 11.9102 3.61621 11.665 3.61621 11.3447C3.61621 11.0244 3.56152 10.7832 3.45215 10.6211C3.34277 10.459 3.19336 10.3779 3.00391 10.3779ZM5.13965 12.5811C5.13965 12.3975 5.18945 12.2686 5.28906 12.1943C5.39062 12.1201 5.5127 12.083 5.65527 12.083C5.79395 12.083 5.91309 12.1201 6.0127 12.1943C6.11426 12.2686 6.16504 12.3975 6.16504 12.5811C6.16504 12.7568 6.11426 12.8838 6.0127 12.9619C5.91309 13.04 5.79395 13.0791 5.65527 13.0791C5.5127 13.0791 5.39062 13.04 5.28906 12.9619C5.18945 12.8838 5.13965 12.7568 5.13965 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/LowerRomanSVG.js

@@ -0,0 +1,46 @@
+"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 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 8H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 4H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 12H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3.83147 2.92383V6.19922H2.93792V2.92383H3.83147ZM3.38616 1.64062C3.51897 1.64062 3.63323 1.67188 3.72893 1.73438C3.82464 1.79492 3.87249 1.90918 3.87249 2.07715C3.87249 2.24316 3.82464 2.3584 3.72893 2.42285C3.63323 2.48535 3.51897 2.5166 3.38616 2.5166C3.2514 2.5166 3.13616 2.48535 3.04046 2.42285C2.94671 2.3584 2.89983 2.24316 2.89983 2.07715C2.89983 1.90918 2.94671 1.79492 3.04046 1.73438C3.13616 1.67188 3.2514 1.64062 3.38616 1.64062ZM4.64593 5.78027C4.64593 5.59668 4.69573 5.46777 4.79534 5.39355C4.8969 5.31934 5.01897 5.28223 5.16155 5.28223C5.30022 5.28223 5.41936 5.31934 5.51897 5.39355C5.62054 5.46777 5.67132 5.59668 5.67132 5.78027C5.67132 5.95605 5.62054 6.08301 5.51897 6.16113C5.41936 6.23926 5.30022 6.27832 5.16155 6.27832C5.01897 6.27832 4.8969 6.23926 4.79534 6.16113C4.69573 6.08301 4.64593 5.95605 4.64593 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1.99749 9.72461V13H1.10393V9.72461H1.99749ZM1.55218 8.44141C1.68499 8.44141 1.79925 8.47266 1.89495 8.53516C1.99065 8.5957 2.0385 8.70996 2.0385 8.87793C2.0385 9.04395 1.99065 9.15918 1.89495 9.22363C1.79925 9.28613 1.68499 9.31738 1.55218 9.31738C1.41741 9.31738 1.30218 9.28613 1.20647 9.22363C1.11272 9.15918 1.06585 9.04395 1.06585 8.87793C1.06585 8.70996 1.11272 8.5957 1.20647 8.53516C1.30218 8.47266 1.41741 8.44141 1.55218 8.44141ZM3.83147 9.72461V13H2.93792V9.72461H3.83147ZM3.38616 8.44141C3.51897 8.44141 3.63323 8.47266 3.72893 8.53516C3.82464 8.5957 3.87249 8.70996 3.87249 8.87793C3.87249 9.04395 3.82464 9.15918 3.72893 9.22363C3.63323 9.28613 3.51897 9.31738 3.38616 9.31738C3.2514 9.31738 3.13616 9.28613 3.04046 9.22363C2.94671 9.15918 2.89983 9.04395 2.89983 8.87793C2.89983 8.70996 2.94671 8.5957 3.04046 8.53516C3.13616 8.47266 3.2514 8.44141 3.38616 8.44141ZM4.64593 12.5811C4.64593 12.3975 4.69573 12.2686 4.79534 12.1943C4.8969 12.1201 5.01897 12.083 5.16155 12.083C5.30022 12.083 5.41936 12.1201 5.51897 12.1943C5.62054 12.2686 5.67132 12.3975 5.67132 12.5811C5.67132 12.7568 5.62054 12.8838 5.51897 12.9619C5.41936 13.04 5.30022 13.0791 5.16155 13.0791C5.01897 13.0791 4.8969 13.04 4.79534 12.9619C4.69573 12.8838 4.64593 12.7568 4.64593 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/UpperAlphaSVG.js

@@ -0,0 +1,46 @@
+"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 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 8H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 4H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 12H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3.76074 6.19922L3.4502 5.17969H1.88867L1.57812 6.19922H0.599609L2.11133 1.89844H3.22168L4.73926 6.19922H3.76074ZM3.2334 4.41797L2.92285 3.42188C2.90332 3.35547 2.87695 3.27051 2.84375 3.16699C2.8125 3.06152 2.78027 2.95508 2.74707 2.84766C2.71582 2.73828 2.69043 2.64355 2.6709 2.56348C2.65137 2.64355 2.62402 2.74316 2.58887 2.8623C2.55566 2.97949 2.52344 3.09082 2.49219 3.19629C2.46094 3.30176 2.43848 3.37695 2.4248 3.42188L2.11719 4.41797H3.2334ZM5.08496 5.78027C5.08496 5.59668 5.13477 5.46777 5.23438 5.39355C5.33594 5.31934 5.45801 5.28223 5.60059 5.28223C5.73926 5.28223 5.8584 5.31934 5.95801 5.39355C6.05957 5.46777 6.11035 5.59668 6.11035 5.78027C6.11035 5.95605 6.05957 6.08301 5.95801 6.16113C5.8584 6.23926 5.73926 6.27832 5.60059 6.27832C5.45801 6.27832 5.33594 6.23926 5.23438 6.16113C5.13477 6.08301 5.08496 5.95605 5.08496 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1.13867 8.7168H2.47168C3.04199 8.7168 3.47363 8.79688 3.7666 8.95703C4.05957 9.11719 4.20605 9.39844 4.20605 9.80078C4.20605 9.96289 4.17969 10.1094 4.12695 10.2402C4.07617 10.3711 4.00195 10.4785 3.9043 10.5625C3.80664 10.6465 3.6875 10.7012 3.54688 10.7266V10.7559C3.68945 10.7852 3.81836 10.8359 3.93359 10.9082C4.04883 10.9785 4.14062 11.082 4.20898 11.2188C4.2793 11.3535 4.31445 11.5332 4.31445 11.7578C4.31445 12.0176 4.25098 12.2402 4.12402 12.4258C3.99707 12.6113 3.81543 12.7539 3.5791 12.8535C3.34473 12.9512 3.06543 13 2.74121 13H1.13867V8.7168ZM2.04688 10.4131H2.57422C2.83789 10.4131 3.02051 10.3721 3.12207 10.29C3.22363 10.2061 3.27441 10.083 3.27441 9.9209C3.27441 9.75684 3.21387 9.63965 3.09277 9.56934C2.97363 9.49707 2.78418 9.46094 2.52441 9.46094H2.04688V10.4131ZM2.04688 11.1338V12.25H2.63867C2.91211 12.25 3.10254 12.1973 3.20996 12.0918C3.31738 11.9863 3.37109 11.8447 3.37109 11.667C3.37109 11.5615 3.34766 11.4688 3.30078 11.3887C3.25391 11.3086 3.1748 11.2461 3.06348 11.2012C2.9541 11.1562 2.80273 11.1338 2.60938 11.1338H2.04688ZM4.97363 12.5811C4.97363 12.3975 5.02344 12.2686 5.12305 12.1943C5.22461 12.1201 5.34668 12.083 5.48926 12.083C5.62793 12.083 5.74707 12.1201 5.84668 12.1943C5.94824 12.2686 5.99902 12.3975 5.99902 12.5811C5.99902 12.7568 5.94824 12.8838 5.84668 12.9619C5.74707 13.04 5.62793 13.0791 5.48926 13.0791C5.34668 13.0791 5.22461 13.04 5.12305 12.9619C5.02344 12.8838 4.97363 12.7568 4.97363 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/images/UpperRomanSVG.js

@@ -0,0 +1,46 @@
+"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 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 8H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 4H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.5 12H14.5",
+    stroke: "#232F46",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.1"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3.05608 6.19922V1.91602H3.96429V6.19922H3.05608ZM4.84612 5.78027C4.84612 5.59668 4.89593 5.46777 4.99554 5.39355C5.0971 5.31934 5.21917 5.28223 5.36175 5.28223C5.50042 5.28223 5.61956 5.31934 5.71917 5.39355C5.82073 5.46777 5.87151 5.59668 5.87151 5.78027C5.87151 5.95605 5.82073 6.08301 5.71917 6.16113C5.61956 6.23926 5.50042 6.27832 5.36175 6.27832C5.21917 6.27832 5.0971 6.23926 4.99554 6.16113C4.89593 6.08301 4.84612 5.95605 4.84612 5.78027Z",
+    fill: "#232F46"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M1.35547 13V8.7168H2.26367V13H1.35547ZM3.3418 13V8.7168H4.25V13H3.3418ZM5.13184 12.5811C5.13184 12.3975 5.18164 12.2686 5.28125 12.1943C5.38281 12.1201 5.50488 12.083 5.64746 12.083C5.78613 12.083 5.90527 12.1201 6.00488 12.1943C6.10645 12.2686 6.15723 12.3975 6.15723 12.5811C6.15723 12.7568 6.10645 12.8838 6.00488 12.9619C5.90527 13.04 5.78613 13.0791 5.64746 13.0791C5.50488 13.0791 5.38281 13.04 5.28125 12.9619C5.18164 12.8838 5.13184 12.7568 5.13184 12.5811Z",
+    fill: "#232F46"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _IconSelectPicker = _interopRequireDefault(require("./IconSelectPicker"));
+
+var _CJLDecimalSVG = _interopRequireDefault(require("./images/CJLDecimalSVG"));
+
+var _DecimalSVG = _interopRequireDefault(require("./images/DecimalSVG"));
+
+var _LowerAlphaSVG = _interopRequireDefault(require("./images/LowerAlphaSVG"));
+
+var _UpperAlphaSVG = _interopRequireDefault(require("./images/UpperAlphaSVG"));
+
+var _LowerRomanSVG = _interopRequireDefault(require("./images/LowerRomanSVG"));
+
+var _UpperRomanSVG = _interopRequireDefault(require("./images/UpperRomanSVG"));
+
+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 SvgMap = {
+  decimal: _DecimalSVG["default"],
+  'cjk-decimal': _CJLDecimalSVG["default"],
+  'lower-alpha': _LowerAlphaSVG["default"],
+  'upper-alpha': _UpperAlphaSVG["default"],
+  'lower-roman': _LowerRomanSVG["default"],
+  'upper-roman': _UpperRomanSVG["default"]
+};
+
+var OrderedPicker =
+/** @class */
+function (_super) {
+  __extends(OrderedPicker, _super);
+
+  function OrderedPicker() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      visibility: false
+    };
+    return _this;
+  }
+
+  OrderedPicker.prototype.render = function () {
+    var _this = this;
+
+    var _a = this.props,
+        value = _a.value,
+        onChange = _a.onChange;
+    var visibility = this.state.visibility;
+    var list = (value === null || value === void 0 ? void 0 : value.list) || 'decimal';
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('tool-btn-wrap'),
+      onClick: function onClick() {
+        _this.setState({
+          visibility: !visibility
+        });
+      }
+    }, SvgMap[list] ? SvgMap[list]({}) : /*#__PURE__*/_react["default"].createElement(_DecimalSVG["default"], null), /*#__PURE__*/_react["default"].createElement(_IconSelectPicker["default"], {
+      onChange: onChange,
+      visibility: visibility
+    }));
+  };
+
+  OrderedPicker.defaultProps = {};
+  return OrderedPicker;
+}(_react["default"].Component);
+
+var _default = OrderedPicker;
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/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/es/core/Designer/ToolBarModal/ToolBtn/images/BackgroundSVG.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,
+      _b = _a.color,
+      color = _b === void 0 ? 'currentColor' : _b;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    onClick: onChange,
+    viewBox: "0 0 18 18",
+    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: color,
+    fillRule: "evenodd"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/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/es/core/Designer/ToolBarModal/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/es/core/Designer/ToolBarModal/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/es/core/Designer/ToolBarModal/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;