zartui 3.1.0 → 3.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/es/dropdown-item/index.css +1 -1
  2. package/es/index.d.ts +1 -1
  3. package/es/index.mjs +1 -1
  4. package/es/media-picker/index.d.ts +1 -0
  5. package/es/media-picker/watermark/compress-options.mjs +9 -1
  6. package/es/media-picker/watermark/image-processor.mjs +13 -0
  7. package/es/media-picker/watermark/resize-options.mjs +7 -0
  8. package/es/media-picker/watermark/watermark.mjs +8 -0
  9. package/es/media-player/index.d.ts +5 -5
  10. package/es/step/index.css +1 -1
  11. package/es/table/index.css +1 -1
  12. package/lib/dropdown-item/index.css +1 -1
  13. package/lib/index.css +1 -1
  14. package/lib/index.d.ts +1 -1
  15. package/lib/index.js +1 -1
  16. package/lib/media-picker/index.d.ts +1 -0
  17. package/lib/media-picker/watermark/compress-options.js +8 -1
  18. package/lib/media-picker/watermark/image-processor.js +12 -0
  19. package/lib/media-picker/watermark/resize-options.js +6 -0
  20. package/lib/media-picker/watermark/watermark.js +7 -0
  21. package/lib/media-player/index.d.ts +5 -5
  22. package/lib/step/index.css +1 -1
  23. package/lib/table/index.css +1 -1
  24. package/lib/web-types.json +1 -1
  25. package/lib/zartui.cjs.js +34 -2
  26. package/lib/zartui.es.js +34 -2
  27. package/lib/zartui.js +34 -2
  28. package/lib/zartui.min.js +1 -1
  29. package/package.json +9 -9
package/lib/index.d.ts CHANGED
@@ -77,4 +77,4 @@ declare namespace _default {
77
77
  }
78
78
  export default _default;
79
79
  export function install(app: any): void;
80
- export const version: "3.1.0";
80
+ export const version: "3.1.2";
package/lib/index.js CHANGED
@@ -168,7 +168,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
168
168
  __reExport(stdin_exports, require("./timeline"), module.exports);
169
169
  __reExport(stdin_exports, require("./toast"), module.exports);
170
170
  __reExport(stdin_exports, require("./uploader"), module.exports);
