zartui 3.0.1 → 3.0.3

package/es/checkbox/Checkbox.mjs

@@ -0,0 +1,81 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { watch, computed, defineComponent } from "vue";
+import { createNamespace, extend, pick, truthProp } from "../utils/index.mjs";
+import { CHECKBOX_GROUP_KEY } from "../checkbox-group/CheckboxGroup.mjs";
+import { useParent, useCustomFieldValue } from "@zartui/use";
+import { useExpose } from "../composables/use-expose.mjs";
+import Checker, { checkerProps } from "./Checker.mjs";
+const [name, bem] = createNamespace("checkbox");
+const checkboxProps = extend({}, checkerProps, {
+  bindGroup: truthProp
+});
+var stdin_default = defineComponent({
+  name,
+  props: checkboxProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      parent
+    } = useParent(CHECKBOX_GROUP_KEY);
+    const setParentValue = (checked2) => {
+      const {
+        name: name2
+      } = props;
+      const {
+        max,
+        modelValue
+      } = parent.props;
+      const value = modelValue.slice();
+      if (checked2) {
+        const overlimit = max && value.length >= max;
+        if (!overlimit && !value.includes(name2)) {
+          value.push(name2);
+          if (props.bindGroup) {
+            parent.updateValue(value);
+          }
+        }
+      } else {
+        const index = value.indexOf(name2);
+        if (index !== -1) {
+          value.splice(index, 1);
+          if (props.bindGroup) {
+            parent.updateValue(value);
+          }
+        }
+      }
+    };
+    const checked = computed(() => {
+      if (parent && props.bindGroup) {
+        return parent.props.modelValue.indexOf(props.name) !== -1;
+      }
+      return !!props.modelValue;
+    });
+    const toggle = (newValue = !checked.value) => {
+      if (parent && props.bindGroup) {
+        setParentValue(newValue);
+      } else {
+        emit("update:modelValue", newValue);
+      }
+    };
+    watch(() => props.modelValue, (value) => emit("change", value));
+    useExpose({
+      toggle,
+      props,
+      checked
+    });
+    useCustomFieldValue(() => props.modelValue);
+    return () => _createVNode(Checker, _mergeProps({
+      "bem": bem,
+      "role": "checkbox",
+      "parent": parent,
+      "checked": checked.value,
+      "onToggle": toggle
+    }, props), pick(slots, ["default", "icon"]));
+  }
+});
+export {
+  stdin_default as default
+};

package/es/checkbox/Checker.d.ts

@@ -0,0 +1,85 @@
+import type { Numeric } from '../utils';
+import type { PropType } from 'vue';
+export declare type CheckerShape = 'square' | 'round';
+export declare type CheckerDirection = 'horizontal' | 'vertical';
+export declare type CheckerLabelPosition = 'left' | 'right';
+export declare type CheckerParent = {
+    props: {
+        disabled?: boolean;
+        iconSize?: Numeric;
+        direction?: CheckerDirection;
+        checkedColor?: string;
+    };
+};
+export declare const checkerProps: {
+    name: PropType<unknown>;
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: PropType<CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+};
+declare const _default: import("vue").DefineComponent<{
+    name: PropType<unknown>;
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: PropType<CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+} & {
+    bem: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    role: StringConstructor;
+    parent: PropType<CheckerParent | null>;
+    checked: BooleanConstructor;
+    bindGroup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => 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: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: PropType<CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+} & {
+    bem: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    role: StringConstructor;
+    parent: PropType<CheckerParent | null>;
+    checked: BooleanConstructor;
+    bindGroup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onToggle?: ((...args: any[]) => any) | undefined;
+}, {
+    checked: boolean;
+    disabled: boolean;
+    shape: CheckerShape;
+    labelDisabled: boolean;
+    bindGroup: boolean;
+}>;
+export default _default;

package/es/checkbox/Checker.mjs

