@meethive/components 0.0.11 → 0.0.13

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.11",
+  "version": "0.0.13",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",