vxe-pc-ui 4.20.25 → 4.20.26

package/lib/number-input/src/number-input.js

@@ -34,12 +34,13 @@ module.exports = __toCommonJS(number_input_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_utils = require("../../ui/src/utils");
 var import_log = require("../../ui/src/log");
 var import_dom = require("../../ui/src/dom");
 var import_vn = require("../../ui/src/vn");
 var import_util = require("./util");
+const { getConfig, getIcon, getI18n, globalEvents, GLOBAL_EVENT_KEYS, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 const { errLog } = (0, import_log.createComponentLog)("number-input");
 var number_input_default = (0, import_comp.defineVxeComponent)({
   name: "VxeNumberInput",
@@ -56,7 +57,7 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
     },
     clearable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().numberInput.clearable
+      default: () => getConfig().numberInput.clearable
     },
     readonly: {
       type: Boolean,
@@ -69,15 +70,15 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
     placeholder: String,
     floatContent: {
       type: String,
-      default: () => (0, import_ui.getConfig)().numberInput.floatContent
+      default: () => getConfig().numberInput.floatContent
     },
     floatAlign: {
       type: String,
-      default: () => (0, import_ui.getConfig)().numberInput.floatAlign
+      default: () => getConfig().numberInput.floatAlign
     },
     maxLength: {
       type: [String, Number],
-      default: () => (0, import_ui.getConfig)().numberInput.maxLength
+      default: () => getConfig().numberInput.maxLength
     },
     autoComplete: {
       type: String,
@@ -88,12 +89,12 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
     className: String,
     inputClassName: {
       type: String,
-      default: () => (0, import_ui.getConfig)().numberInput.inputClassName
+      default: () => getConfig().numberInput.inputClassName
     },
     width: [String, Number],
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().numberInput.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().numberInput.size || getConfig().size
     },
     min: {
       type: [String, Number],
@@ -106,25 +107,25 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
     step: [String, Number],
     exponential: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().numberInput.exponential
+      default: () => getConfig().numberInput.exponential
     },
     negative: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().numberInput.negative
+      default: () => getConfig().numberInput.negative
     },
     showCurrency: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().numberInput.showCurrency
+      default: () => getConfig().numberInput.showCurrency
     },
     currencySymbol: {
       type: String,
-      default: () => (0, import_ui.getConfig)().numberInput.currencySymbol
+      default: () => getConfig().numberInput.currencySymbol
     },
     controlConfig: Object,
     // number、float、amount
     roundingMode: {
       type: String,
-      default: () => (0, import_ui.getConfig)().numberInput.roundingMode
+      default: () => getConfig().numberInput.roundingMode
     },
     // float、amount
     digits: {
@@ -133,7 +134,7 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
     },
     autoFill: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().numberInput.autoFill
+      default: () => getConfig().numberInput.autoFill
     },
     editable: {
       type: Boolean,
@@ -147,7 +148,7 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
     suffixConfig: Object,
     showTooltip: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().numberInput.showTooltip
+      default: () => getConfig().numberInput.showTooltip
     },
     tooltipConfig: Object,
     // 已废弃
@@ -185,7 +186,7 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
     const $xeForm = (0, import_vue.inject)("$xeForm", null);
     const formItemInfo = (0, import_vue.inject)("xeFormItemInfo", null);
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const reactData = (0, import_vue.reactive)({
       isFocus: false,
       isActivated: false,
@@ -224,7 +225,7 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       const { type, digits } = props;
       let defDigits = digits;
       if (defDigits === null) {
-        defDigits = (0, import_ui.getConfig)().numberInput.digits;
+        defDigits = getConfig().numberInput.digits;
         if (defDigits === null) {
           if (type === "amount") {
             defDigits = 2;
@@ -234,16 +235,16 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       return import_xe_utils.default.toInteger(defDigits) || 1;
     });
     const computeControlOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().numberInput.controlConfig, props.controlConfig);
+      return Object.assign({}, getConfig().numberInput.controlConfig, props.controlConfig);
     });
     const computePrefixOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().numberInput.prefixConfig, props.prefixConfig);
+      return Object.assign({}, getConfig().numberInput.prefixConfig, props.prefixConfig);
     });
     const computeSuffixOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().numberInput.suffixConfig, props.suffixConfig);
+      return Object.assign({}, getConfig().numberInput.suffixConfig, props.suffixConfig);
     });
     const computeTooltipOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().numberInput.tooltipConfig, props.tooltipConfig);
