element-plus 1.2.0-beta.2 → 1.2.0-beta.6

package/es/components/checkbox/src/checkbox-group.vue_vue_type_template_id_9944d4d2_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.vue_vue_type_template_id_9944d4d2_lang.mjs","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.vue?vue&type=template&id=9944d4d2&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-checkbox-group\" role=\"group\" aria-label=\"checkbox-group\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  watch,\n  provide,\n  nextTick,\n  toRefs,\n} from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize } from '@element-plus/hooks'\nimport { useCheckboxGroup } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckboxGroup',\n\n  props: {\n    modelValue: {\n      type: [Object, Boolean, Array],\n      default: () => undefined,\n    },\n    disabled: Boolean,\n    min: {\n      type: Number,\n      default: undefined,\n    },\n    max: {\n      type: Number,\n      default: undefined,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    fill: {\n      type: String,\n      default: undefined,\n    },\n    textColor: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n\n  setup(props, ctx) {\n    const { elFormItem } = useCheckboxGroup()\n    const checkboxGroupSize = useSize()\n\n    const changeEvent = (value) => {\n      ctx.emit(UPDATE_MODEL_EVENT, value)\n      nextTick(() => {\n        ctx.emit('change', value)\n      })\n    }\n\n    const modelValue = computed({\n      get() {\n        return props.modelValue\n      },\n      set(val) {\n        changeEvent(val)\n      },\n    })\n\n    provide('CheckboxGroup', {\n      name: 'ElCheckboxGroup',\n      modelValue,\n      ...toRefs(props),\n      checkboxGroupSize,\n      changeEvent,\n    })\n\n    watch(\n      () => props.modelValue,\n      () => {\n        elFormItem.validate?.('change')\n      }\n    )\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;EACO,OAAM;AAAA,EAAoB,MAAK;AAAA,EAAQ,cAAW;AAAA;;sBAAvDA,0BAAA;IACEC;;;;;;"}

package/es/components/checkbox/src/checkbox.mjs

@@ -1,6 +1,6 @@
-import script from './checkbox.vue_vue&type=script&lang.mjs';
-export { default } from './checkbox.vue_vue&type=script&lang.mjs';
-import { render } from './checkbox.vue_vue&type=template&id=2c9881e5&lang.mjs';
+import script from './checkbox.vue_vue_type_script_lang.mjs';
+export { default } from './checkbox.vue_vue_type_script_lang.mjs';
+import { render } from './checkbox.vue_vue_type_template_id_2c9881e5_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/checkbox/src/checkbox.vue";

package/es/components/checkbox/src/checkbox.type.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef } from 'vue';
-import type { AnyFunction } from 'element-plus/es/utils/types';
+import type { AnyFunction, ComponentSize } from 'element-plus/es/utils/types';
 export interface ICheckboxGroupInstance {
     name?: string;
     modelValue?: ComputedRef;
@@ -9,6 +9,6 @@ export interface ICheckboxGroupInstance {
     size?: ComputedRef<string>;
     fill?: ComputedRef<string>;
     textColor?: ComputedRef<string>;
-    checkboxGroupSize?: ComputedRef<string>;
+    checkboxGroupSize?: ComputedRef<ComponentSize>;
     changeEvent?: AnyFunction<any>;
 }

package/es/components/checkbox/src/checkbox.vue.d.ts

@@ -2,11 +2,11 @@ import type { PropType } from 'vue';
 import type { ComponentSize } from 'element-plus/es/utils/types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: () => undefined;
     };
     label: {
-        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     };
     indeterminate: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -16,11 +16,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     trueLabel: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     falseLabel: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     id: {
@@ -36,15 +36,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ComponentSize>;
         validator: (val: string) => boolean;
     };
