@element-plus/nightly 0.0.20251126 → 0.0.20251129

package/lib/components/backtop/src/backtop.js

@@ -2,28 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const backtopProps = {
-  visibilityHeight: {
-    type: Number,
-    default: 200
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  right: {
-    type: Number,
-    default: 40
-  },
-  bottom: {
-    type: Number,
-    default: 40
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var backtop = require('./backtop2.js');
+var useBacktop = require('./use-backtop.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+
+const COMPONENT_NAME = "ElBacktop";
+const __default__ = vue.defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: backtop.backtopProps,
+  emits: backtop.backtopEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = index.useNamespace("backtop");
+    const { handleClick, visible } = useBacktop.useBackTop(props, emit, COMPONENT_NAME);
+    const backTopStyle = vue.computed(() => ({
+      right: `${props.right}px`,
+      bottom: `${props.bottom}px`
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: `${vue.unref(ns).namespace.value}-fade-in`
+      }, {
+        default: vue.withCtx(() => [
+          vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            style: vue.normalizeStyle(vue.unref(backTopStyle)),
+            class: vue.normalizeClass(vue.unref(ns).b()),
+            onClick: vue.withModifiers(vue.unref(handleClick), ["stop"])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createVNode(vue.unref(index$1.ElIcon), {
+                class: vue.normalizeClass(vue.unref(ns).e("icon"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.CaretTop))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])
+          ], 14, ["onClick"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
   }
-};
-const backtopEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+});
+var Backtop = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "backtop.vue"]]);
 
-exports.backtopEmits = backtopEmits;
-exports.backtopProps = backtopProps;
+exports["default"] = Backtop;
 //# sourceMappingURL=backtop.js.map

package/lib/components/backtop/src/backtop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backtop.js","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const backtopProps = {\n  /**\n   * @description the button will not show until the scroll height reaches this value.\n   */\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description the target to trigger scroll.\n   */\n  target: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description right distance.\n   */\n  right: {\n    type: Number,\n    default: 40,\n  },\n  /**\n   * @description bottom distance.\n   */\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\nexport type BacktopPropsPublic = __ExtractPublicPropTypes<typeof backtopProps>\n\nexport const backtopEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type BacktopEmits = typeof backtopEmits\n"],"names":[],"mappings":";;;;AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE;AACU,MAAC,YAAY,GAAG;AAC5B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}
+{"version":3,"file":"backtop.js","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\nimport { useBackTop } from './use-backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\n\nconst { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME)\n\nconst backTopStyle = computed(() => ({\n  right: `${props.right}px`,\n  bottom: `${props.bottom}px`,\n}))\n</script>\n"],"names":["useNamespace","useBackTop","computed"],"mappings":";;;;;;;;;;;;;uCAyBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,KAAYC,qBAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEvE,IAAM,MAAA,YAAA,GAAeC,aAAS,OAAO;AAAA,MACnC,KAAA,EAAO,CAAG,EAAA,KAAA,CAAM,KAAK,CAAA,EAAA,CAAA;AAAA,MACrB,MAAA,EAAQ,CAAG,EAAA,KAAA,CAAM,MAAM,CAAA,EAAA,CAAA;AAAA,KACvB,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/backtop/src/backtop2.js

@@ -2,59 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../icon/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-var backtop = require('./backtop.js');
-var useBacktop = require('./use-backtop.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-
-const COMPONENT_NAME = "ElBacktop";
-const __default__ = vue.defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: backtop.backtopProps,
-  emits: backtop.backtopEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const ns = index.useNamespace("backtop");
-    const { handleClick, visible } = useBacktop.useBackTop(props, emit, COMPONENT_NAME);
-    const backTopStyle = vue.computed(() => ({
-      right: `${props.right}px`,
-      bottom: `${props.bottom}px`
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, {
-        name: `${vue.unref(ns).namespace.value}-fade-in`
-      }, {
-        default: vue.withCtx(() => [
-          vue.unref(visible) ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            style: vue.normalizeStyle(vue.unref(backTopStyle)),
-            class: vue.normalizeClass(vue.unref(ns).b()),
-            onClick: vue.withModifiers(vue.unref(handleClick), ["stop"])
-          }, [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createVNode(vue.unref(index$1.ElIcon), {
-                class: vue.normalizeClass(vue.unref(ns).e("icon"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.CaretTop))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ])
-          ], 14, ["onClick"])) : vue.createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
+const backtopProps = {
+  visibilityHeight: {
+    type: Number,
+    default: 200
+  },
+  target: {
+    type: String,
+    default: ""
+  },
+  right: {
+    type: Number,
+    default: 40
+  },
+  bottom: {
+    type: Number,
+    default: 40
   }
-});
-var Backtop = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "backtop.vue"]]);
+};
+const backtopEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-exports["default"] = Backtop;
+exports.backtopEmits = backtopEmits;
+exports.backtopProps = backtopProps;
 //# sourceMappingURL=backtop2.js.map

package/lib/components/backtop/src/backtop2.js.map

@@ -1 +1 @@
-{"version":3,"file":"backtop2.js","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\nimport { useBackTop } from './use-backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\n\nconst { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME)\n\nconst backTopStyle = computed(() => ({\n  right: `${props.right}px`,\n  bottom: `${props.bottom}px`,\n}))\n</script>\n"],"names":["useNamespace","useBackTop","computed"],"mappings":";;;;;;;;;;;;;uCAyBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,KAAYC,qBAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEvE,IAAM,MAAA,YAAA,GAAeC,aAAS,OAAO;AAAA,MACnC,KAAA,EAAO,CAAG,EAAA,KAAA,CAAM,KAAK,CAAA,EAAA,CAAA;AAAA,MACrB,MAAA,EAAQ,CAAG,EAAA,KAAA,CAAM,MAAM,CAAA,EAAA,CAAA;AAAA,KACvB,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"backtop2.js","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const backtopProps = {\n  /**\n   * @description the button will not show until the scroll height reaches this value.\n   */\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description the target to trigger scroll.\n   */\n  target: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description right distance.\n   */\n  right: {\n    type: Number,\n    default: 40,\n  },\n  /**\n   * @description bottom distance.\n   */\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\nexport type BacktopPropsPublic = __ExtractPublicPropTypes<typeof backtopProps>\n\nexport const backtopEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type BacktopEmits = typeof backtopEmits\n"],"names":[],"mappings":";;;;AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE;AACU,MAAC,YAAY,GAAG;AAC5B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}

package/lib/components/carousel/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var carousel$1 = require('./src/carousel2.js');
-var carouselItem$1 = require('./src/carousel-item2.js');
+var carouselItem$1 = require('./src/carousel-item.js');
 var carousel = require('./src/carousel.js');
-var carouselItem = require('./src/carousel-item.js');
+var carouselItem = require('./src/carousel-item2.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/carousel/src/carousel-item.js

@@ -2,15 +2,77 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var carouselItem = require('./carousel-item2.js');
+var useCarouselItem = require('./use-carousel-item.js');
+var constants = require('./constants.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const carouselItemProps = runtime.buildProps({
-  name: { type: String, default: "" },
-  label: {
-    type: [String, Number],
-    default: ""
+const __default__ = vue.defineComponent({
+  name: constants.CAROUSEL_ITEM_NAME
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: carouselItem.carouselItemProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("carousel");
+    const {
+      carouselItemRef,
+      active,
+      animating,
+      hover,
+      inStage,
+      isVertical,
+      translate,
+      isCardType,
+      scale,
+      ready,
+      handleItemClick
+    } = useCarouselItem.useCarouselItem(props);
+    const itemKls = vue.computed(() => [
+      ns.e("item"),
+      ns.is("active", active.value),
+      ns.is("in-stage", inStage.value),
+      ns.is("hover", hover.value),
+      ns.is("animating", animating.value),
+      {
+        [ns.em("item", "card")]: isCardType.value,
+        [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
+      }
+    ]);
+    const itemStyle = vue.computed(() => {
+      const translateType = `translate${vue.unref(isVertical) ? "Y" : "X"}`;
+      const _translate = `${translateType}(${vue.unref(translate)}px)`;
+      const _scale = `scale(${vue.unref(scale)})`;
+      const transform = [_translate, _scale].join(" ");
+      return {
+        transform
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "carouselItemRef",
+        ref: carouselItemRef,
+        class: vue.normalizeClass(vue.unref(itemKls)),
+        style: vue.normalizeStyle(vue.unref(itemStyle)),
+        onClick: vue.unref(handleItemClick)
+      }, [
+        vue.unref(isCardType) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).e("mask"))
+        }, null, 2)), [
+          [vue.vShow, !vue.unref(active)]
+        ]) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 14, ["onClick"])), [
+        [vue.vShow, vue.unref(ready)]
+      ]);
+    };
   }
 });
