element-pe 2.2.96 → 2.2.97

package/lib/components/resizable-columns/src/resizable-column.js

@@ -2,153 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../hooks/index.js');
-var resizableColumn = require('./resizable-column2.js');
-var vue = require('vue');
 require('../../../utils/index.js');
-var constants = require('./constants.js');
-var iconsVue = require('@element-plus/icons-vue');
-require('../../config-provider/index.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
-var error = require('../../../utils/error.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElResizableColumn",
-  components: { ArrowLeft: iconsVue.ArrowLeft, ArrowRight: iconsVue.ArrowRight },
-  props: resizableColumn.resizableColumnProps,
-  setup(props, { slots }) {
-    const forEditor = useGlobalConfig.useGlobalConfig("forEditor");
-    const instance = vue.getCurrentInstance();
-    const columnsRoot = vue.inject(constants.resizableColumnsRootContextKey);
-    if (!columnsRoot)
-      error.throwError("ElResizableColumn", "usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>");
-    const collapsable = vue.computed(() => props.collapsable || columnsRoot.props.collapsable);
-    const showCollapse = vue.computed(() => props.showCollapse || columnsRoot.props.showCollapse);
-    const collapsed = vue.ref(false);
-    const column = vue.reactive({
-      uid: instance.uid,
-      slots,
-      props,
-      maxWidth: 0,
-      parentWidth: 0,
-      index: 0,
-      width: 0,
-      left: 0,
-      collapsable,
-      showCollapse,
-      collapsed
-    });
-    const columnStyle = vue.computed(() => {
-      if (instance.parent && instance.parent.type.name === "ElResizableColumns" && instance.parent.props.direction === "vertical") {
-        return { height: `${column.width}px`, top: `${column.left}px`, display: column.collapsed ? "none" : "unset", width: "100%" };
-      } else {
-        return { width: `${column.width}px`, left: `${column.left}px`, display: column.collapsed ? "none" : "unset" };
-      }
-    });
-    const resizerStyle = vue.computed(() => {
-      if (instance.parent && instance.parent.type.name === "ElResizableColumns" && instance.parent.props.direction === "vertical") {
-        return { top: `${column.left + (column.collapsed ? 0 : column.width)}px`, width: "100%" };
-      } else {
-        return { left: `${column.left + (column.collapsed ? 0 : column.width)}px` };
-      }
-    });
-    vue.onMounted(() => {
-      columnsRoot.registerColumn(column);
-      columnsRoot.initColumnSize();
-    });
-    vue.onUnmounted(() => {
-      columnsRoot.unregisterColumn(column.uid);
-      columnsRoot.initColumnSize();
-    });
-    const columnsCount = vue.computed(() => columnsRoot.columns.value.length);
-    const ns = index.useNamespace("resizable-column");
-    const handleCollapse = () => {
-      if (forEditor.value) {
-        return;
-      }
-      columnsRoot.handleCollapse(column);
-    };
-    const handleExpand = () => {
-      if (forEditor.value) {
-        return;
-      }
-      columnsRoot.handleExpand(column);
-    };
-    return {
-      ns,
-      column,
-      columnsCount,
-      columnStyle,
-      resizerStyle,
-      handleCollapse,
-      handleExpand
-    };
-  }
+const resizableColumnProps = runtime.buildProps({
+  collapsable: Boolean,
+  showCollapse: Boolean,
+  widget: String,
+  maxWidth: String,
+  width: String
 });
-const _hoisted_1 = ["widget"];
-const _hoisted_2 = ["data-index"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_button = vue.resolveComponent("el-button");
-  const _component_ArrowRight = vue.resolveComponent("ArrowRight");
-  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(_ctx.ns.b()),
-      widget: _ctx.widget,
-      style: vue.normalizeStyle(_ctx.columnStyle)
-    }, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ], 14, _hoisted_1),
-    _ctx.column.index < _ctx.columnsCount - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      class: vue.normalizeClass(["resizer", { "collapsed": _ctx.column.collapsed }]),
-      style: vue.normalizeStyle(_ctx.resizerStyle),
-      "data-index": _ctx.column.index
-    }, [
-      !_ctx.column.collapsed ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, {
-        key: 0,
-        class: "left",
-        size: "small",
-        onClick: _ctx.handleCollapse,
-        disabled: !_ctx.column.collapsable
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_icon, null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_ArrowLeft)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["onClick", "disabled"])), [
-        [vue.vShow, _ctx.column.showCollapse]
-      ]) : vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, {
-        key: 1,
-        class: "right",
-        size: "small",
-        onClick: _ctx.handleExpand,
-        disabled: !_ctx.column.collapsable
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_icon, null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_ArrowRight)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["onClick", "disabled"])), [
-        [vue.vShow, _ctx.column.showCollapse]
-      ])
-    ], 14, _hoisted_2)) : vue.createCommentVNode("v-if", true)
-  ], 64);
-}
-var ResizableColumn = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\resizable-columns\\src\\resizable-column.vue"]]);
 
