element-pe 2.3.3 → 2.3.4

package/es/components/resizable-columns/src/resizable-columns2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-columns2.mjs","sources":["../../../../../../packages/components/resizable-columns/src/resizable-columns.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"columnsContainer\"\n    :class=\"columnsKls\"\n    :widget=\"widget\"\n    @mousedown=\"handleMousedown\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onMounted,\n  provide,\n  reactive,\n  ref\n} from 'vue'\nimport { useNamespace, useOrderedChildren } from '../../../hooks'\nimport { resizableColumnsRootContextKey } from './constants'\nimport { resizableColumnsProps } from './resizable-columns'\nimport type { ResizableColumnContext } from './constants'\nimport { useGlobalConfig } from '../../config-provider'\n\nexport default defineComponent({\n  name: 'ElResizableColumns',\n  props: resizableColumnsProps,\n  emits: ['collapse', 'expand'],\n  setup(props, { emit }) {\n    const forEditor = useGlobalConfig('forEditor')\n    const ns = useNamespace('resizable-columns')\n    const MIN_WIDTH = props.minWidth > 0 ? props.minWidth : 50\n    const columnsContainer = ref(null)\n    const parentWidth = ref(0)\n\n    const {\n      children: columns,\n      addChild: registerColumn,\n      removeChild: unregisterColumn,\n    } = useOrderedChildren<ResizableColumnContext>(\n      getCurrentInstance()!,\n      'ElResizableColumn'\n    )\n\n    const isVertical = computed(() => props.direction === 'vertical')\n    const columnsKls = computed(() => {\n      return [ns.b(), props.direction === 'vertical' ? 'is-vertical' : 'is-horizontal']\n    })\n\n    const handleCollapse = (column: ResizableColumnContext) => {\n      if (!column.collapsed) {\n        for (let rIndex = column.index! + 1; rIndex < columns.value.length; rIndex++) {\n          const rColumn = columns.value[rIndex]\n          if (!rColumn.collapsed) {\n            rColumn.left = rColumn.left! - column.width!\n            rColumn.width = rColumn.width! + column.width!\n            break\n          } else {\n            rColumn.left = rColumn.left! - column.width!\n          }\n        }\n\n        column.collapsed = true\n        emit('collapse', column.index)\n      }\n    }\n    const handleExpand = (column: ResizableColumnContext) => {\n      if (column.collapsed) {\n        column.collapsed = false\n        const rightColumn = columns.value[column.index! + 1]\n        rightColumn.left = rightColumn.left! + column.width!\n        rightColumn.width = rightColumn.width! > column.width! + MIN_WIDTH ? rightColumn.width! - column.width! : MIN_WIDTH\n\n        const allOtherColumns = columns.value.slice(column.index! + 2)\n        const otherWidth = (parentWidth.value! - rightColumn.left! - rightColumn.width!) / allOtherColumns.length\n        allOtherColumns.forEach((item, index) => {\n          item.left = index * otherWidth + rightColumn.left! + rightColumn.width!\n          item.width = otherWidth\n        })\n\n        emit('expand', column.index)\n      }\n    }\n\n    const initColumnSize = () => {\n      let remainWidth = parentWidth.value\n      const usedWidth = {}\n      columns.value.forEach((item, index) => {\n        if (item.props.width && !forEditor.value) {\n          let uWidth\n          if (item.props.width.endsWith('px')) {\n            uWidth = Number.parseInt(\n              item.props.width.slice(0, Math.max(0, item.props.width.length - 2))\n            )\n          } else if (item.props.width.endsWith('%')) {\n            uWidth =\n              (Number.parseInt(\n                  item.props.width.slice(\n                    0,\n                    Math.max(0, item.props.width.length - 1)\n                  )\n                )  /\n                100) *\n              parentWidth.value\n          }\n          if (uWidth > 0) {\n            usedWidth[String(index)] = uWidth\n            remainWidth -= uWidth\n          }\n        }\n      })\n\n      let passedWidth = 0\n      columns.value.forEach((item, index) => {\n        if (item.props.maxWidth) {\n          if (item.props.maxWidth.endsWith('px')) {\n            item.maxWidth = Number.parseInt(\n              item.props.maxWidth.slice(\n                0,\n                Math.max(0, item.props.maxWidth.length - 2)\n              )\n            )\n          } else if (item.props.maxWidth.endsWith('%')) {\n            item.maxWidth =\n              (Number.parseInt(\n                  item.props.maxWidth.slice(\n                    0,\n                    Math.max(0, item.props.maxWidth.length - 1)\n                  )\n                ) /\n                100) *\n              parentWidth.value\n          }\n        }\n\n        item.left = passedWidth\n        if (columns.value.length === 1) {\n          item.width = parentWidth.value\n        } else {\n          if (usedWidth[String(index)]) {\n            item.width = usedWidth[String(index)]\n          } else {\n            item.width = remainWidth / (columns.value.length - Object.keys(usedWidth).length)\n            usedWidth[String(index)] = item.width\n            remainWidth -= item.width\n          }\n        }\n        passedWidth += item.width!\n        item.index = index\n        item.collapsed = false\n      })\n    }\n\n    provide(resizableColumnsRootContextKey, {\n      props,\n      columns,\n      registerColumn,\n      unregisterColumn,\n      handleCollapse,\n      handleExpand,\n      initColumnSize\n    })\n\n    const resizeConfig = reactive({\n      last: {\n        pos: 0, // 上一次鼠标位置\n        index: 0, // 上一个调整宽度的resizer的序号\n      },\n    })\n\n    onMounted(() => {\n      // 初始化layout参数\n      if (columnsContainer.value) {\n        // 监听外层容器 dom resize，更新layout中每个panel的width和left\n        const resizeObserver = new ResizeObserver((entries) => {\n          for (const entry of entries) {\n            const width = props.direction === 'horizontal' ? entry.contentRect.width : entry.contentRect.height\n            parentWidth.value = width\n            initColumnSize()\n          }\n        })\n        resizeObserver.observe(columnsContainer.value)\n      }\n    })\n\n    const handleMousedown = (e) => {\n      if (forEditor.value) {\n        return\n      }\n      const index = e.target.dataset.index\n      if (index !== null && index !== undefined) {\n        if (columns.value[index].collapsed) {\n          return\n        }\n\n        // 禁止文字选择\n        document.onselectstart = () => false\n        // 禁止元素拖拽\n        document.ondragstart = () => false\n        resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX\n        resizeConfig.last.index = Number.parseInt(index)\n        document.addEventListener('mousemove', handleMousemove)\n        document.addEventListener('mouseup', handleMouseup)\n      }\n    }\n\n    const handleMousemove = (e) => {\n      // 当前resizer的序号\n      const index = resizeConfig.last.index\n      let offsetX = (isVertical.value ? e.clientY : e.clientX) - resizeConfig.last.pos\n      // 找到左边可以调整宽度的panel\n      let leftIndex = index\n      while (leftIndex >= 0 && columns.value[leftIndex].width! <= MIN_WIDTH) {\n        leftIndex--\n      }\n      let rightIndex = index + 1\n      while (\n        rightIndex < columns.value.length &&\n        columns.value[rightIndex].width! <= MIN_WIDTH\n      ) {\n        rightIndex++\n      }\n      // 当左侧panel全部已经最小化则暂停\n      if (leftIndex < 0 && offsetX < 0) {\n        return\n      }\n      // 当右侧panel全部已经最小化则暂停\n      if (rightIndex >= columns.value.length && offsetX > 0) {\n        return\n      }\n      if (offsetX < 0) {\n        // resizer左侧panel宽度\n        const newLeftWidth = columns.value[leftIndex].width! + offsetX\n        const newRightWidth = columns.value[leftIndex + 1].width! - offsetX\n        const rightMaxWidth = columns.value[leftIndex + 1].maxWidth\n\n        if (newLeftWidth <= MIN_WIDTH) {\n          offsetX = MIN_WIDTH - columns.value[leftIndex].width!\n          columns.value[leftIndex].width = MIN_WIDTH\n        } else if (rightMaxWidth > 0 && newRightWidth > rightMaxWidth) {\n          offsetX = rightMaxWidth - columns.value[leftIndex + 1].width!\n          columns.value[leftIndex].width =\n            columns.value[leftIndex].width! + offsetX\n        } else {\n          columns.value[leftIndex].width = newLeftWidth\n        }\n\n        // 修改被折叠的中间panel（最小宽度）的位置，要放在修改offset的语句后面\n        for (let i = index; i > leftIndex; i--) {\n          columns.value[i].left = columns.value[i].left! + offsetX\n        }\n        columns.value[index + 1].width =\n          columns.value[index + 1].width! - offsetX\n        columns.value[index + 1].left = columns.value[index + 1].left! + offsetX\n        resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX\n      } else if (offsetX > 0) {\n        // resizer右侧panel宽度\n        const newRightWidth = columns.value[rightIndex].width! - offsetX\n        const newLeftWidth = columns.value[rightIndex - 1].width! + offsetX\n        const leftMaxWidth = columns.value[rightIndex - 1].maxWidth\n\n        if (newRightWidth <= MIN_WIDTH) {\n          // 要和上面反过来，因为这边的offset要是>0的\n          offsetX = columns.value[rightIndex].width! - MIN_WIDTH\n          columns.value[rightIndex].width = MIN_WIDTH\n        } else if (leftMaxWidth > 0 && newLeftWidth > leftMaxWidth) {\n          offsetX = leftMaxWidth - columns.value[rightIndex - 1].width!\n          columns.value[rightIndex].width =\n            columns.value[rightIndex].width! - offsetX\n        } else {\n          columns.value[rightIndex].width = newRightWidth\n        }\n        // 修改被折叠的中间panel（最小宽度）的位置\n        for (let i = index + 1; i <= rightIndex; i++) {\n          columns.value[i].left = columns.value[i].left! + offsetX\n        }\n        columns.value[index].width = columns.value[index].width! + offsetX\n        resizeConfig.last.pos = isVertical.value ? e.clientY : e.clientX\n      }\n    }\n\n    const handleMouseup = () => {\n      // 允许文字选择\n      document.onselectstart = null\n      // 允许元素拖拽\n      document.ondragstart = null\n      document.removeEventListener('mousemove', handleMousemove)\n      document.removeEventListener('mousemove', handleMouseup)\n    }\n\n    const setColumnWidth = (columnIndex: number, width: string) => {\n      setTimeout(() => {\n        let remainWidth = parentWidth.value\n        columns.value.forEach((item, index) => {\n          if (columnIndex === index) {\n            if (width.endsWith('px')) {\n              item.width = Number.parseInt(\n                width.slice(0, Math.max(0, width.length - 2))\n              )\n            } else if (width && width.endsWith('%')) {\n              item.width =\n                (Number.parseInt(width.slice(0, Math.max(0, width.length - 1))) /\n                  100) *\n                parentWidth.value\n            } else {\n              item.width = remainWidth / (columns.value.length - index)\n            }\n          } else {\n            item.width = remainWidth / (columns.value.length - index)\n          }\n\n          item.left = parentWidth.value - remainWidth\n          remainWidth -= item.width\n        })\n      })\n    }\n\n    const toggleColumnCollapse = (columnIndex: number, collapse?: boolean) => {\n      setTimeout(() => {\n        if (columnIndex >= 0 && columnIndex < columns.value.length - 1) {\n          const column = columns.value[columnIndex]\n          if (column) {\n            const toCol = collapse !== undefined ? collapse : !column.collapsed\n            if (toCol) {\n              handleCollapse(column)\n            } else {\n              handleExpand(column)\n            }\n          }\n        }\n      })\n    }\n\n    return {\n      ns,\n      columnsContainer,\n      columnsKls,\n\n      handleMousedown,\n      setColumnWidth,\n      toggleColumnCollapse,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"resizable-columns2.mjs","sources":["../../../../../../packages/components/resizable-columns/src/resizable-columns.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type ResizableColumns from './resizable-columns.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const resizableColumnsProps = buildProps({\n  collapsable: {\n    type: Boolean,\n    default: true\n  },\n  showCollapse: {\n    type: Boolean,\n    default: true\n  },\n  widget: String,\n  minWidth: {\n    type: Number,\n    default: 50\n  },\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal'\n  },\n} as const)\nexport type ResizableColumnsProps = ExtractPropTypes<typeof resizableColumnsProps>\nexport type ResizableColumnsInstance = InstanceType<typeof ResizableColumns>\n"],"names":[],"mappings":";;;AACY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,CAAC;;;;"}