+var CarouselItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "carousel-item.vue"]]);
 
-exports.carouselItemProps = carouselItemProps;
+exports["default"] = CarouselItem;
 //# sourceMappingURL=carousel-item.js.map

package/lib/components/carousel/src/carousel-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n  /**\n   * @description name of the item, can be used in `setActiveItem`\n   */\n  name: { type: String, default: '' },\n  /**\n   * @description text content for the corresponding indicator\n   */\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\nexport type CarouselItemPropsPublic = __ExtractPublicPropTypes<\n  typeof carouselItemProps\n>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,iBAAiB,GAAGA,kBAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"carousel-item.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    ref=\"carouselItemRef\"\n    :class=\"itemKls\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n  carouselItemRef,\n  active,\n  animating,\n  hover,\n  inStage,\n  isVertical,\n  translate,\n  isCardType,\n  scale,\n  ready,\n  handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n  ns.e('item'),\n  ns.is('active', active.value),\n  ns.is('in-stage', inStage.value),\n  ns.is('hover', hover.value),\n  ns.is('animating', animating.value),\n  {\n    [ns.em('item', 'card')]: isCardType.value,\n    [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n  },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n</script>\n"],"names":["CAROUSEL_ITEM_NAME","useNamespace","useCarouselItem","computed","unref"],"mappings":";;;;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAAA,4BAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACF,GAAIC,gCAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAAA,MAC7B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC/B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC1B,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC;AAAA,QACE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,MAAM,CAAC,GAAG,UAAW,CAAA,KAAA;AAAA,QACpC,CAAC,GAAG,EAAG,CAAA,MAAA,EAAQ,eAAe,CAAC,GAAG,UAAW,CAAA,KAAA,IAAS,UAAW,CAAA,KAAA;AAAA,OACnE;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYA,aAAwB,MAAM;AAC9C,MAAA,MAAM,gBAAgB,CAAY,SAAA,EAAAC,SAAA,CAAM,UAAU,CAAA,GAAI,MAAM,GAAG,CAAA,CAAA,CAAA;AAC/D,MAAA,MAAM,aAAa,CAAG,EAAA,aAAa,CAAI,CAAA,EAAAA,SAAA,CAAM,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACvD,MAAA,MAAM,MAAS,GAAA,CAAA,MAAA,EAASA,SAAM,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA;AACpC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/carousel/src/carousel-item2.js