+    tabindex: (StringConstructor | NumberConstructor)[];
 }, {
     isChecked: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    checkboxSize: import("vue").ComputedRef<any>;
+    checkboxSize: import("vue").ComputedRef<"" | ComponentSize>;
     model: import("vue").WritableComputedRef<any>;
     handleChange: (e: InputEvent) => void;
     focus: import("vue").Ref<boolean>;
-    size: import("vue").ComputedRef<string | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    size: import("vue").ComputedRef<"" | ComponentSize>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     label?: unknown;
     indeterminate?: unknown;
@@ -57,16 +58,18 @@ declare const _default: import("vue").DefineComponent<{
     controls?: unknown;
     border?: unknown;
     size?: unknown;
+    tabindex?: unknown;
 } & {
-    border: boolean;
     disabled: boolean;
+    border: boolean;
     indeterminate: boolean;
     checked: boolean;
 } & {
-    name?: string | undefined;
     size?: ComponentSize | undefined;
+    name?: string | undefined;
     modelValue?: string | number | boolean | undefined;
     label?: string | number | boolean | Record<string, any> | undefined;
+    tabindex?: string | number | undefined;
     id?: string | undefined;
     trueLabel?: string | number | undefined;
     falseLabel?: string | number | undefined;
@@ -75,10 +78,10 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    name: string;
-    border: boolean;
     disabled: boolean;
+    name: string;
     modelValue: string | number | boolean;
+    border: boolean;
     id: string;
     indeterminate: boolean;
     checked: boolean;

package/es/components/checkbox/src/checkbox.vue_vue_type_script_lang.mjs

@@ -0,0 +1,53 @@
+import { defineComponent } from 'vue';
+import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
+import { isValidComponentSize } from '../../../utils/validators.mjs';
+import { useCheckbox } from './useCheckbox.mjs';
+
+var script = defineComponent({
+  name: "ElCheckbox",
+  props: {
+    modelValue: {
+      type: [Boolean, Number, String],
+      default: () => void 0
+    },
+    label: {
+      type: [String, Boolean, Number, Object]
+    },
+    indeterminate: Boolean,
+    disabled: Boolean,
+    checked: Boolean,
+    name: {
+      type: String,
+      default: void 0
+    },
+    trueLabel: {
+      type: [String, Number],
+      default: void 0
+    },
+    falseLabel: {
+      type: [String, Number],
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    },
+    controls: {
+      type: String,
+      default: void 0
+    },
+    border: Boolean,
+    size: {
+      type: String,
+      validator: isValidComponentSize
+    },
+    tabindex: [String, Number]
+  },
+  emits: [UPDATE_MODEL_EVENT, "change"],
+  setup(props) {
+    return useCheckbox(props);
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=checkbox.vue_vue_type_script_lang.mjs.map

package/es/components/checkbox/src/checkbox.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :id=\"id\"\n    class=\"el-checkbox\"\n    :class=\"[\n      checkboxSize ? 'el-checkbox--' + checkboxSize : '',\n      { 'is-disabled': isDisabled },\n      { 'is-bordered': border },\n      { 'is-checked': isChecked },\n    ]\"\n    :aria-controls=\"indeterminate ? controls : null\"\n  >\n    <span\n      class=\"el-checkbox__input\"\n      :class=\"{\n        'is-disabled': isDisabled,\n        'is-checked': isChecked,\n        'is-indeterminate': indeterminate,\n        'is-focus': focus,\n      }\"\n      :tabindex=\"indeterminate ? 0 : undefined\"\n      :role=\"indeterminate ? 'checkbox' : undefined\"\n      :aria-checked=\"indeterminate ? 'mixed' : false\"\n    >\n      <span class=\"el-checkbox__inner\"></span>\n      <input\n        v-if=\"trueLabel || falseLabel\"\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        :disabled=\"isDisabled\"\n        :true-value=\"trueLabel\"\n        :false-value=\"falseLabel\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n      <input\n        v-else\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :disabled=\"isDisabled\"\n        :value=\"label\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n    </span>\n    <span v-if=\"$slots.default || label\" class=\"el-checkbox__label\">\n      <slot></slot>\n      <template v-if=\"!$slots.default\">{{ label }}</template>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useCheckbox } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckbox',\n  props: {\n    modelValue: {\n      type: [Boolean, Number, String],\n      default: () => undefined,\n    },\n    label: {\n      type: [String, Boolean, Number, Object],\n    },\n    indeterminate: Boolean,\n    disabled: Boolean,\n    checked: Boolean,\n    name: {\n      type: String,\n      default: undefined,\n    },\n    trueLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    falseLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: undefined,\n    },\n    controls: {\n      type: String,\n      default: undefined,\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    tabindex: [String, Number],\n  },\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    return useCheckbox(props)\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAsEA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,QAAQ;AAAA,MACxB,SAAS,MAAM;AAAA;AAAA,IAEjB,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,SAAS,QAAQ;AAAA;AAAA,IAElC,eAAe;AAAA,IACf,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA;AAAA,IAEb,UAAU,CAAC,QAAQ;AAAA;AAAA,EAErB,OAAO,CAAC,oBAAoB;AAAA,EAC5B,MAAM,OAAO;AACX,WAAO,YAAY;AAAA;AAAA;;;;"}

package/es/components/checkbox/src/checkbox.vue_vue_type_template_id_2c9881e5_lang.mjs

@@ -0,0 +1,78 @@
+import { createElementVNode, openBlock, createElementBlock, normalizeClass, withDirectives, vModelCheckbox, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+
+const _hoisted_1 = ["id", "aria-controls"];
+const _hoisted_2 = ["tabindex", "role", "aria-checked"];
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
+const _hoisted_4 = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_5 = ["aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_6 = {
+  key: 0,
+  class: "el-checkbox__label"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("label", {
+    id: _ctx.id,
+    class: normalizeClass(["el-checkbox", [
+      _ctx.checkboxSize ? "el-checkbox--" + _ctx.checkboxSize : "",
+      { "is-disabled": _ctx.isDisabled },
+      { "is-bordered": _ctx.border },
+      { "is-checked": _ctx.isChecked }
+    ]]),
+    "aria-controls": _ctx.indeterminate ? _ctx.controls : null
+  }, [
+    createElementVNode("span", {
+      class: normalizeClass(["el-checkbox__input", {
+        "is-disabled": _ctx.isDisabled,
+        "is-checked": _ctx.isChecked,
+        "is-indeterminate": _ctx.indeterminate,
+        "is-focus": _ctx.focus
+      }]),
+      tabindex: _ctx.indeterminate ? 0 : void 0,
+      role: _ctx.indeterminate ? "checkbox" : void 0,
+      "aria-checked": _ctx.indeterminate ? "mixed" : false
+    }, [
+      _hoisted_3,
+      _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
+        key: 0,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
+        class: "el-checkbox__original",
+        type: "checkbox",
+        "aria-hidden": _ctx.indeterminate ? "true" : "false",
+        name: _ctx.name,
+        tabindex: _ctx.tabindex,
+        disabled: _ctx.isDisabled,
+        "true-value": _ctx.trueLabel,
+        "false-value": _ctx.falseLabel,
+        onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+        onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
+        onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
+      }, null, 40, _hoisted_4)), [
+        [vModelCheckbox, _ctx.model]
+      ]) : withDirectives((openBlock(), createElementBlock("input", {
+        key: 1,
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.model = $event),
+        class: "el-checkbox__original",
+        type: "checkbox",
+        "aria-hidden": _ctx.indeterminate ? "true" : "false",
+        disabled: _ctx.isDisabled,
+        value: _ctx.label,
+        name: _ctx.name,
+        tabindex: _ctx.tabindex,
+        onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+        onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
+        onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
+      }, null, 40, _hoisted_5)), [
+        [vModelCheckbox, _ctx.model]
+      ])
+    ], 10, _hoisted_2),
+    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_6, [
+      renderSlot(_ctx.$slots, "default"),
+      !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createTextVNode(toDisplayString(_ctx.label), 1)
+      ], 2112)) : createCommentVNode("v-if", true)
+    ])) : createCommentVNode("v-if", true)
+  ], 10, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=checkbox.vue_vue_type_template_id_2c9881e5_lang.mjs.map