package/es/components/result/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Result from './src/result2.mjs';
-export { IconComponentMap, IconMap, resultProps } from './src/result.mjs';
+import Result from './src/result.mjs';
+export { IconComponentMap, IconMap, resultProps } from './src/result2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElResult = withInstall(Result);

package/es/components/result/src/result.mjs

@@ -1,34 +1,68 @@
-import '../../../utils/index.mjs';
-import { CircleCheckFilled, WarningFilled, CircleCloseFilled, InfoFilled } from '@element-plus/icons-vue';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString } from 'vue';
+import '../../../hooks/index.mjs';
+import { resultProps, IconMap, IconComponentMap } from './result2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const IconMap = {
-  success: "icon-success",
-  warning: "icon-warning",
-  error: "icon-error",
-  info: "icon-info"
-};
-const IconComponentMap = {
-  [IconMap.success]: CircleCheckFilled,
-  [IconMap.warning]: WarningFilled,
-  [IconMap.error]: CircleCloseFilled,
-  [IconMap.info]: InfoFilled
-};
-const resultProps = buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  subTitle: {
-    type: String,
-    default: ""
-  },
-  icon: {
-    type: String,
-    values: ["success", "warning", "info", "error"],
-    default: "info"
+const __default__ = defineComponent({
+  name: "ElResult"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: resultProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("result");
+    const resultIcon = computed(() => {
+      const icon = props.icon;
+      const iconClass = icon && IconMap[icon] ? IconMap[icon] : "icon-info";
+      const iconComponent = IconComponentMap[iconClass] || IconComponentMap["icon-info"];
+      return {
+        class: iconClass,
+        component: iconComponent
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("icon"))
+        }, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            unref(resultIcon).component ? (openBlock(), createBlock(resolveDynamicComponent(unref(resultIcon).component), {
+              key: 0,
+              class: normalizeClass(unref(resultIcon).class)
+            }, null, 8, ["class"])) : createCommentVNode("v-if", true)
+          ])
+        ], 2),
+        _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("title"))
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createElementVNode("p", null, toDisplayString(_ctx.title), 1)
+          ])
+        ], 2)) : createCommentVNode("v-if", true),
+        _ctx.subTitle || _ctx.$slots["sub-title"] ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("subtitle"))
+        }, [
+          renderSlot(_ctx.$slots, "sub-title", {}, () => [
+            createElementVNode("p", null, toDisplayString(_ctx.subTitle), 1)
+          ])
+        ], 2)) : createCommentVNode("v-if", true),
+        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(unref(ns).e("extra"))
+        }, [
+          renderSlot(_ctx.$slots, "extra")
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 2);
+    };
   }
 });
