@element-plus/nightly 0.0.20220706 → 0.0.20220709

package/lib/components/pagination/src/components/pager2.js

@@ -2,24 +2,214 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../../utils/index.js');
-var runtime = require('../../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var iconsVue = require('@element-plus/icons-vue');
+require('../../../../hooks/index.js');
+var pager = require('./pager.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../hooks/use-namespace/index.js');
 
-const paginationPagerProps = runtime.buildProps({
-  currentPage: {
-    type: Number,
-    default: 1
-  },
-  pageCount: {
-    type: Number,
-    required: true
-  },
-  pagerCount: {
-    type: Number,
-    default: 7
-  },
-  disabled: Boolean
+const _hoisted_1 = ["onKeyup"];
+const _hoisted_2 = ["aria-current", "tabindex"];
+const _hoisted_3 = ["tabindex"];
+const _hoisted_4 = ["aria-current", "tabindex"];
+const _hoisted_5 = ["tabindex"];
+const _hoisted_6 = ["aria-current", "tabindex"];
+const __default__ = {
+  name: "ElPaginationPager"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: pager.paginationPagerProps,
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const nsPager = index.useNamespace("pager");
+    const nsIcon = index.useNamespace("icon");
+    const showPrevMore = vue.ref(false);
+    const showNextMore = vue.ref(false);
+    const quickPrevHover = vue.ref(false);
+    const quickNextHover = vue.ref(false);
+    const quickPrevFocus = vue.ref(false);
+    const quickNextFocus = vue.ref(false);
+    const pagers = vue.computed(() => {
+      const pagerCount = props.pagerCount;
+      const halfPagerCount = (pagerCount - 1) / 2;
+      const currentPage = Number(props.currentPage);
+      const pageCount = Number(props.pageCount);
+      let showPrevMore2 = false;
+      let showNextMore2 = false;
+      if (pageCount > pagerCount) {
+        if (currentPage > pagerCount - halfPagerCount) {
+          showPrevMore2 = true;
+        }
+        if (currentPage < pageCount - halfPagerCount) {
+          showNextMore2 = true;
+        }
+      }
+      const array = [];
+      if (showPrevMore2 && !showNextMore2) {
+        const startPage = pageCount - (pagerCount - 2);
+        for (let i = startPage; i < pageCount; i++) {
+          array.push(i);
+        }
+      } else if (!showPrevMore2 && showNextMore2) {
+        for (let i = 2; i < pagerCount; i++) {
+          array.push(i);
+        }
+      } else if (showPrevMore2 && showNextMore2) {
+        const offset = Math.floor(pagerCount / 2) - 1;
+        for (let i = currentPage - offset; i <= currentPage + offset; i++) {
+          array.push(i);
+        }
+      } else {
+        for (let i = 2; i < pageCount; i++) {
+          array.push(i);
+        }
+      }
+      return array;
+    });
+    const tabindex = vue.computed(() => props.disabled ? -1 : 0);
+    vue.watchEffect(() => {
+      const halfPagerCount = (props.pagerCount - 1) / 2;
+      showPrevMore.value = false;
+      showNextMore.value = false;
+      if (props.pageCount > props.pagerCount) {
+        if (props.currentPage > props.pagerCount - halfPagerCount) {
+          showPrevMore.value = true;
+        }
+        if (props.currentPage < props.pageCount - halfPagerCount) {
+          showNextMore.value = true;
+        }
+      }
+    });
+    function onMouseEnter(forward = false) {
+      if (props.disabled)
+        return;
+      if (forward) {
+        quickPrevHover.value = true;
+      } else {
+        quickNextHover.value = true;
+      }
+    }
+    function onFocus(forward = false) {
+      if (forward) {
+        quickPrevFocus.value = true;
+      } else {
+        quickNextFocus.value = true;
+      }
+    }
+    function onEnter(e) {
+      const target = e.target;
+      if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("number")) {
+        const newPage = Number(target.textContent);
+        if (newPage !== props.currentPage) {
+          emit("change", newPage);
+        }
+      } else if (target.tagName.toLowerCase() === "li" && Array.from(target.classList).includes("more")) {
+        onPagerClick(e);
+      }
+    }
+    function onPagerClick(event) {
+      const target = event.target;
+      if (target.tagName.toLowerCase() === "ul" || props.disabled) {
+        return;
+      }
+      let newPage = Number(target.textContent);
+      const pageCount = props.pageCount;
+      const currentPage = props.currentPage;
+      const pagerCountOffset = props.pagerCount - 2;
+      if (target.className.includes("more")) {
+        if (target.className.includes("quickprev")) {
+          newPage = currentPage - pagerCountOffset;
+        } else if (target.className.includes("quicknext")) {
+          newPage = currentPage + pagerCountOffset;
+        }
+      }
+      if (!Number.isNaN(+newPage)) {
+        if (newPage < 1) {
+          newPage = 1;
+        }
+        if (newPage > pageCount) {
+          newPage = pageCount;
+        }
+      }
+      if (newPage !== currentPage) {
+        emit("change", newPage);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("ul", {
+        class: vue.normalizeClass(vue.unref(nsPager).b()),
+        onClick: onPagerClick,
+        onKeyup: vue.withKeys(onEnter, ["enter"])
+      }, [
+        _ctx.pageCount > 0 ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 0,
+          class: vue.normalizeClass([[
+            vue.unref(nsPager).is("active", _ctx.currentPage === 1),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ], "number"]),
+          "aria-current": _ctx.currentPage === 1,
+          tabindex: vue.unref(tabindex)
+        }, " 1 ", 10, _hoisted_2)) : vue.createCommentVNode("v-if", true),
+        showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 1,
+          class: vue.normalizeClass([
+            "more",
+            "btn-quickprev",
+            vue.unref(nsIcon).b(),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ]),
+          tabindex: vue.unref(tabindex),
+          onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
+          onMouseleave: _cache[1] || (_cache[1] = ($event) => quickPrevHover.value = false),
+          onFocus: _cache[2] || (_cache[2] = ($event) => onFocus(true)),
+          onBlur: _cache[3] || (_cache[3] = ($event) => quickPrevFocus.value = false)
+        }, [
+          quickPrevHover.value || quickPrevFocus.value ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DArrowLeft), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MoreFilled), { key: 1 }))
+        ], 42, _hoisted_3)) : vue.createCommentVNode("v-if", true),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pagers), (pager) => {
+          return vue.openBlock(), vue.createElementBlock("li", {
+            key: pager,
+            class: vue.normalizeClass([[
+              vue.unref(nsPager).is("active", _ctx.currentPage === pager),
+              vue.unref(nsPager).is("disabled", _ctx.disabled)
+            ], "number"]),
+            "aria-current": _ctx.currentPage === pager,
+            tabindex: vue.unref(tabindex)
+          }, vue.toDisplayString(pager), 11, _hoisted_4);
+        }), 128)),
+        showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 2,
+          class: vue.normalizeClass([
+            "more",
+            "btn-quicknext",
+            vue.unref(nsIcon).b(),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ]),
+          tabindex: vue.unref(tabindex),
+          onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
+          onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
+          onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
+          onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
+        }, [
+          quickNextHover.value || quickNextFocus.value ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.DArrowRight), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.MoreFilled), { key: 1 }))
+        ], 42, _hoisted_5)) : vue.createCommentVNode("v-if", true),
+        _ctx.pageCount > 1 ? (vue.openBlock(), vue.createElementBlock("li", {
+          key: 3,
+          class: vue.normalizeClass([[
+            vue.unref(nsPager).is("active", _ctx.currentPage === _ctx.pageCount),
+            vue.unref(nsPager).is("disabled", _ctx.disabled)
+          ], "number"]),
+          "aria-current": _ctx.currentPage === _ctx.pageCount,
+          tabindex: vue.unref(tabindex)
+        }, vue.toDisplayString(_ctx.pageCount), 11, _hoisted_6)) : vue.createCommentVNode("v-if", true)
+      ], 42, _hoisted_1);
+    };
+  }
 });
