zartui 3.1.23-beta.1 → 3.1.23-beta.3

package/lib/slider/Slider.js

@@ -22,7 +22,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_use_touch = require("../composables/use-touch");
@@ -47,9 +46,12 @@ const sliderProps = {
   title: String,
   // 标题跟进度与主体进度条的排列方式
   direction: (0, import_utils.makeStringProp)("horizontal"),
-  showPercent: import_utils.truthProp
+  showPercent: import_utils.truthProp,
+  // 进度条在边缘时，为了防止进度条显示被挤压，对进度条边缘进行扩充，扩充的宽度
+  barEdgeOffset: (0, import_utils.makeNumberProp)(4),
+  barEdgeOffsetBoundary: (0, import_utils.makeNumberProp)(10)
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: sliderProps,
   emits: ["change", "dragEnd", "dragStart", "update:modelValue"],
@@ -60,12 +62,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
     let buttonIndex;
     let current;
     let startValue;
-    const root = (0, import_vue2.ref)();
-    const slider = [(0, import_vue2.ref)(), (0, import_vue2.ref)()];
-    const dragStatus = (0, import_vue2.ref)();
+    const root = (0, import_vue.ref)();
+    const slider = [(0, import_vue.ref)(), (0, import_vue.ref)()];
+    const dragStatus = (0, import_vue.ref)();
     const touch = (0, import_use_touch.useTouch)();
-    const scope = (0, import_vue2.computed)(() => Number(props.max) - Number(props.min));
-    const wrapperStyle = (0, import_vue2.computed)(() => {
+    const scope = (0, import_vue.computed)(() => Number(props.max) - Number(props.min));
+    const wrapperStyle = (0, import_vue.computed)(() => {
       const crossAxis = props.vertical ? "width" : "height";
       return {
         background: props.inactiveColor,
@@ -73,15 +75,21 @@ var stdin_default = (0, import_vue2.defineComponent)({
       };
     });
     const isRange = (val) => props.range && Array.isArray(val);
+    function calcBarWidthInEdge(originWidth) {
+      if (originWidth < props.barEdgeOffsetBoundary && originWidth > 0) {
+        return props.barEdgeOffset + originWidth;
+      }
+      return originWidth;
+    }
     const calcMainAxis = () => {
       const {
         modelValue,
         min
       } = props;
       if (isRange(modelValue)) {
-        return `${(modelValue[1] - modelValue[0]) * 100 / scope.value}%`;
+        return `${calcBarWidthInEdge(modelValue[1] - modelValue[0]) * 100 / scope.value}%`;
       }
-      return `${(modelValue - Number(min)) * 100 / scope.value}%`;
+      return `${calcBarWidthInEdge(modelValue - Number(min)) * 100 / scope.value}%`;
     };
     const calcOffset = () => {
       const {
@@ -89,7 +97,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         min
       } = props;
       if (isRange(modelValue)) {
-        return `${(modelValue[0] - Number(min)) * 100 / scope.value}%`;
+        const diff = modelValue[0] - Number(min);
+        return `${diff * 100 / scope.value}%`;
       }
       return "0%";
     };
@@ -99,7 +108,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return props.reverse ? "right" : "left";
     };
-    const barStyle = (0, import_vue2.computed)(() => {
+    const barStyle = (0, import_vue.computed)(() => {
       const mainAxis = props.vertical ? "height" : "width";
       const style = {
         [mainAxis]: calcMainAxis(),
@@ -324,7 +333,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [renderTitle(), renderPercent()]), sliderContent]);
       }
     };
-    const sliderStyle = (0, import_vue2.computed)(() => {
+    const sliderStyle = (0, import_vue.computed)(() => {
       const direction = props.direction === "horizontal" ? "horizontal" : "vertical";
       return {
         vertical: props.vertical,

package/lib/slider/index.css

@@ -1 +1 @@
-:root,:host{--zt-slider-active-background: linear-gradient(90deg, var(--zt-primary-color-light) 0%, var(--zt-primary-color) 100%);--zt-slider-inactive-background: var(--zt-gray-a04);--zt-slider-disabled-opacity: var(--zt-disabled-opacity);--zt-slider-bar-height: var(--zt-line-height-xs);--zt-slider-button-width: var(--zt-font-size-lg);--zt-slider-button-height: var(--zt-font-size-lg);--zt-slider-button-radius: 50%;--zt-slider-vertical-gap: 4px;--zt-slider-horizontal-gap: 12px;--zt-slider-button-background: linear-gradient(180deg, rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 50), var(--zt-primary-color-b)) 0%, var(--zt-primary-color) 100%);--zt-slider-button-shadow: 0 2px 4px 0 var(--zt-primary-color-a2);--zt-slider-button-border-color: var(--zt-white)}:root[zt-theme-size=large],:host[zt-theme-size=large]{--zt-slider-horizontal-gap: 16px}.zt-theme-dark{--zt-slider-inactive-background: var(--zt-background-3)}.zt-slider__bar-wrapper{position:relative;width:100%;height:var(--zt-slider-bar-height);background:var(--zt-slider-inactive-background);border-radius:var(--zt-radius-max);cursor:pointer}.zt-slider__bar-wrapper:before{position:absolute;top:calc(var(--zt-padding-xs) * -1);right:0;bottom:calc(var(--zt-padding-xs) * -1);left:0;content:""}.zt-slider__bar-wrapper .zt-slider__bar{position:absolute;width:100%;height:100%;background:var(--zt-slider-active-background);border-radius:inherit;transition:all var(--zt-duration-fast)}.zt-slider__button{width:var(--zt-slider-button-width);height:var(--zt-slider-button-height);background:var(--zt-slider-button-background);border-radius:var(--zt-slider-button-radius);box-shadow:var(--zt-slider-button-shadow);border:1px solid var(--zt-slider-button-border-color)}.zt-slider__button-wrapper{position:absolute;cursor:-webkit-grab;cursor:grab;top:50%}.zt-slider--disabled{cursor:not-allowed;opacity:var(--zt-slider-disabled-opacity)}.zt-slider--disabled .zt-slider__button-wrapper{cursor:not-allowed}.zt-slider--horizontal{display:flex;align-items:center;gap:var(--zt-slider-horizontal-gap)}.zt-slider--horizontal .zt-slider__title,.zt-slider--horizontal .zt-slider__percent{font-size:var(--zt-font-size-md);color:var(--zt-text-color);line-height:var(--zt-line-height-md);word-break:break-all}.zt-slider--horizontal .zt-slider__title{font-weight:600;max-width:50%}.zt-slider--horizontal .zt-slider__percent{font-weight:400;max-width:20%;min-width:2em;text-align:right}.zt-slider--vertical{width:100%;display:flex;flex-direction:column;gap:var(--zt-slider-vertical-gap)}.zt-slider--vertical .zt-slider__title,.zt-slider--vertical .zt-slider__percent{opacity:.8;font-weight:400;font-size:var(--zt-font-size-sm);color:var(--zt-text-color);line-height:var(--zt-line-height-sm);word-break:break-all}.zt-slider--vertical .zt-slider__title{min-width:0;flex:1}.zt-slider--vertical .zt-slider__percent{max-width:50%}.zt-slider__title,.zt-slider__percent{flex-shrink:0}.zt-slider__direction-vertical-title{display:flex;justify-content:space-between;align-items:center;gap:var(--zt-slider-vertical-gap)}
+:root,:host{--zt-slider-active-background: linear-gradient(90deg, var(--zt-primary-color-light) 0%, var(--zt-primary-color) 100%);--zt-slider-inactive-background: var(--zt-gray-a04);--zt-slider-disabled-opacity: var(--zt-disabled-opacity);--zt-slider-bar-height: var(--zt-line-height-xs);--zt-slider-button-width: var(--zt-font-size-lg);--zt-slider-button-height: var(--zt-font-size-lg);--zt-slider-button-radius: 50%;--zt-slider-vertical-gap: 4px;--zt-slider-horizontal-gap: 12px;--zt-slider-button-background: linear-gradient(180deg, rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 50), var(--zt-primary-color-b)) 0%, var(--zt-primary-color) 100%);--zt-slider-button-shadow: 0 2px 4px 0 var(--zt-primary-color-a2);--zt-slider-button-border-color: var(--zt-white)}:root[zt-theme-size=large],:host[zt-theme-size=large]{--zt-slider-horizontal-gap: 16px}.zt-theme-dark{--zt-slider-inactive-background: var(--zt-background-3)}.zt-slider__bar-wrapper{position:relative;width:100%;height:var(--zt-slider-bar-height);background:var(--zt-slider-inactive-background);border-radius:var(--zt-radius-max);cursor:pointer}.zt-slider__bar-wrapper:before{position:absolute;top:calc(var(--zt-padding-xs) * -1);right:0;bottom:calc(var(--zt-padding-xs) * -1);left:0;content:""}.zt-slider__bar-wrapper .zt-slider__bar{position:absolute;width:100%;height:100%;background:var(--zt-slider-active-background);border-radius:inherit;transition:all var(--zt-duration-fast)}.zt-slider__button{width:var(--zt-slider-button-width);height:var(--zt-slider-button-height);background:var(--zt-slider-button-background);border-radius:var(--zt-slider-button-radius);box-shadow:var(--zt-slider-button-shadow);border:1px solid var(--zt-slider-button-border-color)}.zt-slider__button-wrapper{position:absolute;cursor:grab;top:50%}.zt-slider--disabled{cursor:not-allowed;opacity:var(--zt-slider-disabled-opacity)}.zt-slider--disabled .zt-slider__button-wrapper{cursor:not-allowed}.zt-slider--horizontal{display:flex;align-items:center;gap:var(--zt-slider-horizontal-gap)}.zt-slider--horizontal .zt-slider__title,.zt-slider--horizontal .zt-slider__percent{font-size:var(--zt-font-size-md);color:var(--zt-text-color);line-height:var(--zt-line-height-md);word-break:break-all}.zt-slider--horizontal .zt-slider__title{font-weight:600;max-width:50%}.zt-slider--horizontal .zt-slider__percent{font-weight:400;max-width:20%;min-width:2em;text-align:right}.zt-slider--vertical{width:100%;display:flex;flex-direction:column;gap:var(--zt-slider-vertical-gap)}.zt-slider--vertical .zt-slider__title,.zt-slider--vertical .zt-slider__percent{opacity:.8;font-weight:400;font-size:var(--zt-font-size-sm);color:var(--zt-text-color);line-height:var(--zt-line-height-sm);word-break:break-all}.zt-slider--vertical .zt-slider__title{min-width:0;flex:1}.zt-slider--vertical .zt-slider__percent{max-width:50%}.zt-slider__title,.zt-slider__percent{flex-shrink:0}.zt-slider__direction-vertical-title{display:flex;justify-content:space-between;align-items:center;gap:var(--zt-slider-vertical-gap)}

package/lib/slider/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Slider: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Slider: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -36,7 +36,15 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragStart" | "dragEnd")[], "update:modelValue" | "change" | "dragStart" | "dragEnd", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    barEdgeOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    barEdgeOffsetBoundary: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragEnd" | "dragStart")[], "update:modelValue" | "change" | "dragEnd" | "dragStart", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -74,12 +82,20 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+    barEdgeOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    barEdgeOffsetBoundary: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onDragStart?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
-}, {
+    onDragStart?: ((...args: any[]) => any) | undefined;
+}>, {
     reverse: boolean;
     range: boolean;
     max: string | number;
@@ -88,10 +104,12 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     direction: import("./Slider").SliderDirection;
     modelValue: number | [number, number];
     readonly: boolean;
-    step: string | number;
     min: string | number;
+    step: string | number;
     showPercent: boolean;
-}, {}>>;
+    barEdgeOffset: number;
+    barEdgeOffsetBoundary: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Slider;
 export { sliderProps } from './Slider';
 export type { SliderProps, SliderDirection } from './Slider';

package/lib/step/Step.d.ts

@@ -3,13 +3,13 @@ export declare const stepProps: {
     activeIcon: StringConstructor;
     inactiveIcon: StringConstructor;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     iconPrefix: StringConstructor;
     activeIcon: StringConstructor;
     inactiveIcon: StringConstructor;
-}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iconPrefix: StringConstructor;
     activeIcon: StringConstructor;
     inactiveIcon: StringConstructor;
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/step/Step.js

@@ -22,7 +22,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_Steps = require("../steps/Steps");
 var import_use = require("@zartui/use");
@@ -33,7 +32,7 @@ const stepProps = {
   activeIcon: String,
   inactiveIcon: String
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: stepProps,
   setup(props, {
@@ -55,7 +54,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return index.value === active ? "process" : "waiting";
     };
     const isActive = () => getStatus() === "process";
-    const titleStyle = (0, import_vue2.computed)(() => {
+    const titleStyle = (0, import_vue.computed)(() => {
       if (isActive()) {
         return {
           color: parentProps.titleActiveColor || ""

package/lib/step/index.css

@@ -1 +1 @@
-:root{--zt-step-process-text-color: var(--zt-text-color);--zt-step-line-color: var(--zt-gray-a1);--zt-step-circle-container-background: var(--zt-background-popup);--zt-step-circle-container-left: 0}:root[zt-theme-size=large]{--zt-step-circle-container-left: 6px}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-line-height-md);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-font-size-md)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-background);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-font-size-md);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-md)}.zt-step--vertical .zt-step__title{font-size:var(--zt-font-size-md);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:var(--zt-step-circle-container-left);z-index:1;font-size:var(--zt-font-size-sm);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}
+:root{--zt-step-process-text-color: var(--zt-text-color);--zt-step-line-color: var(--zt-gray-a1);--zt-step-circle-container-background: var(--zt-background-popup);--zt-step-circle-container-left: 0}:root[zt-theme-size=large]{--zt-step-circle-container-left: 6px}.zt-step{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-line-height-md);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-font-size-md)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-background);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-font-size-md);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-md)}.zt-step--vertical .zt-step__title{font-size:var(--zt-font-size-md);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:var(--zt-step-circle-container-left);z-index:1;font-size:var(--zt-font-size-sm);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}

