zartui 3.0.2 → 3.0.3

package/lib/avatar/index.css

@@ -0,0 +1 @@
+:root{--zt-avatar-background-color: var(--zt-blue);--zt-avatar-color: var(--zt-white);--zt-avatar-size-small: 32px;--zt-avatar-font-size-small: 12px;--zt-avatar-size-medium: 48px;--zt-avatar-font-size-medium: 16px;--zt-avatar-size-large: 60px;--zt-avatar-font-size-large: 20px;--zt-avatar-square-radius: 4px}.zt-avatar{font-weight:700;display:flex;justify-content:center;align-items:center}.zt-avatar__img{background-color:var(--zt-avatar-background-color);color:var(--zt-avatar-color);text-align:center}.zt-avatar__img--small{width:var(--zt-avatar-size-small);height:var(--zt-avatar-size-small);font-size:var(--zt-avatar-font-size-small);line-height:var(--zt-avatar-size-small)}.zt-avatar__img--medium{width:var(--zt-avatar-size-medium);height:var(--zt-avatar-size-medium);font-size:var(--zt-avatar-font-size-medium);line-height:var(--zt-avatar-size-medium)}.zt-avatar__img--large{width:var(--zt-avatar-size-large);height:var(--zt-avatar-size-large);font-size:var(--zt-avatar-font-size-large);line-height:var(--zt-avatar-size-large)}.zt-avatar__img--square{border-radius:var(--zt-avatar-square-radius)}.zt-avatar__img--round{border-radius:var(--zt-radius-max)}

package/lib/avatar/index.d.ts

@@ -0,0 +1,43 @@
+export declare const Avatar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").AvatarSize>;
+        default: import("./types").AvatarSize;
+    };
+    shape: {
+        type: import("vue").PropType<import("./types").AvatarShape>;
+        default: import("./types").AvatarShape;
+    };
+    text: StringConstructor;
+    textBgColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<import("./types").AvatarSize>;
+        default: import("./types").AvatarSize;
+    };
+    shape: {
+        type: import("vue").PropType<import("./types").AvatarShape>;
+        default: import("./types").AvatarShape;
+    };
+    text: StringConstructor;
+    textBgColor: StringConstructor;
+}>>, {
+    shape: import("./types").AvatarShape;
+    src: string;
+    size: import("./types").AvatarSize;
+}>>;
+export default Avatar;
+export type { AvatarProps } from './Avatar';
+export type { AvatarShape, AvatarSize } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtAvatar: typeof Avatar;
+    }
+}

package/lib/avatar/index.js

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

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

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

package/lib/avatar/style/index.js

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

package/lib/avatar/types.d.ts

@@ -0,0 +1,2 @@
+export declare type AvatarSize = 'large' | 'medium' | 'small';
+export declare type AvatarShape = 'square' | 'round';

package/lib/avatar/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/badge/Badge.d.ts