-exports["default"] = ResizableColumn;
+exports.resizableColumnProps = resizableColumnProps;
 //# sourceMappingURL=resizable-column.js.map

package/lib/components/resizable-columns/src/resizable-column.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-column.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-column.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"ns.b()\"\n    :widget=\"widget\"\n    :style=\"columnStyle\"\n  >\n    <slot />\n  </div>\n  <div v-if=\"column.index < columnsCount - 1\"\n       class=\"resizer\"\n       :class=\"{ 'collapsed': column.collapsed }\"\n       :style=\"resizerStyle\"\n       :data-index=\"column.index\">\n    <el-button v-if=\"!column.collapsed\"\n               class=\"left\" size=\"small\"\n               @click=\"handleCollapse\"\n               :disabled=\"!column.collapsable\"\n               v-show=\"column.showCollapse\"\n    ><el-icon><ArrowLeft /></el-icon></el-button>\n    <el-button v-else\n               class=\"right\" size=\"small\"\n               @click=\"handleExpand\"\n               :disabled=\"!column.collapsable\"\n               v-show=\"column.showCollapse\"\n    ><el-icon><ArrowRight /></el-icon></el-button>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useNamespace } from '@element-plus/hooks'\nimport { resizableColumnProps } from './resizable-column'\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref\n} from 'vue'\nimport { throwError } from '../../../utils'\nimport { resizableColumnsRootContextKey } from './constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { useGlobalConfig } from '../../config-provider'\n\n\nexport default defineComponent({\n  name: 'ElResizableColumn',\n  components: { ArrowLeft, ArrowRight },\n  props: resizableColumnProps,\n  setup(props, { slots }) {\n    const forEditor = useGlobalConfig('forEditor')\n    const instance = getCurrentInstance()!\n\n    const columnsRoot = inject(resizableColumnsRootContextKey)\n    if (!columnsRoot)\n      throwError('ElResizableColumn', 'usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>')\n\n    const collapsable = computed(() => props.collapsable || columnsRoot.props.collapsable)\n    const showCollapse = computed(() => props.showCollapse || columnsRoot.props.showCollapse)\n    const collapsed = ref(false)\n\n    const column = reactive({\n      uid: instance.uid,\n      slots,\n      props,\n      maxWidth: 0,\n      parentWidth: 0,\n      index: 0,\n      width: 0,\n      left: 0,\n      collapsable,\n      showCollapse,\n      collapsed,\n    })\n\n    const columnStyle = computed(() => {\n      if (instance.parent && instance.parent.type.name === 'ElResizableColumns' && instance.parent.props.direction === 'vertical') {\n        return { height: `${column.width}px`, top: `${column.left}px`, display: column.collapsed ? 'none' : 'unset', width: '100%' }\n      } else {\n        return { width: `${column.width}px`, left: `${column.left}px`, display: column.collapsed ? 'none' : 'unset' }\n      }\n    })\n    const resizerStyle = computed(() => {\n      if (instance.parent && instance.parent.type.name === 'ElResizableColumns' && instance.parent.props.direction === 'vertical') {\n        return { top: `${column.left + (column.collapsed ? 0 : column.width)}px`, width: '100%' }\n      } else {\n        return { left: `${column.left + (column.collapsed ? 0 : column.width)}px` }\n      }\n    })\n\n    onMounted(() => {\n      columnsRoot.registerColumn(column)\n      columnsRoot.initColumnSize()\n    })\n\n    onUnmounted(() => {\n      columnsRoot.unregisterColumn(column.uid)\n      columnsRoot.initColumnSize()\n    })\n\n    const columnsCount = computed(() => columnsRoot.columns.value.length)\n\n    const ns = useNamespace('resizable-column')\n\n    const handleCollapse = () => {\n      if (forEditor.value) {\n        return\n      }\n      columnsRoot.handleCollapse(column)\n    }\n    const handleExpand = () => {\n      if (forEditor.value) {\n        return\n      }\n      columnsRoot.handleExpand(column)\n    }\n\n    return {\n      ns,\n      column,\n      columnsCount,\n      columnStyle,\n      resizerStyle,\n\n      handleCollapse,\n      handleExpand\n    }\n  }\n})\n</script>\n"],"names":["defineComponent","ArrowLeft","ArrowRight","resizableColumnProps","useGlobalConfig","getCurrentInstance","inject","resizableColumnsRootContextKey","throwError","computed","ref","reactive","onMounted","onUnmounted","useNamespace","_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot","_openBlock","_createElementBlock","_createBlock","_createVNode","_withCtx","_vShow","_withDirectives"],"mappings":"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"}
+{"version":3,"file":"resizable-column.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-column.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type ResizableColumn from './resizable-column.vue'\n\nexport const resizableColumnProps = buildProps({\n  collapsable: Boolean,\n  showCollapse: Boolean,\n  widget: String,\n  maxWidth: String,\n  width: String\n} as const)\n\nexport type ResizableColumnProps = ExtractPropTypes<typeof resizableColumnProps>\n\nexport type ResizableColumnInstance = InstanceType<typeof ResizableColumn>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,QAAQ,EAAE,MAAM;AAClB,EAAE,KAAK,EAAE,MAAM;AACf,CAAC;;;;"}