package/es/components/checkbox/src/checkbox.vue_vue_type_template_id_2c9881e5_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.vue_vue_type_template_id_2c9881e5_lang.mjs","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue?vue&type=template&id=2c9881e5&lang.js"],"sourcesContent":["<template>\n  <label\n    :id=\"id\"\n    class=\"el-checkbox\"\n    :class=\"[\n      checkboxSize ? 'el-checkbox--' + checkboxSize : '',\n      { 'is-disabled': isDisabled },\n      { 'is-bordered': border },\n      { 'is-checked': isChecked },\n    ]\"\n    :aria-controls=\"indeterminate ? controls : null\"\n  >\n    <span\n      class=\"el-checkbox__input\"\n      :class=\"{\n        'is-disabled': isDisabled,\n        'is-checked': isChecked,\n        'is-indeterminate': indeterminate,\n        'is-focus': focus,\n      }\"\n      :tabindex=\"indeterminate ? 0 : undefined\"\n      :role=\"indeterminate ? 'checkbox' : undefined\"\n      :aria-checked=\"indeterminate ? 'mixed' : false\"\n    >\n      <span class=\"el-checkbox__inner\"></span>\n      <input\n        v-if=\"trueLabel || falseLabel\"\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        :disabled=\"isDisabled\"\n        :true-value=\"trueLabel\"\n        :false-value=\"falseLabel\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n      <input\n        v-else\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :disabled=\"isDisabled\"\n        :value=\"label\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n    </span>\n    <span v-if=\"$slots.default || label\" class=\"el-checkbox__label\">\n      <slot></slot>\n      <template v-if=\"!$slots.default\">{{ label }}</template>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useCheckbox } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckbox',\n  props: {\n    modelValue: {\n      type: [Boolean, Number, String],\n      default: () => undefined,\n    },\n    label: {\n      type: [String, Boolean, Number, Object],\n    },\n    indeterminate: Boolean,\n    disabled: Boolean,\n    checked: Boolean,\n    name: {\n      type: String,\n      default: undefined,\n    },\n    trueLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    falseLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: undefined,\n    },\n    controls: {\n      type: String,\n      default: undefined,\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    tabindex: [String, Number],\n  },\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    return useCheckbox(props)\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;;gEAwBY,OAAM;;;;;EA+BuB,OAAM;AAAA;;sBAtD7CA;IACG,IAAI;IACL,uBAAM;;;;;;IAOL,iBAAe,qBAAgB;;IAEhCC;MACE,uBAAM;;;;;;MAOL,UAAU,yBAAoB;AAAA,MAC9B,MAAM,kCAA6B;AAAA,MACnC,gBAAc;;MAEf;AAAA,MAEQ,kBAAa,+CADrBD;;qEAEW;QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,eAAa;QACb,MAAM;QACN,UAAU;QACV,UAAU;QACV,cAAY;QACZ,eAAa;QACb,iDAAQ;QACR,+CAAO;QACP,8CAAM;;yBAXE;wCAaXA;;qEAEW;QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,eAAa;QACb,UAAU;QACV,OAAO;QACP,MAAM;QACN,UAAU;QACV,iDAAQ;QACR,+CAAO;QACP,8CAAM;;yBAVE;;;IAaD,YAAO,WAAW,2BAA9BA,2BAAA;MACEE;OACiB,YAAO,wBAAxBF;wCAAoC;;;;;;;;"}

