zartui 3.1.7-beta.3 → 3.1.8

package/README.md

@@ -0,0 +1,25 @@
+# ZartUI
+
+[ZartUI](https://zartui.egova.com.cn) 是数字政通基于 Vue 研发的一款面向政务场景的移动端组件库。
+
+Zart（读音 /zɑːt/）的命名，灵感源自数字政通秉承的理念：让城市治理变得更智慧。Zart = zt + smart， zt是政通的首字母缩写，smart代表公司理念中的“智慧”，将smart中间的“ar”字母包裹于zt之间，体现了ZartUI的核心目标：追求极致的用户体验，致力于做灵活智能的组件库。
+
+## 特性
+
+1）【组件重构】【组件审核】提供60多个高质量组件，覆盖移动端各类场景；
+
+2）【UI重构】基于全新的视觉规范；
+
+3）【在线网站】完善的文档、示例、演示效果；
+
+4）支持主题定制、按需引入；
+
+5）支持vue3.0、TypeScript；
+
+6）性能佳，组件平均体积小(min+gzip);
+
+7）单元测试覆盖率 90%+，提供稳定性保障。
+
+## 浏览器支持
+
+ZartUI 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。

package/es/action-sheet/ActionSheet.d.ts

@@ -177,13 +177,13 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
-    show: boolean;
     overlay: boolean;
+    round: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;

package/es/action-sheet/index.d.ts

@@ -111,13 +111,13 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
-    show: boolean;
     overlay: boolean;
+    round: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;

package/es/button/Button.d.ts

@@ -142,11 +142,11 @@ declare const _default: import("vue").DefineComponent<{
     type: ButtonType;
     tag: keyof HTMLElementTagNameMap;
     disabled: boolean;
-    size: ButtonSize;
     round: boolean;
-    loading: boolean;
-    square: boolean;
     block: boolean;
+    size: ButtonSize;
+    square: boolean;
+    loading: boolean;
     borderLess: boolean;
     blockInner: boolean;
     plain: boolean;

package/es/button/index.d.ts

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

package/es/calendar/Calendar.d.ts

@@ -282,11 +282,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: CalendarType;
     position: PopupPosition;
-    readonly: boolean;
+    round: boolean;
     show: boolean;
+    readonly: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;
     safeAreaInsetBottom: boolean;

package/es/calendar/index.d.ts

@@ -188,11 +188,11 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
 }, {
     type: import("./types").CalendarType;
     position: import("..").PopupPosition;
-    readonly: boolean;
+    round: boolean;
     show: boolean;
+    readonly: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;
     safeAreaInsetBottom: boolean;

package/es/cascader/Cascader.d.ts

@@ -156,10 +156,10 @@ declare const _default: import("vue").DefineComponent<{
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
     position: PopupPosition;
+    round: boolean;
     show: boolean;
     teleport: string;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeable: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;

package/es/cascader/index.d.ts

@@ -103,10 +103,10 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
     position: import("..").PopupPosition;
+    round: boolean;
     show: boolean;
     teleport: string;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeable: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;

package/es/cell/Cell.d.ts

@@ -141,10 +141,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     replace: boolean;
     value: string;
-    direction: CellDirection;
     center: boolean;
-    isLink: boolean;
     border: boolean;
+    direction: CellDirection;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
 }, {}>;

package/es/cell/index.d.ts

@@ -71,10 +71,10 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
 }, {
     replace: boolean;
     value: string;
-    direction: import("./types").CellDirection;
     center: boolean;
-    isLink: boolean;
     border: boolean;
+    direction: import("./types").CellDirection;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
 }, {}>>;

package/es/cell-group/CellGroup.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
 }>>, {
-    border: boolean;
     inset: boolean;
+    border: boolean;
 }, {}>;
 export default _default;

package/es/cell-group/CellGroup.mjs

@@ -1,6 +1,7 @@
 import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { defineComponent } from "vue";
 import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
+import { useScopeId } from "../composables/use-scope-id.mjs";
 const [name, bem] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
