@deot/vc-components 1.0.61 → 1.0.62

package/dist/index.js

@@ -9652,10 +9652,11 @@ const useScroller = (expose) => {
       "vc-scroller__wrapper"
     ];
   });
-  const refreshSize = () => {
+  const refreshSize = async () => {
     if (!wrapper.value) return;
     wrapperW.value = wrapper.value.clientWidth;
     wrapperH.value = wrapper.value.clientHeight;
+    await nextTick();
     contentH.value = wrapper.value.scrollHeight;
     contentW.value = wrapper.value.scrollWidth;
   };
@@ -14528,11 +14529,10 @@ const Option = /* @__PURE__ */ defineComponent({
       } = owner.exposed;
       return !multiple.value ? true : current.value.slice(-1)[0] === props.value;
     });
-    const searchRegex = computed(() => {
-      const v = owner.exposed.searchValue.value.trim().replace(/\s+/g, ' ').split(/\s|,/);
-      return new RegExp(`(${v.join('|')})`, 'i');
-    });
     const isActive = computed(() => {
+      const {
+        searchRegex
+      } = owner.exposed;
       return !!(searchRegex.value.test(formatterLabel.value) || !props.filterable);
     });
     const customOptions = computed(() => {
@@ -14758,6 +14758,10 @@ const Select = /* @__PURE__ */ defineComponent({
       const v = currentValue.value.length - props.maxTags;
       return v < 0 ? 0 : v;
     });
+    const searchRegex = computed(() => {
+      const v = searchValue.value.trim().replace(/\s+/g, ' ').split(/\s|,/);
+      return new RegExp(escapeString(`(${v.join('|')})`), 'i');
+    });
     const optionMap = ref({});
     const options = computed(() => {
       return Object.values(optionMap.value);
@@ -14854,7 +14858,7 @@ const Select = /* @__PURE__ */ defineComponent({
       add,
       remove,
       close,
-      searchValue,
+      searchRegex,
       multiple,
       isActive,
       current: currentValue,
@@ -19129,6 +19133,10 @@ const TableHeader = /* @__PURE__ */ defineComponent({
     sort: {
       type: Object,
       default: () => ({})
+    },
+    resizable: {
+      type: Boolean,
+      default: void 0
     }
   },
   setup(props) {
@@ -19137,6 +19145,9 @@ const TableHeader = /* @__PURE__ */ defineComponent({
     const draggingColumn = ref(null);
     const dragging = ref(false);
     const dragState = ref({});
+    const allowDrag = computed(() => {
+      return typeof props.resizable === 'boolean' ? props.resizable : props.border;
+    });
     const states = useStates({
       columns: 'columns',
       isAllSelected: 'isAllSelected',
@@ -19240,10 +19251,10 @@ const TableHeader = /* @__PURE__ */ defineComponent({
       if (IS_SERVER$1) return;
       if (column.children && column.children.length > 0) return;
       /* istanbul ignore if */
-      if (draggingColumn.value && props.border) {
+      if (draggingColumn.value && allowDrag.value) {
         dragging.value = true;
         table.resizeProxyVisible.value = true;
-        const tableEl = table.vnode.el;
+        const tableEl = table.tableWrapper.value;
         const tableLeft = tableEl.getBoundingClientRect().left;
         const columnEl = instance.vnode.el.querySelector(`.vc-table__th.${column.id}`);
         const columnRect = columnEl.getBoundingClientRect();
@@ -19272,15 +19283,14 @@ const TableHeader = /* @__PURE__ */ defineComponent({
             } = dragState.value;
             const finalLeft = parseInt(resizeProxy.style.left, 10);
             const columnWidth = finalLeft - startColumnLeft;
-            column.width = columnWidth;
-            column.realWidth = column.width;
-            table.$emit('header-dragend', column.width, startLeft - startColumnLeft, column, event);
+            column.width = column.minWidth = column.realWidth = columnWidth;
+            table.emit('header-dragend', column.width, startLeft - startColumnLeft, column);
             table.store.scheduleLayout();
             document.body.style.cursor = '';
             dragging.value = false;
             draggingColumn.value = null;
             dragState.value = {};
-            table.resizeProxyVisible = false;
+            table.resizeProxyVisible.value = false;
           }
           document.removeEventListener('mousemove', handleMouseMove);
           document.removeEventListener('mouseup', handleMouseUp);
@@ -19301,7 +19311,7 @@ const TableHeader = /* @__PURE__ */ defineComponent({
         target = target.parentNode;
       }
       if (!column || !column.resizable) return;
-      if (!dragging.value && props.border) {
+      if (!dragging.value && allowDrag.value) {
         const rect = target.getBoundingClientRect();
         const bodyStyle = document.body.style;
         if (rect.width > 12 && rect.right - event.pageX < 8) {
@@ -19608,7 +19618,11 @@ const props$d = {
     default: () => ({})
   },
   // 用于延迟渲染，用于计算高度
-  delay: Number
+  delay: Number,
+  resizable: {
+    type: Boolean,
+    default: void 0
+  }
 };
 
 /** @jsxImportSource vue */
@@ -19617,7 +19631,7 @@ const COMPONENT_NAME$j = 'vc-table';
 const Table = /* @__PURE__ */ defineComponent({
   name: COMPONENT_NAME$j,
   props: props$d,
-  emits: ['select', 'select-all', 'selection-change', 'cell-mouse-enter', 'cell-mouse-leave', 'cell-click', 'cell-dblclick', 'row-click', 'row-contextmenu', 'row-dblclick', 'header-click', 'header-contextmenu', 'current-change', 'header-dragend ', 'expand-change', 'sort-change', 'update:sort'],
+  emits: ['select', 'select-all', 'selection-change', 'cell-mouse-enter', 'cell-mouse-leave', 'cell-click', 'cell-dblclick', 'row-click', 'row-contextmenu', 'row-dblclick', 'header-click', 'header-contextmenu', 'current-change', 'header-dragend', 'expand-change', 'sort-change', 'update:sort'],
   setup(props, {
     slots,
     expose,
@@ -19638,7 +19652,7 @@ const Table = /* @__PURE__ */ defineComponent({
       width: null,
       height: null
     });
-
+    const tableWrapper = ref(null);
     // refs
     const hiddenColumns = ref(null);
     const headerWrapper = ref(null);
@@ -19996,6 +20010,7 @@ const Table = /* @__PURE__ */ defineComponent({
       toggleRowExpansion,
       clearSelection,
       scroller,
+      tableWrapper,
       headerWrapper,
       appendWrapper,
       footerWrapper,
@@ -20006,12 +20021,15 @@ const Table = /* @__PURE__ */ defineComponent({
       renderExpanded,
       hiddenColumns,
       props,
-      emit
+      emit,
+      resizeProxy,
+      resizeProxyVisible
     };
     expose(exposed);
     provide('vc-table', exposed);
     return () => {
       return createVNode("div", {
+        "ref": tableWrapper,
         "class": [classes.value, tableId, 'vc-table'],
         "onMouseleave": handleMouseLeave
       }, [createVNode("div", {
@@ -20023,6 +20041,7 @@ const Table = /* @__PURE__ */ defineComponent({
       }, [createVNode(TableHeader, {
         "ref": tableHeader,
         "border": props.border,
+        "resizable": props.resizable,
         "sort": props.sort,
         "style": bodyWidthStyle.value
       }, null)]), states.columns.length > 0 && createVNode(ScrollerWheel, {
@@ -20040,15 +20059,10 @@ const Table = /* @__PURE__ */ defineComponent({
           "style": [bodyWidthStyle.value],
           "height-style": [bodyHeightStyle.value],
           "onScroll": handleScollY
-        }, null), props.data.length === 0 && createVNode("div", {
-          "ref": emptyBlock,
-          "style": bodyWidthStyle.value,
-          "class": [{
-            'is-absolute': !!props.height
-          }, 'vc-table__empty-wrapper']
-        }, [createVNode("span", {
-          "class": "vc-table__empty-text"
-        }, [slots.empty ? slots.empty() : props.emptyText || '暂无数据'])]), slots.append && createVNode("div", {
+        }, null), props.data.length === 0 && !props.height && createVNode("div", {
+          "class": "vc-table__empty-placeholder",
+          "style": [bodyWidthStyle.value]
+        }, null), slots.append && createVNode("div", {
           "ref": appendWrapper,
           "class": "vc-table__append-wrapper"
         }, [slots.append()])]
@@ -20072,6 +20086,7 @@ const Table = /* @__PURE__ */ defineComponent({
       }, [createVNode(TableHeader, {
         "ref": leftFixedTableHeader,
         "border": props.border,
+        "resizable": props.resizable,
         "sort": props.sort,
         "style": bodyWidthStyle.value,
         "fixed": "left"
@@ -20111,6 +20126,7 @@ const Table = /* @__PURE__ */ defineComponent({
       }, [createVNode(TableHeader, {
         "ref": rightFixedTableHeader,
         "border": props.border,
+        "resizable": props.resizable,
         "sort": props.sort,
         "style": bodyWidthStyle.value,
         "fixed": "right"
@@ -20138,7 +20154,14 @@ const Table = /* @__PURE__ */ defineComponent({
         "get-summary": props.getSummary,
         "style": bodyWidthStyle.value,
         "fixed": "right"
-      }, null)]), [[vShow, props.data && props.data.length > 0]])]), withDirectives(createVNode("div", {
+      }, null)]), [[vShow, props.data && props.data.length > 0]])]), props.data.length === 0 && createVNode("div", {
+        "ref": emptyBlock,
+        "class": [{
+          'has-height': !!props.height
+        }, 'vc-table__empty-wrapper']
+      }, [slots.empty ? slots.empty() : createVNode("span", {
+        "class": "vc-table__empty-text"
+      }, [props.emptyText || '暂无数据'])]), withDirectives(createVNode("div", {
         "ref": resizeProxy,
         "class": "vc-table__column-resize-proxy"
       }, null), [[vShow, resizeProxyVisible.value]])]);