+var Result = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "result.vue"]]);
 
-export { IconComponentMap, IconMap, resultProps };
+export { Result as default };
 //# sourceMappingURL=result.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"result.mjs","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport {\n  CircleCheckFilled,\n  CircleCloseFilled,\n  InfoFilled,\n  WarningFilled,\n} from '@element-plus/icons-vue'\nimport type { Component, ExtractPropTypes } from 'vue'\nimport type Result from './result.vue'\n\nexport const IconMap = {\n  success: 'icon-success',\n  warning: 'icon-warning',\n  error: 'icon-error',\n  info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n  typeof IconMap[keyof typeof IconMap],\n  Component\n> = {\n  [IconMap.success]: CircleCheckFilled,\n  [IconMap.warning]: WarningFilled,\n  [IconMap.error]: CircleCloseFilled,\n  [IconMap.info]: InfoFilled,\n}\n\nexport const resultProps = buildProps({\n  /**\n   * @description title of result\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sub title of result\n   */\n  subTitle: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon type of result\n   */\n  icon: {\n    type: String,\n    values: ['success', 'warning', 'info', 'error'],\n    default: 'info',\n  },\n} as const)\n\nexport type ResultProps = ExtractPropTypes<typeof resultProps>\n\nexport type ResultInstance = InstanceType<typeof Result>\n"],"names":[],"mappings":";;;;AAOY,MAAC,OAAO,GAAG;AACvB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,KAAK,EAAE,YAAY;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE;AACU,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,iBAAiB;AACtC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,aAAa;AAClC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,iBAAiB;AACpC,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,UAAU;AAC5B,EAAE;AACU,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;AACnD,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"result.mjs","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('icon')\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n      <slot name=\"sub-title\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n      <slot name=\"extra\" />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap, resultProps } from './result'\n\ndefineOptions({\n  name: 'ElResult',\n})\n\nconst props = defineProps(resultProps)\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n  const icon = props.icon\n  const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n  const iconComponent =\n    IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n  return {\n    class: iconClass,\n    component: iconComponent,\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAA,MAAM,SAAY,GAAA,IAAA,IAAQ,OAAQ,CAAA,IAAA,CAAA,GAAQ,QAAQ,IAAQ,CAAA,GAAA,WAAA,CAAA;AAC1D,MAAM,MAAA,aAAA,GACJ,gBAAiB,CAAA,SAAA,CAAA,IAAc,gBAAiB,CAAA,WAAA,CAAA,CAAA;AAElD,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,SAAW,EAAA,aAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/result/src/result2.mjs