package/lib/components/resizable-columns/src/resizable-column.vue.d.ts

@@ -30,8 +30,8 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         props: {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-            readonly width: string | undefined;
             readonly widget: string | undefined;
+            readonly width: string | undefined;
             readonly maxWidth: string | undefined;
             readonly collapsable: boolean;
             readonly showCollapse: boolean;

package/lib/components/resizable-columns/src/resizable-column2.js

@@ -2,16 +2,153 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('../../../hooks/index.js');
+var resizableColumn = require('./resizable-column.js');
+var vue = require('vue');
 require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var constants = require('./constants.js');
+var iconsVue = require('@element-plus/icons-vue');
+require('../../config-provider/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
+var error = require('../../../utils/error.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const resizableColumnProps = runtime.buildProps({
-  collapsable: Boolean,
-  showCollapse: Boolean,
-  widget: String,
-  maxWidth: String,
-  width: String
+const _sfc_main = vue.defineComponent({
+  name: "ElResizableColumn",
+  components: { ArrowLeft: iconsVue.ArrowLeft, ArrowRight: iconsVue.ArrowRight },
+  props: resizableColumn.resizableColumnProps,
+  setup(props, { slots }) {
+    const forEditor = useGlobalConfig.useGlobalConfig("forEditor");
+    const instance = vue.getCurrentInstance();
+    const columnsRoot = vue.inject(constants.resizableColumnsRootContextKey);
+    if (!columnsRoot)
+      error.throwError("ElResizableColumn", "usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>");
+    const collapsable = vue.computed(() => props.collapsable || columnsRoot.props.collapsable);
+    const showCollapse = vue.computed(() => props.showCollapse || columnsRoot.props.showCollapse);
+    const collapsed = vue.ref(false);
+    const column = vue.reactive({
+      uid: instance.uid,
+      slots,
+      props,
+      maxWidth: 0,
+      parentWidth: 0,
+      index: 0,
+      width: 0,
+      left: 0,
+      collapsable,
+      showCollapse,
+      collapsed
+    });
+    const columnStyle = vue.computed(() => {
+      if (instance.parent && instance.parent.type.name === "ElResizableColumns" && instance.parent.props.direction === "vertical") {
+        return { height: `${column.width}px`, top: `${column.left}px`, display: column.collapsed ? "none" : "unset", width: "100%" };
+      } else {
+        return { width: `${column.width}px`, left: `${column.left}px`, display: column.collapsed ? "none" : "unset" };
+      }
+    });
+    const resizerStyle = vue.computed(() => {
+      if (instance.parent && instance.parent.type.name === "ElResizableColumns" && instance.parent.props.direction === "vertical") {
+        return { top: `${column.left + (column.collapsed ? 0 : column.width)}px`, width: "100%" };
+      } else {
+        return { left: `${column.left + (column.collapsed ? 0 : column.width)}px` };
+      }
+    });
+    vue.onMounted(() => {
+      columnsRoot.registerColumn(column);
+      columnsRoot.initColumnSize();
+    });
+    vue.onUnmounted(() => {
+      columnsRoot.unregisterColumn(column.uid);
+      columnsRoot.initColumnSize();
+    });
+    const columnsCount = vue.computed(() => columnsRoot.columns.value.length);
+    const ns = index.useNamespace("resizable-column");
+    const handleCollapse = () => {
+      if (forEditor.value) {
+        return;
+      }
+      columnsRoot.handleCollapse(column);
+    };
+    const handleExpand = () => {
+      if (forEditor.value) {
+        return;
+      }
+      columnsRoot.handleExpand(column);
+    };
+    return {
+      ns,
+      column,
+      columnsCount,
+      columnStyle,
+      resizerStyle,
+      handleCollapse,
+      handleExpand
+    };
+  }
 });
+const _hoisted_1 = ["widget"];
+const _hoisted_2 = ["data-index"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ArrowLeft = vue.resolveComponent("ArrowLeft");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_el_button = vue.resolveComponent("el-button");
+  const _component_ArrowRight = vue.resolveComponent("ArrowRight");
+  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.ns.b()),
+      widget: _ctx.widget,
+      style: vue.normalizeStyle(_ctx.columnStyle)
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 14, _hoisted_1),
+    _ctx.column.index < _ctx.columnsCount - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: vue.normalizeClass(["resizer", { "collapsed": _ctx.column.collapsed }]),
+      style: vue.normalizeStyle(_ctx.resizerStyle),
+      "data-index": _ctx.column.index
+    }, [
+      !_ctx.column.collapsed ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, {
+        key: 0,
+        class: "left",
+        size: "small",
+        onClick: _ctx.handleCollapse,
+        disabled: !_ctx.column.collapsable
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_icon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ArrowLeft)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onClick", "disabled"])), [
+        [vue.vShow, _ctx.column.showCollapse]
+      ]) : vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_button, {
+        key: 1,
+        class: "right",
+        size: "small",
+        onClick: _ctx.handleExpand,
+        disabled: !_ctx.column.collapsable
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_icon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ArrowRight)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onClick", "disabled"])), [
+        [vue.vShow, _ctx.column.showCollapse]
+      ])
+    ], 14, _hoisted_2)) : vue.createCommentVNode("v-if", true)
+  ], 64);
+}
+var ResizableColumn = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\resizable-columns\\src\\resizable-column.vue"]]);
 