+var Pager = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/pager.vue"]]);
 
-exports.paginationPagerProps = paginationPagerProps;
+exports["default"] = Pager;
 //# sourceMappingURL=pager2.js.map

package/lib/components/pagination/src/components/pager2.js.map

@@ -1 +1 @@
-{"version":3,"file":"pager2.js","sources":["../../../../../../../packages/components/pagination/src/components/pager.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Pager from './pager.vue'\n\nexport const paginationPagerProps = buildProps({\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    required: true,\n  },\n  pagerCount: {\n    type: Number,\n    default: 7,\n  },\n  disabled: Boolean,\n} as const)\n\nexport type PaginationPagerProps = ExtractPropTypes<typeof paginationPagerProps>\n\nexport type PagerInstance = InstanceType<typeof Pager>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}
+{"version":3,"file":"pager2.js","sources":["../../../../../../../packages/components/pagination/src/components/pager.vue"],"sourcesContent":["<template>\n  <ul :class=\"nsPager.b()\" @click=\"onPagerClick\" @keyup.enter=\"onEnter\">\n    <li\n      v-if=\"pageCount > 0\"\n      :class=\"[\n        nsPager.is('active', currentPage === 1),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === 1\"\n      :tabindex=\"tabindex\"\n    >\n      1\n    </li>\n    <li\n      v-if=\"showPrevMore\"\n      :class=\"[\n        'more',\n        'btn-quickprev',\n        nsIcon.b(),\n        nsPager.is('disabled', disabled),\n      ]\"\n      :tabindex=\"tabindex\"\n      @mouseenter=\"onMouseEnter(true)\"\n      @mouseleave=\"quickPrevHover = false\"\n      @focus=\"onFocus(true)\"\n      @blur=\"quickPrevFocus = false\"\n    >\n      <d-arrow-left v-if=\"quickPrevHover || quickPrevFocus\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-for=\"pager in pagers\"\n      :key=\"pager\"\n      :class=\"[\n        nsPager.is('active', currentPage === pager),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pager\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pager }}\n    </li>\n    <li\n      v-if=\"showNextMore\"\n      :class=\"[\n        'more',\n        'btn-quicknext',\n        nsIcon.b(),\n        nsPager.is('disabled', disabled),\n      ]\"\n      :tabindex=\"tabindex\"\n      @mouseenter=\"onMouseEnter()\"\n      @mouseleave=\"quickNextHover = false\"\n      @focus=\"onFocus()\"\n      @blur=\"quickNextFocus = false\"\n    >\n      <d-arrow-right v-if=\"quickNextHover || quickNextFocus\" />\n      <more-filled v-else />\n    </li>\n    <li\n      v-if=\"pageCount > 1\"\n      :class=\"[\n        nsPager.is('active', currentPage === pageCount),\n        nsPager.is('disabled', disabled),\n      ]\"\n      class=\"number\"\n      :aria-current=\"currentPage === pageCount\"\n      :tabindex=\"tabindex\"\n    >\n      {{ pageCount }}\n    </li>\n  </ul>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, watchEffect } from 'vue'\nimport { DArrowLeft, DArrowRight, MoreFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { paginationPagerProps } from './pager'\ndefineOptions({\n  name: 'ElPaginationPager',\n})\nconst props = defineProps(paginationPagerProps)\nconst emit = defineEmits(['change'])\nconst nsPager = useNamespace('pager')\nconst nsIcon = useNamespace('icon')\nconst showPrevMore = ref(false)\nconst showNextMore = ref(false)\nconst quickPrevHover = ref(false)\nconst quickNextHover = ref(false)\nconst quickPrevFocus = ref(false)\nconst quickNextFocus = ref(false)\nconst pagers = computed(() => {\n  const pagerCount = props.pagerCount\n  const halfPagerCount = (pagerCount - 1) / 2\n  const currentPage = Number(props.currentPage)\n  const pageCount = Number(props.pageCount)\n  let showPrevMore = false\n  let showNextMore = false\n  if (pageCount > pagerCount) {\n    if (currentPage > pagerCount - halfPagerCount) {\n      showPrevMore = true\n    }\n    if (currentPage < pageCount - halfPagerCount) {\n      showNextMore = true\n    }\n  }\n  const array: number[] = []\n  if (showPrevMore && !showNextMore) {\n    const startPage = pageCount - (pagerCount - 2)\n    for (let i = startPage; i < pageCount; i++) {\n      array.push(i)\n    }\n  } else if (!showPrevMore && showNextMore) {\n    for (let i = 2; i < pagerCount; i++) {\n      array.push(i)\n    }\n  } else if (showPrevMore && showNextMore) {\n    const offset = Math.floor(pagerCount / 2) - 1\n    for (let i = currentPage - offset; i <= currentPage + offset; i++) {\n      array.push(i)\n    }\n  } else {\n    for (let i = 2; i < pageCount; i++) {\n      array.push(i)\n    }\n  }\n  return array\n})\nconst tabindex = computed(() => (props.disabled ? -1 : 0))\nwatchEffect(() => {\n  const halfPagerCount = (props.pagerCount - 1) / 2\n  showPrevMore.value = false\n  showNextMore.value = false\n  if (props.pageCount! > props.pagerCount) {\n    if (props.currentPage > props.pagerCount - halfPagerCount) {\n      showPrevMore.value = true\n    }\n    if (props.currentPage < props.pageCount! - halfPagerCount) {\n      showNextMore.value = true\n    }\n  }\n})\nfunction onMouseEnter(forward = false) {\n  if (props.disabled) return\n  if (forward) {\n    quickPrevHover.value = true\n  } else {\n    quickNextHover.value = true\n  }\n}\nfunction onFocus(forward = false) {\n  if (forward) {\n    quickPrevFocus.value = true\n  } else {\n    quickNextFocus.value = true\n  }\n}\nfunction onEnter(e: UIEvent) {\n  const target = e.target as HTMLElement\n  if (\n    target.tagName.toLowerCase() === 'li' &&\n    Array.from(target.classList).includes('number')\n  ) {\n    const newPage = Number(target.textContent)\n    if (newPage !== props.currentPage) {\n      emit('change', newPage)\n    }\n  } else if (\n    target.tagName.toLowerCase() === 'li' &&\n    Array.from(target.classList).includes('more')\n  ) {\n    onPagerClick(e)\n  }\n}\nfunction onPagerClick(event: UIEvent) {\n  const target = event.target as HTMLElement\n  if (target.tagName.toLowerCase() === 'ul' || props.disabled) {\n    return\n  }\n  let newPage = Number(target.textContent)\n  const pageCount = props.pageCount!\n  const currentPage = props.currentPage\n  const pagerCountOffset = props.pagerCount - 2\n  if (target.className.includes('more')) {\n    if (target.className.includes('quickprev')) {\n      newPage = currentPage - pagerCountOffset\n    } else if (target.className.includes('quicknext')) {\n      newPage = currentPage + pagerCountOffset\n    }\n  }\n  if (!Number.isNaN(+newPage)) {\n    if (newPage < 1) {\n      newPage = 1\n    }\n    if (newPage > pageCount) {\n      newPage = pageCount\n    }\n  }\n  if (newPage !== currentPage) {\n    emit('change', newPage)\n  }\n}\n</script>\n"],"names":["useNamespace","ref","computed","watchEffect"],"mappings":"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"}

package/lib/components/pagination/src/pagination.js

@@ -11,7 +11,7 @@ var next = require('./components/next2.js');
 var sizes = require('./components/sizes2.js');
 var jumper = require('./components/jumper.js');
 var total = require('./components/total2.js');
-var pager = require('./components/pager.js');
+var pager = require('./components/pager2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var typescript = require('../../../utils/typescript.js');
 var index = require('../../../hooks/use-locale/index.js');

package/lib/components/radio/index.d.ts

@@ -28,12 +28,6 @@ export declare const ElRadio: import("element-plus/es/utils").SFCWithInstall<imp
         "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
     }>>;
     emit: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
-    rawAttrs: {
-        [x: string]: unknown;
-    };
-    containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
-    inputAttrs: import("vue").ComputedRef<Record<string, unknown>>;
-    labelListeners: import("vue").ComputedRef<Record<string, unknown>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;

package/lib/components/radio/src/radio.vue.d.ts

@@ -1,4 +1,3 @@
-import type { StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     readonly modelValue: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
     readonly name: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -29,12 +28,6 @@ declare const _default: import("vue").DefineComponent<{
         "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
     }>>;
     emit: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
-    rawAttrs: {
-        [x: string]: unknown;
-    };
-    containerStyle: import("vue").ComputedRef<StyleValue>;
-    inputAttrs: import("vue").ComputedRef<Record<string, unknown>>;
-    labelListeners: import("vue").ComputedRef<Record<string, unknown>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;

package/lib/components/radio/src/radio2.js

@@ -7,13 +7,11 @@ require('../../../hooks/index.js');
 var radio = require('./radio.js');
 var useRadio = require('./use-radio.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-attrs/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 const _hoisted_1 = ["value", "name", "disabled"];
 const __default__ = {
-  name: "ElRadio",
-  inheritAttrs: false
+  name: "ElRadio"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
@@ -21,33 +19,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: radio.radioEmits,
   setup(__props, { emit }) {
     const props = __props;
-    const rawAttrs = vue.useAttrs();
-    const containerStyle = vue.computed(() => rawAttrs.style);
-    const inputAttrs = index.useAttrs({ excludeListeners: true });
-    const labelListeners = index.useAttrs({
-      excludeKeys: vue.computed(() => {
-        return Object.keys(inputAttrs.value);
-      })
-    });
-    const ns = index$1.useNamespace("radio");
+    const ns = index.useNamespace("radio");
     const { radioRef, radioGroup, focus, size, disabled, modelValue } = useRadio.useRadio(props, emit);
     function handleChange() {
       vue.nextTick(() => emit("change", modelValue.value));
     }
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
-        class: [
+      return vue.openBlock(), vue.createElementBlock("label", {
+        class: vue.normalizeClass([
           vue.unref(ns).b(),
           vue.unref(ns).is("disabled", vue.unref(disabled)),
           vue.unref(ns).is("focus", vue.unref(focus)),
           vue.unref(ns).is("bordered", _ctx.border),
           vue.unref(ns).is("checked", vue.unref(modelValue) === _ctx.label),
-          vue.unref(ns).m(vue.unref(size)),
-          vue.unref(rawAttrs).class
-        ],
-        style: vue.unref(containerStyle)
-      }, vue.unref(labelListeners)), [
+          vue.unref(ns).m(vue.unref(size))
+        ])
+      }, [
         vue.createElementVNode("span", {
           class: vue.normalizeClass([
             vue.unref(ns).e("input"),
@@ -55,20 +43,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.unref(ns).is("checked", vue.unref(modelValue) === _ctx.label)
           ])
         }, [
-          vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
+          vue.withDirectives(vue.createElementVNode("input", {
             ref_key: "radioRef",
             ref: radioRef,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
-            class: vue.unref(ns).e("original"),
+            class: vue.normalizeClass(vue.unref(ns).e("original")),
             value: _ctx.label,
             name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
             disabled: vue.unref(disabled),
-            type: "radio"
-          }, vue.unref(inputAttrs), {
+            type: "radio",
             onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
             onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
             onChange: handleChange
-          }), null, 16, _hoisted_1), [
+          }, null, 42, _hoisted_1), [
             [vue.vModelRadio, vue.unref(modelValue)]
           ]),
           vue.createElementVNode("span", {
@@ -84,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ])
         ], 34)
-      ], 16);
+      ], 2);
     };
   }
 });

