vueless 0.0.758 → 0.0.760

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.758",
+  "version": "0.0.760",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -82,7 +82,7 @@
     "prettier": "^3.3.3",
     "release-it": "^17.2.1",
     "typescript": "^5.6.3",
-    "vite": "^5.4.9",
+    "vite": "^6.1.0",
     "vite-plugin-compression": "^0.5.1",
     "vue": "^3.5.4",
     "vue-i18n": "^10.0.4",

package/ui.data-table/UTable.vue

@@ -547,7 +547,7 @@ const {
         <slot :name="`header-${column.key}-after`" :column="column" :index="index" />
       </div>
 
-      <ULoaderProgress v-if="isHeaderSticky" :loading="loading" v-bind="stickyHeaderLoaderAttrs" />
+      <ULoaderProgress :loading="loading" v-bind="stickyHeaderLoaderAttrs" />
     </div>
 
     <div
@@ -579,7 +579,7 @@ const {
         -->
       <slot name="header-actions" :selected-rows="selectedRows" />
 
-      <ULoaderProgress v-if="isHeaderSticky" :loading="loading" v-bind="stickyHeaderLoaderAttrs" />
+      <ULoaderProgress :loading="loading" v-bind="stickyHeaderLoaderAttrs" />
     </div>
 
     <div
@@ -612,7 +612,7 @@ const {
         -->
       <slot name="header-actions" :selected-rows="selectedRows" />
 
-      <ULoaderProgress v-if="isHeaderSticky" :loading="loading" v-bind="stickyHeaderLoaderAttrs" />
+      <ULoaderProgress :loading="loading" v-bind="stickyHeaderLoaderAttrs" />
     </div>
 
     <div ref="table-wrapper" v-bind="tableWrapperAttrs">

package/ui.data-table/config.ts

@@ -23,7 +23,7 @@ export default /*tw*/ {
       },
     },
   },
-  stickyHeaderLoader: "{ULoaderProgress}",
+  stickyHeaderLoader: "{ULoaderProgress} absolute top-auto bottom-0",
   headerActionsCheckbox: "{UCheckbox}",
   headerActionsCounter: "{>headerCounterBase} -ml-1.5",
   tableWrapper: "border border-gray-200 rounded-dynamic bg-white",

package/ui.dropdown-list/UDropdownList.vue

@@ -299,7 +299,7 @@ const {
           v-bind="isSelectedOption(option) ? optionActiveAttrs : optionAttrs"
           :data-test="getDataTest('option')"
           :class="optionHighlight(index, option)"
-          @click="select(option), onClickOption(option)"
+          @click="(select(option), onClickOption(option))"
           @mouseenter.self="pointerSet(index)"
         >
           <!--

package/ui.form-date-picker-range/UDatePickerRangePeriodMenu.vue

@@ -266,7 +266,7 @@ function getDatePeriodState(date: DatePeriodRange) {
           :disabled="isDatePeriodOutOfRange(date)"
           v-bind="attrs.periodDateCurrentSelectedAttrs.value"
           :label="String(date.title)"
-          @click="selectDate(date), toggleMenu()"
+          @click="(selectDate(date), toggleMenu())"
         />
 
         <UButton
@@ -278,7 +278,7 @@ function getDatePeriodState(date: DatePeriodRange) {
           :disabled="isDatePeriodOutOfRange(date)"
           v-bind="attrs.periodDateSelectedAttrs.value"
           :label="String(date.title)"
-          @click="selectDate(date), toggleMenu()"
+          @click="(selectDate(date), toggleMenu())"
         />
 
         <UButton
@@ -290,7 +290,7 @@ function getDatePeriodState(date: DatePeriodRange) {
           :disabled="isDatePeriodOutOfRange(date)"
           v-bind="attrs.periodDateCurrentAttrs.value"
           :label="String(date.title)"
-          @click="selectDate(date), toggleMenu()"
+          @click="(selectDate(date), toggleMenu())"
         />
 
         <UButton
@@ -301,7 +301,7 @@ function getDatePeriodState(date: DatePeriodRange) {
           :disabled="isDatePeriodOutOfRange(date)"
           v-bind="attrs.periodDateAttrs.value"
           :label="String(date.title)"
-          @click="selectDate(date), toggleMenu()"
+          @click="(selectDate(date), toggleMenu())"
         />
       </template>
     </div>

package/utils/node/dynamicProps.js

@@ -1,5 +1,5 @@
-import fs from "fs/promises";
-import { existsSync } from "fs";
+import fs from "node:fs/promises";
+import { existsSync } from "node:fs";
 import path from "node:path";
 
 import { vuelessConfig } from "./vuelessConfig.js";

package/utils/node/dynamicStories.js

@@ -1,21 +1,43 @@
 import path from "node:path";
-import { existsSync } from "node:fs";
 import { cwd } from "node:process";
-import { rename, readdir } from "node:fs/promises";
+import { existsSync, promises as fsPromises } from "node:fs";
 
 import { vuelessConfig } from "./vuelessConfig.js";
+
 import { COMPONENTS, VUELESS_DIR, VUELESS_LOCAL_DIR, STORYBOOK_DIR } from "../../constants.js";
 
+export async function hideHiddenStories(isVuelessEnv) {
+  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
+
+  for await (const [componentName, componentDir] of Object.entries(COMPONENTS)) {
+    const componentGlobalConfig = vuelessConfig.components?.[componentName];
+    const isHiddenStories = componentGlobalConfig && componentGlobalConfig.storybook === false;
+
+    if (isHiddenStories) {
+      await hideComponentStories(path.join(cwd(), srcDir, componentDir, STORYBOOK_DIR));
+    }
+  }
+}
+
+export async function showHiddenStories(isVuelessEnv) {
+  if (typeof window !== "undefined") return;
+  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
+
+  for await (const componentDir of Object.values(COMPONENTS)) {
+    await showComponentStories(path.join(cwd(), srcDir, componentDir, STORYBOOK_DIR));
+  }
+}
+
 async function hideComponentStories(storybookPath) {
   if (existsSync(storybookPath)) {
-    const storyFiles = await readdir(storybookPath);
+    const storyFiles = await fsPromises.readdir(storybookPath);
     const visibleFiles = storyFiles.filter((storybookFile) => !storybookFile.includes("hidden"));
 
     await Promise.all(
       visibleFiles.map((storybookFile) => {
         const [fileName, extension] = storybookFile.split(".");
 
-        return rename(
+        return fsPromises.rename(
           path.join(storybookPath, storybookFile),
           path.join(storybookPath, `${fileName}_hidden.${extension}`),
         );
@@ -26,7 +48,7 @@ async function hideComponentStories(storybookPath) {
 
 async function showComponentStories(storybookPath) {
   if (existsSync(storybookPath)) {
-    const storyFiles = await readdir(storybookPath);
+    const storyFiles = await fsPromises.readdir(storybookPath);
     const hiddenFiles = storyFiles.filter((storybookFile) => storybookFile.includes("hidden"));
 
     await Promise.all(
@@ -34,7 +56,7 @@ async function showComponentStories(storybookPath) {
         const [fileName, extension] = storybookFile.split(".");
         const [originalFileName] = fileName.split("_");
 
-        return rename(
+        return fsPromises.rename(
           path.join(storybookPath, storybookFile),
           path.join(storybookPath, `${originalFileName}.${extension}`),
         );
@@ -42,24 +64,3 @@ async function showComponentStories(storybookPath) {
     );
   }
 }
-
-export async function hideHiddenStories(isVuelessEnv) {
-  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
-
-  for await (const [componentName, componentDir] of Object.entries(COMPONENTS)) {
-    const componentGlobalConfig = vuelessConfig.components?.[componentName];
-    const isHiddenStories = componentGlobalConfig && componentGlobalConfig.storybook === false;
-
-    if (isHiddenStories) {
-      await hideComponentStories(path.join(cwd(), srcDir, componentDir, STORYBOOK_DIR));
-    }
-  }
-}
-
-export async function showHiddenStories(isVuelessEnv) {
-  const srcDir = isVuelessEnv ? VUELESS_LOCAL_DIR : VUELESS_DIR;
-
-  for await (const componentDir of Object.values(COMPONENTS)) {
-    await showComponentStories(path.join(cwd(), srcDir, componentDir, STORYBOOK_DIR));
-  }
-}

package/utils/node/helper.js

@@ -1,8 +1,7 @@
-import path from "path";
-import { statSync, existsSync } from "fs";
-import { readdir } from "node:fs/promises";
-import { cwd } from "node:process";
 import esbuild from "esbuild";
+import path from "node:path";
+import { cwd } from "node:process";
+import { statSync, existsSync, promises as fsPromises } from "node:fs";
 
 import { VUELESS_CONFIGS_CACHED_DIR } from "../../constants.js";
 
@@ -15,7 +14,7 @@ export async function getDirFiles(dirPath, ext, { recursive = true, exclude = []
   };
 
   try {
-    fileNames = await readdir(dirPath, { recursive });
+    fileNames = await fsPromises.readdir(dirPath, { recursive });
   } catch (error) {
     if (error.code === ERROR_CODE.dirIsFile) {
       const pathArray = dirPath.split(path.sep);