+      return Object.assign({}, getConfig().numberInput.tooltipConfig, props.tooltipConfig);
     });
     const computeDecimalsType = (0, import_vue.computed)(() => {
       const { type } = props;
@@ -274,11 +275,11 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       if (placeholder) {
         return (0, import_utils.getFuncText)(placeholder);
       }
-      const globalPlaceholder = (0, import_ui.getConfig)().numberInput.placeholder;
+      const globalPlaceholder = getConfig().numberInput.placeholder;
       if (globalPlaceholder) {
         return (0, import_utils.getFuncText)(globalPlaceholder);
       }
-      return (0, import_ui.getI18n)("vxe.base.pleaseInput");
+      return getI18n("vxe.base.pleaseInput");
     });
     const computeInpMaxLength = (0, import_vue.computed)(() => {
       const { type, maxLength, maxlength, min, max } = props;
@@ -324,7 +325,7 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
           }
         }
         if (showCurrency) {
-          return `${currencySymbol || (0, import_ui.getI18n)("vxe.numberInput.currencySymbol") || ""}${amountLabel}`;
+          return `${currencySymbol || getI18n("vxe.numberInput.currencySymbol") || ""}${amountLabel}`;
         }
         return amountLabel;
       }
@@ -377,7 +378,7 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $numberInput: $xeNumberInput }, params));
+      emit(type, createEvent(evnt, { $numberInput: $xeNumberInput }, params));
     };
     const handleNumberString = (val) => {
       if (import_xe_utils.default.eqNull(val)) {
@@ -555,7 +556,7 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
           handleChange(inpNumVal, `${inpValue || ""}`, { type: "check" });
           return;
         }
-        if (inputValue || (min || max)) {
+        if (inputValue || min || max) {
           let inpNumVal = type === "integer" ? import_xe_utils.default.toInteger((0, import_util.handleNumber)(inputValue)) : import_xe_utils.default.toNumber((0, import_util.handleNumber)(inputValue));
           if (!validMinNum(inpNumVal)) {
             inpNumVal = min;
@@ -640,8 +641,8 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       dispatchEvent("prev-number", { value: reactData.inputValue }, evnt);
     };
     const numberKeydownEvent = (evnt) => {
-      const isUpArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_UP);
-      const isDwArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);
+      const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+      const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
       if (isUpArrow || isDwArrow) {
         evnt.preventDefault();
         if (isUpArrow) {
@@ -655,27 +656,36 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       const { type, showTooltip } = props;
       const { inputValue } = reactData;
       if (showTooltip) {
-        if (import_ui.VxeUI.tooltip) {
+        if (import_core.VxeUI.tooltip) {
           const numLabel = computeNumLabel.value;
           const tooltipOpts = computeTooltipOpts.value;
           const { contentMethod } = tooltipOpts;
           const inputElem = refInputTarget.value;
-          const content = (0, import_utils.getText)(contentMethod ? contentMethod({
-            $numberInput: $xeNumberInput,
-            type,
-            inputValue: inputElem.value,
-            value: inputValue || "",
-            label: numLabel
-          }) : numLabel);
+          const content = (0, import_utils.getText)(
+            contentMethod ? contentMethod({
+              $numberInput: $xeNumberInput,
+              type,
+              inputValue: inputElem.value,
+              value: inputValue || "",
+              label: numLabel
+            }) : numLabel
+          );
           if (content) {
-            import_ui.VxeUI.tooltip.open(inputElem, Object.assign({}, {
-              ...tooltipOpts,
-              content
-            }, {
-              contentMethod: void 0
-            }));
+            import_core.VxeUI.tooltip.open(
+              inputElem,
+              Object.assign(
+                {},
+                {
+                  ...tooltipOpts,
+                  content
+                },
+                {
+                  contentMethod: void 0
+                }
+              )
+            );
           } else {
-            import_ui.VxeUI.tooltip.close();
+            import_core.VxeUI.tooltip.close();
           }
         }
       }
@@ -683,8 +693,8 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
     const handleHideTip = () => {
       const { showTooltip } = props;
       if (showTooltip) {
-        if (import_ui.VxeUI.tooltip) {
-          import_ui.VxeUI.tooltip.close();
+        if (import_core.VxeUI.tooltip) {
+          import_core.VxeUI.tooltip.close();
         }
       }
     };
@@ -698,11 +708,11 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       const isAltKey = evnt.altKey;
       const key = evnt.key;
       const keyCode = evnt.keyCode;
-      const isEsc = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ESCAPE);
-      const isUpArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_UP);
-      const isDwArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);
+      const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
+      const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+      const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
       if (!isControlKey && !isShiftKey && !isAltKey) {
-        if (import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.SPACEBAR) || !negative && key === "-" || type === "integer" && key === "." || (!exponential || keyCode !== 69) && (keyCode >= 65 && keyCode <= 90) || keyCode >= 186 && keyCode <= 188 || keyCode >= 191) {
+        if (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR) || !negative && key === "-" || type === "integer" && key === "." || (!exponential || keyCode !== 69) && keyCode >= 65 && keyCode <= 90 || keyCode >= 186 && keyCode <= 188 || keyCode >= 191) {
           evnt.preventDefault();
         }
       }
@@ -831,8 +841,8 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       const isDisabled = computeIsDisabled.value;
       const inputReadonly = computeInputReadonly.value;
       if (!isDisabled && !inputReadonly) {
-        const isTab = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.TAB);
-        const isDel = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.DELETE);
+        const isTab = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.TAB);
+        const isDel = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.DELETE);
         let isActivated = reactData.isActivated;
         if (isTab) {
           if (isActivated) {
@@ -885,21 +895,33 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       const prefixSlot = slots.prefix;
       const preIcon = prefixIcon || prefixOpts.icon;
       const sufContent = prefixOpts.content;
-      return prefixSlot || preIcon || sufContent ? (0, import_vue.h)("div", {
-        class: "vxe-number-input--prefix",
-        onClick: clickPrefixEvent
-      }, [
-        (0, import_vue.h)("div", {
-          class: "vxe-number-input--prefix-icon"
-        }, prefixSlot ? (0, import_vn.getSlotVNs)(prefixSlot({})) : [
-          preIcon ? (0, import_vue.h)("i", {
-            class: preIcon
-          }) : (0, import_ui.renderEmptyElement)($xeNumberInput),
-          sufContent ? (0, import_vue.h)("span", {
-            class: "vxe-prefix-input--suffix-text"
-          }, `${sufContent}`) : (0, import_ui.renderEmptyElement)($xeNumberInput)
-        ])
-      ]) : (0, import_ui.renderEmptyElement)($xeNumberInput);
+      return prefixSlot || preIcon || sufContent ? (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-number-input--prefix",
+          onClick: clickPrefixEvent
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-number-input--prefix-icon"
+            },
+            prefixSlot ? (0, import_vn.getSlotVNs)(prefixSlot({})) : [
+              preIcon ? (0, import_vue.h)("i", {
+                class: preIcon
+              }) : renderEmptyElement($xeNumberInput),
+              sufContent ? (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-prefix-input--suffix-text"
+                },
+                `${sufContent}`
+              ) : renderEmptyElement($xeNumberInput)
+            ]
+          )
+        ]
+      ) : renderEmptyElement($xeNumberInput);
     };
     const renderSuffixIcon = () => {
       const { suffixIcon } = props;
@@ -910,31 +932,50 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       const isClearable = computeIsClearable.value;
       const sufIcon = suffixIcon || suffixOpts.icon;
       const sufContent = suffixOpts.content;
-      return (0, import_vue.h)("div", {
-        class: ["vxe-number-input--suffix", {
-          "is--clear": isClearable && !isDisabled && !(inputValue === "" || import_xe_utils.default.eqNull(inputValue))
-        }]
-      }, [
-        isClearable ? (0, import_vue.h)("div", {
-          class: "vxe-number-input--clear-icon",
-          onClick: clearValueEvent
-        }, [
-          (0, import_vue.h)("i", {
-            class: (0, import_ui.getIcon)().INPUT_CLEAR
-          })
-        ]) : (0, import_ui.renderEmptyElement)($xeNumberInput),
-        suffixSlot || sufIcon || sufContent ? (0, import_vue.h)("div", {
-          class: "vxe-number-input--suffix-icon",
-          onClick: clickSuffixEvent
-        }, suffixSlot ? (0, import_vn.getSlotVNs)(suffixSlot({})) : [
-          sufIcon ? (0, import_vue.h)("i", {
-            class: sufIcon
-          }) : (0, import_ui.renderEmptyElement)($xeNumberInput),
-          sufContent ? (0, import_vue.h)("span", {
-            class: "vxe-number-input--suffix-text"
-          }, `${sufContent}`) : (0, import_ui.renderEmptyElement)($xeNumberInput)
-        ]) : (0, import_ui.renderEmptyElement)($xeNumberInput)
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: [
+            "vxe-number-input--suffix",
+            {
+              "is--clear": isClearable && !isDisabled && !(inputValue === "" || import_xe_utils.default.eqNull(inputValue))
+            }
+          ]
+        },
+        [
+          isClearable ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-number-input--clear-icon",
+              onClick: clearValueEvent
+            },
+            [
+              (0, import_vue.h)("i", {
+                class: getIcon().INPUT_CLEAR
+              })
+            ]
+          ) : renderEmptyElement($xeNumberInput),
+          suffixSlot || sufIcon || sufContent ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-number-input--suffix-icon",
+              onClick: clickSuffixEvent
+            },
+            suffixSlot ? (0, import_vn.getSlotVNs)(suffixSlot({})) : [
+              sufIcon ? (0, import_vue.h)("i", {
+                class: sufIcon
+              }) : renderEmptyElement($xeNumberInput),
+              sufContent ? (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-number-input--suffix-text"
+                },
+                `${sufContent}`
+              ) : renderEmptyElement($xeNumberInput)
+            ]
+          ) : renderEmptyElement($xeNumberInput)
+        ]
+      );
     };
     const renderInput = () => {
       const { type, name, autocomplete, autoComplete } = props;
@@ -945,94 +986,121 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       const inpMaxLength = computeInpMaxLength.value;
       const inpPlaceholder = computeInpPlaceholder.value;
       const inpClassName = computeInpClassNamevalue.value;
-      return (0, import_vue.h)("div", {
-        key: "ni",
-        class: "vxe-number-input--input-wrapper"
-      }, [
-        renderPrefixIcon(),
-        (0, import_vue.h)("div", {
-          class: "vxe-number-input--input-inner"
-        }, [
-          (0, import_vue.h)("input", {
-            ref: refInputTarget,
-            class: inpClassName,
-            name,
-            type: "text",
-            value: !isFocus && type === "amount" ? numLabel : inputValue,
-            placeholder: inpPlaceholder,
-            maxlength: inpMaxLength,
-            readonly: inputReadonly,
-            disabled: isDisabled,
-            autocomplete: autoComplete || autocomplete,
-            onKeydown: keydownEvent,
-            onKeyup: keyupEvent,
-            onClick: clickEvent,
-            onInput: inputEvent,
-            onChange: changeEvent,
-            onFocus: focusEvent,
-            onBlur: blurEvent
-          }),
-          renderFloat()
-        ]),
-        renderSuffixIcon()
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          key: "ni",
+          class: "vxe-number-input--input-wrapper"
+        },
+        [
+          renderPrefixIcon(),
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-number-input--input-inner"
+            },
+            [
+              (0, import_vue.h)("input", {
+                ref: refInputTarget,
+                class: inpClassName,
+                name,
+                type: "text",
+                value: !isFocus && type === "amount" ? numLabel : inputValue,
+                placeholder: inpPlaceholder,
+                maxlength: inpMaxLength,
+                readonly: inputReadonly,
+                disabled: isDisabled,
+                autocomplete: autoComplete || autocomplete,
+                onKeydown: keydownEvent,
+                onKeyup: keyupEvent,
+                onClick: clickEvent,
+                onInput: inputEvent,
+                onChange: changeEvent,
+                onFocus: focusEvent,
+                onBlur: blurEvent
+              }),
+              renderFloat()
+            ]
+          ),
+          renderSuffixIcon()
+        ]
+      );
     };
     const renderMinusBtn = () => {
       const { minusIcon } = props;
       const isDisabledSubtractNumber = computeIsDisabledSubtractNumber.value;
-      return (0, import_vue.h)("button", {
-        key: "prev",
-        class: ["vxe-number-input--minus-btn is--minus", {
-          "is--disabled": isDisabledSubtractNumber
-        }],
-        type: "button",
-        onClick: numberClickEvent,
-        onMousedown: numberMousedownEvent,
-        onMouseup: numberStopAll,
-        onMouseleave: numberStopAll
-      }, [
-        (0, import_vue.h)("i", {
-          class: minusIcon || (0, import_ui.getIcon)().NUMBER_INPUT_MINUS_NUM
-        })
-      ]);
+      return (0, import_vue.h)(
+        "button",
+        {
+          key: "prev",
+          class: [
+            "vxe-number-input--minus-btn is--minus",
+            {
+              "is--disabled": isDisabledSubtractNumber
+            }
+          ],
+          type: "button",
+          onClick: numberClickEvent,
+          onMousedown: numberMousedownEvent,
+          onMouseup: numberStopAll,
+          onMouseleave: numberStopAll
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: minusIcon || getIcon().NUMBER_INPUT_MINUS_NUM
+          })
+        ]
+      );
     };
     const renderPlusBtn = () => {
       const { plusIcon } = props;
       const isDisabledAddNumber = computeIsDisabledAddNumber.value;
-      return (0, import_vue.h)("button", {
-        key: "next",
-        class: ["vxe-number-input--plus-btn is--plus", {
-          "is--disabled": isDisabledAddNumber
-        }],
-        type: "button",
-        onClick: numberClickEvent,
-        onMousedown: numberMousedownEvent,
-        onMouseup: numberStopAll,
-        onMouseleave: numberStopAll
-      }, [
-        (0, import_vue.h)("i", {
-          class: plusIcon || (0, import_ui.getIcon)().NUMBER_INPUT_PLUS_NUM
-        })
-      ]);
+      return (0, import_vue.h)(
+        "button",
+        {
+          key: "next",
+          class: [
+            "vxe-number-input--plus-btn is--plus",
+            {
+              "is--disabled": isDisabledAddNumber
+            }
+          ],
+          type: "button",
+          onClick: numberClickEvent,
+          onMousedown: numberMousedownEvent,
+          onMouseup: numberStopAll,
+          onMouseleave: numberStopAll
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: plusIcon || getIcon().NUMBER_INPUT_PLUS_NUM
+          })
+        ]
+      );
     };
     const renderSideControl = () => {
-      return (0, import_vue.h)("div", {
-        key: "cplr",
-        class: "vxe-number-input--side-control"
-      }, [
-        renderPlusBtn(),
-        renderMinusBtn()
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          key: "cplr",
+          class: "vxe-number-input--side-control"
+        },
+        [renderPlusBtn(), renderMinusBtn()]
+      );
     };
     const renderFloat = () => {
       const { floatContent } = props;
       const floatSlot = slots.float;
       if (floatContent || floatSlot) {
-        return (0, import_vue.h)("span", {
-          class: "vxe-number-input--float-wrapper"
-        }, floatSlot ? floatSlot({}) : (0, import_utils.getText)(floatContent));
+        return (0, import_vue.h)(
+          "span",
+          {
+            class: "vxe-number-input--float-wrapper"
+          },
+          floatSlot ? floatSlot({}) : (0, import_utils.getText)(floatContent)
+        );
       }
-      return (0, import_ui.renderEmptyElement)($xeNumberInput);
+      return renderEmptyElement($xeNumberInput);
     };
     const renderVN = () => {
       const { className, controls, type, align, prefixIcon, suffixIcon, floatContent, floatAlign } = props;
@@ -1046,61 +1114,70 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       const prefixSlot = slots.prefix;
       const suffixSlot = slots.suffix;
       if (formReadonly) {
-        return (0, import_vue.h)("div", {
-          ref: refElem,
-          class: ["vxe-number-input--readonly", `type--${type}`, className]
-        }, numLabel);
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: ["vxe-number-input--readonly", `type--${type}`, className]
+          },
+          numLabel
+        );
       }
       const currStyle = computeCurrStyle.value;
       const inputReadonly = computeInputReadonly.value;
       const isClearable = computeIsClearable.value;
       const isControls = (0, import_utils.isEnableConf)(controlOpts) && (controls === false ? controls : showButton);
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-number-input", `type--${type}`, isControls ? `ctl--${layout === "right" || layout === "left" ? layout : "default"}` : "", floatContent ? `fla--${floatAlign || "center"}` : "", className, {
-          [`size--${vSize}`]: vSize,
-          [`is--${align}`]: align,
-          "is--controls": isControls && !inputReadonly,
-          "is--prefix": !!prefixSlot || prefixIcon,
-          "is--suffix": !!suffixSlot || suffixIcon,
-          "is--disabled": isDisabled,
-          "is--active": isActivated,
-          "show--clear": isClearable && !isDisabled && !(inputValue === "" || import_xe_utils.default.eqNull(inputValue))
-        }],
-        style: currStyle,
-        spellcheck: false,
-        onMouseenter: mouseenterEvent,
-        onMouseleave: mouseleaveEvent
-      }, isControls ? layout === "right" ? [
-        renderInput(),
-        renderSideControl()
-      ] : layout === "left" ? [
-        renderSideControl(),
-        renderInput()
-      ] : [
-        renderMinusBtn(),
-        renderInput(),
-        renderPlusBtn()
-      ] : [
-        renderInput()
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-number-input",
+            `type--${type}`,
+            isControls ? `ctl--${layout === "right" || layout === "left" ? layout : "default"}` : "",
+            floatContent ? `fla--${floatAlign || "center"}` : "",
+            className,
+            {
+              [`size--${vSize}`]: vSize,
+              [`is--${align}`]: align,
+              "is--controls": isControls && !inputReadonly,
+              "is--prefix": !!prefixSlot || prefixIcon,
+              "is--suffix": !!suffixSlot || suffixIcon,
+              "is--disabled": isDisabled,
+              "is--active": isActivated,
+              "show--clear": isClearable && !isDisabled && !(inputValue === "" || import_xe_utils.default.eqNull(inputValue))
+            }
+          ],
+          style: currStyle,
+          spellcheck: false,
+          onMouseenter: mouseenterEvent,
+          onMouseleave: mouseleaveEvent
+        },
+        isControls ? layout === "right" ? [renderInput(), renderSideControl()] : layout === "left" ? [renderSideControl(), renderInput()] : [renderMinusBtn(), renderInput(), renderPlusBtn()] : [renderInput()]
+      );
     };
     $xeNumberInput.renderVN = renderVN;
