@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/InputNumber/InputNumber.mjs

@@ -0,0 +1,199 @@
+import { defineComponent, inject, ref, nextTick, cloneVNode, createVNode, mergeProps, Fragment } from 'vue';
+import { UIcon } from '../Icon/index.mjs';
+import { ULineSortRight } from '@koi-design/uxd-icon';
+import { omit } from 'lodash-unified';
+import warning from '../../utils/warn.mjs';
+import { getSlot } from '../../utils/slots.mjs';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import useInitValue from '../base/hooks/useInitValue.mjs';
+import '../Form/index.mjs';
+import SingleInput from './SingleInput.mjs';
+import { inputNumberProps, inputNumberEmits } from './InputNumber.type.mjs';
+import { FormItemKey } from '../Form/utils.mjs';
+
+var InputNumber = defineComponent({
+  name: "UInputNumber",
+  props: inputNumberProps,
+  emits: inputNumberEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      prefixCls
+    } = useGlobalConfig("input-number");
+    const {
+      onFieldChange,
+      onFieldBlur
+    } = inject(FormItemKey, {});
+    const inputRefs = ref([]);
+    const forceUpdateChildren = (index) => {
+      nextTick(() => {
+        const childInstance = inputRefs.value[index];
+        childInstance.forceUpdate();
+      });
+    };
+    const handleModelValueChange = (nextValue) => {
+      if (Array.isArray(nextValue)) {
+        nextValue.forEach((valueItem, index) => {
+          forceUpdateChildren(index);
+        });
+      } else {
+        forceUpdateChildren(0);
+      }
+    };
+    const initValue = props.type === "number" ? null : [null, null];
+    const {
+      stateValue
+    } = useInitValue(props, initValue, handleModelValueChange);
+    const events = {
+      onChange(nextValue, index, userTyping) {
+        if (index === void 0) {
+          stateValue.value = nextValue;
+        } else {
+          let tempState = [...stateValue.value];
+          tempState[index] = nextValue;
+          if (tempState[0] !== null && tempState[1] !== null && tempState[0] > tempState[1] && !userTyping) {
+            if (!(props.allowUnilateral && (tempState[0] === "" || tempState[1] === ""))) {
+              if (index === 0) {
+                tempState = [tempState[1], tempState[1]];
+              }
+              if (index === 1) {
+                tempState = [tempState[0], tempState[0]];
+              }
+            }
+          }
+          stateValue.value = tempState;
+          nextTick(() => {
+            const childInstance = inputRefs.value[index];
+            childInstance.forceUpdate();
+          });
+        }
+        emit("update:modelValue", stateValue.value);
+        emit("change", stateValue.value);
+        if (onFieldChange) {
+          onFieldChange(stateValue.value);
+        }
+      },
+      onEnter(e) {
+        emit("enter", e);
+      },
+      onFocus() {
+        emit("focus");
+      },
+      onBlur() {
+        emit("blur", stateValue.value);
+        if (onFieldBlur) {
+          onFieldBlur(stateValue.value);
+        }
+      }
+    };
+    const renderPrefix = () => {
+      const prefixSlot = getSlot(slots, "prefix");
+      if (prefixSlot && prefixSlot.length) {
+        return cloneVNode(prefixSlot[0], {
+          size: props.size
+        });
+      }
+      return props.prefix || null;
+    };
+    const renderSuffix = () => {
+      const suffixSlot = getSlot(slots, "suffix");
+      if (suffixSlot && suffixSlot.length) {
+        return cloneVNode(suffixSlot[0]);
+      }
+      return props.suffix || null;
+    };
+    return {
+      events,
+      stateValue,
+      inputRefs,
+      prefixCls,
+      renderPrefix,
+      renderSuffix
+    };
+  },
+  render() {
+    const commonProps = omit(this.$props, ["type", "placeholder", "prefix", "suffix"]);
+    const getPlaceholder = (idx) => {
+      if (this.type === "number") {
+        if (this.placeholder && typeof this.placeholder === "string") {
+          return this.placeholder;
+        }
+      }
+      if (this.type === "numberRange") {
+        if (this.placeholder && Array.isArray(this.placeholder)) {
+          return this.placeholder[idx];
+        }
+        return this.placeholder;
+      }
+    };
+    if (this.type === "number") {
+      return createVNode(SingleInput, mergeProps({
+        "singleValue": this.stateValue,
+        "renderPrefix": this.renderPrefix,
+        "renderSuffix": this.renderSuffix
+      }, commonProps, {
+        "placeholder": getPlaceholder(0)
+      }, this.events, {
+        "ref": (inputRef) => {
+          this.inputRefs[0] = inputRef;
+        }
+      }), null);
+    }
+    if (this.type === "numberRange") {
+      if (this.modelValue && !Array.isArray(this.stateValue)) {
+        warning('UInputNumber: when type prop is "numberRange", modelValue only accept Array prop');
+        return null;
+      }
+      if (!Array.isArray(this.stateValue) || this.stateValue.length !== 2) {
+        this.stateValue = [null, null];
+      }
+      const separator = this.$slots.separator ? this.$slots.separator() : this.separator ? createVNode(Fragment, null, [this.separator]) : createVNode(UIcon, null, {
+        default: () => [createVNode(ULineSortRight, null, null)]
+      });
+      return createVNode("div", {
+        "class": {
+          [`${this.prefixCls}-range-wrap`]: true,
+          [`${this.prefixCls}-range-wrap-disabled`]: this.disabled,
+          [`${this.prefixCls}-range-wrap-variant-${this.variant}`]: true,
+          [`${this.prefixCls}-range-wrap-size-${this.size}`]: true
+        },
+        "data-color": this.color
+      }, [this.renderPrefix() ? createVNode("div", {
+        "class": `${this.prefixCls}-prepend`
+      }, [this.renderPrefix()]) : null, this.label && createVNode("label", {
+        "class": {
+          [`${this.prefixCls}-label`]: true,
+          [`${this.prefixCls}-label-colon`]: this.labelColon,
+          [`${this.prefixCls}-label-required`]: this.required
+        }
+      }, [this.label]), createVNode(SingleInput, mergeProps({
+        "numberIndex": 0,
+        "singleValue": this.stateValue[0]
+      }, commonProps, {
+        "placeholder": getPlaceholder(0)
+      }, this.events, {
+        "ref": (inputRef) => {
+          this.inputRefs[0] = inputRef;
+        }
+      }), null), createVNode("span", {
+        "class": `${this.prefixCls}-range-separator`
+      }, [separator]), createVNode(SingleInput, mergeProps({
+        "numberIndex": 1,
+        "singleValue": this.stateValue[1]
+      }, commonProps, {
+        "placeholder": getPlaceholder(1),
+        "renderSuffix": this.renderSuffix
+      }, this.events, {
+        "ref": (inputRef) => {
+          this.inputRefs[1] = inputRef;
+        }
+      }), null)]);
+    }
+    return null;
+  }
+});
+
+export { InputNumber as default };
+//# sourceMappingURL=InputNumber.mjs.map

