zartui 3.1.18 → 3.1.20

package/es/empty/types.d.ts

@@ -6,3 +6,4 @@ export type EmptyThemeVars = {
     emptyDescriptionColor?: string;
     emptyBottomMarginTop?: string;
 };
+export type EmptySvgIdFn = (num: number | string) => string;

package/es/hierarchy-select/index.css

@@ -1 +1 @@
-:root{--zt-hierarchy-select-color: var(--zt-gray-5);--zt-hierarchy-select-duration: var(--zt-duration-fast);--zt-hierarchy-select-round-icon-border: 1px solid rgba(45, 75, 115, .13);--zt-hierarchy-select-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-hierarchy-select-checked-icon-color: var(--zt-primary-color);--zt-hierarchy-select-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-hierarchy-select-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-disabled-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-checked-icon-opacity: .4;--zt-hierarchy-select-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%);--zt-hierarchy-breadcrumb-line-height: 44px;--zt-hierarchy-select-sub-icon-gap: 4px}:root[zt-theme-size=large]{--zt-hierarchy-breadcrumb-line-height: 56px}.zt-hierarchy-select__score-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md);background-color:var(--zt-background-popup)}.zt-hierarchy-select__score-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-hierarchy-select__item-content{flex:1;margin-right:var(--zt-padding-md);font-size:var(--zt-font-size-md);color:var(--zt-gray);line-height:var(--zt-line-height-md);word-break:break-all}.zt-hierarchy-select__item-content--selected,.zt-hierarchy-select__item-content span{color:var(--zt-primary-color)}.zt-hierarchy-select__disable .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable .zt-hierarchy-select__item-content,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__item-content{opacity:.4}.zt-hierarchy-select__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__svg-defs-path-fill{fill:var(--zt-primary-color)}.zt-hierarchy-select__sub-level{display:flex;align-items:center;gap:var(--zt-hierarchy-select-sub-icon-gap)}.zt-hierarchy-select__sub-level span{color:var(--zt-primary-color);font-size:var(--zt-font-size-md)}.zt-hierarchy-select__sub-level--disable{opacity:.2}.zt-hierarchy-select__sub-icon{line-height:.75}.zt-hierarchy-select__svg-sub-icon{width:var(--zt-font-size-md);height:var(--zt-font-size-md)}.zt-hierarchy-select__multiple-button{margin-right:8px;display:flex;justify-content:center;align-items:center}.zt-hierarchy-select__icon{font-size:var(--zt-font-size-lg);cursor:pointer;box-sizing:border-box}.zt-hierarchy-select__icon .zt-icon{display:flex;justify-content:center;align-items:center;color:transparent;text-align:center;width:18px;height:18px;border:1px solid var(--zt-hierarchy-select-color);transition-duration:var(--zt-hierarchy-select-duration);transition-property:color,border-color,background-color}.zt-hierarchy-select__icon--round .zt-icon{border-radius:100%;border:var(--zt-hierarchy-select-round-icon-border);box-shadow:var(--zt-hierarchy-select-round-icon-box-shadow);background:var(--zt-hierarchy-select-round-icon-background)}.zt-hierarchy-select__icon--indeterminate .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-hierarchy-select__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-hierarchy-select-checked-icon-color);box-shadow:var(--zt-hierarchy-select-checked-icon-shadow);border:var(--zt-hierarchy-select-checked-icon-border)}.zt-hierarchy-select__icon--disabled{cursor:not-allowed}.zt-hierarchy-select__icon--disabled .zt-icon{border:var(--zt-hierarchy-select-disabled-icon-border);box-shadow:var(--zt-hierarchy-select-disabled-icon-shadow);background:var(--zt-hierarchy-select-disabled-icon-background)}.zt-hierarchy-select__icon--disabled.zt-hierarchy-select__icon--checked .zt-icon{opacity:var(--zt-hierarchy-select-disabled-checked-icon-opacity);background:var(--zt-primary-color);color:var(--zt-white)}.zt-breadcrumb{padding:0 16px}.zt-breadcrumb__list{box-sizing:border-box;height:var(--zt-hierarchy-breadcrumb-line-height);display:flex;align-items:center;color:var(--zt-primary-color);width:100%;overflow-x:scroll;font-size:var(--zt-font-size-lg)}.zt-breadcrumb__list::-webkit-scrollbar{width:0;height:0}.zt-breadcrumb__default{display:flex;white-space:nowrap}.zt-breadcrumb__item{height:44px;display:flex;align-items:center;white-space:nowrap}.zt-breadcrumb__item:last-child{color:var(--zt-gray)}.zt-breadcrumb__icon{padding:0 4px}
+:root{--zt-hierarchy-select-color: var(--zt-gray-5);--zt-hierarchy-select-duration: var(--zt-duration-fast);--zt-hierarchy-select-round-icon-border: 1px solid rgba(45, 75, 115, .13);--zt-hierarchy-select-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-hierarchy-select-checked-icon-color: var(--zt-primary-color);--zt-hierarchy-select-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-hierarchy-select-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-disabled-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-checked-icon-opacity: .4;--zt-hierarchy-select-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%);--zt-hierarchy-breadcrumb-line-height: 44px;--zt-hierarchy-select-sub-icon-gap: 4px}:root[zt-theme-size=large]{--zt-hierarchy-breadcrumb-line-height: 56px}.zt-hierarchy-select__score-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md);background-color:var(--zt-background-popup)}.zt-hierarchy-select__score-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-hierarchy-select__item-content{flex:1;margin-right:var(--zt-padding-md);font-size:var(--zt-font-size-md);color:var(--zt-gray);line-height:var(--zt-line-height-md);word-break:break-all}.zt-hierarchy-select__item-content--selected,.zt-hierarchy-select__item-content span{color:var(--zt-primary-color)}.zt-hierarchy-select__disable .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable .zt-hierarchy-select__item-content,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__item-content{opacity:.4}.zt-hierarchy-select__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__svg-defs-path-fill{fill:var(--zt-primary-color)}.zt-hierarchy-select__sub-level{display:flex;align-items:center;gap:var(--zt-hierarchy-select-sub-icon-gap)}.zt-hierarchy-select__sub-level span{color:var(--zt-primary-color);font-size:var(--zt-font-size-md)}.zt-hierarchy-select__sub-level--disable{opacity:.2}.zt-hierarchy-select__sub-icon{line-height:.75}.zt-hierarchy-select__svg-sub-icon{width:var(--zt-font-size-md);height:var(--zt-font-size-md)}.zt-hierarchy-select__multiple-button{margin-right:8px;display:flex;justify-content:center;align-items:center}.zt-hierarchy-select__icon{font-size:var(--zt-font-size-lg);cursor:pointer;box-sizing:border-box}.zt-hierarchy-select__icon .zt-icon{display:flex;justify-content:center;align-items:center;color:transparent;text-align:center;width:18px;height:18px;border:1px solid var(--zt-hierarchy-select-color);transition-duration:var(--zt-hierarchy-select-duration);transition-property:color,border-color,background-color}.zt-hierarchy-select__icon--round .zt-icon{border-radius:100%;border:var(--zt-hierarchy-select-round-icon-border);box-shadow:var(--zt-hierarchy-select-round-icon-box-shadow);background:var(--zt-hierarchy-select-round-icon-background)}.zt-hierarchy-select__icon--indeterminate .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-hierarchy-select__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-hierarchy-select-checked-icon-color);box-shadow:var(--zt-hierarchy-select-checked-icon-shadow);border:var(--zt-hierarchy-select-checked-icon-border)}.zt-hierarchy-select__icon--disabled{cursor:not-allowed}.zt-hierarchy-select__icon--disabled .zt-icon{border:var(--zt-hierarchy-select-disabled-icon-border);box-shadow:var(--zt-hierarchy-select-disabled-icon-shadow);background:var(--zt-hierarchy-select-disabled-icon-background)}.zt-hierarchy-select__icon--disabled.zt-hierarchy-select__icon--checked .zt-icon{opacity:var(--zt-hierarchy-select-disabled-checked-icon-opacity);background:var(--zt-primary-color);color:var(--zt-white)}.zt-breadcrumb{padding:0 16px}.zt-breadcrumb__list{box-sizing:border-box;height:var(--zt-hierarchy-breadcrumb-line-height);display:flex;align-items:center;color:var(--zt-primary-color);width:100%;overflow-x:scroll;font-size:var(--zt-font-size-lg)}.zt-breadcrumb__list::-webkit-scrollbar{width:0;height:0}.zt-breadcrumb__default{display:flex;white-space:nowrap}.zt-breadcrumb__item{height:44px;display:flex;align-items:center;white-space:nowrap}.zt-breadcrumb__item:last-child{color:var(--zt-gray)}.zt-breadcrumb__icon{padding:0 4px}.zt-theme-dark{--zt-hierarchy-select-round-icon-box-shadow: none;--zt-hierarchy-select-disabled-icon-shadow: none;--zt-hierarchy-select-round-icon-background: rgba(255, 255, 255, .04);--zt-hierarchy-select-round-icon-border: 1px solid var(--zt-gray);--zt-hierarchy-select-disabled-icon-background: var(--zt-gray-a2)}

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/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;
@@ -72,6 +72,11 @@ declare const mediaPickerProps: {
     beforeRead: PropType<MediaBeforeRead>;
     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<{
@@ -146,6 +151,11 @@ declare const _default: import("vue").DefineComponent<{
     beforeRead: PropType<MediaBeforeRead>;
     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;
@@ -218,6 +228,11 @@ declare const _default: import("vue").DefineComponent<{
     beforeRead: PropType<MediaBeforeRead>;
     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;
@@ -242,5 +257,7 @@ declare const _default: import("vue").DefineComponent<{
     allowTakeAudio: boolean;
     allowPickAudio: boolean;
     allowPickFile: boolean;
+    useWx: boolean;
+    imageSizeType: MediaSizeType;
 }, {}>;
 export default _default;

package/es/media-picker/MediaPicker.mjs

@@ -1,5 +1,5 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-import { createNamespace, isDef, isPromise, makeArrayProp, makeNumberProp, makeStringProp, truthProp } from "../utils/index.mjs";
+import { createNamespace, isDef, isPromise, isWeixin, makeArrayProp, makeNumberProp, makeStringProp, truthProp } from "../utils/index.mjs";
 import { computed, defineComponent, ref } from "vue";
 import { showFailToast, showLoadingToast, closeToast } from "../toast/index.mjs";
 import DeleteIcon from "./image/DeleteIcon.mjs";
@@ -25,6 +25,7 @@ import { CompressOptions } from "./watermark/compress-options.mjs";
 import { checkWatermarkConfigSupported } from "./watermark/watermark.mjs";
 import { ImageProcessor } from "./watermark/image-processor.mjs";
 import { isEmptyValue } from "../field/utils.mjs";
+import { wxUploadImage } from "./util/wx-util.mjs";
 const [name, bem] = createNamespace("media-picker");
 const FILE_SIZE_LIMIT = 100;
 const mediaPickerProps = {
@@ -74,7 +75,10 @@ const mediaPickerProps = {
   // 文件读取完成后的回调函数，获取到对应的 media 对象
   afterRead: Function,
   // 文件删除前的回调函数，返回 false 可终止文件读取，支持返回 Promise
-  beforeDelete: Function
+  beforeDelete: Function,
+  // 是否强制使用微信
+  useWx: Boolean,
+  imageSizeType: makeStringProp("compressed")
 };
 var stdin_default = defineComponent({
   name,
@@ -130,10 +134,17 @@ var stdin_default = defineComponent({
         return;
       }
       if (mediaType === "photo") {
-        if (mediaAddType === "take") {
-          triggerHiddenInput(cameraInputRef.value);
-        } else if (mediaAddType === "pick") {
-          triggerHiddenInput(imageInputRef.value);
+        if (props.useWx && isWeixin() && window.wx) {
+          const type = mediaAddType === "take" ? "camera" : "album";
+          wxUploadImage(type).then((newMedias) => {
+            emit("update:mediaList", [...props.mediaList, ...newMedias]);
+          });
+        } else {
+          if (mediaAddType === "take") {
+            triggerHiddenInput(cameraInputRef.value);
+          } else if (mediaAddType === "pick") {
+            triggerHiddenInput(imageInputRef.value);
+          }
         }
       } else if (mediaType === "video") {
         if (mediaAddType === "take") {
@@ -275,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);
@@ -359,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) {
@@ -569,14 +621,7 @@ var stdin_default = defineComponent({
       emit("delete", media, index);
     };
     const renderMediaThumbnail = (media) => {
-      const thumbnailUrl = media.showSrc || media.url;
-      if (thumbnailUrl) {
-        return _createVNode(ZtImage, {
-          "src": thumbnailUrl,
-          "fit": "cover",
-          "radius": "4"
-        }, null);
-      } else if (media.type === "video") {
+      if (media.type === "video") {
         return _createVNode(DefaultVideoIcon, {
           "class": bem("thumbnail")
         }, null);
@@ -588,6 +633,17 @@ var stdin_default = defineComponent({
         return _createVNode(DefaultFileIcon, {
           "class": bem("thumbnail")
         }, null);
+      } else if (media.type === "photo") {
+        const thumbnailUrl = media.showSrc || media.url;
+        return _createVNode(ZtImage, {
+          "src": thumbnailUrl,
+          "fit": "cover",
+          "radius": "4"
+        }, null);
+      } else {
+        return _createVNode(DefaultFileIcon, {
+          "class": bem("thumbnail")
+        }, null);
       }
     };
     const renderMediaLabel = (media) => {

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

@@ -60,6 +60,11 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     beforeRead: import("vue").PropType<import("./type").MediaBeforeRead>;
     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;
@@ -122,6 +127,11 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     beforeRead: import("vue").PropType<import("./type").MediaBeforeRead>;
     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;
@@ -146,10 +156,12 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     allowTakeAudio: boolean;
     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

@@ -1,6 +1,8 @@
 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;
@@ -18,6 +20,7 @@ export type Media = {
     mediaShot?: string;
     extra?: object;
     label?: string;
+    wxServerId?: string;
 };
 export declare const defaultMedia: {
     uniqueCode: string;

package/es/media-picker/util/wx-util.d.ts

@@ -0,0 +1,4 @@
+import { Media, WxMediaType } from '../type';
+export declare const chooseImage: (type: WxMediaType) => Promise<any>;
+export declare const uploadImage: (localId: string) => Promise<string>;
+export declare const wxUploadImage: (type: WxMediaType) => Promise<Media[]>;

package/es/media-picker/util/wx-util.mjs

@@ -0,0 +1,67 @@
+const chooseImage = (type) => {
+  return new Promise((resolve, reject) => {
+    window.wx.chooseImage({
+      count: 1,
+      sizeType: ["original", "compressed"],
+      // 可以指定是原图还是压缩图，默认二者都有
+      sourceType: [type],
+      // 可以指定来源是相册还是相机，默认二者都有
+      success: function({ localIds }) {
+        resolve(localIds);
+      },
+      fail: function(res) {
+        reject(res);
+      }
+    });
+  });
+};
+const uploadImage = (localId) => {
+  return new Promise((resolve, reject) => {
+    window.wx.uploadImage({
+      localId,
+      // 需要上传的图片的本地ID，由chooseImage接口获得
+      isShowProgressTips: 1,
+      // 默认为1，显示进度提示
+      success: function({ serverId }) {
+        resolve(serverId);
+      },
+      fail: function(res) {
+        reject(res);
+      }
+    });
+  });
+};
+const wxUploadImage = (type) => {
+  return new Promise((resolve) => {
+    const newMedias = [];
+    chooseImage(type).then((localIds) => {
+      const time = (/* @__PURE__ */ new Date()).getTime().toString();
+      const media = {
+        type: "photo",
+        uniqueCode: time,
+        fileSize: 0,
+        fileName: time,
+        originalName: time,
+        originalSize: 0,
+        lastModified: 0,
+        deletable: true
+      };
+      localIds.forEach((localId) => {
+        media.showSrc = localId;
+        media.url = localId;
+        uploadImage(localId).then((serverId) => {
+          media.wxServerId = serverId;
+          newMedias.push(media);
+          if (newMedias.length === localIds.length) {
+            resolve(newMedias);
+          }
+        });
+      });
+    });
+  });
+};
+export {
+  chooseImage,
+  uploadImage,
+  wxUploadImage
+};

package/es/popup/index.css

@@ -1 +1 @@
-:root{--zt-popup-background: var(--zt-background-popup);--zt-popup-transition: transform var(--zt-duration-base);--zt-popup-round-radius: 16px;--zt-popup-close-icon-color: var(--zt-gray-a6);--zt-popup-close-icon-margin: 16px;--zt-popup-close-icon-z-index: 1}.zt-overflow-hidden{overflow:hidden!important}.zt-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--zt-popup-background);transition:var(--zt-popup-transition);-webkit-overflow-scrolling:touch}.zt-popup__slider{position:fixed;width:100%;bottom:0;left:0;border-radius:16px 16px 0 0;background-color:var(--zt-popup-background)}.zt-popup__slider-title{height:40px;text-align:center}.zt-popup__slider-bar{display:inline-block;width:32px;height:4px;transform:scaleY(-1);background:rgba(45,75,115,.2);border-radius:3px}.zt-popup__slider-content{overflow-y:auto}.zt-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.zt-popup--center.zt-popup--round{border-radius:var(--zt-popup-round-radius)}.zt-popup--top{top:0;left:0;width:100%}.zt-popup--top.zt-popup--round{border-radius:0 0 var(--zt-popup-round-radius) var(--zt-popup-round-radius)}.zt-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.zt-popup--right.zt-popup--round{border-radius:var(--zt-popup-round-radius) 0 0 var(--zt-popup-round-radius)}.zt-popup--bottom{bottom:0;left:0;width:100%}.zt-popup--bottom.zt-popup--round{border-radius:var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0 0}.zt-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.zt-popup--left.zt-popup--round{border-radius:0 var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0}.zt-popup-slide-top-enter-active,.zt-popup-slide-left-enter-active,.zt-popup-slide-right-enter-active,.zt-popup-slide-bottom-enter-active{transition-timing-function:var(--zt-ease-out)}.zt-popup-slide-top-leave-active,.zt-popup-slide-left-leave-active,.zt-popup-slide-right-leave-active,.zt-popup-slide-bottom-leave-active{transition-timing-function:var(--zt-ease-in)}.zt-popup-slide-top-enter-from,.zt-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.zt-popup-slide-right-enter-from,.zt-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.zt-popup-slide-bottom-enter-from,.zt-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.zt-popup-slide-left-enter-from,.zt-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.zt-popup__slider-icon{z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-font-size-xxxl);cursor:pointer}.zt-popup__close-icon{position:absolute;z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-font-size-xxxl)}.zt-popup__close-icon--top-left{top:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--top-right{top:var(--zt-popup-close-icon-margin);right:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-left{bottom:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-right{right:var(--zt-popup-close-icon-margin);bottom:var(--zt-popup-close-icon-margin)}
+:root{--zt-popup-background: var(--zt-background-popup);--zt-popup-transition: transform var(--zt-duration-base);--zt-popup-round-radius: 16px;--zt-popup-close-icon-color: var(--zt-gray-a6);--zt-popup-close-icon-margin: 16px;--zt-popup-close-icon-z-index: 1}.zt-overflow-hidden{overflow:hidden!important}.zt-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--zt-popup-background);transition:var(--zt-popup-transition);-webkit-overflow-scrolling:touch}.zt-popup__slider{position:fixed;width:100%;bottom:0;left:0;border-radius:16px 16px 0 0;background-color:var(--zt-popup-background)}.zt-popup__slider-title{height:40px;text-align:center}.zt-popup__slider-bar{display:inline-block;width:32px;height:4px;transform:scaleY(-1);background:rgba(45,75,115,.2);border-radius:3px}.zt-popup__slider-content{overflow-y:auto}.zt-popup--center{top:50%;left:0;right:0;width:-webkit-fit-content;width:fit-content;max-width:calc(100vw - var(--zt-padding-md) * 2);margin:0 auto;transform:translateY(-50%)}.zt-popup--center.zt-popup--round{border-radius:var(--zt-popup-round-radius)}.zt-popup--top{top:0;left:0;width:100%}.zt-popup--top.zt-popup--round{border-radius:0 0 var(--zt-popup-round-radius) var(--zt-popup-round-radius)}.zt-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.zt-popup--right.zt-popup--round{border-radius:var(--zt-popup-round-radius) 0 0 var(--zt-popup-round-radius)}.zt-popup--bottom{bottom:0;left:0;width:100%}.zt-popup--bottom.zt-popup--round{border-radius:var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0 0}.zt-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.zt-popup--left.zt-popup--round{border-radius:0 var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0}.zt-popup-slide-top-enter-active,.zt-popup-slide-left-enter-active,.zt-popup-slide-right-enter-active,.zt-popup-slide-bottom-enter-active{transition-timing-function:var(--zt-ease-out)}.zt-popup-slide-top-leave-active,.zt-popup-slide-left-leave-active,.zt-popup-slide-right-leave-active,.zt-popup-slide-bottom-leave-active{transition-timing-function:var(--zt-ease-in)}.zt-popup-slide-top-enter-from,.zt-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.zt-popup-slide-right-enter-from,.zt-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.zt-popup-slide-bottom-enter-from,.zt-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.zt-popup-slide-left-enter-from,.zt-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.zt-popup__slider-icon{z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-font-size-xxxl);cursor:pointer}.zt-popup__close-icon{position:absolute;z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-font-size-xxxl)}.zt-popup__close-icon--top-left{top:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--top-right{top:var(--zt-popup-close-icon-margin);right:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-left{bottom:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-right{right:var(--zt-popup-close-icon-margin);bottom:var(--zt-popup-close-icon-margin)}

package/es/slider/Slider.mjs

@@ -70,6 +70,12 @@ var stdin_default = defineComponent({
       }
       return "0%";
     };
+    const getPositionKey = () => {
+      if (props.vertical) {
+        return props.reverse ? "bottom" : "top";
+      }
+      return props.reverse ? "right" : "left";
+    };
     const barStyle = computed(() => {
       const mainAxis = props.vertical ? "height" : "width";
       const style = {
@@ -79,12 +85,6 @@ var stdin_default = defineComponent({
       if (dragStatus.value) {
         style.transition = "none";
       }
-      const getPositionKey = () => {
-        if (props.vertical) {
-          return props.reverse ? "bottom" : "top";
-        }
-        return props.reverse ? "right" : "left";
-      };
       style[getPositionKey()] = calcOffset();
       return style;
     });
@@ -206,13 +206,6 @@ var stdin_default = defineComponent({
       }
       dragStatus.value = "";
     };
-    const getButtonClassName = (index) => {
-      if (typeof index === "number") {
-        const position = ["left", "right"];
-        return bem(`button-wrapper`, position[index]);
-      }
-      return bem("button-wrapper", props.reverse ? "left" : "right");
-    };
     const renderButtonContent = (value, index) => {
       const dragging = dragStatus.value === "dragging";
       if (typeof index === "number") {
@@ -242,10 +235,15 @@ var stdin_default = defineComponent({
     };
     const renderButton = (index) => {
       const current2 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
+      const left = `${(current2 - Number(props.min)) * 100 / scope.value}%`;
+      const style = {
+        [getPositionKey()]: left,
+        transform: `translate(-${left},-50%)`
+      };
       return _createVNode("div", {
         "ref": slider[index != null ? index : 0],
         "role": "slider",
-        "class": getButtonClassName(index),
+        "class": bem("button-wrapper"),
         "tabindex": props.disabled ? void 0 : 0,
         "aria-valuemin": props.min,
         "aria-valuenow": current2,
@@ -261,7 +259,8 @@ var stdin_default = defineComponent({
         },
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
-        "onClick": stopPropagation
+        "onClick": stopPropagation,
+        "style": style
       }, [renderButtonContent(current2, index)]);
     };
     const renderTitle = () => {
@@ -326,7 +325,7 @@ var stdin_default = defineComponent({
     }, [_createVNode("div", {
       "class": bem("bar"),
       "style": barStyle.value
-    }, [renderButtons()])]))]);
+    }, null), renderButtons()]))]);
   }
 });
 export {

package/es/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__button-wrapper--right{right:0;transform:translate3d(50%,-50%,0)}.zt-slider__button-wrapper--left{left:0;transform:translate3d(-50%,-50%,0)}.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:-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)}

package/es/table/Table.d.ts

@@ -44,6 +44,10 @@ export declare const tableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    hideTableHead: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type TableProps = ExtractPropTypes<typeof tableProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -75,6 +79,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hideTableHead: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "sort"[], "sort", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     headList: {
         type: import("vue").PropType<TableHeaderOption[]>;
@@ -104,6 +112,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    hideTableHead: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSort?: ((...args: any[]) => any) | undefined;
 }, {
@@ -114,5 +126,6 @@ declare const _default: import("vue").DefineComponent<{
     striped: boolean;
     emptyValue: string;
     skeletonRow: number;
+    hideTableHead: boolean;
 }, {}>;
 export default _default;

package/es/table/Table.mjs

@@ -1,8 +1,9 @@
-import { createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { defineComponent, computed, onMounted, ref } from "vue";
 import { createNamespace, makeArrayProp, makeStringProp, truthProp } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { SortOrderEnum } from "./types.mjs";
+import TextEllipsis from "../text-ellipsis/index.mjs";
 const [name, bem] = createNamespace("table");
 const tableProps = {
   headList: makeArrayProp(),
@@ -20,6 +21,10 @@ const tableProps = {
   border: {
     type: Boolean,
     default: false
+  },
+  hideTableHead: {
+    type: Boolean,
+    default: false
   }
 };
 var stdin_default = defineComponent({
@@ -27,7 +32,8 @@ var stdin_default = defineComponent({
   props: tableProps,
   emits: ["sort"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const sortOrder = ref("");
     const sortKey = ref("");
@@ -105,6 +111,8 @@ var stdin_default = defineComponent({
       pingedLeft.value = mergedScrollLeft > 0;
     };
     const getHead = (colData) => {
+      const headSlot = slots[`head-${colData.id}`];
+      const headEllipsisType = colData.sorter ? "flat" : "dialog";
       if ((colData == null ? void 0 : colData.colSpan) !== 0) {
         return _createVNode("th", {
           "class": bem("left", {
@@ -115,10 +123,14 @@ var stdin_default = defineComponent({
             left: colData.fixed ? colData.left : ""
           },
           "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
-        }, [_createVNode("div", {
+        }, [headSlot ? headSlot(colData) : _createVNode("div", {
           "class": bem("head"),
           "onClick": () => onHeaderClick(colData)
-        }, [_createVNode("span", {
+        }, [colData.ellipsis ? _createVNode(TextEllipsis, {
+          "content": colData.label,
+          "expandType": headEllipsisType,
+          "class": bem("head-label-ellipsis")
+        }, null) : _createVNode("span", {
           "class": bem("head-label")
         }, [colData.label]), colData.sorter ? _createVNode("span", {
           "class": bem("head-sort")
@@ -139,6 +151,15 @@ var stdin_default = defineComponent({
         }, null)]) : ""])]);
       }
     };
+    const getElement = (rowData, colData) => {
+      if (rowData[colData.key] && rowData[colData.key].id && slots[`data-${rowData[colData.key].id}`]) {
+        return slots[`data-${rowData[colData.key].id}`](rowData[colData.key]);
+      }
+      return colData.ellipsis ? _createVNode(TextEllipsis, {
+        "content": rowData[colData.key],
+        "expandType": "dialog"
+      }, null) : rowData[colData.key];
+    };
     const getBody = (rowData, rowIndex) => _createVNode("tr", null, [formatColumns.value.map((colData) => {
       let additionalCellProps;
       if (colData.customCell) {
@@ -155,7 +176,7 @@ var stdin_default = defineComponent({
         "colspan": (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.colSpan : null,
         "rowspan": (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 1 ? additionalCellProps == null ? void 0 : additionalCellProps.rowSpan : null,
         "style": style
-      }, [rowData[colData.key]]);
+      }, [getElement(rowData, colData)]);
     })]);
     const getCol = () => {
       const cols = [];
@@ -196,9 +217,9 @@ var stdin_default = defineComponent({
       "style": {
         width: item.width
       }
-    }, null))]), _createVNode("thead", {
+    }, null))]), _withDirectives(_createVNode("thead", {
       "class": bem("thead")
-    }, [_createVNode("tr", null, [formatColumns.value.map((colData) => getHead(colData))])]), _createVNode("tbody", {
+    }, [_createVNode("tr", null, [formatColumns.value.map((colData) => getHead(colData))])]), [[_vShow, !props.hideTableHead]]), _createVNode("tbody", {
       "class": bem("tbody")
     }, [props.dataList.map((rowData, rowIndex) => getBody(rowData, rowIndex))])])]);
   }

package/es/table/index.css

@@ -1 +1 @@
-:root{--zt-table-head-color: var(--zt-primary-color);--zt-table-head-height: 40px;--zt-table-head-background: #e6f5ff;--zt-table-body-height: 40px;--zt-table-body-color: var(--zt-gray);--zt-table-body-background: var(--zt-white);--zt-table-sort-default: var(--zt-gray-5);--zt-table-sort-active: var(--zt-primary-color)}:root[zt-theme-size=large]{--zt-table-head-height: 52px}.zt-base-hair{position:relative}.zt-base-hair:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt-table--fixed{overflow:auto scroll}.zt-table--fixed::-webkit-scrollbar{width:0;height:0}.zt-table--fixed table{table-layout:fixed}.zt-table--thead-fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table--bordered{position:relative}.zt-table--bordered:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered:after{border-left-width:var(--zt-border-width)}.zt-table--bordered>table{position:relative}.zt-table--bordered>table:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered>table:after{border-top-width:var(--zt-border-width)}.zt-table--bordered .zt-table__thead>tr>th{position:relative}.zt-table--bordered .zt-table__thead>tr>th:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__thead>tr>th:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table--bordered .zt-table__tbody>tr>td{position:relative}.zt-table--bordered .zt-table__tbody>tr>td:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__tbody>tr>td:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-head-height);font-weight:600;font-size:var(--zt-font-size-md);color:var(--zt-table-head-color);text-align:center;line-height:var(--zt-table-head-height);background:var(--zt-table-head-background)}.zt-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-body-height);font-size:var(--zt-font-size-md);color:var(--zt-table-body-color);text-align:center;line-height:var(--zt-line-height-md);background:var(--zt-table-body-background);padding:10px 16px}.zt-table--striped .zt-table__tbody>tr:nth-child(2n)>td{background:var(--zt-table-head-background)}.zt-table__left--last{border-right:none!important}.zt-table__left--last:after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%)}.zt-table__left--fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table__head{display:flex;justify-content:center}.zt-table__head-sort{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;color:var(--zt-table-sort-default)}.zt-table__head-label{line-height:var(--zt-table-head-height)}.zt-table__sort-active{color:var(--zt-table-sort-active)}.zt-table--skeleton{background-color:#fff;padding-bottom:10px}.zt-table__row{display:flex;box-sizing:border-box;padding:0 10px;height:40px}.zt-table__row--head{display:flex;justify-content:center;align-items:center;background-color:#e7f0fb;margin-bottom:8px}.zt-table__row--head .zt-table__col-item{background-color:#cfdae9;height:20px}.zt-table__col{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;padding:4px 6px;height:40px}.zt-table__col-item{width:100%;height:100%;border-radius:4px;background-color:rgba(45,75,115,.06)}.zt-table--animate{animation:zt-table-blink var(--zt-skeleton-duration) ease-in-out infinite}@keyframes zt-table-blink{50%{opacity:.6}}
+:root{--zt-table-head-color: var(--zt-primary-color);--zt-table-head-height: 40px;--zt-table-head-background: #e6f5ff;--zt-table-body-height: 40px;--zt-table-body-color: var(--zt-gray);--zt-table-body-background: var(--zt-white);--zt-table-sort-default: var(--zt-gray-5);--zt-table-sort-active: var(--zt-primary-color)}:root[zt-theme-size=large]{--zt-table-head-height: 52px}.zt-base-hair{position:relative}.zt-base-hair:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt-table--fixed{overflow:auto scroll}.zt-table--fixed::-webkit-scrollbar{width:0;height:0}.zt-table--fixed table{table-layout:fixed}.zt-table--thead-fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table--bordered{position:relative}.zt-table--bordered:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered:after{border-left-width:var(--zt-border-width)}.zt-table--bordered>table{position:relative}.zt-table--bordered>table:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered>table:after{border-top-width:var(--zt-border-width)}.zt-table--bordered .zt-table__thead>tr>th{position:relative}.zt-table--bordered .zt-table__thead>tr>th:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__thead>tr>th:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table--bordered .zt-table__tbody>tr>td{position:relative}.zt-table--bordered .zt-table__tbody>tr>td:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__tbody>tr>td:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-head-height);font-weight:600;font-size:var(--zt-font-size-md);color:var(--zt-table-head-color);text-align:center;line-height:var(--zt-table-head-height);background:var(--zt-table-head-background)}.zt-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-body-height);font-size:var(--zt-font-size-md);color:var(--zt-table-body-color);text-align:center;line-height:var(--zt-line-height-md);background:var(--zt-table-body-background);padding:10px 16px}.zt-table--striped .zt-table__tbody>tr:nth-child(2n)>td{background:var(--zt-table-head-background)}.zt-table__left--last{border-right:none!important}.zt-table__left--last:after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%)}.zt-table__left--fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table__head{display:flex;justify-content:center}.zt-table__head-sort{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;color:var(--zt-table-sort-default)}.zt-table__head-label{line-height:var(--zt-table-head-height)}.zt-table__head-label-ellipsis{width:100%}.zt-table__sort-active{color:var(--zt-table-sort-active)}.zt-table--skeleton{background-color:#fff;padding-bottom:10px}.zt-table__row{display:flex;box-sizing:border-box;padding:0 10px;height:40px}.zt-table__row--head{display:flex;justify-content:center;align-items:center;background-color:#e7f0fb;margin-bottom:8px}.zt-table__row--head .zt-table__col-item{background-color:#cfdae9;height:20px}.zt-table__col{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;padding:4px 6px;height:40px}.zt-table__col-item{width:100%;height:100%;border-radius:4px;background-color:rgba(45,75,115,.06)}.zt-table--animate{animation:zt-table-blink var(--zt-skeleton-duration) ease-in-out infinite}@keyframes zt-table-blink{50%{opacity:.6}}