-exports.resizableColumnProps = resizableColumnProps;
+exports["default"] = ResizableColumn;
 //# sourceMappingURL=resizable-column2.js.map

package/lib/components/resizable-columns/src/resizable-column2.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-column2.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-column.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type ResizableColumn from './resizable-column.vue'\n\nexport const resizableColumnProps = buildProps({\n  collapsable: Boolean,\n  showCollapse: Boolean,\n  widget: String,\n  maxWidth: String,\n  width: String\n} as const)\n\nexport type ResizableColumnProps = ExtractPropTypes<typeof resizableColumnProps>\n\nexport type ResizableColumnInstance = InstanceType<typeof ResizableColumn>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,oBAAoB,GAAGA,kBAAU,CAAC;AAC/C,EAAE,WAAW,EAAE,OAAO;AACtB,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,QAAQ,EAAE,MAAM;AAClB,EAAE,KAAK,EAAE,MAAM;AACf,CAAC;;;;"}
+{"version":3,"file":"resizable-column2.js","sources":["../../../../../../packages/components/resizable-columns/src/resizable-column.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"ns.b()\"\n    :widget=\"widget\"\n    :style=\"columnStyle\"\n  >\n    <slot />\n  </div>\n  <div v-if=\"column.index < columnsCount - 1\"\n       class=\"resizer\"\n       :class=\"{ 'collapsed': column.collapsed }\"\n       :style=\"resizerStyle\"\n       :data-index=\"column.index\">\n    <el-button v-if=\"!column.collapsed\"\n               class=\"left\" size=\"small\"\n               @click=\"handleCollapse\"\n               :disabled=\"!column.collapsable\"\n               v-show=\"column.showCollapse\"\n    ><el-icon><ArrowLeft /></el-icon></el-button>\n    <el-button v-else\n               class=\"right\" size=\"small\"\n               @click=\"handleExpand\"\n               :disabled=\"!column.collapsable\"\n               v-show=\"column.showCollapse\"\n    ><el-icon><ArrowRight /></el-icon></el-button>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useNamespace } from '@element-plus/hooks'\nimport { resizableColumnProps } from './resizable-column'\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  onUnmounted,\n  reactive,\n  ref\n} from 'vue'\nimport { throwError } from '../../../utils'\nimport { resizableColumnsRootContextKey } from './constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { useGlobalConfig } from '../../config-provider'\n\n\nexport default defineComponent({\n  name: 'ElResizableColumn',\n  components: { ArrowLeft, ArrowRight },\n  props: resizableColumnProps,\n  setup(props, { slots }) {\n    const forEditor = useGlobalConfig('forEditor')\n    const instance = getCurrentInstance()!\n\n    const columnsRoot = inject(resizableColumnsRootContextKey)\n    if (!columnsRoot)\n      throwError('ElResizableColumn', 'usage: <el-resizable-columns><el-resizable-column /></el-resizable-columns/>')\n\n    const collapsable = computed(() => props.collapsable || columnsRoot.props.collapsable)\n    const showCollapse = computed(() => props.showCollapse || columnsRoot.props.showCollapse)\n    const collapsed = ref(false)\n\n    const column = reactive({\n      uid: instance.uid,\n      slots,\n      props,\n      maxWidth: 0,\n      parentWidth: 0,\n      index: 0,\n      width: 0,\n      left: 0,\n      collapsable,\n      showCollapse,\n      collapsed,\n    })\n\n    const columnStyle = computed(() => {\n      if (instance.parent && instance.parent.type.name === 'ElResizableColumns' && instance.parent.props.direction === 'vertical') {\n        return { height: `${column.width}px`, top: `${column.left}px`, display: column.collapsed ? 'none' : 'unset', width: '100%' }\n      } else {\n        return { width: `${column.width}px`, left: `${column.left}px`, display: column.collapsed ? 'none' : 'unset' }\n      }\n    })\n    const resizerStyle = computed(() => {\n      if (instance.parent && instance.parent.type.name === 'ElResizableColumns' && instance.parent.props.direction === 'vertical') {\n        return { top: `${column.left + (column.collapsed ? 0 : column.width)}px`, width: '100%' }\n      } else {\n        return { left: `${column.left + (column.collapsed ? 0 : column.width)}px` }\n      }\n    })\n\n    onMounted(() => {\n      columnsRoot.registerColumn(column)\n      columnsRoot.initColumnSize()\n    })\n\n    onUnmounted(() => {\n      columnsRoot.unregisterColumn(column.uid)\n      columnsRoot.initColumnSize()\n    })\n\n    const columnsCount = computed(() => columnsRoot.columns.value.length)\n\n    const ns = useNamespace('resizable-column')\n\n    const handleCollapse = () => {\n      if (forEditor.value) {\n        return\n      }\n      columnsRoot.handleCollapse(column)\n    }\n    const handleExpand = () => {\n      if (forEditor.value) {\n        return\n      }\n      columnsRoot.handleExpand(column)\n    }\n\n    return {\n      ns,\n      column,\n      columnsCount,\n      columnStyle,\n      resizerStyle,\n\n      handleCollapse,\n      handleExpand\n    }\n  }\n})\n</script>\n"],"names":["defineComponent","ArrowLeft","ArrowRight","resizableColumnProps","useGlobalConfig","getCurrentInstance","inject","resizableColumnsRootContextKey","throwError","computed","ref","reactive","onMounted","onUnmounted","useNamespace","_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot","_openBlock","_createElementBlock","_createBlock","_createVNode","_withCtx","_vShow","_withDirectives"],"mappings":"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"}