@@ -23,7 +24,7 @@ var stdin_default = defineComponent({
         }), {
           [BORDER_TOP_BOTTOM]: props.border && !props.inset
         }]
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => _createVNode("div", {
       "class": bem("title", {

package/es/cell-group/index.d.ts

@@ -13,8 +13,8 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
         default: true;
     };
 }>>, {
-    border: boolean;
     inset: boolean;
+    border: boolean;
 }, {}>>;
 export default CellGroup;
 export type { CellGroupProps } from './CellGroup';

package/es/checkbox/Checkbox.d.ts

@@ -1,57 +1,70 @@
+import { PropType } from 'vue';
 import type { ExtractPropTypes } from 'vue';
 declare const checkboxProps: {
-    name: import("vue").PropType<unknown>;
+    name: PropType<unknown>;
     shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        type: PropType<import("./Checker").CheckerShape>;
         default: import("./Checker").CheckerShape;
     };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 };
 export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
-    name: import("vue").PropType<unknown>;
+    name: PropType<unknown>;
     shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        type: PropType<import("./Checker").CheckerShape>;
         default: import("./Checker").CheckerShape;
     };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    name: import("vue").PropType<unknown>;
+    name: PropType<unknown>;
     shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        type: PropType<import("./Checker").CheckerShape>;
         default: import("./Checker").CheckerShape;
     };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -60,5 +73,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
+    indeterminate: boolean | null;
 }, {}>;
 export default _default;

package/es/checkbox/Checkbox.mjs

@@ -7,7 +7,11 @@ import { useExpose } from "../composables/use-expose.mjs";
 import Checker, { checkerProps } from "./Checker.mjs";
 const [name, bem] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
