@officesdk/design 0.2.8 → 0.2.9

package/dist/components/cjs/index.js

@@ -1614,29 +1614,12 @@ var init_numberLocale = __esm({
     };
   }
 });
-var getDecimalPlaces, precisionAdd, precisionSubtract, NumberInputContainer, InputWrapper, UnitText, StyledInput, ButtonGroup, StepButton, UpArrow, DownArrow; exports.NumberInput = void 0;
-var init_NumberInput = __esm({
-  "src/NumberInput/NumberInput.tsx"() {
+
+// src/NumberInput/NumberInput.styled.ts
+var NumberInputContainer, InputWrapper, StyledInput, ButtonGroup, StepButton;
+var init_NumberInput_styled = __esm({
+  "src/NumberInput/NumberInput.styled.ts"() {
     init_styled();
-    init_UIConfigProvider2();
-    init_numberLocale();
-    init_valueMap();
-    getDecimalPlaces = (num) => {
-      const str = String(num);
-      const decimalIndex = str.indexOf(".");
-      if (decimalIndex === -1) return 0;
-      return str.length - decimalIndex - 1;
-    };
-    precisionAdd = (a, b) => {
-      const precision = Math.max(getDecimalPlaces(a), getDecimalPlaces(b));
-      const multiplier = Math.pow(10, precision);
-      return Math.round(a * multiplier + b * multiplier) / multiplier;
-    };
-    precisionSubtract = (a, b) => {
-      const precision = Math.max(getDecimalPlaces(a), getDecimalPlaces(b));
-      const multiplier = Math.pow(10, precision);
-      return Math.round(a * multiplier - b * multiplier) / multiplier;
-    };
     NumberInputContainer = exports.styled.div`
   display: inline-flex;
   align-items: center;
@@ -1707,25 +1690,6 @@ var init_NumberInput = __esm({
   align-items: center;
   padding: 0 8px;
   min-width: 0;
-  gap: 4px;
-`;
-    UnitText = exports.styled.span`
-  flex-shrink: 0;
-  font-family: 'PingFang SC', sans-serif;
-  font-weight: 400;
-  line-height: 20px;
-
-  ${({ $size }) => $size === "small" ? `
-    font-size: 12px;
-  ` : `
-    font-size: 13px;
-  `}
-
-  ${({ $disabled, theme: theme2 }) => $disabled ? `
-    color: ${theme2.colors.palettes.transparency["30"]};
-  ` : `
-    color: ${theme2.colors.palettes.gray["120"]};
-  `}
 `;
     StyledInput = exports.styled.input`
   width: 100%;
@@ -1843,6 +1807,31 @@ var init_NumberInput = __esm({
     fill: ${({ $disabled, theme: theme2 }) => $disabled ? theme2.colors.palettes.transparency["30"] : theme2.colors.palettes.gray["120"]};
   }
 `;
+  }
+});
+var getDecimalPlaces, precisionAdd, precisionSubtract, UpArrow, DownArrow; exports.NumberInput = void 0;
+var init_NumberInput = __esm({
+  "src/NumberInput/NumberInput.tsx"() {
+    init_UIConfigProvider2();
+    init_numberLocale();
+    init_valueMap();
+    init_NumberInput_styled();
+    getDecimalPlaces = (num) => {
+      const str = String(num);
+      const decimalIndex = str.indexOf(".");
+      if (decimalIndex === -1) return 0;
+      return str.length - decimalIndex - 1;
+    };
+    precisionAdd = (a, b) => {
+      const precision = Math.max(getDecimalPlaces(a), getDecimalPlaces(b));
+      const multiplier = Math.pow(10, precision);
+      return Math.round(a * multiplier + b * multiplier) / multiplier;
+    };
+    precisionSubtract = (a, b) => {
+      const precision = Math.max(getDecimalPlaces(a), getDecimalPlaces(b));
+      const multiplier = Math.pow(10, precision);
+      return Math.round(a * multiplier - b * multiplier) / multiplier;
+    };
     UpArrow = () => /* @__PURE__ */ React3__default.default.createElement("svg", { viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React3__default.default.createElement("path", { d: "M7 4.5L10.5 8.5H3.5L7 4.5Z", fill: "currentColor" }));
     DownArrow = () => /* @__PURE__ */ React3__default.default.createElement("svg", { viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React3__default.default.createElement("path", { d: "M7 9.5L3.5 5.5H10.5L7 9.5Z", fill: "currentColor" }));
     exports.NumberInput = ({
@@ -1892,15 +1881,20 @@ var init_NumberInput = __esm({
           if (val === void 0) {
             return "";
           }
+          let formatted;
           if (formatter) {
-            return formatter(val);
+            formatted = formatter(val);
+          } else if (useThousandsSeparator) {
+            formatted = formatNumber(val, locale, precision);
+          } else {
+            formatted = formatNumberForEdit(val, locale, precision);
           }
-          if (useThousandsSeparator) {
-            return formatNumber(val, locale, precision);
+          if (unit) {
+            return formatted + unit;
           }
-          return formatNumberForEdit(val, locale, precision);
+          return formatted;
         },
-        [formatter, precision, locale, useThousandsSeparator]
+        [formatter, precision, locale, useThousandsSeparator, unit]
       );
       const formatValueForEdit = React3.useCallback(
         (val) => {
@@ -2071,7 +2065,7 @@ var init_NumberInput = __esm({
             $size: size,
             $disabled: disabled
           }
-        ), unit && /* @__PURE__ */ React3__default.default.createElement(UnitText, { $size: size, $disabled: disabled }, unit)),
+        )),
         showStepButtons && (showStepButtonsTrigger !== "hover" || isHovered || isFocused) && /* @__PURE__ */ React3__default.default.createElement(ButtonGroup, { $alert: alert, $disabled: disabled, $lineType: lineType }, /* @__PURE__ */ React3__default.default.createElement(
           StepButton,
           {