@element-plus/nightly 0.0.20260105 → 0.0.20260107

package/es/components/splitter/src/splitter2.mjs

@@ -1,19 +1,119 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, toRef, getCurrentInstance, watch, computed, provide, reactive, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createVNode, createCommentVNode, nextTick } from 'vue';
+import { splitterProps, splitterEmits } from './splitter.mjs';
+import { splitterRootContextKey } from './type.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useContainer } from './hooks/useContainer.mjs';
+import { useSize } from './hooks/useSize.mjs';
+import { useResize } from './hooks/useResize.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useOrderedChildren } from '../../../hooks/use-ordered-children/index.mjs';
 
-const splitterProps = buildProps({
-  layout: {
-    type: String,
-    default: "horizontal",
-    values: ["horizontal", "vertical"]
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElSplitter"
   },
-  lazy: Boolean
+  __name: "splitter",
+  props: splitterProps,
+  emits: splitterEmits,
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("splitter");
+    const emits = __emit;
+    const props = __props;
+    const layout = toRef(props, "layout");
+    const lazy = toRef(props, "lazy");
+    const { containerEl, containerSize } = useContainer(layout);
+    const {
+      removeChild: unregisterPanel,
+      children: panels,
+      addChild: registerPanel,
+      ChildrenSorter: PanelsSorter
+    } = useOrderedChildren(getCurrentInstance(), "ElSplitterPanel");
+    watch(panels, () => {
+      movingIndex.value = null;
+      panels.value.forEach((instance, index) => {
+        instance.setIndex(index);
+      });
+    });
+    const { percentSizes, pxSizes } = useSize(panels, containerSize);
+    const {
+      lazyOffset,
+      movingIndex,
+      onMoveStart,
+      onMoving,
+      onMoveEnd,
+      onCollapse
+    } = useResize(panels, containerSize, pxSizes, lazy);
+    const splitterStyles = computed(() => {
+      return {
+        [ns.cssVarBlockName("bar-offset")]: lazy.value ? `${lazyOffset.value}px` : void 0
+      };
+    });
+    const onResizeStart = (index) => {
+      onMoveStart(index);
+      emits("resizeStart", index, pxSizes.value);
+    };
+    const onResize = (index, offset) => {
+      onMoving(index, offset);
+      if (!lazy.value) {
+        emits("resize", index, pxSizes.value);
+      }
+    };
+    const onResizeEnd = async (index) => {
+      onMoveEnd();
+      await nextTick();
+      emits("resizeEnd", index, pxSizes.value);
+    };
+    const onCollapsible = (index, type) => {
+      onCollapse(index, type);
+      emits("collapse", index, type, pxSizes.value);
+    };
+    provide(
+      splitterRootContextKey,
+      reactive({
+        panels,
+        percentSizes,
+        pxSizes,
+        layout,
+        lazy,
+        movingIndex,
+        containerSize,
+        onMoveStart: onResizeStart,
+        onMoving: onResize,
+        onMoveEnd: onResizeEnd,
+        onCollapse: onCollapsible,
+        registerPanel,
+        unregisterPanel
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "containerEl",
+          ref: containerEl,
+          class: normalizeClass([unref(ns).b(), unref(ns).e(layout.value)]),
+          style: normalizeStyle(splitterStyles.value)
+        },
+        [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(unref(PanelsSorter)),
+          createCommentVNode(" Prevent iframe touch events from breaking "),
+          unref(movingIndex) ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass([unref(ns).e("mask"), unref(ns).e(`mask-${layout.value}`)])
+            },
+            null,
+            2
+          )) : createCommentVNode("v-if", true)
+        ],
+        6
+      );
+    };
+  }
 });
-const splitterEmits = {
-  resizeStart: (index, sizes) => true,
-  resize: (index, sizes) => true,
-  resizeEnd: (index, sizes) => true,
-  collapse: (index, type, sizes) => true
-};
+var Splitter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/splitter/src/splitter.vue"]]);
 
-export { splitterEmits, splitterProps };
+export { Splitter as default };
 //# sourceMappingURL=splitter2.mjs.map

