@meethive/components 0.0.12 → 0.0.14

package/es/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/es/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__;

package/es/Scrollbar/Scrollbar.js

@@ -1,4 +1,6 @@
-import { defineComponent, computed, nextTick, onMounted, onUpdated, provide, reactive, ref, watch } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from "vue";
+import { computed, nextTick, onMounted, onUpdated, provide, reactive, ref, watch } from 'vue';
 import { useEventListener, useResizeObserver } from '@vueuse/core';
 import { isNumber, isObject } from '@meethive/utils';
 import Bar from './Bar.js';
@@ -6,17 +8,19 @@ import { scrollbarContextKey } from './constants';
 import { scrollbarEmits, scrollbarProps } from './scrollbarProps';
 import useScrollbarStyle from './style';
 const COMPONENT_NAME = 'JScrollbar';
-export default defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    Bar
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: COMPONENT_NAME
   },
+  __name: 'Scrollbar',
   props: scrollbarProps,
   emits: scrollbarEmits,
-  setup(props, {
-    expose,
-    emit
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const prefixCls = computed(() => 'j-scrollbar');
     const [wrapSSR, hashId] = useScrollbarStyle(prefixCls);
     let stopResizeObserver = undefined;
@@ -100,7 +104,7 @@ export default defineComponent({
       });
     });
     onUpdated(() => update());
