zartui 3.1.17 → 3.1.19

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.16";
+export const version: "3.1.18";

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.16";
+const version = "3.1.18";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,

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

@@ -72,6 +72,7 @@ declare const mediaPickerProps: {
     beforeRead: PropType<MediaBeforeRead>;
     afterRead: PropType<MediaAfterRead>;
     beforeDelete: PropType<MediaBeforeDelete>;
+    useWx: BooleanConstructor;
 };
 export type MediaPickerProps = ExtractPropTypes<typeof mediaPickerProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -146,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
     beforeRead: PropType<MediaBeforeRead>;
     afterRead: PropType<MediaAfterRead>;
     beforeDelete: PropType<MediaBeforeDelete>;
+    useWx: BooleanConstructor;
 }, () => 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 +220,7 @@ declare const _default: import("vue").DefineComponent<{
     beforeRead: PropType<MediaBeforeRead>;
     afterRead: PropType<MediaAfterRead>;
     beforeDelete: PropType<MediaBeforeDelete>;
+    useWx: BooleanConstructor;
 }>> & {
     "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
@@ -242,5 +245,6 @@ declare const _default: import("vue").DefineComponent<{
     allowTakeAudio: boolean;
     allowPickAudio: boolean;
     allowPickFile: boolean;
+    useWx: boolean;
 }, {}>;
 export default _default;

package/lib/media-picker/MediaPicker.js

@@ -57,6 +57,7 @@ var import_compress_options = require("./watermark/compress-options");
 var import_watermark = require("./watermark/watermark");
 var import_image_processor = require("./watermark/image-processor");
 var import_utils2 = require("../field/utils");
+var import_wx_util = require("./util/wx-util");
 const [name, bem] = (0, import_utils.createNamespace)("media-picker");
 const FILE_SIZE_LIMIT = 100;
 const mediaPickerProps = {
@@ -106,7 +107,9 @@ const mediaPickerProps = {
   // 文件读取完成后的回调函数，获取到对应的 media 对象
   afterRead: Function,
   // 文件删除前的回调函数，返回 false 可终止文件读取，支持返回 Promise
-  beforeDelete: Function
+  beforeDelete: Function,
+  // 是否强制使用微信
+  useWx: Boolean
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -162,10 +165,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return;
       }
       if (mediaType === "photo") {
-        if (mediaAddType === "take") {
-          triggerHiddenInput(cameraInputRef.value);
-        } else if (mediaAddType === "pick") {
-          triggerHiddenInput(imageInputRef.value);
+        if (props.useWx && (0, import_utils.isWeixin)() && window.wx) {
+          const type = mediaAddType === "take" ? "camera" : "album";
+          (0, import_wx_util.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") {
@@ -601,13 +611,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       emit("delete", media, index);
     };
     const renderMediaThumbnail = (media) => {
-      if (media.showSrc) {
-        return (0, import_vue.createVNode)(import_image.default, {
-          "src": media.showSrc,
-          "fit": "cover",
-          "radius": "4"
-        }, null);
-      } else if (media.type === "video") {
+      if (media.type === "video") {
         return (0, import_vue.createVNode)(import_DefaultVideoIcon.default, {
           "class": bem("thumbnail")
         }, null);
@@ -619,6 +623,17 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return (0, import_vue.createVNode)(import_DefaultFileIcon.default, {
           "class": bem("thumbnail")
         }, null);
+      } else if (media.type === "photo") {
+        const thumbnailUrl = media.showSrc || media.url;
+        return (0, import_vue.createVNode)(import_image.default, {
+          "src": thumbnailUrl,
+          "fit": "cover",
+          "radius": "4"
+        }, null);
+      } else {
+        return (0, import_vue.createVNode)(import_DefaultFileIcon.default, {
+          "class": bem("thumbnail")
+        }, null);
       }
     };
     const renderMediaLabel = (media) => {
@@ -697,6 +712,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const title = props.showTitle && (0, import_vue.createVNode)("div", {
         "class": bem("title")
       }, [props.title]);
+      const showButtons = props.allowTakePhoto || props.allowPickPhoto || props.allowTakeVideo || props.allowPickVideo || props.allowTakeAudio || props.allowPickAudio || props.allowPickFile;
       return (0, import_vue.createVNode)("div", {
         "class": bem()
       }, [title, hiddenInput(), (0, import_vue.createVNode)(import_media_player.default, {
@@ -712,9 +728,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "cancel-text": "\u53D6\u6D88",
         "close-on-click-action": true,
         "onSelect": selectAction
-      }, null), (0, import_vue.createVNode)("div", {
+      }, null), (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
         "class": bem("line")
-      }, [renderButtons()]), (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_grid.default, {
+      }, [renderButtons()]), [[import_vue.vShow, showButtons]]), (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_grid.default, {
         "column-num": "3",
         "border": false,
         "square": true,

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

@@ -60,6 +60,7 @@ 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;
 }, () => 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 +123,7 @@ 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;
 }>> & {
     "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
@@ -146,10 +148,12 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     allowTakeAudio: boolean;
     allowPickAudio: boolean;
     allowPickFile: boolean;
+    useWx: boolean;
 }, {}>>;
 export default MediaPicker;
 export type { MediaPickerProps } from './MediaPicker';
 export type { Media, MediaType, MediaAddType, MediaUploadStatus, MediaPreview, MediaPick, MediaBeforeRead, MediaAfterRead, MediaBeforeDelete, MediaPickerThemeVars, } from './type';
+export { defaultMedia } from './type';
 declare module 'vue' {
     interface GlobalComponents {
         ZtMediaPicker: typeof MediaPicker;

package/lib/media-picker/index.js

@@ -28,10 +28,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   MediaPicker: () => MediaPicker,
-  default: () => stdin_default
+  default: () => stdin_default,
+  defaultMedia: () => import_type.defaultMedia
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_MediaPicker = __toESM(require("./MediaPicker"));
+var import_type = require("./type");
 const MediaPicker = (0, import_utils.withInstall)(import_MediaPicker.default);
 var stdin_default = MediaPicker;

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

@@ -1,8 +1,9 @@
 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 Media = {
-    file: File;
+    file?: File;
     url?: string;
     type: MediaType;
     uniqueCode: string;
@@ -18,6 +19,16 @@ export type Media = {
     mediaShot?: string;
     extra?: object;
     label?: string;
+    wxServerId?: string;
+};
+export declare const defaultMedia: {
+    uniqueCode: string;
+    fileSize: number;
+    fileName: string;
+    originalName: string;
+    originalSize: number;
+    lastModified: number;
+    deletable: boolean;
 };
 export type MediaBeforeRead = (files: Array<File>) => boolean | Promise<Array<File>>;
 export type MediaAfterRead = (medias: Array<Media>) => void;

package/lib/media-picker/type.js

@@ -2,6 +2,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -12,4 +16,16 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
+__export(stdin_exports, {
+  defaultMedia: () => defaultMedia
+});
 module.exports = __toCommonJS(stdin_exports);
+const defaultMedia = {
+  uniqueCode: "",
+  fileSize: 0,
+  fileName: "",
+  originalName: "",
+  originalSize: 0,
+  lastModified: 0,
+  deletable: false
+};

package/lib/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/lib/media-picker/util/wx-util.js

@@ -0,0 +1,86 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  chooseImage: () => chooseImage,
+  uploadImage: () => uploadImage,
+  wxUploadImage: () => wxUploadImage
+});
+module.exports = __toCommonJS(stdin_exports);
+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);
+          }
+        });
+      });
+    });
+  });
+};

