zartui 0.1.113 → 3.0.1

package/es/stepper/Stepper.d.ts

@@ -0,0 +1,181 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { Interceptor } from '../utils';
+export declare type StepperTheme = 'default' | 'round';
+declare const stepperProps: {
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    theme: PropType<StepperTheme>;
+    integer: BooleanConstructor;
+    disabled: BooleanConstructor;
+    showPlus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showMinus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    longPress: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowEmpty: BooleanConstructor;
+    modelValue: (NumberConstructor | StringConstructor)[];
+    inputWidth: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    disablePlus: BooleanConstructor;
+    disableMinus: BooleanConstructor;
+    disableInput: BooleanConstructor;
+    beforeChange: PropType<Interceptor>;
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    decimalLength: (NumberConstructor | StringConstructor)[];
+};
+export declare type StepperProps = ExtractPropTypes<typeof stepperProps>;
+declare const _default: import("vue").DefineComponent<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    theme: PropType<StepperTheme>;
+    integer: BooleanConstructor;
+    disabled: BooleanConstructor;
+    showPlus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showMinus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    longPress: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowEmpty: BooleanConstructor;
+    modelValue: (NumberConstructor | StringConstructor)[];
+    inputWidth: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    disablePlus: BooleanConstructor;
+    disableMinus: BooleanConstructor;
+    disableInput: BooleanConstructor;
+    beforeChange: PropType<Interceptor>;
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    decimalLength: (NumberConstructor | StringConstructor)[];
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "plus" | "minus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    theme: PropType<StepperTheme>;
+    integer: BooleanConstructor;
+    disabled: BooleanConstructor;
+    showPlus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showMinus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    longPress: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowEmpty: BooleanConstructor;
+    modelValue: (NumberConstructor | StringConstructor)[];
+    inputWidth: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    disablePlus: BooleanConstructor;
+    disableMinus: BooleanConstructor;
+    disableInput: BooleanConstructor;
+    beforeChange: PropType<Interceptor>;
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    decimalLength: (NumberConstructor | StringConstructor)[];
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onPlus?: ((...args: any[]) => any) | undefined;
+    onMinus?: ((...args: any[]) => any) | undefined;
+    onOverlimit?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string | number;
+    max: string | number;
+    disabled: boolean;
+    min: string | number;
+    step: string | number;
+    integer: boolean;
+    showPlus: boolean;
+    showMinus: boolean;
+    showInput: boolean;
+    longPress: boolean;
+    allowEmpty: boolean;
+    disablePlus: boolean;
+    disableMinus: boolean;
+    disableInput: boolean;
+    defaultValue: string | number;
+}>;
+export default _default;

package/es/stepper/Stepper.mjs