@@ -1,68 +1,34 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString } from 'vue';
-import '../../../hooks/index.mjs';
-import { resultProps, IconMap, IconComponentMap } from './result.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { CircleCheckFilled, WarningFilled, CircleCloseFilled, InfoFilled } from '@element-plus/icons-vue';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElResult"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: resultProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("result");
-    const resultIcon = computed(() => {
-      const icon = props.icon;
-      const iconClass = icon && IconMap[icon] ? IconMap[icon] : "icon-info";
-      const iconComponent = IconComponentMap[iconClass] || IconComponentMap["icon-info"];
-      return {
-        class: iconClass,
-        component: iconComponent
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("icon"))
-        }, [
-          renderSlot(_ctx.$slots, "icon", {}, () => [
-            unref(resultIcon).component ? (openBlock(), createBlock(resolveDynamicComponent(unref(resultIcon).component), {
-              key: 0,
-              class: normalizeClass(unref(resultIcon).class)
-            }, null, 8, ["class"])) : createCommentVNode("v-if", true)
-          ])
-        ], 2),
-        _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(ns).e("title"))
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createElementVNode("p", null, toDisplayString(_ctx.title), 1)
-          ])
-        ], 2)) : createCommentVNode("v-if", true),
-        _ctx.subTitle || _ctx.$slots["sub-title"] ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(ns).e("subtitle"))
-        }, [
-          renderSlot(_ctx.$slots, "sub-title", {}, () => [
-            createElementVNode("p", null, toDisplayString(_ctx.subTitle), 1)
-          ])
-        ], 2)) : createCommentVNode("v-if", true),
-        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: normalizeClass(unref(ns).e("extra"))
-        }, [
-          renderSlot(_ctx.$slots, "extra")
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 2);
-    };
+const IconMap = {
+  success: "icon-success",
+  warning: "icon-warning",
+  error: "icon-error",
+  info: "icon-info"
+};
+const IconComponentMap = {
+  [IconMap.success]: CircleCheckFilled,
+  [IconMap.warning]: WarningFilled,
+  [IconMap.error]: CircleCloseFilled,
+  [IconMap.info]: InfoFilled
+};
+const resultProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  subTitle: {
+    type: String,
+    default: ""
+  },
+  icon: {
+    type: String,
+    values: ["success", "warning", "info", "error"],
+    default: "info"
   }
 });