package/es/components/splitter/src/splitter2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"splitter2.mjs","sources":["../../../../../../packages/components/splitter/src/splitter.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Splitter from './splitter.vue'\n\nexport const splitterProps = buildProps({\n  layout: {\n    type: String,\n    default: 'horizontal',\n    values: ['horizontal', 'vertical'] as const,\n  },\n  lazy: Boolean,\n} as const)\n\nexport type SplitterProps = ExtractPropTypes<typeof splitterProps>\nexport type SplitterPropsPublic = ExtractPublicPropTypes<typeof splitterProps>\nexport type SplitterInstance = InstanceType<typeof Splitter> & unknown\n\n/* eslint-disable @typescript-eslint/no-unused-vars */\nexport const splitterEmits = {\n  resizeStart: (index: number, sizes: number[]) => true,\n  resize: (index: number, sizes: number[]) => true,\n  resizeEnd: (index: number, sizes: number[]) => true,\n  collapse: (index: number, type: 'start' | 'end', sizes: number[]) => true,\n}\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nexport type SplitterEmits = typeof splitterEmits\n"],"names":[],"mappings":";;AAKO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,YAAA;AAAA,IACT,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,GACnC;AAAA,EACA,IAAM,EAAA,OAAA;AACR,CAAU,EAAA;AAOH,MAAM,aAAgB,GAAA;AAAA,EAC3B,WAAA,EAAa,CAAC,KAAA,EAAe,KAAoB,KAAA,IAAA;AAAA,EACjD,MAAA,EAAQ,CAAC,KAAA,EAAe,KAAoB,KAAA,IAAA;AAAA,EAC5C,SAAA,EAAW,CAAC,KAAA,EAAe,KAAoB,KAAA,IAAA;AAAA,EAC/C,QAAU,EAAA,CAAC,KAAe,EAAA,IAAA,EAAuB,KAAoB,KAAA,IAAA;AACvE;;;;"}
+{"version":3,"file":"splitter2.mjs","sources":["../../../../../../packages/components/splitter/src/splitter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  provide,\n  reactive,\n  toRef,\n  watch,\n} from 'vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { useContainer, useResize, useSize } from './hooks'\nimport { splitterEmits, splitterProps } from './splitter'\nimport { splitterRootContextKey } from './type'\n\nimport type { PanelItemState } from './type'\n\nconst ns = useNamespace('splitter')\n\ndefineOptions({\n  name: 'ElSplitter',\n})\n\nconst emits = defineEmits(splitterEmits)\n\nconst props = defineProps(splitterProps)\nconst layout = toRef(props, 'layout')\nconst lazy = toRef(props, 'lazy')\n\nconst { containerEl, containerSize } = useContainer(layout)\n\nconst {\n  removeChild: unregisterPanel,\n  children: panels,\n  addChild: registerPanel,\n  ChildrenSorter: PanelsSorter,\n} = useOrderedChildren<PanelItemState>(getCurrentInstance()!, 'ElSplitterPanel')\n\nwatch(panels, () => {\n  movingIndex.value = null\n  panels.value.forEach((instance: PanelItemState, index: number) => {\n    instance.setIndex(index)\n  })\n})\n\nconst { percentSizes, pxSizes } = useSize(panels, containerSize)\n\nconst {\n  lazyOffset,\n  movingIndex,\n  onMoveStart,\n  onMoving,\n  onMoveEnd,\n  onCollapse,\n} = useResize(panels, containerSize, pxSizes, lazy)\n\nconst splitterStyles = computed(() => {\n  return {\n    [ns.cssVarBlockName('bar-offset')]: lazy.value\n      ? `${lazyOffset.value}px`\n      : undefined,\n  }\n})\n\nconst onResizeStart = (index: number) => {\n  onMoveStart(index)\n  emits('resizeStart', index, pxSizes.value)\n}\n\nconst onResize = (index: number, offset: number) => {\n  onMoving(index, offset)\n\n  if (!lazy.value) {\n    emits('resize', index, pxSizes.value)\n  }\n}\n\nconst onResizeEnd = async (index: number) => {\n  onMoveEnd()\n  await nextTick()\n  emits('resizeEnd', index, pxSizes.value)\n}\n\nconst onCollapsible = (index: number, type: 'start' | 'end') => {\n  onCollapse(index, type)\n  emits('collapse', index, type, pxSizes.value)\n}\n\nprovide(\n  splitterRootContextKey,\n  reactive({\n    panels,\n    percentSizes,\n    pxSizes,\n    layout,\n    lazy,\n    movingIndex,\n    containerSize,\n    onMoveStart: onResizeStart,\n    onMoving: onResize,\n    onMoveEnd: onResizeEnd,\n    onCollapse: onCollapsible,\n    registerPanel,\n    unregisterPanel,\n  })\n)\n</script>\n\n<template>\n  <div\n    ref=\"containerEl\"\n    :class=\"[ns.b(), ns.e(layout)]\"\n    :style=\"splitterStyles\"\n  >\n    <slot />\n    <panels-sorter />\n    <!-- Prevent iframe touch events from breaking -->\n    <div v-if=\"movingIndex\" :class=\"[ns.e('mask'), ns.e(`mask-${layout}`)]\" />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_renderSlot","_createVNode","_createCommentVNode"],"mappings":"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"}

package/es/components/table/src/store/current.mjs

@@ -1,5 +1,4 @@
 import { getCurrentInstance, ref, unref } from 'vue';