@@ -2,77 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var carouselItem = require('./carousel-item.js');
-var useCarouselItem = require('./use-carousel-item.js');
-var constants = require('./constants.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: constants.CAROUSEL_ITEM_NAME
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: carouselItem.carouselItemProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("carousel");
-    const {
-      carouselItemRef,
-      active,
-      animating,
-      hover,
-      inStage,
-      isVertical,
-      translate,
-      isCardType,
-      scale,
-      ready,
-      handleItemClick
-    } = useCarouselItem.useCarouselItem(props);
-    const itemKls = vue.computed(() => [
-      ns.e("item"),
-      ns.is("active", active.value),
-      ns.is("in-stage", inStage.value),
-      ns.is("hover", hover.value),
-      ns.is("animating", animating.value),
-      {
-        [ns.em("item", "card")]: isCardType.value,
-        [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
-      }
-    ]);
-    const itemStyle = vue.computed(() => {
-      const translateType = `translate${vue.unref(isVertical) ? "Y" : "X"}`;
-      const _translate = `${translateType}(${vue.unref(translate)}px)`;
-      const _scale = `scale(${vue.unref(scale)})`;
-      const transform = [_translate, _scale].join(" ");
-      return {
-        transform
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "carouselItemRef",
-        ref: carouselItemRef,
-        class: vue.normalizeClass(vue.unref(itemKls)),
-        style: vue.normalizeStyle(vue.unref(itemStyle)),
-        onClick: vue.unref(handleItemClick)
-      }, [
-        vue.unref(isCardType) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(vue.unref(ns).e("mask"))
-        }, null, 2)), [
-          [vue.vShow, !vue.unref(active)]
-        ]) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 14, ["onClick"])), [
-        [vue.vShow, vue.unref(ready)]
-      ]);
-    };
+const carouselItemProps = runtime.buildProps({
+  name: { type: String, default: "" },
+  label: {
+    type: [String, Number],
+    default: ""
   }
 });
-var CarouselItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "carousel-item.vue"]]);
 
-exports["default"] = CarouselItem;
+exports.carouselItemProps = carouselItemProps;
 //# sourceMappingURL=carousel-item2.js.map

package/lib/components/carousel/src/carousel-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item2.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    ref=\"carouselItemRef\"\n    :class=\"itemKls\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n  carouselItemRef,\n  active,\n  animating,\n  hover,\n  inStage,\n  isVertical,\n  translate,\n  isCardType,\n  scale,\n  ready,\n  handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n  ns.e('item'),\n  ns.is('active', active.value),\n  ns.is('in-stage', inStage.value),\n  ns.is('hover', hover.value),\n  ns.is('animating', animating.value),\n  {\n    [ns.em('item', 'card')]: isCardType.value,\n    [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n  },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n</script>\n"],"names":["CAROUSEL_ITEM_NAME","useNamespace","useCarouselItem","computed","unref"],"mappings":";;;;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAAA,4BAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACF,GAAIC,gCAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAAA,MAC7B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC/B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC1B,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC;AAAA,QACE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,MAAM,CAAC,GAAG,UAAW,CAAA,KAAA;AAAA,QACpC,CAAC,GAAG,EAAG,CAAA,MAAA,EAAQ,eAAe,CAAC,GAAG,UAAW,CAAA,KAAA,IAAS,UAAW,CAAA,KAAA;AAAA,OACnE;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYA,aAAwB,MAAM;AAC9C,MAAA,MAAM,gBAAgB,CAAY,SAAA,EAAAC,SAAA,CAAM,UAAU,CAAA,GAAI,MAAM,GAAG,CAAA,CAAA,CAAA;AAC/D,MAAA,MAAM,aAAa,CAAG,EAAA,aAAa,CAAI,CAAA,EAAAA,SAAA,CAAM,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACvD,MAAA,MAAM,MAAS,GAAA,CAAA,MAAA,EAASA,SAAM,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA;AACpC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"carousel-item2.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n  /**\n   * @description name of the item, can be used in `setActiveItem`\n   */\n  name: { type: String, default: '' },\n  /**\n   * @description text content for the corresponding indicator\n   */\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\nexport type CarouselItemPropsPublic = __ExtractPublicPropTypes<\n  typeof carouselItemProps\n>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,iBAAiB,GAAGA,kBAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/lib/components/cascader/src/cascader.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@popperjs/core');
 var iconsVue = require('@element-plus/icons-vue');
 var config = require('../../cascader-panel/src/config.js');