-var Result = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "result.vue"]]);
 
-export { Result as default };
+export { IconComponentMap, IconMap, resultProps };
 //# sourceMappingURL=result2.mjs.map

package/es/components/result/src/result2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"result2.mjs","sources":["../../../../../../packages/components/result/src/result.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('icon')\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" :class=\"ns.e('title')\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots['sub-title']\" :class=\"ns.e('subtitle')\">\n      <slot name=\"sub-title\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" :class=\"ns.e('extra')\">\n      <slot name=\"extra\" />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { IconComponentMap, IconMap, resultProps } from './result'\n\ndefineOptions({\n  name: 'ElResult',\n})\n\nconst props = defineProps(resultProps)\n\nconst ns = useNamespace('result')\n\nconst resultIcon = computed(() => {\n  const icon = props.icon\n  const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n  const iconComponent =\n    IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n  return {\n    class: iconClass,\n    component: iconComponent,\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCA+Bc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAEhC,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAA,MAAM,SAAY,GAAA,IAAA,IAAQ,OAAQ,CAAA,IAAA,CAAA,GAAQ,QAAQ,IAAQ,CAAA,GAAA,WAAA,CAAA;AAC1D,MAAM,MAAA,aAAA,GACJ,gBAAiB,CAAA,SAAA,CAAA,IAAc,gBAAiB,CAAA,WAAA,CAAA,CAAA;AAElD,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,SAAW,EAAA,aAAA;AAAA,OACb,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"result2.mjs","sources":["../../../../../../packages/components/result/src/result.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport {\n  CircleCheckFilled,\n  CircleCloseFilled,\n  InfoFilled,\n  WarningFilled,\n} from '@element-plus/icons-vue'\nimport type { Component, ExtractPropTypes } from 'vue'\nimport type Result from './result.vue'\n\nexport const IconMap = {\n  success: 'icon-success',\n  warning: 'icon-warning',\n  error: 'icon-error',\n  info: 'icon-info',\n} as const\n\nexport const IconComponentMap: Record<\n  typeof IconMap[keyof typeof IconMap],\n  Component\n> = {\n  [IconMap.success]: CircleCheckFilled,\n  [IconMap.warning]: WarningFilled,\n  [IconMap.error]: CircleCloseFilled,\n  [IconMap.info]: InfoFilled,\n}\n\nexport const resultProps = buildProps({\n  /**\n   * @description title of result\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sub title of result\n   */\n  subTitle: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description icon type of result\n   */\n  icon: {\n    type: String,\n    values: ['success', 'warning', 'info', 'error'],\n    default: 'info',\n  },\n} as const)\n\nexport type ResultProps = ExtractPropTypes<typeof resultProps>\n\nexport type ResultInstance = InstanceType<typeof Result>\n"],"names":[],"mappings":";;;;AAOY,MAAC,OAAO,GAAG;AACvB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,OAAO,EAAE,cAAc;AACzB,EAAE,KAAK,EAAE,YAAY;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE;AACU,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,iBAAiB;AACtC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,aAAa;AAClC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,iBAAiB;AACpC,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,UAAU;AAC5B,EAAE;AACU,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;AACnD,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}

