@fonixtree/magic-design 2.0.25 → 2.0.27

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/index.js

@@ -27,6 +27,10 @@ var _OrderSVG = _interopRequireDefault(require("./images/OrderSVG"));
 
 var _UnorderSVG = _interopRequireDefault(require("./images/UnorderSVG"));
 
+var _BulletPicker = _interopRequireDefault(require("./components/BulletPicker"));
+
+var _OrderedPicker = _interopRequireDefault(require("./components/OrderedPicker"));
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -80,6 +84,12 @@ var iconTypeMap = {
   align: function align(props) {
     return /*#__PURE__*/_react["default"].createElement(_AlignPicker["default"], props);
   },
+  bullet: function bullet(props) {
+    return /*#__PURE__*/_react["default"].createElement(_BulletPicker["default"], props);
+  },
+  ordered: function ordered(props) {
+    return /*#__PURE__*/_react["default"].createElement(_OrderedPicker["default"], props);
+  },
   'text-decoration-color': function textDecorationColor(props) {
     return /*#__PURE__*/_react["default"].createElement(_ColorPickerBtn["default"], _extends({
       type: "text-decoration-color"

package/es/core/Designer/ToolBarModal/index.js

@@ -150,6 +150,14 @@ function (_super) {
         _this.props.quillRef.format('font-family', value);
       } else if (type == 'text-decoration-style') {
         _this.props.quillRef.format('text-decoration-style', value);
+      } else if (type == 'bullet') {
+        _this.props.quillRef.format('list-style-type', value);
+
+        _this.props.quillRef.format('list', 'bullet');
+      } else if (type == 'ordered') {
+        _this.props.quillRef.format('list-style-type', value);
+
+        _this.props.quillRef.format('list', 'ordered');
       } else if (type == 'text-decoration-color') {
         if (value) {
           _this.props.quillRef.format('underline', true);
@@ -309,19 +317,23 @@ function (_super) {
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
-      active: quillFormat['list'] == 'bullet',
-      onChange: function onChange() {
-        _this.onToolBtnClick('listUnOrder');
+      onChange: function onChange(value) {
+        _this.onToolBtnClick('bullet', value);
       },
-      type: "listUnOrder"
+      type: "bullet",
+      value: {
+        list: quillFormat['list-style-type']
+      }
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
-      active: quillFormat['list'] == 'ordered',
-      onChange: function onChange() {
-        _this.onToolBtnClick('listOrder');
+      onChange: function onChange(value) {
+        _this.onToolBtnClick('ordered', value);
       },
-      type: "listOrder"
+      type: "ordered",
+      value: {
+        list: quillFormat['list-style-type']
+      }
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tooll-line"
     }), /*#__PURE__*/_react["default"].createElement("div", {

package/es/meta-comp/components/Image/index.js

@@ -21,6 +21,8 @@ var _commonUtil = require("../../../utils/commonUtil");
 
 var _decorator = require("../../../decorator");
 
+var _ImageLazy = _interopRequireDefault(require("../../../common/ImageLazy"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -190,10 +192,9 @@ function (_super) {
       onClick: function onClick() {
         (0, _coreUtil.clickUrl)(data.content.clickUrl);
       }
-    }, srcImg && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("img", {
-      ref: this.imgRef,
-      onLoad: function onLoad() {
-        var scale = _this.imgRef.current.clientWidth / 600;
+    }, srcImg && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ImageLazy["default"], {
+      onLoadFunc: function onLoadFunc(clientWidth) {
+        var scale = clientWidth / 600;
 
         _this.setState({
           scale: scale

package/es/meta-comp/components/Text/formats/listStyleTypeStyle.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListStyleTypeStyle = exports.ListStyleTypeAttributor = void 0;
+
+var _quill = _interopRequireDefault(require("quill"));
+
+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 Parchment = _quill["default"]["import"]('parchment');
+
+var ListStyleTypeAttributor =
+/** @class */
+function (_super) {
+  __extends(ListStyleTypeAttributor, _super);
+
+  function ListStyleTypeAttributor() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  return ListStyleTypeAttributor;
+}(Parchment.Attributor.Style);
+
+exports.ListStyleTypeAttributor = ListStyleTypeAttributor;
+var ListStyleTypeStyle = new ListStyleTypeAttributor('list-style-type', 'list-style-type', {
+  scope: Parchment.Scope.BLOCK
+});
+exports.ListStyleTypeStyle = ListStyleTypeStyle;
+
+_quill["default"].register('formats/list-style-type', ListStyleTypeStyle, true);

package/es/meta-comp/components/Text/index.js

@@ -17,6 +17,8 @@ require("./formats/fontFamily");
 
 require("./formats/textDecorationColor");
 
+require("./formats/listStyleTypeStyle");
+
 require("./formats/textDecorationStyle");
 
 var _decorator = require("../../../decorator");