package/lib/components/roving-focus-group/index.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var rovingFocusGroup = require('./src/roving-focus-group2.js');
+var rovingFocusGroup = require('./src/roving-focus-group.js');
 var rovingFocusItem = require('./src/roving-focus-item.js');
 var tokens = require('./src/tokens.js');
 var utils = require('./src/utils.js');
-var rovingFocusGroup$1 = require('./src/roving-focus-group.js');
+var rovingFocusGroup$1 = require('./src/roving-focus-group2.js');
 
 
 

package/lib/components/roving-focus-group/src/roving-focus-group-impl.js

@@ -6,7 +6,7 @@ var vue = require('vue');
 var core = require('@vueuse/core');
 require('../../../utils/index.js');
 require('../../config-provider/index.js');
-var rovingFocusGroup = require('./roving-focus-group.js');
+var rovingFocusGroup = require('./roving-focus-group2.js');
 var tokens = require('./tokens.js');
 var utils = require('./utils.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');

package/lib/components/roving-focus-group/src/roving-focus-group.js

@@ -2,40 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-require('../../collection/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var collection = require('../../collection/src/collection2.js');
+var vue = require('vue');
+var rovingFocusGroupImpl = require('./roving-focus-group-impl.js');
+var rovingFocusGroup = require('./roving-focus-group2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-const rovingFocusGroupProps = runtime.buildProps({
-  style: { type: runtime.definePropType([String, Array, Object]) },
-  currentTabId: {
-    type: runtime.definePropType(String)
-  },
-  defaultCurrentTabId: String,
-  loop: Boolean,
-  dir: {
-    type: String,
-    values: ["ltr", "rtl"],
-    default: "ltr"
-  },
-  orientation: {
-    type: runtime.definePropType(String)
-  },
-  onBlur: Function,
-  onFocus: Function,
-  onMousedown: Function
+const _sfc_main = vue.defineComponent({
+  name: "ElRovingFocusGroup",
+  components: {
+    ElFocusGroupCollection: rovingFocusGroup.ElCollection,
+    ElRovingFocusGroupImpl: rovingFocusGroupImpl["default"]
+  }
 });
-const {
-  ElCollection,
-  ElCollectionItem,
-  COLLECTION_INJECTION_KEY,
-  COLLECTION_ITEM_INJECTION_KEY
-} = collection.createCollectionWithScope("RovingFocusGroup");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_roving_focus_group_impl = vue.resolveComponent("el-roving-focus-group-impl");
+  const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
+  return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_el_roving_focus_group_impl, vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)
+    ]),
+    _: 3
+  });
+}
+var ElRovingFocusGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\roving-focus-group\\src\\roving-focus-group.vue"]]);
 