package/es/components/roving-focus-group/index.mjs

@@ -1,7 +1,7 @@
-import ElRovingFocusGroup from './src/roving-focus-group2.mjs';
-export { default as ElRovingFocusGroup, default } from './src/roving-focus-group2.mjs';
+import ElRovingFocusGroup from './src/roving-focus-group.mjs';
+export { default as ElRovingFocusGroup, default } from './src/roving-focus-group.mjs';
 export { default as ElRovingFocusItem } from './src/roving-focus-item.mjs';
 export { ROVING_FOCUS_GROUP_INJECTION_KEY, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from './src/tokens.mjs';
 export { focusFirst, getFocusIntent, reorderArray } from './src/utils.mjs';
-export { ROVING_FOCUS_COLLECTION_INJECTION_KEY, ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY } from './src/roving-focus-group.mjs';
+export { ROVING_FOCUS_COLLECTION_INJECTION_KEY, ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY } from './src/roving-focus-group2.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group-impl.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, inject, computed, unref, provide, readonly, toRef
 import { useEventListener } from '@vueuse/core';
 import '../../../utils/index.mjs';
 import '../../config-provider/index.mjs';
-import { rovingFocusGroupProps, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group.mjs';
+import { rovingFocusGroupProps, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group2.mjs';
 import { ROVING_FOCUS_GROUP_INJECTION_KEY } from './tokens.mjs';
 import { focusFirst } from './utils.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';

package/es/components/roving-focus-group/src/roving-focus-group.mjs

@@ -1,33 +1,31 @@
-import '../../../utils/index.mjs';
-import '../../collection/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { createCollectionWithScope } from '../../collection/src/collection.mjs';
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot } from 'vue';
+import ElRovingFocusGroupImpl from './roving-focus-group-impl.mjs';
+import { ElCollection } from './roving-focus-group2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const rovingFocusGroupProps = buildProps({
-  style: { type: definePropType([String, Array, Object]) },
-  currentTabId: {
-    type: definePropType(String)
-  },
-  defaultCurrentTabId: String,
-  loop: Boolean,
-  dir: {
-    type: String,
-    values: ["ltr", "rtl"],
-    default: "ltr"
-  },
-  orientation: {
-    type: definePropType(String)
-  },
-  onBlur: Function,
-  onFocus: Function,
-  onMousedown: Function
+const _sfc_main = defineComponent({
+  name: "ElRovingFocusGroup",
+  components: {
+    ElFocusGroupCollection: ElCollection,
+    ElRovingFocusGroupImpl
+  }
 });
-const {
-  ElCollection,
-  ElCollectionItem,
-  COLLECTION_INJECTION_KEY,
-  COLLECTION_ITEM_INJECTION_KEY
-} = createCollectionWithScope("RovingFocusGroup");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
+  const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
+  return openBlock(), createBlock(_component_el_focus_group_collection, null, {
+    default: withCtx(() => [
+      createVNode(_component_el_roving_focus_group_impl, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)
+    ]),
+    _: 3
+  });
+}
+var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "roving-focus-group.vue"]]);
 
