@element-plus/nightly 0.0.20220515 → 0.0.20220519

package/lib/components/container/src/main2.js.map

@@ -1 +1 @@
-{"version":3,"file":"main2.js","sources":["../../../../../../packages/components/container/src/main.vue"],"sourcesContent":["<template>\n  <main :class=\"ns.b()\">\n    <slot />\n  </main>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  name: 'ElMain',\n  setup() {\n    const ns = useNamespace('main')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;;;;;AASA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,QAAA;AAAA,EACN,KAAQ,GAAA;AACN,IAAM,MAAA,EAAA,GAAKC,mBAAa,MAAM,CAAA,CAAA;AAE9B,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;0BAjBCC,sBAEO,CAAA,MAAA,EAAA;AAAA,IAFA,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,EAAA,CAAA;AAAA,GAAA,EAAA;IAChBC,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"main2.js","sources":["../../../../../../packages/components/container/src/main.vue"],"sourcesContent":["<template>\n  <main :class=\"ns.b()\">\n    <slot />\n  </main>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-plus/hooks'\n\ndefineOptions({\n  name: 'ElMain',\n})\n\nconst ns = useNamespace('main')\n</script>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;AAYA,IAAA,MAAA,EAAA,GAAAA,mBAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;"}

package/lib/components/date-picker/src/date-picker-com/basic-cell-render2.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../../../utils/index2.js');
+require('../../../../hooks/index2.js');
 var datePicker_type = require('../date-picker.type2.js');
 var props = require('../../../../utils/vue/props2.js');
+var index = require('../../../../hooks/use-namespace/index2.js');
 
 var ElDatePickerCell = vue.defineComponent({
   name: "ElDatePickerCell",
@@ -15,6 +17,7 @@ var ElDatePickerCell = vue.defineComponent({
     }
   }),
   setup(props) {
+    const ns = index.useNamespace("date-table-cell");
     const picker = vue.inject(datePicker_type.ROOT_PICKER_INJECTION_KEY);
     return () => {
       const cell = props.cell;
@@ -27,10 +30,10 @@ var ElDatePickerCell = vue.defineComponent({
         }
       }
       return vue.h("div", {
-        class: "el-date-table-cell"
+        class: ns.b()
       }, [
         vue.h("span", {
-          class: "el-date-table-cell__text"
+          class: ns.e("text")
         }, [cell == null ? void 0 : cell.text])
       ]);
     };

package/lib/components/date-picker/src/date-picker-com/basic-cell-render2.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-cell-render2.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-cell-render.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { buildProps, definePropType } from '@element-plus/utils'\nimport { ROOT_PICKER_INJECTION_KEY } from '../date-picker.type'\nimport type { DateCell } from '../date-picker.type'\n\nexport default defineComponent({\n  name: 'ElDatePickerCell',\n  props: buildProps({\n    cell: {\n      type: definePropType<DateCell>(Object),\n    },\n  }),\n  setup(props) {\n    const picker = inject(ROOT_PICKER_INJECTION_KEY)\n    return () => {\n      const cell = props.cell\n      if (picker?.ctx.slots.default) {\n        const list = picker.ctx.slots.default(cell).filter((item) => {\n          return (\n            item.patchFlag !== -2 && item.type.toString() !== 'Symbol(Comment)'\n          )\n        })\n        if (list.length) {\n          return list\n        }\n      }\n      return h(\n        'div',\n        {\n          class: 'el-date-table-cell',\n        },\n        [\n          h(\n            'span',\n            {\n              class: 'el-date-table-cell__text',\n            },\n            [cell?.text]\n          ),\n        ]\n      )\n    }\n  },\n})\n"],"names":["defineComponent","buildProps","definePropType","inject","ROOT_PICKER_INJECTION_KEY","h"],"mappings":";;;;;;;;;AAGA,uBAAeA,mBAAe,CAAC;AAC/B,EAAE,IAAI,EAAE,kBAAkB;AAC1B,EAAE,KAAK,EAAEC,gBAAU,CAAC;AACpB,IAAI,IAAI,EAAE;AACV,MAAM,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAClC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,KAAK,CAAC,KAAK,EAAE;AACf,IAAI,MAAM,MAAM,GAAGC,UAAM,CAACC,yCAAyB,CAAC,CAAC;AACrD,IAAI,OAAO,MAAM;AACjB,MAAM,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;AAC9B,MAAM,IAAI,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE;AAC9D,QAAQ,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK;AACrE,UAAU,OAAO,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,iBAAiB,CAAC;AACrF,SAAS,CAAC,CAAC;AACX,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE;AACzB,UAAU,OAAO,IAAI,CAAC;AACtB,SAAS;AACT,OAAO;AACP,MAAM,OAAOC,KAAC,CAAC,KAAK,EAAE;AACtB,QAAQ,KAAK,EAAE,oBAAoB;AACnC,OAAO,EAAE;AACT,QAAQA,KAAC,CAAC,MAAM,EAAE;AAClB,UAAU,KAAK,EAAE,0BAA0B;AAC3C,SAAS,EAAE,CAAC,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/C,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,GAAG;AACH,CAAC,CAAC;;;;"}
+{"version":3,"file":"basic-cell-render2.js","sources":["../../../../../../../packages/components/date-picker/src/date-picker-com/basic-cell-render.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { buildProps, definePropType } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ROOT_PICKER_INJECTION_KEY } from '../date-picker.type'\nimport type { DateCell } from '../date-picker.type'\n\nexport default defineComponent({\n  name: 'ElDatePickerCell',\n  props: buildProps({\n    cell: {\n      type: definePropType<DateCell>(Object),\n    },\n  }),\n  setup(props) {\n    const ns = useNamespace('date-table-cell')\n    const picker = inject(ROOT_PICKER_INJECTION_KEY)\n    return () => {\n      const cell = props.cell\n      if (picker?.ctx.slots.default) {\n        const list = picker.ctx.slots.default(cell).filter((item) => {\n          return (\n            item.patchFlag !== -2 && item.type.toString() !== 'Symbol(Comment)'\n          )\n        })\n        if (list.length) {\n          return list\n        }\n      }\n      return h(\n        'div',\n        {\n          class: ns.b(),\n        },\n        [\n          h(\n            'span',\n            {\n              class: ns.e('text'),\n            },\n            [cell?.text]\n          ),\n        ]\n      )\n    }\n  },\n})\n"],"names":["defineComponent","buildProps","definePropType","useNamespace","inject","ROOT_PICKER_INJECTION_KEY","h"],"mappings":";;;;;;;;;;;AAIA,uBAAeA,mBAAe,CAAC;AAC/B,EAAE,IAAI,EAAE,kBAAkB;AAC1B,EAAE,KAAK,EAAEC,gBAAU,CAAC;AACpB,IAAI,IAAI,EAAE;AACV,MAAM,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAClC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,KAAK,CAAC,KAAK,EAAE;AACf,IAAI,MAAM,EAAE,GAAGC,kBAAY,CAAC,iBAAiB,CAAC,CAAC;AAC/C,IAAI,MAAM,MAAM,GAAGC,UAAM,CAACC,yCAAyB,CAAC,CAAC;AACrD,IAAI,OAAO,MAAM;AACjB,MAAM,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;AAC9B,MAAM,IAAI,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE;AAC9D,QAAQ,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK;AACrE,UAAU,OAAO,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,iBAAiB,CAAC;AACrF,SAAS,CAAC,CAAC;AACX,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE;AACzB,UAAU,OAAO,IAAI,CAAC;AACtB,SAAS;AACT,OAAO;AACP,MAAM,OAAOC,KAAC,CAAC,KAAK,EAAE;AACtB,QAAQ,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE;AACrB,OAAO,EAAE;AACT,QAAQA,KAAC,CAAC,MAAM,EAAE;AAClB,UAAU,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AAC7B,SAAS,EAAE,CAAC,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/C,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,GAAG;AACH,CAAC,CAAC;;;;"}

package/lib/components/dropdown/index.d.ts

@@ -7,7 +7,7 @@ export declare const ElDropdown: import("element-plus/es/utils").SFCWithInstall<
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __elPropsReservedKey: true;
     };
-    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>>, unknown, unknown, unknown, unknown>;
+    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>>, unknown, unknown, unknown, unknown>;
     readonly placement: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -4257,7 +4257,7 @@ export declare const ElDropdown: import("element-plus/es/utils").SFCWithInstall<
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __elPropsReservedKey: true;
     };
-    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>>, unknown, unknown, unknown, unknown>;
+    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>>, unknown, unknown, unknown, unknown>;
     readonly placement: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -4276,7 +4276,7 @@ export declare const ElDropdown: import("element-plus/es/utils").SFCWithInstall<
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onCommand?: ((...args: any[]) => any) | undefined;
 }, {
-    type: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>>, unknown, unknown>;
+    type: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>>, unknown, unknown>;
     size: string;
     disabled: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;

package/lib/components/dropdown/src/dropdown.d.ts

@@ -23,7 +23,7 @@ export declare const dropdownProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __elPropsReservedKey: true;
     };
