zartui 3.0.6 → 3.0.8

package/lib/swipe-cell/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { SwipeCellProps } from './SwipeCell';
+export declare type SwipeCellSide = 'left' | 'right';
+export declare type SwipeCellPosition = SwipeCellSide | 'cell' | 'outside';
+export declare type SwipeCellExpose = {
+    open: (side: SwipeCellSide) => void;
+    close: (position: SwipeCellPosition) => void;
+};
+export declare type SwipeCellInstance = ComponentPublicInstance<SwipeCellProps, SwipeCellExpose>;

package/lib/swipe-cell/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/swipe-item/index.js

@@ -17,6 +17,10 @@ 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
 ));

package/lib/switch/index.css

@@ -1 +1 @@
-:root{--zt-switch-size: 28px;--zt-switch-width:calc(1.5em + 10px);--zt-switch-height: 1em;--zt-switch-shadow: inset 2px 2px 4px 1px rgba(0, 0, 0, .15);--zt-switch-node-size:calc(1em - 4px);--zt-switch-node-background: var(--zt-white);--zt-switch-node-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .15);--zt-switch-background: rgba(120, 120, 128, .16);--zt-switch-on-background: var(--zt-primary-color);--zt-switch-duration: var(--zt-duration-base);--zt-switch-disabled-opacity: var(--zt-disabled-opacity)}.zt-theme-dark{--zt-switch-background: rgba(120, 120, 128, .32)}.zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--zt-switch-width);height:var(--zt-switch-height);font-size:var(--zt-switch-size);background:var(--zt-switch-background);border-radius:var(--zt-switch-node-size);cursor:pointer;transition:background-color var(--zt-switch-duration);box-shadow:var(--zt-switch-shadow)}.zt-switch__node{position:absolute;top:2px;left:2px;width:var(--zt-switch-node-size);height:var(--zt-switch-node-size);font-size:inherit;background:var(--zt-switch-node-background);border-radius:100%;box-shadow:var(--zt-switch-node-shadow);transition:transform var(--zt-switch-duration) cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background:var(--zt-switch-on-background)}.zt-switch--on .zt-switch__node{transform:translate(calc(var(--zt-switch-width) - var(--zt-switch-node-size) - 4px))}.zt-switch--on .zt-switch__loading{color:var(--zt-switch-on-background)}.zt-switch--disabled{cursor:not-allowed;opacity:var(--zt-switch-disabled-opacity)}.zt-switch--loading{cursor:default}
+:root{--zt-switch-size: 28px;--zt-switch-width:calc(1.5em + 10px);--zt-switch-height: 1em;--zt-switch-shadow: inset 2px 2px 4px 1px rgba(0, 0, 0, .15);--zt-switch-node-size:calc(1em - 4px);--zt-switch-node-border-radius: 18px;--zt-switch-node-background: linear-gradient(135deg, #e6edf0 0%, #ffffff 100%, #ffffff 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid #ffffff99;--zt-switch-node-on-border: var(--zt-switch-node-border);--zt-switch-node-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .15);--zt-switch-node-on-shadow: -2px 2px 4px 0 rgba(45, 75, 115, .4);--zt-switch-background: #fafaff;--zt-switch-on-background: var(--zt-primary-color);--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-duration: var(--zt-duration-base);--zt-switch-disabled-opacity: var(--zt-disabled-opacity)}.zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--zt-switch-width);height:var(--zt-switch-height);font-size:var(--zt-switch-size);background:var(--zt-switch-background);border-radius:var(--zt-switch-node-size);cursor:pointer;transition:background-color var(--zt-switch-duration);box-shadow:var(--zt-switch-shadow)}.zt-switch__node{position:absolute;top:1px;left:1px;width:var(--zt-switch-node-size);height:var(--zt-switch-node-size);font-size:inherit;background-image:var(--zt-switch-node-background);border:var(--zt-switch-node-border);border-radius:100%;box-shadow:var(--zt-switch-node-shadow);transition:transform var(--zt-switch-duration) cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background:var(--zt-switch-on-background);box-shadow:var(--zt-switch-on-shadow)}.zt-switch--on .zt-switch__node{background:var(--zt-switch-node-on-background);border:var(--zt-switch-node-on-border);box-shadow:var(--zt-switch-node-on-shadow);transform:translate(calc(var(--zt-switch-width) - var(--zt-switch-node-size) - 4px))}.zt-switch--on .zt-switch__loading{color:var(--zt-switch-on-background)}.zt-switch--disabled{cursor:not-allowed;opacity:var(--zt-switch-disabled-opacity)}.zt-switch--loading{cursor:default}.zt-theme-dark{--zt-switch-shadow: inset 4px 4px 8px 0 #0f1923;--zt-switch-background: #202d39;--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-node-background: linear-gradient(135deg, #0e1824 0%, #24364b 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid rgba(255, 255, 255, .08);--zt-switch-node-on-border: 1px solid rgba(255, 255, 255, .6);--zt-switch-node-shadow: 0 0 5px 0 rgba(0, 12, 24, .8)}

package/lib/switch/index.js

@@ -17,6 +17,10 @@ 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
 ));