-export { ElCollection, ElCollectionItem, COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, rovingFocusGroupProps };
+export { ElRovingFocusGroup as default };
 //# sourceMappingURL=roving-focus-group.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-group.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { createCollectionWithScope } from '@element-plus/components/collection'\nimport type { ExtractPropTypes, HTMLAttributes, StyleValue } from 'vue'\n\nexport const rovingFocusGroupProps = buildProps({\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  currentTabId: {\n    type: definePropType<string | null>(String),\n  },\n  defaultCurrentTabId: String,\n  loop: Boolean,\n  dir: {\n    type: String, // left for direction support\n    values: ['ltr', 'rtl'],\n    default: 'ltr',\n  },\n  orientation: {\n    // left for orientation support\n    type: definePropType<HTMLAttributes['aria-orientation']>(String),\n  },\n\n  onBlur: Function,\n  onFocus: Function,\n  onMousedown: Function,\n})\n\nexport type ElRovingFocusGroupProps = ExtractPropTypes<\n  typeof rovingFocusGroupProps\n>\n\nconst {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('RovingFocusGroup')\n\nexport {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n}\n"],"names":[],"mappings":";;;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE,MAAM;AAC7B,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,WAAW,EAAE,QAAQ;AACvB,CAAC,EAAE;AACE,MAAC;AACN,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,wBAAwB;AAC1B,EAAE,6BAA6B;AAC/B,CAAC,GAAG,yBAAyB,CAAC,kBAAkB;;;;"}
+{"version":3,"file":"roving-focus-group.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.vue"],"sourcesContent":["<template>\n  <el-focus-group-collection>\n    <el-roving-focus-group-impl v-bind=\"$attrs\">\n      <slot />\n    </el-roving-focus-group-impl>\n  </el-focus-group-collection>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ElRovingFocusGroupImpl from './roving-focus-group-impl.vue'\nimport { ElCollection as ElFocusGroupCollection } from './roving-focus-group'\n\nexport default defineComponent({\n  name: 'ElRovingFocusGroup',\n  components: {\n    ElFocusGroupCollection,\n    ElRovingFocusGroupImpl,\n  },\n})\n</script>\n"],"names":["ElFocusGroupCollection","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":";;;;;AAaA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,UAAY,EAAA;AAAA,4BACVA,YAAA;AAAA,IACA,sBAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;sBAlBCC,WAI4B,CAAA,oCAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAH1B,MAE6B;AAAA,MAF7BC,WAAA,CAE6B,yEAFO,IAAM,CAAA,MAAA,CAAA,CAAA,EAAA;AAAA,QAAA,OAAA,EAAAD,OAAA,CACxC,MAAQ;AAAA,UAARE,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA,CAAA;;;;;;;;;;;"}

package/es/components/roving-focus-group/src/roving-focus-group2.mjs

@@ -1,31 +1,33 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, renderSlot } from 'vue';
-import ElRovingFocusGroupImpl from './roving-focus-group-impl.mjs';
-import { ElCollection } from './roving-focus-group.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import '../../../utils/index.mjs';
+import '../../collection/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { createCollectionWithScope } from '../../collection/src/collection.mjs';
 
-const _sfc_main = defineComponent({
-  name: "ElRovingFocusGroup",
-  components: {
-    ElFocusGroupCollection: ElCollection,
-    ElRovingFocusGroupImpl
-  }
+const rovingFocusGroupProps = buildProps({
+  style: { type: definePropType([String, Array, Object]) },
+  currentTabId: {
+    type: definePropType(String)
+  },
+  defaultCurrentTabId: String,
+  loop: Boolean,
+  dir: {
+    type: String,
+    values: ["ltr", "rtl"],
+    default: "ltr"
+  },
+  orientation: {
+    type: definePropType(String)
+  },
+  onBlur: Function,
+  onFocus: Function,
+  onMousedown: Function
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
-  const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
-  return openBlock(), createBlock(_component_el_focus_group_collection, null, {
-    default: withCtx(() => [
-      createVNode(_component_el_roving_focus_group_impl, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16)
-    ]),
-    _: 3
-  });
-}
-var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "roving-focus-group.vue"]]);
+const {
+  ElCollection,
+  ElCollectionItem,
+  COLLECTION_INJECTION_KEY,
+  COLLECTION_ITEM_INJECTION_KEY
+} = createCollectionWithScope("RovingFocusGroup");
 