-  bindGroup: truthProp
+  bindGroup: truthProp,
+  indeterminate: {
+    type: Boolean,
+    default: null
+  }
 });
 var stdin_default = defineComponent({
   name,
@@ -58,9 +62,16 @@ var stdin_default = defineComponent({
         setParentValue(newValue);
       } else {
         emit("update:modelValue", newValue);
+        if (props.indeterminate !== null) {
+          emit("change", newValue);
+        }
       }
     };
-    watch(() => props.modelValue, (value) => emit("change", value));
+    watch(() => props.modelValue, (value) => {
+      if (props.indeterminate === null) {
+        emit("change", value);
+      }
+    });
     useExpose({
       toggle,
       props,

package/es/checkbox/Checker.d.ts

@@ -48,6 +48,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: PropType<unknown>;
     shape: {
@@ -72,6 +76,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onToggle?: ((...args: any[]) => any) | undefined;
@@ -81,5 +89,6 @@ declare const _default: import("vue").DefineComponent<{
     checked: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
+    indeterminate: boolean | null;
 }, {}>;
 export default _default;

package/es/checkbox/Checker.mjs

@@ -18,7 +18,11 @@ var stdin_default = defineComponent({
     role: String,
     parent: Object,
     checked: Boolean,
-    bindGroup: truthProp
+    bindGroup: truthProp,
+    indeterminate: {
+      type: Boolean,
+      default: null
+    }
   }),
   emits: ["click", "toggle"],
   setup(props, {
@@ -57,14 +61,16 @@ var stdin_default = defineComponent({
       const {
         bem,
         shape,
-        checked
+        checked,
+        indeterminate
       } = props;
       const iconSize = props.iconSize || getParentProp("iconSize");
       return _createVNode("div", {
         "ref": iconRef,
         "class": bem("icon", [shape, {
           disabled: disabled.value,
-          checked
+          checked,
+          indeterminate
         }]),
         "style": {
           fontSize: addUnit(iconSize)
@@ -72,14 +78,8 @@ var stdin_default = defineComponent({
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
-      }) : props.role === "radio" ? _createVNode(Icon, {
-        "style": iconStyle.value
-      }, {
-        default: () => [checked ? _createVNode("div", {
-          "class": bem("dot")
-        }, null) : ""]
       }) : _createVNode(Icon, {
-        "name": "checkbox-select",
+        "name": indeterminate ? "minus" : "checkbox-select",
         "style": iconStyle.value
       }, null)]);
     };

package/es/checkbox/index.css

@@ -1 +1 @@
-:root{--zt-checkbox-size: 16px;--zt-checkbox-padding: 12px 0;--zt-checkbox-border-color: var(--zt-gray-5);--zt-checkbox-duration: var(--zt-duration-fast);--zt-checkbox-round-icon-border: 1px solid rgba(45, 75, 115, .13);--zt-checkbox-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-checkbox-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-checkbox-label-margin: var(--zt-padding-xs);--zt-checkbox-label-color: var(--zt-text-color);--zt-checkbox-label-font-size: var(--zt-font-size-md);--zt-checkbox-checked-icon-color: var(--zt-primary-color);--zt-checkbox-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-checkbox-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-icon-color: var(--zt-gray-5);--zt-checkbox-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-checkbox-disabled-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-label-color: var(--zt-text-color-3);--zt-checkbox-disabled-background: var(--zt-border-color);--zt-checkbox-disabled-checked-icon-opacity: .4;--zt-checkbox-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-checkbox{position:relative;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--zt-checkbox-padding)}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-right:var(--zt-padding-sm)}.zt-checkbox__icon{font-size:var(--zt-checkbox-size);cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid var(--zt-checkbox-border-color);transition-duration:var(--zt-checkbox-duration);transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-icon{border-radius:100%;border:var(--zt-checkbox-round-icon-border);box-shadow:var(--zt-checkbox-round-icon-box-shadow);background:var(--zt-checkbox-round-icon-background)}.zt-checkbox__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:var(--zt-checkbox-disabled-icon-border);box-shadow:var(--zt-checkbox-disabled-icon-shadow);background:var(--zt-checkbox-disabled-icon-background)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:var(--zt-checkbox-disabled-checked-icon-opacity);background:var(--zt-blue);color:var(--zt-white)}.zt-checkbox__label{margin-left:var(--zt-checkbox-label-margin);color:var(--zt-checkbox-label-color);font-size:var(--zt-checkbox-label-font-size)}.zt-checkbox__label--left{margin:0 var(--zt-checkbox-label-margin) 0 0}.zt-checkbox__label--disabled{color:var(--zt-checkbox-disabled-label-color)}.zt-theme-dark{--zt-checkbox-round-icon-box-shadow: none;--zt-checkbox-disabled-icon-shadow: none;--zt-checkbox-round-icon-background: rgba(255, 255, 255, .04);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray-default);--zt-checkbox-disabled-icon-border: 1px solid var(--zt-gray-default);--zt-checkbox-disabled-icon-background: rgba(255, 255, 255, .2)}
+:root{--zt-checkbox-size: 16px;--zt-checkbox-padding: 12px 0;--zt-checkbox-border-color: var(--zt-gray-5);--zt-checkbox-duration: var(--zt-duration-fast);--zt-checkbox-round-icon-border: 1px solid rgba(45, 75, 115, .13);--zt-checkbox-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-checkbox-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-checkbox-label-margin: var(--zt-padding-xs);--zt-checkbox-label-color: var(--zt-text-color);--zt-checkbox-label-font-size: var(--zt-font-size-md);--zt-checkbox-checked-icon-color: var(--zt-primary-color);--zt-checkbox-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-checkbox-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-icon-color: var(--zt-gray-5);--zt-checkbox-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-checkbox-disabled-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-label-color: var(--zt-text-color-3);--zt-checkbox-disabled-background: var(--zt-border-color);--zt-checkbox-disabled-checked-icon-opacity: .4;--zt-checkbox-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-checkbox{position:relative;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--zt-checkbox-padding)}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-right:var(--zt-padding-sm)}.zt-checkbox__icon{font-size:var(--zt-checkbox-size);cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid var(--zt-checkbox-border-color);transition-duration:var(--zt-checkbox-duration);transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-icon{border-radius:100%;border:var(--zt-checkbox-round-icon-border);box-shadow:var(--zt-checkbox-round-icon-box-shadow);background:var(--zt-checkbox-round-icon-background)}.zt-checkbox__icon--indeterminate .zt-icon,.zt-checkbox__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:var(--zt-checkbox-disabled-icon-border);box-shadow:var(--zt-checkbox-disabled-icon-shadow);background:var(--zt-checkbox-disabled-icon-background)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:var(--zt-checkbox-disabled-checked-icon-opacity);background:var(--zt-blue);color:var(--zt-white)}.zt-checkbox__label{margin-left:var(--zt-checkbox-label-margin);color:var(--zt-checkbox-label-color);font-size:var(--zt-checkbox-label-font-size)}.zt-checkbox__label--left{margin:0 var(--zt-checkbox-label-margin) 0 0}.zt-checkbox__label--disabled{color:var(--zt-checkbox-disabled-label-color)}.zt-theme-dark{--zt-checkbox-round-icon-box-shadow: none;--zt-checkbox-disabled-icon-shadow: none;--zt-checkbox-round-icon-background: rgba(255, 255, 255, .04);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray-default);--zt-checkbox-disabled-icon-border: 1px solid var(--zt-gray-default);--zt-checkbox-disabled-icon-background: rgba(255, 255, 255, .2)}

package/es/checkbox/index.d.ts

@@ -15,6 +15,10 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
     shape: {
@@ -32,6 +36,10 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -40,6 +48,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     disabled: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
+    indeterminate: boolean | null;
 }, {}>>;
 export default Checkbox;
 export type { CheckboxProps } from './Checkbox';

package/es/composables/use-global-z-index.d.ts

@@ -0,0 +1,4 @@
+/** the global z-index is automatically incremented after reading */
+export declare const useGlobalZIndex: () => number;
+/** reset the global z-index */
+export declare const setGlobalZIndex: (val: number) => void;

package/es/composables/use-global-z-index.mjs

@@ -0,0 +1,9 @@
+let globalZIndex = 2e3;
+const useGlobalZIndex = () => ++globalZIndex;
+const setGlobalZIndex = (val) => {
+  globalZIndex = val;
+};
+export {
+  setGlobalZIndex,
+  useGlobalZIndex
+};

package/es/composables/use-scope-id.d.ts

@@ -0,0 +1,3 @@
+export declare const useScopeId: () => {
+    [x: string]: string;
+} | null;

package/es/composables/use-scope-id.mjs

@@ -0,0 +1,9 @@
+import { getCurrentInstance } from "vue";
+const useScopeId = () => {
+  var _a;
+  const { scopeId } = ((_a = getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
+  return scopeId ? { [scopeId]: "" } : null;
+};
+export {
+  useScopeId
+};

package/es/composables/use-sync-prop-ref.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare const useSyncPropRef: <T>(getProp: () => T, setProp: (value: T) => void) => Ref<T>;

package/es/composables/use-sync-prop-ref.mjs

@@ -0,0 +1,18 @@
+import { ref, watch } from "vue";
+const useSyncPropRef = (getProp, setProp) => {
+  const propRef = ref(getProp());
+  watch(getProp, (value) => {
+    if (value !== propRef.value) {
+      propRef.value = value;
+    }
+  });
+  watch(propRef, (value) => {
+    if (value !== getProp()) {
+      setProp(value);
+    }
+  });
+  return propRef;
+};
+export {
+  useSyncPropRef
+};

package/es/config-provider/ConfigProvider.d.ts

@@ -1,11 +1,13 @@
-import type { PropType, InjectionKey, ExtractPropTypes } from 'vue';
-import type { Numeric } from '../utils';
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 export type ConfigProviderTheme = 'light' | 'dark';
+export type ConfigProviderThemeVarsScope = 'local' | 'global';
 export type ConfigProviderProvide = {
     iconPrefix?: string;
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
-declare const configProviderProps: {
+export type ThemeVars = PropType<Record<string, Numeric>>;
+export declare const configProviderProps: {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -14,7 +16,14 @@ declare const configProviderProps: {
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<ConfigProviderThemeVarsScope>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 };
 export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
@@ -27,7 +36,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<ConfigProviderThemeVarsScope>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
@@ -38,10 +54,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<ConfigProviderThemeVarsScope>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;
     theme: ConfigProviderTheme;
+    themeVarsScope: ConfigProviderThemeVarsScope;
 }, {}>;
 export default _default;