@fonixtree/magic-design 2.0.162 → 2.0.164

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/index.js

@@ -0,0 +1,126 @@
+"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"));
+
+var _Iconfont = _interopRequireDefault(require("../../../../../../common/Iconfont"));
+
+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;
+
+    var iconClick = function iconClick() {
+      if (list) _onChange('');else _onChange('decimal');
+    };
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('ordered-tool-btn-wrap')
+    }, /*#__PURE__*/_react["default"].createElement(_DecimalSVG["default"], {
+      onChange: iconClick
+    }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      className: "btn_icon",
+      color: "#8493AF",
+      onClick: function onClick() {
+        _this.setState({
+          visibility: !visibility
+        });
+      },
+      size: 12,
+      type: "icon-outlined-down"
+    }), /*#__PURE__*/_react["default"].createElement(_IconSelectPicker["default"], {
+      onChange: function onChange(v) {
+        _onChange(v);
+
+        _this.setState({
+          visibility: !visibility
+        });
+      },
+      value: list,
+      visibility: visibility
+    }));
+  };
+
+  OrderedPicker.defaultProps = {};
+  return OrderedPicker;
+}(_react["default"].Component);
+
+var _default = OrderedPicker;
+exports["default"] = _default;

package/lib/core/Designer/ToolBarModal/ToolBtn/components/OrderedPicker/index.less

@@ -0,0 +1,10 @@
+.ordered-tool-btn-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 3px;
+
+  .btn_icon {
+    margin-left: 3px;
+  }
+}

package/lib/core/Designer/ToolBarModal/ToolBtn/images/AlignCenterSVG.js

@@ -0,0 +1,40 @@
+"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",
+    height: "10",
+    id: "ne-t-alignment-center",
+    onClick: onChange,
+    viewBox: "0 0 15 10",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25H13.375C13.7892 0.25 14.125 0.585786 14.125 1C14.125 1.41421 13.7892 1.75 13.375 1.75H1C0.585786 1.75 0.25 1.41421 0.25 1Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 4.9375C0.25 4.52329 0.585786 4.1875 1 4.1875H13.375C13.7892 4.1875 14.125 4.52329 14.125 4.9375C14.125 5.35171 13.7892 5.6875 13.375 5.6875H1C0.585786 5.6875 0.25 5.35171 0.25 4.9375Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 8.875C0.25 8.46079 0.585786 8.125 1 8.125H13.375C13.7892 8.125 14.125 8.46079 14.125 8.875C14.125 9.28921 13.7892 9.625 13.375 9.625H1C0.585786 9.625 0.25 9.28921 0.25 8.875Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/ToolBarModal/ToolBtn/images/AlignLeftSVG.js

@@ -0,0 +1,40 @@
+"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",
+    height: "10",
+    id: "ne-t-alignment-left",
+    onClick: onChange,
+    viewBox: "0 0 15 10",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25H10C10.4142 0.25 10.75 0.585786 10.75 1C10.75 1.41421 10.4142 1.75 10 1.75H1C0.585786 1.75 0.25 1.41421 0.25 1Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 4.9375C0.25 4.52329 0.585786 4.1875 1 4.1875H13.375C13.7892 4.1875 14.125 4.52329 14.125 4.9375C14.125 5.35171 13.7892 5.6875 13.375 5.6875H1C0.585786 5.6875 0.25 5.35171 0.25 4.9375Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 8.875C0.25 8.46079 0.585786 8.125 1 8.125H10C10.4142 8.125 10.75 8.46079 10.75 8.875C10.75 9.28921 10.4142 9.625 10 9.625H1C0.585786 9.625 0.25 9.28921 0.25 8.875Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/ToolBarModal/ToolBtn/images/AlignRightSVG.js

@@ -0,0 +1,40 @@
+"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",
+    height: "10",
+    id: "ne-t-alignment-right",
+    onClick: onChange,
+    viewBox: "0 0 15 10",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M3.625 1C3.625 0.585786 3.96079 0.25 4.375 0.25H13.375C13.7892 0.25 14.125 0.585786 14.125 1C14.125 1.41421 13.7892 1.75 13.375 1.75H4.375C3.96079 1.75 3.625 1.41421 3.625 1Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 4.9375C0.25 4.52329 0.585786 4.1875 1 4.1875H13.375C13.7892 4.1875 14.125 4.52329 14.125 4.9375C14.125 5.35171 13.7892 5.6875 13.375 5.6875H1C0.585786 5.6875 0.25 5.35171 0.25 4.9375Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M3.625 8.875C3.625 8.46079 3.96079 8.125 4.375 8.125H13.375C13.7892 8.125 14.125 8.46079 14.125 8.875C14.125 9.28921 13.7892 9.625 13.375 9.625H4.375C3.96079 9.625 3.625 9.28921 3.625 8.875Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }));
+};
+
+exports["default"] = _default;

package/lib/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;