package/lib/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/lib/slider/Slider.js

@@ -93,6 +93,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return "0%";
     };
+    const getPositionKey = () => {
+      if (props.vertical) {
+        return props.reverse ? "bottom" : "top";
+      }
+      return props.reverse ? "right" : "left";
+    };
     const barStyle = (0, import_vue2.computed)(() => {
       const mainAxis = props.vertical ? "height" : "width";
       const style = {
@@ -102,12 +108,6 @@ var stdin_default = (0, import_vue2.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;
     });
@@ -229,13 +229,6 @@ var stdin_default = (0, import_vue2.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") {
@@ -265,10 +258,15 @@ var stdin_default = (0, import_vue2.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 (0, import_vue.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,
@@ -284,7 +282,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         },
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
-        "onClick": import_utils.stopPropagation
+        "onClick": import_utils.stopPropagation,
+        "style": style
       }, [renderButtonContent(current2, index)]);
     };
     const renderTitle = () => {
@@ -349,6 +348,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
     }, [(0, import_vue.createVNode)("div", {
       "class": bem("bar"),
       "style": barStyle.value
-    }, [renderButtons()])]))]);
+    }, null), renderButtons()]))]);
   }
 });

package/lib/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/lib/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/lib/table/Table.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name2 in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
@@ -26,6 +36,7 @@ var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_icon = require("../icon");
 var import_types = require("./types");
