zartui 3.1.15 → 3.1.16

package/es/cell/Cell.d.ts

@@ -194,8 +194,8 @@ declare const _default: import("vue").DefineComponent<{
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    value: string;
     center: boolean;
+    value: string;
     border: boolean;
     direction: CellDirection;
     isLink: boolean;

package/es/cell/index.d.ts

@@ -97,8 +97,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    value: string;
     center: boolean;
+    value: string;
     border: boolean;
     direction: import("./types").CellDirection;
     isLink: boolean;

package/es/date-time-picker/DateTimePicker.mjs

@@ -124,7 +124,7 @@ var stdin_default = defineComponent({
         }
       }
       onClose();
-      emit("confirm");
+      emit("confirm", currentValue.value);
     };
     const onOpen = () => {
       var _a, _b, _c;

package/es/dropdown-item/types.d.ts

@@ -3,10 +3,10 @@ import type { VNode, ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
 export type DropdownItemOptionValue = Numeric | boolean | string;
 export type DropdownItemOption = {
-    text: string;
+    text?: string;
     icon?: string;
-    value: DropdownItemOptionValue;
-    selected: boolean;
+    value?: DropdownItemOptionValue;
+    selected?: boolean;
     [key: PropertyKey]: any;
 };
 export type DropdownItemExpose = {

package/es/field/Field.d.ts

@@ -382,11 +382,11 @@ declare const _default: import("vue").DefineComponent<{
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    center: boolean;
     type: FieldType;
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    center: boolean;
     border: boolean;
     direction: import("../cell").CellDirection;
     isLink: boolean;

package/es/field/index.d.ts

@@ -227,11 +227,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    center: boolean;
     type: import("./types").FieldType;
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    center: boolean;
     border: boolean;
     direction: import("..").CellDirection;
     isLink: boolean;

package/es/lazyload/vue-lazyload/index.d.ts

@@ -1,55 +1,55 @@
-import type { App } from 'vue';
-
-declare type ListenEvent =
-  | 'scroll'
-  | 'wheel'
-  | 'mousewheel'
-  | 'resize'
-  | 'animationend'
-  | 'transitionend'
-  | 'touchmove';
-
-// eslint-disable-next-line
-declare type Callback = (listener: any, options: LazyloadOptions) => void;
-
-declare type Filter = {
-  webp?: Callback;
-  progressive?: Callback;
-};
-
-declare type Adapter = {
-  error?: Callback;
-  loaded?: Callback;
-  loading?: Callback;
-};
-
-export declare type LazyloadOptions = {
-  error?: string;
-  filter?: Filter;
-  silent?: boolean;
-  adapter?: Adapter;
-  loading?: string;
-  attempt?: number;
-  preLoad?: number;
-  observer?: boolean;
-  lazyImage?: boolean;
-  throttleWait?: number;
-  listenEvents?: ListenEvent[];
-  dispatchEvent?: boolean;
-  lazyComponent?: boolean;
-  observerOptions?: IntersectionObserverInit;
-};
-
-export declare const Lazyload: {
-  install(app: App, options?: LazyloadOptions): void;
-};
-
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $Lazyload: {
-      $on: (event: string, handler: Callback) => void;
-      $off: (event: string, handler?: Callback) => void;
-      $once: (event: string, handler: Callback) => void;
-    };
-  }
-}
+import type { App } from 'vue';
+
+declare type ListenEvent =
+  | 'scroll'
+  | 'wheel'
+  | 'mousewheel'
+  | 'resize'
+  | 'animationend'
+  | 'transitionend'
+  | 'touchmove';
+
+// eslint-disable-next-line
+declare type Callback = (listener: any, options: LazyloadOptions) => void;
+
+declare type Filter = {
+  webp?: Callback;
+  progressive?: Callback;
+};
+
+declare type Adapter = {
+  error?: Callback;
+  loaded?: Callback;
+  loading?: Callback;
+};
+
+export declare type LazyloadOptions = {
+  error?: string;
+  filter?: Filter;
+  silent?: boolean;
+  adapter?: Adapter;
+  loading?: string;
+  attempt?: number;
+  preLoad?: number;
+  observer?: boolean;
+  lazyImage?: boolean;
+  throttleWait?: number;
+  listenEvents?: ListenEvent[];
+  dispatchEvent?: boolean;
+  lazyComponent?: boolean;
+  observerOptions?: IntersectionObserverInit;
+};
+
+export declare const Lazyload: {
+  install(app: App, options?: LazyloadOptions): void;
+};
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $Lazyload: {
+      $on: (event: string, handler: Callback) => void;
+      $off: (event: string, handler?: Callback) => void;
+      $once: (event: string, handler: Callback) => void;
+    };
+  }
+}