package/lib/tab/index.js

@@ -17,6 +17,10 @@ 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
 ));

package/lib/tabbar/index.js

@@ -17,6 +17,10 @@ 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
 ));

package/lib/tabbar-item/index.css

@@ -1 +1 @@
-:root{--zt-tabbar-item-font-size: var(--zt-font-size-sm);--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-active-background: var(--zt-background-2);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-size: 24px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-icon-margin-bottom: var(--zt-padding-base);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius)}.zt-tabbar-item__icon--active{border:var(--zt-tabbar-item-icon-border);background:rgba(45,75,115,.02);box-shadow:inset 4px 4px 8px rgba(45,75,115,.1)}.zt-tabbar-item__text{font-size:var(--zt-tabbar-item-font-size);padding-top:var(--zt-tabbar-item-text-padding-top);transform:scale(.83333);text-align:center;height:var(--zt-tabbar-item-text-height);line-height:var(--zt-tabbar-item-text-height)}.zt-tabbar-item--active{color:var(--zt-tabbar-item-active-color);background-color:var(--zt-tabbar-item-active-background);font-weight:var(--zt-font-bold)}.zt-theme-dark{--zt-tabbar-item-text-color: var(--zt-gray-default);--zt-tabbar-item-active-background: linear-gradient(135deg, #0a1420 0%, #1d2b3d 100%);--zt-tabbar-item-icon-border: 1px solid rgba(151, 151, 151, .12);--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-tabbar-item-icon-background: linear-gradient(135deg, #121d2a 0%, #1d2c3d 100%)}
+:root{--zt-tabbar-item-font-size: var(--zt-font-size-sm);--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-icon-active-background: rgba(45, 75, 115, .02);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-size: 24px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-icon-margin-bottom: var(--zt-padding-base);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius)}.zt-tabbar-item__icon--active{border:var(--zt-tabbar-item-icon-border);background:var(--zt-tabbar-item-icon-active-background);box-shadow:inset 4px 4px 8px rgba(45,75,115,.1)}.zt-tabbar-item__text{font-size:var(--zt-tabbar-item-font-size);padding-top:var(--zt-tabbar-item-text-padding-top);transform:scale(.83333);text-align:center;height:var(--zt-tabbar-item-text-height);line-height:var(--zt-tabbar-item-text-height)}.zt-tabbar-item--active{color:var(--zt-tabbar-item-active-color);font-weight:var(--zt-font-bold)}.zt-theme-dark{--zt-tabbar-item-text-color: var(--zt-gray-default);--zt-tabbar-item-icon-active-background: linear-gradient(135deg, #0a1420 0%, #1d2b3d 100%);--zt-tabbar-item-icon-border: 1px solid rgba(151, 151, 151, .12);--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-tabbar-item-icon-background: linear-gradient(135deg, #121d2a 0%, #1d2c3d 100%)}

package/lib/tabbar-item/index.js

@@ -17,6 +17,10 @@ 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
 ));

package/lib/table/Table.d.ts

@@ -0,0 +1,118 @@
+import { CSSProperties } from 'vue';
+import type { ExtractPropTypes } from 'vue';
+import { SortOrderType } from './types';
+export declare type TableBodyOption = {
+    [key: string]: any;
+};
+export declare type TableHeaderOption = {
+    label: string;
+    key: string;
+    width?: string;
+    fixed?: boolean;
+    style?: CSSProperties;
+    click?: (data: TableBodyOption, index?: number) => void;
+    defaultSortOrder?: SortOrderType;
+    sorter?: boolean;
+    [key: string]: any;
+};
+export declare const tableProps: {
+    headList: {
+        type: import("vue").PropType<TableHeaderOption[]>;
+        default: () => TableHeaderOption[];
+    };
+    dataList: {
+        type: import("vue").PropType<TableBodyOption[]>;
+        default: () => TableBodyOption[];
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    emptyValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    skeletonRow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type TableProps = ExtractPropTypes<typeof tableProps>;
+declare const _default: import("vue").DefineComponent<{
+    headList: {
+        type: import("vue").PropType<TableHeaderOption[]>;
+        default: () => TableHeaderOption[];
+    };
+    dataList: {
+        type: import("vue").PropType<TableBodyOption[]>;
+        default: () => TableBodyOption[];
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    emptyValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    skeletonRow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        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[]>;
+        default: () => TableHeaderOption[];
+    };
+    dataList: {
+        type: import("vue").PropType<TableBodyOption[]>;
+        default: () => TableBodyOption[];
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    emptyValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    skeletonRow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onSort?: ((...args: any[]) => any) | undefined;
+}, {
+    border: boolean;
+    loading: boolean;
+    headList: TableHeaderOption[];
+    dataList: TableBodyOption[];
+    striped: boolean;
+    emptyValue: string;
+    skeletonRow: number;
+}>;
+export default _default;

package/lib/table/Table.js

@@ -0,0 +1,228 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], 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, {
+  default: () => stdin_default,
+  tableProps: () => tableProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_icon = require("../icon");
+var import_types = require("./types");
+const [name, bem] = (0, import_utils.createNamespace)("table");
+const tableProps = {
+  headList: (0, import_utils.makeArrayProp)(),
+  dataList: (0, import_utils.makeArrayProp)(),
+  striped: import_utils.truthProp,
+  emptyValue: (0, import_utils.makeStringProp)("-"),
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  skeletonRow: {
+    type: Number,
+    default: 6
+  },
+  border: {
+    type: Boolean,
+    default: false
+  }
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: tableProps,
+  emits: ["sort"],
+  setup(props, {
+    emit
+  }) {
+    const sortOrder = (0, import_vue2.ref)("");
+    const sortKey = (0, import_vue2.ref)("");
+    const fixedColumn = (0, import_vue2.computed)(() => props.headList.filter((v) => v.fixed));
+    const formatColumns = (0, import_vue2.computed)(() => {
+      const columns = [];
+      let left = 0;
+      props.headList.forEach((element, index) => {
+        var _a;
+        const column = Object.assign({}, element);
+        const preColumn = props.headList[index - 1];
+        const nextColumn = props.headList[index + 1];
+        if (preColumn) {
+          left += Number((_a = preColumn.width) == null ? void 0 : _a.split("px")[0]);
+          column.left = `${left}px`;
+        } else {
+          column.left = 0;
+        }
+        if (element.fixed && !nextColumn.fixed) {
+          column.lastFixLeft = true;
+        }
+        columns.push(column);
+      });
+      return columns;
+    });
+    const pingedLeft = (0, import_vue2.ref)(false);
+    const resortHeadList = (0, import_vue2.computed)(() => fixedColumn.value.concat(props.headList.filter((v) => !v.fixed)));
+    (0, import_vue2.onMounted)(() => {
+      const fixedIndexList = props.headList.map((v, i) => {
+        if (v.sorter && v.defaultSortOrder) {
+          sortOrder.value = v.defaultSortOrder || "";
+          sortKey.value = v.key;
+        }
+        if (v.fixed) {
+          return `tableHead${i}`;
+        } else {
+          return "";
+        }
+      }).filter((v) => v !== "");
+      if (fixedIndexList.length > 0) {
+        fixedIndexList.forEach((current, index) => {
+          const fixedDom = document.getElementById(`fixedHead${index}`);
+          const normalDom = document.getElementById(current);
+          if (fixedDom && normalDom) {
+            fixedDom.style.width = normalDom.offsetWidth + "px";
+          }
+        }, 0);
+      }
+    });
+    const getNextSortOrder = (type) => {
+      if (!type) {
+        return import_types.SortOrderEnum.ASCEND;
+      } else if (type === import_types.SortOrderEnum.ASCEND) {
+        return import_types.SortOrderEnum.DESCEND;
+      } else {
+        return "";
+      }
+    };
+    const onHeaderClick = (data) => {
+      if (!data.sorter)
+        return;
+      sortOrder.value = getNextSortOrder(data.key === sortKey.value ? sortOrder.value : "");
+      sortKey.value = data.key;
+      emit("sort", {
+        order: sortOrder.value,
+        key: data.key
+      });
+    };
+    const onScroll = (event) => {
+      const {
+        scrollLeft,
+        currentTarget
+      } = event;
+      const mergedScrollLeft = typeof scrollLeft === "number" ? scrollLeft : currentTarget == null ? void 0 : currentTarget.scrollLeft;
+      pingedLeft.value = mergedScrollLeft > 0;
+    };
+    const getHead = (colData) => {
+      if ((colData == null ? void 0 : colData.colSpan) !== 0) {
+        return (0, import_vue.createVNode)("th", {
+          "class": bem("left", {
+            fixed: colData.fixed,
+            last: colData.lastFixLeft && pingedLeft.value
+          }),
+          "style": {
+            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", {
+          "class": bem("head"),
+          "onClick": () => onHeaderClick(colData)
+        }, [(0, import_vue.createVNode)("span", {
+          "class": bem("head-label")
+        }, [colData.label]), colData.sorter ? (0, import_vue.createVNode)("span", {
+          "class": bem("head-sort")
+        }, [(0, import_vue.createVNode)(import_icon.Icon, {
+          "class": [colData.key === sortKey.value && sortOrder.value === import_types.SortOrderEnum.ASCEND ? bem("sort-active") : ""],
+          "name": "spinner-shrink",
+          "size": "12",
+          "style": {
+            marginBottom: "-3px"
+          }
+        }, null), (0, import_vue.createVNode)(import_icon.Icon, {
+          "class": [colData.key === sortKey.value && sortOrder.value === import_types.SortOrderEnum.DESCEND ? bem("sort-active") : ""],
+          "name": "spinner-expand",
+          "size": "12",
+          "style": {
+            marginTop: "-3px"
+          }
+        }, null)]) : ""])]);
+      }
+    };
+    const getBody = (rowData, rowIndex) => (0, import_vue.createVNode)("tr", null, [formatColumns.value.map((colData) => {
+      let additionalCellProps;
+      if (colData.customCell) {
+        additionalCellProps = colData.customCell(rowData, rowIndex);
+      }
+      const style = Object.assign({}, colData.style);
+      style.left = colData.fixed ? colData.left : "";
+      return (additionalCellProps == null ? void 0 : additionalCellProps.rowSpan) !== 0 && (additionalCellProps == null ? void 0 : additionalCellProps.colSpan) !== 0 && (0, import_vue.createVNode)("td", {
+        "onClick": () => colData.click && colData.click(rowData, rowIndex),
+        "class": bem("left", {
+          fixed: colData.fixed,
+          last: colData.lastFixLeft && pingedLeft.value
+        }),
+        "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]]);
+    })]);
+    const getCol = () => {
+      const cols = [];
+      const col = resortHeadList.value.length;
+      for (let j = 0; j < col; j++) {
+        cols.push((0, import_vue.createVNode)("div", {
+          "class": bem("col")
+        }, [(0, import_vue.createVNode)("div", {
+          "class": bem("col-item")
+        }, null)]));
+      }
+      return cols;
+    };
+    const getLoadingColumn = () => {
+      const Rows = [];
+      for (let i = 0; i < props.skeletonRow; i++) {
+        Rows.push((0, import_vue.createVNode)("div", {
+          "class": bem("row", {
+            head: i === 0
+          })
+        }, [getCol()]));
+      }
+      return Rows;
+    };
+    return () => props.loading ? (0, import_vue.createVNode)("div", {
+      "class": bem({
+        animate: true,
+        skeleton: true
+      })
+    }, [getLoadingColumn()]) : (0, import_vue.createVNode)("div", {
+      "class": bem({
+        fixed: fixedColumn.value.length > 0,
+        bordered: props.border,
+        striped: props.striped
+      }),
+      "onScroll": onScroll
+    }, [(0, import_vue.createVNode)("table", null, [(0, import_vue.createVNode)("colgroup", null, [props.headList.map((item) => (0, import_vue.createVNode)("col", {
+      "style": {
+        width: item.width
+      }
+    }, null))]), (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", {
+      "class": bem("tbody")
+    }, [props.dataList.map((rowData, rowIndex) => getBody(rowData, rowIndex))])])]);
+  }
+});

package/lib/table/index.css

@@ -0,0 +1 @@
+:root{--zt-table-head-height: 40px;--zt-table-head-font-size: var(--zt-font-size-md);--zt-table-head-color: var(--zt-blue);--zt-table-head-background: #e6f5ff;--zt-table-body-height: 40px;--zt-table-body-line-height: 20px;--zt-table-body-font-size: var(--zt-font-size-md);--zt-table-body-color: var(--zt-gray-default);--zt-table-body-background: var(--zt-white);--zt-table-sort-default: var(--zt-gray-5);--zt-table-sort-active: var(--zt-blue)}.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: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-table-head-font-size);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-table-body-font-size);color:var(--zt-table-body-color);text-align:center;line-height:var(--zt-table-body-line-height);background:var(--zt-table-body-background);padding:10px 16px}.zt-table--striped .zt-table__tbody>tr:nth-child(even)>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: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}}

package/lib/table/index.d.ts

@@ -0,0 +1,77 @@
+export declare const Table: import("../utils").WithInstall<import("vue").DefineComponent<{
+    headList: {
+        type: import("vue").PropType<import("./Table").TableHeaderOption[]>;
+        default: () => import("./Table").TableHeaderOption[];
+    };
+    dataList: {
+        type: import("vue").PropType<import("./Table").TableBodyOption[]>;
+        default: () => import("./Table").TableBodyOption[];
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    emptyValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    skeletonRow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        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[]>;
+        default: () => import("./Table").TableHeaderOption[];
+    };
+    dataList: {
+        type: import("vue").PropType<import("./Table").TableBodyOption[]>;
+        default: () => import("./Table").TableBodyOption[];
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    emptyValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    skeletonRow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onSort?: ((...args: any[]) => any) | undefined;
+}, {
+    border: boolean;
+    loading: boolean;
+    headList: import("./Table").TableHeaderOption[];
+    dataList: import("./Table").TableBodyOption[];
+    striped: boolean;
+    emptyValue: string;
+    skeletonRow: number;
+}>>;
+export default Table;
+export { tableProps } from './Table';
+export type { TableHeaderOption, TableProps } from './Table';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtTable: typeof Table;
+    }
+}

package/lib/table/index.js

@@ -0,0 +1,39 @@
+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 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 __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, {
+  Table: () => Table,
+  default: () => stdin_default,
+  tableProps: () => import_Table2.tableProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Table = __toESM(require("./Table"));
+var import_Table2 = require("./Table");
+const Table = (0, import_utils.withInstall)(import_Table.default);
+var stdin_default = Table;

package/lib/table/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/table/style/index.js

@@ -0,0 +1,4 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../index.css");

package/lib/table/types.d.ts

@@ -0,0 +1,5 @@
+export declare type SortOrderType = 'ascend' | 'descend';
+export declare enum SortOrderEnum {
+    ASCEND = "ascend",
+    DESCEND = "descend"
+}

package/lib/table/types.js

@@ -0,0 +1,27 @@
+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, {
+  SortOrderEnum: () => SortOrderEnum
+});
+module.exports = __toCommonJS(stdin_exports);
+var SortOrderEnum = /* @__PURE__ */ ((SortOrderEnum2) => {
+  SortOrderEnum2["ASCEND"] = "ascend";
+  SortOrderEnum2["DESCEND"] = "descend";
+  return SortOrderEnum2;
+})(SortOrderEnum || {});

package/lib/tabs/Tabs.js

@@ -17,6 +17,10 @@ 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
 ));
@@ -37,6 +41,7 @@ var import_use_route = require("../composables/use-route");
 var import_use_refs = require("../composables/use-refs");
 var import_use_expose = require("../composables/use-expose");
 var import_on_popup_reopen = require("../composables/on-popup-reopen");
+var import_use_visibility_change = require("../composables/use-visibility-change");
 var import_sticky = require("../sticky");
 var import_TabsTitle = __toESM(require("./TabsTitle"));
 var import_TabsContent = __toESM(require("./TabsContent"));
@@ -362,6 +367,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_vue2.onActivated)(setLine);
     (0, import_on_popup_reopen.onPopupReopen)(setLine);
     (0, import_use.onMountedOrActivated)(init);
+    (0, import_use_visibility_change.useVisibilityChange)(root, setLine);
     (0, import_use.useEventListener)("scroll", onScroll, {
       target: scroller,
       passive: true