package/es/components/InputNumber/InputNumber.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.mjs","sources":["../../../../src/components/InputNumber/InputNumber.tsx"],"sourcesContent":["import { ref, defineComponent, inject, nextTick, cloneVNode } from 'vue';\nimport type { VNodeChild } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineSortRight } from '@koi-design/uxd-icon';\nimport type { JSX } from 'vue/jsx-runtime';\nimport { omit } from 'lodash-unified';\nimport warning from '../../utils/warn';\nimport { getSlot } from '../../utils/slots';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport useInitValue from '../base/hooks/useInitValue';\nimport { FormItemKey } from '../Form';\nimport SingleInput from './SingleInput';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { inputNumberProps, inputNumberEmits, type InputNumberSingleValueType } from './InputNumber.type';\n\nexport default defineComponent({\n  name: 'UInputNumber',\n  props: inputNumberProps,\n  emits: inputNumberEmits,\n  setup(props, { emit, slots }) {\n    // prefixCls\n    const { prefixCls } = useGlobalConfig('input-number');\n    const { onFieldChange, onFieldBlur } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n\n    const inputRefs = ref<InstanceType<typeof SingleInput>[]>([]);\n\n    /**\n     * @param {number} index\n     * @return {*}\n     * @description update child instance state\n     */\n    const forceUpdateChildren = (index: number) => {\n      nextTick(() => {\n        const childInstance = inputRefs.value[index];\n        (childInstance as any).forceUpdate();\n      });\n    };\n\n    const handleModelValueChange = (nextValue: any) => {\n      if (Array.isArray(nextValue)) {\n        nextValue.forEach((valueItem, index) => {\n          forceUpdateChildren(index);\n        });\n      } else {\n        forceUpdateChildren(0);\n      }\n    };\n\n    // init inputValue\n    const initValue: any = props.type === 'number' ? null : [null, null];\n    const { stateValue } = useInitValue(props, initValue as any, handleModelValueChange);\n\n    const events = {\n      /**\n       * @param {InputNumberSingleValueType} nextValue number value\n       * @param {number | undefined} index range number index, the value is single if index is undefined\n       * @return {*}\n       * @description emited by SingleInput, change value\n       */\n      onChange(nextValue: InputNumberSingleValueType, index: number | undefined, userTyping: boolean) {\n        // if index exist, stateValue should be an Array\n        if (index === undefined) {\n          stateValue.value = nextValue;\n        } else {\n          let tempState: InputNumberSingleValueType[] = [...(stateValue.value as InputNumberSingleValueType[])];\n          tempState[index] = nextValue;\n          if (tempState[0] !== null && tempState[1] !== null && tempState[0] > tempState[1] && !userTyping) {\n            if (!(props.allowUnilateral && (tempState[0] === '' || tempState[1] === ''))) {\n              if (index === 0) {\n                tempState = [tempState[1], tempState[1]];\n              }\n              if (index === 1) {\n                tempState = [tempState[0], tempState[0]];\n              }\n            }\n          }\n          stateValue.value = tempState;\n          nextTick(() => {\n            const childInstance = inputRefs.value[index];\n            (childInstance as any).forceUpdate();\n          });\n        }\n\n        emit('update:modelValue', stateValue.value);\n        emit('change', stateValue.value);\n        if (onFieldChange) {\n          onFieldChange(stateValue.value);\n        }\n      },\n      onEnter(e: any) {\n        emit('enter', e);\n      },\n      onFocus() {\n        emit('focus');\n      },\n      onBlur() {\n        emit('blur', stateValue.value);\n        if (onFieldBlur) {\n          onFieldBlur(stateValue.value);\n        }\n      }\n    };\n\n    const renderPrefix = () => {\n      const prefixSlot = getSlot(slots, 'prefix');\n      if (prefixSlot && prefixSlot.length) {\n        return cloneVNode((prefixSlot as any)[0], { size: props.size });\n      }\n      return props.prefix || null;\n    };\n\n    const renderSuffix = () => {\n      const suffixSlot = getSlot(slots, 'suffix');\n      if (suffixSlot && suffixSlot.length) {\n        return cloneVNode((suffixSlot as any)[0]);\n      }\n      return props.suffix || null;\n    };\n\n    return {\n      events,\n      stateValue,\n      inputRefs,\n      prefixCls,\n      renderPrefix,\n      renderSuffix\n    };\n  },\n  render() {\n    const commonProps = omit(this.$props, ['type', 'placeholder', 'prefix', 'suffix']);\n\n    const getPlaceholder = (idx: number): string | undefined => {\n      if (this.type === 'number') {\n        if (this.placeholder && typeof this.placeholder === 'string') {\n          return this.placeholder;\n        }\n      }\n      if (this.type === 'numberRange') {\n        if (this.placeholder && Array.isArray(this.placeholder)) {\n          return this.placeholder[idx];\n        }\n        return this.placeholder as string;\n      }\n    };\n\n    if (this.type === 'number') {\n      return (\n        <SingleInput\n          singleValue={this.stateValue as InputNumberSingleValueType}\n          renderPrefix={this.renderPrefix}\n          renderSuffix={this.renderSuffix}\n          {...commonProps}\n          placeholder={getPlaceholder(0)}\n          {...this.events}\n          ref={(inputRef: any) => {\n            this.inputRefs[0] = inputRef;\n          }}\n        />\n      );\n    }\n    if (this.type === 'numberRange') {\n      if (this.modelValue && !Array.isArray(this.stateValue)) {\n        warning('UInputNumber: when type prop is \"numberRange\", modelValue only accept Array prop');\n        return null;\n      }\n\n      if (!Array.isArray(this.stateValue) || this.stateValue.length !== 2) {\n        this.stateValue = [null, null];\n      }\n\n      const separator: JSX.Element | VNodeChild = this.$slots.separator ? (\n        this.$slots.separator()\n      ) : this.separator ? (\n        <>{this.separator}</>\n      ) : (\n        <UIcon>\n          <ULineSortRight />\n        </UIcon>\n      );\n\n      return (\n        <div\n          class={{\n            [`${this.prefixCls}-range-wrap`]: true,\n            [`${this.prefixCls}-range-wrap-disabled`]: this.disabled,\n            [`${this.prefixCls}-range-wrap-variant-${this.variant}`]: true,\n            [`${this.prefixCls}-range-wrap-size-${this.size}`]: true\n          }}\n          data-color={this.color}\n        >\n          {this.renderPrefix() ? <div class={`${this.prefixCls}-prepend`}>{this.renderPrefix()}</div> : null}\n          {this.label && (\n            <label\n              class={{\n                [`${this.prefixCls}-label`]: true,\n                [`${this.prefixCls}-label-colon`]: this.labelColon,\n                [`${this.prefixCls}-label-required`]: this.required\n              }}\n            >\n              {this.label}\n            </label>\n          )}\n          <SingleInput\n            numberIndex={0}\n            singleValue={(this.stateValue as InputNumberSingleValueType[])[0]}\n            {...commonProps}\n            placeholder={getPlaceholder(0)}\n            {...this.events}\n            ref={(inputRef: any) => {\n              this.inputRefs[0] = inputRef;\n            }}\n          />\n          <span class={`${this.prefixCls}-range-separator`}>{separator}</span>\n          <SingleInput\n            numberIndex={1}\n            singleValue={(this.stateValue as InputNumberSingleValueType[])[1]}\n            {...commonProps}\n            placeholder={getPlaceholder(1)}\n            renderSuffix={this.renderSuffix}\n            {...this.events}\n            ref={(inputRef: any) => {\n              this.inputRefs[1] = inputRef;\n            }}\n          />\n        </div>\n      );\n    }\n    return null;\n  }\n});\n"],"names":["defineComponent","name","props","inputNumberProps","emits","inputNumberEmits","setup","emit","slots","prefixCls","useGlobalConfig","onFieldChange","onFieldBlur","inject","FormItemKey","inputRefs","ref","forceUpdateChildren","index","nextTick","childInstance","value","forceUpdate","handleModelValueChange","nextValue","Array","isArray","forEach","valueItem","initValue","type","stateValue","useInitValue","events","onChange","userTyping","undefined","tempState","allowUnilateral","onEnter","e","onFocus","onBlur","renderPrefix","prefixSlot","getSlot","length","cloneVNode","size","prefix","renderSuffix","suffixSlot","suffix","render","commonProps","omit","$props","getPlaceholder","idx","placeholder","_createVNode","SingleInput","_mergeProps","inputRef","modelValue","warning","separator","$slots","_Fragment","UIcon","default","ULineSortRight","disabled","variant","color","label","labelColon","required"],"mappings":";;;;;;;;;;;;;AAeA,kBAAeA,gBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,IAAMC;AAAAA,KAAS;AAE5B,UAAM;AAAA,MAAEC;AAAAA,QAAcC,gBAAgB,cAAc;AACpD,UAAM;AAAA,MAAEC;AAAAA,MAAeC;AAAAA,QAAgBC,OAAwBC,aAAa,EAAqB;AAEjG,UAAMC,YAAYC,IAAwC,EAAE;AAO5D,UAAMC,sBAAuBC,WAAkB;AAC7CC,eAAS,MAAM;AACb,cAAMC,gBAAgBL,UAAUM,MAAMH;AACrCE,sBAAsBE;AAAY,OACpC;AAAA;AAGH,UAAMC,yBAA0BC,eAAmB;AACjD,UAAIC,MAAMC,QAAQF,SAAS,GAAG;AAC5BA,kBAAUG,QAAQ,CAACC,WAAWV,UAAU;AACtCD,8BAAoBC,KAAK;AAAA,SAC1B;AAAA,aACI;AACLD,4BAAoB,CAAC;AAAA;AACvB;AAIF,UAAMY,YAAiB3B,MAAM4B,SAAS,WAAW,OAAO,CAAC,MAAM,IAAI;AACnE,UAAM;AAAA,MAAEC;AAAAA,QAAeC,aAAa9B,OAAO2B,WAAkBN,sBAAsB;AAEnF,UAAMU,SAAS;AAAA,MAObC,SAASV,WAAuCN,OAA2BiB,YAAqB;AAE9F,YAAIjB,UAAUkB,QAAW;AACvBL,qBAAWV,QAAQG;AAAAA,eACd;AACL,cAAIa,YAA0C,CAAC,GAAIN,WAAWV,KAAsC;AACpGgB,oBAAUnB,SAASM;AACnB,cAAIa,UAAU,OAAO,QAAQA,UAAU,OAAO,QAAQA,UAAU,KAAKA,UAAU,MAAM,CAACF,YAAY;AAChG,gBAAI,EAAEjC,MAAMoC,oBAAoBD,UAAU,OAAO,MAAMA,UAAU,OAAO,MAAM;AAC5E,kBAAInB,UAAU,GAAG;AACfmB,4BAAY,CAACA,UAAU,IAAIA,UAAU,EAAE;AAAA;AAEzC,kBAAInB,UAAU,GAAG;AACfmB,4BAAY,CAACA,UAAU,IAAIA,UAAU,EAAE;AAAA;AACzC;AACF;AAEFN,qBAAWV,QAAQgB;AACnBlB,mBAAS,MAAM;AACb,kBAAMC,gBAAgBL,UAAUM,MAAMH;AACrCE,0BAAsBE;AAAY,WACpC;AAAA;AAGHf,aAAK,qBAAqBwB,WAAWV,KAAK;AAC1Cd,aAAK,UAAUwB,WAAWV,KAAK;AAC/B,YAAIV,eAAe;AACjBA,wBAAcoB,WAAWV,KAAK;AAAA;AAChC;AACF,MACAkB,QAAQC,GAAQ;AACdjC,aAAK,SAASiC,CAAC;AAAA;AACjB,MACAC,UAAU;AACRlC,aAAK,OAAO;AAAA;AACd,MACAmC,SAAS;AACPnC,aAAK,QAAQwB,WAAWV,KAAK;AAC7B,YAAIT,aAAa;AACfA,sBAAYmB,WAAWV,KAAK;AAAA;AAC9B;AACF;AAGF,UAAMsB,eAAeA,MAAM;AACzB,YAAMC,aAAaC,QAAQrC,OAAO,QAAQ;AAC1C,UAAIoC,cAAcA,WAAWE,QAAQ;AACnC,eAAOC,WAAYH,WAAmB,IAAI;AAAA,UAAEI,MAAM9C,MAAM8C;AAAAA,SAAM;AAAA;AAEhE,aAAO9C,MAAM+C,UAAU;AAAA;AAGzB,UAAMC,eAAeA,MAAM;AACzB,YAAMC,aAAaN,QAAQrC,OAAO,QAAQ;AAC1C,UAAI2C,cAAcA,WAAWL,QAAQ;AACnC,eAAOC,WAAYI,WAAmB,EAAE;AAAA;AAE1C,aAAOjD,MAAMkD,UAAU;AAAA;AAGzB,WAAO;AAAA,MACLnB;AAAAA,MACAF;AAAAA,MACAhB;AAAAA,MACAN;AAAAA,MACAkC;AAAAA,MACAO;AAAAA;AACF;AACF,EACAG,SAAS;AACP,UAAMC,cAAcC,KAAK,KAAKC,QAAQ,CAAC,QAAQ,eAAe,UAAU,QAAQ,CAAC;AAEjF,UAAMC,iBAAkBC,SAAoC;AAC1D,UAAI,KAAK5B,SAAS,UAAU;AAC1B,YAAI,KAAK6B,eAAe,OAAO,KAAKA,gBAAgB,UAAU;AAC5D,iBAAO,KAAKA;AAAAA;AACd;AAEF,UAAI,KAAK7B,SAAS,eAAe;AAC/B,YAAI,KAAK6B,eAAelC,MAAMC,QAAQ,KAAKiC,WAAW,GAAG;AACvD,iBAAO,KAAKA,YAAYD;AAAAA;AAE1B,eAAO,KAAKC;AAAAA;AACd;AAGF,QAAI,KAAK7B,SAAS,UAAU;AAC1B,aAAA8B,YAAAC,aAAAC;QAAA,eAEiB,KAAK/B;AAAAA,QAAU,gBACd,KAAKY;AAAAA,QAAY,gBACjB,KAAKO;AAAAA,SACfI;QAAW,eACFG,eAAe,CAAC;AAAA,SACzB,KAAKxB;QAAM,OACT8B,cAAkB;AACtB,eAAKhD,UAAU,KAAKgD;AAAAA;AACtB;;AAIN,QAAI,KAAKjC,SAAS,eAAe;AAC/B,UAAI,KAAKkC,cAAc,CAACvC,MAAMC,QAAQ,KAAKK,UAAU,GAAG;AACtDkC,gBAAQ,kFAAkF;AAC1F,eAAO;AAAA;AAGT,UAAI,CAACxC,MAAMC,QAAQ,KAAKK,UAAU,KAAK,KAAKA,WAAWe,WAAW,GAAG;AACnE,aAAKf,aAAa,CAAC,MAAM,IAAI;AAAA;AAG/B,YAAMmC,YAAsC,KAAKC,OAAOD,YACtD,KAAKC,OAAOD,cACV,KAAKA,YAASN,YAAAQ,iBACb,KAAKF,SAAS,KAAAN,YAAAS;QAAAC,SAAAA,OAAAV,YAAAW;;AAOnB,aAAAX;QAAA,SAEW;AAAA,UACL,CAAE,GAAE,KAAKnD,yBAAyB;AAAA,UAClC,CAAE,GAAE,KAAKA,kCAAkC,KAAK+D;AAAAA,UAChD,CAAE,GAAE,KAAK/D,gCAAgC,KAAKgE,YAAY;AAAA,UAC1D,CAAE,GAAE,KAAKhE,6BAA6B,KAAKuC,SAAS;AAAA;AACtD,QAAC,cACW,KAAK0B;AAAAA,UAEhB,KAAK/B,iBAAciB;QAAA,SAAgB,GAAE,KAAKnD;AAAAA,UAAsB,KAAKkC,cAAc,KAAU,MAC7F,KAAKgC,SAAKf;QAAA,SAEA;AAAA,UACL,CAAE,GAAE,KAAKnD,oBAAoB;AAAA,UAC7B,CAAE,GAAE,KAAKA,0BAA0B,KAAKmE;AAAAA,UACxC,CAAE,GAAE,KAAKnE,6BAA6B,KAAKoE;AAAAA;AAC7C,UAEC,KAAKF,KAAK,IAEdf,YAAAC,aAAAC;QAAA,eAEc;AAAA,QAAC,eACA,KAAK/B,WAA4C;AAAA,SAC3DuB;QAAW,eACFG,eAAe,CAAC;AAAA,SACzB,KAAKxB;QAAM,OACT8B,cAAkB;AACtB,eAAKhD,UAAU,KAAKgD;AAAAA;AACtB,iBAACH;QAAA,SAEW,GAAE,KAAKnD;AAAAA,UAA8ByD,SAAS,IAAAN,YAAAC,aAAAC;QAAA,eAE7C;AAAA,QAAC,eACA,KAAK/B,WAA4C;AAAA,SAC3DuB;QAAW,eACFG,eAAe,CAAC;AAAA,QAAC,gBAChB,KAAKP;AAAAA,SACf,KAAKjB;QAAM,OACT8B,cAAkB;AACtB,eAAKhD,UAAU,KAAKgD;AAAAA;AACtB;;AAKR,WAAO;AAAA;AAEX,CAAC;;;;"}

package/es/components/InputNumber/InputNumber.type.d.ts

@@ -0,0 +1,112 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type InputNumber from './InputNumber';
+export declare type InputNumberSingleValueType = number | string | null;
+export declare type ParserFunction = (value: string) => string;
+export declare type FormatterFunction = (value: InputNumberSingleValueType) => string;
+export declare const inputNumberType: string[];
+export declare type InputNumberType = (typeof inputNumberType)[number];
+export declare const MAX_SAFE_INTEGER: number;
+export declare const inputNumberProps: {
+    modelValue: {
+        type: PropType<InputNumberSingleValueType | InputNumberSingleValueType[]>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+        validator: (val: "small" | "default" | "large") => boolean;
+    };
+    prefix: {
+        type: StringConstructor;
+    };
+    suffix: {
+        type: StringConstructor;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    precision: {
+        type: NumberConstructor;
+    };
+    parser: {
+        type: PropType<ParserFunction>;
+    };
+    formatter: {
+        type: PropType<FormatterFunction>;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    blockMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<string>;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    separator: {
+        type: StringConstructor;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: PropType<string | [string, string]>;
+    };
+    color: {
+        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
+        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelColon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"surface" | "soft">;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    allowUnilateral: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type InputNumberProps = ExtractPropTypes<typeof inputNumberProps>;
+export declare const inputNumberEmits: {
+    'update:modelValue': (v: InputNumberSingleValueType | InputNumberSingleValueType[]) => boolean;
+    change: (v: InputNumberSingleValueType | InputNumberSingleValueType[]) => boolean;
+    enter: (e: Event) => boolean;
+    blur: (v: InputNumberSingleValueType | InputNumberSingleValueType[]) => boolean;
+    focus: () => boolean;
+};
+export declare type InputNumberEmits = typeof inputNumberEmits;
+export declare type InputNumberInstanceType = InstanceType<typeof InputNumber>;

package/es/components/InputNumber/InputNumber.type.mjs

@@ -0,0 +1,127 @@
+import { normalSizeMap, colorType } from '../../utils/globalType.mjs';
+import { oneOf } from '../../utils/propsValidators.mjs';
+
+const inputNumberType = ["number", "numberRange"];
+const MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER || 2 ** 53 - 1;
+const inputNumberProps = {
+  modelValue: {
+    type: [Number, String, Array]
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  min: {
+    type: Number,
+    default: -MAX_SAFE_INTEGER
+  },
+  max: {
+    type: Number,
+    default: MAX_SAFE_INTEGER
+  },
+  size: {
+    type: String,
+    default: "default",
+    validator: oneOf(normalSizeMap)
+  },
+  prefix: {
+    type: String
+  },
+  suffix: {
+    type: String
+  },
+  step: {
+    type: Number,
+    default: 1
+  },
+  precision: {
+    type: Number
+  },
+  parser: {
+    type: Function
+  },
+  formatter: {
+    type: Function
+  },
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+  blockMode: {
+    type: Boolean,
+    default: false
+  },
+  type: {
+    type: String,
+    default: "number",
+    validator: oneOf(inputNumberType)
+  },
+  separator: {
+    type: String
+  },
+  controls: {
+    type: Boolean,
+    default: true
+  },
+  placeholder: {
+    type: [String, Array]
+  },
+  color: {
+    type: String,
+    default: void 0,
+    validator: oneOf(colorType)
+  },
+  label: {
+    type: String,
+    default: ""
+  },
+  labelColon: {
+    type: Boolean,
+    default: true
+  },
+  required: {
+    type: Boolean,
+    default: false
+  },
+  variant: {
+    type: String,
+    default: "surface",
+    validator: oneOf(["surface", "soft"])
+  },
+  allowUnilateral: {
+    type: Boolean,
+    default: false
+  }
+};
+const inputNumberEmits = {
+  "update:modelValue": (v) => {
+    const singeV = (x) => x === null || typeof x === "number" || typeof x === "string";
+    if (Array.isArray(v)) {
+      return v.length === 2 && v.every((x) => singeV(x));
+    }
+    return singeV(v);
+  },
+  change: (v) => {
+    const singeV = (x) => x === null || typeof x === "number" || typeof x === "string";
+    if (Array.isArray(v)) {
+      return v.length === 2 && v.every((x) => singeV(x));
+    }
+    return singeV(v);
+  },
+  enter: (e) => e instanceof Event,
+  blur: (v) => {
+    const singeV = (x) => x === null || typeof x === "number" || typeof x === "string";
+    if (Array.isArray(v)) {
+      return v.length === 2 && v.every((x) => singeV(x));
+    }
+    return singeV(v);
+  },
+  focus: () => true
+};
+
+export { MAX_SAFE_INTEGER, inputNumberEmits, inputNumberProps, inputNumberType };
+//# sourceMappingURL=InputNumber.type.mjs.map

package/es/components/InputNumber/InputNumber.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.type.mjs","sources":["../../../../src/components/InputNumber/InputNumber.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport { colorType, normalSizeMap } from '../../utils/globalType';\nimport type { ColorType, NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type InputNumber from './InputNumber';\n\nexport type InputNumberSingleValueType = number | string | null;\nexport type ParserFunction = (value: string) => string;\nexport type FormatterFunction = (value: InputNumberSingleValueType) => string;\n\nexport const inputNumberType = ['number', 'numberRange'];\nexport type InputNumberType = (typeof inputNumberType)[number];\nexport const MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER || 2 ** 53 - 1;\n\nexport const inputNumberProps = {\n  modelValue: {\n    type: [Number, String, Array] as PropType<InputNumberSingleValueType | InputNumberSingleValueType[]>\n  },\n  disabled: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  min: {\n    type: Number,\n    default: -MAX_SAFE_INTEGER\n  },\n  max: {\n    type: Number,\n    default: MAX_SAFE_INTEGER\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap)\n  },\n  prefix: {\n    type: String\n  },\n  suffix: {\n    type: String\n  },\n  step: {\n    type: Number,\n    default: 1\n  },\n  precision: {\n    type: Number\n  },\n  parser: {\n    type: Function as PropType<ParserFunction>\n  },\n  formatter: {\n    type: Function as PropType<FormatterFunction>\n  },\n  autoFocus: {\n    type: Boolean,\n    default: false\n  },\n  readonly: {\n    type: Boolean,\n    default: false\n  },\n  blockMode: {\n    type: Boolean,\n    default: false\n  },\n  type: {\n    type: String as PropType<InputNumberType>,\n    default: 'number',\n    validator: oneOf(inputNumberType)\n  },\n  separator: {\n    type: String\n  },\n  controls: {\n    type: Boolean,\n    default: true\n  },\n  placeholder: {\n    type: [String, Array] as PropType<string | [string, string]>\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  },\n  label: {\n    type: String,\n    default: ''\n  },\n  labelColon: {\n    type: Boolean,\n    default: true\n  },\n  required: {\n    type: Boolean,\n    default: false\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft'])\n  },\n\n  allowUnilateral: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport type InputNumberProps = ExtractPropTypes<typeof inputNumberProps>;\n\nexport const inputNumberEmits = {\n  'update:modelValue': (v: InputNumberSingleValueType | InputNumberSingleValueType[]) => {\n    const singeV = (x: InputNumberSingleValueType) => x === null || typeof x === 'number' || typeof x === 'string';\n    if (Array.isArray(v)) {\n      return v.length === 2 && v.every((x) => singeV(x));\n    }\n    return singeV(v);\n  },\n  change: (v: InputNumberSingleValueType | InputNumberSingleValueType[]) => {\n    const singeV = (x: InputNumberSingleValueType) => x === null || typeof x === 'number' || typeof x === 'string';\n    if (Array.isArray(v)) {\n      return v.length === 2 && v.every((x) => singeV(x));\n    }\n    return singeV(v);\n  },\n  enter: (e: Event) => e instanceof Event,\n  blur: (v: InputNumberSingleValueType | InputNumberSingleValueType[]) => {\n    const singeV = (x: InputNumberSingleValueType) => x === null || typeof x === 'number' || typeof x === 'string';\n    if (Array.isArray(v)) {\n      return v.length === 2 && v.every((x) => singeV(x));\n    }\n    return singeV(v);\n  },\n  focus: () => true\n};\n\nexport type InputNumberEmits = typeof inputNumberEmits;\n\nexport type InputNumberInstanceType = InstanceType<typeof InputNumber>;\n"],"names":[],"mappings":"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"}