@@ -0,0 +1,258 @@
+import { withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { ref, watch, computed, nextTick, defineComponent } from "vue";
+import { isDef, addUnit, addNumber, truthProp, resetScroll, numericProp, formatNumber, getSizeStyle, preventDefault, createNamespace, callInterceptor, makeNumericProp } from "../utils";
+import { useCustomFieldValue } from "@zartui/use";
+import ZtIcon from "../icon/index.mjs";
+const [name, bem] = createNamespace("stepper");
+const LONG_PRESS_INTERVAL = 200;
+const LONG_PRESS_START_TIME = 600;
+const isEqual = (value1, value2) => String(value1) === String(value2);
+const stepperProps = {
+  min: makeNumericProp(1),
+  max: makeNumericProp(Infinity),
+  name: makeNumericProp(""),
+  step: makeNumericProp(1),
+  theme: String,
+  integer: Boolean,
+  disabled: Boolean,
+  showPlus: truthProp,
+  showMinus: truthProp,
+  showInput: truthProp,
+  longPress: truthProp,
+  allowEmpty: Boolean,
+  modelValue: numericProp,
+  inputWidth: numericProp,
+  buttonSize: numericProp,
+  placeholder: String,
+  disablePlus: Boolean,
+  disableMinus: Boolean,
+  disableInput: Boolean,
+  beforeChange: Function,
+  defaultValue: makeNumericProp(1),
+  decimalLength: numericProp
+};
+var stdin_default = defineComponent({
+  name,
+  props: stepperProps,
+  emits: ["plus", "blur", "minus", "focus", "change", "overlimit", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const format = (value) => {
+      const {
+        min,
+        max,
+        allowEmpty,
+        decimalLength
+      } = props;
+      if (allowEmpty && value === "") {
+        return value;
+      }
+      value = formatNumber(String(value), !props.integer);
+      value = value === "" ? 0 : +value;
+      value = Number.isNaN(value) ? +min : value;
+      value = Math.max(Math.min(+max, value), +min);
+      if (isDef(decimalLength)) {
+        value = value.toFixed(+decimalLength);
+      }
+      return value;
+    };
+    const getInitialValue = () => {
+      var _a;
+      const defaultValue = (_a = props.modelValue) != null ? _a : props.defaultValue;
+      const value = format(defaultValue);
+      if (!isEqual(value, props.modelValue)) {
+        emit("update:modelValue", value);
+      }
+      return value;
+    };
+    let actionType;
+    const inputRef = ref();
+    const current = ref(getInitialValue());
+    const minusDisabled = computed(() => props.disabled || props.disableMinus || current.value <= +props.min);
+    const plusDisabled = computed(() => props.disabled || props.disablePlus || current.value >= +props.max);
+    const inputStyle = computed(() => ({
+      width: addUnit(props.inputWidth),
+      height: addUnit(props.buttonSize)
+    }));
+    const buttonStyle = computed(() => getSizeStyle(props.buttonSize));
+    const check = () => {
+      const value = format(current.value);
+      if (!isEqual(value, current.value)) {
+        current.value = value;
+      }
+    };
+    const setValue = (value) => {
+      if (props.beforeChange) {
+        callInterceptor(props.beforeChange, {
+          args: [value],
+          done() {
+            current.value = value;
+          }
+        });
+      } else {
+        current.value = value;
+      }
+    };
+    const onChange = () => {
+      if (actionType === "plus" && plusDisabled.value || actionType === "minus" && minusDisabled.value) {
+        emit("overlimit", actionType);
+        return;
+      }
+      const diff = actionType === "minus" ? -props.step : +props.step;
+      const value = format(addNumber(+current.value, diff));
+      setValue(value);
+      emit(actionType);
+    };
+    const onInput = (event) => {
+      const input = event.target;
+      const {
+        value
+      } = input;
+      const {
+        decimalLength
+      } = props;
+      let formatted = formatNumber(String(value), !props.integer);
+      if (isDef(decimalLength) && formatted.includes(".")) {
+        const pair = formatted.split(".");
+        formatted = `${pair[0]}.${pair[1].slice(0, +decimalLength)}`;
+      }
+      if (props.beforeChange) {
+        input.value = String(current.value);
+      } else if (!isEqual(value, formatted)) {
+        input.value = formatted;
+      }
+      const isNumeric = formatted === String(+formatted);
+      setValue(isNumeric ? +formatted : formatted);
+    };
+    const onFocus = (event) => {
+      var _a;
+      if (props.disableInput) {
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
+      } else {
+        emit("focus", event);
+      }
+    };
+    const onBlur = (event) => {
+      const input = event.target;
+      const value = format(input.value);
+      input.value = String(value);
+      current.value = value;
+      nextTick(() => {
+        emit("blur", event);
+        resetScroll();
+      });
+    };
+    let isLongPress;
+    let longPressTimer;
+    const longPressStep = () => {
+      longPressTimer = setTimeout(() => {
+        onChange();
+        longPressStep();
+      }, LONG_PRESS_INTERVAL);
+    };
+    const onTouchStart = () => {
+      if (props.longPress) {
+        isLongPress = false;
+        clearTimeout(longPressTimer);
+        longPressTimer = setTimeout(() => {
+          isLongPress = true;
+          onChange();
+          longPressStep();
+        }, LONG_PRESS_START_TIME);
+      }
+    };
+    const onTouchEnd = (event) => {
+      if (props.longPress) {
+        clearTimeout(longPressTimer);
+        if (isLongPress) {
+          preventDefault(event);
+        }
+      }
+    };
+    const onMousedown = (event) => {
+      if (props.disableInput) {
+        preventDefault(event);
+      }
+    };
+    const createListeners = (type) => ({
+      onClick: (event) => {
+        preventDefault(event);
+        actionType = type;
+        onChange();
+      },
+      onTouchstart: () => {
+        actionType = type;
+        onTouchStart();
+      },
+      onTouchend: onTouchEnd,
+      onTouchcancel: onTouchEnd
+    });
+    watch(() => [props.max, props.min, props.integer, props.decimalLength], check);
+    watch(() => props.modelValue, (value) => {
+      if (!isEqual(value, current.value)) {
+        current.value = format(value);
+      }
+    });
+    watch(current, (value) => {
+      emit("update:modelValue", value);
+      emit("change", value, {
+        name: props.name
+      });
+    });
+    useCustomFieldValue(() => props.modelValue);
+    return () => _createVNode("div", {
+      "role": "group",
+      "class": bem([props.theme])
+    }, [_withDirectives(_createVNode("div", _mergeProps({
+      "style": buttonStyle.value,
+      "class": [
+        bem("minus", {
+          disabled: minusDisabled.value
+        }),
+        {
+          [bem("could-click")]: !minusDisabled.value
+        }
+      ],
+      "aria-disabled": minusDisabled.value || void 0
+    }, createListeners("minus")), [_createVNode(ZtIcon, {
+      "name": "minus",
+      "size": (props == null ? void 0 : props.buttonSize) ? props.buttonSize : "32"
+    }, null)]), [[_vShow, props.showMinus]]), _withDirectives(_createVNode("input", {
+      "ref": inputRef,
+      "type": props.integer ? "tel" : "text",
+      "role": "spinbutton",
+      "class": bem("input"),
+      "value": current.value,
+      "style": inputStyle.value,
+      "disabled": props.disabled,
+      "readonly": props.disableInput,
+      "inputmode": props.integer ? "numeric" : "decimal",
+      "placeholder": props.placeholder,
+      "aria-valuemax": props.max,
+      "aria-valuemin": props.min,
+      "aria-valuenow": current.value,
+      "onBlur": onBlur,
+      "onInput": onInput,
+      "onFocus": onFocus,
+      "onMousedown": onMousedown
+    }, null), [[_vShow, props.showInput]]), _withDirectives(_createVNode("div", _mergeProps({
+      "style": buttonStyle.value,
+      "class": [
+        bem("plus", {
+          disabled: plusDisabled.value
+        }),
+        {
+          [bem("could-click")]: !plusDisabled.value
+        }
+      ],
+      "aria-disabled": plusDisabled.value || void 0
+    }, createListeners("plus")), [_createVNode(ZtIcon, {
+      "name": "plus",
+      "size": (props == null ? void 0 : props.buttonSize) ? props.buttonSize : "32"
+    }, null)]), [[_vShow, props.showPlus]])]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/stepper/index.css

@@ -1 +1 @@
-.zt-stepper{font-size:0;-webkit-user-select:none;user-select:none}.zt-stepper__minus__box,.zt-stepper__plus__box{width:16px;height:16px;margin-left:6px}.zt-stepper__minus__box::before,.zt-stepper__plus__box::before{width:40%;height:1px}.zt-stepper__minus__box::after,.zt-stepper__plus__box::after{width:1px;height:40%}.zt-stepper__minus__box::after,.zt-stepper__minus__box::before,.zt-stepper__plus__box::after,.zt-stepper__plus__box::before{position:absolute;top:50%;left:50%;background-color:currentColor;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:''}.zt-stepper__minus,.zt-stepper__plus{position:relative;box-sizing:border-box;width:30px;height:30px;margin:0;padding:0;color:#000;vertical-align:middle;background-color:#fff;border:1px solid rgba(0,0,0,.4);cursor:pointer;margin-right:12px;border-radius:2px}.zt-stepper__minus:active,.zt-stepper__plus:active{background-color:rgba(0,0,0,.1)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:rgba(0,0,0,.2);border-color:rgba(0,0,0,.2);cursor:not-allowed}.zt-stepper__minus--disabled:active,.zt-stepper__plus--disabled:active{background-color:#f5f5fa}.zt-stepper__minus__box::after{display:none}.zt-stepper__minus{margin-right:12px}.zt-stepper__input{box-sizing:border-box;width:60px;height:30px;border:1px solid rgba(0,0,0,.4);padding:0;color:#000;font-weight:700;font-size:14px;line-height:normal;text-align:center;vertical-align:middle;background-color:#fff;border-radius:2px;-webkit-appearance:none;margin-right:12px;caret-color:#0e97fa}.zt-stepper__input:disabled{color:#c8c9cc;background-color:rgba(0,0,0,.04);-webkit-text-fill-color:#c8c9cc;opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__minus,.zt-stepper--round .zt-stepper__plus{border-radius:100%}.zt-stepper--round .zt-stepper__minus:active,.zt-stepper--round .zt-stepper__plus:active{opacity:.7}.zt-stepper--round .zt-stepper__minus--disabled,.zt-stepper--round .zt-stepper__minus--disabled:active,.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__plus--disabled:active{opacity:.3}
+body{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-button-icon-color: var(--zt-text-color);--zt-stepper-button-disabled-color: var(--zt-background);--zt-stepper-button-disabled-icon-color: var(--zt-gray-5);--zt-stepper-button-round-theme-color: var(--zt-primary-color);--zt-stepper-button-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0px rgba(45, 75, 115, .1);--zt-stepper-input-width: 60px;--zt-stepper-input-height: 32px;--zt-stepper-input-font-size: var(--zt-font-size-md);--zt-stepper-input-line-height: 20px;--zt-stepper-input-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-text-color-3);--zt-stepper-input-disabled-background: var(--zt-active-color);--zt-stepper-input-box-shadow: inset 4px 4px 8px -4px rgba(45, 75, 115, .1);--zt-stepper-radius: var(--zt-radius-max)}.zt-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.zt-stepper__could-click:active{box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-stepper__minus,.zt-stepper__plus{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:var(--zt-stepper-input-height);height:var(--zt-stepper-input-height);margin:0;padding:0;vertical-align:middle;background:var(--zt-stepper-background);border:0;background-image:linear-gradient(135deg,#e6ebf0 0%,#ffffff 100%,#ffffff 100%);box-shadow:var(--zt-stepper-button-box-shadow)}.zt-stepper__minus i,.zt-stepper__plus i{transform:scale(.625)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:var(--zt-stepper-button-disabled-icon-color);background-color:var(--zt-stepper-button-disabled-color);cursor:not-allowed}.zt-stepper__minus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__minus:after{display:none}.zt-stepper__plus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__input{box-sizing:border-box;width:var(--zt-stepper-input-width);height:var(--zt-stepper-input-height);margin:0 12px;padding:4px;color:var(--zt-stepper-input-text-color);font-size:var(--zt-stepper-input-font-size);line-height:var(--zt-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:0;border-width:1px 0;border-radius:var(--zt-radius-gt);box-shadow:var(--zt-stepper-input-box-shadow);-webkit-appearance:none}.zt-stepper__input:disabled{color:var(--zt-stepper-input-disabled-text-color);background-color:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__plus,.zt-stepper--round .zt-stepper__minus{border-radius:100%}.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.zt-stepper--round .zt-stepper__plus{color:var(--zt-white);background:var(--zt-stepper-button-round-theme-color)}.zt-stepper--round .zt-stepper__minus{color:var(--zt-stepper-button-round-theme-color);background-color:var(--zt-background-2);border:1px solid var(--zt-stepper-button-round-theme-color)}

package/es/stepper/index.d.ts

@@ -0,0 +1,132 @@
+export declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    theme: import("vue").PropType<import("./Stepper").StepperTheme>;
+    integer: BooleanConstructor;
+    disabled: BooleanConstructor;
+    showPlus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showMinus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    longPress: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowEmpty: BooleanConstructor;
+    modelValue: (NumberConstructor | StringConstructor)[];
+    inputWidth: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    disablePlus: BooleanConstructor;
+    disableMinus: BooleanConstructor;
+    disableInput: BooleanConstructor;
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    decimalLength: (NumberConstructor | StringConstructor)[];
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "plus" | "minus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    theme: import("vue").PropType<import("./Stepper").StepperTheme>;
+    integer: BooleanConstructor;
+    disabled: BooleanConstructor;
+    showPlus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showMinus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    longPress: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowEmpty: BooleanConstructor;
+    modelValue: (NumberConstructor | StringConstructor)[];
+    inputWidth: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    disablePlus: BooleanConstructor;
+    disableMinus: BooleanConstructor;
+    disableInput: BooleanConstructor;
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    decimalLength: (NumberConstructor | StringConstructor)[];
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onPlus?: ((...args: any[]) => any) | undefined;
+    onMinus?: ((...args: any[]) => any) | undefined;
+    onOverlimit?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string | number;
+    max: string | number;
+    disabled: boolean;
+    min: string | number;
+    step: string | number;
+    integer: boolean;
+    showPlus: boolean;
+    showMinus: boolean;
+    showInput: boolean;
+    longPress: boolean;
+    allowEmpty: boolean;
+    disablePlus: boolean;
+    disableMinus: boolean;
+    disableInput: boolean;
+    defaultValue: string | number;
+}>>;
+export default Stepper;
+export type { StepperTheme, StepperProps } from './Stepper';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtStepper: typeof Stepper;
+    }
+}

package/es/stepper/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Stepper from "./Stepper.mjs";
+const Stepper = withInstall(_Stepper);
+var stdin_default = Stepper;
+export {
+  Stepper,
+  stdin_default as default
+};

package/es/stepper/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/stepper/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/sticky/Sticky.d.ts

@@ -0,0 +1,58 @@
+import { PropType, ExtractPropTypes } from 'vue';
+export declare type StickyPosition = 'top' | 'bottom';
+declare const stickyProps: {
+    zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: PropType<StickyPosition>;
+        default: StickyPosition;
+    };
+    container: PropType<Element>;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offsetBottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export declare type StickyProps = ExtractPropTypes<typeof stickyProps>;
+declare const _default: import("vue").DefineComponent<{
+    zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: PropType<StickyPosition>;
+        default: StickyPosition;
+    };
+    container: PropType<Element>;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offsetBottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: PropType<StickyPosition>;
+        default: StickyPosition;
+    };
+    container: PropType<Element>;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offsetBottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+}, {
+    position: StickyPosition;
+    offsetTop: string | number;
+    offsetBottom: string | number;
+}>;
+export default _default;