-    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>>, unknown, unknown, unknown, unknown>;
+    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>>, unknown, unknown, unknown, unknown>;
     readonly placement: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Placement>, "bottom", unknown, unknown, unknown>;
     readonly popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Options>>, () => {}, unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -179,9 +179,7 @@ declare const ElCollection: {
     style?: unknown;
 }, ElCollectionItem: {
     name: string;
-    setup(_: any, { attrs }: {
-        attrs: any;
-    }): void;
+    setup(_: any, { attrs }: import("vue").SetupContext<import("vue").EmitsOptions>): void;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;

package/lib/components/dropdown/src/dropdown.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __elPropsReservedKey: true;
     };
-    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>>, unknown, unknown, unknown, unknown>;
+    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>>, unknown, unknown, unknown, unknown>;
     readonly placement: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -4258,7 +4258,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __elPropsReservedKey: true;
     };
-    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>>, unknown, unknown, unknown, unknown>;
+    readonly type: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>>, unknown, unknown, unknown, unknown>;
     readonly placement: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("@popperjs/core").Placement>, "bottom", unknown, unknown, unknown>;
     readonly popperOptions: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -4277,7 +4277,7 @@ declare const _default: import("vue").DefineComponent<{
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onCommand?: ((...args: any[]) => any) | undefined;
 }, {
-    type: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>>, unknown, unknown>;
+    type: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>>, unknown, unknown>;
     size: string;
     disabled: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;

package/lib/components/form/src/form-label-wrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-label-wrap.js","sources":["../../../../../../packages/components/form/src/form-label-wrap.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  onUpdated,\n  ref,\n  watch,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { throwError } from '@element-plus/utils'\nimport { formContextKey, formItemContextKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElLabelWrap'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: {\n    isAutoWidth: Boolean,\n    updateAll: Boolean,\n  },\n\n  setup(props, { slots }) {\n    const formContext = inject(formContextKey, undefined)\n    const formItemContext = inject(formItemContextKey)\n    if (!formItemContext)\n      throwError(\n        COMPONENT_NAME,\n        'usage: <el-form-item><label-wrap /></el-form-item>'\n      )\n\n    const ns = useNamespace('form')\n\n    const el = ref<HTMLElement>()\n    const computedWidth = ref(0)\n\n    const getLabelWidth = () => {\n      if (el.value?.firstElementChild) {\n        const width = window.getComputedStyle(el.value.firstElementChild).width\n        return Math.ceil(Number.parseFloat(width))\n      } else {\n        return 0\n      }\n    }\n\n    const updateLabelWidth = (action: 'update' | 'remove' = 'update') => {\n      nextTick(() => {\n        if (slots.default && props.isAutoWidth) {\n          if (action === 'update') {\n            computedWidth.value = getLabelWidth()\n          } else if (action === 'remove') {\n            formContext?.deregisterLabelWidth(computedWidth.value)\n          }\n        }\n      })\n    }\n    const updateLabelWidthFn = () => updateLabelWidth('update')\n\n    onMounted(() => {\n      updateLabelWidthFn()\n    })\n    onBeforeUnmount(() => {\n      updateLabelWidth('remove')\n    })\n    onUpdated(() => updateLabelWidthFn())\n\n    watch(computedWidth, (val, oldVal) => {\n      if (props.updateAll) {\n        formContext?.registerLabelWidth(val, oldVal)\n      }\n    })\n\n    useResizeObserver(\n      computed(\n        () => (el.value?.firstElementChild ?? null) as HTMLElement | null\n      ),\n      updateLabelWidthFn\n    )\n\n    return () => {\n      if (!slots) return null\n\n      const { isAutoWidth } = props\n      if (isAutoWidth) {\n        const autoLabelWidth = formContext?.autoLabelWidth\n        const style: CSSProperties = {}\n        if (autoLabelWidth && autoLabelWidth !== 'auto') {\n          const marginWidth = Math.max(\n            0,\n            Number.parseInt(autoLabelWidth, 10) - computedWidth.value\n          )\n          const marginPosition =\n            formContext.labelPosition === 'left' ? 'marginRight' : 'marginLeft'\n          if (marginWidth) {\n            style[marginPosition] = `${marginWidth}px`\n          }\n        }\n        return (\n          <div ref={el} class={[ns.be('item', 'label-wrap')]} style={style}>\n            {slots.default?.()}\n          </div>\n        )\n      } else {\n        return <Fragment ref={el}>{slots.default?.()}</Fragment>\n      }\n    }\n  },\n})\n"],"names":["COMPONENT_NAME","defineComponent","name","props","isAutoWidth","Boolean","updateAll","setup","slots","inject","formContextKey","formContext","formItemContextKey","throwError","ns","useNamespace","el","ref","computedWidth","getLabelWidth","value","width","window","getComputedStyle","firstElementChild","Math","ceil","Number","parseFloat","nextTick","default","action","onMounted","updateLabelWidthFn","onBeforeUnmount","updateLabelWidth","onUpdated","watch","registerLabelWidth","useResizeObserver","style","autoLabelWidth","marginWidth","max","parseInt","marginPosition","labelPosition","_createVNode","be","_Fragment"],"mappings":"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"}
+{"version":3,"file":"form-label-wrap.js","sources":["../../../../../../packages/components/form/src/form-label-wrap.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  onUpdated,\n  ref,\n  watch,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { throwError } from '@element-plus/utils'\nimport { formContextKey, formItemContextKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElLabelWrap'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: {\n    isAutoWidth: Boolean,\n    updateAll: Boolean,\n  },\n\n  setup(props, { slots }) {\n    const formContext = inject(formContextKey, undefined)\n    const formItemContext = inject(formItemContextKey)\n    if (!formItemContext)\n      throwError(\n        COMPONENT_NAME,\n        'usage: <el-form-item><label-wrap /></el-form-item>'\n      )\n\n    const ns = useNamespace('form')\n\n    const el = ref<HTMLElement>()\n    const computedWidth = ref(0)\n\n    const getLabelWidth = () => {\n      if (el.value?.firstElementChild) {\n        const width = window.getComputedStyle(el.value.firstElementChild).width\n        return Math.ceil(Number.parseFloat(width))\n      } else {\n        return 0\n      }\n    }\n\n    const updateLabelWidth = (action: 'update' | 'remove' = 'update') => {\n      nextTick(() => {\n        if (slots.default && props.isAutoWidth) {\n          if (action === 'update') {\n            computedWidth.value = getLabelWidth()\n          } else if (action === 'remove') {\n            formContext?.deregisterLabelWidth(computedWidth.value)\n          }\n        }\n      })\n    }\n    const updateLabelWidthFn = () => updateLabelWidth('update')\n\n    onMounted(() => {\n      updateLabelWidthFn()\n    })\n    onBeforeUnmount(() => {\n      updateLabelWidth('remove')\n    })\n    onUpdated(() => updateLabelWidthFn())\n\n    watch(computedWidth, (val, oldVal) => {\n      if (props.updateAll) {\n        formContext?.registerLabelWidth(val, oldVal)\n      }\n    })\n\n    useResizeObserver(\n      computed(\n        () => (el.value?.firstElementChild ?? null) as HTMLElement | null\n      ),\n      updateLabelWidthFn\n    )\n\n    return () => {\n      if (!slots) return null\n\n      const { isAutoWidth } = props\n      if (isAutoWidth) {\n        const autoLabelWidth = formContext?.autoLabelWidth\n        const style: CSSProperties = {}\n        if (autoLabelWidth && autoLabelWidth !== 'auto') {\n          const marginWidth = Math.max(\n            0,\n            Number.parseInt(autoLabelWidth, 10) - computedWidth.value\n          )\n          const marginPosition =\n            formContext.labelPosition === 'left' ? 'marginRight' : 'marginLeft'\n          if (marginWidth) {\n            style[marginPosition] = `${marginWidth}px`\n          }\n        }\n        return (\n          <div ref={el} class={[ns.be('item', 'label-wrap')]} style={style}>\n            {slots.default?.()}\n          </div>\n        )\n      } else {\n        return <Fragment ref={el}>{slots.default?.()}</Fragment>\n      }\n    }\n  },\n})\n"],"names":["COMPONENT_NAME","defineComponent","name","props","isAutoWidth","Boolean","updateAll","slots","inject","formContextKey","formContext","formItemContextKey","throwError","ns","useNamespace","el","ref","computedWidth","getLabelWidth","value","width","window","getComputedStyle","firstElementChild","Math","ceil","Number","parseFloat","nextTick","default","action","onMounted","updateLabelWidthFn","onBeforeUnmount","onUpdated","watch","registerLabelWidth","useResizeObserver","computed","style","autoLabelWidth","marginWidth","max","parseInt","marginPosition","labelPosition","_createVNode","be","_Fragment"],"mappings":"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"}

package/lib/components/index.js

@@ -96,7 +96,7 @@ var content = require('./popper/src/content4.js');
 var index$E = require('./popper/index2.js');
 var progress = require('./progress/src/progress3.js');
 var index$F = require('./progress/index2.js');
-var radio = require('./radio/src/radio4.js');
+var radio = require('./radio/src/radio3.js');
 var radioGroup = require('./radio/src/radio-group3.js');
 var radioButton = require('./radio/src/radio-button3.js');
 var index$G = require('./radio/index2.js');

package/lib/components/input-number/index.d.ts

@@ -9,6 +9,7 @@ export declare const ElInputNumber: import("element-plus/es/utils").SFCWithInsta
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
     readonly controls: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly controlsPosition: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "right", unknown>;
+    readonly valueOnClear: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, null], null, unknown, unknown, unknown>;
     readonly name: StringConstructor;
     readonly label: StringConstructor;
     readonly placeholder: StringConstructor;
@@ -560,7 +561,7 @@ export declare const ElInputNumber: import("element-plus/es/utils").SFCWithInsta
         validateEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         inputStyle: import("vue").StyleValue;
     }>> & Record<string, any>, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