@@ -0,0 +1,113 @@
+import { createVNode as _createVNode } from "vue";
+import { ref, computed, defineComponent } from "vue";
+import { extend, addUnit, truthProp, numericProp, unknownProp, makeStringProp, makeRequiredProp } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+const checkerProps = {
+  name: unknownProp,
+  shape: makeStringProp("round"),
+  disabled: Boolean,
+  iconSize: numericProp,
+  modelValue: unknownProp,
+  checkedColor: String,
+  labelPosition: String,
+  labelDisabled: Boolean
+};
+var stdin_default = defineComponent({
+  props: extend({}, checkerProps, {
+    bem: makeRequiredProp(Function),
+    role: String,
+    parent: Object,
+    checked: Boolean,
+    bindGroup: truthProp
+  }),
+  emits: ["click", "toggle"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const iconRef = ref();
+    const getParentProp = (name) => {
+      if (props.parent && props.bindGroup) {
+        return props.parent.props[name];
+      }
+    };
+    const disabled = computed(() => getParentProp("disabled") || props.disabled);
+    const direction = computed(() => getParentProp("direction"));
+    const iconStyle = computed(() => {
+      const checkedColor = props.checkedColor || getParentProp("checkedColor");
+      if (checkedColor && props.checked && !disabled.value) {
+        return {
+          borderColor: checkedColor,
+          backgroundColor: checkedColor
+        };
+      }
+    });
+    const onClick = (event) => {
+      const {
+        target
+      } = event;
+      const icon = iconRef.value;
+      const iconClicked = icon === target || (icon == null ? void 0 : icon.contains(target));
+      if (!disabled.value && (iconClicked || !props.labelDisabled)) {
+        emit("toggle");
+      }
+      emit("click", event);
+    };
+    const renderIcon = () => {
+      const {
+        bem,
+        shape,
+        checked
+      } = props;
+      const iconSize = props.iconSize || getParentProp("iconSize");
+      return _createVNode("div", {
+        "ref": iconRef,
+        "class": bem("icon", [shape, {
+          disabled: disabled.value,
+          checked
+        }]),
+        "style": {
+          fontSize: addUnit(iconSize)
+        }
+      }, [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",
+        "style": iconStyle.value
+      }, null)]);
+    };
+    const renderLabel = () => {
+      if (slots.default) {
+        return _createVNode("span", {
+          "class": props.bem("label", [props.labelPosition, {
+            disabled: disabled.value
+          }])
+        }, [slots.default()]);
+      }
+    };
+    return () => {
+      const nodes = props.labelPosition === "left" ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()];
+      return _createVNode("div", {
+        "role": props.role,
+        "class": props.bem([{
+          disabled: disabled.value,
+          "label-disabled": props.labelDisabled
+        }, direction.value]),
+        "tabindex": disabled.value ? void 0 : 0,
+        "aria-checked": props.checked,
+        "onClick": onClick
+      }, [nodes]);
+    };
+  }
+});
+export {
+  checkerProps,
+  stdin_default as default
+};

package/es/checkbox/index.css

@@ -0,0 +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 var(--zt-white-a5);--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{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-gradient-white)}.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)}

package/es/checkbox/index.d.ts

@@ -0,0 +1,51 @@
+export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
+    name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+} & {
+    bindGroup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => 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: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<unknown>;
+    checkedColor: StringConstructor;
+    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelDisabled: BooleanConstructor;
+} & {
+    bindGroup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    shape: import("./Checker").CheckerShape;
+    labelDisabled: boolean;
+    bindGroup: boolean;
+}>>;
+export default Checkbox;
+export type { CheckboxProps } from './Checkbox';
+export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtCheckbox: typeof Checkbox;
+    }
+}

package/es/checkbox/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Checkbox from "./Checkbox.mjs";
+const Checkbox = withInstall(_Checkbox);
+var stdin_default = Checkbox;
+export {
+  Checkbox,
+  stdin_default as default
+};

