@element-plus/nightly 0.0.20220506 → 0.0.20220507

package/es/components/popconfirm/src/popconfirm4.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, unref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, renderSlot } from 'vue';
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, renderSlot } from 'vue';
 import { ElButton } from '../../button/index2.mjs';
 import { ElIcon } from '../../icon/index2.mjs';
 import { ElTooltip } from '../../tooltip/index2.mjs';
@@ -8,22 +8,20 @@ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useLocale } from '../../../hooks/use-locale/index2.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index2.mjs';
 
-const COMPONENT_NAME = "ElPopconfirm";
-const _sfc_main = defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    ElButton,
-    ElTooltip,
-    ElIcon
-  },
+const __default__ = {
+  name: "ElPopconfirm"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: popconfirmProps,
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const { t } = useLocale();
     const ns = useNamespace("popconfirm");
     const tooltipRef = ref();
     const hidePopper = () => {
       var _a, _b;
-      (_b = (_a = unref(tooltipRef)) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
+      (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
     };
     const handleCallback = () => {
       hidePopper();
@@ -40,83 +38,74 @@ const _sfc_main = defineComponent({
     };
     const finalConfirmButtonText = computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
     const finalCancelButtonText = computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
-    return {
-      finalConfirmButtonText,
-      finalCancelButtonText,
-      tooltipRef,
-      ns,
-      confirm,
-      cancel
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTooltip), {
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        trigger: "click",
+        effect: "light",
+        "popper-class": `${unref(ns).namespace.value}-popover`,
+        teleported: _ctx.teleported,
+        "fallback-placements": ["bottom", "top", "right", "left"],
+        "hide-after": _ctx.hideAfter,
+        persistent: _ctx.persistent
+      }, {
+        content: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).b())
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("main"))
+            }, [
+              !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass(unref(ns).e("icon")),
+                style: normalizeStyle({ color: _ctx.iconColor })
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              }, 8, ["class", "style"])) : createCommentVNode("v-if", true),
+              createTextVNode(" " + toDisplayString(_ctx.title), 1)
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("action"))
+            }, [
+              createVNode(unref(ElButton), {
+                size: "small",
+                type: _ctx.cancelButtonType === "text" ? "" : _ctx.cancelButtonType,
+                text: _ctx.cancelButtonType === "text",
+                onClick: cancel
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(finalCancelButtonText)), 1)
+                ]),
+                _: 1
+              }, 8, ["type", "text"]),
+              createVNode(unref(ElButton), {
+                size: "small",
+                type: _ctx.confirmButtonType === "text" ? "" : _ctx.confirmButtonType,
+                text: _ctx.confirmButtonType === "text",
+                onClick: confirm
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(finalConfirmButtonText)), 1)
+                ]),
+                _: 1
+              }, 8, ["type", "text"])
+            ], 2)
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["popper-class", "teleported", "hide-after", "persistent"]);
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  return openBlock(), createBlock(_component_el_tooltip, mergeProps({ ref: "tooltipRef" }, _ctx.$attrs, {
-    trigger: "click",
-    effect: "light",
-    "popper-class": `${_ctx.ns.namespace.value}-popover`,
-    teleported: _ctx.teleported,
-    "fallback-placements": ["bottom", "top", "right", "left"],
-    "hide-after": _ctx.hideAfter,
-    persistent: _ctx.persistent
-  }), {
-    content: withCtx(() => [
-      createElementVNode("div", {
-        class: normalizeClass(_ctx.ns.b())
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.ns.e("main"))
-        }, [
-          !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0,
-            class: normalizeClass(_ctx.ns.e("icon")),
-            style: normalizeStyle({ color: _ctx.iconColor })
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-            ]),
-            _: 1
-          }, 8, ["class", "style"])) : createCommentVNode("v-if", true),
-          createTextVNode(" " + toDisplayString(_ctx.title), 1)
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.ns.e("action"))
-        }, [
-          createVNode(_component_el_button, {
-            size: "small",
-            type: _ctx.cancelButtonType === "text" ? "" : _ctx.cancelButtonType,
-            text: _ctx.cancelButtonType === "text",
-            onClick: _ctx.cancel
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.finalCancelButtonText), 1)
-            ]),
-            _: 1
-          }, 8, ["type", "text", "onClick"]),
-          createVNode(_component_el_button, {
-            size: "small",
-            type: _ctx.confirmButtonType === "text" ? "" : _ctx.confirmButtonType,
-            text: _ctx.confirmButtonType === "text",
-            onClick: _ctx.confirm
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.finalConfirmButtonText), 1)
-            ]),
-            _: 1
-          }, 8, ["type", "text", "onClick"])
-        ], 2)
-      ], 2)
-    ]),
-    default: withCtx(() => [
-      _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
-    ]),
-    _: 3
-  }, 16, ["popper-class", "teleported", "hide-after", "persistent"]);
-}
-var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/popconfirm/src/popconfirm.vue"]]);
+var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popconfirm/src/popconfirm.vue"]]);
 
 export { Popconfirm as default };
 //# sourceMappingURL=popconfirm4.mjs.map