171
- const version = "3.1.0";
171
+ const version = "3.1.2";
172
172
  function install(app) {
173
173
  const components = [
174
174
  import_action_sheet.ActionSheet,
package/lib/media-picker/index.d.ts CHANGED
@@ -146,6 +146,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
146
146
  }, {}>>;
147
147
  export default MediaPicker;
148
148
  export type { MediaPickerProps } from './MediaPicker';
149
+ export type { Media, MediaType, MediaAddType, MediaUploadStatus, MediaPreview, MediaPick, MediaBeforeRead, MediaAfterRead, MediaBeforeDelete, } from './type';
149
150
  declare module 'vue' {
150
151
  interface GlobalComponents {
151
152
  ZtMediaPicker: typeof MediaPicker;
package/lib/media-picker/watermark/compress-options.js CHANGED
@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
2
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
5
6
  var __export = (target, all) => {
6
7
  for (var name in all)
7
8
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,10 @@ var __copyProps = (to, from, except, desc) => {
15
16
  return to;
16
17
  };
17
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var __publicField = (obj, key, value) => {
20
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
21
+ return value;
22
+ };
18
23
  var stdin_exports = {};
19
24
  __export(stdin_exports, {
20
25
  CompressOptions: () => CompressOptions
@@ -24,7 +29,9 @@ var import_utils = require("../../utils");
24
29
  var import_media_util = require("../util/media-util");
25
30
  class CompressOptions {
26
31
  constructor(photoFileSizeLimit) {
27
- this.checkOrientation = true;
32
+ // 图片大小限制，单位kb
33
+ __publicField(this, "photoFileSizeLimit");
34
+ __publicField(this, "checkOrientation", true);
28
35
  if (!(0, import_utils.isDef)(photoFileSizeLimit)) {
29
36
  this.photoFileSizeLimit = import_media_util.PHOTO_FILE_SIZE_LIMIT;
30
37
  } else {
package/lib/media-picker/watermark/image-processor.js CHANGED
@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
2
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
5
6
  var __export = (target, all) => {
6
7
  for (var name in all)
7
8
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,10 @@ var __copyProps = (to, from, except, desc) => {
15
16
  return to;
16
17
  };
17
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var __publicField = (obj, key, value) => {
20
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
21
+ return value;
22
+ };
18
23
  var stdin_exports = {};
19
24
  __export(stdin_exports, {
20
25
  ImageProcessor: () => ImageProcessor
@@ -29,6 +34,13 @@ const JPEG_QUALITY_STEP = 0.05;
29
34
  class ImageProcessor {
30
35
  // 压缩图片的配置
31
36
  constructor(file, resizeOptions, watermarkOptions, compressOptions) {
37
+ __publicField(this, "file");
38
+ // 图片文件
39
+ __publicField(this, "resizeOptions");
40
+ // 缩放图片的配置
41
+ __publicField(this, "watermarkOptions");
42
+ // 打水印配置项和相关环境信息
43
+ __publicField(this, "compressOptions");
32
44
  this.file = file;
33
45
  this.resizeOptions = resizeOptions;
34
46
  this.watermarkOptions = watermarkOptions;
package/lib/media-picker/watermark/resize-options.js CHANGED
@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
2
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
5
6
  var __export = (target, all) => {
6
7
  for (var name in all)
7
8
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,10 @@ var __copyProps = (to, from, except, desc) => {
15
16
  return to;
16
17
  };
17
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var __publicField = (obj, key, value) => {
20
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
21
+ return value;
22
+ };
18
23
  var stdin_exports = {};
19
24
  __export(stdin_exports, {
20
25
  ResizeOptions: () => ResizeOptions
@@ -25,6 +30,7 @@ var import_media_util = require("../util/media-util");
25
30
  class ResizeOptions {
26
31
  // 最大边长
27
32
  constructor(maxSideLength) {
33
+ __publicField(this, "maxSideLength");
28
34
  if (!(0, import_utils.isDef)(maxSideLength)) {
29
35
  this.maxSideLength = import_media_util.MAX_SIDE_LENGTH;
30
36
  } else {
package/lib/media-picker/watermark/watermark.js CHANGED
@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
2
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
5
6
  var __export = (target, all) => {
6
7
  for (var name in all)
7
8
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,10 @@ var __copyProps = (to, from, except, desc) => {
15
16
  return to;
16
17
  };
17
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var __publicField = (obj, key, value) => {
20
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
21
+ return value;
22
+ };
18
23
  var stdin_exports = {};
19
24
  __export(stdin_exports, {
20
25
  TextScanner: () => TextScanner,
@@ -216,6 +221,8 @@ class TextScanner {
216
221
  * @param text
217
222
  */
218
223
  constructor(text) {
224
+ __publicField(this, "text");
225
+ __publicField(this, "cursor");
219
226
  this.text = text;
220
227
  this.cursor = 0;
221
228
  }
package/lib/media-player/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const MediaPlayer: import("../utils").WithInstall<import("vue").DefineComponent<{
2
2
  show: BooleanConstructor;
3
3
  mediaType: {
4
- type: import("vue").PropType<import("../media-picker/type").MediaType>;
5
- default: import("../media-picker/type").MediaType;
4
+ type: import("vue").PropType<import("..").MediaType>;
5
+ default: import("..").MediaType;
6
6
  };
7
7
  mediaUrl: {
8
8
  type: import("vue").PropType<string>;
@@ -11,8 +11,8 @@ export declare const MediaPlayer: import("../utils").WithInstall<import("vue").D
11
11
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
12
12
  show: BooleanConstructor;
13
13
  mediaType: {
14
- type: import("vue").PropType<import("../media-picker/type").MediaType>;
15
- default: import("../media-picker/type").MediaType;
14
+ type: import("vue").PropType<import("..").MediaType>;
15
+ default: import("..").MediaType;
16
16
  };
17
17
  mediaUrl: {
18
18
  type: import("vue").PropType<string>;
@@ -22,7 +22,7 @@ export declare const MediaPlayer: import("../utils").WithInstall<import("vue").D
22
22
  "onUpdate:show"?: ((...args: any[]) => any) | undefined;
23
23
  }, {
24
24
  show: boolean;
25
- mediaType: import("../media-picker/type").MediaType;
25
+ mediaType: import("..").MediaType;
26
26
  mediaUrl: string;
27
27
  }, {}>>;
28
28
  export default MediaPlayer;
package/lib/step/index.css CHANGED
@@ -1 +1 @@
1
- :root{--zt-step-text-color: var(--zt-text-color-2);--zt-step-active-color: var(--zt-gray-default);--zt-step-process-text-color: var(--zt-text-color);--zt-step-font-size: var(--zt-font-size-md);--zt-step-line-color: var(--zt-gray-a1);--zt-step-finish-line-color: var(--zt-primary-color);--zt-step-finish-text-color: var(--zt-text-color);--zt-step-icon-size: 12px;--zt-step-circle-container-backgroud: var(--zt-background-2);--zt-step-circle-size: 20px;--zt-step-circle-font-size: 14px;--zt-step-circle-color: var(--zt-gray-6);--zt-step-horizontal-title-font-size: var(--zt-font-size-md)}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-step-circle-size);height:var(--zt-step-circle-size);line-height:var(--zt-step-circle-size);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-step-circle-font-size)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-backgroud);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-step-horizontal-title-font-size);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-sm)}.zt-step--vertical .zt-step__title{font-size:var(--zt-step-horizontal-title-font-size);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:0px;z-index:1;font-size:var(--zt-step-icon-size);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}
1
+ :root{--zt-step-text-color: var(--zt-text-color-2);--zt-step-active-color: var(--zt-gray-default);--zt-step-process-text-color: var(--zt-text-color);--zt-step-font-size: var(--zt-font-size-md);--zt-step-line-color: var(--zt-gray-a1);--zt-step-finish-line-color: var(--zt-primary-color);--zt-step-finish-text-color: var(--zt-text-color);--zt-step-icon-size: 12px;--zt-step-circle-container-backgroud: var(--zt-background-2);--zt-step-circle-size: 20px;--zt-step-circle-font-size: 14px;--zt-step-circle-color: var(--zt-gray-6);--zt-step-horizontal-title-font-size: var(--zt-font-size-md)}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-step-circle-size);height:var(--zt-step-circle-size);line-height:var(--zt-step-circle-size);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-step-circle-font-size)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-backgroud);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-step-horizontal-title-font-size);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-sm)}.zt-step--vertical .zt-step__title{font-size:var(--zt-step-horizontal-title-font-size);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:0;z-index:1;font-size:var(--zt-step-icon-size);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}
package/lib/table/index.css CHANGED
@@ -1 +1 @@
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}}
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:-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(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}}