package/es/components/checkbox/src/useCheckbox.d.ts

@@ -3,11 +3,11 @@ import type { ElFormContext, ElFormItemContext } from 'element-plus/es/tokens';
 import type { ICheckboxGroupInstance } from './checkbox.type';
 export declare const useCheckboxProps: {
     modelValue: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: () => undefined;
     };
     label: {
-        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     };
     indeterminate: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -17,13 +17,14 @@ export declare const useCheckboxProps: {
         default: undefined;
     };
     trueLabel: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     falseLabel: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
+    tabindex: (StringConstructor | NumberConstructor)[];
     size: StringConstructor;
 };
 export declare type IUseCheckboxProps = ExtractPropTypes<typeof useCheckboxProps>;
@@ -31,16 +32,15 @@ export declare const useCheckboxGroup: () => {
     isGroup: import("vue").ComputedRef<boolean>;
     checkboxGroup: ICheckboxGroupInstance;
     elForm: ElFormContext;
-    ELEMENT: any;
     elFormItemSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize | undefined>;
     elFormItem: ElFormItemContext;
 };
 export declare const useCheckbox: (props: IUseCheckboxProps) => {
     isChecked: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    checkboxSize: import("vue").ComputedRef<any>;
+    checkboxSize: import("vue").ComputedRef<"" | import("element-plus/es/utils/types").ComponentSize>;
     model: import("vue").WritableComputedRef<any>;
     handleChange: (e: InputEvent) => void;
     focus: import("vue").Ref<boolean>;
-    size: import("vue").ComputedRef<string | undefined>;
+    size: import("vue").ComputedRef<"" | import("element-plus/es/utils/types").ComponentSize>;
 };

package/es/components/checkbox/src/useCheckbox.mjs

@@ -1,9 +1,10 @@
 import { inject, computed, ref, getCurrentInstance, watch } from 'vue';
 import { toTypeString } from '@vue/shared';
 import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
-import { useGlobalConfig } from '../../../utils/util.mjs';
 import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
 import { elFormKey, elFormItemKey } from '../../../tokens/form.mjs';