package/es/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/es/pull-refresh/PullRefresh.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, reactive, nextTick, defineComponent } from "vue";
-import { numericProp, getScrollTop, preventDefault, createNamespace, makeNumericProp } from "../utils/index.mjs";
+import { ref, watch, reactive, nextTick, defineComponent, computed } from "vue";
+import { numericProp, getScrollTop, preventDefault, createNamespace, makeNumericProp, getTargetDom } from "../utils/index.mjs";
 import { useEventListener, useScrollParent } from "@zartui/use";
 import { useTouch } from "../composables/use-touch.mjs";
 import { Loading } from "../loading/index.mjs";
@@ -17,7 +17,8 @@ const pullRefreshProps = {
   loadingText: String,
   pullDistance: numericProp,
   successDuration: makeNumericProp(500),
-  animationDuration: makeNumericProp(300)
+  animationDuration: makeNumericProp(300),
+  scrollElement: null
 };
 var stdin_default = defineComponent({
   name,
@@ -30,7 +31,17 @@ var stdin_default = defineComponent({
     let reachTop;
     const root = ref();
     const track = ref();
-    const scrollParent = useScrollParent(root);
+    const rootScrollElement = useScrollParent(root);
+    const scrollParent = computed(() => {
+      if (props.scrollElement) {
+        const targetDom = 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 = reactive({
       status: "normal",
       distance: 0,

package/es/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/es/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/es/utils/dom.mjs

@@ -61,12 +61,27 @@ 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 } = useWindowSize();
 export {
   colorFromCSSClass,
   getElementTop,
   getRootScrollTop,
   getScrollTop,
+  getTargetDom,
   isHidden,
   preventDefault,
   resetScroll,

package/es/vue-sfc-shim.d.ts

@@ -1,6 +1,6 @@
-declare module '*.vue' {
-  // eslint-disable-next-line
-  import { DefineComponent } from 'vue';
-  const Component: DefineComponent;
-  export default Component;
-}
+declare module '*.vue' {
+  // eslint-disable-next-line
+  import { DefineComponent } from 'vue';
+  const Component: DefineComponent;
+  export default Component;
+}

package/es/vue-tsx-shim.d.ts

@@ -1,23 +1,23 @@
-import 'vue';
-
-type EventHandler = (...args: any[]) => void;
-
-declare module 'vue' {
-  interface ComponentCustomProps {
-    id?: string;
-    role?: string;
-    tabindex?: number;
-    onClick?: EventHandler;
-    onTouchend?: EventHandler;
-    onTouchmove?: EventHandler;
-    onTouchstart?: EventHandler;
-    onTouchcancel?: EventHandler;
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-
-  interface HTMLAttributes {
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-}
+import 'vue';
+
+type EventHandler = (...args: any[]) => void;
+
+declare module 'vue' {
+  interface ComponentCustomProps {
+    id?: string;
+    role?: string;
+    tabindex?: number;
+    onClick?: EventHandler;
+    onTouchend?: EventHandler;
+    onTouchmove?: EventHandler;
+    onTouchstart?: EventHandler;
+    onTouchcancel?: EventHandler;
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+
+  interface HTMLAttributes {
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+}

package/lib/cell/Cell.d.ts

@@ -194,8 +194,8 @@ declare const _default: import("vue").DefineComponent<{
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    value: string;
     center: boolean;
+    value: string;
     border: boolean;
     direction: CellDirection;
     isLink: boolean;

package/lib/cell/index.d.ts

@@ -97,8 +97,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    value: string;
     center: boolean;
+    value: string;
     border: boolean;
     direction: import("./types").CellDirection;
     isLink: boolean;

package/lib/date-time-picker/DateTimePicker.js

@@ -156,7 +156,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       }
       onClose();
-      emit("confirm");
+      emit("confirm", currentValue.value);
     };
     const onOpen = () => {
       var _a, _b, _c;

package/lib/dropdown-item/types.d.ts

@@ -3,10 +3,10 @@ import type { VNode, ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
 export type DropdownItemOptionValue = Numeric | boolean | string;
 export type DropdownItemOption = {
-    text: string;
+    text?: string;
     icon?: string;
-    value: DropdownItemOptionValue;
-    selected: boolean;
+    value?: DropdownItemOptionValue;
+    selected?: boolean;
     [key: PropertyKey]: any;
 };
 export type DropdownItemExpose = {

package/lib/field/Field.d.ts

@@ -382,11 +382,11 @@ declare const _default: import("vue").DefineComponent<{
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    center: boolean;
     type: FieldType;
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    center: boolean;
     border: boolean;
     direction: import("../cell").CellDirection;
     isLink: boolean;

package/lib/field/index.d.ts

@@ -227,11 +227,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    center: boolean;
     type: import("./types").FieldType;
     autofocus: boolean;
     disabled: boolean;
     value: string;
-    center: boolean;
     border: boolean;
     direction: import("..").CellDirection;
     isLink: boolean;

package/lib/lazyload/vue-lazyload/index.d.ts

@@ -1,55 +1,55 @@
-import type { App } from 'vue';
-
-declare type ListenEvent =
-  | 'scroll'
-  | 'wheel'
-  | 'mousewheel'
-  | 'resize'
-  | 'animationend'
-  | 'transitionend'
-  | 'touchmove';
-
-// eslint-disable-next-line
-declare type Callback = (listener: any, options: LazyloadOptions) => void;
-
-declare type Filter = {
-  webp?: Callback;
-  progressive?: Callback;
-};
-
-declare type Adapter = {
-  error?: Callback;
-  loaded?: Callback;
-  loading?: Callback;
-};
-
-export declare type LazyloadOptions = {
-  error?: string;
-  filter?: Filter;
-  silent?: boolean;
-  adapter?: Adapter;
-  loading?: string;
-  attempt?: number;
-  preLoad?: number;
-  observer?: boolean;
-  lazyImage?: boolean;
-  throttleWait?: number;
-  listenEvents?: ListenEvent[];
-  dispatchEvent?: boolean;
-  lazyComponent?: boolean;
-  observerOptions?: IntersectionObserverInit;
-};
-
-export declare const Lazyload: {
-  install(app: App, options?: LazyloadOptions): void;
-};
-
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $Lazyload: {
-      $on: (event: string, handler: Callback) => void;
-      $off: (event: string, handler?: Callback) => void;
-      $once: (event: string, handler: Callback) => void;
-    };
-  }
-}
+import type { App } from 'vue';
+
+declare type ListenEvent =
+  | 'scroll'
+  | 'wheel'
+  | 'mousewheel'
+  | 'resize'
+  | 'animationend'
+  | 'transitionend'
+  | 'touchmove';
+
+// eslint-disable-next-line
+declare type Callback = (listener: any, options: LazyloadOptions) => void;
+
+declare type Filter = {
+  webp?: Callback;
+  progressive?: Callback;
+};
+
+declare type Adapter = {
+  error?: Callback;
+  loaded?: Callback;
+  loading?: Callback;
+};
+
+export declare type LazyloadOptions = {
+  error?: string;
+  filter?: Filter;
+  silent?: boolean;
+  adapter?: Adapter;
+  loading?: string;
+  attempt?: number;
+  preLoad?: number;
+  observer?: boolean;
+  lazyImage?: boolean;
+  throttleWait?: number;
+  listenEvents?: ListenEvent[];
+  dispatchEvent?: boolean;
+  lazyComponent?: boolean;
+  observerOptions?: IntersectionObserverInit;
+};
+
+export declare const Lazyload: {
+  install(app: App, options?: LazyloadOptions): void;
+};
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $Lazyload: {
+      $on: (event: string, handler: Callback) => void;
+      $off: (event: string, handler?: Callback) => void;
+      $once: (event: string, handler: Callback) => void;
+    };
+  }
+}

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>;