@citruslime/ui 4.0.2-beta.16 → 4.0.2-beta.18

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

@@ -1,7 +1,7 @@
 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 { useFocusWithin, onKeyDown, toArray, unrefElement, tryOnScopeDispose, onClickOutside, useBreakpoints, breakpointsTailwind, useTimeoutFn, useMouseInElement, useThrottle, useMediaQuery, useDebounceFn, useMouse, useDraggable, defaultDocument, tryOnMounted, useThrottleFn, useWindowSize, useElementSize, useElementBounding } from "@vueuse/core";
+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";
 import { copy } from "@citruslime/vue-utils";
@@ -2377,7 +2377,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     }
     function formatString() {
       let value = props.data[props.column.field];
-      if (!value) {
+      if (!value || typeof value !== "string") {
         return "";
       }
       if (props.column.maxLength) {
@@ -2412,7 +2412,10 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       var _a;
-      return _ctx.column.type === "slot" ? renderSlot(_ctx.$slots, _ctx.column.name, { key: 0 }) : _ctx.column.type === "boolean" && _ctx.column.field !== void 0 ? (openBlock(), createBlock(clUiInputCheckbox, {
+      return _ctx.column.type === "slot" ? renderSlot(_ctx.$slots, _ctx.column.name, {
+        key: 0,
+        formattedStringContent: formatString()
+      }) : _ctx.column.type === "boolean" && _ctx.column.field !== void 0 ? (openBlock(), createBlock(clUiInputCheckbox, {
         key: 1,
         id: `checkbox-${_ctx.column.field}-${_ctx.rowIndex}`,
         readonly: true,
@@ -2515,11 +2518,12 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
             "search-value": _ctx.searchValue,
             "row-index": _ctx.rowIndex
           }, {
-            [_ctx.column.name]: withCtx(() => [
+            [_ctx.column.name]: withCtx(({ formattedStringContent }) => [
               renderSlot(_ctx.$slots, _ctx.column.name, normalizeProps(guardReactiveProps({
                 column: _ctx.column,
                 record: _ctx.data,
-                searchValue: _ctx.searchValue
+                searchValue: _ctx.searchValue,
+                formattedStringContent
               })))
             ]),
             _: 2
@@ -2532,8 +2536,13 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           "search-value": _ctx.searchValue,
           "row-index": _ctx.rowIndex
         }, {
-          [_ctx.column.name]: withCtx(() => [
-            renderSlot(_ctx.$slots, _ctx.column.name, normalizeProps(guardReactiveProps({ column: _ctx.column, record: _ctx.data, searchValue: _ctx.searchValue })))
+          [_ctx.column.name]: withCtx(({ formattedStringContent }) => [
+            renderSlot(_ctx.$slots, _ctx.column.name, normalizeProps(guardReactiveProps({
+              column: _ctx.column,
+              record: _ctx.data,
+              searchValue: _ctx.searchValue,
+              formattedStringContent
+            })))
           ]),
           _: 2
         }, 1032, ["column", "data", "time-zone", "search-value", "row-index"]))
@@ -3602,6 +3611,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const isMediumScreen = useMediaQuery("(max-height: 911px)");
     const { t: t2 } = useI18n();
     const quickDateGroups = computed(() => {
       const groups = [];
@@ -3636,19 +3646,25 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$G, [
         createElementVNode("div", null, toDisplayString(unref(t2)("quickDates.quickDatesHeader")), 1),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(quickDateGroups.value, (group, index2) => {
-          return openBlock(), createElementBlock("div", {
-            key: index2,
-            class: "cl:pt-2"
-          }, [
-            createVNode(_sfc_main$S, {
-              dates: group,
-              "selected-quick-date": _ctx.selectedQuickDate,
-              onQuickDateSelected: _cache[0] || (_cache[0] = ($event) => emit("quick-date-selected", $event))
-            }, null, 8, ["dates", "selected-quick-date"]),
-            index2 < quickDateGroups.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_2$v)) : createCommentVNode("", true)
-          ]);
-        }), 128))
+        createElementVNode("div", {
+          class: normalizeClass({
+            "cl:max-h-[100px] cl:overflow-y-auto": unref(isMediumScreen)
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(quickDateGroups.value, (group, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: index2,
+              class: "cl:pt-2"
+            }, [
+              createVNode(_sfc_main$S, {
+                dates: group,
+                "selected-quick-date": _ctx.selectedQuickDate,
+                onQuickDateSelected: _cache[0] || (_cache[0] = ($event) => emit("quick-date-selected", $event))
+              }, null, 8, ["dates", "selected-quick-date"]),
+              index2 < quickDateGroups.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_2$v)) : createCommentVNode("", true)
+            ]);
+          }), 128))
+        ], 2)
       ]);
     };
   }