-import { isNull } from 'lodash-unified';
 import { getRowIdentity } from '../util.mjs';
 
 function useCurrent(watcherData) {
@@ -17,6 +16,7 @@ function useCurrent(watcherData) {
   const setCurrentRowByKey = (key) => {
     var _a;
     const { data, rowKey } = watcherData;
+    const oldCurrentRow = currentRow.value;
     let _currentRow = null;
     if (rowKey.value) {
       _currentRow = (_a = (unref(data) || []).find(
@@ -24,7 +24,7 @@ function useCurrent(watcherData) {
       )) != null ? _a : null;
     }
     currentRow.value = _currentRow != null ? _currentRow : null;
-    instance.emit("current-change", currentRow.value, null);
+    instance.emit("current-change", currentRow.value, oldCurrentRow);
   };
   const updateCurrentRow = (_currentRow) => {
     const oldCurrentRow = currentRow.value;
@@ -48,8 +48,6 @@ function useCurrent(watcherData) {
         setCurrentRowByKey(currentRowKey);
       } else {
         currentRow.value = null;
-      }
-      if (isNull(currentRow.value)) {
         instance.emit("current-change", null, oldCurrentRow);
       }
     } else if (_currentRowKey.value) {

package/es/components/table/src/store/current.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"current.mjs","sources":["../../../../../../../packages/components/table/src/store/current.ts"],"sourcesContent":["import { getCurrentInstance, ref, unref } from 'vue'\nimport { isNull } from 'lodash-unified'\nimport { getRowIdentity } from '../util'\n\nimport type { Ref } from 'vue'\nimport type { DefaultRow, Table } from '../table/defaults'\nimport type { WatcherPropsData } from '.'\n\nfunction useCurrent<T extends DefaultRow>(watcherData: WatcherPropsData<T>) {\n  const instance = getCurrentInstance() as Table<T>\n  const _currentRowKey: Ref<string | null> = ref(null)\n  const currentRow: Ref<T | null> = ref(null)\n\n  const setCurrentRowKey = (key: string) => {\n    instance.store.assertRowKey()\n    _currentRowKey.value = key\n    setCurrentRowByKey(key)\n  }\n\n  const restoreCurrentRowKey = () => {\n    _currentRowKey.value = null\n  }\n\n  const setCurrentRowByKey = (key: string) => {\n    const { data, rowKey } = watcherData\n    let _currentRow: T | null = null\n    if (rowKey.value) {\n      _currentRow =\n        (unref(data) || []).find(\n          (item) => getRowIdentity(item, rowKey.value) === key\n        ) ?? null\n    }\n    currentRow.value = _currentRow ?? null\n    instance.emit('current-change', currentRow.value, null)\n  }\n\n  const updateCurrentRow = (_currentRow: T) => {\n    const oldCurrentRow = currentRow.value\n    if (_currentRow && _currentRow !== oldCurrentRow) {\n      currentRow.value = _currentRow\n      instance.emit('current-change', currentRow.value, oldCurrentRow)\n      return\n    }\n    if (!_currentRow && oldCurrentRow) {\n      currentRow.value = null\n      instance.emit('current-change', null, oldCurrentRow)\n    }\n  }\n\n  const updateCurrentRowData = () => {\n    const rowKey = watcherData.rowKey.value\n    // data 为 null 时，解构时的默认值会被忽略\n    const data = watcherData.data.value || []\n    const oldCurrentRow = currentRow.value\n    // 当 currentRow 不在 data 中时尝试更新数据\n    if (oldCurrentRow && !data.includes(oldCurrentRow)) {\n      if (rowKey) {\n        const currentRowKey = getRowIdentity(oldCurrentRow, rowKey)\n        setCurrentRowByKey(currentRowKey)\n      } else {\n        currentRow.value = null\n      }\n      if (isNull(currentRow.value)) {\n        instance.emit('current-change', null, oldCurrentRow)\n      }\n    } else if (_currentRowKey.value) {\n      // 把初始时下设置的 rowKey 转化成 rowData\n      setCurrentRowByKey(_currentRowKey.value)\n      restoreCurrentRowKey()\n    }\n  }\n\n  return {\n    setCurrentRowKey,\n    restoreCurrentRowKey,\n    setCurrentRowByKey,\n    updateCurrentRow,\n    updateCurrentRowData,\n    states: {\n      _currentRowKey,\n      currentRow,\n    },\n  }\n}\n\nexport default useCurrent\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"current.mjs","sources":["../../../../../../../packages/components/table/src/store/current.ts"],"sourcesContent":["import { getCurrentInstance, ref, unref } from 'vue'\nimport { getRowIdentity } from '../util'\n\nimport type { Ref } from 'vue'\nimport type { DefaultRow, Table } from '../table/defaults'\nimport type { WatcherPropsData } from '.'\n\nfunction useCurrent<T extends DefaultRow>(watcherData: WatcherPropsData<T>) {\n  const instance = getCurrentInstance() as Table<T>\n  const _currentRowKey: Ref<string | null> = ref(null)\n  const currentRow: Ref<T | null> = ref(null)\n\n  const setCurrentRowKey = (key: string) => {\n    instance.store.assertRowKey()\n    _currentRowKey.value = key\n    setCurrentRowByKey(key)\n  }\n\n  const restoreCurrentRowKey = () => {\n    _currentRowKey.value = null\n  }\n\n  const setCurrentRowByKey = (key: string) => {\n    const { data, rowKey } = watcherData\n    const oldCurrentRow = currentRow.value\n    let _currentRow: T | null = null\n    if (rowKey.value) {\n      _currentRow =\n        (unref(data) || []).find(\n          (item) => getRowIdentity(item, rowKey.value) === key\n        ) ?? null\n    }\n    currentRow.value = _currentRow ?? null\n    instance.emit('current-change', currentRow.value, oldCurrentRow)\n  }\n\n  const updateCurrentRow = (_currentRow: T) => {\n    const oldCurrentRow = currentRow.value\n    if (_currentRow && _currentRow !== oldCurrentRow) {\n      currentRow.value = _currentRow\n      instance.emit('current-change', currentRow.value, oldCurrentRow)\n      return\n    }\n    if (!_currentRow && oldCurrentRow) {\n      currentRow.value = null\n      instance.emit('current-change', null, oldCurrentRow)\n    }\n  }\n\n  const updateCurrentRowData = () => {\n    const rowKey = watcherData.rowKey.value\n    // data 为 null 时，解构时的默认值会被忽略\n    const data = watcherData.data.value || []\n    const oldCurrentRow = currentRow.value\n    // 当 currentRow 不在 data 中时尝试更新数据\n    if (oldCurrentRow && !data.includes(oldCurrentRow)) {\n      if (rowKey) {\n        const currentRowKey = getRowIdentity(oldCurrentRow, rowKey)\n        setCurrentRowByKey(currentRowKey)\n      } else {\n        currentRow.value = null\n        instance.emit('current-change', null, oldCurrentRow)\n      }\n    } else if (_currentRowKey.value) {\n      // 把初始时下设置的 rowKey 转化成 rowData\n      setCurrentRowByKey(_currentRowKey.value)\n      restoreCurrentRowKey()\n    }\n  }\n\n  return {\n    setCurrentRowKey,\n    restoreCurrentRowKey,\n    setCurrentRowByKey,\n    updateCurrentRow,\n    updateCurrentRowData,\n    states: {\n      _currentRowKey,\n      currentRow,\n    },\n  }\n}\n\nexport default useCurrent\n"],"names":[],"mappings":"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"}

package/es/components/table-v2/src/components/expand-icon.d.ts

@@ -1,12 +1,15 @@
 import type { StyleValue } from 'vue';
 import type { TableV2RowCellRenderParam } from './row';
-declare const ExpandIcon: (props: TableV2RowCellRenderParam["expandIconProps"] & {
-    class?: string | string[];
-    style: StyleValue;
-    ariaLabel?: string;
-    size: number;
-    expanded: boolean;
-    expandable: boolean;
-}) => import("vue/jsx-runtime").JSX.Element;
+declare const ExpandIcon: {
+    (props: TableV2RowCellRenderParam["expandIconProps"] & {
+        class?: string | string[];
+        style: StyleValue;
+        ariaLabel?: string;
+        size: number;
+        expanded: boolean;
+        expandable: boolean;
+    }): import("vue/jsx-runtime").JSX.Element;
+    inheritAttrs: boolean;
+};
 export default ExpandIcon;
 export type ExpandIconInstance = ReturnType<typeof ExpandIcon>;

package/es/components/table-v2/src/components/expand-icon.mjs

@@ -26,6 +26,7 @@ const ExpandIcon = (props) => {
     default: () => [createVNode(ArrowRight, null, null)]
   })]);
 };
+ExpandIcon.inheritAttrs = false;
 var ExpandIcon$1 = ExpandIcon;
 
 export { ExpandIcon$1 as default };

package/es/components/table-v2/src/components/expand-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"expand-icon.mjs","sources":["../../../../../../../packages/components/table-v2/src/components/expand-icon.tsx"],"sourcesContent":["import ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { StyleValue } from 'vue'\nimport type { TableV2RowCellRenderParam } from './row'\n\nconst ExpandIcon = (\n  props: TableV2RowCellRenderParam['expandIconProps'] & {\n    class?: string | string[]\n    style: StyleValue\n    ariaLabel?: string\n    size: number\n    expanded: boolean\n    expandable: boolean\n  }\n) => {\n  const { expanded, expandable, onExpand, style, size, ariaLabel } = props\n\n  const expandIconProps = {\n    onClick: expandable ? () => onExpand(!expanded) : undefined,\n    ariaLabel,\n    ariaExpanded: expanded,\n    class: props.class,\n  } as any\n\n  return (\n    <button {...expandIconProps} type=\"button\">\n      <ElIcon size={size} style={style}>\n        <ArrowRight />\n      </ElIcon>\n    </button>\n  )\n}\n\nexport default ExpandIcon\n\nexport type ExpandIconInstance = ReturnType<typeof ExpandIcon>\n"],"names":["ExpandIcon","props","expanded","expandable","onExpand","style","size","ariaLabel","expandIconProps","onClick","undefined","ariaExpanded","class","_createVNode","_mergeProps","ElIcon","default","ArrowRight"],"mappings":";;;;AAMA,MAAMA,aACJC,CAQG,KAAA,KAAA;AACH,EAAM,MAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAUC,UAAAA;AAAAA,IAAYC,QAAAA;AAAAA,IAAUC,KAAAA;AAAAA,IAAOC,IAAAA;AAAAA,IAAMC,SAAAA;AAAAA,GAAcN,GAAAA,KAAAA,CAAAA;AAEnE,EAAA,MAAMO,eAAkB,GAAA;AAAA,IACtBC,SAASN,UAAa,GAAA,MAAMC,QAAS,CAAA,CAACF,QAAQ,CAAIQ,GAAAA,KAAAA,CAAAA;AAAAA,IAClDH,SAAAA;AAAAA,IACAI,YAAcT,EAAAA,QAAAA;AAAAA,IACdU,OAAOX,KAAMW,CAAAA,KAAAA;AAAAA,GACf,CAAA;AAEA,EAAAC,OAAAA,WAAAA,CAAA,QAAAC,EAAAA,UAAAA,CACcN,eAAe,EAAA;AAAA,IAAA,MAAA,EAAA,QAAA;AAAA,GAAAK,CAAAA,EAAAA,CAAAA,WAAAA,CAAAE,MAAA,EAAA;AAAA,IAAA,MACXT,EAAAA,IAAAA;AAAAA,IAAI,OAASD,EAAAA,KAAAA;AAAAA,GAAK,EAAA;AAAA,IAAAW,SAAAA,MAAAH,CAAAA,YAAAI,UAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAKtC,CAAA,CAAA;AAEA,mBAAejB,UAAAA;;;;"}
+{"version":3,"file":"expand-icon.mjs","sources":["../../../../../../../packages/components/table-v2/src/components/expand-icon.tsx"],"sourcesContent":["import ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { StyleValue } from 'vue'\nimport type { TableV2RowCellRenderParam } from './row'\n\nconst ExpandIcon = (\n  props: TableV2RowCellRenderParam['expandIconProps'] & {\n    class?: string | string[]\n    style: StyleValue\n    ariaLabel?: string\n    size: number\n    expanded: boolean\n    expandable: boolean\n  }\n) => {\n  const { expanded, expandable, onExpand, style, size, ariaLabel } = props\n\n  const expandIconProps = {\n    onClick: expandable ? () => onExpand(!expanded) : undefined,\n    ariaLabel,\n    ariaExpanded: expanded,\n    class: props.class,\n  } as any\n\n  return (\n    <button {...expandIconProps} type=\"button\">\n      <ElIcon size={size} style={style}>\n        <ArrowRight />\n      </ElIcon>\n    </button>\n  )\n}\n\nExpandIcon.inheritAttrs = false\n\nexport default ExpandIcon\n\nexport type ExpandIconInstance = ReturnType<typeof ExpandIcon>\n"],"names":["ExpandIcon","props","expanded","expandable","onExpand","style","size","ariaLabel","expandIconProps","onClick","undefined","ariaExpanded","class","_createVNode","_mergeProps","ElIcon","default","ArrowRight","inheritAttrs"],"mappings":";;;;AAMA,MAAMA,aACJC,CAQG,KAAA,KAAA;AACH,EAAM,MAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAUC,UAAAA;AAAAA,IAAYC,QAAAA;AAAAA,IAAUC,KAAAA;AAAAA,IAAOC,IAAAA;AAAAA,IAAMC,SAAAA;AAAAA,GAAcN,GAAAA,KAAAA,CAAAA;AAEnE,EAAA,MAAMO,eAAkB,GAAA;AAAA,IACtBC,SAASN,UAAa,GAAA,MAAMC,QAAS,CAAA,CAACF,QAAQ,CAAIQ,GAAAA,KAAAA,CAAAA;AAAAA,IAClDH,SAAAA;AAAAA,IACAI,YAAcT,EAAAA,QAAAA;AAAAA,IACdU,OAAOX,KAAMW,CAAAA,KAAAA;AAAAA,GACf,CAAA;AAEA,EAAAC,OAAAA,WAAAA,CAAA,QAAAC,EAAAA,UAAAA,CACcN,eAAe,EAAA;AAAA,IAAA,MAAA,EAAA,QAAA;AAAA,GAAAK,CAAAA,EAAAA,CAAAA,WAAAA,CAAAE,MAAA,EAAA;AAAA,IAAA,MACXT,EAAAA,IAAAA;AAAAA,IAAI,OAASD,EAAAA,KAAAA;AAAAA,GAAK,EAAA;AAAA,IAAAW,SAAAA,MAAAH,CAAAA,YAAAI,UAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAKtC,CAAA,CAAA;AAEAjB,UAAAA,CAAWkB,YAAe,GAAA,KAAA,CAAA;AAE1B,mBAAelB,UAAAA;;;;"}

package/es/components/tag/index.mjs

@@ -1,5 +1,5 @@
-import Tag from './src/tag2.mjs';
-export { tagEmits, tagProps } from './src/tag.mjs';
+import Tag from './src/tag.mjs';
+export { tagEmits, tagProps } from './src/tag2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElTag = withInstall(Tag);

package/es/components/tag/src/tag.mjs

@@ -1,31 +1,136 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { componentSizes } from '../../../constants/size.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, unref, renderSlot, withModifiers, createVNode, withCtx, createCommentVNode, createBlock, Transition } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { Close } from '@element-plus/icons-vue';
+import { tagProps, tagEmits } from './tag2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const tagProps = buildProps({
-  type: {
-    type: String,
-    values: ["primary", "success", "info", "warning", "danger"],
-    default: "primary"
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["aria-label"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElTag"
   },
-  closable: Boolean,
-  disableTransitions: Boolean,
-  hit: Boolean,
-  color: String,
-  size: {
-    type: String,
-    values: componentSizes
-  },
-  effect: {
-    type: String,
-    values: ["dark", "light", "plain"],
-    default: "light"
-  },
-  round: Boolean
+  __name: "tag",
+  props: tagProps,
+  emits: tagEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tagSize = useFormSize();
+    const { t } = useLocale();
+    const ns = useNamespace("tag");
+    const containerKls = computed(() => {
+      const { type, hit, effect, closable, round } = props;
+      return [
+        ns.b(),
+        ns.is("closable", closable),
+        ns.m(type || "primary"),
+        ns.m(tagSize.value),
+        ns.m(effect),
+        ns.is("hit", hit),
+        ns.is("round", round)
+      ];
+    });
+    const handleClose = (event) => {
+      emit("close", event);
+    };
+    const handleClick = (event) => {
+      emit("click", event);
+    };
+    const handleVNodeMounted = (vnode) => {
+      var _a, _b, _c;
+      if ((_c = (_b = (_a = vnode == null ? void 0 : vnode.component) == null ? void 0 : _a.subTree) == null ? void 0 : _b.component) == null ? void 0 : _c.bum) {
+        vnode.component.subTree.component.bum = null;
+      }
+    };
+    return (_ctx, _cache) => {
+      return _ctx.disableTransitions ? (openBlock(), createElementBlock(
+        "span",
+        {
+          key: 0,
+          class: normalizeClass(containerKls.value),
+          style: normalizeStyle({ backgroundColor: _ctx.color }),
+          onClick: handleClick
+        },
+        [
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(unref(ns).e("content"))
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            2
+          ),
+          _ctx.closable ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            "aria-label": unref(t)("el.tag.close"),
+            class: normalizeClass(unref(ns).e("close")),
+            type: "button",
+            onClick: withModifiers(handleClose, ["stop"])
+          }, [
+            createVNode(unref(ElIcon), null, {
+              default: withCtx(() => [
+                createVNode(unref(Close))
+              ]),
+              _: 1
+            })
+          ], 10, _hoisted_1)) : createCommentVNode("v-if", true)
+        ],
+        6
+      )) : (openBlock(), createBlock(Transition, {
+        key: 1,
+        name: `${unref(ns).namespace.value}-zoom-in-center`,
+        appear: "",
+        onVnodeMounted: handleVNodeMounted
+      }, {
+        default: withCtx(() => [
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass(containerKls.value),
+              style: normalizeStyle({ backgroundColor: _ctx.color }),
+              onClick: handleClick
+            },
+            [
+              createElementVNode(
+                "span",
+                {
+                  class: normalizeClass(unref(ns).e("content"))
+                },
+                [
+                  renderSlot(_ctx.$slots, "default")
+                ],
+                2
+              ),
+              _ctx.closable ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                "aria-label": unref(t)("el.tag.close"),
+                class: normalizeClass(unref(ns).e("close")),
+                type: "button",
+                onClick: withModifiers(handleClose, ["stop"])
+              }, [
+                createVNode(unref(ElIcon), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(Close))
+                  ]),
+                  _: 1
+                })
+              ], 10, _hoisted_2)) : createCommentVNode("v-if", true)
+            ],
+            6
+          )
+        ]),
+        _: 3
+      }, 8, ["name"]));
+    };
+  }
 });