-var tag = require('../../tag/src/tag.js');
+var tag = require('../../tag/src/tag2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var index = require('../../../hooks/use-size/index.js');
 var icon = require('../../../utils/vue/icon.js');

package/lib/components/color-picker-panel/src/components/alpha-slider.js

@@ -71,9 +71,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "aria-valuemin": minValue,
           "aria-valuemax": maxValue,
           role: "slider",
-          tabindex: "0",
+          tabindex: _ctx.disabled ? void 0 : 0,
+          "aria-disabled": _ctx.disabled,
           onKeydown: vue.unref(handleKeydown)
-        }, null, 46, ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "onKeydown"])
+        }, null, 46, ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "tabindex", "aria-disabled", "onKeydown"])
       ], 2);
     };
   }

package/lib/components/color-picker-panel/src/components/alpha-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-slider.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" :style=\"barStyle\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      tabindex=\"0\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { alphaSliderProps } from '../props/slider'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\ndefineOptions({\n  name: 'ElColorAlphaSlider',\n})\n\nconst props = defineProps(alphaSliderProps)\nconst minValue = 0\nconst maxValue = 100\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'alpha', minValue, maxValue })\n\nconst { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } =\n  useSliderDOM(props, {\n    namespace: 'color-alpha-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n    getBackground,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.alphaLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.alphaDescription', {\n    alpha: currentValue.value,\n    color: props.color.value,\n  })\n})\n\nfunction getBackground() {\n  if (props.color && props.color.value) {\n    const { r, g, b } = props.color.toRgb()\n    return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n  }\n  return ''\n}\n\ndefineExpose({\n  /**\n   * @description update alpha slider manually\n   * @type {Function}\n   */\n  update,\n  /**\n   * @description bar element ref\n   * @type {HTMLElement}\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   * @type {HTMLElement}\n   */\n  thumb,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle"],"mappings":";;;;;;;;;;;;uCA0Bc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR;;;;;;AAMA,IAAA,MAAM,EAAE,YAAA,EAAc,GAAK,EAAA,KAAA,EAAO,YAAY,WAAa,EAAA,aAAA,EACzD,GAAAA,mBAAA,CAAU,OAAO,EAAE,GAAA,EAAK,OAAS,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAEvD,IAAM,MAAA,EAAE,SAAS,MAAQ,EAAA,QAAA,EAAU,UAAU,UAAY,EAAA,MAAA,EACvD,GAAAC,sBAAA,CAAa,KAAO,EAAA;AAAA,MAClB,SAAW,EAAA,oBAAA;AAAA,MACX,QAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,KACD,CAAA,CAAA;AAEH,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,eAAU,EAAA,CAAA;AAExB,IAAA,MAAM,SAAY,GAAAC,YAAA,CAAS,MAAM,CAAA,CAAE,2BAA2B,CAAC,CAAA,CAAA;AAC/D,IAAM,MAAA,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,iCAAmC,EAAA;AAAA,QAC1C,OAAO,YAAa,CAAA,KAAA;AAAA,QACpB,KAAA,EAAO,MAAM,KAAM,CAAA,KAAA;AAAA,OACpB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAA,IAAI,KAAM,CAAA,KAAA,IAAS,KAAM,CAAA,KAAA,CAAM,KAAO,EAAA;AACpC,QAAA,MAAM,EAAE,CAAG,EAAA,CAAA,EAAG,GAAM,GAAA,KAAA,CAAM,MAAM,KAAM,EAAA,CAAA;AACtC,QAAO,OAAA,CAAA,+BAAA,EAAkC,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,cAAA,EAAiB,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,UAAA,CAAA,CAAA;AAAA,OACtF;AACA,MAAO,OAAA,EAAA,CAAA;AAAA,KACT;AAEA,IAAa,MAAA,CAAA;AAAA,MAAA,MAAA;AAAA,MAAA,GAAA;AAAA,MAAA,KAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAKX,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QAAA,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,OAAA,CAAA,CAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,UAKA,OAAA,EAAA,KAAA;AAAA,UAAA,GAAA,EAAA,GAAA;AAAA,UAAA,KAAA,EAAAF,kBAAA,CAAAC,SAAA,CAAA,MAAA,CAAA,CAAA;AAAA,UAAA,KAAA,EAAAE,kBAAA,CAAAF,SAAA,CAAA,QAAA,CAAA,CAAA;AAAA,UAAA,OAAA,EAAAA,SAAA,CAAA,WAAA,CAAA;AAAA,SAKA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACDC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alpha-slider.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" :style=\"barStyle\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { alphaSliderProps } from '../props/slider'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\ndefineOptions({\n  name: 'ElColorAlphaSlider',\n})\n\nconst props = defineProps(alphaSliderProps)\nconst minValue = 0\nconst maxValue = 100\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'alpha', minValue, maxValue })\n\nconst { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } =\n  useSliderDOM(props, {\n    namespace: 'color-alpha-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n    getBackground,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.alphaLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.alphaDescription', {\n    alpha: currentValue.value,\n    color: props.color.value,\n  })\n})\n\nfunction getBackground() {\n  if (props.color && props.color.value) {\n    const { r, g, b } = props.color.toRgb()\n    return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n  }\n  return ''\n}\n\ndefineExpose({\n  /**\n   * @description update alpha slider manually\n   * @type {Function}\n   */\n  update,\n  /**\n   * @description bar element ref\n   * @type {HTMLElement}\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   * @type {HTMLElement}\n   */\n  thumb,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle"],"mappings":";;;;;;;;;;;;uCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AACR;;;;;;AAMA,IAAA,MAAM,EAAE,YAAA,EAAc,GAAK,EAAA,KAAA,EAAO,YAAY,WAAa,EAAA,aAAA,EACzD,GAAAA,mBAAA,CAAU,OAAO,EAAE,GAAA,EAAK,OAAS,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAEvD,IAAM,MAAA,EAAE,SAAS,MAAQ,EAAA,QAAA,EAAU,UAAU,UAAY,EAAA,MAAA,EACvD,GAAAC,sBAAA,CAAa,KAAO,EAAA;AAAA,MAClB,SAAW,EAAA,oBAAA;AAAA,MACX,QAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,KACD,CAAA,CAAA;AAEH,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,eAAU,EAAA,CAAA;AAExB,IAAA,MAAM,SAAY,GAAAC,YAAA,CAAS,MAAM,CAAA,CAAE,2BAA2B,CAAC,CAAA,CAAA;AAC/D,IAAM,MAAA,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,iCAAmC,EAAA;AAAA,QAC1C,OAAO,YAAa,CAAA,KAAA;AAAA,QACpB,KAAA,EAAO,MAAM,KAAM,CAAA,KAAA;AAAA,OACpB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAA,IAAI,KAAM,CAAA,KAAA,IAAS,KAAM,CAAA,KAAA,CAAM,KAAO,EAAA;AACpC,QAAA,MAAM,EAAE,CAAG,EAAA,CAAA,EAAG,GAAM,GAAA,KAAA,CAAM,MAAM,KAAM,EAAA,CAAA;AACtC,QAAO,OAAA,CAAA,+BAAA,EAAkC,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,cAAA,EAAiB,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,EAAA,EAAK,CAAC,CAAA,UAAA,CAAA,CAAA;AAAA,OACtF;AACA,MAAO,OAAA,EAAA,CAAA;AAAA,KACT;AAEA,IAAa,MAAA,CAAA;AAAA,MAAA,MAAA;AAAA,MAAA,GAAA;AAAA,MAAA,KAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAKX,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QAAA,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,OAAA,CAAA,CAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,UAKA,OAAA,EAAA,KAAA;AAAA,UAAA,GAAA,EAAA,GAAA;AAAA,UAAA,KAAA,EAAAF,kBAAA,CAAAC,SAAA,CAAA,MAAA,CAAA,CAAA;AAAA,UAAA,KAAA,EAAAE,kBAAA,CAAAF,SAAA,CAAA,QAAA,CAAA,CAAA;AAAA,UAAA,OAAA,EAAAA,SAAA,CAAA,WAAA,CAAA;AAAA,SAKA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACDC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/color-picker-panel/src/components/hue-slider.js

