ep-craft 0.1.28 → 0.1.30

package/dist/components/input-number/input-number.d.ts

@@ -0,0 +1,169 @@
+import type { ExtractPublicPropTypes, HTMLAttributes } from 'vue';
+import type { ComponentSize } from '@element-plus/constants';
+/**
+ * @description input-number component props
+ */
+export interface InputNumberProps {
+    /**
+     * @description same as `id` in native input
+     */
+    id?: string;
+    /**
+     * @description incremental step
+     */
+    step?: number;
+    /**
+     * @description whether input value can only be multiple of step
+     */
+    stepStrictly?: boolean;
+    /**
+     * @description the maximum allowed value
+     */
+    max?: number;
+    /**
+     * @description the minimum allowed value
+     */
+    min?: number;
+    /**
+     * @description binding value
+     */
+    modelValue?: number | null;
+    /**
+     * @description same as `readonly` in native input
+     */
+    readonly?: boolean;
+    /**
+     * @description whether the component is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description size of the component
+     */
+    size?: ComponentSize;
+    /**
+     * @description whether to enable the control buttons
+     */
+    controls?: boolean;
+    /**
+     * @description position of the control buttons
+     */
+    controlsPosition?: '' | 'right';
+    /**
+     * @description value should be set when input box is cleared
+     */
+    valueOnClear?: 'min' | 'max' | number | null;
+    /**
+     * @description same as `name` in native input
+     */
+    name?: string;
+    /**
+     * @description same as `placeholder` in native input
+     */
+    placeholder?: string;
+    /**
+     * @description precision of input value
+     */
+    precision?: number;
+    /**
+     * @description whether to trigger form validation
+     */
+    validateEvent?: boolean;
+    /**
+     * @description native aria-label attribute
+     */
+    ariaLabel?: string;
+    /**
+     * @description native input mode for virtual keyboards
+     */
+    inputmode?: HTMLAttributes['inputmode'];
+    /**
+     * @description alignment for the inner input text
+     */
+    align?: 'left' | 'right' | 'center';
+    /**
+     * @description whether to disable scientific notation input (e.g. 'e', 'E')
+     */
+    disabledScientific?: boolean;
+    /**
+     * @description specifies the format of the value presented in the input
+     */
+    formatter?: (value: string) => string;
+    /**
+     * @description specifies the value extracted from the formatted input
+     */
+    parser?: (value: string) => string;
+    /**
+     * @description same as `tabindex` in native input
+     */
+    tabindex?: string | number;
+    /**
+     * @description whether to enable the floating label (Material style)
+     */
+    floatLabel?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `InputNumberProps` instead.
+ */
+export declare const inputNumberProps: {
+    readonly floatLabel: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly inputmode: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal") | (() => "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly align: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right" | "center") | (() => "left" | "right" | "center") | (((new (...args: any[]) => "left" | "right" | "center") | (() => "left" | "right" | "center")) | null)[], unknown, unknown, "center", boolean>;
+    readonly disabledScientific: BooleanConstructor;
+    readonly formatter: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly parser: {
+        readonly type: import("vue").PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+    readonly ariaLabel: StringConstructor;
+    readonly id: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly step: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    readonly stepStrictly: BooleanConstructor;
+    readonly max: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    readonly min: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<readonly [NumberConstructor, null], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly readonly: BooleanConstructor;
+    readonly disabled: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly controls: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly controlsPosition: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "right", unknown, "", boolean>;
+    readonly valueOnClear: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => number | "max" | "min") | (() => number | "max" | "min" | null) | (((new (...args: any[]) => number | "max" | "min") | (() => number | "max" | "min" | null)) | null)[], unknown, unknown, null, boolean>;
+    readonly name: StringConstructor;
+    readonly placeholder: StringConstructor;
+    readonly precision: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly validateEvent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `InputNumberProps` instead.
+ */
+export type InputNumberPropsPublic = ExtractPublicPropTypes<typeof inputNumberProps>;
+export declare const inputNumberEmits: {
+    change: (cur: number | undefined, prev: number | undefined) => boolean;
+    blur: (e: FocusEvent) => boolean;
+    focus: (e: FocusEvent) => boolean;
+    input: (val: number | null | undefined) => boolean;
+    "update:modelValue": (val: number | undefined) => boolean;
+};
+export type InputNumberEmits = typeof inputNumberEmits;

package/dist/components/input-number/input-number.js

@@ -0,0 +1,165 @@
+import { isNil as o } from "lodash-unified";
+import { isNumber as r } from "../../utils/types.js";
+import "@vueuse/core";
+import "@vue/shared";
+import { UPDATE_MODEL_EVENT as n, INPUT_EVENT as p, CHANGE_EVENT as u } from "../../constants/event.js";
+import "@element-plus/icons-vue";
+import { buildProps as l, definePropType as t } from "../../utils/vue/props/runtime.js";
+import "vue";
+import { useSizeProp as m } from "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import { useAriaProps as a } from "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-empty-values/index.js";
+import { floatLabelProp as d } from "../../hooks/use-float-label/index.js";
+l({
+  /**
+   * @description same as `id` in native input
+   */
+  id: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * @description incremental step
+   */
+  step: {
+    type: Number,
+    default: 1
+  },
+  /**
+   * @description whether input value can only be multiple of step
+   */
+  stepStrictly: Boolean,
+  /**
+   * @description the maximum allowed value
+   */
+  max: {
+    type: Number,
+    default: Number.MAX_SAFE_INTEGER
+  },
+  /**
+   * @description the minimum allowed value
+   */
+  min: {
+    type: Number,
+    default: Number.MIN_SAFE_INTEGER
+  },
+  /**
+   * @description binding value
+   */
+  modelValue: {
+    type: [Number, null]
+  },
+  /**
+   * @description same as `readonly` in native input
+   */
+  readonly: Boolean,
+  /**
+   * @description whether the component is disabled
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description size of the component
+   */
+  size: m,
+  /**
+   * @description whether to enable the control buttons
+   */
+  controls: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description position of the control buttons
+   */
+  controlsPosition: {
+    type: String,
+    default: "",
+    values: ["", "right"]
+  },
+  /**
+   * @description value should be set when input box is cleared
+   */
+  valueOnClear: {
+    type: t([String, Number, null]),
+    validator: (e) => e === null || r(e) || ["min", "max"].includes(e),
+    default: null
+  },
+  /**
+   * @description same as `name` in native input
+   */
+  name: String,
+  /**
+   * @description same as `placeholder` in native input
+   */
+  placeholder: String,
+  /**
+   * @description precision of input value
+   */
+  precision: {
+    type: Number,
+    validator: (e) => e >= 0 && e === Number.parseInt(`${e}`, 10)
+  },
+  /**
+   * @description whether to trigger form validation
+   */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  ...a(["ariaLabel"]),
+  /**
+   * @description native input mode for virtual keyboards
+   */
+  inputmode: {
+    type: t(String),
+    default: void 0
+  },
+  /**
+   * @description alignment for the inner input text
+   */
+  align: {
+    type: t(String),
+    default: "center"
+  },
+  /**
+   * @description whether to disable scientific notation input (e.g. 'e', 'E')
+   */
+  disabledScientific: Boolean,
+  /**
+   * @description specifies the format of the value presented in the input
+   */
+  formatter: {
+    type: Function
+  },
+  /**
+   * @description specifies the value extracted from the formatted input
+   */
+  parser: {
+    type: Function
+  },
+  /**
+   * @description same as `tabindex` in native input
+   */
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  ...d
+});
+const I = {
+  [u]: (e, i) => i !== e,
+  blur: (e) => e instanceof FocusEvent,
+  focus: (e) => e instanceof FocusEvent,
+  [p]: (e) => r(e) || o(e),
+  [n]: (e) => r(e) || o(e)
+};
+export {
+  I as inputNumberEmits
+};

package/dist/components/input-number/instance.d.ts

@@ -0,0 +1,2 @@
+import type _EpInputNumber from './EpInputNumber.vue';
+export type InputNumberInstance = InstanceType<typeof _EpInputNumber>;