package/es/components/popconfirm/src/popconfirm4.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm4.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    trigger=\"click\"\n    effect=\"light\"\n    :popper-class=\"`${ns.namespace.value}-popover`\"\n    :teleported=\"teleported\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    :persistent=\"persistent\"\n  >\n    <template #content>\n      <div :class=\"ns.b()\">\n        <div :class=\"ns.e('main')\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            :class=\"ns.e('icon')\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div :class=\"ns.e('action')\">\n          <el-button\n            size=\"small\"\n            :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n            :text=\"cancelButtonType === 'text'\"\n            @click=\"cancel\"\n          >\n            {{ finalCancelButtonText }}\n          </el-button>\n          <el-button\n            size=\"small\"\n            :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n            :text=\"confirmButtonType === 'text'\"\n            @click=\"confirm\"\n          >\n            {{ finalConfirmButtonText }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref, unref } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nconst COMPONENT_NAME = 'ElPopconfirm'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElButton,\n    ElTooltip,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const ns = useNamespace('popconfirm')\n    const tooltipRef = ref<{ onClose: () => void }>()\n\n    const hidePopper = () => {\n      unref(tooltipRef)?.onClose?.()\n    }\n\n    const handleCallback = () => {\n      hidePopper()\n    }\n\n    const confirm = (e: Event) => {\n      props.onConfirm?.(e)\n      handleCallback()\n    }\n    const cancel = (e: Event) => {\n      props.onCancel?.(e)\n      handleCallback()\n    }\n\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      finalConfirmButtonText,\n      finalCancelButtonText,\n      tooltipRef,\n      ns,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_mergeProps","_withCtx","_normalizeClass","_createElementVNode","_normalizeStyle","_createCommentVNode","_createTextVNode","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;AA0DA,MAAM,cAAiB,GAAA,cAAA,CAAA;AACvB,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,UAAY,EAAA;AAAA,IACV,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,GACF;AAAA,EAEA,KAAO,EAAA,eAAA;AAAA,EAEP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,GAA6B,EAAA,CAAA;AAEhD,IAAA,MAAM,aAAa,MAAM;AACvB,MAAM,IAAA,EAAA,EAAA,EAAA,CAAA;AAAuB,MAC/B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,UAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAEA,KAAA,CAAA;AACE,IAAW,MAAA,cAAA,GAAA,MAAA;AAAA,MACb,UAAA,EAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAA,MAAA,iBAAmB;AACnB,MAAe,IAAA,EAAA,CAAA;AAAA,MACjB,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACA,MAAM,cAAU,EAAa,CAAA;AAC3B,KAAA,CAAA;AACA,IAAe,MAAA,MAAA,GAAA,CAAA,CAAA,KAAA;AAAA,MACjB,IAAA,EAAA,CAAA;AAEA,MAAA,CAAA,EAAA,0BAA+B,GAC7B,KAAA,CAAA,GAAA,EAAA,CAAM,UAA2B,EAAA,CAAA,CAAA,CAAA;AAEnC,MAAA;AAIA,KAAO,CAAA;AAAA,IACL,MAAA,sBAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,iBAAA,IAAA,CAAA,CAAA,iCAAA,CAAA,CAAA,CAAA;AAAA,IACA,MAAA,qBAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,gBAAA,IAAA,CAAA,CAAA,gCAAA,CAAA,CAAA,CAAA;AAAA,IACA,OAAA;AAAA,MACA,sBAAA;AAAA,MAEA,qBAAA;AAAA,MACA,UAAA;AAAA,MACF,EAAA;AAAA,MACF,OAAA;AACF,MAAC,MAAA;;;;;AA5GC,EAAA,MAAA,kBAAA,GAAAA;AAEgB,EAAA,MACN,oBAAA,GAAAA,gBAAA,CAAA,WAAA,CAAA,CAAA;AAAA,EAAA,MACD,qBAAA,GAAAA,gBAAA,CAAA,YAAA,CAAA,CAAA;AAAA,EACN,OAAAC,SAAA,EAAiB,EAAAC,WAAa,CAAA,qBAAA,EAAAC,UAAA,CAAA,EAAA,GAAA,EAAA,YAAA,EAAA,EAAA,IAAA,CAAA,MAAA,EAAA;AAAA,IAC9B,OAAY,EAAA,OAAA;AAAA,IACZ,MAAqB,EAAA,OAAA;AAAA,IACrB,cAAY,EAAA,CAAA,EAAA,IAAA,CAAA,EAAA,CAAA,SAAA,CAAA,KAAA,CAAA,QAAA,CAAA;AAAA,IACZ,UAAY,EAAA,IAAA,CAAA,UAAA;AAAA,IAAA,qBAAA,EAAA,CAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAEF,IAAA,kBACT,CA6BM,SAAA;AAAA,IAAA,UAAA,EAAA,IAAA,CAAA,UAAA;AAAA,GA7BA,CAAA,EAAA;AAAW,IAAA,OAAA,EAAAC,OAAA,CAAA,MAAA;wBAUT,CAAA,KAAA,EAAA;AAAA,QATA,KAAA,EAAAC,cAAO,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,EAAI,CAAA;AAAA,OAAA,EAAA;AAEN,QAAAC,kBAAA,CAAY;AAKX,UAAA,KAAA,EAAAD,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;;AAJI,UACX,CAAA,IAAA,CAAA,kCAAyB,EAAA,EAAAH,WAAA,CAAA,kBAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;iCAEF,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;AAAA,YAAxB,KAAA,EAAAK,cAAA,CAAA,EAAA,KAAwB;AAAJ,WAAA,EAAA;;;AACZ,aAAA,CAAA;AACF,YAAA,CAAA,EAAA,CAAA;WAmBJ,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,UAjBAC,eAAO,CAAA,GAAA,GAAAC,eAAI,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SAAA,EAAA,CAAA,CAAA;0BAQH,CAAA,KAAA,EAAA;AAAA,UAAA,KANL,EAAAL,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA;AAAA,SACJ,EAAA;AAAyC,UAAAM,WACnB,CAAA,oBAAA,EAAA;AAAA,YACtB,IAAO,EAAA,OAAA;AAAA,YAAA,IAAA,EAAA,IAAA,CAAA,gBAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAA,CAAA,gBAAA;uCAEmB,KAAA,MAAA;AAAA,YAAA,OAAA,EAAA,IAAA,CAAA,MAAA;AAAH,WAAA,EAAA;;;aASd,CAAA;AAAA,YANV,CAAK,EAAA,CAAA;AAAA,WACJ,EAAA,CAAA,EAAA,CAAA;AAA0C,UAAAA,WACnB,CAAA,oBAAA,EAAA;AAAA,YACvB,IAAO,EAAA,OAAA;AAAA,YAAA,IAAA,EAAA,IAAA,CAAA,iBAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAA,CAAA,iBAAA;wCAEoB,KAAA,MAAA;AAAA,YAAA,OAAA,EAAA,IAAA,CAAA,OAAA;AAAH,WAAA,EAAA;;;;;;;AAOtB,OAFK,EAAA,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"popconfirm4.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    trigger=\"click\"\n    effect=\"light\"\n    :popper-class=\"`${ns.namespace.value}-popover`\"\n    :teleported=\"teleported\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    :persistent=\"persistent\"\n  >\n    <template #content>\n      <div :class=\"ns.b()\">\n        <div :class=\"ns.e('main')\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            :class=\"ns.e('icon')\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div :class=\"ns.e('action')\">\n          <el-button\n            size=\"small\"\n            :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n            :text=\"cancelButtonType === 'text'\"\n            @click=\"cancel\"\n          >\n            {{ finalCancelButtonText }}\n          </el-button>\n          <el-button\n            size=\"small\"\n            :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n            :text=\"confirmButtonType === 'text'\"\n            @click=\"confirm\"\n          >\n            {{ finalConfirmButtonText }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\ndefineOptions({\n  name: 'ElPopconfirm',\n})\n\nconst props = defineProps(popconfirmProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('popconfirm')\nconst tooltipRef = ref<TooltipInstance>()\n\nconst hidePopper = () => {\n  tooltipRef.value?.onClose?.()\n}\n\nconst handleCallback = () => {\n  hidePopper()\n}\n\nconst confirm = (e: Event) => {\n  props.onConfirm?.(e)\n  handleCallback()\n}\nconst cancel = (e: Event) => {\n  props.onCancel?.(e)\n  handleCallback()\n}\n\nconst finalConfirmButtonText = computed(\n  () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n)\nconst finalCancelButtonText = computed(\n  () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiEA,IAAA,MAAA,EAAA,MAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,YAAA,CAAA,CAAA;AACA,IAAA,MAAA,aAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,aAAA,MAAA;AACA,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAAA,MACA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAEA,KAAA,CAAA;AACA,IAAA,MAAA,cAAA,GAAA,MAAA;AAAA,MACA,UAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AACA,IAAA,MAAA,iBAAA;AACA,MAAA,IAAA,EAAA,CAAA;AAAA,MACA,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACA,MAAA,cAAA,EAAA,CAAA;AACA,KAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAA,CAAA,CAAA,KAAA;AAAA,MACA,IAAA,EAAA,CAAA;AAEA,MAAA,CAAA,EAAA,0BAAA,GACA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,EAAA,CAAA,CAAA,CAAA;AAEA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/table-v2/index.d.ts