package/es/checkbox/style/index.d.ts

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

package/es/checkbox/style/index.mjs

@@ -0,0 +1,5 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../checkbox-group/index.css";
+import "../index.css";

package/es/checkbox/types.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentPublicInstance, ComputedRef } from 'vue';
+import type { CheckboxProps } from './Checkbox';
+import type { CheckerShape, CheckerLabelPosition } from './Checker';
+export declare type CheckboxShape = CheckerShape;
+export declare type CheckboxLabelPosition = CheckerLabelPosition;
+export declare type CheckboxExpose = {
+    toggle: (newValue?: boolean) => void;
+    /** @private */
+    props: CheckboxProps;
+    /** @private */
+    checked: ComputedRef<boolean>;
+};
+export declare type CheckboxInstance = ComponentPublicInstance<CheckboxProps, CheckboxExpose>;

package/es/checkbox-group/CheckboxGroup.d.ts

@@ -0,0 +1,54 @@
+import type { InjectionKey, ExtractPropTypes } from 'vue';
+import type { CheckerDirection } from '../checkbox/Checker';
+import type { CheckboxGroupProvide } from './types';
+declare const checkboxGroupProps: {
+    max: (NumberConstructor | StringConstructor)[];
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<CheckerDirection>;
+        default: CheckerDirection;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => unknown[];
+    };
+    checkedColor: StringConstructor;
+};
+export declare type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
+export declare const CHECKBOX_GROUP_KEY: InjectionKey<CheckboxGroupProvide>;
+declare const _default: import("vue").DefineComponent<{
+    max: (NumberConstructor | StringConstructor)[];
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<CheckerDirection>;
+        default: CheckerDirection;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => unknown[];
+    };
+    checkedColor: StringConstructor;
+}, () => 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<{
+    max: (NumberConstructor | StringConstructor)[];
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<CheckerDirection>;
+        default: CheckerDirection;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => unknown[];
+    };
+    checkedColor: StringConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    direction: CheckerDirection;
+    modelValue: unknown[];
+}>;
+export default _default;

package/es/checkbox-group/CheckboxGroup.mjs

@@ -0,0 +1,71 @@
+import { createVNode as _createVNode } from "vue";
+import { watch, defineComponent } from "vue";
+import { numericProp, createNamespace, makeArrayProp, makeStringProp } from "../utils/index.mjs";
+import { useChildren, useCustomFieldValue } from "@zartui/use";
+import { useExpose } from "../composables/use-expose.mjs";
+const [name, bem] = createNamespace("checkbox-group");
+const checkboxGroupProps = {
+  max: numericProp,
+  disabled: Boolean,
+  iconSize: numericProp,
+  direction: makeStringProp("vertical"),
+  modelValue: makeArrayProp(),
+  checkedColor: String
+};
+const CHECKBOX_GROUP_KEY = Symbol(name);
+var stdin_default = defineComponent({
+  name,
+  props: checkboxGroupProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      children,
+      linkChildren
+    } = useChildren(CHECKBOX_GROUP_KEY);
+    const updateValue = (value) => emit("update:modelValue", value);
+    const toggleAll = (options = {}) => {
+      if (typeof options === "boolean") {
+        options = {
+          checked: options
+        };
+      }
+      const {
+        checked,
+        skipDisabled
+      } = options;
+      const checkedChildren = children.filter((item) => {
+        if (!item.props.bindGroup) {
+          return false;
+        }
+        if (item.props.disabled && skipDisabled) {
+          return item.checked.value;
+        }
+        return checked != null ? checked : !item.checked.value;
+      });
+      const names = checkedChildren.map((item) => item.name);
+      updateValue(names);
+    };
+    watch(() => props.modelValue, (value) => emit("change", value));
+    useExpose({
+      toggleAll
+    });
+    useCustomFieldValue(() => props.modelValue);
+    linkChildren({
+      props,
+      updateValue
+    });
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "class": bem([props.direction])
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+export {
+  CHECKBOX_GROUP_KEY,
+  stdin_default as default
+};

package/es/checkbox-group/index.css

@@ -0,0 +1 @@
+.zt-checkbox-group--horizontal{display:flex;flex-wrap:wrap}.zt-checkbox-group--vertical .zt-checkbox:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:calc(var(--zt-checkbox-size) + var(--zt-checkbox-label-margin));border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-checkbox-group--vertical .zt-checkbox:last-child:after{display:none}

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

@@ -0,0 +1,42 @@
+export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+    max: (NumberConstructor | StringConstructor)[];
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
+        default: import("../checkbox/Checker").CheckerDirection;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => unknown[];
+    };
+    checkedColor: StringConstructor;
+}, () => 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<{
+    max: (NumberConstructor | StringConstructor)[];
+    disabled: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
+        default: import("../checkbox/Checker").CheckerDirection;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => unknown[];
+    };
+    checkedColor: StringConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    direction: import("../checkbox/Checker").CheckerDirection;
+    modelValue: unknown[];
+}>>;
+export default CheckboxGroup;
+export type { CheckboxGroupProps } from './CheckboxGroup';
+export type { CheckboxGroupInstance, CheckboxGroupDirection, CheckboxGroupToggleAllOptions, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtCheckboxGroup: typeof CheckboxGroup;
+    }
+}