@@ -63,9 +63,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "aria-valuemin": minValue,
           "aria-valuemax": maxValue,
           role: "slider",
-          tabindex: "0",
+          tabindex: _ctx.disabled ? void 0 : 0,
+          "aria-disabled": _ctx.disabled,
           onKeydown: vue.unref(handleKeydown)
-        }, null, 46, ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "onKeydown"])
+        }, null, 46, ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "tabindex", "aria-disabled", "onKeydown"])
       ], 2);
     };
   }

package/lib/components/color-picker-panel/src/components/hue-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"hue-slider.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      tabindex=\"0\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { hueSliderProps } from '../props/slider'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\ndefineOptions({\n  name: 'ElColorHueSlider',\n})\n\nconst props = defineProps(hueSliderProps)\nconst minValue = 0\nconst maxValue = 360\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'hue', minValue, maxValue })\n\nconst { rootKls, barKls, thumbKls, thumbStyle, thumbTop, update } =\n  useSliderDOM(props, {\n    namespace: 'color-hue-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.hueLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.hueDescription', {\n    hue: currentValue.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description bar element ref\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   */\n  thumb,\n  /**\n   * @description thumb top position, only for vertical slider\n   */\n  thumbTop,\n  /**\n   * @description update hue slider manually\n   */\n  update,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode"],"mappings":";;;;;;;;;;;;uCA0Bc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR;;;;;;AAMA,IAAA,MAAM,EAAE,YAAA,EAAc,GAAK,EAAA,KAAA,EAAO,YAAY,WAAa,EAAA,aAAA,EACzD,GAAAA,mBAAA,CAAU,OAAO,EAAE,GAAA,EAAK,KAAO,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAErD,IAAM,MAAA,EAAE,SAAS,MAAQ,EAAA,QAAA,EAAU,YAAY,QAAU,EAAA,MAAA,EACvD,GAAAC,sBAAA,CAAa,KAAO,EAAA;AAAA,MAClB,SAAW,EAAA,kBAAA;AAAA,MACX,QAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,KACD,CAAA,CAAA;AAEH,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,eAAU,EAAA,CAAA;AAExB,IAAA,MAAM,SAAY,GAAAC,YAAA,CAAS,MAAM,CAAA,CAAE,yBAAyB,CAAC,CAAA,CAAA;AAC7D,IAAM,MAAA,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,+BAAiC,EAAA;AAAA,QACxC,KAAK,YAAa,CAAA,KAAA;AAAA,QAClB,KAAA,EAAO,MAAM,KAAM,CAAA,KAAA;AAAA,OACpB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAAA,GAAA;AAAA,MAAA,KAAA;AAAA,MAAA,QAAA;AAAA,MAIX,MAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QAIA,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,OAAA,CAAA,CAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,KAAA;AAAA,UAIA,GAAA,EAAA,GAAA;AAAA,UAAA,KAAA,EAAAF,kBAAA,CAAAC,SAAA,CAAA,MAAA,CAAA,CAAA;AAAA,UAAA,OAAA,EAAAA,SAAA,CAAA,WAAA,CAAA;AAAA,SAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QAIAC,sBAAA,CAAA,KAAA,EAAA;AAAA,UACD,OAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"hue-slider.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { hueSliderProps } from '../props/slider'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\ndefineOptions({\n  name: 'ElColorHueSlider',\n})\n\nconst props = defineProps(hueSliderProps)\nconst minValue = 0\nconst maxValue = 360\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'hue', minValue, maxValue })\n\nconst { rootKls, barKls, thumbKls, thumbStyle, thumbTop, update } =\n  useSliderDOM(props, {\n    namespace: 'color-hue-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.hueLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.hueDescription', {\n    hue: currentValue.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description bar element ref\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   */\n  thumb,\n  /**\n   * @description thumb top position, only for vertical slider\n   */\n  thumbTop,\n  /**\n   * @description update hue slider manually\n   */\n  update,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode"],"mappings":";;;;;;;;;;;;uCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR;;;;;;AAMA,IAAA,MAAM,EAAE,YAAA,EAAc,GAAK,EAAA,KAAA,EAAO,YAAY,WAAa,EAAA,aAAA,EACzD,GAAAA,mBAAA,CAAU,OAAO,EAAE,GAAA,EAAK,KAAO,EAAA,QAAA,EAAU,UAAU,CAAA,CAAA;AAErD,IAAM,MAAA,EAAE,SAAS,MAAQ,EAAA,QAAA,EAAU,YAAY,QAAU,EAAA,MAAA,EACvD,GAAAC,sBAAA,CAAa,KAAO,EAAA;AAAA,MAClB,SAAW,EAAA,kBAAA;AAAA,MACX,QAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,KACD,CAAA,CAAA;AAEH,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,eAAU,EAAA,CAAA;AAExB,IAAA,MAAM,SAAY,GAAAC,YAAA,CAAS,MAAM,CAAA,CAAE,yBAAyB,CAAC,CAAA,CAAA;AAC7D,IAAM,MAAA,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,+BAAiC,EAAA;AAAA,QACxC,KAAK,YAAa,CAAA,KAAA;AAAA,QAClB,KAAA,EAAO,MAAM,KAAM,CAAA,KAAA;AAAA,OACpB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAAA,GAAA;AAAA,MAAA,KAAA;AAAA,MAAA,QAAA;AAAA,MAIX,MAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QAIA,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,OAAA,CAAA,CAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,KAAA;AAAA,UAIA,GAAA,EAAA,GAAA;AAAA,UAAA,KAAA,EAAAF,kBAAA,CAAAC,SAAA,CAAA,MAAA,CAAA,CAAA;AAAA,UAAA,OAAA,EAAAA,SAAA,CAAA,WAAA,CAAA;AAAA,SAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QAIAC,sBAAA,CAAA,KAAA,EAAA;AAAA,UACD,OAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/color-picker-panel/src/components/sv-panel.js

@@ -56,7 +56,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref: cursorRef,
           class: vue.normalizeClass(vue.unref(cursorKls)),
           style: vue.normalizeStyle(vue.unref(cursorStyle)),
-          tabindex: "0",
+          tabindex: _ctx.disabled ? void 0 : 0,
+          "aria-disabled": _ctx.disabled,
           role: "slider",
           "aria-valuemin": "0,0",
           "aria-valuemax": "100,100",
@@ -64,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "aria-valuenow": `${vue.unref(saturation)},${vue.unref(brightness)}`,
           "aria-valuetext": vue.unref(ariaValuetext),
           onKeydown: vue.unref(handleKeydown)
-        }, null, 46, ["aria-label", "aria-valuenow", "aria-valuetext", "onKeydown"])
+        }, null, 46, ["tabindex", "aria-disabled", "aria-label", "aria-valuenow", "aria-valuetext", "onKeydown"])
       ], 14, ["onClick"]);
     };
   }