@@ -1,5 +1,6 @@
 export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder, } from './src/constants';
 export { default as TableV2 } from './src/table-v2';
+export * from './src/auto-resizer';
 export { placeholderSign as TableV2Placeholder } from './src/private';
 export declare const ElTableV2: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly cache: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
@@ -19,6 +20,7 @@ export declare const ElTableV2: import("element-plus/es/utils").SFCWithInstall<i
     readonly rowClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("./src/table").RowClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
     readonly rowProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
     readonly rowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 50, unknown, unknown, unknown>;
+    readonly cellProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Record<string, any> | import("./src/table").ExtraCellPropGetter<any>>, unknown, unknown, unknown, unknown>;
     readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/common").AnyColumn[]>, unknown, true, unknown, unknown>;
     readonly data: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
     readonly dataGetter: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/types").DataGetter<any>>, unknown, unknown, unknown, unknown>;
@@ -46,10 +48,10 @@ export declare const ElTableV2: import("element-plus/es/utils").SFCWithInstall<i
     readonly onColumnSort: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/table").ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
     readonly onExpandedRowsChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/table").ExpandedRowsChangeHandler>, unknown, unknown, unknown, unknown>;
     readonly onEndReached: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(distance: number) => void>, unknown, unknown, unknown, unknown>;
-    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/row").RowExpandHandler>, unknown, unknown, unknown, unknown>;
     readonly onScroll: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
     readonly onRowsRendered: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(params: import("./src/grid").onRowRenderedParams) => void>, unknown, unknown, unknown, unknown>;
-    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/row").RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/row").RowEventHandlers>, unknown, unknown, unknown, unknown>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly cache: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 2, false, never, never>;
     readonly estimatedRowHeight: {
@@ -68,6 +70,7 @@ export declare const ElTableV2: import("element-plus/es/utils").SFCWithInstall<i
     readonly rowClass: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("./src/table").RowClassNameGetter<any>>, unknown, unknown, unknown, unknown>;
     readonly rowProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, unknown, unknown, unknown>;
     readonly rowHeight: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 50, unknown, unknown, unknown>;
+    readonly cellProps: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Record<string, any> | import("./src/table").ExtraCellPropGetter<any>>, unknown, unknown, unknown, unknown>;
     readonly columns: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/common").AnyColumn[]>, unknown, true, unknown, unknown>;
     readonly data: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any[]>, unknown, true, unknown, unknown>;
     readonly dataGetter: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/types").DataGetter<any>>, unknown, unknown, unknown, unknown>;
@@ -95,10 +98,10 @@ export declare const ElTableV2: import("element-plus/es/utils").SFCWithInstall<i
     readonly onColumnSort: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/table").ColumnSortHandler<any>>, unknown, unknown, unknown, unknown>;
     readonly onExpandedRowsChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/table").ExpandedRowsChangeHandler>, unknown, unknown, unknown, unknown>;
     readonly onEndReached: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(distance: number) => void>, unknown, unknown, unknown, unknown>;
-    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/row").RowExpandHandler>, unknown, unknown, unknown, unknown>;
     readonly onScroll: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
     readonly onRowsRendered: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(params: import("./src/grid").onRowRenderedParams) => void>, unknown, unknown, unknown, unknown>;
-    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/row").RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/row").RowEventHandlers>, unknown, unknown, unknown, unknown>;
 }>>, {
     fixed: boolean;
     onScroll: (...args: any[]) => void;
@@ -111,8 +114,8 @@ export declare const ElTableV2: import("element-plus/es/utils").SFCWithInstall<i
     rowHeight: number;
     hScrollbarSize: number;
     vScrollbarSize: number;
-    onRowExpand: import("./src/row").RowExpandHandler<any>;
-    rowEventHandlers: import("./src/row").RowEventHandlers<any>;
+    onRowExpand: import("./src/row").RowExpandHandler;
+    rowEventHandlers: import("./src/row").RowEventHandlers;
     headerHeight: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<number | number[]>, unknown, unknown>;
     cache: number;
     onRowsRendered: (params: import("./src/grid").onRowRenderedParams) => void;
@@ -123,6 +126,7 @@ export declare const ElTableV2: import("element-plus/es/utils").SFCWithInstall<i
     footerHeight: number;
     rowClass: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("./src/table").RowClassNameGetter<any>>, unknown, unknown>;
     rowProps: any;
+    cellProps: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<Record<string, any> | import("./src/table").ExtraCellPropGetter<any>>, unknown, unknown>;
     dataGetter: import("./src/types").DataGetter<any>;
     indentSize: number;
     iconSize: number;
@@ -133,7 +137,30 @@ export declare const ElTableV2: import("element-plus/es/utils").SFCWithInstall<i
     expandedRowKeys: import("./src/types").KeyType[];
     defaultExpandedRowKeys: import("./src/types").KeyType[];
 }>> & Record<string, any>;
