zartui 3.1.19 → 3.1.20

package/README.md

@@ -1,23 +1,23 @@
-# 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 一致）。
+# 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 一致）。

package/es/index.d.ts

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

package/es/index.mjs

@@ -74,7 +74,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "3.1.18";
+const version = "3.1.20";
 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 } from './type';
+import type { Media, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType } from './type';
 declare const mediaPickerProps: {
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
@@ -73,6 +73,10 @@ declare const mediaPickerProps: {
     afterRead: PropType<MediaAfterRead>;
     beforeDelete: PropType<MediaBeforeDelete>;
     useWx: BooleanConstructor;
+    imageSizeType: {
+        type: PropType<MediaSizeType>;
+        default: MediaSizeType;
+    };
 };
 export type MediaPickerProps = ExtractPropTypes<typeof mediaPickerProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -148,6 +152,10 @@ declare const _default: import("vue").DefineComponent<{
     afterRead: PropType<MediaAfterRead>;
     beforeDelete: PropType<MediaBeforeDelete>;
     useWx: BooleanConstructor;
+    imageSizeType: {
+        type: PropType<MediaSizeType>;
+        default: MediaSizeType;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:mediaList" | "delete")[], "update:mediaList" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
@@ -221,6 +229,10 @@ declare const _default: import("vue").DefineComponent<{
     afterRead: PropType<MediaAfterRead>;
     beforeDelete: PropType<MediaBeforeDelete>;
     useWx: BooleanConstructor;
+    imageSizeType: {
+        type: PropType<MediaSizeType>;
+        default: MediaSizeType;
+    };
 }>> & {
     "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
@@ -246,5 +258,6 @@ declare const _default: import("vue").DefineComponent<{
     allowPickAudio: boolean;
     allowPickFile: boolean;
     useWx: boolean;
+    imageSizeType: MediaSizeType;
 }, {}>;
 export default _default;

package/es/media-picker/MediaPicker.mjs

@@ -77,7 +77,8 @@ const mediaPickerProps = {
   // 文件删除前的回调函数，返回 false 可终止文件读取，支持返回 Promise
   beforeDelete: Function,
   // 是否强制使用微信
-  useWx: Boolean
+  useWx: Boolean,
+  imageSizeType: makeStringProp("compressed")
 };
 var stdin_default = defineComponent({
   name,
@@ -285,6 +286,47 @@ var stdin_default = defineComponent({
         message: ""
       };
     };
+    const transformImageFilesWithoutCompress = (files) => {
+      const mediaList = files.map((file) => {
+        return file2DataURL(file).then((base64) => {
+          const media = {
+            showSrc: base64,
+            type: "photo",
+            file,
+            // 需要以原始file的信息作为唯一标识
+            uniqueCode: getFileUniqueCode(file),
+            lastModified: file.lastModified,
+            fileSize: file.size,
+            // 修改后大小，水印，压缩等
+            fileName: file.name,
+            // 修改后名称
+            deletable: true,
+            message: "",
+            originalName: file.name,
+            // 原始名称
+            originalSize: file.size
+            // 原始大小
+          };
+          return media;
+        });
+      });
+      showLoadingToast({
+        message: "\u5904\u7406\u4E2D...",
+        forbidClick: true,
+        duration: 0
+      });
+      return Promise.all(mediaList).then((medias) => {
+        const _medias = [];
+        medias.forEach((media) => {
+          if (isDef(media)) {
+            _medias.push(media);
+          }
+        });
+        return _medias;
+      }).finally(() => {
+        closeToast();
+      });
+    };
     const transformImageFiles = (files) => {
       const promisesTodo = [];
       const resizeOptions = new ResizeOptions(props.maxImageSideLength);
@@ -369,7 +411,7 @@ var stdin_default = defineComponent({
       if (imageFiles.length === 0) {
         promise = Promise.resolve([]);
       } else {
-        promise = transformImageFiles(imageFiles);
+        promise = props.imageSizeType === "original" ? transformImageFilesWithoutCompress(imageFiles) : transformImageFiles(imageFiles);
       }
       promise.then((medias) => {
         if (medias && medias.length > 0) {

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

@@ -61,6 +61,10 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     afterRead: import("vue").PropType<import("./type").MediaAfterRead>;
     beforeDelete: import("vue").PropType<import("./type").MediaBeforeDelete>;
     useWx: BooleanConstructor;
+    imageSizeType: {
+        type: import("vue").PropType<import("./type").MediaSizeType>;
+        default: import("./type").MediaSizeType;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:mediaList" | "delete")[], "update:mediaList" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
@@ -124,6 +128,10 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     afterRead: import("vue").PropType<import("./type").MediaAfterRead>;
     beforeDelete: import("vue").PropType<import("./type").MediaBeforeDelete>;
     useWx: BooleanConstructor;
+    imageSizeType: {
+        type: import("vue").PropType<import("./type").MediaSizeType>;
+        default: import("./type").MediaSizeType;
+    };
 }>> & {
     "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
@@ -149,10 +157,11 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     allowPickAudio: boolean;
     allowPickFile: boolean;
     useWx: boolean;
+    imageSizeType: import("./type").MediaSizeType;
 }, {}>>;
 export default MediaPicker;
 export type { MediaPickerProps } from './MediaPicker';
-export type { Media, MediaType, MediaAddType, MediaUploadStatus, MediaPreview, MediaPick, MediaBeforeRead, MediaAfterRead, MediaBeforeDelete, MediaPickerThemeVars, } from './type';
+export type { Media, MediaType, MediaAddType, MediaUploadStatus, MediaPreview, MediaPick, MediaBeforeRead, MediaAfterRead, MediaBeforeDelete, MediaPickerThemeVars, MediaSizeType, } from './type';
 export { defaultMedia } from './type';
 declare module 'vue' {
     interface GlobalComponents {

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

@@ -2,6 +2,7 @@ export type MediaType = 'photo' | 'audio' | 'video' | 'file';
 export type MediaAddType = 'take' | 'pick' | 'take_and_pick';
 export type MediaUploadStatus = 'uploading' | 'done' | 'failed';
 export type WxMediaType = 'camera' | 'album';
+export type MediaSizeType = 'original' | 'compressed';
 export type Media = {
     file?: File;
     url?: string;

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/index.d.ts

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

package/lib/index.js

@@ -176,7 +176,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "3.1.18";
+const version = "3.1.20";
 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 } from './type';
+import type { Media, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType } from './type';
 declare const mediaPickerProps: {
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
@@ -73,6 +73,10 @@ declare const mediaPickerProps: {
     afterRead: PropType<MediaAfterRead>;
     beforeDelete: PropType<MediaBeforeDelete>;
     useWx: BooleanConstructor;
+    imageSizeType: {
+        type: PropType<MediaSizeType>;
+        default: MediaSizeType;
+    };
 };
 export type MediaPickerProps = ExtractPropTypes<typeof mediaPickerProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -148,6 +152,10 @@ declare const _default: import("vue").DefineComponent<{
     afterRead: PropType<MediaAfterRead>;
     beforeDelete: PropType<MediaBeforeDelete>;
     useWx: BooleanConstructor;
+    imageSizeType: {
+        type: PropType<MediaSizeType>;
+        default: MediaSizeType;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:mediaList" | "delete")[], "update:mediaList" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
@@ -221,6 +229,10 @@ declare const _default: import("vue").DefineComponent<{
     afterRead: PropType<MediaAfterRead>;
     beforeDelete: PropType<MediaBeforeDelete>;
     useWx: BooleanConstructor;
+    imageSizeType: {
+        type: PropType<MediaSizeType>;
+        default: MediaSizeType;
+    };
 }>> & {
     "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
@@ -246,5 +258,6 @@ declare const _default: import("vue").DefineComponent<{
     allowPickAudio: boolean;
     allowPickFile: boolean;
     useWx: boolean;
+    imageSizeType: MediaSizeType;
 }, {}>;
 export default _default;

package/lib/media-picker/MediaPicker.js

@@ -109,7 +109,8 @@ const mediaPickerProps = {
   // 文件删除前的回调函数，返回 false 可终止文件读取，支持返回 Promise
   beforeDelete: Function,
   // 是否强制使用微信
-  useWx: Boolean
+  useWx: Boolean,
+  imageSizeType: (0, import_utils.makeStringProp)("compressed")
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -317,6 +318,47 @@ var stdin_default = (0, import_vue2.defineComponent)({
         message: ""
       };
     };
+    const transformImageFilesWithoutCompress = (files) => {
+      const mediaList = files.map((file) => {
+        return (0, import_media_util.file2DataURL)(file).then((base64) => {
+          const media = {
+            showSrc: base64,
+            type: "photo",
+            file,
+            // 需要以原始file的信息作为唯一标识
+            uniqueCode: (0, import_media_util.getFileUniqueCode)(file),
+            lastModified: file.lastModified,
+            fileSize: file.size,
+            // 修改后大小，水印，压缩等
+            fileName: file.name,
+            // 修改后名称
+            deletable: true,
+            message: "",
+            originalName: file.name,
+            // 原始名称
+            originalSize: file.size
+            // 原始大小
+          };
+          return media;
+        });
+      });
+      (0, import_toast.showLoadingToast)({
+        message: "\u5904\u7406\u4E2D...",
+        forbidClick: true,
+        duration: 0
+      });
+      return Promise.all(mediaList).then((medias) => {
+        const _medias = [];
+        medias.forEach((media) => {
+          if ((0, import_utils.isDef)(media)) {
+            _medias.push(media);
+          }
+        });
+        return _medias;
+      }).finally(() => {
+        (0, import_toast.closeToast)();
+      });
+    };
     const transformImageFiles = (files) => {
       const promisesTodo = [];
       const resizeOptions = new import_resize_options.ResizeOptions(props.maxImageSideLength);
@@ -401,7 +443,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (imageFiles.length === 0) {
         promise = Promise.resolve([]);
       } else {
-        promise = transformImageFiles(imageFiles);
+        promise = props.imageSizeType === "original" ? transformImageFilesWithoutCompress(imageFiles) : transformImageFiles(imageFiles);
       }
       promise.then((medias) => {
         if (medias && medias.length > 0) {