package/lib/components/color-picker-panel/src/components/sv-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"sv-panel.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\" :style=\"rootStyle\" @click=\"handleClick\">\n    <div\n      ref=\"cursorRef\"\n      :class=\"cursorKls\"\n      :style=\"cursorStyle\"\n      tabindex=\"0\"\n      role=\"slider\"\n      aria-valuemin=\"0,0\"\n      aria-valuemax=\"100,100\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"`${saturation},${brightness}`\"\n      :aria-valuetext=\"ariaValuetext\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport { svPanelProps } from '../props/sv-panel'\nimport { useSvPanel, useSvPanelDOM } from '../composables/use-sv-panel'\n\ndefineOptions({\n  name: 'ElSvPanel',\n})\n\nconst props = defineProps(svPanelProps)\n\nconst {\n  cursorRef,\n  cursorTop,\n  cursorLeft,\n  background,\n  saturation,\n  brightness,\n  handleClick,\n  handleDrag,\n  handleKeydown,\n} = useSvPanel(props)\n\nconst { rootKls, cursorKls, rootStyle, cursorStyle, update } = useSvPanelDOM(\n  props,\n  {\n    cursorTop,\n    cursorLeft,\n    background,\n    handleDrag,\n  }\n)\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.svLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.svDescription', {\n    saturation: saturation.value,\n    brightness: brightness.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description update sv panel manually\n   */\n  update,\n})\n</script>\n"],"names":["useSvPanel","useSvPanelDOM","useLocale","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle"],"mappings":";;;;;;;;;;uCAwBc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,KACF,GAAIA,sBAAW,KAAK,CAAA,CAAA;AAEpB,IAAA,MAAM,EAAE,OAAS,EAAA,SAAA,EAAW,SAAW,EAAA,WAAA,EAAa,QAAW,GAAAC,wBAAA,CAAA,KAAA,EAAA;AAAA,MAC7D,SAAA;AAAA,MACA,UAAA;AAAA,MACE,UAAA;AAAA,MACA,UAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,MAAA,EAAA,CAAA,EAAA,GAAAC,eAAA,EAAA,CAAA;AAAA,IACF,MAAA,SAAA,GAAAC,YAAA,CAAA,MAAA,CAAA,CAAA,wBAAA,CAAA,CAAA,CAAA;AAAA,IACF,MAAA,aAAA,GAAAA,YAAA,CAAA,MAAA;AAEA,MAAM,OAAI,CAAA,CAAA,8BAAc,EAAA;AAExB,QAAA,UAAkB,EAAA,UAAA,CAAS,KAAM;AACjC,QAAM,UAAA,EAAA,gBAA+B;AACnC,QAAA,KAAO,EAAE,KAAgC,CAAA,KAAA,CAAA,KAAA;AAAA,OAAA,CACvC;AAAuB,KAAA,CAAA,CAAA;AACA,IACvB,MAAA,CAAA;AAAmB,MACrB,MAAC;AAAA,KACF,CAAA,CAAA;AAED,IAAa,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QAAA,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,OAAA,CAAA,CAAA;AAAA,QAAA,KAAA,EAAAC,kBAAA,CAAAD,SAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QAIX,OAAA,EAAAA,SAAA,CAAA,WAAA,CAAA;AAAA,OACD,EAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sv-panel.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/sv-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\" :style=\"rootStyle\" @click=\"handleClick\">\n    <div\n      ref=\"cursorRef\"\n      :class=\"cursorKls\"\n      :style=\"cursorStyle\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"slider\"\n      aria-valuemin=\"0,0\"\n      aria-valuemax=\"100,100\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"`${saturation},${brightness}`\"\n      :aria-valuetext=\"ariaValuetext\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport { svPanelProps } from '../props/sv-panel'\nimport { useSvPanel, useSvPanelDOM } from '../composables/use-sv-panel'\n\ndefineOptions({\n  name: 'ElSvPanel',\n})\n\nconst props = defineProps(svPanelProps)\n\nconst {\n  cursorRef,\n  cursorTop,\n  cursorLeft,\n  background,\n  saturation,\n  brightness,\n  handleClick,\n  handleDrag,\n  handleKeydown,\n} = useSvPanel(props)\n\nconst { rootKls, cursorKls, rootStyle, cursorStyle, update } = useSvPanelDOM(\n  props,\n  {\n    cursorTop,\n    cursorLeft,\n    background,\n    handleDrag,\n  }\n)\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.svLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.svDescription', {\n    saturation: saturation.value,\n    brightness: brightness.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description update sv panel manually\n   */\n  update,\n})\n</script>\n"],"names":["useSvPanel","useSvPanelDOM","useLocale","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle"],"mappings":";;;;;;;;;;uCAyBc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,KACF,GAAIA,sBAAW,KAAK,CAAA,CAAA;AAEpB,IAAA,MAAM,EAAE,OAAS,EAAA,SAAA,EAAW,SAAW,EAAA,WAAA,EAAa,QAAW,GAAAC,wBAAA,CAAA,KAAA,EAAA;AAAA,MAC7D,SAAA;AAAA,MACA,UAAA;AAAA,MACE,UAAA;AAAA,MACA,UAAA;AAAA,KACA,CAAA,CAAA;AAAA,IACA,MAAA,EAAA,CAAA,EAAA,GAAAC,eAAA,EAAA,CAAA;AAAA,IACF,MAAA,SAAA,GAAAC,YAAA,CAAA,MAAA,CAAA,CAAA,wBAAA,CAAA,CAAA,CAAA;AAAA,IACF,MAAA,aAAA,GAAAA,YAAA,CAAA,MAAA;AAEA,MAAM,OAAI,CAAA,CAAA,8BAAc,EAAA;AAExB,QAAA,UAAkB,EAAA,UAAA,CAAS,KAAM;AACjC,QAAM,UAAA,EAAA,gBAA+B;AACnC,QAAA,KAAO,EAAE,KAAgC,CAAA,KAAA,CAAA,KAAA;AAAA,OAAA,CACvC;AAAuB,KAAA,CAAA,CAAA;AACA,IACvB,MAAA,CAAA;AAAmB,MACrB,MAAC;AAAA,KACF,CAAA,CAAA;AAED,IAAa,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAAA,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,QAAA,KAAA,EAAAC,kBAAA,CAAAC,SAAA,CAAA,OAAA,CAAA,CAAA;AAAA,QAAA,KAAA,EAAAC,kBAAA,CAAAD,SAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QAIX,OAAA,EAAAA,SAAA,CAAA,WAAA,CAAA;AAAA,OACD,EAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/date-picker-panel/src/date-picker-com/basic-date-table.js