+export declare const ElAutoResizer: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly disableWidth: BooleanConstructor;
+    readonly disableHeight: BooleanConstructor;
+    readonly onResize: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(event: {
+        height: number;
+        width: number;
+    }) => void>, unknown, unknown, unknown, unknown>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly disableWidth: BooleanConstructor;
+    readonly disableHeight: BooleanConstructor;
+    readonly onResize: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(event: {
+        height: number;
+        width: number;
+    }) => void>, unknown, unknown, unknown, unknown>;
+}>>, {
+    onResize: (event: {
+        height: number;
+        width: number;
+    }) => void;
+    disableWidth: boolean;
+    disableHeight: boolean;
+}>> & Record<string, any>;
 export type { Column, Columns, SortBy, SortState, TableV2CustomizedHeaderSlotParam, } from './src/types';
+export type { TableV2Instance } from './src/table-v2';
 export * from './src/table';
 export * from './src/row';
 export type { HeaderCellSlotProps } from './src/renderers/header-cell';

package/es/components/table-v2/index.mjs

@@ -1,7 +1,8 @@
-export { ElTableV2 } from './index2.mjs';
+export { ElAutoResizer, ElTableV2 } from './index2.mjs';
 export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder } from './src/constants2.mjs';
 export { default as TableV2 } from './src/table-v2.mjs';
 export { placeholderSign as TableV2Placeholder } from './src/private2.mjs';
+export { autoResizerProps } from './src/auto-resizer2.mjs';
 export { tableV2Props } from './src/table2.mjs';
 export { tableV2RowProps } from './src/row2.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/table-v2/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/components/table-v2/index2.mjs

@@ -1,13 +1,16 @@
 import '../../utils/index2.mjs';
 import TableV2 from './src/table-v2.mjs';
 export { default as TableV2 } from './src/table-v2.mjs';
+import AutoResizer from './src/components/auto-resizer.mjs';
 export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder } from './src/constants2.mjs';
+export { autoResizerProps } from './src/auto-resizer2.mjs';
 export { placeholderSign as TableV2Placeholder } from './src/private2.mjs';
 export { tableV2Props } from './src/table2.mjs';
 export { tableV2RowProps } from './src/row2.mjs';
 import { withInstall } from '../../utils/vue/install2.mjs';
 
 const ElTableV2 = withInstall(TableV2);
+const ElAutoResizer = withInstall(AutoResizer);
 
-export { ElTableV2 };
+export { ElAutoResizer, ElTableV2 };
 //# sourceMappingURL=index2.mjs.map

package/es/components/table-v2/index2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index2.mjs","sources":["../../../../../packages/components/table-v2/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport TableV2 from './src/table-v2'\n\nexport {\n  Alignment as TableV2Alignment,\n  FixedDir as TableV2FixedDir,\n  SortOrder as TableV2SortOrder,\n} from './src/constants'\nexport { default as TableV2 } from './src/table-v2'\nexport { placeholderSign as TableV2Placeholder } from './src/private'\n\nexport const ElTableV2 = withInstall(TableV2)\n\nexport type {\n  Column,\n  Columns,\n  SortBy,\n  SortState,\n  TableV2CustomizedHeaderSlotParam,\n} from './src/types'\nexport * from './src/table'\nexport * from './src/row'\n\nexport type { HeaderCellSlotProps } from './src/renderers/header-cell'\n"],"names":[],"mappings":";;;;;;;;;AASY,MAAC,SAAS,GAAG,WAAW,CAAC,OAAO;;;;"}
+{"version":3,"file":"index2.mjs","sources":["../../../../../packages/components/table-v2/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport TableV2 from './src/table-v2'\nimport AutoResizer from './src/components/auto-resizer'\n\nexport {\n  Alignment as TableV2Alignment,\n  FixedDir as TableV2FixedDir,\n  SortOrder as TableV2SortOrder,\n} from './src/constants'\nexport { default as TableV2 } from './src/table-v2'\nexport * from './src/auto-resizer'\nexport { placeholderSign as TableV2Placeholder } from './src/private'\n\nexport const ElTableV2 = withInstall(TableV2)\nexport const ElAutoResizer = withInstall(AutoResizer)\n\nexport type {\n  Column,\n  Columns,\n  SortBy,\n  SortState,\n  TableV2CustomizedHeaderSlotParam,\n} from './src/types'\nexport type { TableV2Instance } from './src/table-v2'\nexport * from './src/table'\nexport * from './src/row'\n\nexport type { HeaderCellSlotProps } from './src/renderers/header-cell'\n"],"names":[],"mappings":";;;;;;;;;;;AAWY,MAAC,SAAS,GAAG,WAAW,CAAC,OAAO,EAAE;AAClC,MAAC,aAAa,GAAG,WAAW,CAAC,WAAW;;;;"}

package/es/components/table-v2/src/auto-resizer.d.ts

@@ -0,0 +1,12 @@
+import type { ExtractPropTypes } from 'vue';
+declare type AutoResizeHandler = (event: {
+    height: number;
+    width: number;
+}) => void;
+export declare const autoResizerProps: {
+    readonly disableWidth: BooleanConstructor;
+    readonly disableHeight: BooleanConstructor;
+    readonly onResize: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<AutoResizeHandler>, unknown, unknown, unknown, unknown>;
+};
+export declare type AutoResizerProps = ExtractPropTypes<typeof autoResizerProps>;
+export {};