-const tagEmits = {
-  close: (evt) => evt instanceof MouseEvent,
-  click: (evt) => evt instanceof MouseEvent
-};
+var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]);
 
-export { tagEmits, tagProps };
+export { Tag as default };
 //# sourceMappingURL=tag.mjs.map

package/es/components/tag/src/tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tag.mjs","sources":["../../../../../../packages/components/tag/src/tag.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type Tag from './tag.vue'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const tagProps = buildProps({\n  /**\n   * @description type of Tag\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'info', 'warning', 'danger'],\n    default: 'primary',\n  },\n  /**\n   * @description whether Tag can be removed\n   */\n  closable: Boolean,\n  /**\n   * @description whether to disable animations\n   */\n  disableTransitions: Boolean,\n  /**\n   * @description whether Tag has a highlighted border\n   */\n  hit: Boolean,\n  /**\n   * @description background color of the Tag\n   */\n  color: String,\n  /**\n   * @description size of Tag\n   */\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  /**\n   * @description theme of Tag\n   */\n  effect: {\n    type: String,\n    values: ['dark', 'light', 'plain'],\n    default: 'light',\n  },\n  /**\n   * @description whether Tag is rounded\n   */\n  round: Boolean,\n} as const)\nexport type TagProps = ExtractPropTypes<typeof tagProps>\nexport type TagPropsPublic = ExtractPublicPropTypes<typeof tagProps>\n\nexport const tagEmits = {\n  close: (evt: MouseEvent) => evt instanceof MouseEvent,\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type TagEmits = typeof tagEmits\n\nexport type TagInstance = InstanceType<typeof Tag> & unknown\n"],"names":[],"mappings":";;;AAMO,MAAM,WAAW,UAAW,CAAA;AAAA,EAIjC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAW,EAAA,MAAA,EAAQ,WAAW,QAAQ,CAAA;AAAA,IAC1D,OAAS,EAAA,SAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AAAA,EAIV,kBAAoB,EAAA,OAAA;AAAA,EAIpB,GAAK,EAAA,OAAA;AAAA,EAIL,KAAO,EAAA,MAAA;AAAA,EAIP,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,cAAA;AAAA,GACV;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,MAAQ,EAAA,OAAA,EAAS,OAAO,CAAA;AAAA,IACjC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA,OAAA;AACT,CAAU,EAAA;AAIH,MAAM,QAAW,GAAA;AAAA,EACtB,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAAA,EAC3C,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAC7C;;;;"}
+{"version":3,"file":"tag.mjs","sources":["../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"disableTransitions\"\n    :class=\"containerKls\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"ns.e('content')\">\n      <slot />\n    </span>\n    <button\n      v-if=\"closable\"\n      :aria-label=\"t('el.tag.close')\"\n      :class=\"ns.e('close')\"\n      type=\"button\"\n      @click.stop=\"handleClose\"\n    >\n      <el-icon>\n        <Close />\n      </el-icon>\n    </button>\n  </span>\n  <transition\n    v-else\n    :name=\"`${ns.namespace.value}-zoom-in-center`\"\n    appear\n    @vue:mounted=\"handleVNodeMounted\"\n  >\n    <span\n      :class=\"containerKls\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span :class=\"ns.e('content')\">\n        <slot />\n      </span>\n      <button\n        v-if=\"closable\"\n        :aria-label=\"t('el.tag.close')\"\n        :class=\"ns.e('close')\"\n        type=\"button\"\n        @click.stop=\"handleClose\"\n      >\n        <el-icon>\n          <Close />\n        </el-icon>\n      </button>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { Close } from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { tagEmits, tagProps } from './tag'\n\nimport type { VNode } from 'vue'\n\ndefineOptions({\n  name: 'ElTag',\n})\nconst props = defineProps(tagProps)\nconst emit = defineEmits(tagEmits)\n\nconst tagSize = useFormSize()\nconst { t } = useLocale()\nconst ns = useNamespace('tag')\nconst containerKls = computed(() => {\n  const { type, hit, effect, closable, round } = props\n  return [\n    ns.b(),\n    ns.is('closable', closable),\n    ns.m(type || 'primary'),\n    ns.m(tagSize.value),\n    ns.m(effect),\n    ns.is('hit', hit),\n    ns.is('round', round),\n  ]\n})\n\n// methods\nconst handleClose = (event: MouseEvent) => {\n  emit('close', event)\n}\n\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event)\n}\n\nconst handleVNodeMounted = (vnode: VNode) => {\n  // @ts-ignore\n  if (vnode?.component?.subTree?.component?.bum) {\n    // @ts-ignore\n    vnode.component.subTree.component.bum = null\n  }\n}\n</script>\n"],"names":["disableTransitions","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","color","_createElementVNode","_unref","_renderSlot","closable","_withModifiers","_createVNode","_withCtx","_createBlock","_Transition"],"mappings":"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"}

package/es/components/tag/src/tag2.mjs

@@ -1,136 +1,31 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, unref, renderSlot, withModifiers, createVNode, withCtx, createCommentVNode, createBlock, Transition } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import { Close } from '@element-plus/icons-vue';
-import { tagProps, tagEmits } from './tag.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { componentSizes } from '../../../constants/size.mjs';
 
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = ["aria-label"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElTag"
+const tagProps = buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "info", "warning", "danger"],
+    default: "primary"
   },
