@citruslime/ui 4.1.0-beta.15 → 4.1.0-beta.17

package/dist/citrus-lime-ui.es.js

@@ -1,6 +1,6 @@
 import { Icon } from "@iconify/vue";
 import { defineComponent, ref, createElementBlock, openBlock, renderSlot, normalizeProps, guardReactiveProps, Fragment, createElementVNode, normalizeClass, createVNode, unref, Transition, withCtx, withDirectives, mergeProps, vShow, createBlock, Teleport, renderList, toDisplayString, createCommentVNode, computed, createTextVNode, mergeModels, useModel, watch, createSlots, vModelDynamic, shallowRef, toValue, toRefs, withKeys, onMounted, onUnmounted, withModifiers, nextTick, useAttrs, resolveComponent, inject, vModelCheckbox, watchEffect, vModelText, useCssVars, toHandlers, normalizeStyle, isRef, useSlots, provide } from "vue";
-import { generateStringId, highlightText, isTouchDevice, validateEmail as validateEmail$1, escapeStringForRegExp } from "@citruslime/utils";
+import { generateStringId, highlightText, validateEmail as validateEmail$1, isTouchDevice, escapeStringForRegExp } from "@citruslime/utils";
 import { useFocusWithin, onKeyDown, toArray, unrefElement, tryOnScopeDispose, onClickOutside, useBreakpoints, breakpointsTailwind, useTimeoutFn, useMouseInElement, useMediaQuery, useThrottle, useDebounceFn, useMouse, useDraggable, defaultDocument, tryOnMounted, useThrottleFn, useWindowSize, useElementSize, useElementBounding } from "@vueuse/core";
 import { useI18n, createI18n } from "vue-i18n";
 import { createFocusTrap } from "focus-trap";
@@ -6041,8 +6041,11 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         }
       });
     }
+    const isFineTouchDevice = computed(() => {
+      return window.matchMedia("(pointer: coarse)").matches === false;
+    });
     const shouldEnableGlobalResizing = computed(() => {
-      return props.options.allowColumnResizing !== false && !isTouchDevice();
+      return props.options.allowColumnResizing !== false && isFineTouchDevice.value;
     });
     const columnsWithResizing = computed(() => {
       return visibleColumns.value.map((column) => ({
@@ -6065,7 +6068,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("thead", {
-          class: normalizeClass(["cl:-top-1 cl:bg-white cl:z-20", [
+          class: normalizeClass(["cl:-top-1 cl:bg-white cl:z-20 touch-none", [
             _ctx.options.hideGridMobileView ? "cl:relative" : "cl:shadow cl:sticky cl:lg:bg-transparent cl:lg:relative cl:lg:shadow-none"
           ]])
         }, [
@@ -6180,7 +6183,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                     };
                   })
                 ]), 1032, ["loading", "initial-load", "bulk-edit-mode", "filter", "column", "time-zone", "quick-date-scope", "header-display-timezone", "options", "filter-dropdown-position"]),
-                !unref(isTouchDevice)() && _ctx.options.allowColumnResizing ? (openBlock(), createElementBlock("div", {
+                _ctx.options.allowColumnResizing && isFineTouchDevice.value ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   id: `resize-handle-${columnIndex}`,
                   ref_for: true,