package/es/components/table-v2/src/auto-resizer.mjs

@@ -0,0 +1,2 @@
+export { autoResizerProps } from './auto-resizer2.mjs';
+//# sourceMappingURL=auto-resizer.mjs.map

package/es/components/table-v2/src/auto-resizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-resizer.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/table-v2/src/auto-resizer2.mjs

@@ -0,0 +1,13 @@
+import '../../../utils/index2.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props2.mjs';
+
+const autoResizerProps = buildProps({
+  disableWidth: Boolean,
+  disableHeight: Boolean,
+  onResize: {
+    type: definePropType(Function)
+  }
+});
+
+export { autoResizerProps };
+//# sourceMappingURL=auto-resizer2.mjs.map

package/es/components/table-v2/src/auto-resizer2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-resizer2.mjs","sources":["../../../../../../packages/components/table-v2/src/auto-resizer.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\ntype AutoResizeHandler = (event: { height: number; width: number }) => void\n\nexport const autoResizerProps = buildProps({\n  disableWidth: Boolean,\n  disableHeight: Boolean,\n  onResize: {\n    type: definePropType<AutoResizeHandler>(Function),\n  },\n} as const)\n\nexport type AutoResizerProps = ExtractPropTypes<typeof autoResizerProps>\n"],"names":[],"mappings":";;;AACY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}

package/es/components/table-v2/src/components/auto-resizer.d.ts

@@ -0,0 +1,23 @@
+declare const AutoResizer: import("vue").DefineComponent<{
+    readonly disableWidth: BooleanConstructor;
+    readonly disableHeight: BooleanConstructor;
+    readonly onResize: import("../../../../utils").BuildPropReturn<import("../../../../utils").PropWrapper<(event: {
+        height: number;
+        width: number;
+    }) => void>, unknown, unknown, unknown, unknown>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly disableWidth: BooleanConstructor;
+    readonly disableHeight: BooleanConstructor;
+    readonly onResize: import("../../../../utils").BuildPropReturn<import("../../../../utils").PropWrapper<(event: {
+        height: number;
+        width: number;
+    }) => void>, unknown, unknown, unknown, unknown>;
+}>>, {
+    onResize: (event: {
+        height: number;
+        width: number;
+    }) => void;
+    disableWidth: boolean;
+    disableHeight: boolean;
+}>;
+export default AutoResizer;

package/es/components/table-v2/src/components/auto-resizer.mjs

@@ -0,0 +1,39 @@
+import { defineComponent, createVNode } from 'vue';
+import '../../../../hooks/index2.mjs';
+import { autoResizerProps } from '../auto-resizer2.mjs';
+import '../composables/index2.mjs';
+import { useNamespace } from '../../../../hooks/use-namespace/index2.mjs';
+import { useAutoResize } from '../composables/use-auto-resize2.mjs';
+
+const AutoResizer = defineComponent({
+  name: "ElAutoResizer",
+  props: autoResizerProps,
+  setup(props, {
+    slots
+  }) {
+    const ns = useNamespace("auto-resizer");
+    const {
+      height,
+      width,
+      sizer
+    } = useAutoResize(props);
+    const style = {
+      width: "100%",
+      height: "100%"
+    };
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "ref": sizer,
+        "class": ns.b(),
+        "style": style
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots, {
+        height: height.value,
+        width: width.value
+      })]);
+    };
+  }
+});
+
+export { AutoResizer as default };
+//# sourceMappingURL=auto-resizer.mjs.map

package/es/components/table-v2/src/components/auto-resizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-resizer.mjs","sources":["../../../../../../../packages/components/table-v2/src/components/auto-resizer.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { autoResizerProps } from '../auto-resizer'\nimport { useAutoResize } from '../composables'\n\nconst AutoResizer = defineComponent({\n  name: 'ElAutoResizer',\n  props: autoResizerProps,\n  setup(props, { slots }) {\n    const ns = useNamespace('auto-resizer')\n    const { height, width, sizer } = useAutoResize(props)\n    const style = {\n      width: '100%',\n      height: '100%',\n    }\n\n    return () => {\n      return (\n        <div ref={sizer} class={ns.b()} style={style}>\n          {slots.default?.({\n            height: height.value,\n            width: width.value,\n          })}\n        </div>\n      )\n    }\n  },\n})\n\nexport default AutoResizer\n"],"names":["AutoResizer","defineComponent","name","props","autoResizerProps","setup","slots","ns","height","width","sizer","useAutoResize","_createVNode","b","style","default","value"],"mappings":";;;;;;;AAKMA,MAAAA,WAAW,GAAGC,eAAe,CAAC;AAClCC,EAAAA,IAAI,EAAE,eAD4B;AAElCC,EAAAA,KAAK,EAAEC,gBAF2B;;AAGlCC,IAAAA,KAAMF;AAASG,GAAAA,EAAAA;AAAF,IAAW,MAAA,EAAA,GAAA,YAAA,CAAA,cAAA,CAAA,CAAA;AACtB,IAAA,MAAMC;AACN,MAAM,MAAA;AAAEC,MAAAA,KAAF;AAAUC,MAAAA,KAAV;AAAiBC,KAAAA,GAAAA,aAAAA,CAAAA,KAAAA,CAAAA,CAAAA;AAAjB,IAA2BC,MAAAA,KAAAA,GAAAA;AACjC,MAAA,aAAc;AACZF,MAAAA,QADY,MAAA;AAEZD,KAAAA,CAAAA;AAFY,IAAd,OAAA,MAAA;AAKA,MAAA,IAAA,EAAa,CAAA;AACX,MAAA,OAAAI,WAAA,CAAA,KAAA,EAAA;AAAA,QAAA,KAAA,EACYF,KADZ;AAAA,QAC0BH,OAAAA,EAAAA,EAAE,CAACM,CAAH,EAD1B;AAAA,QACyCC,OAAAA,EAAAA,KAAAA;AADzC,OAEKR,EAAAA,CAAAA,CAAAA,EAAAA,GAAMS,KAAAA,CAAAA,OAAU,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA;AACfP,QAAAA,MAAM,EAAEA,MAAM,CAACQ,KADA;AAEfP,QAAAA,KAAK,EAAEA,KAAK,CAACO,KAAAA;AAFE,OAAhB,CAFL,CAAA,CAAA,CAAA;AAQD,KATD,CAAA;AAUD,GAAA;;;;;"}

