@wfrog/vc-ui 1.1.0 → 1.2.0

package/dist/es/chunk/{Cu6erWl4.mjs → CzqeSQn4.mjs}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, h, renderSlot, ref, watchEffect, createVNode, createTextVNode, isVNode, Comment } from 'vue';
-import { c as buildProps, u as useNamespace, i as isArray, f as isNumber, h as isString, d as definePropType } from './DRoyW749.mjs';
-import { P as PatchFlags, i as isFragment, a as isValidElementNode } from './BzedaLtg.mjs';
-import { c as componentSizes } from './BsGCX4td.mjs';
-import { w as withInstall } from './DTLPXrjb.mjs';
+import { c as buildProps, u as useNamespace, i as isArray, f as isNumber, h as isString, d as definePropType } from './CcKUdl3e.mjs';
+import { P as PatchFlags, i as isFragment, a as isValidElementNode } from './BYVaz5Or.mjs';
+import { c as componentSizes } from './BK4T_2ha.mjs';
+import { w as withInstall } from './BTsEMnf_.mjs';
 
 const spaceItemProps = buildProps({
   prefixCls: {
@@ -132,30 +132,50 @@ const Space = defineComponent({
           if (isArray(child.children)) {
             child.children.forEach((nested, key) => {
               if (isFragment(nested) && isArray(nested.children)) {
-                extractChildren(nested.children, `${parentKey + key}-`, extractedChildren);
+                extractChildren(
+                  nested.children,
+                  `${parentKey + key}-`,
+                  extractedChildren
+                );
               } else {
                 if (isVNode(nested) && (nested == null ? void 0 : nested.type) === Comment) {
                   extractedChildren.push(nested);
                 } else {
-                  extractedChildren.push(createVNode(SpaceItem, {
-                    style: itemStyle.value,
-                    prefixCls,
-                    key: `nested-${parentKey + key}`
-                  }, {
-                    default: () => [nested]
-                  }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+                  extractedChildren.push(
+                    createVNode(
+                      SpaceItem,
+                      {
+                        style: itemStyle.value,
+                        prefixCls,
+                        key: `nested-${parentKey + key}`
+                      },
+                      {
+                        default: () => [nested]
+                      },
+                      PatchFlags.PROPS | PatchFlags.STYLE,
+                      ["style", "prefixCls"]
+                    )
+                  );
                 }
               }
             });
           }
         } else if (isValidElementNode(child)) {
-          extractedChildren.push(createVNode(SpaceItem, {
-            style: itemStyle.value,
-            prefixCls,
-            key: `LoopKey${parentKey + loopKey}`
-          }, {
-            default: () => [child]
-          }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
+          extractedChildren.push(
+            createVNode(
+              SpaceItem,
+              {
+                style: itemStyle.value,
+                prefixCls,
+                key: `LoopKey${parentKey + loopKey}`
+              },
+              {
+                default: () => [child]
+              },
+              PatchFlags.PROPS | PatchFlags.STYLE,
+              ["style", "prefixCls"]
+            )
+          );
         }
       });
       return extractedChildren;
@@ -170,26 +190,41 @@ const Space = defineComponent({
         let extractedChildren = extractChildren(children.children);
         if (spacer) {
           const len = extractedChildren.length - 1;
-          extractedChildren = extractedChildren.reduce((acc, child, idx) => {
-            const children2 = [...acc, child];
-            if (idx !== len) {
-              children2.push(createVNode("span", {
-                style: [
-                  itemStyle.value,
-                  direction === "vertical" ? "width: 100%" : null
-                ],
-                key: idx
-              }, [
-                isVNode(spacer) ? spacer : createTextVNode(spacer, PatchFlags.TEXT)
-              ], PatchFlags.STYLE));
-            }
-            return children2;
-          }, []);
+          extractedChildren = extractedChildren.reduce(
+            (acc, child, idx) => {
+              const children2 = [...acc, child];
+              if (idx !== len) {
+                children2.push(
+                  createVNode(
+                    "span",
+                    {
+                      style: [
+                        itemStyle.value,
+                        direction === "vertical" ? "width: 100%" : null
+                      ],
+                      key: idx
+                    },
+                    [
+                      isVNode(spacer) ? spacer : createTextVNode(spacer, PatchFlags.TEXT)
+                    ],
+                    PatchFlags.STYLE
+                  )
+                );
+              }
+              return children2;
+            },
+            []
+          );
         }
-        return createVNode("div", {
-          class: classes.value,
-          style: containerStyle.value
-        }, extractedChildren, PatchFlags.STYLE | PatchFlags.CLASS);
+        return createVNode(
+          "div",
+          {
+            class: classes.value,
+            style: containerStyle.value
+          },
+          extractedChildren,
+          PatchFlags.STYLE | PatchFlags.CLASS
+        );
       }
       return children.children;
     };

package/dist/es/chunk/{CLCfXfvv.mjs → D7JQbDFE.mjs}

@@ -1,16 +1,16 @@
 import { defineComponent, ref, reactive, computed, watch, onMounted, onUpdated, createElementBlock, openBlock, withModifiers, normalizeClass, unref, withDirectives, createCommentVNode, createVNode, withKeys, renderSlot, withCtx, createBlock, createSlots } from 'vue';
-import { E as ElInput } from './C7wQNvSS.mjs';
-import { E as ElIcon } from './cPBw23yt.mjs';
+import { E as ElInput } from './DgFT6snA.mjs';
+import { E as ElIcon } from './DEPZhJ0Z.mjs';
 import { ArrowDown, Minus, ArrowUp, Plus } from '@element-plus/icons-vue';
-import { f as isNumber, k as isNil, c as buildProps, d as definePropType, u as useNamespace, g as isUndefined, e as debugWarn, t as throwError, h as isString } from './DRoyW749.mjs';
-import { u as useSizeProp } from './BsGCX4td.mjs';
-import { u as useAriaProps } from './BpqBBo4z.mjs';
+import { f as isNumber, k as isNil, c as buildProps, d as definePropType, u as useNamespace, g as isUndefined, e as debugWarn, t as throwError, h as isString } from './CcKUdl3e.mjs';
+import { u as useSizeProp } from './BK4T_2ha.mjs';
+import { u as useAriaProps } from './BDyXj_90.mjs';
 import { U as UPDATE_MODEL_EVENT, I as INPUT_EVENT, C as CHANGE_EVENT } from './Ct6q2FXg.mjs';
-import { _ as _export_sfc, w as withInstall } from './DTLPXrjb.mjs';
-import { v as vRepeatClick } from './4eyJqDa9.mjs';
+import { _ as _export_sfc, w as withInstall } from './BTsEMnf_.mjs';
+import { v as vRepeatClick } from './BoGGHTrJ.mjs';
 import { g as getEventCode, a as getEventKey, E as EVENT_CODE } from './BTpNRPQW.mjs';
-import { u as useLocale } from './Dk6Bx0KT.mjs';
-import { u as useFormItem, c as useFormSize, b as useFormDisabled } from './DXPWe_a5.mjs';
+import { u as useLocale } from './plK2vnjp.mjs';
+import { u as useFormItem, c as useFormSize, b as useFormDisabled } from './U13Qpiki.mjs';
 
 const inputNumberProps = buildProps({
   id: {
@@ -49,7 +49,7 @@ const inputNumberProps = buildProps({
     values: ["", "right"]
   },
   valueOnClear: {
-    type: [String, Number, null],
+    type: definePropType([String, Number, null]),
     validator: (val) => val === null || isNumber(val) || ["min", "max"].includes(val),
     default: null
   },
@@ -82,15 +82,18 @@ const inputNumberEmits = {
   [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
 };
 
-const __default__ = defineComponent({
-  name: "ElInputNumber"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["aria-label"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElInputNumber"
+  },
+  __name: "input-number",
   props: inputNumberProps,
   emits: inputNumberEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const { t } = useLocale();
     const ns = useNamespace("input-number");
     const input = ref();
@@ -99,13 +102,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       userInput: null
     });
     const { formItem } = useFormItem();
-    const minDisabled = computed(() => isNumber(props.modelValue) && props.modelValue <= props.min);
-    const maxDisabled = computed(() => isNumber(props.modelValue) && props.modelValue >= props.max);
+    const minDisabled = computed(
+      () => isNumber(props.modelValue) && props.modelValue <= props.min
+    );
+    const maxDisabled = computed(
+      () => isNumber(props.modelValue) && props.modelValue >= props.max
+    );
     const numPrecision = computed(() => {
       const stepPrecision = getPrecision(props.step);
       if (!isUndefined(props.precision)) {
         if (stepPrecision > props.precision) {
-          debugWarn("InputNumber", "precision should not be less than the decimal places of step");
+          debugWarn(
+            "InputNumber",
+            "precision should not be less than the decimal places of step"
+          );
         }
         return props.precision;
       } else {
@@ -167,10 +177,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!isNumber(val))
         return data.currentValue;
       if (val >= Number.MAX_SAFE_INTEGER && coefficient === 1) {
-        debugWarn("InputNumber", "The value has reached the maximum safe integer limit.");
+        debugWarn(
+          "InputNumber",
+          "The value has reached the maximum safe integer limit."
+        );
         return val;
       } else if (val <= Number.MIN_SAFE_INTEGER && coefficient === -1) {
-        debugWarn("InputNumber", "The value has reached the minimum safe integer limit.");
+        debugWarn(
+          "InputNumber",
+          "The value has reached the minimum safe integer limit."
+        );
         return val;
       }
       return toPrecision(val + props.step * coefficient);
@@ -229,7 +245,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear;
       }
       if (stepStrictly) {
-        newVal = toPrecision(Math.round(toPrecision(newVal / step)) * step, precision);
+        newVal = toPrecision(
+          Math.round(toPrecision(newVal / step)) * step,
+          precision
+        );
         if (newVal !== value) {
           update && emit(UPDATE_MODEL_EVENT, newVal);
         }
@@ -308,15 +327,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (document.activeElement === e.target)
         e.preventDefault();
     };
-    watch(() => props.modelValue, (value, oldValue) => {
-      const newValue = verifyValue(value, true);
-      if (data.userInput === null && newValue !== oldValue) {
-        data.currentValue = newValue;
+    watch(
+      () => props.modelValue,
+      (value, oldValue) => {
+        const newValue = verifyValue(value, true);
+        if (data.userInput === null && newValue !== oldValue) {
+          data.currentValue = newValue;
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.precision,
+      () => {
+        data.currentValue = verifyValue(props.modelValue);
       }
-    }, { immediate: true });
-    watch(() => props.precision, () => {
-      data.currentValue = verifyValue(props.modelValue);
-    });
+    );
     onMounted(() => {
       var _a;
       const { min, max, modelValue } = props;
@@ -332,7 +358,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else {
         innerInput.removeAttribute("aria-valuemin");
       }
-      innerInput.setAttribute("aria-valuenow", data.currentValue || data.currentValue === 0 ? String(data.currentValue) : "");
+      innerInput.setAttribute(
+        "aria-valuenow",
+        data.currentValue || data.currentValue === 0 ? String(data.currentValue) : ""
+      );
       innerInput.setAttribute("aria-disabled", String(inputNumberDisabled.value));
       if (!isNumber(modelValue) && modelValue != null) {
         let val = Number(modelValue);
@@ -348,102 +377,109 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const innerInput = (_a = input.value) == null ? void 0 : _a.input;
       innerInput == null ? void 0 : innerInput.setAttribute("aria-valuenow", `${(_b = data.currentValue) != null ? _b : ""}`);
     });
-    expose({
+    __expose({
       focus,
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          unref(ns).b(),
-          unref(ns).m(unref(inputNumberSize)),
-          unref(ns).is("disabled", unref(inputNumberDisabled)),
-          unref(ns).is("without-controls", !_ctx.controls),
-          unref(ns).is("controls-right", unref(controlsAtRight)),
-          unref(ns).is(_ctx.align, !!_ctx.align)
-        ]),
-        onDragstart: withModifiers(() => {
-        }, ["prevent"])
-      }, [
-        _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
-          key: 0,
-          role: "button",
-          "aria-label": unref(t)("el.inputNumber.decrease"),
-          class: normalizeClass([unref(ns).e("decrease"), unref(ns).is("disabled", unref(minDisabled))]),
-          onKeydown: withKeys(decrease, ["enter"])
-        }, [
-          renderSlot(_ctx.$slots, "decrease-icon", {}, () => [
-            createVNode(unref(ElIcon), null, {
-              default: withCtx(() => [
-                unref(controlsAtRight) ? (openBlock(), createBlock(unref(ArrowDown), { key: 0 })) : (openBlock(), createBlock(unref(Minus), { key: 1 }))
-              ]),
-              _: 1
-            })
-          ])
-        ], 42, ["aria-label", "onKeydown"])), [
-          [unref(vRepeatClick), decrease]
-        ]) : createCommentVNode("v-if", true),
-        _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
-          key: 1,
-          role: "button",
-          "aria-label": unref(t)("el.inputNumber.increase"),
-          class: normalizeClass([unref(ns).e("increase"), unref(ns).is("disabled", unref(maxDisabled))]),
-          onKeydown: withKeys(increase, ["enter"])
-        }, [
-          renderSlot(_ctx.$slots, "increase-icon", {}, () => [
-            createVNode(unref(ElIcon), null, {
-              default: withCtx(() => [
-                unref(controlsAtRight) ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : (openBlock(), createBlock(unref(Plus), { key: 1 }))
-              ]),
-              _: 1
-            })
-          ])
-        ], 42, ["aria-label", "onKeydown"])), [
-          [unref(vRepeatClick), increase]
-        ]) : createCommentVNode("v-if", true),
-        createVNode(unref(ElInput), {
-          id: _ctx.id,
-          ref_key: "input",
-          ref: input,
-          type: "number",
-          step: _ctx.step,
-          "model-value": unref(displayValue),
-          placeholder: _ctx.placeholder,
-          readonly: _ctx.readonly,
-          disabled: unref(inputNumberDisabled),
-          size: unref(inputNumberSize),
-          max: _ctx.max,
-          min: _ctx.min,
-          name: _ctx.name,
-          "aria-label": _ctx.ariaLabel,
-          "validate-event": false,
-          inputmode: _ctx.inputmode,
-          onKeydown: handleKeydown,
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          onInput: handleInput,
-          onChange: handleInputChange
-        }, createSlots({
-          _: 2
-        }, [
-          _ctx.$slots.prefix ? {
-            name: "prefix",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "prefix")
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([
+            unref(ns).b(),
+            unref(ns).m(unref(inputNumberSize)),
+            unref(ns).is("disabled", unref(inputNumberDisabled)),
+            unref(ns).is("without-controls", !_ctx.controls),
+            unref(ns).is("controls-right", controlsAtRight.value),
+            unref(ns).is(_ctx.align, !!_ctx.align)
+          ]),
+          onDragstart: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["prevent"]))
+        },
+        [
+          _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
+            key: 0,
+            role: "button",
+            "aria-label": unref(t)("el.inputNumber.decrease"),
+            class: normalizeClass([unref(ns).e("decrease"), unref(ns).is("disabled", minDisabled.value)]),
+            onKeydown: withKeys(decrease, ["enter"])
+          }, [
+            renderSlot(_ctx.$slots, "decrease-icon", {}, () => [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  controlsAtRight.value ? (openBlock(), createBlock(unref(ArrowDown), { key: 0 })) : (openBlock(), createBlock(unref(Minus), { key: 1 }))
+                ]),
+                _: 1
+              })
             ])
-          } : void 0,
-          _ctx.$slots.suffix ? {
-            name: "suffix",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "suffix")
+          ], 42, _hoisted_1)), [
+            [unref(vRepeatClick), decrease]
+          ]) : createCommentVNode("v-if", true),
+          _ctx.controls ? withDirectives((openBlock(), createElementBlock("span", {
+            key: 1,
+            role: "button",
+            "aria-label": unref(t)("el.inputNumber.increase"),
+            class: normalizeClass([unref(ns).e("increase"), unref(ns).is("disabled", maxDisabled.value)]),
+            onKeydown: withKeys(increase, ["enter"])
+          }, [
+            renderSlot(_ctx.$slots, "increase-icon", {}, () => [
+              createVNode(unref(ElIcon), null, {
+                default: withCtx(() => [
+                  controlsAtRight.value ? (openBlock(), createBlock(unref(ArrowUp), { key: 0 })) : (openBlock(), createBlock(unref(Plus), { key: 1 }))
+                ]),
+                _: 1
+              })
             ])
-          } : void 0
-        ]), 1032, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "inputmode"])
-      ], 42, ["onDragstart"]);
+          ], 42, _hoisted_2)), [
+            [unref(vRepeatClick), increase]
+          ]) : createCommentVNode("v-if", true),
+          createVNode(unref(ElInput), {
+            id: _ctx.id,
+            ref_key: "input",
+            ref: input,
+            type: "number",
+            step: _ctx.step,
+            "model-value": displayValue.value,
+            placeholder: _ctx.placeholder,
+            readonly: _ctx.readonly,
+            disabled: unref(inputNumberDisabled),
+            size: unref(inputNumberSize),
+            max: _ctx.max,
+            min: _ctx.min,
+            name: _ctx.name,
+            "aria-label": _ctx.ariaLabel,
+            "validate-event": false,
+            inputmode: _ctx.inputmode,
+            onKeydown: handleKeydown,
+            onBlur: handleBlur,
+            onFocus: handleFocus,
+            onInput: handleInput,
+            onChange: handleInputChange
+          }, createSlots({
+            _: 2
+          }, [
+            _ctx.$slots.prefix ? {
+              name: "prefix",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "prefix")
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots.suffix ? {
+              name: "suffix",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "suffix")
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "inputmode"])
+        ],
+        34
+      );
     };
   }
 });
-var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "input-number.vue"]]);
+var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/input-number/src/input-number.vue"]]);
 
 const ElInputNumber = withInstall(InputNumber);