-    displayValue: import("vue").ComputedRef<string | number | undefined>;
+    displayValue: import("vue").ComputedRef<string | number>;
     handleInput: (value: string) => string;
     handleInputChange: (value: string) => void;
     controlsAtRight: import("vue").ComputedRef<boolean>;
@@ -596,7 +597,7 @@ export declare const ElInputNumber: import("element-plus/es/utils").SFCWithInsta
     change: (prev: number | undefined, cur: number | undefined) => boolean;
     blur: (e: FocusEvent) => boolean;
     focus: (e: FocusEvent) => boolean;
-    input: (val: number | undefined) => boolean;
+    input: (val: number | null | undefined) => boolean;
     'update:modelValue': (val: number | undefined) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
@@ -609,6 +610,7 @@ export declare const ElInputNumber: import("element-plus/es/utils").SFCWithInsta
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
     readonly controls: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly controlsPosition: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "right", unknown>;
+    readonly valueOnClear: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, null], null, unknown, unknown, unknown>;
     readonly name: StringConstructor;
     readonly label: StringConstructor;
     readonly placeholder: StringConstructor;
@@ -616,7 +618,7 @@ export declare const ElInputNumber: import("element-plus/es/utils").SFCWithInsta
 }>> & {
     onChange?: ((prev: number | undefined, cur: number | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
-    onInput?: ((val: number | undefined) => any) | undefined;
+    onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
     onFocus?: ((e: FocusEvent) => any) | undefined;
 }, {
@@ -630,6 +632,7 @@ export declare const ElInputNumber: import("element-plus/es/utils").SFCWithInsta
     step: number;
     stepStrictly: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     controlsPosition: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "right", unknown>;
+    valueOnClear: any;
     precision: number;
 }>> & Record<string, any>;
 export default ElInputNumber;

package/lib/components/input-number/src/input-number.d.ts

@@ -9,6 +9,7 @@ export declare const inputNumberProps: {
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
     readonly controls: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly controlsPosition: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "right", unknown>;
+    readonly valueOnClear: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, null], null, unknown, unknown, unknown>;
     readonly name: StringConstructor;
     readonly label: StringConstructor;
     readonly placeholder: StringConstructor;
@@ -18,6 +19,6 @@ export declare const inputNumberEmits: {
     change: (prev: number | undefined, cur: number | undefined) => boolean;
     blur: (e: FocusEvent) => boolean;
     focus: (e: FocusEvent) => boolean;
-    input: (val: number | undefined) => boolean;
+    input: (val: number | null | undefined) => boolean;
     'update:modelValue': (val: number | undefined) => boolean;
 };

package/lib/components/input-number/src/input-number.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
     readonly controls: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly controlsPosition: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "right", unknown>;
+    readonly valueOnClear: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, null], null, unknown, unknown, unknown>;
     readonly name: StringConstructor;
     readonly label: StringConstructor;
     readonly placeholder: StringConstructor;
@@ -561,7 +562,7 @@ declare const _default: import("vue").DefineComponent<{
         validateEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         inputStyle: import("vue").StyleValue;
     }>> & Record<string, any>, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
-    displayValue: import("vue").ComputedRef<string | number | undefined>;
+    displayValue: import("vue").ComputedRef<string | number>;
     handleInput: (value: string) => string;
     handleInputChange: (value: string) => void;
     controlsAtRight: import("vue").ComputedRef<boolean>;
@@ -597,7 +598,7 @@ declare const _default: import("vue").DefineComponent<{
     change: (prev: number | undefined, cur: number | undefined) => boolean;
     blur: (e: FocusEvent) => boolean;
     focus: (e: FocusEvent) => boolean;
-    input: (val: number | undefined) => boolean;
+    input: (val: number | null | undefined) => boolean;
     'update:modelValue': (val: number | undefined) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, undefined, unknown, unknown, unknown>;
@@ -610,6 +611,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "default" | "small" | "large", unknown>;
     readonly controls: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly controlsPosition: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "right", unknown>;
+    readonly valueOnClear: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor, null], null, unknown, unknown, unknown>;
     readonly name: StringConstructor;
     readonly label: StringConstructor;
     readonly placeholder: StringConstructor;
@@ -617,7 +619,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: ((prev: number | undefined, cur: number | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
-    onInput?: ((val: number | undefined) => any) | undefined;
+    onInput?: ((val: number | null | undefined) => any) | undefined;
     onBlur?: ((e: FocusEvent) => any) | undefined;
     onFocus?: ((e: FocusEvent) => any) | undefined;
 }, {
@@ -631,6 +633,7 @@ declare const _default: import("vue").DefineComponent<{
     step: number;
     stepStrictly: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     controlsPosition: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "right", unknown>;
+    valueOnClear: any;
     precision: number;
 }>;
 export default _default;

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var lodashUnified = require('lodash-unified');
 require('../../../utils/index2.js');
 require('../../../constants/index2.js');
 var props = require('../../../utils/vue/props2.js');
@@ -49,6 +50,11 @@ const inputNumberProps = props.buildProps({
     default: "",
     values: ["", "right"]
   },
+  valueOnClear: {
+    type: [String, Number, null],
+    validator: (val) => val === null || core.isNumber(val) || ["min", "max"].includes(val),
+    default: null
+  },
   name: String,
   label: String,
   placeholder: String,
@@ -61,8 +67,8 @@ const inputNumberEmits = {
   change: (prev, cur) => prev !== cur,
   blur: (e) => e instanceof FocusEvent,
   focus: (e) => e instanceof FocusEvent,
-  input: (val) => core.isNumber(val),
-  "update:modelValue": (val) => core.isNumber(val) || val === void 0
+  input: (val) => core.isNumber(val) || lodashUnified.isNil(val),
+  "update:modelValue": (val) => core.isNumber(val) || lodashUnified.isNil(val)
 };
 
 exports.inputNumberEmits = inputNumberEmits;

package/lib/components/input-number/src/input-number3.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-number3.js","sources":["../../../../../../packages/components/input-number/src/input-number.ts"],"sourcesContent":["import { buildProps, isNumber } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nexport const inputNumberProps = buildProps({\n  id: {\n    type: String,\n    default: undefined,\n  },\n  step: {\n    type: Number,\n    default: 1,\n  },\n  stepStrictly: {\n    type: Boolean,\n    default: false,\n  },\n  max: {\n    type: Number,\n    default: Number.POSITIVE_INFINITY,\n  },\n  min: {\n    type: Number,\n    default: Number.NEGATIVE_INFINITY,\n  },\n  modelValue: {\n    type: Number,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  controlsPosition: {\n    type: String,\n    default: '',\n    values: ['', 'right'],\n  },\n  name: String,\n  label: String,\n  placeholder: String,\n  precision: {\n    type: Number,\n    validator: (val: number) =>\n      val >= 0 && val === Number.parseInt(`${val}`, 10),\n  },\n} as const)\n\nexport const inputNumberEmits = {\n  change: (prev: number | undefined, cur: number | undefined) => prev !== cur,\n  blur: (e: FocusEvent) => e instanceof FocusEvent,\n  focus: (e: FocusEvent) => e instanceof FocusEvent,\n  input: (val: number | undefined) => isNumber(val),\n  'update:modelValue': (val: number | undefined) =>\n    isNumber(val) || val === undefined,\n}\n"],"names":["buildProps","componentSizes","isNumber"],"mappings":";;;;;;;;;;AAEY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;AACzE,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,KAAK,GAAG;AACrC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACtC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACvC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAKC,aAAQ,CAAC,GAAG,CAAC;AAC/B,EAAE,mBAAmB,EAAE,CAAC,GAAG,KAAKA,aAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,KAAK,CAAC;AAC/D;;;;;"}
+{"version":3,"file":"input-number3.js","sources":["../../../../../../packages/components/input-number/src/input-number.ts"],"sourcesContent":["import { isNil } from 'lodash-unified'\nimport { buildProps, isNumber } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nexport const inputNumberProps = buildProps({\n  id: {\n    type: String,\n    default: undefined,\n  },\n  step: {\n    type: Number,\n    default: 1,\n  },\n  stepStrictly: {\n    type: Boolean,\n    default: false,\n  },\n  max: {\n    type: Number,\n    default: Number.POSITIVE_INFINITY,\n  },\n  min: {\n    type: Number,\n    default: Number.NEGATIVE_INFINITY,\n  },\n  modelValue: {\n    type: Number,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  controlsPosition: {\n    type: String,\n    default: '',\n    values: ['', 'right'],\n  },\n  valueOnClear: {\n    type: [String, Number, null],\n    validator: (val: 'min' | 'max' | number | null) =>\n      val === null || isNumber(val) || ['min', 'max'].includes(val),\n    default: null,\n  },\n  name: String,\n  label: String,\n  placeholder: String,\n  precision: {\n    type: Number,\n    validator: (val: number) =>\n      val >= 0 && val === Number.parseInt(`${val}`, 10),\n  },\n} as const)\n\nexport const inputNumberEmits = {\n  change: (prev: number | undefined, cur: number | undefined) => prev !== cur,\n  blur: (e: FocusEvent) => e instanceof FocusEvent,\n  focus: (e: FocusEvent) => e instanceof FocusEvent,\n  input: (val: number | null | undefined) => isNumber(val) || isNil(val),\n  'update:modelValue': (val: number | undefined) => isNumber(val) || isNil(val),\n}\n"],"names":["buildProps","componentSizes","isNumber","isNil"],"mappings":";;;;;;;;;;;AAGY,MAAC,gBAAgB,GAAGA,gBAAU,CAAC;AAC3C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM,CAAC,iBAAiB;AACrC,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC;AACzB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC;AAChC,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,KAAK,IAAI,IAAIC,aAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;AACrF,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;AACzE,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,KAAK,GAAG;AACrC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACtC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,UAAU;AACvC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAKA,aAAQ,CAAC,GAAG,CAAC,IAAIC,mBAAK,CAAC,GAAG,CAAC;AAC7C,EAAE,mBAAmB,EAAE,CAAC,GAAG,KAAKD,aAAQ,CAAC,GAAG,CAAC,IAAIC,mBAAK,CAAC,GAAG,CAAC;AAC3D;;;;;"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var lodashUnified = require('lodash-unified');
 var index$1 = require('../../icon/index2.js');
 require('../../../directives/index2.js');
 require('../../../hooks/index2.js');
@@ -15,10 +16,11 @@ var index$2 = require('../../../directives/repeat-click/index2.js');
 var index$3 = require('../../../hooks/use-locale/index2.js');
 var index$4 = require('../../../hooks/use-form-item/index2.js');
 var index$5 = require('../../../hooks/use-namespace/index2.js');
+var core = require('@vueuse/core');
 var types = require('../../../utils/types2.js');
 var error = require('../../../utils/error2.js');
 var index$6 = require('../../../hooks/use-common-props/index2.js');
-var core = require('@vueuse/core');
+var shared = require('@vue/shared');
 
 const _sfc_main = vue.defineComponent({
   name: "ElInputNumber",
@@ -44,8 +46,8 @@ const _sfc_main = vue.defineComponent({
     const { t } = index$3.useLocale();
     const { formItem } = index$4.useFormItem();
     const ns = index$5.useNamespace("input-number");
-    const minDisabled = vue.computed(() => ensurePrecision(props.modelValue, -1) < props.min);
-    const maxDisabled = vue.computed(() => ensurePrecision(props.modelValue) > props.max);
+    const minDisabled = vue.computed(() => core.isNumber(props.modelValue) && ensurePrecision(props.modelValue, -1) < props.min);
+    const maxDisabled = vue.computed(() => core.isNumber(props.modelValue) && ensurePrecision(props.modelValue) > props.max);
     const numPrecision = vue.computed(() => {
       const stepPrecision = getPrecision(props.step);
       if (!types.isUndefined(props.precision)) {
@@ -67,6 +69,8 @@ const _sfc_main = vue.defineComponent({
         return data.userInput;
       }
       let currentValue = data.currentValue;
+      if (lodashUnified.isNil(currentValue))
+        return "";
       if (core.isNumber(currentValue)) {
         if (Number.isNaN(currentValue))
           return "";
@@ -88,7 +92,7 @@ const _sfc_main = vue.defineComponent({
       return Number.parseFloat(`${Math.round(num * 10 ** pre) / 10 ** pre}`);
     };
     const getPrecision = (value) => {
-      if (types.isUndefined(value))
+      if (lodashUnified.isNil(value))
         return 0;
       const valueString = value.toString();
       const dotPosition = valueString.indexOf(".");
@@ -101,7 +105,6 @@ const _sfc_main = vue.defineComponent({
     const ensurePrecision = (val, coefficient = 1) => {
       if (!core.isNumber(val))
         return data.currentValue;
-      val = core.isNumber(val) ? val : Number.NaN;
       return toPrecision(val + props.step * coefficient);
     };
     const increase = () => {
@@ -119,34 +122,35 @@ const _sfc_main = vue.defineComponent({
       setCurrentValue(newVal);
     };
     const verifyValue = (value, update) => {
-      const { max, min, step, precision, stepStrictly } = props;
+      const { max, min, step, precision, stepStrictly, valueOnClear } = props;
       let newVal = Number(value);
-      if (value === null) {
-        newVal = Number.NaN;
+      if (lodashUnified.isNil(value) || Number.isNaN(newVal)) {
+        return null;
       }
-      if (!Number.isNaN(newVal)) {
-        if (stepStrictly) {
-          newVal = Math.round(newVal / step) * step;
-        }
-        if (!types.isUndefined(precision)) {
-          newVal = toPrecision(newVal, precision);
-        }
-        if (newVal > max || newVal < min) {
-          newVal = newVal > max ? max : min;
-          update && emit("update:modelValue", newVal);
+      if (value === "") {
+        if (valueOnClear === null) {
+          return null;
         }
+        newVal = shared.isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear;
+      }
+      if (stepStrictly) {
+        newVal = Math.round(newVal / step) * step;
+      }
+      if (!types.isUndefined(precision)) {
+        newVal = toPrecision(newVal, precision);
+      }
+      if (newVal > max || newVal < min) {
+        newVal = newVal > max ? max : min;
+        update && emit("update:modelValue", newVal);
       }
       return newVal;
     };
     const setCurrentValue = (value) => {
       var _a;
       const oldVal = data.currentValue;
-      let newVal = verifyValue(value);
+      const newVal = verifyValue(value);
       if (oldVal === newVal)
         return;
-      if (Number.isNaN(newVal)) {
-        newVal = void 0;
-      }
       data.userInput = null;
       emit("update:modelValue", newVal);
       emit("input", newVal);
@@ -181,30 +185,30 @@ const _sfc_main = vue.defineComponent({
       (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => error.debugWarn(err));
     };
     vue.watch(() => props.modelValue, (value) => {
-      const newVal = verifyValue(value, true);
-      data.currentValue = newVal;
+      data.currentValue = verifyValue(value, true);
       data.userInput = null;
     }, { immediate: true });
     vue.onMounted(() => {
       var _a;
+      const { min, max, modelValue } = props;
       const innerInput = (_a = input.value) == null ? void 0 : _a.input;
       innerInput.setAttribute("role", "spinbutton");
-      if (Number.isFinite(props.max)) {
-        innerInput.setAttribute("aria-valuemax", String(props.max));
+      if (Number.isFinite(max)) {
+        innerInput.setAttribute("aria-valuemax", String(max));
       } else {
         innerInput.removeAttribute("aria-valuemax");
       }
-      if (Number.isFinite(props.min)) {
-        innerInput.setAttribute("aria-valuemin", String(props.min));
+      if (Number.isFinite(min)) {
+        innerInput.setAttribute("aria-valuemin", String(min));
       } else {
         innerInput.removeAttribute("aria-valuemin");
       }
       innerInput.setAttribute("aria-valuenow", String(data.currentValue));
       innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
-      if (!core.isNumber(props.modelValue)) {
-        let val = Number(props.modelValue);
+      if (!core.isNumber(modelValue) && modelValue != null) {
+        let val = Number(modelValue);
         if (Number.isNaN(val)) {
-          val = void 0;
+          val = null;
         }
         emit("update:modelValue", val);
       }