@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/counter/Counter.mjs

@@ -1,178 +1,182 @@
-import VarButton from '../button/index.mjs';
-import VarIcon from '../icon/index.mjs';
-import VarFormDetails from '../form-details/index.mjs';
-import Ripple from '../ripple/index.mjs';
-import { defineComponent, ref, watch, computed, nextTick } from 'vue';
-import { Decimal } from 'decimal.js';
-import { props } from './props.mjs';
-import { toNumber } from '@varlet/shared';
-import { toSizeUnit } from '../utils/elements.mjs';
-import { useForm } from '../form/provide.mjs';
-import { useValidation, createNamespace, call, formatElevation } from '../utils/components.mjs';
-var SPEED = 100;
-var DELAY = 600;
-var {
-  name,
-  n,
-  classes
-} = createNamespace('counter');
+import VarButton from "../button/index.mjs";
+import VarIcon from "../icon/index.mjs";
+import VarFormDetails from "../form-details/index.mjs";
+import Ripple from "../ripple/index.mjs";
+import { defineComponent, ref, watch, computed, nextTick } from "vue";
+import { Decimal } from "decimal.js";
+import { props } from "./props.mjs";
+import { toNumber } from "@varlet/shared";
+import { toSizeUnit } from "../utils/elements.mjs";
+import { useForm } from "../form/provide.mjs";
+import { useValidation, createNamespace, call, formatElevation } from "../utils/components.mjs";
+const SPEED = 100;
+const DELAY = 600;
+const { name, n, classes } = createNamespace("counter");
 import { resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, withCtx as _withCtx, vModelText as _vModelText, createElementVNode as _createElementVNode, withDirectives as _withDirectives, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = ["inputmode", "readonly", "disabled"];
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["inputmode", "readonly", "disabled"];
 function __render__(_ctx, _cache) {
-  var _component_var_icon = _resolveComponent("var-icon");
-  var _component_var_button = _resolveComponent("var-button");
-  var _component_var_form_details = _resolveComponent("var-form-details");
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box')))
-  }, [_createElementVNode("div", _mergeProps({
-    class: _ctx.classes(_ctx.n('controller'), _ctx.formatElevation(_ctx.elevation, 2), [_ctx.disabled || _ctx.formDisabled, _ctx.n('--disabled')], [_ctx.errorMessage, _ctx.n('--error')]),
-    style: {
-      background: _ctx.color ? _ctx.color : undefined
-    }
-  }, _ctx.$attrs), [_createVNode(_component_var_button, {
-    class: _normalizeClass(_ctx.classes(_ctx.n('decrement-button'), [!_ctx.decrementButton, _ctx.n('--hidden')], [_ctx.disabled || _ctx.formDisabled, _ctx.n('--not-allowed')])),
-    style: _normalizeStyle({
-      width: _ctx.toSizeUnit(_ctx.buttonSize),
-      height: _ctx.toSizeUnit(_ctx.buttonSize)
-    }),
-    round: "",
-    "var-counter-cover": "",
-    ripple: _ctx.ripple && _ctx.decrementButton && !_ctx.disabled && !_ctx.formDisabled && !_ctx.readonly && !_ctx.formReadonly && !_ctx.disableDecrement && !_ctx.isMin,
-    onClick: _ctx.decrement,
-    onTouchstart: _ctx.pressDecrement,
-    onTouchend: _ctx.releaseDecrement,
-    onTouchcancel: _ctx.releaseDecrement
-  }, {
-    default: _withCtx(() => [_createVNode(_component_var_icon, {
-      name: "minus"
-    })]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["class", "style", "ripple", "onClick", "onTouchstart", "onTouchend", "onTouchcancel"]), _withDirectives(_createElementVNode("input", {
-    class: _normalizeClass(_ctx.classes(_ctx.n('input'), [_ctx.disabled || _ctx.formDisabled, _ctx.n('--not-allowed')])),
-    style: _normalizeStyle({
-      width: _ctx.toSizeUnit(_ctx.inputWidth),
-      fontSize: _ctx.toSizeUnit(_ctx.inputTextSize)
-    }),
-    inputmode: _ctx.toNumber(_ctx.decimalLength) === 0 ? 'numeric' : 'decimal',
-    readonly: _ctx.readonly || _ctx.formReadonly,
-    disabled: _ctx.disabled || _ctx.formDisabled || _ctx.disableInput,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.inputValue = $event),
-    onChange: _cache[1] || (_cache[1] = function () {
-      return _ctx.handleChange && _ctx.handleChange(...arguments);
-    })
-  }, null, 46 /* CLASS, STYLE, PROPS, HYDRATE_EVENTS */, _hoisted_1), [[_vModelText, _ctx.inputValue]]), _createVNode(_component_var_button, {
-    class: _normalizeClass(_ctx.classes(_ctx.n('increment-button'), [!_ctx.incrementButton, _ctx.n('--hidden')], [_ctx.disabled || _ctx.formDisabled, _ctx.n('--not-allowed')])),
-    style: _normalizeStyle({
-      width: _ctx.toSizeUnit(_ctx.buttonSize),
-      height: _ctx.toSizeUnit(_ctx.buttonSize)
-    }),
-    round: "",
-    "var-counter-cover": "",
-    ripple: _ctx.ripple && _ctx.incrementButton && !_ctx.disabled && !_ctx.formDisabled && !_ctx.readonly && !_ctx.formReadonly && !_ctx.disableIncrement && !_ctx.isMax,
-    onClick: _ctx.increment,
-    onTouchstart: _ctx.pressIncrement,
-    onTouchend: _ctx.releaseIncrement,
-    onTouchcancel: _ctx.releaseIncrement
-  }, {
-    default: _withCtx(() => [_createVNode(_component_var_icon, {
-      name: "plus"
-    })]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["class", "style", "ripple", "onClick", "onTouchstart", "onTouchend", "onTouchcancel"])], 16 /* FULL_PROPS */), _createVNode(_component_var_form_details, {
-    "error-message": _ctx.errorMessage
-  }, null, 8 /* PROPS */, ["error-message"])], 2 /* CLASS */);
+  const _component_var_icon = _resolveComponent("var-icon");
+  const _component_var_button = _resolveComponent("var-button");
+  const _component_var_form_details = _resolveComponent("var-form-details");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box")))
+    },
+    [
+      _createElementVNode(
+        "div",
+        _mergeProps({
+          class: _ctx.classes(
+            _ctx.n("controller"),
+            _ctx.formatElevation(_ctx.elevation, 2),
+            [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")],
+            [_ctx.errorMessage, _ctx.n("--error")]
+          ),
+          style: { background: _ctx.color ? _ctx.color : void 0 }
+        }, _ctx.$attrs),
+        [
+          _createVNode(_component_var_button, {
+            class: _normalizeClass(
+              _ctx.classes(
+                _ctx.n("decrement-button"),
+                [!_ctx.decrementButton, _ctx.n("--hidden")],
+                [_ctx.disabled || _ctx.formDisabled, _ctx.n("--not-allowed")]
+              )
+            ),
+            style: _normalizeStyle({
+              width: _ctx.toSizeUnit(_ctx.buttonSize),
+              height: _ctx.toSizeUnit(_ctx.buttonSize)
+            }),
+            round: "",
+            "var-counter-cover": "",
+            ripple: _ctx.ripple && _ctx.decrementButton && !_ctx.disabled && !_ctx.formDisabled && !_ctx.readonly && !_ctx.formReadonly && !_ctx.disableDecrement && !_ctx.isMin,
+            onClick: _ctx.decrement,
+            onTouchstart: _ctx.pressDecrement,
+            onTouchend: _ctx.releaseDecrement,
+            onTouchcancel: _ctx.releaseDecrement
+          }, {
+            default: _withCtx(() => [
+              _createVNode(_component_var_icon, { name: "minus" })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class", "style", "ripple", "onClick", "onTouchstart", "onTouchend", "onTouchcancel"]),
+          _withDirectives(_createElementVNode("input", {
+            class: _normalizeClass(_ctx.classes(_ctx.n("input"), [_ctx.disabled || _ctx.formDisabled, _ctx.n("--not-allowed")])),
+            style: _normalizeStyle({
+              width: _ctx.toSizeUnit(_ctx.inputWidth),
+              fontSize: _ctx.toSizeUnit(_ctx.inputTextSize)
+            }),
+            inputmode: _ctx.toNumber(_ctx.decimalLength) === 0 ? "numeric" : "decimal",
+            readonly: _ctx.readonly || _ctx.formReadonly,
+            disabled: _ctx.disabled || _ctx.formDisabled || _ctx.disableInput,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
+            onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+          }, null, 46, _hoisted_1), [
+            [_vModelText, _ctx.inputValue]
+          ]),
+          _createVNode(_component_var_button, {
+            class: _normalizeClass(
+              _ctx.classes(
+                _ctx.n("increment-button"),
+                [!_ctx.incrementButton, _ctx.n("--hidden")],
+                [_ctx.disabled || _ctx.formDisabled, _ctx.n("--not-allowed")]
+              )
+            ),
+            style: _normalizeStyle({
+              width: _ctx.toSizeUnit(_ctx.buttonSize),
+              height: _ctx.toSizeUnit(_ctx.buttonSize)
+            }),
+            round: "",
+            "var-counter-cover": "",
+            ripple: _ctx.ripple && _ctx.incrementButton && !_ctx.disabled && !_ctx.formDisabled && !_ctx.readonly && !_ctx.formReadonly && !_ctx.disableIncrement && !_ctx.isMax,
+            onClick: _ctx.increment,
+            onTouchstart: _ctx.pressIncrement,
+            onTouchend: _ctx.releaseIncrement,
+            onTouchcancel: _ctx.releaseIncrement
+          }, {
+            default: _withCtx(() => [
+              _createVNode(_component_var_icon, { name: "plus" })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class", "style", "ripple", "onClick", "onTouchstart", "onTouchend", "onTouchcancel"])
+        ],
+        16
+        /* FULL_PROPS */
+      ),
+      _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   components: {
     VarButton,
     VarIcon,
     VarFormDetails
   },
-  directives: {
-    Ripple
-  },
+  directives: { Ripple },
   inheritAttrs: false,
   props,
-  setup(props) {
-    var inputValue = ref('');
-    var {
-      bindForm,
-      form
-    } = useForm();
-    var {
+  setup(props2) {
+    const inputValue = ref("");
+    const { bindForm, form } = useForm();
+    const {
       errorMessage,
       validateWithTrigger: vt,
       validate: v,
       // expose
       resetValidation
     } = useValidation();
-    var {
-      readonly: formReadonly,
-      disabled: formDisabled
-    } = form != null ? form : {};
-    var isMax = computed(() => {
-      var {
-        max,
-        modelValue
-      } = props;
+    const { readonly: formReadonly, disabled: formDisabled } = form != null ? form : {};
+    const isMax = computed(() => {
+      const { max, modelValue } = props2;
       return max != null && toNumber(modelValue) >= toNumber(max);
     });
-    var isMin = computed(() => {
-      var {
-        min,
-        modelValue
-      } = props;
+    const isMin = computed(() => {
+      const { min, modelValue } = props2;
       return min != null && toNumber(modelValue) <= toNumber(min);
     });
-    var incrementTimer;
-    var decrementTimer;
-    var incrementDelayTimer;
-    var decrementDelayTimer;
-    var counterProvider = {
+    let incrementTimer;
+    let decrementTimer;
+    let incrementDelayTimer;
+    let decrementDelayTimer;
+    const counterProvider = {
       reset,
       validate,
       resetValidation
     };
     call(bindForm, counterProvider);
-    watch(() => props.modelValue, newValue => {
-      setNormalizedValue(normalizeValue(String(newValue)));
-      call(props.onChange, toNumber(newValue));
-    });
-    setNormalizedValue(normalizeValue(String(props.modelValue)));
-
-    // expose
+    watch(
+      () => props2.modelValue,
+      (newValue) => {
+        setNormalizedValue(normalizeValue(String(newValue)));
+        call(props2.onChange, toNumber(newValue));
+      }
+    );
+    setNormalizedValue(normalizeValue(String(props2.modelValue)));
     function validate() {
-      return v(props.rules, props.modelValue);
+      return v(props2.rules, props2.modelValue);
     }
     function validateWithTrigger(trigger) {
       nextTick(() => {
-        var {
-          validateTrigger,
-          rules,
-          modelValue
-        } = props;
+        const { validateTrigger, rules, modelValue } = props2;
         vt(validateTrigger, trigger, rules, modelValue);
       });
     }
-
-    // expose
     function reset() {
-      var {
-        min
-      } = props;
-      call(props['onUpdate:modelValue'], min != null ? toNumber(min) : 0);
+      const { min } = props2;
+      call(props2["onUpdate:modelValue"], min != null ? toNumber(min) : 0);
       resetValidation();
     }
     function normalizeValue(value) {
-      var {
-        decimalLength,
-        max,
-        min
-      } = props;
-      var num = toNumber(value);
+      const { decimalLength, max, min } = props2;
+      let num = toNumber(value);
       if (max != null && num > toNumber(max)) {
         num = toNumber(max);
       }
@@ -186,19 +190,14 @@ var __sfc__ = defineComponent({
       return value;
     }
     function handleChange(event) {
-      var {
-        lazyChange,
-        onBeforeChange
-      } = props;
-      var {
-        value
-      } = event.target;
-      var normalizedValue = normalizeValue(value);
+      const { lazyChange, onBeforeChange } = props2;
+      const { value } = event.target;
+      const normalizedValue = normalizeValue(value);
       lazyChange ? call(onBeforeChange, toNumber(normalizedValue), change) : setNormalizedValue(normalizedValue);
-      validateWithTrigger('onInputChange');
+      validateWithTrigger("onInputChange");
     }
     function decrement() {
-      var {
+      const {
         disabled,
         readonly,
         disableDecrement,
@@ -208,26 +207,26 @@ var __sfc__ = defineComponent({
         modelValue,
         onDecrement,
         onBeforeChange
-      } = props;
-      if (formDisabled != null && formDisabled.value || formReadonly != null && formReadonly.value || disabled || readonly || disableDecrement || !decrementButton) {
+      } = props2;
+      if ((formDisabled == null ? void 0 : formDisabled.value) || (formReadonly == null ? void 0 : formReadonly.value) || disabled || readonly || disableDecrement || !decrementButton) {
         return;
       }
       if (isMin.value) {
         return;
       }
-      var value = new Decimal(toNumber(modelValue)).minus(new Decimal(toNumber(step))).toString();
-      var normalizedValue = normalizeValue(value);
-      var normalizedValueNum = toNumber(normalizedValue);
+      const value = new Decimal(toNumber(modelValue)).minus(new Decimal(toNumber(step))).toString();
+      const normalizedValue = normalizeValue(value);
+      const normalizedValueNum = toNumber(normalizedValue);
       call(onDecrement, normalizedValueNum);
       if (lazyChange) {
         call(onBeforeChange, normalizedValueNum, change);
       } else {
         setNormalizedValue(normalizedValue);
-        validateWithTrigger('onDecrement');
+        validateWithTrigger("onDecrement");
       }
     }
     function increment() {
-      var {
+      const {
         disabled,
         readonly,
         disableIncrement,
@@ -237,29 +236,26 @@ var __sfc__ = defineComponent({
         modelValue,
         onIncrement,
         onBeforeChange
-      } = props;
-      if (formDisabled != null && formDisabled.value || formReadonly != null && formReadonly.value || disabled || readonly || disableIncrement || !incrementButton) {
+      } = props2;
+      if ((formDisabled == null ? void 0 : formDisabled.value) || (formReadonly == null ? void 0 : formReadonly.value) || disabled || readonly || disableIncrement || !incrementButton) {
         return;
       }
       if (isMax.value) {
         return;
       }
-      var value = new Decimal(toNumber(modelValue)).plus(new Decimal(toNumber(step))).toString();
-      var normalizedValue = normalizeValue(value);
-      var normalizedValueNum = toNumber(normalizedValue);
+      const value = new Decimal(toNumber(modelValue)).plus(new Decimal(toNumber(step))).toString();
+      const normalizedValue = normalizeValue(value);
+      const normalizedValueNum = toNumber(normalizedValue);
       call(onIncrement, normalizedValueNum);
       if (lazyChange) {
         call(onBeforeChange, normalizedValueNum, change);
       } else {
         setNormalizedValue(normalizedValue);
-        validateWithTrigger('onIncrement');
+        validateWithTrigger("onIncrement");
       }
     }
     function pressDecrement() {
-      var {
-        press,
-        lazyChange
-      } = props;
+      const { press, lazyChange } = props2;
       if (!press || lazyChange) {
         return;
       }
@@ -268,10 +264,7 @@ var __sfc__ = defineComponent({
       }, DELAY);
     }
     function pressIncrement() {
-      var {
-        press,
-        lazyChange
-      } = props;
+      const { press, lazyChange } = props2;
       if (!press || lazyChange) {
         return;
       }
@@ -301,12 +294,12 @@ var __sfc__ = defineComponent({
     }
     function setNormalizedValue(normalizedValue) {
       inputValue.value = normalizedValue;
-      var normalizedValueNum = toNumber(normalizedValue);
-      call(props['onUpdate:modelValue'], normalizedValueNum);
+      const normalizedValueNum = toNumber(normalizedValue);
+      call(props2["onUpdate:modelValue"], normalizedValueNum);
     }
     function change(value) {
       setNormalizedValue(normalizeValue(String(value)));
-      validateWithTrigger('onLazyChange');
+      validateWithTrigger("onLazyChange");
     }
     return {
       inputValue,
@@ -334,4 +327,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/counter/index.mjs

@@ -1,6 +1,11 @@
-import Counter from './Counter.mjs';
-import { withInstall } from '../utils/components.mjs';
+import Counter from "./Counter.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(Counter);
-export { props as counterProps } from './props.mjs';
-export var _CounterComponent = Counter;
-export default Counter;
+import { props } from "./props.mjs";
+const _CounterComponent = Counter;
+var stdin_default = Counter;
+export {
+  _CounterComponent,
+  props as counterProps,
+  stdin_default as default
+};

package/es/counter/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   modelValue: {
     type: [String, Number],
     default: 0
@@ -43,12 +43,15 @@ export var props = {
   },
   validateTrigger: {
     type: Array,
-    default: () => ['onInputChange', 'onLazyChange', 'onIncrement', 'onDecrement']
+    default: () => ["onInputChange", "onLazyChange", "onIncrement", "onDecrement"]
   },
   rules: Array,
   onBeforeChange: defineListenerProp(),
   onChange: defineListenerProp(),
   onIncrement: defineListenerProp(),
   onDecrement: defineListenerProp(),
-  'onUpdate:modelValue': defineListenerProp()
-};
+  "onUpdate:modelValue": defineListenerProp()
+};
+export {
+  props
+};

package/es/counter/provide.ts

@@ -0,0 +1,3 @@
+import { Validation } from '../form/provide'
+
+export type CounterProvider = Validation