package/es/components/table-v2/src/components/row.d.ts

@@ -14,11 +14,11 @@ declare const TableV2Row: import("vue").DefineComponent<{
         readonly __elPropsReservedKey: true;
     };
     readonly isScrolling: BooleanConstructor;
-    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
-    readonly onRowHover: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowHoverHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowExpandHandler>, unknown, unknown, unknown, unknown>;
+    readonly onRowHover: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowHoverHandler>, unknown, unknown, unknown, unknown>;
     readonly onRowHeightChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowHeightChangeHandler>, unknown, unknown, unknown, unknown>;
     readonly rowData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, true, unknown, unknown>;
-    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowEventHandlers>, unknown, unknown, unknown, unknown>;
     readonly rowIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly rowKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../types").KeyType>, "id", unknown, unknown, unknown>;
     readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
@@ -36,11 +36,11 @@ declare const TableV2Row: import("vue").DefineComponent<{
         readonly __elPropsReservedKey: true;
     };
     readonly isScrolling: BooleanConstructor;
-    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowExpandHandler<any>>, unknown, unknown, unknown, unknown>;
-    readonly onRowHover: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowHoverHandler<any>>, unknown, unknown, unknown, unknown>;
+    readonly onRowExpand: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowExpandHandler>, unknown, unknown, unknown, unknown>;
+    readonly onRowHover: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowHoverHandler>, unknown, unknown, unknown, unknown>;
     readonly onRowHeightChange: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../row").RowHeightChangeHandler>, unknown, unknown, unknown, unknown>;
     readonly rowData: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<any>, unknown, true, unknown, unknown>;
-    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowEventHandlers<any>>, unknown, unknown, unknown, unknown>;
+    readonly rowEventHandlers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<RowEventHandlers>, unknown, unknown, unknown, unknown>;
     readonly rowIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, true, unknown, unknown>;
     readonly rowKey: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("../types").KeyType>, "id", unknown, unknown, unknown>;
     readonly style: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<CSSProperties>, unknown, unknown, unknown, unknown>;
@@ -48,10 +48,10 @@ declare const TableV2Row: import("vue").DefineComponent<{
     style: CSSProperties;
     rowKey: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<import("../types").KeyType>, unknown, unknown>;
     estimatedRowHeight: number;
-    onRowExpand: import("../row").RowExpandHandler<any>;
-    onRowHover: import("../row").RowHoverHandler<any>;
+    onRowExpand: import("../row").RowExpandHandler;
+    onRowHover: import("../row").RowHoverHandler;
     onRowHeightChange: import("../row").RowHeightChangeHandler;
-    rowEventHandlers: RowEventHandlers<any>;
+    rowEventHandlers: RowEventHandlers;
     isScrolling: boolean;
 }>;
 export default TableV2Row;

