@element-plus/nightly 0.0.20240213 → 0.0.20240215

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

@@ -2,20 +2,98 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var index$1 = require('../../collapse-transition/index.js');
+var index = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var collapseItem = require('./collapse-item.js');
+var useCollapseItem = require('./use-collapse-item.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-const collapseItemProps = runtime.buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  name: {
-    type: runtime.definePropType([String, Number]),
-    default: void 0
-  },
-  disabled: Boolean
+const _hoisted_1 = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
+const _hoisted_2 = ["id", "aria-hidden", "aria-labelledby"];
+const __default__ = vue.defineComponent({
+  name: "ElCollapseItem"
 });
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: collapseItem.collapseItemProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const {
+      focusing,
+      id,
+      isActive,
+      handleFocus,
+      handleHeaderClick,
+      handleEnterClick
+    } = useCollapseItem.useCollapseItem(props);
+    const {
+      arrowKls,
+      headKls,
+      rootKls,
+      itemWrapperKls,
+      itemContentKls,
+      scopedContentId,
+      scopedHeadId
+    } = useCollapseItem.useCollapseItemDOM(props, { focusing, isActive, id });
+    expose({
+      isActive
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(rootKls))
+      }, [
+        vue.createElementVNode("button", {
+          id: vue.unref(scopedHeadId),
+          class: vue.normalizeClass(vue.unref(headKls)),
+          "aria-expanded": vue.unref(isActive),
+          "aria-controls": vue.unref(scopedContentId),
+          "aria-describedby": vue.unref(scopedContentId),
+          tabindex: _ctx.disabled ? -1 : 0,
+          type: "button",
+          onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleHeaderClick) && vue.unref(handleHeaderClick)(...args)),
+          onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers((...args) => vue.unref(handleEnterClick) && vue.unref(handleEnterClick)(...args), ["stop", "prevent"]), ["space", "enter"])),
+          onFocus: _cache[2] || (_cache[2] = (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args)),
+          onBlur: _cache[3] || (_cache[3] = ($event) => focusing.value = false)
+        }, [
+          vue.renderSlot(_ctx.$slots, "title", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+          ]),
+          vue.createVNode(vue.unref(index.ElIcon), {
+            class: vue.normalizeClass(vue.unref(arrowKls))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(iconsVue.ArrowRight))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 42, _hoisted_1),
+        vue.createVNode(vue.unref(index$1["default"]), null, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("div", {
+              id: vue.unref(scopedContentId),
+              role: "region",
+              class: vue.normalizeClass(vue.unref(itemWrapperKls)),
+              "aria-hidden": !vue.unref(isActive),
+              "aria-labelledby": vue.unref(scopedHeadId)
+            }, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(itemContentKls))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ], 2)
+            ], 10, _hoisted_2), [
+              [vue.vShow, vue.unref(isActive)]
+            ])
+          ]),
+          _: 3
+        })
+      ], 2);
+    };
+  }
+});
+var CollapseItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse-item.vue"]]);
 
-exports.collapseItemProps = collapseItemProps;
+exports["default"] = CollapseItem;
 //# sourceMappingURL=collapse-item2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,iBAAiB,GAAGA,kBAAU,CAAC;AAC5C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}