-  __name: "tag",
-  props: tagProps,
-  emits: tagEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const tagSize = useFormSize();
-    const { t } = useLocale();
-    const ns = useNamespace("tag");
-    const containerKls = computed(() => {
-      const { type, hit, effect, closable, round } = props;
-      return [
-        ns.b(),
-        ns.is("closable", closable),
-        ns.m(type || "primary"),
-        ns.m(tagSize.value),
-        ns.m(effect),
-        ns.is("hit", hit),
-        ns.is("round", round)
-      ];
-    });
-    const handleClose = (event) => {
-      emit("close", event);
-    };
-    const handleClick = (event) => {
-      emit("click", event);
-    };
-    const handleVNodeMounted = (vnode) => {
-      var _a, _b, _c;
-      if ((_c = (_b = (_a = vnode == null ? void 0 : vnode.component) == null ? void 0 : _a.subTree) == null ? void 0 : _b.component) == null ? void 0 : _c.bum) {
-        vnode.component.subTree.component.bum = null;
-      }
-    };
-    return (_ctx, _cache) => {
-      return _ctx.disableTransitions ? (openBlock(), createElementBlock(
-        "span",
-        {
-          key: 0,
-          class: normalizeClass(containerKls.value),
-          style: normalizeStyle({ backgroundColor: _ctx.color }),
-          onClick: handleClick
-        },
-        [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass(unref(ns).e("content"))
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          ),
-          _ctx.closable ? (openBlock(), createElementBlock("button", {
-            key: 0,
-            "aria-label": unref(t)("el.tag.close"),
-            class: normalizeClass(unref(ns).e("close")),
-            type: "button",
-            onClick: withModifiers(handleClose, ["stop"])
-          }, [
-            createVNode(unref(ElIcon), null, {
-              default: withCtx(() => [
-                createVNode(unref(Close))
-              ]),
-              _: 1
-            })
-          ], 10, _hoisted_1)) : createCommentVNode("v-if", true)
-        ],
-        6
-      )) : (openBlock(), createBlock(Transition, {
-        key: 1,
-        name: `${unref(ns).namespace.value}-zoom-in-center`,
-        appear: "",
-        onVnodeMounted: handleVNodeMounted
-      }, {
-        default: withCtx(() => [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass(containerKls.value),
-              style: normalizeStyle({ backgroundColor: _ctx.color }),
-              onClick: handleClick
-            },
-            [
-              createElementVNode(
-                "span",
-                {
-                  class: normalizeClass(unref(ns).e("content"))
-                },
-                [
-                  renderSlot(_ctx.$slots, "default")
-                ],
-                2
-              ),
-              _ctx.closable ? (openBlock(), createElementBlock("button", {
-                key: 0,
-                "aria-label": unref(t)("el.tag.close"),
-                class: normalizeClass(unref(ns).e("close")),
-                type: "button",
-                onClick: withModifiers(handleClose, ["stop"])
-              }, [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(Close))
-                  ]),
-                  _: 1
-                })
-              ], 10, _hoisted_2)) : createCommentVNode("v-if", true)
-            ],
-            6
-          )
-        ]),
-        _: 3
-      }, 8, ["name"]));
-    };
-  }
+  closable: Boolean,
+  disableTransitions: Boolean,
+  hit: Boolean,
+  color: String,
+  size: {
+    type: String,
+    values: componentSizes
+  },
+  effect: {
+    type: String,
+    values: ["dark", "light", "plain"],
+    default: "light"
+  },
+  round: Boolean
 });
-var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]);
+const tagEmits = {
+  close: (evt) => evt instanceof MouseEvent,
+  click: (evt) => evt instanceof MouseEvent
+};
 
-export { Tag as default };
+export { tagEmits, tagProps };
 //# sourceMappingURL=tag2.mjs.map