package/es/components/table-v2/src/components/row.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"row.mjs","sources":["../../../../../../../packages/components/table-v2/src/components/row.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n} from 'vue'\nimport { isArray, isFunction, isNumber } from '@element-plus/utils'\nimport { tableV2RowProps } from '../row'\nimport { TableV2InjectionKey } from '../tokens'\nimport { placeholderSign } from '../private'\n\nimport type { CSSProperties, RendererElement, RendererNode, VNode } from 'vue'\nimport type { RowEventHandlers, TableV2RowProps } from '../row'\n\ntype CustomizedCellsType = VNode<\n  RendererNode,\n  RendererElement,\n  {\n    [key: string]: any\n  }\n>[]\n\ntype DefaultCellsType = VNode<\n  RendererNode,\n  RendererElement,\n  {\n    [key: string]: any\n  }\n>[][]\n\ntype ColumnCellsType = DefaultCellsType | CustomizedCellsType\n\nconst useTableRow = (props: TableV2RowProps) => {\n  const { isScrolling } = inject(TableV2InjectionKey)!\n\n  const measured = ref(false)\n  const rowRef = ref<HTMLElement>()\n  const measurable = computed(() => {\n    return isNumber(props.estimatedRowHeight) && props.rowIndex >= 0\n  })\n\n  const doMeasure = (isInit = false) => {\n    const $rowRef = unref(rowRef)\n    if (!$rowRef) return\n    const { columns, onRowHeightChange, rowKey, rowIndex, style } = props\n    const { height } = $rowRef.getBoundingClientRect()\n    measured.value = true\n\n    nextTick(() => {\n      if (isInit || height !== Number.parseInt(style!.height as string)) {\n        const firstColumn = columns[0]\n        const isPlaceholder = firstColumn?.placeholderSign === placeholderSign\n        onRowHeightChange?.(\n          { rowKey, height, rowIndex },\n          firstColumn && !isPlaceholder && firstColumn.fixed\n        )\n      }\n    })\n  }\n\n  const eventHandlers = computed(() => {\n    const { rowData, rowIndex, rowKey, onRowHover } = props\n    const handlers = props.rowEventHandlers || ({} as RowEventHandlers<any>)\n    const eventHandlers = {} as {\n      [key in keyof RowEventHandlers<any>]: (e: Event) => void\n    }\n\n    Object.entries(handlers).forEach(([eventName, handler]) => {\n      if (isFunction(handler)) {\n        eventHandlers[eventName as keyof RowEventHandlers<any>] = (\n          event: Event\n        ) => {\n          handler({\n            event,\n            rowData,\n            rowIndex,\n            rowKey,\n          })\n        }\n      }\n    })\n\n    if (onRowHover) {\n      ;(\n        [\n          { name: 'onMouseleave', hovered: false },\n          { name: 'onMouseenter', hovered: true },\n        ] as const\n      ).forEach(({ name, hovered }) => {\n        const existedHandler = eventHandlers[name]\n        eventHandlers[name] = ((event: MouseEvent) => {\n          onRowHover({\n            event,\n            hovered,\n            rowData,\n            rowIndex,\n            rowKey,\n          })\n\n          existedHandler?.(event)\n        }) as any\n      })\n    }\n    return eventHandlers\n  })\n\n  const onExpand = (expanded: boolean) => {\n    const { onRowExpand, rowData, rowIndex, rowKey } = props\n\n    onRowExpand?.({\n      expanded,\n      rowData,\n      rowIndex,\n      rowKey,\n    })\n  }\n\n  onMounted(() => {\n    if (unref(measurable)) {\n      doMeasure(true)\n    }\n  })\n\n  return { isScrolling, measurable, measured, rowRef, eventHandlers, onExpand }\n}\n\nconst COMPONENT_NAME = 'ElTableV2TableRow'\n\nconst TableV2Row = defineComponent({\n  name: COMPONENT_NAME,\n  props: tableV2RowProps,\n  setup(props, { expose, slots, attrs }) {\n    const {\n      eventHandlers,\n      isScrolling,\n      measurable,\n      measured,\n      rowRef,\n\n      onExpand,\n    } = useTableRow(props)\n\n    expose({\n      /**\n       * @description manually dispatching expand action on row.\n       */\n      onExpand,\n    })\n\n    return () => {\n      const {\n        columns,\n        columnsStyles,\n        expandColumnKey,\n        depth,\n        rowData,\n        rowIndex,\n        style,\n      } = props\n\n      let ColumnCells: ColumnCellsType = columns.map((column, columnIndex) => {\n        const expandable =\n          isArray(rowData.children) &&\n          rowData.children.length > 0 &&\n          column.key === expandColumnKey\n\n        return slots.cell!({\n          column,\n          columns,\n          columnIndex,\n          depth,\n          style: columnsStyles[column.key],\n          rowData,\n          rowIndex,\n          isScrolling: unref(isScrolling),\n          expandIconProps: expandable\n            ? {\n                rowData,\n                rowIndex,\n                onExpand,\n              }\n            : undefined,\n        })\n      })\n\n      if (slots.row) {\n        ColumnCells = slots.row({\n          cells: ColumnCells.map((node) => {\n            if (isArray(node) && node.length === 1) {\n              return node[0]\n            }\n            return node\n          }),\n          style,\n          columns,\n          depth,\n          rowData,\n          rowIndex,\n          isScrolling: unref(isScrolling),\n        })\n      }\n\n      if (unref(measurable)) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { height, ...exceptHeightStyle } = style || {}\n        const _measured = unref(measured)\n        return (\n          <div\n            ref={rowRef}\n            class={props.class}\n            style={_measured ? style : exceptHeightStyle}\n            {...attrs}\n            {...unref(eventHandlers)}\n          >\n            {ColumnCells}\n          </div>\n        )\n      }\n\n      return (\n        <div\n          {...attrs}\n          ref={rowRef}\n          class={props.class}\n          style={style}\n          {...unref(eventHandlers)}\n        >\n          {ColumnCells}\n        </div>\n      )\n    }\n  },\n})\n\nexport default TableV2Row\n\nexport type TableV2RowCellRenderParam = {\n  column: TableV2RowProps['columns'][number]\n  columns: TableV2RowProps['columns']\n  columnIndex: number\n  depth: number\n  style: CSSProperties\n  rowData: any\n  rowIndex: number\n  isScrolling: boolean\n  expandIconProps?: {\n    rowData: any\n    rowIndex: number\n    onExpand: (expand: boolean) => void\n  }\n}\n"],"names":["useTableRow","isScrolling","inject","TableV2InjectionKey","measured","rowRef","ref","isNumber","doMeasure","columns","onRowHeightChange","rowKey","rowIndex","style","height","$rowRef","getBoundingClientRect","value","nextTick","parseInt","firstColumn","placeholderSign","rowData","onRowHover","handlers","props","rowEventHandlers","eventHandlers","Object","forEach","eventName","isFunction","handler","event","name","hovered","existedHandler","onExpand","onRowExpand","expanded","onMounted","measurable","COMPONENT_NAME","TableV2Row","setup","expose","slots","attrs","columnsStyles","expandColumnKey","depth","ColumnCells","expandable","column","columnIndex","expandIconProps","undefined","cells","isArray","node","_createVNode","_mergeProps","exceptHeightStyle"],"mappings":"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"}
+{"version":3,"file":"row.mjs","sources":["../../../../../../../packages/components/table-v2/src/components/row.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n} from 'vue'\nimport { isArray, isFunction, isNumber } from '@element-plus/utils'\nimport { tableV2RowProps } from '../row'\nimport { TableV2InjectionKey } from '../tokens'\nimport { placeholderSign } from '../private'\n\nimport type { CSSProperties, RendererElement, RendererNode, VNode } from 'vue'\nimport type { RowEventHandlers, TableV2RowProps } from '../row'\n\ntype CustomizedCellsType = VNode<\n  RendererNode,\n  RendererElement,\n  {\n    [key: string]: any\n  }\n>[]\n\ntype DefaultCellsType = VNode<\n  RendererNode,\n  RendererElement,\n  {\n    [key: string]: any\n  }\n>[][]\n\ntype ColumnCellsType = DefaultCellsType | CustomizedCellsType\n\nconst useTableRow = (props: TableV2RowProps) => {\n  const { isScrolling } = inject(TableV2InjectionKey)!\n\n  const measured = ref(false)\n  const rowRef = ref<HTMLElement>()\n  const measurable = computed(() => {\n    return isNumber(props.estimatedRowHeight) && props.rowIndex >= 0\n  })\n\n  const doMeasure = (isInit = false) => {\n    const $rowRef = unref(rowRef)\n    if (!$rowRef) return\n    const { columns, onRowHeightChange, rowKey, rowIndex, style } = props\n    const { height } = $rowRef.getBoundingClientRect()\n    measured.value = true\n\n    nextTick(() => {\n      if (isInit || height !== Number.parseInt(style!.height as string)) {\n        const firstColumn = columns[0]\n        const isPlaceholder = firstColumn?.placeholderSign === placeholderSign\n        onRowHeightChange?.(\n          { rowKey, height, rowIndex },\n          firstColumn && !isPlaceholder && firstColumn.fixed\n        )\n      }\n    })\n  }\n\n  const eventHandlers = computed(() => {\n    const { rowData, rowIndex, rowKey, onRowHover } = props\n    const handlers = props.rowEventHandlers || ({} as RowEventHandlers)\n    const eventHandlers = {} as {\n      [key in keyof RowEventHandlers]: (e: Event) => void\n    }\n\n    Object.entries(handlers).forEach(([eventName, handler]) => {\n      if (isFunction(handler)) {\n        eventHandlers[eventName as keyof RowEventHandlers] = (event: Event) => {\n          handler({\n            event,\n            rowData,\n            rowIndex,\n            rowKey,\n          })\n        }\n      }\n    })\n\n    if (onRowHover) {\n      ;(\n        [\n          { name: 'onMouseleave', hovered: false },\n          { name: 'onMouseenter', hovered: true },\n        ] as const\n      ).forEach(({ name, hovered }) => {\n        const existedHandler = eventHandlers[name]\n        eventHandlers[name] = ((event: MouseEvent) => {\n          onRowHover({\n            event,\n            hovered,\n            rowData,\n            rowIndex,\n            rowKey,\n          })\n\n          existedHandler?.(event)\n        }) as any\n      })\n    }\n    return eventHandlers\n  })\n\n  const onExpand = (expanded: boolean) => {\n    const { onRowExpand, rowData, rowIndex, rowKey } = props\n\n    onRowExpand?.({\n      expanded,\n      rowData,\n      rowIndex,\n      rowKey,\n    })\n  }\n\n  onMounted(() => {\n    if (unref(measurable)) {\n      doMeasure(true)\n    }\n  })\n\n  return { isScrolling, measurable, measured, rowRef, eventHandlers, onExpand }\n}\n\nconst COMPONENT_NAME = 'ElTableV2TableRow'\n\nconst TableV2Row = defineComponent({\n  name: COMPONENT_NAME,\n  props: tableV2RowProps,\n  setup(props, { expose, slots, attrs }) {\n    const {\n      eventHandlers,\n      isScrolling,\n      measurable,\n      measured,\n      rowRef,\n\n      onExpand,\n    } = useTableRow(props)\n\n    expose({\n      /**\n       * @description manually dispatching expand action on row.\n       */\n      onExpand,\n    })\n\n    return () => {\n      const {\n        columns,\n        columnsStyles,\n        expandColumnKey,\n        depth,\n        rowData,\n        rowIndex,\n        style,\n      } = props\n\n      let ColumnCells: ColumnCellsType = columns.map((column, columnIndex) => {\n        const expandable =\n          isArray(rowData.children) &&\n          rowData.children.length > 0 &&\n          column.key === expandColumnKey\n\n        return slots.cell!({\n          column,\n          columns,\n          columnIndex,\n          depth,\n          style: columnsStyles[column.key],\n          rowData,\n          rowIndex,\n          isScrolling: unref(isScrolling),\n          expandIconProps: expandable\n            ? {\n                rowData,\n                rowIndex,\n                onExpand,\n              }\n            : undefined,\n        })\n      })\n\n      if (slots.row) {\n        ColumnCells = slots.row({\n          cells: ColumnCells.map((node) => {\n            if (isArray(node) && node.length === 1) {\n              return node[0]\n            }\n            return node\n          }),\n          style,\n          columns,\n          depth,\n          rowData,\n          rowIndex,\n          isScrolling: unref(isScrolling),\n        })\n      }\n\n      if (unref(measurable)) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { height, ...exceptHeightStyle } = style || {}\n        const _measured = unref(measured)\n        return (\n          <div\n            ref={rowRef}\n            class={props.class}\n            style={_measured ? style : exceptHeightStyle}\n            {...attrs}\n            {...unref(eventHandlers)}\n          >\n            {ColumnCells}\n          </div>\n        )\n      }\n\n      return (\n        <div\n          {...attrs}\n          ref={rowRef}\n          class={props.class}\n          style={style}\n          {...unref(eventHandlers)}\n        >\n          {ColumnCells}\n        </div>\n      )\n    }\n  },\n})\n\nexport default TableV2Row\n\nexport type TableV2RowCellRenderParam = {\n  column: TableV2RowProps['columns'][number]\n  columns: TableV2RowProps['columns']\n  columnIndex: number\n  depth: number\n  style: CSSProperties\n  rowData: any\n  rowIndex: number\n  isScrolling: boolean\n  expandIconProps?: {\n    rowData: any\n    rowIndex: number\n    onExpand: (expand: boolean) => void\n  }\n}\n"],"names":["useTableRow","isScrolling","inject","TableV2InjectionKey","measured","rowRef","ref","isNumber","doMeasure","columns","onRowHeightChange","rowKey","rowIndex","style","height","$rowRef","getBoundingClientRect","value","nextTick","parseInt","firstColumn","placeholderSign","rowData","onRowHover","handlers","props","rowEventHandlers","eventHandlers","Object","forEach","eventName","isFunction","handler","event","name","hovered","existedHandler","onExpand","onRowExpand","expanded","onMounted","measurable","COMPONENT_NAME","TableV2Row","setup","expose","slots","attrs","columnsStyles","expandColumnKey","depth","ColumnCells","expandable","column","columnIndex","expandIconProps","undefined","cells","isArray","node","_createVNode","_mergeProps","exceptHeightStyle"],"mappings":"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"}

package/es/components/table-v2/src/composables/index.d.ts

@@ -3,3 +3,4 @@ export * from './use-scrollbar';
 export * from './use-row';
 export * from './use-data';
 export * from './use-styles';
+export * from './use-auto-resize';

package/es/components/table-v2/src/composables/index.mjs

@@ -4,4 +4,5 @@ export { useScrollbar } from './use-scrollbar2.mjs';
 export { useRow } from './use-row2.mjs';
 export { useData } from './use-data2.mjs';
 export { useStyles } from './use-styles2.mjs';
+export { useAutoResize } from './use-auto-resize2.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/table-v2/src/composables/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}