zartui 3.1.14 → 3.1.16

package/lib/multiple-picker/index.d.ts

@@ -51,11 +51,15 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<import("../utils").Numeric[]>;
+        default: () => import("../utils").Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -106,6 +110,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    selectedValue: {
+        type: import("vue").PropType<import("../utils").Numeric[]>;
+        default: () => import("../utils").Numeric[];
+    };
     popup: {
         type: BooleanConstructor;
         default: true;
@@ -116,6 +124,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedValue"?: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     closeOnClickOverlay: boolean;
@@ -132,6 +141,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     columnCounts: number;
     toolbarPosition: string;
     selectedIndex: number[];
+    selectedValue: import("../utils").Numeric[];
 }, {}>>;
 export default MultiplePicker;
 export type { MultiplePickerProps };

package/lib/pull-refresh/PullRefresh.d.ts

@@ -1,4 +1,5 @@
-import type { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes, PropType } from 'vue';
+import { TargetContainer } from '../utils';
 declare const pullRefreshProps: {
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
@@ -19,6 +20,7 @@ declare const pullRefreshProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: PropType<TargetContainer>;
 };
 export type PullRefreshProps = ExtractPropTypes<typeof pullRefreshProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -41,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: PropType<TargetContainer>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
@@ -61,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: PropType<TargetContainer>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/lib/pull-refresh/PullRefresh.js

@@ -39,7 +39,8 @@ const pullRefreshProps = {
   loadingText: String,
   pullDistance: import_utils.numericProp,
   successDuration: (0, import_utils.makeNumericProp)(500),
-  animationDuration: (0, import_utils.makeNumericProp)(300)
+  animationDuration: (0, import_utils.makeNumericProp)(300),
+  scrollElement: null
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -52,7 +53,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
     let reachTop;
     const root = (0, import_vue2.ref)();
     const track = (0, import_vue2.ref)();
-    const scrollParent = (0, import_use.useScrollParent)(root);
+    const rootScrollElement = (0, import_use.useScrollParent)(root);
+    const scrollParent = (0, import_vue2.computed)(() => {
+      if (props.scrollElement) {
+        const targetDom = (0, import_utils.getTargetDom)(props.scrollElement);
+        if (!targetDom) {
+          console.warn("\u8BF7\u68C0\u67E5props scroll-element\u5143\u7D20\u662F\u5426\u5B58\u5728\uFF01");
+        }
+        return targetDom != null ? targetDom : rootScrollElement.value;
+      }
+      return rootScrollElement.value;
+    });
     const state = (0, import_vue2.reactive)({
       status: "normal",
       distance: 0,

package/lib/pull-refresh/index.d.ts

@@ -18,6 +18,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: import("vue").PropType<import("../utils").TargetContainer>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
@@ -38,6 +39,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    scrollElement: import("vue").PropType<import("../utils").TargetContainer>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/lib/utils/dom.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 export type ScrollElement = Element | Window;
+export type TargetContainer = string | HTMLElement | (() => HTMLElement);
 export declare function getScrollTop(el: ScrollElement): number;
 export declare function setScrollTop(el: ScrollElement, value: number): void;
 export declare function getRootScrollTop(): number;
@@ -10,4 +11,5 @@ export declare const stopPropagation: (event: Event) => void;
 export declare function preventDefault(event: Event, isStopPropagation?: boolean): void;
 export declare function isHidden(elementRef: HTMLElement | Ref<HTMLElement | undefined>): boolean;
 export declare function colorFromCSSClass(className: string, defaultColor: string): string;
+export declare const getTargetDom: (target: TargetContainer) => HTMLElement;
 export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;

package/lib/utils/dom.js

@@ -21,6 +21,7 @@ __export(stdin_exports, {
   getElementTop: () => getElementTop,
   getRootScrollTop: () => getRootScrollTop,
   getScrollTop: () => getScrollTop,
+  getTargetDom: () => getTargetDom,
   isHidden: () => isHidden,
   preventDefault: () => preventDefault,
   resetScroll: () => resetScroll,
@@ -94,4 +95,18 @@ function colorFromCSSClass(className, defaultColor) {
   document.body.removeChild(tmp);
   return !classColor ? defaultColor : classColor;
 }
+const getTargetDom = (target) => {
+  if (target) {
+    if (typeof target === "string") {
+      return document.querySelectorAll(target)[0];
+    }
+    if (typeof target === "function") {
+      return target();
+    }
+    if (typeof target === "object" && target instanceof window.HTMLElement) {
+      return target;
+    }
+  }
+  return document.body;
+};
 const { width: windowWidth, height: windowHeight } = (0, import_use.useWindowSize)();