@@ -83,11 +83,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(vue.unref(getCellClasses)(cell)),
                   "aria-current": cell.isCurrent ? "date" : void 0,
                   "aria-selected": cell.isCurrent,
-                  tabindex: vue.unref(isSelectedCell)(cell) ? 0 : -1,
+                  tabindex: _ctx.disabled ? void 0 : vue.unref(isSelectedCell)(cell) ? 0 : -1,
+                  "aria-disabled": _ctx.disabled,
                   onFocus: vue.unref(handleFocus)
                 }, [
                   vue.createVNode(vue.unref(basicCellRender["default"]), { cell }, null, 8, ["cell"])
-                ], 42, ["aria-current", "aria-selected", "tabindex", "onFocus"]);
+                ], 42, ["aria-current", "aria-selected", "tabindex", "aria-disabled", "onFocus"]);
               }), 128))
             ], 2);
           }), 128))

package/lib/components/date-picker-panel/src/date-picker-com/basic-date-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-date-table.js","sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"isSelectedCell(cell) ? 0 : -1\"\n          @focus=\"handleFocus\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"names":["useBasicDateTable","useBasicDateTableDOM","onBeforeUnmount","_openBlock","_createElementBlock","_unref"],"mappings":";;;;;;;;;;;;;;;;AAkEA,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MAEA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MAEA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,eAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA;AAAA,KACF,GAAIA,mCAAkB,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AACjC,IAAM,MAAA,EAAE,YAAY,QAAU,EAAA,cAAA,EAAgB,WAAW,eAAiB,EAAA,CAAA,EACxE,GAAAC,sCAAA,CAAqB,KAAO,EAAA;AAAA,MAC1B,SAAA;AAAA,MACA,YAAA;AAAA,KACD,CAAA,CAAA;AACH,IAAA,IAAI,YAAe,GAAA,KAAA,CAAA;AAEnB,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAe,YAAA,GAAA,IAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAAA,KAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAIX,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,OAAA,EAAA;AAAA,QACD,YAAA,EAAAC,SAAA,CAAA,UAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"basic-date-table.js","sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"disabled ? undefined : isSelectedCell(cell) ? 0 : -1\"\n          :aria-disabled=\"disabled\"\n          @focus=\"handleFocus\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"names":["useBasicDateTable","useBasicDateTableDOM","onBeforeUnmount","_openBlock","_createElementBlock","_unref"],"mappings":";;;;;;;;;;;;;;;;AAmEA,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MAEA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MAEA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,eAAA;AAAA,MACA,eAAA;AAAA,MACA,WAAA;AAAA,KACF,GAAIA,mCAAkB,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AACjC,IAAM,MAAA,EAAE,YAAY,QAAU,EAAA,cAAA,EAAgB,WAAW,eAAiB,EAAA,CAAA,EACxE,GAAAC,sCAAA,CAAqB,KAAO,EAAA;AAAA,MAC1B,SAAA;AAAA,MACA,YAAA;AAAA,KACD,CAAA,CAAA;AACH,IAAA,IAAI,YAAe,GAAA,KAAA,CAAA;AAEnB,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAe,YAAA,GAAA,IAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAAA,KAAA;AAAA,KAAA,CAAA,CAAA;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAIX,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,OAAA,EAAA;AAAA,QACD,YAAA,EAAAC,SAAA,CAAA,UAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/date-picker-panel/src/date-picker-com/panel-date-pick.js