package/lib/components/radio/src/radio2.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio2.js","sources":["../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      ns.b(),\n      ns.is('disabled', disabled),\n      ns.is('focus', focus),\n      ns.is('bordered', border),\n      ns.is('checked', modelValue === label),\n      ns.m(size),\n      rawAttrs.class,\n    ]\"\n    :style=\"containerStyle\"\n    v-bind=\"labelListeners\"\n  >\n    <span\n      :class=\"[\n        ns.e('input'),\n        ns.is('disabled', disabled),\n        ns.is('checked', modelValue === label),\n      ]\"\n    >\n      <input\n        ref=\"radioRef\"\n        v-model=\"modelValue\"\n        :class=\"ns.e('original')\"\n        :value=\"label\"\n        :name=\"name || radioGroup?.name\"\n        :disabled=\"disabled\"\n        type=\"radio\"\n        v-bind=\"inputAttrs\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n        @change=\"handleChange\"\n      />\n      <span :class=\"ns.e('inner')\" />\n    </span>\n    <span :class=\"ns.e('label')\" @keydown.stop>\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, useAttrs as useRawAttrs } from 'vue'\nimport { useAttrs, useNamespace } from '@element-plus/hooks'\nimport { radioEmits, radioProps } from './radio'\nimport { useRadio } from './use-radio'\nimport type { StyleValue } from 'vue'\n\ndefineOptions({\n  name: 'ElRadio',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(radioProps)\nconst emit = defineEmits(radioEmits)\nconst rawAttrs = useRawAttrs()\nconst containerStyle = computed<StyleValue>(() => rawAttrs.style as StyleValue)\n\nconst inputAttrs = useAttrs({ excludeListeners: true })\n\nconst labelListeners = useAttrs({\n  excludeKeys: computed<string[]>(() => {\n    return Object.keys(inputAttrs.value)\n  }),\n})\n\nconst ns = useNamespace('radio')\nconst { radioRef, radioGroup, focus, size, disabled, modelValue } = useRadio(\n  props,\n  emit\n)\n\nfunction handleChange() {\n  nextTick(() => emit('change', modelValue.value))\n}\n</script>\n"],"names":["useRawAttrs","computed","useAttrs","useNamespace","useRadio","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0DA,IAAA,MAAA,WAAAA,YAAA,EAAA,CAAA;AACA,IAAA,MAAA,cAAA,GAAAC,YAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAAC,cAAA,CAAA,EAAA,gBAAA,EAAA,MAAA,CAAA,CAAA;AAEA,IAAA,MAAA,iBAAAA,cAAA,CAAA;AAAA,MACA,WAAA,EAAAD,aAAA,MAAA;AACA,QAAA,OAAA,MAAA,CAAA,IAAA,CAAA,UAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,EAAA,GAAAE,qBAAA,OAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,UAAA,UAAA,EAAA,KAAA,EAAA,MAAA,QAAA,EAAA,UAAA,EAAA,GAAAC,iBACA,CAAA,KAAA,EACA,IACA,CAAA,CAAA;AAEA,IAAA,SAAA,YAAA,GAAA;AACA,MAAAC,YAAA,CAAA,MAAA,IAAA,CAAA,QAAA,EAAA,UAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"radio2.js","sources":["../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      ns.b(),\n      ns.is('disabled', disabled),\n      ns.is('focus', focus),\n      ns.is('bordered', border),\n      ns.is('checked', modelValue === label),\n      ns.m(size),\n    ]\"\n  >\n    <span\n      :class=\"[\n        ns.e('input'),\n        ns.is('disabled', disabled),\n        ns.is('checked', modelValue === label),\n      ]\"\n    >\n      <input\n        ref=\"radioRef\"\n        v-model=\"modelValue\"\n        :class=\"ns.e('original')\"\n        :value=\"label\"\n        :name=\"name || radioGroup?.name\"\n        :disabled=\"disabled\"\n        type=\"radio\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n        @change=\"handleChange\"\n      />\n      <span :class=\"ns.e('inner')\" />\n    </span>\n    <span :class=\"ns.e('label')\" @keydown.stop>\n      <slot>\n        {{ label }}\n      </slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { nextTick } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { radioEmits, radioProps } from './radio'\nimport { useRadio } from './use-radio'\n\ndefineOptions({\n  name: 'ElRadio',\n})\n\nconst props = defineProps(radioProps)\nconst emit = defineEmits(radioEmits)\n\nconst ns = useNamespace('radio')\nconst { radioRef, radioGroup, focus, size, disabled, modelValue } = useRadio(\n  props,\n  emit\n)\n\nfunction handleChange() {\n  nextTick(() => emit('change', modelValue.value))\n}\n</script>\n"],"names":["useNamespace","useRadio","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqDA,IAAA,MAAA,EAAA,GAAAA,mBAAA,OAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,UAAA,UAAA,EAAA,KAAA,EAAA,MAAA,QAAA,EAAA,UAAA,EAAA,GAAAC,iBACA,CAAA,KAAA,EACA,IACA,CAAA,CAAA;AAEA,IAAA,SAAA,YAAA,GAAA;AACA,MAAAC,YAAA,CAAA,MAAA,IAAA,CAAA,QAAA,EAAA,UAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/row/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var row$1 = require('./src/row.js');
-var row = require('./src/row2.js');
+var row$1 = require('./src/row2.js');
+var row = require('./src/row.js');
 var install = require('../../utils/vue/install.js');
 
 const ElRow = install.withInstall(row$1["default"]);

package/lib/components/row/src/row.js

@@ -2,53 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-require('../../../tokens/index.js');
-var row = require('./row2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var row$1 = require('../../../tokens/row.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = {
-  name: "ElRow"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: row.rowProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("row");
-    const gutter = vue.computed(() => props.gutter);
-    vue.provide(row$1.rowContextKey, {
-      gutter
-    });
-    const style = vue.computed(() => {
-      const styles = {};
-      if (!props.gutter) {
-        return styles;
-      }
-      styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
-      return styles;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-        class: vue.normalizeClass([
-          vue.unref(ns).b(),
-          vue.unref(ns).is(`justify-${props.justify}`, _ctx.justify !== "start"),
-          vue.unref(ns).is(`align-${props.align}`, _ctx.align !== "top")
-        ]),
-        style: vue.normalizeStyle(vue.unref(style))
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
+const RowJustify = [
+  "start",
+  "center",
+  "end",
+  "space-around",
+  "space-between",
+  "space-evenly"
+];
+const RowAlign = ["top", "middle", "bottom"];
+const rowProps = runtime.buildProps({
+  tag: {
+    type: String,
+    default: "div"
+  },
+  gutter: {
+    type: Number,
+    default: 0
+  },
+  justify: {
+    type: String,
+    values: RowJustify,
+    default: "start"
+  },
+  align: {
+    type: String,
+    values: RowAlign,
+    default: "top"
   }
 });
-var Row = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/row/src/row.vue"]]);
 
-exports["default"] = Row;
+exports.RowAlign = RowAlign;
+exports.RowJustify = RowJustify;
+exports.rowProps = rowProps;
 //# sourceMappingURL=row.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"row.js","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    :class=\"[\n      ns.b(),\n      ns.is(`justify-${props.justify}`, justify !== 'start'),\n      ns.is(`align-${props.align}`, align !== 'top'),\n    ]\"\n    :style=\"style\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/tokens'\nimport { rowProps } from './row'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n  gutter,\n})\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (!props.gutter) {\n    return styles\n  }\n\n  styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n  return styles\n})\n</script>\n"],"names":["useNamespace","computed","provide","rowContextKey"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BA,IAAA,MAAA,EAAA,GAAAA,mBAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAEA,IAAAC,WAAA,CAAAC,mBAAA,EAAA;AAAA,MACA,MAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAAF,aAAA,MAAA;AACA,MAAA,MAAA,SAAA,EAAA,CAAA;AACA,MAAA,IAAA,CAAA,MAAA,MAAA,EAAA;AACA,QAAA,OAAA,MAAA,CAAA;AAAA,OACA;AAEA,MAAA,MAAA,CAAA,WAAA,GAAA,MAAA,CAAA,UAAA,GAAA,CAAA,CAAA,EAAA,MAAA,MAAA,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AACA,MAAA,OAAA,MAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"row.js","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n  'start',\n  'center',\n  'end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport const rowProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  gutter: {\n    type: Number,\n    default: 0,\n  },\n  justify: {\n    type: String,\n    values: RowJustify,\n    default: 'start',\n  },\n  align: {\n    type: String,\n    values: RowAlign,\n    default: 'top',\n  },\n} as const)\n\nexport type RowProps = ExtractPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,eAAe;AACjB,EAAE,cAAc;AAChB,EAAE;AACU,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxC,MAAC,QAAQ,GAAGA,kBAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,QAAQ;AACpB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;;;"}

package/lib/components/row/src/row2.js

@@ -2,40 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+require('../../../tokens/index.js');
+var row = require('./row.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var row$1 = require('../../../tokens/row.js');
 
-const RowJustify = [
-  "start",
-  "center",
-  "end",
-  "space-around",
-  "space-between",
-  "space-evenly"
-];
-const RowAlign = ["top", "middle", "bottom"];
-const rowProps = runtime.buildProps({
-  tag: {
-    type: String,
-    default: "div"
-  },
-  gutter: {
-    type: Number,
-    default: 0
-  },
-  justify: {
-    type: String,
-    values: RowJustify,
-    default: "start"
-  },
-  align: {
-    type: String,
-    values: RowAlign,
-    default: "top"
+const __default__ = {
+  name: "ElRow"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: row.rowProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("row");
+    const gutter = vue.computed(() => props.gutter);
+    vue.provide(row$1.rowContextKey, {
+      gutter
+    });
+    const style = vue.computed(() => {
+      const styles = {};
+      if (!props.gutter) {
+        return styles;
+      }
+      styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
+      return styles;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+        class: vue.normalizeClass([
+          vue.unref(ns).b(),
+          vue.unref(ns).is(`justify-${props.justify}`, _ctx.justify !== "start"),
+          vue.unref(ns).is(`align-${props.align}`, _ctx.align !== "top")
+        ]),
+        style: vue.normalizeStyle(vue.unref(style))
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
   }
 });
+var Row = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/row/src/row.vue"]]);
 
-exports.RowAlign = RowAlign;
-exports.RowJustify = RowJustify;
-exports.rowProps = rowProps;
+exports["default"] = Row;
 //# sourceMappingURL=row2.js.map

package/lib/components/row/src/row2.js.map

@@ -1 +1 @@
-{"version":3,"file":"row2.js","sources":["../../../../../../packages/components/row/src/row.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Row from './row.vue'\n\nexport const RowJustify = [\n  'start',\n  'center',\n  'end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n] as const\n\nexport const RowAlign = ['top', 'middle', 'bottom'] as const\n\nexport const rowProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  gutter: {\n    type: Number,\n    default: 0,\n  },\n  justify: {\n    type: String,\n    values: RowJustify,\n    default: 'start',\n  },\n  align: {\n    type: String,\n    values: RowAlign,\n    default: 'top',\n  },\n} as const)\n\nexport type RowProps = ExtractPropTypes<typeof rowProps>\nexport type RowInstance = InstanceType<typeof Row>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAG;AAC1B,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,eAAe;AACjB,EAAE,cAAc;AAChB,EAAE;AACU,MAAC,QAAQ,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxC,MAAC,QAAQ,GAAGA,kBAAU,CAAC;AACnC,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,QAAQ;AACpB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;;;"}
+{"version":3,"file":"row2.js","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    :class=\"[\n      ns.b(),\n      ns.is(`justify-${props.justify}`, justify !== 'start'),\n      ns.is(`align-${props.align}`, align !== 'top'),\n    ]\"\n    :style=\"style\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/tokens'\nimport { rowProps } from './row'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n  gutter,\n})\n\nconst style = computed(() => {\n  const styles: CSSProperties = {}\n  if (!props.gutter) {\n    return styles\n  }\n\n  styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n  return styles\n})\n</script>\n"],"names":["useNamespace","computed","provide","rowContextKey"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BA,IAAA,MAAA,EAAA,GAAAA,mBAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAEA,IAAAC,WAAA,CAAAC,mBAAA,EAAA;AAAA,MACA,MAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAAF,aAAA,MAAA;AACA,MAAA,MAAA,SAAA,EAAA,CAAA;AACA,MAAA,IAAA,CAAA,MAAA,MAAA,EAAA;AACA,QAAA,OAAA,MAAA,CAAA;AAAA,OACA;AAEA,MAAA,MAAA,CAAA,WAAA,GAAA,MAAA,CAAA,UAAA,GAAA,CAAA,CAAA,EAAA,MAAA,MAAA,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AACA,MAAA,OAAA,MAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}