@@ -1,5 +1,5 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { Numeric } from '../utils';
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { Numeric } from '../utils';
 export declare type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 declare const badgeProps: {
     dot: BooleanConstructor;
@@ -8,13 +8,15 @@ declare const badgeProps: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    color: StringConstructor;
+    backgroundImage: StringConstructor;
+    boxShadow: StringConstructor;
     offset: PropType<[Numeric, Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;
         default: true;
     };
+    badgeClass: StringConstructor;
     position: {
         type: PropType<BadgePosition>;
         default: BadgePosition;
@@ -28,13 +30,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    color: StringConstructor;
+    backgroundImage: StringConstructor;
+    boxShadow: StringConstructor;
     offset: PropType<[Numeric, Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;
         default: true;
     };
+    badgeClass: StringConstructor;
     position: {
         type: PropType<BadgePosition>;
         default: BadgePosition;
@@ -46,13 +50,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    color: StringConstructor;
+    backgroundImage: StringConstructor;
+    boxShadow: StringConstructor;
     offset: PropType<[Numeric, Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;
         default: true;
     };
+    badgeClass: StringConstructor;
     position: {
         type: PropType<BadgePosition>;
         default: BadgePosition;

package/lib/badge/Badge.js

@@ -28,10 +28,12 @@ const badgeProps = {
   dot: Boolean,
   max: import_utils.numericProp,
   tag: (0, import_utils.makeStringProp)("div"),
-  color: String,
+  backgroundImage: String,
+  boxShadow: String,
   offset: Array,
   content: import_utils.numericProp,
   showZero: import_utils.truthProp,
+  badgeClass: String,
   position: (0, import_utils.makeStringProp)("top-right")
 };
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -61,14 +63,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
           return slots.content();
         }
         if ((0, import_utils.isDef)(max) && (0, import_utils.isNumeric)(content) && +content > max) {
-          return `${max}+`;
+          return (0, import_vue.createVNode)("p", {
+            "class": [bem("wrapper", "badge-num")]
+          }, [`${max}+`]);
         }
-        return content;
+        return (0, import_vue.createVNode)("p", {
+          "class": [bem("wrapper", "badge-num")]
+        }, [content]);
       }
     };
     const style = (0, import_vue2.computed)(() => {
       const style2 = {
-        background: props.color
+        backgroundImage: props.backgroundImage,
+        boxShadow: props.boxShadow
       };
       if (props.offset) {
         const [x, y] = props.offset;
@@ -89,10 +96,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const renderBadge = () => {
       if (hasContent() || props.dot) {
         return (0, import_vue.createVNode)("div", {
-          "class": bem([props.position, {
+          "class": [bem([props.position, {
             dot: props.dot,
             fixed: !!slots.default
-          }]),
+          }]), props.badgeClass],
           "style": style.value
         }, [renderContent()]);
       }

package/lib/badge/index.css

@@ -1 +1 @@
-body{--zt-badge-size: 16px;--zt-badge-color: var(--zt-white);--zt-badge-padding: 0 3px;--zt-badge-font-size: var(--zt-font-size-sm);--zt-badge-font-weight: var(--zt-font-bold);--zt-badge-border-width: var(--zt-border-width);--zt-badge-background: var(--zt-danger-color);--zt-badge-dot-color: var(--zt-danger-color);--zt-badge-dot-size: 8px;--zt-badge-font: -apple-system-font, helvetica neue, arial, sans-serif}.zt-badge{display:inline-block;box-sizing:border-box;min-width:var(--zt-badge-size);padding:var(--zt-badge-padding);color:var(--zt-badge-color);font-weight:var(--zt-badge-font-weight);font-size:var(--zt-badge-font-size);font-family:var(--zt-badge-font);line-height:1.2;text-align:center;background:var(--zt-badge-background);border:var(--zt-badge-border-width) solid var(--zt-background-2);border-radius:var(--zt-radius-max)}.zt-badge--fixed{position:absolute;transform-origin:100%}.zt-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.zt-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.zt-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.zt-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.zt-badge--dot{width:var(--zt-badge-dot-size);min-width:0;height:var(--zt-badge-dot-size);background:var(--zt-badge-dot-color);border-radius:100%;border:none;padding:0}.zt-badge__wrapper{position:relative;display:inline-block}
+:root{--zt-badge-size: 16px;--zt-badge-color: var(--zt-white);--zt-badge-padding: 1px 4px;--zt-badge-font-size: var(--zt-font-size-sm);--zt-badge-max-width: 44px;--zt-badge-height: 16px;--zt-badge-font-weight: var(--zt-font-bold);--zt-badge-border-width: var(--zt-border-width);--zt-badge-background: var(--zt-danger-color);--zt-badge-dot-color: var(--zt-danger-color);--zt-badge-dot-size: 8px;--zt-badge-font: -apple-system-font, helvetica neue, arial, sans-serif;--zt-badge-border-left-color: var(--zt-border-left-color);--zt-badge-border-right-color: var(--zt-border-right-color)}.zt-badge{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-width:var(--zt-badge-size);max-width:var(--zt-badge-max-width);padding:var(--zt-badge-padding);color:var(--zt-badge-color);font-weight:var(--zt-badge-font-weight);font-size:var(--zt-badge-font-size);font-family:var(--zt-badge-font);height:var(--zt-badge-height);border-radius:var(--zt-radius-lg);box-shadow:0 2px 4px rgba(255,75,80,.4);letter-spacing:0;background-image:linear-gradient(to right,var(--zt-badge-background),var(--zt-badge-background)),linear-gradient(134deg,var(--zt-badge-border-left-color) 0%,var(--zt-badge-border-right-color) 100%);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.zt-badge--fixed{position:absolute;transform-origin:100%}.zt-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.zt-badge--top-right{top:4px;right:0;transform:translate(50%,-50%)}.zt-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.zt-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.zt-badge--dot{width:var(--zt-badge-dot-size);min-width:0;height:var(--zt-badge-dot-size);border-radius:50%;padding:0;border:var(--zt-badge-border-width) solid transparent;background-clip:border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,var(--zt-badge-dot-color),var(--zt-badge-dot-color)),linear-gradient(to right,#ffcdcd,#dc0004)}.zt-badge__wrapper{position:relative;display:inline-block}.zt-badge__wrapper--badge-num{white-space:nowrap;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.badge-dot{padding:0}

package/lib/badge/index.d.ts

@@ -5,13 +5,15 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    color: StringConstructor;
+    backgroundImage: StringConstructor;
+    boxShadow: StringConstructor;
     offset: import("vue").PropType<[import("../utils").Numeric, import("../utils").Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;
         default: true;
     };
+    badgeClass: StringConstructor;
     position: {
         type: import("vue").PropType<import("./Badge").BadgePosition>;
         default: import("./Badge").BadgePosition;
@@ -23,13 +25,15 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    color: StringConstructor;
+    backgroundImage: StringConstructor;
+    boxShadow: StringConstructor;
     offset: import("vue").PropType<[import("../utils").Numeric, import("../utils").Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;
         default: true;
     };
+    badgeClass: StringConstructor;
     position: {
         type: import("vue").PropType<import("./Badge").BadgePosition>;
         default: import("./Badge").BadgePosition;
@@ -44,6 +48,6 @@ export default Badge;
 export type { BadgeProps, BadgePosition } from './Badge';
 declare module 'vue' {
     interface GlobalComponents {
-        VanBadge: typeof Badge;
+        ZtBadge: typeof Badge;
     }
 }

package/lib/button/Button.d.ts

@@ -138,9 +138,9 @@ declare const _default: import("vue").DefineComponent<{
     replace: boolean;
     type: ButtonType;
     tag: keyof HTMLElementTagNameMap;
-    round: boolean;
     disabled: boolean;
     size: ButtonSize;
+    round: boolean;
     loading: boolean;
     block: boolean;
     square: boolean;

package/lib/button/index.css

@@ -1 +1 @@
-body{--zt-button-mini-height: 24px;--zt-button-mini-padding: 0 var(--zt-padding-sm);--zt-button-mini-font-size: var(--zt-font-size-sm);--zt-button-small-height: 28px;--zt-button-small-padding: 0 var(--zt-padding-sm);--zt-button-small-font-size: var(--zt-font-size-md);--zt-button-medium-height: 36px;--zt-button-medium-padding: 0 var(--zt-padding-md);--zt-button-medium-font-size: var(--zt-font-size-md);--zt-button-normal-padding: 0 var(--zt-padding-lg);--zt-button-normal-font-size: var(--zt-font-size-lg);--zt-button-large-height: 50px;--zt-button-default-height: 44px;--zt-button-default-line-height: calc(var(--zt-button-normal-font-size) * 2 - 8px);--zt-button-default-font-size: var(--zt-font-size-lg);--zt-button-default-color: var(--zt-text-color);--zt-button-default-background: var(--zt-background);--zt-button-default-border-color: rgba(45, 75, 115, .2);--zt-button-primary-color: var(--zt-white);--zt-button-primary-background: linear-gradient(-45deg, #3cafff 0%, var(--zt-primary-color) 100%);--zt-button-primary-light-background: rgba(1, 144, 250, .1);--zt-button-primary-border-color: var(--zt-blue-light);--zt-button-success-color: var(--zt-white);--zt-button-success-background: var(--zt-success-color);--zt-button-success-border-color: var(--zt-success-color);--zt-button-danger-color: var(--zt-white);--zt-button-danger-background: var(--zt-danger-color);--zt-button-danger-border-color: var(--zt-danger-color);--zt-button-warning-color: var(--zt-white);--zt-button-warning-background: var(--zt-warning-color);--zt-button-warning-border-color: var(--zt-warning-color);--zt-button-border-width: var(--zt-border-width);--zt-button-radius: 22px;--zt-button-round-radius: var(--zt-radius-max);--zt-button-plain-background: var(--zt-background);--zt-button-disabled-opacity: var(--zt-disabled-opacity);--zt-button-icon-mini-size: 16px;--zt-button-icon-small-size: 20px;--zt-button-icon-medium-size: 20px;--zt-button-icon-normal-size: 24px;--zt-button-loading-icon-size: 20px;--zt-button-inner-block-horizontal-margin: 16px}.zt-theme-dark{--zt-button-plain-background: transparent}.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--zt-button-default-height);margin:0;padding:0;font-size:var(--zt-button-default-font-size);line-height:var(--zt-button-default-line-height);text-align:center;border-radius:var(--zt-button-radius);cursor:pointer;transition:opacity var(--zt-duration-fast);-webkit-appearance:none;-webkit-font-smoothing:auto}.zt-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--zt-black);border:inherit;border-color:var(--zt-black);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.zt-button:active:before{opacity:.1}.zt-button--loading:before,.zt-button--disabled:before{display:none}.zt-button--default{color:var(--zt-button-default-color);background:var(--zt-button-default-background);border:var(--zt-button-border-width) solid var(--zt-button-default-border-color)}.zt-button--primary{color:var(--zt-button-primary-color);background:var(--zt-button-primary-background);border:var(--zt-button-border-width) solid var(--zt-button-primary-border-color)}.zt-button--primary-light{color:var(--zt-blue);background:var(--zt-button-primary-light-background);border:none}.zt-button--success{color:var(--zt-button-success-color);background:var(--zt-button-success-background);border:var(--zt-button-border-width) solid var(--zt-button-success-border-color)}.zt-button--danger{color:var(--zt-button-danger-color);background:var(--zt-button-danger-background);border:var(--zt-button-border-width) solid var(--zt-button-danger-border-color)}.zt-button--warning{color:var(--zt-button-warning-color);background:var(--zt-button-warning-background);border:var(--zt-button-border-width) solid var(--zt-button-warning-border-color)}.zt-button--plain{background:var(--zt-button-plain-background)}.zt-button--plain.zt-button--primary{color:var(--zt-blue-light)}.zt-button--plain.zt-button--success{color:var(--zt-button-success-background)}.zt-button--plain.zt-button--danger{color:var(--zt-button-danger-background)}.zt-button--plain.zt-button--warning{color:var(--zt-button-warning-background)}.zt-button--large{width:100%;height:var(--zt-button-large-height)}.zt-button--normal{padding:var(--zt-button-normal-padding);font-size:var(--zt-button-normal-font-size)}.zt-button--medium{height:var(--zt-button-medium-height);padding:var(--zt-button-medium-padding);font-size:var(--zt-button-medium-font-size)}.zt-button--small{height:var(--zt-button-small-height);padding:var(--zt-button-small-padding);font-size:var(--zt-button-small-font-size)}.zt-button--mini{height:var(--zt-button-mini-height);padding:var(--zt-button-mini-padding);font-size:var(--zt-button-mini-font-size)}.zt-button--mini+.zt-button--mini{margin-left:var(--zt-padding-base)}.zt-button__loading{color:inherit;font-size:inherit}.zt-button__loading .zt-loading__spinner{color:currentColor;width:var(--zt-button-loading-icon-size);height:var(--zt-button-loading-icon-size)}.zt-button--block{display:block;width:100%}.zt-button--block-inner{display:block;width:calc(100% - 2 * var(--zt-button-inner-block-horizontal-margin));margin:0 var(--zt-button-inner-block-horizontal-margin)}.zt-button--disabled{cursor:not-allowed;opacity:var(--zt-button-disabled-opacity)}.zt-button--loading{cursor:default}.zt-button--round{border-radius:var(--zt-button-round-radius);padding:0}.zt-button--round.zt-button--mini{width:var(--zt-button-mini-height)}.zt-button--round.zt-button--small{width:var(--zt-button-small-height)}.zt-button--round.zt-button--medium{width:var(--zt-button-medium-height)}.zt-button--round.zt-button--normal{width:var(--zt-button-default-height)}.zt-button--square{border-radius:0}.zt-button__content{display:flex;align-items:center;justify-content:center;height:100%}.zt-button__content:before{content:" "}.zt-button__icon{font-size:var(--zt-button-icon-normal-size)}.zt-button__icon--mini{font-size:var(--zt-button-icon-mini-size)}.zt-button__icon--small{font-size:var(--zt-button-icon-small-size)}.zt-button__icon--medium{font-size:var(--zt-button-icon-medium-size)}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:var(--zt-padding-xxs)}.zt-button--hairline{border-width:0}.zt-button--hairline:after{border-color:inherit;border-radius:calc(var(--zt-button-radius) * 2)}.zt-button--hairline.zt-button--round:after{border-radius:var(--zt-button-round-radius)}.zt-button--hairline.zt-button--square:after{border-radius:0}
+:root{--zt-button-mini-height: 24px;--zt-button-mini-padding: 0 var(--zt-padding-sm);--zt-button-mini-font-size: var(--zt-font-size-sm);--zt-button-small-height: 28px;--zt-button-small-padding: 0 var(--zt-padding-sm);--zt-button-small-font-size: var(--zt-font-size-md);--zt-button-medium-height: 36px;--zt-button-medium-padding: 0 var(--zt-padding-md);--zt-button-medium-font-size: var(--zt-font-size-md);--zt-button-normal-padding: 0 var(--zt-padding-lg);--zt-button-normal-font-size: var(--zt-font-size-lg);--zt-button-large-height: 50px;--zt-button-default-height: 44px;--zt-button-default-line-height: calc(var(--zt-button-normal-font-size) * 2 - 8px);--zt-button-default-font-size: var(--zt-font-size-lg);--zt-button-default-color: var(--zt-text-color);--zt-button-default-background: var(--zt-background);--zt-button-default-border-color: rgba(45, 75, 115, .2);--zt-button-primary-color: var(--zt-white);--zt-button-primary-background: linear-gradient(-45deg, #3cafff 0%, var(--zt-primary-color) 100%);--zt-button-primary-light-background: rgba(1, 144, 250, .1);--zt-button-primary-border-color: var(--zt-blue-light);--zt-button-success-color: var(--zt-white);--zt-button-success-background: var(--zt-success-color);--zt-button-success-border-color: var(--zt-success-color);--zt-button-danger-color: var(--zt-white);--zt-button-danger-background: var(--zt-danger-color);--zt-button-danger-border-color: var(--zt-danger-color);--zt-button-warning-color: var(--zt-white);--zt-button-warning-background: var(--zt-warning-color);--zt-button-warning-border-color: var(--zt-warning-color);--zt-button-border-width: var(--zt-border-width);--zt-button-radius: 22px;--zt-button-round-radius: var(--zt-radius-max);--zt-button-plain-background: transparent;--zt-button-disabled-opacity: var(--zt-disabled-opacity);--zt-button-icon-mini-size: 16px;--zt-button-icon-small-size: 20px;--zt-button-icon-medium-size: 20px;--zt-button-icon-normal-size: 24px;--zt-button-loading-icon-size: 20px;--zt-button-inner-block-horizontal-margin: 16px}.zt-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--zt-button-default-height);margin:0;padding:0;font-size:var(--zt-button-default-font-size);line-height:var(--zt-button-default-line-height);text-align:center;border-radius:var(--zt-button-radius);cursor:pointer;transition:opacity var(--zt-duration-fast);-webkit-appearance:none;-webkit-font-smoothing:auto}.zt-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--zt-black);border:inherit;border-color:var(--zt-black);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.zt-button:active:before{opacity:.1}.zt-button--loading:before,.zt-button--disabled:before{display:none}.zt-button--default{color:var(--zt-button-default-color);background:var(--zt-button-default-background);border:var(--zt-button-border-width) solid var(--zt-button-default-border-color)}.zt-button--primary{color:var(--zt-button-primary-color);background:var(--zt-button-primary-background);border:var(--zt-button-border-width) solid var(--zt-button-primary-border-color)}.zt-button--primary-light{color:var(--zt-blue);background:var(--zt-button-primary-light-background);border:none}.zt-button--success{color:var(--zt-button-success-color);background:var(--zt-button-success-background);border:var(--zt-button-border-width) solid var(--zt-button-success-border-color)}.zt-button--danger{color:var(--zt-button-danger-color);background:var(--zt-button-danger-background);border:var(--zt-button-border-width) solid var(--zt-button-danger-border-color)}.zt-button--warning{color:var(--zt-button-warning-color);background:var(--zt-button-warning-background);border:var(--zt-button-border-width) solid var(--zt-button-warning-border-color)}.zt-button--plain{background:var(--zt-button-plain-background)}.zt-button--plain.zt-button--primary{color:var(--zt-blue-light)}.zt-button--plain.zt-button--success{color:var(--zt-button-success-background)}.zt-button--plain.zt-button--danger{color:var(--zt-button-danger-background)}.zt-button--plain.zt-button--warning{color:var(--zt-button-warning-background)}.zt-button--large{width:100%;height:var(--zt-button-large-height)}.zt-button--normal{padding:var(--zt-button-normal-padding);font-size:var(--zt-button-normal-font-size)}.zt-button--medium{height:var(--zt-button-medium-height);padding:var(--zt-button-medium-padding);font-size:var(--zt-button-medium-font-size)}.zt-button--small{height:var(--zt-button-small-height);padding:var(--zt-button-small-padding);font-size:var(--zt-button-small-font-size)}.zt-button--mini{height:var(--zt-button-mini-height);padding:var(--zt-button-mini-padding);font-size:var(--zt-button-mini-font-size)}.zt-button--mini+.zt-button--mini{margin-left:var(--zt-padding-base)}.zt-button__loading{color:inherit;font-size:inherit}.zt-button__loading .zt-loading__spinner{color:currentColor;width:var(--zt-button-loading-icon-size);height:var(--zt-button-loading-icon-size)}.zt-button--block{display:block;width:100%}.zt-button--block-inner{display:block;width:calc(100% - 2 * var(--zt-button-inner-block-horizontal-margin));margin:0 var(--zt-button-inner-block-horizontal-margin)}.zt-button--disabled{cursor:not-allowed;opacity:var(--zt-button-disabled-opacity)}.zt-button--loading{cursor:default}.zt-button--round{border-radius:var(--zt-button-round-radius);padding:0}.zt-button--round.zt-button--mini{width:var(--zt-button-mini-height)}.zt-button--round.zt-button--small{width:var(--zt-button-small-height)}.zt-button--round.zt-button--medium{width:var(--zt-button-medium-height)}.zt-button--round.zt-button--normal{width:var(--zt-button-default-height)}.zt-button--square{border-radius:0}.zt-button__content{display:flex;align-items:center;justify-content:center;height:100%}.zt-button__content:before{content:" "}.zt-button__icon{font-size:var(--zt-button-icon-normal-size)}.zt-button__icon--mini{font-size:var(--zt-button-icon-mini-size)}.zt-button__icon--small{font-size:var(--zt-button-icon-small-size)}.zt-button__icon--medium{font-size:var(--zt-button-icon-medium-size)}.zt-button__icon+.zt-button__text,.zt-button__loading+.zt-button__text,.zt-button__text+.zt-button__icon,.zt-button__text+.zt-button__loading{margin-left:var(--zt-padding-xxs)}.zt-button--hairline{border-width:0}.zt-button--hairline:after{border-color:inherit;border-radius:calc(var(--zt-button-radius) * 2)}.zt-button--hairline.zt-button--round:after{border-radius:var(--zt-button-round-radius)}.zt-button--hairline.zt-button--square:after{border-radius:0}

package/lib/button/index.d.ts

@@ -90,9 +90,9 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     replace: boolean;
     type: import("./types").ButtonType;
     tag: keyof HTMLElementTagNameMap;
-    round: boolean;
     disabled: boolean;
     size: import("./types").ButtonSize;
+    round: boolean;
     loading: boolean;
     block: boolean;
     square: boolean;

package/lib/calendar/Calendar.d.ts

@@ -0,0 +1,302 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import { PopupPosition } from '../popup';
+import type { CalendarType, CalendarDayItem } from './types';
+export declare const calendarProps: {
+    show: BooleanConstructor;
+    type: {
+        type: PropType<CalendarType>;
+        default: CalendarType;
+    };
+    title: StringConstructor;
+    color: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    readonly: BooleanConstructor;
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    maxRange: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    position: {
+        type: PropType<PopupPosition>;
+        default: PopupPosition;
+    };
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    showMark: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
+    rowHeight: (NumberConstructor | StringConstructor)[];
+    confirmText: StringConstructor;
+    rangePrompt: StringConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    defaultDate: PropType<Date | Date[] | null>;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showSubtitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showRangePrompt: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    confirmDisabledText: StringConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetTop: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    minDate: {
+        type: DateConstructor;
+        validator: (val: unknown) => val is Date;
+        default: () => Date;
+    };
+    maxDate: {
+        type: DateConstructor;
+        validator: (val: unknown) => val is Date;
+        default: () => Date;
+    };
+    firstDayOfWeek: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (val: number) => boolean;
+    };
+};
+export declare type CalendarProps = ExtractPropTypes<typeof calendarProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    type: {
+        type: PropType<CalendarType>;
+        default: CalendarType;
+    };
+    title: StringConstructor;
+    color: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    readonly: BooleanConstructor;
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    maxRange: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    position: {
+        type: PropType<PopupPosition>;
+        default: PopupPosition;
+    };
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    showMark: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
+    rowHeight: (NumberConstructor | StringConstructor)[];
+    confirmText: StringConstructor;
+    rangePrompt: StringConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    defaultDate: PropType<Date | Date[] | null>;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showSubtitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showRangePrompt: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    confirmDisabledText: StringConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetTop: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    minDate: {
+        type: DateConstructor;
+        validator: (val: unknown) => val is Date;
+        default: () => Date;
+    };
+    maxDate: {
+        type: DateConstructor;
+        validator: (val: unknown) => val is Date;
+        default: () => Date;
+    };
+    firstDayOfWeek: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (val: number) => boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "cancel" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    type: {
+        type: PropType<CalendarType>;
+        default: CalendarType;
+    };
+    title: StringConstructor;
+    color: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    readonly: BooleanConstructor;
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    maxRange: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    position: {
+        type: PropType<PopupPosition>;
+        default: PopupPosition;
+    };
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    showMark: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
+    rowHeight: (NumberConstructor | StringConstructor)[];
+    confirmText: StringConstructor;
+    rangePrompt: StringConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    defaultDate: PropType<Date | Date[] | null>;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showSubtitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showRangePrompt: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    confirmDisabledText: StringConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetTop: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    minDate: {
+        type: DateConstructor;
+        validator: (val: unknown) => val is Date;
+        default: () => Date;
+    };
+    maxDate: {
+        type: DateConstructor;
+        validator: (val: unknown) => val is Date;
+        default: () => Date;
+    };
+    firstDayOfWeek: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (val: number) => boolean;
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onClickSubtitle?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onUnselect?: ((...args: any[]) => any) | undefined;
+    onMonthShow?: ((...args: any[]) => any) | undefined;
+    onOverRange?: ((...args: any[]) => any) | undefined;
+}, {
+    type: CalendarType;
+    position: PopupPosition;
+    readonly: boolean;
+    show: boolean;
+    lazyRender: boolean;
+    closeOnClickOverlay: boolean;
+    round: boolean;
+    closeOnPopstate: boolean;
+    safeAreaInsetTop: boolean;
+    safeAreaInsetBottom: boolean;
+    popup: boolean;
+    maxRange: string | number;
+    showMark: boolean;
+    showTitle: boolean;
+    showConfirm: boolean;
+    allowSameDay: boolean;
+    showSubtitle: boolean;
+    showRangePrompt: boolean;
+    minDate: Date;
+    maxDate: Date;
+    firstDayOfWeek: string | number;
+}>;
+export default _default;