package/es/checkbox-group/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _CheckboxGroup from "./CheckboxGroup.mjs";
+const CheckboxGroup = withInstall(_CheckboxGroup);
+var stdin_default = CheckboxGroup;
+export {
+  CheckboxGroup,
+  stdin_default as default
+};

package/es/checkbox-group/style/index.d.ts

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

package/es/checkbox-group/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

package/es/checkbox-group/types.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { CheckboxGroupProps } from './CheckboxGroup';
+import type { CheckerParent, CheckerDirection } from '../checkbox/Checker';
+export declare type CheckboxGroupDirection = CheckerDirection;
+export declare type CheckboxGroupToggleAllOptions = boolean | {
+    checked?: boolean;
+    skipDisabled?: boolean;
+};
+export declare type CheckboxGroupExpose = {
+    toggleAll: (options?: CheckboxGroupToggleAllOptions) => void;
+};
+export declare type CheckboxGroupInstance = ComponentPublicInstance<CheckboxGroupProps, CheckboxGroupExpose>;
+export declare type CheckboxGroupProvide = CheckerParent & {
+    props: CheckboxGroupProps;
+    updateValue: (value: unknown[]) => void;
+};

package/es/col/Col.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
 declare const colProps: {
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;

package/es/collapse/Collapse.d.ts

@@ -0,0 +1,55 @@
+import type { PropType, InjectionKey, ExtractPropTypes, ComponentPublicInstance } from 'vue';
+import type { Numeric } from '../utils';
+export declare type CollapseProvide = {
+    toggle: (name: Numeric, expanded: boolean) => void;
+    isExpanded: (name: Numeric) => boolean;
+};
+export declare type CollapseToggleAllOptions = boolean | {
+    expanded?: boolean;
+    skipDisabled?: boolean;
+};
+export declare const COLLAPSE_KEY: InjectionKey<CollapseProvide>;
+export declare const collapseProps: {
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: PropType<Numeric | Numeric[]>;
+        default: string;
+    };
+};
+export declare type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+export declare type CollapseInstance = ComponentPublicInstance<{
+    toggleAll: (options?: boolean | CollapseToggleAllOptions) => void;
+}>;
+declare const _default: import("vue").DefineComponent<{
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: PropType<Numeric | Numeric[]>;
+        default: string;
+    };
+}, () => 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<{
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: PropType<Numeric | Numeric[]>;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    border: boolean;
+    modelValue: Numeric | Numeric[];
+    accordion: boolean;
+}>;
+export default _default;