package/lib/step/index.d.ts

@@ -1,12 +1,12 @@
-export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     iconPrefix: StringConstructor;
     activeIcon: StringConstructor;
     inactiveIcon: StringConstructor;
-}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iconPrefix: StringConstructor;
     activeIcon: StringConstructor;
     inactiveIcon: StringConstructor;
-}>>, {}, {}>>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Step;
 export type { StepThemeVars } from './types';
 declare module 'vue' {

package/lib/stepper/Stepper.d.ts

@@ -53,7 +53,7 @@ declare const stepperProps: {
     decimalLength: (NumberConstructor | StringConstructor)[];
 };
 export type StepperProps = ExtractPropTypes<typeof stepperProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -153,7 +153,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -161,13 +161,13 @@ declare const _default: import("vue").DefineComponent<{
     onMinus?: ((...args: any[]) => any) | undefined;
     onPlus?: ((...args: any[]) => any) | undefined;
     onOverlimit?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     name: string | number;
     max: string | number;
     disabled: boolean;
-    longPress: boolean;
-    step: string | number;
     min: string | number;
+    step: string | number;
+    longPress: boolean;
     integer: boolean;
     showPlus: boolean;
     showMinus: boolean;
@@ -177,5 +177,5 @@ declare const _default: import("vue").DefineComponent<{
     disableMinus: boolean;
     disableInput: boolean;
     defaultValue: string | number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/stepper/Stepper.js

@@ -31,7 +31,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_icon = __toESM(require("../icon"));
@@ -62,7 +61,7 @@ const stepperProps = {
   defaultValue: (0, import_utils.makeNumericProp)(1),
   decimalLength: import_utils.numericProp
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: stepperProps,
   emits: ["plus", "blur", "minus", "focus", "change", "overlimit", "update:modelValue"],
@@ -98,15 +97,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return value;
     };
     let actionType;
-    const inputRef = (0, import_vue2.ref)();
-    const current = (0, import_vue2.ref)(getInitialValue());
-    const minusDisabled = (0, import_vue2.computed)(() => props.disabled || props.disableMinus || +current.value <= +props.min);
-    const plusDisabled = (0, import_vue2.computed)(() => props.disabled || props.disablePlus || +current.value >= +props.max);
-    const inputStyle = (0, import_vue2.computed)(() => ({
+    const inputRef = (0, import_vue.ref)();
+    const current = (0, import_vue.ref)(getInitialValue());
+    const minusDisabled = (0, import_vue.computed)(() => props.disabled || props.disableMinus || +current.value <= +props.min);
+    const plusDisabled = (0, import_vue.computed)(() => props.disabled || props.disablePlus || +current.value >= +props.max);
+    const inputStyle = (0, import_vue.computed)(() => ({
       width: (0, import_utils.addUnit)(props.inputWidth),
       height: (0, import_utils.addUnit)(props.buttonSize)
     }));
-    const buttonStyle = (0, import_vue2.computed)(() => (0, import_utils.getSizeStyle)(props.buttonSize));
+    const buttonStyle = (0, import_vue.computed)(() => (0, import_utils.getSizeStyle)(props.buttonSize));
     const check = () => {
       const value = format(current.value);
       if (!isEqual(value, current.value)) {
@@ -169,7 +168,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const value = format(input.value);
       input.value = String(value);
       current.value = value;
-      (0, import_vue2.nextTick)(() => {
+      (0, import_vue.nextTick)(() => {
         emit("blur", event);
         (0, import_utils.resetScroll)();
       });
@@ -219,13 +218,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
       onTouchend: onTouchEnd,
       onTouchcancel: onTouchEnd
     });
-    (0, import_vue2.watch)(() => [props.max, props.min, props.integer, props.decimalLength], check);
-    (0, import_vue2.watch)(() => props.modelValue, (value) => {
+    (0, import_vue.watch)(() => [props.max, props.min, props.integer, props.decimalLength], check);
+    (0, import_vue.watch)(() => props.modelValue, (value) => {
       if (!isEqual(value, current.value)) {
         current.value = format(value);
       }
     });
-    (0, import_vue2.watch)(current, (value) => {
+    (0, import_vue.watch)(current, (value) => {
       emit("update:modelValue", value);
       emit("change", value, {
         name: props.name

package/lib/stepper/index.css

@@ -1 +1 @@
-:root{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-background-image: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-stepper-box-border: 0;--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-a2);--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-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-gray-a2);--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:var(--zt-stepper-box-border);background-image:var(--zt-stepper-background-image);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-font-size-md);line-height:var(--zt-line-height-md);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);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: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-popup);border:1px solid var(--zt-stepper-button-round-theme-color)}.zt-theme-dark{--zt-stepper-background: #19232d;--zt-stepper-background-image: linear-gradient(135deg, #0e1824 0%, #203043 100%);--zt-stepper-box-border: 1px solid rgba(255, 255, 255, .12);--zt-stepper-button-box-shadow: -1px -1px 2px 0 rgba(255, 255, 255, .12), 0 0 3px 0 rgba(0, 12, 24, .8);--zt-stepper-input-disabled-background: linear-gradient(147deg, #0e1824 0%, #203043 100%)}
+:root{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-background-image: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-stepper-box-border: 0;--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-a2);--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-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-gray-a2);--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;-moz-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:var(--zt-stepper-box-border);background-image:var(--zt-stepper-background-image);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-font-size-md);line-height:var(--zt-line-height-md);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);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:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:-moz-read-only{cursor:default}.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-popup);border:1px solid var(--zt-stepper-button-round-theme-color)}.zt-theme-dark{--zt-stepper-background: #19232d;--zt-stepper-background-image: linear-gradient(135deg, #0e1824 0%, #203043 100%);--zt-stepper-box-border: 1px solid rgba(255, 255, 255, .12);--zt-stepper-button-box-shadow: -1px -1px 2px 0 rgba(255, 255, 255, .12), 0 0 3px 0 rgba(0, 12, 24, .8);--zt-stepper-input-disabled-background: linear-gradient(147deg, #0e1824 0%, #203043 100%)}

package/lib/stepper/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -98,7 +98,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -106,13 +106,13 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     onMinus?: ((...args: any[]) => any) | undefined;
     onPlus?: ((...args: any[]) => any) | undefined;
     onOverlimit?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     name: string | number;
     max: string | number;
     disabled: boolean;
-    longPress: boolean;
-    step: string | number;
     min: string | number;
+    step: string | number;
+    longPress: boolean;
     integer: boolean;
     showPlus: boolean;
     showMinus: boolean;
@@ -122,7 +122,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     disableMinus: boolean;
     disableInput: boolean;
     defaultValue: string | number;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Stepper;
 export type { StepperTheme, StepperProps } from './Stepper';
 export type { StepperThemeVars } from './types';

package/lib/steps/Steps.d.ts

@@ -24,7 +24,7 @@ export type StepsProvide = {
     onClickStep: (index: number) => void;
 };
 export declare const STEPS_KEY: InjectionKey<StepsProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     inactiveBgColor: StringConstructor;
     inactiveBorderColor: StringConstructor;
     titleInactiveColor: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickStep"[], "clickStep", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickStep"[], "clickStep", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -58,10 +58,10 @@ declare const _default: import("vue").DefineComponent<{
     inactiveBgColor: StringConstructor;
     inactiveBorderColor: StringConstructor;
     titleInactiveColor: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onClickStep?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     active: string | number;
     direction: StepsDirection;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/steps/Steps.js

@@ -23,7 +23,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 const [name, bem] = (0, import_utils.createNamespace)("steps");
@@ -40,7 +39,7 @@ const stepsProps = {
   titleInactiveColor: String
 };
 const STEPS_KEY = Symbol(name);
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: stepsProps,
   emits: ["clickStep"],

package/lib/steps/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -15,7 +15,7 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     inactiveBgColor: StringConstructor;
     inactiveBorderColor: StringConstructor;
     titleInactiveColor: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickStep"[], "clickStep", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickStep"[], "clickStep", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -32,12 +32,12 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     inactiveBgColor: StringConstructor;
     inactiveBorderColor: StringConstructor;
     titleInactiveColor: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onClickStep?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     active: string | number;
     direction: import("./Steps").StepsDirection;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Steps;
 export { stepsProps } from './Steps';
 export type { StepsProps, StepsDirection } from './Steps';

package/lib/sticky/Sticky.d.ts

@@ -17,7 +17,7 @@ declare const stickyProps: {
     };
 };
 export type StickyProps = ExtractPropTypes<typeof stickyProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
         type: PropType<StickyPosition>;
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
         type: PropType<StickyPosition>;
@@ -47,12 +47,12 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     position: StickyPosition;
     offsetTop: string | number;
     offsetBottom: string | number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/sticky/Sticky.js

@@ -21,7 +21,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_use_visibility_change = require("../composables/use-visibility-change");
@@ -33,7 +32,7 @@ const stickyProps = {
   offsetTop: (0, import_utils.makeNumericProp)(0),
   offsetBottom: (0, import_utils.makeNumericProp)(0)
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: stickyProps,
   emits: ["scroll", "change"],
@@ -41,9 +40,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const root = (0, import_vue2.ref)();
+    const root = (0, import_vue.ref)();
     const scrollParent = (0, import_use.useScrollParent)(root);
-    const state = (0, import_vue2.reactive)({
+    const state = (0, import_vue.reactive)({
       fixed: false,
       width: 0,
       // root width
@@ -51,8 +50,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       // root height
       transform: 0
     });
-    const offset = (0, import_vue2.computed)(() => (0, import_utils.unitToPx)(props.position === "top" ? props.offsetTop : props.offsetBottom));
-    const rootStyle = (0, import_vue2.computed)(() => {
+    const offset = (0, import_vue.computed)(() => (0, import_utils.unitToPx)(props.position === "top" ? props.offsetTop : props.offsetBottom));
+    const rootStyle = (0, import_vue.computed)(() => {
       const {
         fixed,
         height,
@@ -65,7 +64,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         };
       }
     });
-    const stickyStyle = (0, import_vue2.computed)(() => {
+    const stickyStyle = (0, import_vue.computed)(() => {
       if (!state.fixed) {
         return;
       }
@@ -119,7 +118,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       emitScroll(scrollTop);
     };
-    (0, import_vue2.watch)(() => state.fixed, (value) => emit("change", value));
+    (0, import_vue.watch)(() => state.fixed, (value) => emit("change", value));
     (0, import_use.useEventListener)("scroll", onScroll, {
       target: scrollParent,
       passive: true

package/lib/sticky/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
         type: import("vue").PropType<import("./Sticky").StickyPosition>;
@@ -13,7 +13,7 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
         type: import("vue").PropType<import("./Sticky").StickyPosition>;
@@ -28,14 +28,14 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     position: import("./Sticky").StickyPosition;
     offsetTop: string | number;
     offsetBottom: string | number;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Sticky;
 export type { StickyProps, StickyPosition } from './Sticky';
 export type { StickyThemeVars } from './types';