+import { useSize } from '../../../hooks/use-common-props/index.mjs';
 
 const useCheckboxProps = {
   modelValue: {
@@ -28,10 +29,10 @@ const useCheckboxProps = {
     type: [String, Number],
     default: void 0
   },
+  tabindex: [String, Number],
   size: String
 };
 const useCheckboxGroup = () => {
-  const ELEMENT = useGlobalConfig();
   const elForm = inject(elFormKey, {});
   const elFormItem = inject(elFormItemKey, {});
   const checkboxGroup = inject("CheckboxGroup", {});
@@ -43,7 +44,6 @@ const useCheckboxGroup = () => {
     isGroup,
     checkboxGroup,
     elForm,
-    ELEMENT,
     elFormItemSize,
     elFormItem
   };
@@ -53,14 +53,10 @@ const useModel = (props) => {
   const { emit } = getCurrentInstance();
   const { isGroup, checkboxGroup } = useCheckboxGroup();
   const isLimitExceeded = ref(false);
-  const store = computed(() => {
-    var _a;
-    return checkboxGroup ? (_a = checkboxGroup.modelValue) == null ? void 0 : _a.value : props.modelValue;
-  });
   const model = computed({
     get() {
-      var _a;
-      return isGroup.value ? store.value : (_a = props.modelValue) != null ? _a : selfModel.value;
+      var _a, _b;
+      return isGroup.value ? (_a = checkboxGroup.modelValue) == null ? void 0 : _a.value : (_b = props.modelValue) != null ? _b : selfModel.value;
     },
     set(val) {
       var _a;
@@ -79,12 +75,9 @@ const useModel = (props) => {
   };
 };
 const useCheckboxStatus = (props, { model }) => {
-  const { isGroup, checkboxGroup, elFormItemSize, ELEMENT } = useCheckboxGroup();
+  const { isGroup, checkboxGroup } = useCheckboxGroup();
   const focus = ref(false);
-  const size = computed(() => {
-    var _a;
-    return ((_a = checkboxGroup == null ? void 0 : checkboxGroup.checkboxGroupSize) == null ? void 0 : _a.value) || elFormItemSize.value || ELEMENT.size;
-  });
+  const size = useSize(checkboxGroup == null ? void 0 : checkboxGroup.checkboxGroupSize, { prop: true });
   const isChecked = computed(() => {
     const value = model.value;
     if (toTypeString(value) === "[object Boolean]") {
@@ -97,11 +90,10 @@ const useCheckboxStatus = (props, { model }) => {
       return !!value;
     }
   });
-  const checkboxSize = computed(() => {
+  const checkboxSize = useSize(computed(() => {
     var _a;
-    const temCheckboxSize = props.size || elFormItemSize.value || ELEMENT.size;
-    return isGroup.value ? ((_a = checkboxGroup == null ? void 0 : checkboxGroup.checkboxGroupSize) == null ? void 0 : _a.value) || temCheckboxSize : temCheckboxSize;
-  });
+    return isGroup.value ? (_a = checkboxGroup == null ? void 0 : checkboxGroup.checkboxGroupSize) == null ? void 0 : _a.value : void 0;
+  }));
   return {
     isChecked,
     focus,

package/es/components/checkbox/src/useCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckbox.mjs","sources":["../../../../../../packages/components/checkbox/src/useCheckbox.ts"],"sourcesContent":["import { ref, computed, inject, getCurrentInstance, watch } from 'vue'\nimport { toTypeString } from '@vue/shared'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useGlobalConfig } from '@element-plus/utils/util'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\nimport type { PartialReturnType } from '@element-plus/utils/types'\nimport type { ICheckboxGroupInstance } from './checkbox.type'\n\nexport const useCheckboxProps = {\n  modelValue: {\n    type: [Boolean, Number, String],\n    default: () => undefined,\n  },\n  label: {\n    type: [String, Boolean, Number, Object],\n  },\n  indeterminate: Boolean,\n  disabled: Boolean,\n  checked: Boolean,\n  name: {\n    type: String,\n    default: undefined,\n  },\n  trueLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  falseLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  size: String,\n}\n\nexport type IUseCheckboxProps = ExtractPropTypes<typeof useCheckboxProps>\n\nexport const useCheckboxGroup = () => {\n  const ELEMENT = useGlobalConfig()\n  const elForm = inject(elFormKey, {} as ElFormContext)\n  const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n  const checkboxGroup = inject<ICheckboxGroupInstance>('CheckboxGroup', {})\n  const isGroup = computed(\n    () => checkboxGroup && checkboxGroup?.name === 'ElCheckboxGroup'\n  )\n  const elFormItemSize = computed(() => {\n    return elFormItem.size\n  })\n  return {\n    isGroup,\n    checkboxGroup,\n    elForm,\n    ELEMENT,\n    elFormItemSize,\n    elFormItem,\n  }\n}\n\nconst useModel = (props: IUseCheckboxProps) => {\n  const selfModel = ref(false)\n  const { emit } = getCurrentInstance()\n  const { isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitExceeded = ref(false)\n  const store = computed(() =>\n    checkboxGroup ? checkboxGroup.modelValue?.value : props.modelValue\n  )\n  const model = computed({\n    get() {\n      return isGroup.value ? store.value : props.modelValue ?? selfModel.value\n    },\n\n    set(val: unknown) {\n      if (isGroup.value && Array.isArray(val)) {\n        isLimitExceeded.value =\n          checkboxGroup.max !== undefined &&\n          val.length > checkboxGroup.max.value\n        isLimitExceeded.value === false && checkboxGroup?.changeEvent?.(val)\n      } else {\n        emit(UPDATE_MODEL_EVENT, val)\n        selfModel.value = val as boolean\n      }\n    },\n  })\n\n  return {\n    model,\n    isLimitExceeded,\n  }\n}\n\nconst useCheckboxStatus = (\n  props: IUseCheckboxProps,\n  { model }: PartialReturnType<typeof useModel>\n) => {\n  const { isGroup, checkboxGroup, elFormItemSize, ELEMENT } = useCheckboxGroup()\n  const focus = ref(false)\n  const size = computed<string | undefined>(\n    () =>\n      checkboxGroup?.checkboxGroupSize?.value ||\n      elFormItemSize.value ||\n      ELEMENT.size\n  )\n  const isChecked = computed<boolean>(() => {\n    const value = model.value\n    if (toTypeString(value) === '[object Boolean]') {\n      return value\n    } else if (Array.isArray(value)) {\n      return value.includes(props.label)\n    } else if (value !== null && value !== undefined) {\n      return value === props.trueLabel\n    } else {\n      return !!value\n    }\n  })\n  const checkboxSize = computed(() => {\n    const temCheckboxSize = props.size || elFormItemSize.value || ELEMENT.size\n    return isGroup.value\n      ? checkboxGroup?.checkboxGroupSize?.value || temCheckboxSize\n      : temCheckboxSize\n  })\n\n  return {\n    isChecked,\n    focus,\n    size,\n    checkboxSize,\n  }\n}\n\nconst useDisabled = (\n  props: IUseCheckboxProps,\n  {\n    model,\n    isChecked,\n  }: PartialReturnType<typeof useModel> &\n    PartialReturnType<typeof useCheckboxStatus>\n) => {\n  const { elForm, isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitDisabled = computed(() => {\n    const max = checkboxGroup.max?.value\n    const min = checkboxGroup.min?.value\n    return (\n      (!!(max || min) && model.value.length >= max && !isChecked.value) ||\n      (model.value.length <= min && isChecked.value)\n    )\n  })\n  const isDisabled = computed(() => {\n    const disabled = props.disabled || elForm.disabled\n    return isGroup.value\n      ? checkboxGroup.disabled?.value || disabled || isLimitDisabled.value\n      : props.disabled || elForm.disabled\n  })\n\n  return {\n    isDisabled,\n    isLimitDisabled,\n  }\n}\n\nconst setStoreValue = (\n  props: IUseCheckboxProps,\n  { model }: PartialReturnType<typeof useModel>\n) => {\n  function addToStore() {\n    if (Array.isArray(model.value) && !model.value.includes(props.label)) {\n      model.value.push(props.label)\n    } else {\n      model.value = props.trueLabel || true\n    }\n  }\n  props.checked && addToStore()\n}\n\nconst useEvent = (\n  props: IUseCheckboxProps,\n  { isLimitExceeded }: PartialReturnType<typeof useModel>\n) => {\n  const { elFormItem } = useCheckboxGroup()\n  const { emit } = getCurrentInstance()\n  function handleChange(e: InputEvent) {\n    if (isLimitExceeded.value) return\n    const target = e.target as HTMLInputElement\n    const value = target.checked\n      ? props.trueLabel ?? true\n      : props.falseLabel ?? false\n\n    emit('change', value, e)\n  }\n\n  watch(\n    () => props.modelValue,\n    () => {\n      elFormItem.validate?.('change')\n    }\n  )\n\n  return {\n    handleChange,\n  }\n}\n\nexport const useCheckbox = (props: IUseCheckboxProps) => {\n  const { model, isLimitExceeded } = useModel(props)\n  const { focus, size, isChecked, checkboxSize } = useCheckboxStatus(props, {\n    model,\n  })\n  const { isDisabled } = useDisabled(props, { model, isChecked })\n  const { handleChange } = useEvent(props, { isLimitExceeded })\n\n  setStoreValue(props, { model })\n\n  return {\n    isChecked,\n    isDisabled,\n    checkboxSize,\n    model,\n    handleChange,\n    focus,\n    size,\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCheckbox.mjs","sources":["../../../../../../packages/components/checkbox/src/useCheckbox.ts"],"sourcesContent":["import { ref, computed, inject, getCurrentInstance, watch } from 'vue'\nimport { toTypeString } from '@vue/shared'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\n\nimport { useSize } from '@element-plus/hooks'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\nimport type { PartialReturnType } from '@element-plus/utils/types'\nimport type { ICheckboxGroupInstance } from './checkbox.type'\n\nexport const useCheckboxProps = {\n  modelValue: {\n    type: [Boolean, Number, String],\n    default: () => undefined,\n  },\n  label: {\n    type: [String, Boolean, Number, Object],\n  },\n  indeterminate: Boolean,\n  disabled: Boolean,\n  checked: Boolean,\n  name: {\n    type: String,\n    default: undefined,\n  },\n  trueLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  falseLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  tabindex: [String, Number],\n  size: String,\n}\n\nexport type IUseCheckboxProps = ExtractPropTypes<typeof useCheckboxProps>\n\nexport const useCheckboxGroup = () => {\n  const elForm = inject(elFormKey, {} as ElFormContext)\n  const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n  const checkboxGroup = inject<ICheckboxGroupInstance>('CheckboxGroup', {})\n  const isGroup = computed(\n    () => checkboxGroup && checkboxGroup?.name === 'ElCheckboxGroup'\n  )\n  const elFormItemSize = computed(() => {\n    return elFormItem.size\n  })\n  return {\n    isGroup,\n    checkboxGroup,\n    elForm,\n    elFormItemSize,\n    elFormItem,\n  }\n}\n\nconst useModel = (props: IUseCheckboxProps) => {\n  const selfModel = ref(false)\n  const { emit } = getCurrentInstance()\n  const { isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitExceeded = ref(false)\n  const model = computed({\n    get() {\n      return isGroup.value\n        ? checkboxGroup.modelValue?.value\n        : props.modelValue ?? selfModel.value\n    },\n\n    set(val: unknown) {\n      if (isGroup.value && Array.isArray(val)) {\n        isLimitExceeded.value =\n          checkboxGroup.max !== undefined &&\n          val.length > checkboxGroup.max.value\n        isLimitExceeded.value === false && checkboxGroup?.changeEvent?.(val)\n      } else {\n        emit(UPDATE_MODEL_EVENT, val)\n        selfModel.value = val as boolean\n      }\n    },\n  })\n\n  return {\n    model,\n    isLimitExceeded,\n  }\n}\n\nconst useCheckboxStatus = (\n  props: IUseCheckboxProps,\n  { model }: PartialReturnType<typeof useModel>\n) => {\n  const { isGroup, checkboxGroup } = useCheckboxGroup()\n  const focus = ref(false)\n  const size = useSize(checkboxGroup?.checkboxGroupSize, { prop: true })\n  const isChecked = computed<boolean>(() => {\n    const value = model.value\n    if (toTypeString(value) === '[object Boolean]') {\n      return value\n    } else if (Array.isArray(value)) {\n      return value.includes(props.label)\n    } else if (value !== null && value !== undefined) {\n      return value === props.trueLabel\n    } else {\n      return !!value\n    }\n  })\n\n  const checkboxSize = useSize(\n    computed(() =>\n      isGroup.value ? checkboxGroup?.checkboxGroupSize?.value : undefined\n    )\n  )\n\n  return {\n    isChecked,\n    focus,\n    size,\n    checkboxSize,\n  }\n}\n\nconst useDisabled = (\n  props: IUseCheckboxProps,\n  {\n    model,\n    isChecked,\n  }: PartialReturnType<typeof useModel> &\n    PartialReturnType<typeof useCheckboxStatus>\n) => {\n  const { elForm, isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitDisabled = computed(() => {\n    const max = checkboxGroup.max?.value\n    const min = checkboxGroup.min?.value\n    return (\n      (!!(max || min) && model.value.length >= max && !isChecked.value) ||\n      (model.value.length <= min && isChecked.value)\n    )\n  })\n  const isDisabled = computed(() => {\n    const disabled = props.disabled || elForm.disabled\n    return isGroup.value\n      ? checkboxGroup.disabled?.value || disabled || isLimitDisabled.value\n      : props.disabled || elForm.disabled\n  })\n\n  return {\n    isDisabled,\n    isLimitDisabled,\n  }\n}\n\nconst setStoreValue = (\n  props: IUseCheckboxProps,\n  { model }: PartialReturnType<typeof useModel>\n) => {\n  function addToStore() {\n    if (Array.isArray(model.value) && !model.value.includes(props.label)) {\n      model.value.push(props.label)\n    } else {\n      model.value = props.trueLabel || true\n    }\n  }\n  props.checked && addToStore()\n}\n\nconst useEvent = (\n  props: IUseCheckboxProps,\n  { isLimitExceeded }: PartialReturnType<typeof useModel>\n) => {\n  const { elFormItem } = useCheckboxGroup()\n  const { emit } = getCurrentInstance()\n  function handleChange(e: InputEvent) {\n    if (isLimitExceeded.value) return\n    const target = e.target as HTMLInputElement\n    const value = target.checked\n      ? props.trueLabel ?? true\n      : props.falseLabel ?? false\n\n    emit('change', value, e)\n  }\n\n  watch(\n    () => props.modelValue,\n    () => {\n      elFormItem.validate?.('change')\n    }\n  )\n\n  return {\n    handleChange,\n  }\n}\n\nexport const useCheckbox = (props: IUseCheckboxProps) => {\n  const { model, isLimitExceeded } = useModel(props)\n  const { focus, size, isChecked, checkboxSize } = useCheckboxStatus(props, {\n    model,\n  })\n  const { isDisabled } = useDisabled(props, { model, isChecked })\n  const { handleChange } = useEvent(props, { isLimitExceeded })\n\n  setStoreValue(props, { model })\n\n  return {\n    isChecked,\n    isDisabled,\n    checkboxSize,\n    model,\n    handleChange,\n    focus,\n    size,\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/components/col/index.d.ts

@@ -38,10 +38,10 @@ export declare const ElCol: import("../../utils/types").SFCWithInstall<import("v
     readonly lg?: unknown;
     readonly xl?: unknown;
 } & {
+    span: number;
     offset: number;
     push: number;
     tag: string;
-    span: number;
     pull: number;
     xs: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<number | {
         span?: number | undefined;
@@ -64,10 +64,10 @@ export declare const ElCol: import("../../utils/types").SFCWithInstall<import("v
         offset?: number | undefined;
     }>, unknown, unknown>;
 } & {}>, {
+    span: number;
     offset: number;
     push: number;
     tag: string;
-    span: number;
     pull: number;
     xs: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<number | {
         span?: number | undefined;

package/es/components/col/src/col.d.ts

@@ -42,10 +42,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly lg?: unknown;
     readonly xl?: unknown;
 } & {
+    span: number;
     offset: number;
     push: number;
     tag: string;
-    span: number;
     pull: number;
     xs: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
     sm: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
@@ -53,10 +53,10 @@ declare const _default: import("vue").DefineComponent<{
     lg: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
     xl: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
 } & {}>, {
+    span: number;
     offset: number;
     push: number;
     tag: string;
-    span: number;
     pull: number;
     xs: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
     sm: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;

package/es/components/collapse/index.d.ts

@@ -8,7 +8,7 @@ export declare const ElCollapse: import("../../utils/types").SFCWithInstall<impo
     activeNames: import("vue").Ref<never[]>;
     setActiveNames: (_activeNames: any) => void;
     handleItemClick: (name: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     accordion?: unknown;
     modelValue?: unknown;
 } & {
@@ -50,12 +50,12 @@ export declare const ElCollapse: import("../../utils/types").SFCWithInstall<impo
         name?: unknown;
         disabled?: unknown;
     } & {
-        name: string | number;
         disabled: boolean;
+        name: string | number;
         title: string;
     } & {}>, {
-        name: string | number;
         disabled: boolean;
+        name: string | number;
         title: string;
     }>;
 };
@@ -89,11 +89,11 @@ export declare const ElCollapseItem: import("../../utils/types").SFCWithInstall<
     name?: unknown;
     disabled?: unknown;
 } & {
-    name: string | number;
     disabled: boolean;
+    name: string | number;
     title: string;
 } & {}>, {
-    name: string | number;
     disabled: boolean;
+    name: string | number;
     title: string;
 }>>;

package/es/components/collapse/index.mjs

@@ -1,8 +1,8 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
 import './src/collapse.mjs';
 import './src/collapse-item.mjs';
-import script from './src/collapse.vue_vue&type=script&lang.mjs';
-import script$1 from './src/collapse-item.vue_vue&type=script&lang.mjs';
+import script from './src/collapse.vue_vue_type_script_lang.mjs';
+import script$1 from './src/collapse-item.vue_vue_type_script_lang.mjs';
 
 const ElCollapse = withInstall(script, {
   CollapseItem: script$1

package/es/components/collapse/src/collapse-item.mjs

@@ -1,6 +1,6 @@
-import script from './collapse-item.vue_vue&type=script&lang.mjs';
-export { default } from './collapse-item.vue_vue&type=script&lang.mjs';
-import { render } from './collapse-item.vue_vue&type=template&id=80da782a&lang.mjs';
+import script from './collapse-item.vue_vue_type_script_lang.mjs';
+export { default } from './collapse-item.vue_vue_type_script_lang.mjs';
+import { render } from './collapse-item.vue_vue_type_template_id_80da782a_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/collapse/src/collapse-item.vue";

package/es/components/collapse/src/collapse-item.vue.d.ts

@@ -29,12 +29,12 @@ declare const _default: import("vue").DefineComponent<{
     name?: unknown;
     disabled?: unknown;
 } & {
-    name: string | number;
     disabled: boolean;
+    name: string | number;
     title: string;
 } & {}>, {
-    name: string | number;
     disabled: boolean;
+    name: string | number;
     title: string;
 }>;
 export default _default;