@meethive/components 0.0.11 → 0.0.13

package/es/VirtualTable/VirtualTable.js

@@ -1,4 +1,14 @@
-import { defineComponent, computed, ref, watch, onMounted, nextTick, h } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, renderSlot as _renderSlot, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeStyle as _normalizeStyle, Fragment as _Fragment, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "virtual-table-header"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "virtual-table-all-selected"
+};
+const _hoisted_3 = ["onClick"];
+import { computed, ref, watch, onMounted, nextTick, h } from 'vue';
 import { Table, Checkbox } from 'ant-design-vue';
 import { isNumber, map, omit } from 'lodash-es';
 import AIcon from '../Icon';
@@ -6,13 +16,11 @@ import useVirtualTableStyle from './style';
 import { useLocaleReceiver } from '../LocaleReciver';
 import { findAllChildren, flattenTree } from './data';
 const buffer = 5;
-export default defineComponent({
-  name: 'JVirtualTable',
-  components: {
-    Table,
-    Checkbox,
-    AIcon
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JVirtualTable'
   },
+  __name: 'VirtualTable',
   props: {
     dataSource: {
       type: Array,
@@ -27,7 +35,7 @@ export default defineComponent({
       default: () => []
     },
     rowSelection: {
-      type: [Object, Boolean]
+      type: Object
     },
     rowKey: {
       type: [String, Function],
@@ -39,9 +47,11 @@ export default defineComponent({
     }
   },
   emits: ['update:expandedRowKeys'],
-  setup(props, {
-    emit
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emits = __emit;
     const prefixCls = computed(() => 'virtual-table');
     const [wrapSSR, hashId] = useVirtualTableStyle(prefixCls);
     const [contextLocale] = useLocaleReceiver('ProTable');
@@ -214,22 +224,93 @@ export default defineComponent({
     onMounted(() => {
       updateVisibleNodes();
     });
-    return {
-      h,
-      hashId,
-      container,
-      selectedAll,
-      visibleRows,
-      checkIndeterminate: _indeterminate,
-      viewportHeight,
-      tableColumns: _columns,
-      tableRowSelection: _rowSelection,
-      totalHeight,
-      offsetY,
-      firstColumn,
-      onSelectedAllChange,
-      onScroll,
-      toggleExpand
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['virtual-table-wrapper', _unref(hashId)])
+      }, [_createElementVNode("div", _hoisted_1, [_createVNode(_unref(Table), {
+        columns: _columns.value,
+        pagination: false,
+        rowKey: __props.rowKey,
+        "data-source": [],
+        components: {
+          body: {
+            wrapper: () => h('div')
+          }
+        }
+      }, {
+        headerCell: _withCtx(({
+          column,
+          title
+        }) => [column.key === '__selection__' ? (_openBlock(), _createElementBlock("span", _hoisted_2, [__props.rowSelection?.type !== 'radio' && !__props.rowSelection?.hideSelectAll ? (_openBlock(), _createBlock(_unref(Checkbox), {
+          key: 0,
+          checked: selectedAll.value,
+          "onUpdate:checked": _cache[0] || (_cache[0] = $event => selectedAll.value = $event),
+          onChange: onSelectedAllChange,
+          indeterminate: _indeterminate.value,
+          disabled: visibleRows.value.length === 0
+        }, null, 8 /* PROPS */, ["checked", "indeterminate", "disabled"])) : _createCommentVNode("v-if", true), _createElementVNode("span", null, _toDisplayString(__props.rowSelection?.columnTitle), 1 /* TEXT */)])) : _renderSlot(_ctx.$slots, "headerCell", {
+          key: 1,
+          title: title,
+          column: column
+        }, () => [_createTextVNode(_toDisplayString(title), 1 /* TEXT */)])]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["columns", "rowKey", "components"])]), _createElementVNode("div", {
+        class: "virtual-table-body",
+        ref_key: "container",
+        ref: container,
+        onScroll: onScroll,
+        style: _normalizeStyle({
+          height: `${viewportHeight.value}px`
+        })
+      }, [_createElementVNode("div", {
+        class: "virtual-table-height",
+        style: _normalizeStyle({
+          height: totalHeight.value + 'px'
+        })
+      }, null, 4 /* STYLE */), _createElementVNode("div", {
+        class: "virtual-table-visible-box",
+        style: _normalizeStyle({
+          transform: `translateY(${offsetY.value}px)`,
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0
+        })
+      }, [_createVNode(_unref(Table), {
+        columns: __props.columns,
+        rowKey: __props.rowKey,
+        "data-source": visibleRows.value,
+        showHeader: false,
+        pagination: false,
+        rowSelection: _rowSelection.value
+      }, {
+        bodyCell: _withCtx(({
+          text,
+          record,
+          index,
+          column
+        }) => [column.dataIndex === firstColumn.value?.dataIndex || column.key === firstColumn.value?.key ? (_openBlock(), _createElementBlock(_Fragment, {
+          key: 0
+        }, [_createElementVNode("span", {
+          class: "ant-table-row-indent indent-level-3",
+          style: _normalizeStyle({
+            paddingLeft: `${record.level * 15}px`
+          })
+        }, null, 4 /* STYLE */), _createElementVNode("span", {
+          class: "virtual-table-row-expand-icon",
+          onClick: $event => toggleExpand(record)
+        }, [record.hasChildren ? (_openBlock(), _createBlock(_unref(AIcon), {
+          key: 0,
+          type: !record.expanded ? 'PlusSquareOutlined' : 'MinusSquareOutlined'
+        }, null, 8 /* PROPS */, ["type"])) : _createCommentVNode("v-if", true)], 8 /* PROPS */, _hoisted_3)], 64 /* STABLE_FRAGMENT */)) : _createCommentVNode("v-if", true), _renderSlot(_ctx.$slots, "bodyCell", {
+          text: text,
+          record: record,
+          index: index,
+          column: column
+        }, () => [_createTextVNode(_toDisplayString(text || '--'), 1 /* TEXT */)])]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["columns", "rowKey", "data-source", "rowSelection"])], 4 /* STYLE */)], 36 /* STYLE, NEED_HYDRATION */)], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/lib/DragModal/DragModal.js

@@ -1,12 +1,22 @@
-import { defineComponent, ref, useSlots, computed, onMounted, watch } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, createTextVNode as _createTextVNode, Transition as _Transition, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "header"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "jetlinks-drag-modal-footer"
+};
+import { ref, useSlots, computed, onMounted, watch } from 'vue';
 import { Button } from 'ant-design-vue';
 import { useLocaleReceiver } from '../LocaleReciver/index';
 import genDragModalStyle from './style';
-export default defineComponent({
-  name: 'JDragModal',
-  components: {
-    Button
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JDragModal'
   },
+  __name: 'DragModal',
   props: {
     title: {
       type: [String, Boolean],
@@ -34,9 +44,11 @@ export default defineComponent({
     }
   },
   emits: ['cancel', 'heightChange', 'ok', 'visibleChange'],
-  setup(props, {
-    emit
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emits = __emit;
     const slots = useSlots();
     const [contextLocale] = useLocaleReceiver('DragModal');
     const ele = document.body;
@@ -149,18 +161,18 @@ export default defineComponent({
           }
           const height = baseHeight.value + calc;
           baseHeight.value = height <= props.dragRang[1] ? props.dragRang[1] : height;
-          emit('heightChange', baseHeight.value);
+          emits('heightChange', baseHeight.value);
         }
       };
       handleClear();
     };
     const onCancel = () => {
-      emit('cancel');
-      emit('visibleChange', false);
+      emits('cancel');
+      emits('visibleChange', false);
     };
     const onOk = () => {
-      emit('ok');
-      emit('visibleChange', true);
+      emits('ok');
+      emits('visibleChange', true);
     };
     onMounted(() => {
       if (dialog.value && header.value) {
@@ -177,15 +189,55 @@ export default defineComponent({
         baseHeight.value = props.height;
       }
     });
-    return {
-      dialog,
-      header,
-      styles,
-      hashId,
-      contextLocale,
-      rangeMove,
-      onCancel,
-      onOk
+    return (_ctx, _cache) => {
+      const _component_AIcon = _resolveComponent("AIcon");
+      const _component_a_button = _resolveComponent("a-button");
+      const _component_a_space = _resolveComponent("a-space");
+      return _openBlock(), _createElementBlock("div", {
+        ref_key: "dialog",
+        ref: dialog,
+        style: _normalizeStyle(styles.value),
+        class: _normalizeClass(['jetlinks-drag-modal', _unref(hashId)])
+      }, [_createVNode(_Transition, {
+        name: "dialog"
+      }, {
+        default: _withCtx(() => [_createElementVNode("div", {
+          class: "jetlinks-drag-modal-sprite",
+          ref_key: "header",
+          ref: header
+        }, [__props.title !== false ? (_openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("span", null, _toDisplayString(__props.title), 1 /* TEXT */), _createVNode(_component_a_button, {
+          size: "small",
+          type: "text",
+          onClick: _withModifiers(onCancel, ["stop"])
+        }, {
+          default: _withCtx(() => [_createVNode(_component_AIcon, {
+            type: "CloseOutlined"
+          })]),
+          _: 1 /* STABLE */
+        })])) : _createCommentVNode("v-if", true), _createElementVNode("div", {
+          class: "jetlinks-drag-modal-body",
+          style: _normalizeStyle(__props.bodyStyle)
+        }, [_renderSlot(_ctx.$slots, "default")], 4 /* STYLE */), __props.footer !== false ? (_openBlock(), _createElementBlock("div", _hoisted_2, [_renderSlot(_ctx.$slots, "footer", {}, () => [_createVNode(_component_a_space, null, {
+          default: _withCtx(() => [_createVNode(_unref(Button), {
+            onClick: _withModifiers(onCancel, ["stop"])
+          }, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).cancel), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          }), _createVNode(_unref(Button), {
+            type: "primary",
+            onClick: _withModifiers(onOk, ["stop"])
+          }, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).confirm), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          })]),
+          _: 1 /* STABLE */
+        })])])) : _createCommentVNode("v-if", true)], 512 /* NEED_PATCH */)]),
+        _: 3 /* FORWARDED */
+      }), _createElementVNode("div", {
+        class: _normalizeClass(['jetlinks-drag-modal-range', 'drag-bottom-right']),
+        onMousedown: _cache[0] || (_cache[0] = _withModifiers($event => rangeMove($event, 'drag-bottom-right'), ["stop"]))
+      }, null, 32 /* NEED_HYDRATION */)], 6 /* CLASS, STYLE */);
     };
   }
-});
+});
+export default __sfc_main__;

package/lib/Ellipsis/Ellipsis.js

@@ -1,14 +1,16 @@
-import { defineComponent, computed, ref, useAttrs, mergeProps } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, createElementVNode as _createElementVNode, unref as _unref, normalizeClass as _normalizeClass, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { computed, ref, useAttrs, mergeProps } from 'vue';
 import { Tooltip } from 'ant-design-vue';
 import useEllipsisStyle from './style';
 const jEllipsis = 'j-ellipsis';
 const jEllipsisCursorClass = 'j-ellipsis-cursor';
 const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
-export default defineComponent({
-  name: 'JEllipsis',
-  components: {
-    Tooltip
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEllipsis'
   },
+  __name: 'Ellipsis',
   props: {
     expandTrigger: {
       type: String,
@@ -24,7 +26,8 @@ export default defineComponent({
       default: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-ellipsis');
     const [wrapSSR, hashId] = useEllipsisStyle(prefixCls);
 
@@ -127,18 +130,31 @@ export default defineComponent({
       }
       return tooltipDisabled;
     };
-    return {
-      jEllipsis,
-      jEllipsisCursorClass,
-      jEllipsisLineClampClass,
-      hashId,
-      tooltipRef,
-      triggerRef,
-      visible,
-      handleClickRef,
-      triggerAttrs,
-      showTooltip,
-      getTooltipDisabled
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(Tooltip), _mergeProps({
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        placement: "top"
+      }, __props.tooltip, {
+        open: visible.value && __props.tooltip !== false
+      }), _createSlots({
+        default: _withCtx(() => [_createElementVNode("span", _mergeProps({
+          ref_key: "triggerRef",
+          ref: triggerRef
+        }, triggerAttrs(), {
+          onClick: _cache[0] || (_cache[0] = $event => handleClickRef.value && handleClickRef.value()),
+          onMouseleave: _cache[1] || (_cache[1] = $event => visible.value = false),
+          onMouseenter: _cache[2] || (_cache[2] = $event => __props.expandTrigger === 'click' ? getTooltipDisabled() : showTooltip())
+        }), [_renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)]),
+        _: 2 /* DYNAMIC */
+      }, [__props.tooltip ? {
+        name: "title",
+        fn: _withCtx(() => [_createElementVNode("div", {
+          class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep', _unref(hashId)])
+        }, [_renderSlot(_ctx.$slots, "default"), _renderSlot(_ctx.$slots, "tooltip")], 2 /* CLASS */)]),
+        key: "0"
+      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["open"]);
     };
   }
-});
+});
+export default __sfc_main__;

package/lib/PermissionButton/PermissionButton.js

@@ -1,4 +1,6 @@
-import { defineComponent, computed, inject, getCurrentInstance, toRefs } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, unref as _unref, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock, normalizeProps as _normalizeProps, Fragment as _Fragment, createElementBlock as _createElementBlock, createVNode as _createVNode } from "vue";
+import { computed, inject, toRefs } from 'vue';
 import { Button, Tooltip, Modal } from 'ant-design-vue';
 import { omit } from 'lodash-es';
 import { buttonProps } from 'ant-design-vue/es/button/button';
@@ -6,39 +8,35 @@ import { usePermission } from '@meethive/hooks';
 import confirm from './confirm';
 import { PermissionButtonConfig } from '../utils/constants';
 import { useLocaleReceiver } from '../LocaleReciver';
-const definedProps = {
-  tooltip: {
-    type: Object
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JPermissionButton'
   },
-  popConfirm: {
-    type: Object
+  __name: 'PermissionButton',
+  props: {
+    tooltip: {
+      type: Object
+    },
+    popConfirm: {
+      type: Object
+    },
+    hasPermission: {
+      type: [String, Array, Boolean],
+      default: undefined
+    },
+    style: {
+      type: Object
+    },
+    noPermissionTitle: {
+      type: String
+    },
+    popConfirmBefore: {
+      type: Function
+    },
+    ...omit(buttonProps(), 'icon')
   },
-  hasPermission: {
-    type: [String, Array, Boolean],
-    default: undefined
-  },
-  style: {
-    type: Object
-  },
-  noPermissionTitle: {
-    type: String
-  },
-  popConfirmBefore: {
-    type: Function
-  },
-  ...omit(buttonProps(), 'icon')
-};
-export default defineComponent({
-  name: 'JPermissionButton',
-  components: {
-    Button,
-    Tooltip
-  },
-  // @ts-ignore
-  slots: ['button', 'icon'],
-  props: definedProps,
-  setup(props) {
-    const instance = getCurrentInstance();
+  setup(__props) {
+    const props = __props;
     const propsRef = toRefs(props);
     const {
       hasPerm
@@ -61,6 +59,28 @@ export default defineComponent({
     });
     const hasTooltip = computed(() => !!props.tooltip); // 是否包含文字提示
 
+    // popConfirm 点击处理
+    const handleClick = async () => {
+      const _popConfirm = (await props.popConfirmBefore?.()) || props.popConfirm;
+      if (context.components) {
+        confirm({
+          ..._popConfirm,
+          danger: props.danger
+        }, context.components);
+      } else {
+        Modal.confirm({
+          title: _popConfirm.title,
+          content: _popConfirm.content,
+          onOk: () => {
+            return _popConfirm.onConfirm?.();
+          },
+          onCancel: () => {
+            _popConfirm.onCancel?.();
+          }
+        });
+      }
+    };
+
     // 排除不传递给 Button 的属性 (与 ES 原版 _excluded 一致)
     const computedButtonProps = computed(() => {
       const {
@@ -83,36 +103,64 @@ export default defineComponent({
         disabled: isPermission.value
       });
     });
-
-    // popConfirm 点击处理
-    const handleClick = async () => {
-      const _popConfirm = (await props.popConfirmBefore?.()) || props.popConfirm;
-      if (context.components) {
-        confirm({
-          ..._popConfirm,
-          danger: props.danger
-        }, context.components);
-      } else {
-        Modal.confirm({
-          title: _popConfirm.title,
-          content: _popConfirm.content,
-          onOk: () => {
-            return _popConfirm.onConfirm?.();
-          },
-          onCancel: () => {
-            _popConfirm.onCancel?.();
-          }
-        });
-      }
-    };
-    return {
-      permission,
-      isPermission,
-      hasTooltip,
-      computedButtonProps,
-      tooltipProps,
-      contextLocale,
-      handleClick
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock(_Fragment, null, [_createCommentVNode(" 有权限 "), permission.value ? (_openBlock(), _createElementBlock(_Fragment, {
+        key: 0
+      }, [_createCommentVNode(" 有 tooltip "), hasTooltip.value ? (_openBlock(), _createBlock(_unref(Tooltip), _normalizeProps(_mergeProps({
+        key: 0
+      }, tooltipProps.value)), {
+        default: _withCtx(() => [_ctx.$slots.button ? _renderSlot(_ctx.$slots, "button", {
+          key: 0
+        }) : (_openBlock(), _createBlock(_unref(Button), _mergeProps({
+          key: 1
+        }, computedButtonProps.value, {
+          disabled: isPermission.value
+        }), _createSlots({
+          default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+          _: 2 /* DYNAMIC */
+        }, [_ctx.$slots.icon ? {
+          name: "icon",
+          fn: _withCtx(() => [_renderSlot(_ctx.$slots, "icon")]),
+          key: "0"
+        } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["disabled"]))]),
+        _: 3 /* FORWARDED */
+      }, 16 /* FULL_PROPS */)) : (_openBlock(), _createElementBlock(_Fragment, {
+        key: 1
+      }, [_createCommentVNode(" 无 tooltip "), _ctx.$slots.button ? _renderSlot(_ctx.$slots, "button", {
+        key: 0
+      }) : (_openBlock(), _createBlock(_unref(Button), _mergeProps({
+        key: 1
+      }, computedButtonProps.value, {
+        disabled: isPermission.value
+      }), _createSlots({
+        default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+        _: 2 /* DYNAMIC */
+      }, [_ctx.$slots.icon ? {
+        name: "icon",
+        fn: _withCtx(() => [_renderSlot(_ctx.$slots, "icon")]),
+        key: "0"
+      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["disabled"]))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (_openBlock(), _createElementBlock(_Fragment, {
+        key: 1
+      }, [_createCommentVNode(" 无权限 "), _createVNode(_unref(Tooltip), {
+        title: _ctx.noPermissionTitle || _unref(contextLocale)?.hasPermission
+      }, {
+        default: _withCtx(() => [_ctx.$slots.button ? _renderSlot(_ctx.$slots, "button", {
+          key: 0
+        }) : (_openBlock(), _createBlock(_unref(Button), _mergeProps({
+          key: 1
+        }, computedButtonProps.value, {
+          disabled: isPermission.value
+        }), _createSlots({
+          default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+          _: 2 /* DYNAMIC */
+        }, [_ctx.$slots.icon ? {
+          name: "icon",
+          fn: _withCtx(() => [_renderSlot(_ctx.$slots, "icon")]),
+          key: "0"
+        } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["disabled"]))]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["title"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */);
     };
   }
-});
+});
+export default __sfc_main__;

package/lib/Scrollbar/Bar.js

@@ -1,12 +1,14 @@
-import { defineComponent, inject, ref } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { inject, ref } from 'vue';
 import { GAP } from './util';
 import Thumb from './Thumb.js';
 import { scrollbarContextKey } from './constants';
-export default defineComponent({
-  name: 'ScrollbarBar',
-  components: {
-    Thumb
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'ScrollbarBar'
   },
+  __name: 'Bar',
   props: {
     always: {
       type: Boolean,
@@ -17,9 +19,10 @@ export default defineComponent({
       required: true
     }
   },
-  setup(props, {
-    expose
+  setup(__props, {
+    expose: __expose
   }) {
+    const props = __props;
     const scrollbar = inject(scrollbarContextKey);
     const moveX = ref(0);
     const moveY = ref(0);
@@ -49,17 +52,24 @@ export default defineComponent({
       sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : '';
       sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : '';
     };
-    expose({
+    __expose({
       handleScroll,
       update
     });
-    return {
-      moveX,
-      moveY,
-      sizeWidth,
-      sizeHeight,
-      ratioY,
-      ratioX
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock(_Fragment, null, [_createVNode(Thumb, {
+        move: moveX.value,
+        ratio: ratioX.value,
+        size: sizeWidth.value,
+        always: __props.always
+      }, null, 8 /* PROPS */, ["move", "ratio", "size", "always"]), _createVNode(Thumb, {
+        move: moveY.value,
+        ratio: ratioY.value,
+        size: sizeHeight.value,
+        vertical: "",
+        always: __props.always
+      }, null, 8 /* PROPS */, ["move", "ratio", "size", "always"])], 64 /* STABLE_FRAGMENT */);
     };
   }
-});
+});
+export default __sfc_main__;