+{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <button\n      :id=\"scopedHeadId\"\n      :class=\"headKls\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"scopedContentId\"\n      :aria-describedby=\"scopedContentId\"\n      :tabindex=\"disabled ? -1 : 0\"\n      type=\"button\"\n      @click=\"handleHeaderClick\"\n      @keydown.space.enter.stop.prevent=\"handleEnterClick\"\n      @focus=\"handleFocus\"\n      @blur=\"focusing = false\"\n    >\n      <slot name=\"title\">{{ title }}</slot>\n      <el-icon :class=\"arrowKls\">\n        <arrow-right />\n      </el-icon>\n    </button>\n\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"scopedContentId\"\n        role=\"region\"\n        :class=\"itemWrapperKls\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"scopedHeadId\"\n      >\n        <div :class=\"itemContentKls\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { collapseItemProps } from './collapse-item'\nimport { useCollapseItem, useCollapseItemDOM } from './use-collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\nconst {\n  focusing,\n  id,\n  isActive,\n  handleFocus,\n  handleHeaderClick,\n  handleEnterClick,\n} = useCollapseItem(props)\n\nconst {\n  arrowKls,\n  headKls,\n  rootKls,\n  itemWrapperKls,\n  itemContentKls,\n  scopedContentId,\n  scopedHeadId,\n} = useCollapseItemDOM(props, { focusing, isActive, id })\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":["useCollapseItem","useCollapseItemDOM"],"mappings":";;;;;;;;;;;;;;uCA6Cc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,EAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,KAAA,GACEA,gCAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,YAAA;AAAA,KAAA,GACEC,mCAAmB,KAAO,EAAA,EAAE,QAAU,EAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AAExD,IAAa,MAAA,CAAA;AAAA,MAEX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/index.js

@@ -84,16 +84,16 @@ var index$1d = require('./popover/index.js');
 var affix = require('./affix/src/affix.js');
 var alert = require('./alert/src/alert.js');
 var autocomplete = require('./autocomplete/src/autocomplete.js');
-var avatar = require('./avatar/src/avatar2.js');
+var avatar = require('./avatar/src/avatar.js');
 var backtop = require('./backtop/src/backtop.js');
 var badge = require('./badge/src/badge.js');
 var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
-var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item2.js');
+var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item.js');
 var constants = require('./breadcrumb/src/constants.js');
 var button = require('./button/src/button.js');
 var constants$1 = require('./button/src/constants.js');
 var calendar = require('./calendar/src/calendar.js');
-var card = require('./card/src/card2.js');
+var card = require('./card/src/card.js');
 var carousel = require('./carousel/src/carousel.js');
 var carouselItem = require('./carousel/src/carousel-item.js');
 var constants$2 = require('./carousel/src/constants.js');
@@ -106,7 +106,7 @@ var checkbox = require('./checkbox/src/checkbox.js');
 var constants$3 = require('./checkbox/src/constants.js');
 var col = require('./col/src/col.js');
 var collapse = require('./collapse/src/collapse.js');
-var collapseItem = require('./collapse/src/collapse-item2.js');
+var collapseItem = require('./collapse/src/collapse-item.js');
 var constants$4 = require('./collapse/src/constants.js');
 var colorPicker = require('./color-picker/src/color-picker.js');
 var configProvider = require('./config-provider/src/config-provider.js');

package/lib/index.js

@@ -15,14 +15,14 @@ var alert = require('./components/alert/src/alert.js');
 var index$1 = require('./components/alert/index.js');
 var autocomplete = require('./components/autocomplete/src/autocomplete.js');
 var index$2 = require('./components/autocomplete/index.js');
-var avatar = require('./components/avatar/src/avatar2.js');
+var avatar = require('./components/avatar/src/avatar.js');
 var index$3 = require('./components/avatar/index.js');
 var backtop = require('./components/backtop/src/backtop.js');
 var index$4 = require('./components/backtop/index.js');
 var badge = require('./components/badge/src/badge.js');
 var index$5 = require('./components/badge/index.js');
 var breadcrumb = require('./components/breadcrumb/src/breadcrumb.js');
-var breadcrumbItem = require('./components/breadcrumb/src/breadcrumb-item2.js');
+var breadcrumbItem = require('./components/breadcrumb/src/breadcrumb-item.js');
 var constants = require('./components/breadcrumb/src/constants.js');
 var index$6 = require('./components/breadcrumb/index.js');
 var button = require('./components/button/src/button.js');
@@ -30,7 +30,7 @@ var constants$1 = require('./components/button/src/constants.js');
 var index$7 = require('./components/button/index.js');
 var calendar = require('./components/calendar/src/calendar.js');
 var index$8 = require('./components/calendar/index.js');
-var card = require('./components/card/src/card2.js');
+var card = require('./components/card/src/card.js');
 var index$9 = require('./components/card/index.js');
 var carousel = require('./components/carousel/src/carousel.js');
 var carouselItem = require('./components/carousel/src/carousel-item.js');
@@ -50,7 +50,7 @@ var index$e = require('./components/checkbox/index.js');
 var col = require('./components/col/src/col.js');
 var index$f = require('./components/col/index.js');
 var collapse = require('./components/collapse/src/collapse.js');
-var collapseItem = require('./components/collapse/src/collapse-item2.js');
+var collapseItem = require('./components/collapse/src/collapse-item.js');
 var constants$4 = require('./components/collapse/src/constants.js');
 var index$g = require('./components/collapse/index.js');
 var index$h = require('./components/collapse-transition/index.js');

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20240213";
+export declare const version = "0.0.20240215";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.20240213";
+const version = "0.0.20240215";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240213'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240215'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20240213",
+  "version": "0.0.20240215",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",
@@ -112,5 +112,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "be64069d601e2b3d3152fb31f88e36f1890c9ebe"
+  "gitHead": "66fc9a483f9e25bcb1b80cec349155009072cbbe"
 }

package/theme-chalk/src/dialog.scss

@@ -57,10 +57,13 @@
     padding-bottom: getCssVar('dialog', 'padding-primary');
 
     &.show-close {
-      padding-right: calc(getCssVar('dialog', 'padding-primary') + var(
-              #{getCssVarName('message-close-size')},
-              map.get($message, 'close-size')
-      ));
+      padding-right: calc(
+        getCssVar('dialog', 'padding-primary') +
+          var(
+            #{getCssVarName('message-close-size')},
+            map.get($message, 'close-size')
+          )
+      );
     }
   }
 

package/theme-chalk/src/message-box.scss

@@ -63,10 +63,13 @@
     padding-bottom: getCssVar('messagebox-padding-primary');
 
     &.show-close {
-      padding-right: calc(getCssVar('messagebox-padding-primary') + var(
-              #{getCssVarName('message-close-size')},
-              map.get($message, 'close-size')
-      ));
+      padding-right: calc(
+        getCssVar('messagebox-padding-primary') +
+          var(
+            #{getCssVarName('message-close-size')},
+            map.get($message, 'close-size')
+          )
+      );
     }
   }
 

package/theme-chalk/src/tour.scss

@@ -93,10 +93,13 @@
       padding-bottom: getCssVar('tour-padding-primary');
 
       &.show-close {
-        padding-right: calc(getCssVar('tour-padding-primary') + var(
-                #{getCssVarName('message-close-size')},
-                map.get($message, 'close-size')
-        ));
+        padding-right: calc(
+          getCssVar('tour-padding-primary') +
+            var(
+              #{getCssVarName('message-close-size')},
+              map.get($message, 'close-size')
+            )
+        );
       }
     }