-    expose({
+    __expose({
       /** @description scrollbar wrap ref */
       wrapRef,
       /** @description update scrollbar state manually */
@@ -114,16 +118,36 @@ export default defineComponent({
       /** @description handle scroll event */
       handleScroll
     });
-    return {
-      hashId,
-      scrollbarRef,
-      wrapRef,
-      resizeRef,
-      barRef,
-      wrapStyle,
-      wrapKls,
-      resizeKls,
-      handleScroll
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        ref_key: "scrollbarRef",
+        ref: scrollbarRef,
+        class: _normalizeClass(['j-scrollbar', _unref(hashId)])
+      }, [_createElementVNode("div", {
+        ref_key: "wrapRef",
+        ref: wrapRef,
+        class: _normalizeClass(wrapKls.value),
+        style: _normalizeStyle(wrapStyle.value),
+        onScroll: handleScroll
+      }, [(_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
+        id: _ctx.id,
+        ref_key: "resizeRef",
+        ref: resizeRef,
+        class: _normalizeClass(resizeKls.value),
+        role: _ctx.role,
+        "aria-label": _ctx.ariaLabel,
+        "aria-orientation": _ctx.ariaOrientation
+      }, {
+        default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["id", "class", "role", "aria-label", "aria-orientation"]))], 38 /* CLASS, STYLE, NEED_HYDRATION */), !_ctx.native ? (_openBlock(), _createBlock(Bar, {
+        key: 0,
+        ref_key: "barRef",
+        ref: barRef,
+        always: _ctx.always,
+        "min-size": _ctx.minSize
+      }, null, 8 /* PROPS */, ["always", "min-size"])) : _createCommentVNode("v-if", true)], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Scrollbar/Thumb.js

@@ -1,14 +1,20 @@
-import { defineComponent, computed, inject, onBeforeUnmount, ref, toRef } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { computed, inject, onBeforeUnmount, ref, toRef } from 'vue';
 import { useEventListener } from '@vueuse/core';
 import { isClient } from '@meethive/utils';
 import { scrollbarContextKey } from './constants';
 import { BAR_MAP, renderThumbStyle } from './util';
 import { thumbProps } from './thumbProps';
 import useScrollbarStyle from './style';
-export default defineComponent({
-  name: 'ScrollbarThumb',
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'ScrollbarThumb'
+  },
+  __name: 'Thumb',
   props: thumbProps,
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const scrollbar = inject(scrollbarContextKey);
     if (!scrollbar) throw new Error('can not inject scrollbar context');
     const instance = ref();
@@ -87,15 +93,28 @@ export default defineComponent({
     };
     useEventListener(toRef(scrollbar, 'scrollbarElement'), 'mousemove', mouseMoveScrollbarHandler);
     useEventListener(toRef(scrollbar, 'scrollbarElement'), 'mouseleave', mouseLeaveScrollbarHandler);
-    return {
-      props,
-      instance,
-      thumb,
-      visible,
-      hashId,
-      thumbStyle,
-      clickThumbHandler,
-      clickTrackHandler
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass([_unref(hashId)])
+      }, [_createVNode(_Transition, {
+        name: "j-scrollbar-fade",
+        persisted: ""
+      }, {
+        default: _withCtx(() => [_withDirectives(_createElementVNode("div", {
+          ref_key: "instance",
+          ref: instance,
+          class: _normalizeClass(['j-scrollbar__bar', props.vertical ? 'is-vertical' : 'is-horizontal']),
+          onMousedown: clickTrackHandler
+        }, [_createElementVNode("div", {
+          ref_key: "thumb",
+          ref: thumb,
+          class: "j-scrollbar__thumb",
+          style: _normalizeStyle(thumbStyle.value),
+          onMousedown: clickThumbHandler
+        }, null, 36 /* STYLE, NEED_HYDRATION */)], 34 /* CLASS, NEED_HYDRATION */), [[_vShow, _ctx.always || visible.value]])]),
+        _: 1 /* STABLE */
+      })], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

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/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__;

package/lib/Scrollbar/Scrollbar.js

@@ -1,4 +1,6 @@
-import { defineComponent, computed, nextTick, onMounted, onUpdated, provide, reactive, ref, watch } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from "vue";
+import { computed, nextTick, onMounted, onUpdated, provide, reactive, ref, watch } from 'vue';
 import { useEventListener, useResizeObserver } from '@vueuse/core';
 import { isNumber, isObject } from '@meethive/utils';
 import Bar from './Bar.js';
@@ -6,17 +8,19 @@ import { scrollbarContextKey } from './constants';
 import { scrollbarEmits, scrollbarProps } from './scrollbarProps';
 import useScrollbarStyle from './style';
 const COMPONENT_NAME = 'JScrollbar';
-export default defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    Bar
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: COMPONENT_NAME
   },
+  __name: 'Scrollbar',
   props: scrollbarProps,
   emits: scrollbarEmits,
-  setup(props, {
-    expose,
-    emit
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const prefixCls = computed(() => 'j-scrollbar');
     const [wrapSSR, hashId] = useScrollbarStyle(prefixCls);
     let stopResizeObserver = undefined;
@@ -100,7 +104,7 @@ export default defineComponent({
       });
     });
     onUpdated(() => update());
-    expose({
+    __expose({
       /** @description scrollbar wrap ref */
       wrapRef,
       /** @description update scrollbar state manually */
@@ -114,16 +118,36 @@ export default defineComponent({
       /** @description handle scroll event */
       handleScroll
     });
-    return {
-      hashId,
-      scrollbarRef,
-      wrapRef,
-      resizeRef,
-      barRef,
-      wrapStyle,
-      wrapKls,
-      resizeKls,
-      handleScroll
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        ref_key: "scrollbarRef",
+        ref: scrollbarRef,
+        class: _normalizeClass(['j-scrollbar', _unref(hashId)])
+      }, [_createElementVNode("div", {
+        ref_key: "wrapRef",
+        ref: wrapRef,
+        class: _normalizeClass(wrapKls.value),
+        style: _normalizeStyle(wrapStyle.value),
+        onScroll: handleScroll
+      }, [(_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {
+        id: _ctx.id,
+        ref_key: "resizeRef",
+        ref: resizeRef,
+        class: _normalizeClass(resizeKls.value),
+        role: _ctx.role,
+        "aria-label": _ctx.ariaLabel,
+        "aria-orientation": _ctx.ariaOrientation
+      }, {
+        default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["id", "class", "role", "aria-label", "aria-orientation"]))], 38 /* CLASS, STYLE, NEED_HYDRATION */), !_ctx.native ? (_openBlock(), _createBlock(Bar, {
+        key: 0,
+        ref_key: "barRef",
+        ref: barRef,
+        always: _ctx.always,
+        "min-size": _ctx.minSize
+      }, null, 8 /* PROPS */, ["always", "min-size"])) : _createCommentVNode("v-if", true)], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/lib/Scrollbar/Thumb.js

@@ -1,14 +1,20 @@
-import { defineComponent, computed, inject, onBeforeUnmount, ref, toRef } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { computed, inject, onBeforeUnmount, ref, toRef } from 'vue';
 import { useEventListener } from '@vueuse/core';
 import { isClient } from '@meethive/utils';
 import { scrollbarContextKey } from './constants';
 import { BAR_MAP, renderThumbStyle } from './util';
 import { thumbProps } from './thumbProps';
 import useScrollbarStyle from './style';
-export default defineComponent({
-  name: 'ScrollbarThumb',
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'ScrollbarThumb'
+  },
+  __name: 'Thumb',
   props: thumbProps,
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const scrollbar = inject(scrollbarContextKey);
     if (!scrollbar) throw new Error('can not inject scrollbar context');
     const instance = ref();
@@ -87,15 +93,28 @@ export default defineComponent({
     };
     useEventListener(toRef(scrollbar, 'scrollbarElement'), 'mousemove', mouseMoveScrollbarHandler);
     useEventListener(toRef(scrollbar, 'scrollbarElement'), 'mouseleave', mouseLeaveScrollbarHandler);
-    return {
-      props,
-      instance,
-      thumb,
-      visible,
-      hashId,
-      thumbStyle,
-      clickThumbHandler,
-      clickTrackHandler
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass([_unref(hashId)])
+      }, [_createVNode(_Transition, {
+        name: "j-scrollbar-fade",
+        persisted: ""
+      }, {
+        default: _withCtx(() => [_withDirectives(_createElementVNode("div", {
+          ref_key: "instance",
+          ref: instance,
+          class: _normalizeClass(['j-scrollbar__bar', props.vertical ? 'is-vertical' : 'is-horizontal']),
+          onMousedown: clickTrackHandler
+        }, [_createElementVNode("div", {
+          ref_key: "thumb",
+          ref: thumb,
+          class: "j-scrollbar__thumb",
+          style: _normalizeStyle(thumbStyle.value),
+          onMousedown: clickThumbHandler
+        }, null, 36 /* STYLE, NEED_HYDRATION */)], 34 /* CLASS, NEED_HYDRATION */), [[_vShow, _ctx.always || visible.value]])]),
+        _: 1 /* STABLE */
+      })], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meethive/components",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -12,16 +12,16 @@
   "author": "",
   "license": "ISC",
   "peerDependencies": {
-    "vue": "^3.3.4",
-    "vue-router": "^4.0.0",
-    "ant-design-vue": "^4.2.6",
-    "@ant-design/icons-vue": "^7.0.1",
-    "lodash-es": "^4.17.0",
-    "dayjs": "^1.11.0"
+    "vue": "3.3.4",
+    "vue-router": "4.5.0",
+    "ant-design-vue": "4.2.6",
+    "@ant-design/icons-vue": "7.0.1",
+    "lodash-es": "4.17.21",
+    "dayjs": "1.11.13",
+    "@vueuse/router": "11.3.0",
+    "@vueuse/core": "10.11.1"
   },
   "dependencies": {
-    "@vueuse/core": "^10.2.1",
-    "@vueuse/router": "^12.1.0",
     "async-validator": "^4.2.5",
     "markdown-it": "^14.1.0",
     "markdown-it-abbr": "^2.0.0",