element-pe 2.2.89 → 2.2.91

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

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

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

@@ -1,12 +1,12 @@
 export declare const ElResult: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly subTitle: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+        readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -35,10 +35,10 @@ export declare const ElResult: import("element-pe/es/utils").SFCWithInstall<impo
 }, 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 title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 }>>, {
     readonly title: string;
-    readonly icon: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
+    readonly icon: import("element-pe/es/utils").EpPropMergeType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
     readonly subTitle: string;
 }>> & Record<string, any>;
 export default ElResult;

package/lib/components/result/src/result.d.ts

@@ -10,7 +10,7 @@ export declare const IconComponentMap: Record<typeof IconMap[keyof typeof IconMa
 export declare const resultProps: {
     readonly title: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("element-pe/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 };
 export declare type ResultProps = ExtractPropTypes<typeof resultProps>;
 export declare type ResultInstance = InstanceType<typeof Result>;

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

@@ -1,12 +1,12 @@
 declare const _default: import("vue").DefineComponent<{
     readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly subTitle: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+        readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -35,10 +35,10 @@ declare const _default: import("vue").DefineComponent<{
 }, 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 title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly subTitle: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "success" | "warning" | "error" | "info", unknown, "info", boolean>;
+    readonly icon: import("../../../utils").EpPropFinalized<StringConstructor, "error" | "success" | "warning" | "info", unknown, "info", boolean>;
 }>>, {
     readonly title: string;
-    readonly icon: import("../../../utils").EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown>;
+    readonly icon: import("../../../utils").EpPropMergeType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
     readonly subTitle: string;
 }>;
 export default _default;

package/lib/components/roving-focus-group/src/roving-focus-item.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     handleKeydown: (event: Event) => void;
     handleFocus: (event: Event) => void;
     handleMousedown: (event: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "mousedown" | "keydown")[], "focus" | "keydown" | "mousedown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mousedown" | "focus" | "keydown")[], "mousedown" | "focus" | "keydown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     focusable: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/scrollbar/index.js

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

package/lib/components/scrollbar/src/bar.js

@@ -2,50 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var util = require('./util.js');
-var thumb = require('./thumb.js');
-var bar = require('./bar2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "bar",
-  props: bar.barProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const moveX = vue.ref(0);
-    const moveY = vue.ref(0);
-    const handleScroll = (wrap) => {
-      if (wrap) {
-        const offsetHeight = wrap.offsetHeight - util.GAP;
-        const offsetWidth = wrap.offsetWidth - util.GAP;
-        moveY.value = wrap.scrollTop * 100 / offsetHeight * props.ratioY;
-        moveX.value = wrap.scrollLeft * 100 / offsetWidth * props.ratioX;
-      }
-    };
-    expose({
-      handleScroll
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createVNode(thumb["default"], {
-          move: moveX.value,
-          ratio: _ctx.ratioX,
-          size: _ctx.width,
-          always: _ctx.always
-        }, null, 8, ["move", "ratio", "size", "always"]),
-        vue.createVNode(thumb["default"], {
-          move: moveY.value,
-          ratio: _ctx.ratioY,
-          size: _ctx.height,
-          vertical: "",
-          always: _ctx.always
-        }, null, 8, ["move", "ratio", "size", "always"])
-      ], 64);
-    };
+const barProps = runtime.buildProps({
+  always: {
+    type: Boolean,
+    default: true
+  },
+  width: String,
+  height: String,
+  ratioX: {
+    type: Number,
+    default: 1
+  },
+  ratioY: {
+    type: Number,
+    default: 1
   }
 });
-var Bar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\scrollbar\\src\\bar.vue"]]);
 
-exports["default"] = Bar;
+exports.barProps = barProps;
 //# sourceMappingURL=bar.js.map

package/lib/components/scrollbar/src/bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar.js","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"width\" :always=\"always\" />\n  <thumb\n    :move=\"moveY\"\n    :ratio=\"ratioY\"\n    :size=\"height\"\n    vertical\n    :always=\"always\"\n  />\n</template>\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { GAP } from './util'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\n\nconst props = defineProps(barProps)\n\nconst moveX = ref(0)\nconst moveY = ref(0)\n\nconst handleScroll = (wrap: HTMLDivElement) => {\n  if (wrap) {\n    const offsetHeight = wrap.offsetHeight - GAP\n    const offsetWidth = wrap.offsetWidth - GAP\n\n    moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * props.ratioY\n    moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * props.ratioX\n  }\n}\n\ndefineExpose({\n  handleScroll,\n})\n</script>\n"],"names":["ref","GAP"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AAEnB,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAAC,QAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAAA,QAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,KAAM,CAAA,MAAA,CAAA;AAC9D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,KAAM,CAAA,MAAA,CAAA;AAAA,OAChE;AAAA,KACF,CAAA;AAEA,IAAa,MAAA,CAAA;AAAA,MACX,YAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bar.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Bar from './bar.vue'\n\nexport const barProps = buildProps({\n  always: {\n    type: Boolean,\n    default: true,\n  },\n  width: String,\n  height: String,\n  ratioX: {\n    type: Number,\n    default: 1,\n  },\n  ratioY: {\n    type: Number,\n    default: 1,\n  },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n\nexport type BarInstance = InstanceType<typeof Bar>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,QAAQ,GAAGA,kBAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}

package/lib/components/scrollbar/src/bar2.js

@@ -2,25 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var util = require('./util.js');
+var thumb = require('./thumb.js');
+var bar = require('./bar.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-const barProps = runtime.buildProps({
-  always: {
-    type: Boolean,
-    default: true
-  },
-  width: String,
-  height: String,
-  ratioX: {
-    type: Number,
-    default: 1
-  },
-  ratioY: {
-    type: Number,
-    default: 1
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "bar",
+  props: bar.barProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const moveX = vue.ref(0);
+    const moveY = vue.ref(0);
+    const handleScroll = (wrap) => {
+      if (wrap) {
+        const offsetHeight = wrap.offsetHeight - util.GAP;
+        const offsetWidth = wrap.offsetWidth - util.GAP;
+        moveY.value = wrap.scrollTop * 100 / offsetHeight * props.ratioY;
+        moveX.value = wrap.scrollLeft * 100 / offsetWidth * props.ratioX;
+      }
+    };
+    expose({
+      handleScroll
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(thumb["default"], {
+          move: moveX.value,
+          ratio: _ctx.ratioX,
+          size: _ctx.width,
+          always: _ctx.always
+        }, null, 8, ["move", "ratio", "size", "always"]),
+        vue.createVNode(thumb["default"], {
+          move: moveY.value,
+          ratio: _ctx.ratioY,
+          size: _ctx.height,
+          vertical: "",
+          always: _ctx.always
+        }, null, 8, ["move", "ratio", "size", "always"])
+      ], 64);
+    };
   }
 });
+var Bar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\scrollbar\\src\\bar.vue"]]);
 
-exports.barProps = barProps;
+exports["default"] = Bar;
 //# sourceMappingURL=bar2.js.map

package/lib/components/scrollbar/src/bar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Bar from './bar.vue'\n\nexport const barProps = buildProps({\n  always: {\n    type: Boolean,\n    default: true,\n  },\n  width: String,\n  height: String,\n  ratioX: {\n    type: Number,\n    default: 1,\n  },\n  ratioY: {\n    type: Number,\n    default: 1,\n  },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n\nexport type BarInstance = InstanceType<typeof Bar>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,QAAQ,GAAGA,kBAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"width\" :always=\"always\" />\n  <thumb\n    :move=\"moveY\"\n    :ratio=\"ratioY\"\n    :size=\"height\"\n    vertical\n    :always=\"always\"\n  />\n</template>\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { GAP } from './util'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\n\nconst props = defineProps(barProps)\n\nconst moveX = ref(0)\nconst moveY = ref(0)\n\nconst handleScroll = (wrap: HTMLDivElement) => {\n  if (wrap) {\n    const offsetHeight = wrap.offsetHeight - GAP\n    const offsetWidth = wrap.offsetWidth - GAP\n\n    moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * props.ratioY\n    moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * props.ratioX\n  }\n}\n\ndefineExpose({\n  handleScroll,\n})\n</script>\n"],"names":["ref","GAP"],"mappings":";;;;;;;;;;;;;;;AAkBA,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AAEnB,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAAC,QAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAAA,QAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,KAAM,CAAA,MAAA,CAAA;AAC9D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,KAAM,CAAA,MAAA,CAAA;AAAA,OAChE;AAAA,KACF,CAAA;AAEA,IAAa,MAAA,CAAA;AAAA,MACX,YAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/scrollbar/src/scrollbar.js

@@ -2,186 +2,57 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../config-provider/index.js');
-var core = require('@vueuse/core');
 require('../../../utils/index.js');
-require('../../../hooks/index.js');
-var util = require('./util.js');
-var bar = require('./bar.js');
-var constants = require('./constants.js');
-var scrollbar = require('./scrollbar2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/dom/style.js');
-var shared = require('@vue/shared');
+var runtime = require('../../../utils/vue/props/runtime.js');
 var types = require('../../../utils/types.js');
-var error = require('../../../utils/error.js');
-var forEditor = require('../../config-provider/src/for-editor.js');
 
-const COMPONENT_NAME = "ElScrollbar";
-const __default__ = vue.defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: scrollbar.scrollbarProps,
-  emits: scrollbar.scrollbarEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const ns = index.useNamespace("scrollbar");
-    let stopResizeObserver = void 0;
-    let stopResizeListener = void 0;
-    const scrollbarRef = vue.ref();
-    const wrapRef = vue.ref();
-    const resizeRef = vue.ref();
-    const sizeWidth = vue.ref("0");
-    const sizeHeight = vue.ref("0");
-    const barRef = vue.ref();
-    const ratioY = vue.ref(1);
-    const ratioX = vue.ref(1);
-    const style$1 = vue.computed(() => {
-      const style2 = {};
-      if (props.height)
-        style2.height = style.addUnit(props.height);
-      if (props.maxHeight)
-        style2.maxHeight = style.addUnit(props.maxHeight);
-      return [props.wrapStyle, style2];
-    });
-    const wrapKls = vue.computed(() => {
-      return [
-        props.wrapClass,
-        ns.e("wrap"),
-        { [ns.em("wrap", "hidden-default")]: !props.native }
-      ];
-    });
-    const resizeKls = vue.computed(() => {
-      return [ns.e("view"), props.viewClass];
-    });
-    const handleScroll = () => {
-      var _a;
-      if (wrapRef.value) {
-        (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
-        emit("scroll", {
-          scrollTop: wrapRef.value.scrollTop,
-          scrollLeft: wrapRef.value.scrollLeft
-        });
-      }
-    };
-    function scrollTo(arg1, arg2) {
-      if (shared.isObject(arg1)) {
-        wrapRef.value.scrollTo(arg1);
-      } else if (types.isNumber(arg1) && types.isNumber(arg2)) {
-        wrapRef.value.scrollTo(arg1, arg2);
-      }
-    }
-    const setScrollTop = (value) => {
-      if (!types.isNumber(value)) {
-        error.debugWarn(COMPONENT_NAME, "value must be a number");
-        return;
-      }
-      wrapRef.value.scrollTop = value;
-    };
-    const setScrollLeft = (value) => {
-      if (!types.isNumber(value)) {
-        error.debugWarn(COMPONENT_NAME, "value must be a number");
-        return;
-      }
-      wrapRef.value.scrollLeft = value;
-    };
-    const update = () => {
-      if (!wrapRef.value)
-        return;
-      const offsetHeight = wrapRef.value.offsetHeight - util.GAP;
-      const offsetWidth = wrapRef.value.offsetWidth - util.GAP;
-      const originalHeight = offsetHeight ** 2 / wrapRef.value.scrollHeight;
-      const originalWidth = offsetWidth ** 2 / wrapRef.value.scrollWidth;
-      const height = Math.max(originalHeight, props.minSize);
-      const width = Math.max(originalWidth, props.minSize);
-      ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
-      ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
-      sizeHeight.value = height + util.GAP < offsetHeight ? `${height}px` : "";
-      sizeWidth.value = width + util.GAP < offsetWidth ? `${width}px` : "";
-    };
-    forEditor.watch(() => props.noresize, (noresize) => {
-      if (noresize) {
-        stopResizeObserver == null ? void 0 : stopResizeObserver();
-        stopResizeListener == null ? void 0 : stopResizeListener();
-      } else {
-        ;
-        ({ stop: stopResizeObserver } = core.useResizeObserver(resizeRef, update));
-        stopResizeListener = core.useEventListener("resize", update);
-      }
-    }, { immediate: true });
-    forEditor.watch(() => [props.maxHeight, props.height], () => {
-      if (!props.native)
-        vue.nextTick(() => {
-          var _a;
-          update();
-          if (wrapRef.value) {
-            (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
-          }
-        });
-    });
-    vue.provide(constants.scrollbarContextKey, vue.reactive({
-      scrollbarElement: scrollbarRef,
-      wrapElement: wrapRef
-    }));
-    vue.onMounted(() => {
-      if (!props.native)
-        vue.nextTick(() => {
-          update();
-        });
-    });
-    vue.onUpdated(() => update());
-    expose({
-      wrapRef,
-      update,
-      scrollTo,
-      setScrollTop,
-      setScrollLeft,
-      handleScroll
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "scrollbarRef",
-        ref: scrollbarRef,
-        class: vue.normalizeClass(vue.unref(ns).b())
-      }, [
-        vue.createElementVNode("div", {
-          ref_key: "wrapRef",
-          ref: wrapRef,
-          class: vue.normalizeClass(vue.unref(wrapKls)),
-          style: vue.normalizeStyle(vue.unref(style$1)),
-          onScroll: handleScroll
-        }, [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-            ref_key: "resizeRef",
-            ref: resizeRef,
-            class: vue.normalizeClass(vue.unref(resizeKls)),
-            style: vue.normalizeStyle(_ctx.viewStyle)
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["class", "style"]))
-        ], 38),
-        !_ctx.native ? (vue.openBlock(), vue.createBlock(bar["default"], {
-          key: 0,
-          ref_key: "barRef",
-          ref: barRef,
-          height: sizeHeight.value,
-          width: sizeWidth.value,
-          always: _ctx.always,
-          "ratio-x": ratioX.value,
-          "ratio-y": ratioY.value
-        }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : vue.createCommentVNode("v-if", true)
-      ], 2);
-    };
+const scrollbarProps = runtime.buildProps({
+  height: {
+    type: [String, Number],
+    default: ""
+  },
+  maxHeight: {
+    type: [String, Number],
+    default: ""
+  },
+  native: {
+    type: Boolean,
+    default: false
+  },
+  wrapStyle: {
+    type: runtime.definePropType([String, Object, Array]),
+    default: ""
+  },
+  wrapClass: {
+    type: [String, Array],
+    default: ""
+  },
+  viewClass: {
+    type: [String, Array],
+    default: ""
+  },
+  viewStyle: {
+    type: [String, Array, Object],
+    default: ""
+  },
+  noresize: Boolean,
+  tag: {
+    type: String,
+    default: "div"
+  },
+  always: Boolean,
+  minSize: {
+    type: Number,
+    default: 20
   }
 });
-var Scrollbar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\scrollbar\\src\\scrollbar.vue"]]);
+const scrollbarEmits = {
+  scroll: ({
+    scrollTop,
+    scrollLeft
+  }) => [scrollTop, scrollLeft].every(types.isNumber)
+};
 
-exports["default"] = Scrollbar;
+exports.scrollbarEmits = scrollbarEmits;
+exports.scrollbarProps = scrollbarProps;
 //# sourceMappingURL=scrollbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n    <div ref=\"wrapRef\" :class=\"wrapKls\" :style=\"style\" @scroll=\"handleScroll\">\n      <component\n        :is=\"tag\"\n        ref=\"resizeRef\"\n        :class=\"resizeKls\"\n        :style=\"viewStyle\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar\n        ref=\"barRef\"\n        :height=\"sizeHeight\"\n        :width=\"sizeWidth\"\n        :always=\"always\"\n        :ratio-x=\"ratioX\"\n        :ratio-y=\"ratioY\"\n      />\n    </template>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n} from 'vue'\nimport { watch } from '../../config-provider'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { GAP } from './util'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\n\nconst sizeWidth = ref('0')\nconst sizeHeight = ref('0')\nconst barRef = ref<BarInstance>()\nconst ratioY = ref(1)\nconst ratioX = ref(1)\n\nconst style = computed<StyleValue>(() => {\n  const style: CSSProperties = {}\n  if (props.height) style.height = addUnit(props.height)\n  if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n  return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n  return [\n    props.wrapClass,\n    ns.e('wrap'),\n    { [ns.em('wrap', 'hidden-default')]: !props.native },\n  ]\n})\n\nconst resizeKls = computed(() => {\n  return [ns.e('view'), props.viewClass]\n})\n\nconst handleScroll = () => {\n  if (wrapRef.value) {\n    barRef.value?.handleScroll(wrapRef.value)\n\n    emit('scroll', {\n      scrollTop: wrapRef.value.scrollTop,\n      scrollLeft: wrapRef.value.scrollLeft,\n    })\n  }\n}\n\n// TODO: refactor method overrides, due to script setup dts\n// @ts-nocheck\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n  if (isObject(arg1)) {\n    wrapRef.value!.scrollTo(arg1)\n  } else if (isNumber(arg1) && isNumber(arg2)) {\n    wrapRef.value!.scrollTo(arg1, arg2)\n  }\n}\n\nconst setScrollTop = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n  if (!isNumber(value)) {\n    debugWarn(COMPONENT_NAME, 'value must be a number')\n    return\n  }\n  wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n  if (!wrapRef.value) return\n  const offsetHeight = wrapRef.value.offsetHeight - GAP\n  const offsetWidth = wrapRef.value.offsetWidth - GAP\n\n  const originalHeight = offsetHeight ** 2 / wrapRef.value.scrollHeight\n  const originalWidth = offsetWidth ** 2 / wrapRef.value.scrollWidth\n  const height = Math.max(originalHeight, props.minSize)\n  const width = Math.max(originalWidth, props.minSize)\n\n  ratioY.value =\n    originalHeight /\n    (offsetHeight - originalHeight) /\n    (height / (offsetHeight - height))\n  ratioX.value =\n    originalWidth /\n    (offsetWidth - originalWidth) /\n    (width / (offsetWidth - width))\n\n  sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n  sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n}\n\nwatch(\n  () => props.noresize,\n  (noresize) => {\n    if (noresize) {\n      stopResizeObserver?.()\n      stopResizeListener?.()\n    } else {\n      ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n      stopResizeListener = useEventListener('resize', update)\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => [props.maxHeight, props.height],\n  () => {\n    if (!props.native)\n      nextTick(() => {\n        update()\n        if (wrapRef.value) {\n          barRef.value?.handleScroll(wrapRef.value)\n        }\n      })\n  }\n)\n\nprovide(\n  scrollbarContextKey,\n  reactive({\n    scrollbarElement: scrollbarRef,\n    wrapElement: wrapRef,\n  })\n)\n\nonMounted(() => {\n  if (!props.native)\n    nextTick(() => {\n      update()\n    })\n})\nonUpdated(() => update())\n\ndefineExpose({\n  /** @description scrollbar wrap ref */\n  wrapRef,\n  /** @description update scrollbar state manually */\n  update,\n  /** @description scrolls to a particular set of coordinates */\n  scrollTo,\n  /** @description set distance to scroll top */\n  setScrollTop,\n  /** @description set distance to scroll left */\n  setScrollLeft,\n  /** @description handle scroll event */\n  handleScroll,\n})\n</script>\n"],"names":["useNamespace","ref","style","computed","addUnit","isObject","isNumber","debugWarn","GAP","watch","useResizeObserver","useEventListener","nextTick","provide","scrollbarContextKey","reactive","onMounted","onUpdated"],"mappings":";;;;;;;;;;;;;;;;;;;;;;uCA+Cc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;;AAKA,IAAM,MAAA,EAAA,GAAKA,mBAAa,WAAW,CAAA,CAAA;AAEnC,IAAA,IAAI,kBAA+C,GAAA,KAAA,CAAA,CAAA;AACnD,IAAA,IAAI,kBAA+C,GAAA,KAAA,CAAA,CAAA;AAEnD,IAAA,MAAM,eAAeC,OAAoB,EAAA,CAAA;AACzC,IAAA,MAAM,UAAUA,OAAoB,EAAA,CAAA;AACpC,IAAA,MAAM,YAAYA,OAAiB,EAAA,CAAA;AAEnC,IAAM,MAAA,SAAA,GAAYA,QAAI,GAAG,CAAA,CAAA;AACzB,IAAM,MAAA,UAAA,GAAaA,QAAI,GAAG,CAAA,CAAA;AAC1B,IAAA,MAAM,SAASA,OAAiB,EAAA,CAAA;AAChC,IAAM,MAAA,MAAA,GAASA,QAAI,CAAC,CAAA,CAAA;AACpB,IAAM,MAAA,MAAA,GAASA,QAAI,CAAC,CAAA,CAAA;AAEpB,IAAM,MAAAC,OAAA,GAAQC,aAAqB,MAAM;AACvC,MAAA,MAAM,SAAuB,EAAC,CAAA;AAC9B,MAAA,IAAI,KAAM,CAAA,MAAA;AAAQ,QAAM,MAAA,CAAA,MAAA,GAASC,aAAQ,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AACrD,MAAA,IAAI,KAAM,CAAA,SAAA;AAAW,QAAM,MAAA,CAAA,SAAA,GAAYA,aAAQ,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAC9D,MAAO,OAAA,CAAC,KAAM,CAAA,SAAA,EAAW,MAAK,CAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAM,MAAA,OAAA,GAAUD,aAAS,MAAM;AAC7B,MAAO,OAAA;AAAA,QACL,KAAM,CAAA,SAAA;AAAA,QACN,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,QACX,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,gBAAgB,CAAA,GAAI,CAAC,KAAA,CAAM,MAAO,EAAA;AAAA,OACrD,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYA,aAAS,MAAM;AAC/B,MAAA,OAAO,CAAC,EAAG,CAAA,CAAA,CAAE,MAAM,CAAA,EAAG,MAAM,SAAS,CAAA,CAAA;AAAA,KACtC,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,IAAI;AACF,MAAO,IAAA,OAAA,CAAA,KAAoB,EAAA;AAE3B,QAAA,CAAA,EAAA,GAAe,MAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,QACb,IAAA,CAAA,QAAW;AAAc,UACzB,SAAA,EAAA,aAA0B,CAAA,SAAA;AAAA,UAC3B,UAAA,EAAA,OAAA,CAAA,KAAA,CAAA,UAAA;AAAA,SACH,CAAA,CAAA;AAAA,OACF;AAMA,KAAA,CAAA;AACE,IAAI,SAAA,aAAgB,EAAA,IAAA,EAAA;AAClB,MAAQ,IAAAE,eAAA,CAAA;AAAoB,qBACV,CAAA,QAAI,CAAK,IAAA,CAAA,CAAA;AAC3B,OAAQ,MAAA,IAAAC,cAAgB,CAAA,IAAA,CAAA,IAAAA,cAAU,CAAA,IAAA,CAAA,EAAA;AAAA,QACpC,OAAA,CAAA,KAAA,CAAA,QAAA,CAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OACF;AAEA,KAAM;AACJ,IAAI,MAAA,YAAU,GAAK,CAAG,KAAA,KAAA;AACpB,MAAA,IAAA,CAAAA;AACA,QAAAC,eAAA,CAAA,cAAA,EAAA,wBAAA,CAAA,CAAA;AAAA,QACF,OAAA;AACA,OAAA;AAA2B,MAC7B,OAAA,CAAA,KAAA,CAAA,SAAA,GAAA,KAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAI,MAAA,aAAU,GAAQ,CAAA,KAAA,KAAA;AACpB,MAAA,IAAA,CAAAD;AACA,QAAAC,eAAA,CAAA,cAAA,EAAA,wBAAA,CAAA,CAAA;AAAA,QACF,OAAA;AACA,OAAA;AAA4B,MAC9B,OAAA,CAAA,KAAA,CAAA,UAAA,GAAA,KAAA,CAAA;AAEA,KAAA,CAAA;AACE,IAAA,MAAI,MAAS,GAAA,MAAA;AAAO,MAAA,IAAA,CAAA,OAAA,CAAA,KAAA;AACpB,QAAM,OAAA;AACN,MAAM,MAAA,YAAA,GAAsB,OAAA,CAAA,KAAM,CAAc,YAAA,GAAAC,QAAA,CAAA;AAEhD,MAAA,MAAM,WAAiB,GAAA,OAAA,CAAA,KAAA,CAAA,WAAoB,GAAAA,QAAQ,CAAM;AACzD,MAAA,MAAM,cAAgB,GAAA,YAAA,IAAmB,CAAA,GAAA,OAAc,CAAA,KAAA,CAAA,YAAA,CAAA;AACvD,MAAA,MAAM,aAAS,GAAS,WAAA,IAAA,CAAA,UAA6B,CAAA,KAAA,CAAA,WAAA,CAAA;AACrD,MAAA,MAAM,MAAQ,GAAA,IAAK,CAAI,GAAA,CAAA,cAAe,OAAa,CAAA,OAAA,CAAA,CAAA;AAEnD,MAAA,MAAA,KACE,GAAA,IAAA,CAAA,GAAA,CAAA,aACgB,EAAA,KAAA,CAAA,OAAA,CAAA,CAAA;AAElB,MAAA,MAAA,CAAO,KACL,GAAA,cAAA,IACe,YAAA,GAAA,cAAA,CACd,UAAuB,IAAA,YAAA,GAAA,MAAA,CAAA,CAAA,CAAA;AAE1B,MAAA,MAAA,CAAA,KAAmB,GAAA,aAAS,IAAM,WAAA,GAAA,aAA+B,CAAA,IAAA,KAAA,IAAA,WAAA,GAAA,KAAA,CAAA,CAAA,CAAA;AACjE,MAAA,UAAU,CAAQ,KAAA,GAAA,MAAA,GAAcA,QAAA,GAAA,YAAc,GAAG,CAAY,EAAA,MAAA,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAAA,MAC/D,SAAA,CAAA,KAAA,GAAA,KAAA,GAAAA,QAAA,GAAA,WAAA,GAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA,GAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AAGI,IAAAC,eAAA,CAAI,MAAU,KAAA,CAAA,QAAA,EAAA,CAAA,QAAA,KAAA;AACZ,MAAqB,IAAA,QAAA,EAAA;AACrB,QAAqB,kBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,EAAA,CAAA;AAAA,QAChB,kBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,EAAA,CAAA;AACL,OAAA,MAAA;AAAC,QAAC;AACF,QAAqB,CAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,GAAAC,sBAAiC,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA;AAAA,QACxD,kBAAA,GAAAC,qBAAA,CAAA,QAAA,EAAA,MAAA,CAAA,CAAA;AAAA,OAEF;AAGF,KAAA,EAAA,EAAA,SACS,EAAA;AAEL,IAAAF,eAAA,CAAI,MAAO,CAAA,KAAA,CAAA,SAAA,EAAA,KAAA,CAAA,MAAA,CAAA,EAAA,MAAA;AACT,MAAA,IAAA,CAAA,KAAA,CAAS,MAAM;AACb,QAAOG,YAAA,CAAA,MAAA;AACP,UAAA,IAAI;AACF,UAAO,MAAA,EAAA,CAAA;AAAiC,UAC1C,IAAA,OAAA,CAAA,KAAA,EAAA;AAAA,YACD,CAAA,EAAA,GAAA,MAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,WAEP;AAEA,SAAA,CAAA,CAAA;AAEW,KAAA,CACP,CAAkB;AAAA,IAAAC,WACL,CAAAC,6BAAA,EAAAC,YAAA,CAAA;AAAA,MAEjB,gBAAA,EAAA,YAAA;AAEA,MAAA,WAAgB,EAAA,OAAA;AACd,KAAA,CAAA,CAAA,CAAA;AACE,IAAAC,aAAA,CAAA,MAAe;AACb,MAAO,IAAA,CAAA,KAAA,CAAA,MAAA;AAAA,QACTJ,YAAC,CAAA,MAAA;AAAA,UACJ,MAAA,EAAA,CAAA;AACD,SAAU,CAAA,CAAA;AAEV,KAAa,CAAA,CAAA;AAAA,IAEXK,aAAA,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;AAAA,IAEA,MAAA,CAAA;AAAA,MAEA,OAAA;AAAA,MAEA,MAAA;AAAA,MAEA,QAAA;AAAA,MAEA,YAAA;AAAA,MACD,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"scrollbar.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\nimport type Scrollbar from './scrollbar.vue'\n\nexport const scrollbarProps = buildProps({\n  /**\n   * @description height of scrollbar\n   */\n  height: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description max height of scrollbar\n   */\n  maxHeight: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description whether to use the native scrollbar\n   */\n  native: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description style of wrap\n   */\n  wrapStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  /**\n   * @description class of wrap\n   */\n  wrapClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description class of view\n   */\n  viewClass: {\n    type: [String, Array],\n    default: '',\n  },\n  /**\n   * @description style of view\n   */\n  viewStyle: {\n    type: [String, Array, Object],\n    default: '',\n  },\n  /**\n   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance\n   */\n  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n  /**\n   * @description element tag of the view\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description always show\n   */\n  always: Boolean,\n  /**\n   * @description minimum size of scrollbar\n   */\n  minSize: {\n    type: Number,\n    default: 20,\n  },\n} as const)\nexport type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n  scroll: ({\n    scrollTop,\n    scrollLeft,\n  }: {\n    scrollTop: number\n    scrollLeft: number\n  }) => [scrollTop, scrollLeft].every(isNumber),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\n\nexport type ScrollbarInstance = InstanceType<typeof Scrollbar>\n"],"names":["buildProps","definePropType","isNumber"],"mappings":";;;;;;;;AACY,MAAC,cAAc,GAAGA,kBAAU,CAAC;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;AACjC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,cAAc,GAAG;AAC9B,EAAE,MAAM,EAAE,CAAC;AACX,IAAI,SAAS;AACb,IAAI,UAAU;AACd,GAAG,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,KAAK,CAACC,cAAQ,CAAC;AAC/C;;;;;"}