-    (0, import_vue.watch)(() => props.modelValue, (val) => {
-      if (!internalData.isUM) {
-        updateModel(val);
+    (0, import_vue.watch)(
+      () => props.modelValue,
+      (val) => {
+        if (!internalData.isUM) {
+          updateModel(val);
+        }
+        internalData.isUM = false;
       }
-      internalData.isUM = false;
-    });
-    (0, import_vue.watch)(() => props.type, () => {
-      Object.assign(reactData, {
-        inputValue: props.modelValue
-      });
-      initValue();
-    });
+    );
+    (0, import_vue.watch)(
+      () => props.type,
+      () => {
+        Object.assign(reactData, {
+          inputValue: props.modelValue
+        });
+        initValue();
+      }
+    );
     (0, import_vue.onMounted)(() => {
       if (props.showTooltip) {
-        if (!import_ui.VxeUI.tooltip) {
+        if (!import_core.VxeUI.tooltip) {
           errLog("vxe.error.reqComp", ["vxe-tooltip"]);
         }
       }
@@ -1109,9 +1186,9 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       if (targetElem) {
         targetElem.addEventListener("wheel", wheelEvent, { passive: false });
       }
-      import_ui.globalEvents.on($xeNumberInput, "mousedown", handleGlobalMousedownEvent);
-      import_ui.globalEvents.on($xeNumberInput, "keydown", handleGlobalKeydownEvent);
-      import_ui.globalEvents.on($xeNumberInput, "blur", handleGlobalBlurEvent);
+      globalEvents.on($xeNumberInput, "mousedown", handleGlobalMousedownEvent);
+      globalEvents.on($xeNumberInput, "keydown", handleGlobalKeydownEvent);
+      globalEvents.on($xeNumberInput, "blur", handleGlobalBlurEvent);
     });
     (0, import_vue.onBeforeUnmount)(() => {
       reactData.isFocus = false;
@@ -1121,9 +1198,9 @@ var number_input_default = (0, import_comp.defineVxeComponent)({
       if (targetElem) {
         targetElem.removeEventListener("wheel", wheelEvent);
       }
-      import_ui.globalEvents.off($xeNumberInput, "mousedown");
-      import_ui.globalEvents.off($xeNumberInput, "keydown");
-      import_ui.globalEvents.off($xeNumberInput, "blur");
+      globalEvents.off($xeNumberInput, "mousedown");
+      globalEvents.off($xeNumberInput, "keydown");
+      globalEvents.off($xeNumberInput, "blur");
     });
     initValue();
     return $xeNumberInput;