+var import_text_ellipsis = __toESM(require("../text-ellipsis"));
 const [name, bem] = (0, import_utils.createNamespace)("table");
 const tableProps = {
   headList: (0, import_utils.makeArrayProp)(),
@@ -43,6 +54,10 @@ const tableProps = {
   border: {
     type: Boolean,
     default: false
+  },
+  hideTableHead: {
+    type: Boolean,
+    default: false
   }
 };
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -50,7 +65,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
   props: tableProps,
   emits: ["sort"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const sortOrder = (0, import_vue2.ref)("");
     const sortKey = (0, import_vue2.ref)("");
@@ -128,6 +144,8 @@ var stdin_default = (0, import_vue2.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 (0, import_vue.createVNode)("th", {
           "class": bem("left", {
@@ -138,10 +156,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
             left: colData.fixed ? colData.left : ""
           },
           "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
-        }, [(0, import_vue.createVNode)("div", {
+        }, [headSlot ? headSlot(colData) : (0, import_vue.createVNode)("div", {
           "class": bem("head"),
           "onClick": () => onHeaderClick(colData)
-        }, [(0, import_vue.createVNode)("span", {
+        }, [colData.ellipsis ? (0, import_vue.createVNode)(import_text_ellipsis.default, {
+          "content": colData.label,
+          "expandType": headEllipsisType,
+          "class": bem("head-label-ellipsis")
+        }, null) : (0, import_vue.createVNode)("span", {
           "class": bem("head-label")
         }, [colData.label]), colData.sorter ? (0, import_vue.createVNode)("span", {
           "class": bem("head-sort")
@@ -162,6 +184,15 @@ var stdin_default = (0, import_vue2.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 ? (0, import_vue.createVNode)(import_text_ellipsis.default, {
+        "content": rowData[colData.key],
+        "expandType": "dialog"
+      }, null) : rowData[colData.key];
+    };
     const getBody = (rowData, rowIndex) => (0, import_vue.createVNode)("tr", null, [formatColumns.value.map((colData) => {
       let additionalCellProps;
       if (colData.customCell) {
@@ -178,7 +209,7 @@ var stdin_default = (0, import_vue2.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 = [];
@@ -219,9 +250,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "style": {
         width: item.width
       }
-    }, null))]), (0, import_vue.createVNode)("thead", {
+    }, null))]), (0, import_vue.withDirectives)((0, import_vue.createVNode)("thead", {
       "class": bem("thead")
-    }, [(0, import_vue.createVNode)("tr", null, [formatColumns.value.map((colData) => getHead(colData))])]), (0, import_vue.createVNode)("tbody", {
+    }, [(0, import_vue.createVNode)("tr", null, [formatColumns.value.map((colData) => getHead(colData))])]), [[import_vue.vShow, !props.hideTableHead]]), (0, import_vue.createVNode)("tbody", {
       "class": bem("tbody")
     }, [props.dataList.map((rowData, rowIndex) => getBody(rowData, rowIndex))])])]);
   }

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

package/lib/table/index.d.ts

@@ -27,6 +27,10 @@ export declare const Table: import("../utils").WithInstall<import("vue").DefineC
         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<import("vue").ExtractPropTypes<{
     headList: {
         type: import("vue").PropType<import("./Table").TableHeaderOption[]>;
@@ -56,6 +60,10 @@ export declare const Table: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: boolean;
     };
+    hideTableHead: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSort?: ((...args: any[]) => any) | undefined;
 }, {
@@ -66,6 +74,7 @@ export declare const Table: import("../utils").WithInstall<import("vue").DefineC
     striped: boolean;
     emptyValue: string;
     skeletonRow: number;
+    hideTableHead: boolean;
 }, {}>>;
 export default Table;
 export { tableProps } from './Table';