zartui 3.1.39 → 3.1.41

package/README.md

@@ -1,27 +1,27 @@
-# ZartUI
-
-[ZartUI](https://zartui.egova.com.cn) 是数字政通基于 Vue 研发的一款面向政务场景的移动端组件库。
-
-Zart（读音 /zɑːt/）的命名，灵感源自数字政通秉承的理念：让城市治理变得更智慧。Zart = zt + smart， zt是政通的首字母缩写，smart代表公司理念中的“智慧”，将smart中间的“ar”字母包裹于zt之间，体现了ZartUI的核心目标：追求极致的用户体验，致力于做灵活智能的组件库。
-
-## 特性
-
-1）【组件重构】【组件审核】提供50多个高质量组件，覆盖移动端各类场景；
-
-2）【UI重构】基于全新的视觉规范；
-
-3）【在线网站】完善的文档、示例、演示效果；
-
-4）支持主题定制、按需引入；
-
-5）支持Vue3.0、TypeScript；
-
-6）性能佳，组件平均体积小(min+gzip);
-
-## 浏览器支持
-
-ZartUI 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。
-
-## 本地开发
-
-推荐`node`版本 `>=18`。执行 `pnpm install` 安装依赖，然后进入 `packages/zartui` 执行 `pnpm dev` 启动本地开发环境。
+# ZartUI
+
+[ZartUI](https://zartui.egova.com.cn) 是数字政通基于 Vue 研发的一款面向政务场景的移动端组件库。
+
+Zart（读音 /zɑːt/）的命名，灵感源自数字政通秉承的理念：让城市治理变得更智慧。Zart = zt + smart， zt是政通的首字母缩写，smart代表公司理念中的“智慧”，将smart中间的“ar”字母包裹于zt之间，体现了ZartUI的核心目标：追求极致的用户体验，致力于做灵活智能的组件库。
+
+## 特性
+
+1）【组件重构】【组件审核】提供50多个高质量组件，覆盖移动端各类场景；
+
+2）【UI重构】基于全新的视觉规范；
+
+3）【在线网站】完善的文档、示例、演示效果；
+
+4）支持主题定制、按需引入；
+
+5）支持Vue3.0、TypeScript；
+
+6）性能佳，组件平均体积小(min+gzip);
+
+## 浏览器支持
+
+ZartUI 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。
+
+## 本地开发
+
+推荐`node`版本 `>=18`。执行 `pnpm install` 安装依赖，然后进入 `packages/zartui` 执行 `pnpm dev` 启动本地开发环境。

package/es/dropdown-item/DropdownItem.mjs

@@ -155,6 +155,7 @@ var stdin_default = defineComponent({
         } else {
           state.showPopup = false;
           if (option.value !== props.modelValue) {
+            emit("update:modelValue", value);
             emit("change", value);
           }
           emit("item-select", value);

package/es/index.d.ts

@@ -83,4 +83,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.39";
+export const version: "3.1.41";

package/es/index.mjs

@@ -76,7 +76,7 @@ import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Video } from "./video/index.mjs";
-const version = "3.1.39";
+const version = "3.1.41";
 function install(app) {
   const components = [
     ActionSheet,

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/media-picker/MediaPicker.d.ts

@@ -1,5 +1,5 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import type { Media, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType } from './type';
+import { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+import type { Media, MediaAddType, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType, MediaType } from './type';
 import { MediaPlayerProps } from '../media-player';
 declare const mediaPickerProps: {
     disabled: BooleanConstructor;
@@ -81,6 +81,9 @@ declare const mediaPickerProps: {
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
 };
 export type MediaPickerProps = ExtractPropTypes<typeof mediaPickerProps>;
+export type MediaPickerInstance = ComponentPublicInstance<{
+    mediaPickAction: (mediaType: MediaType, mediaAddType: MediaAddType) => void;
+}>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;

package/es/media-picker/MediaPicker.mjs

@@ -142,7 +142,7 @@ var stdin_default = defineComponent({
     const triggerHiddenInput = (ref2) => {
       ref2 && ref2.click();
     };
-    const mediaPick = (mediaType, mediaAddType) => {
+    const mediaPickAction = (mediaType, mediaAddType) => {
       if (props.disabled) {
         return;
       }
@@ -218,24 +218,24 @@ var stdin_default = defineComponent({
         return [{
           name: "\u62CD\u6444",
           callback: () => {
-            mediaPick("video", "take");
+            mediaPickAction("video", "take");
           }
         }, {
           name: "\u89C6\u9891\u6587\u4EF6",
           callback: () => {
-            mediaPick("video", "pick");
+            mediaPickAction("video", "pick");
           }
         }];
       } else if (audioOptionsVisible.value) {
         return [{
           name: "\u5F55\u97F3",
           callback: () => {
-            mediaPick("audio", "take");
+            mediaPickAction("audio", "take");
           }
         }, {
           name: "\u97F3\u9891\u6587\u4EF6",
           callback: () => {
-            mediaPick("audio", "pick");
+            mediaPickAction("audio", "pick");
           }
         }];
       }
@@ -577,7 +577,7 @@ var stdin_default = defineComponent({
         "class": bem("box")
       }, [_createVNode("div", {
         "class": bem("button"),
-        "onClick": () => mediaPick(mediaType, mediaAddType)
+        "onClick": () => mediaPickAction(mediaType, mediaAddType)
       }, [renderIcon(mediaType, mediaAddType)]), _createVNode("div", {
         "class": bem("label")
       }, [label])]);
@@ -774,7 +774,7 @@ var stdin_default = defineComponent({
       action.func && action.func();
     };
     useExpose({
-      mediaPick
+      mediaPickAction
     });
     return () => {
       const title = props.showTitle && _createVNode("div", {

package/es/media-picker/index.d.ts

@@ -162,7 +162,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     imageSizeType: import("./type").MediaSizeType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default MediaPicker;
-export type { MediaPickerProps } from './MediaPicker';
+export type { MediaPickerProps, MediaPickerInstance } from './MediaPicker';
 export type { Media, MediaType, MediaAddType, MediaUploadStatus, MediaPreview, MediaPick, MediaBeforeRead, MediaAfterRead, MediaBeforeDelete, MediaPickerThemeVars, MediaSizeType, } from './type';
 export { defaultMedia } from './type';
 declare module 'vue' {

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/dropdown-item/DropdownItem.js

@@ -178,6 +178,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         } else {
           state.showPopup = false;
           if (option.value !== props.modelValue) {
+            emit("update:modelValue", value);
             emit("change", value);
           }
           emit("item-select", value);

package/lib/index.d.ts

@@ -83,4 +83,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.39";
+export const version: "3.1.41";

package/lib/index.js

@@ -180,7 +180,7 @@ __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video"), module.exports);
-const version = "3.1.39";
+const version = "3.1.41";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,

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/media-picker/MediaPicker.d.ts

@@ -1,5 +1,5 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import type { Media, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType } from './type';
+import { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+import type { Media, MediaAddType, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType, MediaType } from './type';
 import { MediaPlayerProps } from '../media-player';
 declare const mediaPickerProps: {
     disabled: BooleanConstructor;
@@ -81,6 +81,9 @@ declare const mediaPickerProps: {
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
 };
 export type MediaPickerProps = ExtractPropTypes<typeof mediaPickerProps>;
+export type MediaPickerInstance = ComponentPublicInstance<{
+    mediaPickAction: (mediaType: MediaType, mediaAddType: MediaAddType) => void;
+}>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;

package/lib/media-picker/MediaPicker.js

@@ -174,7 +174,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const triggerHiddenInput = (ref2) => {
       ref2 && ref2.click();
     };
-    const mediaPick = (mediaType, mediaAddType) => {
+    const mediaPickAction = (mediaType, mediaAddType) => {
       if (props.disabled) {
         return;
       }
@@ -250,24 +250,24 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return [{
           name: "\u62CD\u6444",
           callback: () => {
-            mediaPick("video", "take");
+            mediaPickAction("video", "take");
           }
         }, {
           name: "\u89C6\u9891\u6587\u4EF6",
           callback: () => {
-            mediaPick("video", "pick");
+            mediaPickAction("video", "pick");
           }
         }];
       } else if (audioOptionsVisible.value) {
         return [{
           name: "\u5F55\u97F3",
           callback: () => {
-            mediaPick("audio", "take");
+            mediaPickAction("audio", "take");
           }
         }, {
           name: "\u97F3\u9891\u6587\u4EF6",
           callback: () => {
-            mediaPick("audio", "pick");
+            mediaPickAction("audio", "pick");
           }
         }];
       }
@@ -609,7 +609,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("box")
       }, [(0, import_vue.createVNode)("div", {
         "class": bem("button"),
-        "onClick": () => mediaPick(mediaType, mediaAddType)
+        "onClick": () => mediaPickAction(mediaType, mediaAddType)
       }, [renderIcon(mediaType, mediaAddType)]), (0, import_vue.createVNode)("div", {
         "class": bem("label")
       }, [label])]);
@@ -806,7 +806,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       action.func && action.func();
     };
     (0, import_use_expose.useExpose)({
-      mediaPick
+      mediaPickAction
     });
     return () => {
       const title = props.showTitle && (0, import_vue.createVNode)("div", {

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

@@ -162,7 +162,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     imageSizeType: import("./type").MediaSizeType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default MediaPicker;
-export type { MediaPickerProps } from './MediaPicker';
+export type { MediaPickerProps, MediaPickerInstance } from './MediaPicker';
 export type { Media, MediaType, MediaAddType, MediaUploadStatus, MediaPreview, MediaPick, MediaBeforeRead, MediaAfterRead, MediaBeforeDelete, MediaPickerThemeVars, MediaSizeType, } from './type';
 export { defaultMedia } from './type';
 declare module 'vue' {

package/lib/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/lib/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;
+  }
+}