-exports.ElCollection = ElCollection;
-exports.ElCollectionItem = ElCollectionItem;
-exports.ROVING_FOCUS_COLLECTION_INJECTION_KEY = COLLECTION_INJECTION_KEY;
-exports.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
-exports.rovingFocusGroupProps = rovingFocusGroupProps;
+exports["default"] = ElRovingFocusGroup;
 //# sourceMappingURL=roving-focus-group.js.map

package/lib/components/roving-focus-group/src/roving-focus-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-group.js","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":["buildProps","definePropType","createCollectionWithScope"],"mappings":";;;;;;;;;AAEY,MAAC,qBAAqB,GAAGA,kBAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,sBAAc,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,EAAEA,sBAAc,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,GAAGC,oCAAyB,CAAC,kBAAkB;;;;;;;;"}
+{"version":3,"file":"roving-focus-group.js","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":["defineComponent","ElFocusGroupCollection","ElRovingFocusGroupImpl","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":";;;;;;;;;AAaA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,UAAY,EAAA;AAAA,4BACVC,6BAAA;AAAA,4BACAC,+BAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;0BAlBCC,eAI4B,CAAA,oCAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,WAAA,CAH1B,MAE6B;AAAA,MAF7BC,eAAA,CAE6B,iFAFO,IAAM,CAAA,MAAA,CAAA,CAAA,EAAA;AAAA,QAAA,OAAA,EAAAD,WAAA,CACxC,MAAQ;AAAA,UAARE,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA,CAAA;;;;;;;;;;;"}

package/lib/components/roving-focus-group/src/roving-focus-group2.js

@@ -2,34 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var rovingFocusGroupImpl = require('./roving-focus-group-impl.js');
-var rovingFocusGroup = require('./roving-focus-group.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+require('../../../utils/index.js');
+require('../../collection/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var collection = require('../../collection/src/collection2.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElRovingFocusGroup",
-  components: {
-    ElFocusGroupCollection: rovingFocusGroup.ElCollection,
-    ElRovingFocusGroupImpl: rovingFocusGroupImpl["default"]
-  }
+const rovingFocusGroupProps = runtime.buildProps({
+  style: { type: runtime.definePropType([String, Array, Object]) },
+  currentTabId: {
+    type: runtime.definePropType(String)
+  },
+  defaultCurrentTabId: String,
+  loop: Boolean,
+  dir: {
+    type: String,
+    values: ["ltr", "rtl"],
+    default: "ltr"
+  },
+  orientation: {
+    type: runtime.definePropType(String)
+  },
+  onBlur: Function,
+  onFocus: Function,
+  onMousedown: Function
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_roving_focus_group_impl = vue.resolveComponent("el-roving-focus-group-impl");
-  const _component_el_focus_group_collection = vue.resolveComponent("el-focus-group-collection");
-  return vue.openBlock(), vue.createBlock(_component_el_focus_group_collection, null, {
-    default: vue.withCtx(() => [
-      vue.createVNode(_component_el_roving_focus_group_impl, vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16)
-    ]),
-    _: 3
-  });
-}
-var ElRovingFocusGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\workspace\\element-pe\\packages\\components\\roving-focus-group\\src\\roving-focus-group.vue"]]);
+const {
+  ElCollection,
+  ElCollectionItem,
+  COLLECTION_INJECTION_KEY,
+  COLLECTION_ITEM_INJECTION_KEY
+} = collection.createCollectionWithScope("RovingFocusGroup");
 
-exports["default"] = ElRovingFocusGroup;
+exports.ElCollection = ElCollection;
+exports.ElCollectionItem = ElCollectionItem;
+exports.ROVING_FOCUS_COLLECTION_INJECTION_KEY = COLLECTION_INJECTION_KEY;
+exports.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY = COLLECTION_ITEM_INJECTION_KEY;
+exports.rovingFocusGroupProps = rovingFocusGroupProps;
 //# sourceMappingURL=roving-focus-group2.js.map

package/lib/components/roving-focus-group/src/roving-focus-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"roving-focus-group2.js","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":["defineComponent","ElFocusGroupCollection","ElRovingFocusGroupImpl","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":";;;;;;;;;AAaA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,oBAAA;AAAA,EACN,UAAY,EAAA;AAAA,4BACVC,6BAAA;AAAA,4BACAC,+BAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;0BAlBCC,eAI4B,CAAA,oCAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,WAAA,CAH1B,MAE6B;AAAA,MAF7BC,eAAA,CAE6B,iFAFO,IAAM,CAAA,MAAA,CAAA,CAAA,EAAA;AAAA,QAAA,OAAA,EAAAD,WAAA,CACxC,MAAQ;AAAA,UAARE,cAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"roving-focus-group2.js","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":["buildProps","definePropType","createCollectionWithScope"],"mappings":";;;;;;;;;AAEY,MAAC,qBAAqB,GAAGA,kBAAU,CAAC;AAChD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE;AAC1D,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAEA,sBAAc,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,EAAEA,sBAAc,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,GAAGC,oCAAyB,CAAC,kBAAkB;;;;;;;;"}

package/lib/components/roving-focus-group/src/roving-focus-item.js

@@ -7,7 +7,7 @@ require('../../../hooks/index.js');
 require('../../../utils/index.js');
 require('../../../constants/index.js');
 require('../../config-provider/index.js');
-var rovingFocusGroup = require('./roving-focus-group.js');
+var rovingFocusGroup = require('./roving-focus-group2.js');
 var tokens = require('./tokens.js');
 var utils = require('./utils.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');

package/lib/components/scrollbar/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var scrollbar$1 = require('./src/scrollbar2.js');
+var scrollbar$1 = require('./src/scrollbar.js');
 var util = require('./src/util.js');
-var scrollbar = require('./src/scrollbar.js');
-var thumb = require('./src/thumb2.js');
+var scrollbar = require('./src/scrollbar2.js');
+var thumb = require('./src/thumb.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');