@@ -576,21 +576,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 role: "button",
                 class: vue.normalizeClass(vue.unref(dpNs).e("header-label")),
                 "aria-live": "polite",
-                tabindex: "0",
+                tabindex: _ctx.disabled ? void 0 : 0,
+                "aria-disabled": _ctx.disabled,
                 onKeydown: vue.withKeys(($event) => showPicker("year"), ["enter"]),
                 onClick: ($event) => showPicker("year")
-              }, vue.toDisplayString(vue.unref(yearLabel)), 43, ["onKeydown", "onClick"]),
+              }, vue.toDisplayString(vue.unref(yearLabel)), 43, ["tabindex", "aria-disabled", "onKeydown", "onClick"]),
               vue.withDirectives(vue.createElementVNode("span", {
                 role: "button",
                 "aria-live": "polite",
-                tabindex: "0",
+                tabindex: _ctx.disabled ? void 0 : 0,
+                "aria-disabled": _ctx.disabled,
                 class: vue.normalizeClass([
                   vue.unref(dpNs).e("header-label"),
                   { active: currentView.value === "month" }
                 ]),
                 onKeydown: vue.withKeys(($event) => showPicker("month"), ["enter"]),
                 onClick: ($event) => showPicker("month")
-              }, vue.toDisplayString(vue.unref(t)(`el.datepicker.month${vue.unref(month) + 1}`)), 43, ["onKeydown", "onClick"]), [
+              }, vue.toDisplayString(vue.unref(t)(`el.datepicker.month${vue.unref(month) + 1}`)), 43, ["tabindex", "aria-disabled", "onKeydown", "onClick"]), [
                 [vue.vShow, currentView.value === "date"]
               ]),
               vue.createElementVNode("span", {