-export { ElRovingFocusGroup as default };
+export { ElCollection, ElCollectionItem, COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY, rovingFocusGroupProps };
 //# sourceMappingURL=roving-focus-group2.mjs.map

package/es/components/roving-focus-group/src/roving-focus-group2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.vue"],"sourcesContent":["<template>\n  <el-focus-group-collection>\n    <el-roving-focus-group-impl v-bind=\"$attrs\">\n      <slot />\n    </el-roving-focus-group-impl>\n  </el-focus-group-collection>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport ElRovingFocusGroupImpl from './roving-focus-group-impl.vue'\nimport { ElCollection as ElFocusGroupCollection } from './roving-focus-group'\n\nexport default defineComponent({\n  name: 'ElRovingFocusGroup',\n  components: {\n    ElFocusGroupCollection,\n    ElRovingFocusGroupImpl,\n  },\n})\n</script>\n"],"names":["ElFocusGroupCollection","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":";;;;;AAaA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,UAAY,EAAA;AAAA,4BACVA,YAAA;AAAA,IACA,sBAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;sBAlBCC,WAI4B,CAAA,oCAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAH1B,MAE6B;AAAA,MAF7BC,WAAA,CAE6B,yEAFO,IAAM,CAAA,MAAA,CAAA,CAAA,EAAA;AAAA,QAAA,OAAA,EAAAD,OAAA,CACxC,MAAQ;AAAA,UAARE,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"roving-focus-group2.mjs","sources":["../../../../../../packages/components/roving-focus-group/src/roving-focus-group.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { createCollectionWithScope } from '@element-plus/components/collection'\nimport type { ExtractPropTypes, HTMLAttributes, StyleValue } from 'vue'\n\nexport const rovingFocusGroupProps = buildProps({\n  style: { type: definePropType<StyleValue>([String, Array, Object]) },\n  currentTabId: {\n    type: definePropType<string | null>(String),\n  },\n  defaultCurrentTabId: String,\n  loop: Boolean,\n  dir: {\n    type: String, // left for direction support\n    values: ['ltr', 'rtl'],\n    default: 'ltr',\n  },\n  orientation: {\n    // left for orientation support\n    type: definePropType<HTMLAttributes['aria-orientation']>(String),\n  },\n\n  onBlur: Function,\n  onFocus: Function,\n  onMousedown: Function,\n})\n\nexport type ElRovingFocusGroupProps = ExtractPropTypes<\n  typeof rovingFocusGroupProps\n>\n\nconst {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY,\n} = createCollectionWithScope('RovingFocusGroup')\n\nexport {\n  ElCollection,\n  ElCollectionItem,\n  COLLECTION_INJECTION_KEY as ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  COLLECTION_ITEM_INJECTION_KEY as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n}\n"],"names":[],"mappings":";;;;;AAEY,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE,MAAM;AAC7B,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,OAAO,EAAE,QAAQ;AACnB,EAAE,WAAW,EAAE,QAAQ;AACvB,CAAC,EAAE;AACE,MAAC;AACN,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,wBAAwB;AAC1B,EAAE,6BAA6B;AAC/B,CAAC,GAAG,yBAAyB,CAAC,kBAAkB;;;;"}

package/es/components/roving-focus-group/src/roving-focus-item.mjs

@@ -3,7 +3,7 @@ import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
 import '../../../constants/index.mjs';
 import '../../config-provider/index.mjs';
-import { ElCollectionItem, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group.mjs';
+import { ElCollectionItem, ROVING_FOCUS_COLLECTION_INJECTION_KEY as COLLECTION_INJECTION_KEY } from './roving-focus-group2.mjs';
 import { ROVING_FOCUS_GROUP_INJECTION_KEY, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from './tokens.mjs';
 import { getFocusIntent, reorderArray, focusFirst } from './utils.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';

package/es/components/segmented/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Segmented from './src/segmented.mjs';
-export { segmentedEmits, segmentedProps } from './src/segmented2.mjs';
+import Segmented from './src/segmented2.mjs';
+export { segmentedEmits, segmentedProps } from './src/segmented.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElSegmented = withInstall(Segmented);