vueless 0.0.551 → 0.0.553

package/index.d.ts

@@ -1,7 +1,9 @@
 import type { App } from "vue";
 import type { CreateVuelessOptions } from "./types.ts";
-export { setTitle } from "./utils/helper.ts";
 export { setTheme } from "./utils/theme.ts";
+export { cx, cva, compose } from "./utils/ui.ts";
+export { isSSR, isCSR, getRandomId, setTitle, createDebounce } from "./utils/helper.ts";
+export { isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows } from "./utils/platform.ts";
 export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.js";
 export { default as defaultEnLocale } from "./adatper.locale/locales/en.js";
 export { useLocale } from "./composables/useLocale.ts";

package/index.ts

@@ -7,8 +7,10 @@ import { themeInit } from "./utils/theme.ts";
 import type { App } from 'vue'
 import type { CreateVuelessOptions } from './types.ts'
 
-export { setTitle } from "./utils/helper.ts";
 export { setTheme } from "./utils/theme.ts";
+export { cx, cva, compose } from "./utils/ui.ts";
+export { isSSR, isCSR, getRandomId, setTitle, createDebounce } from "./utils/helper.ts";
+export { isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows } from "./utils/platform.ts";
 export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.js";
 export { default as defaultEnLocale } from "./adatper.locale/locales/en.js";
 export { useLocale } from "./composables/useLocale.ts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.551",
+  "version": "0.0.553",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.data-table/storybook/stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryFn } from "@storybook/vue3";
 import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
-import { getRandomId } from "../../utils/ui.ts";
+import { getRandomId } from "../../utils/helper.ts";
 
 import UTable from "../UTable.vue";
 import UButton from "../../ui.button/UButton.vue";

package/ui.data-table/utilTable.ts

@@ -1,4 +1,4 @@
-import { getRandomId } from "../utils/ui.ts";
+import { getRandomId } from "../utils/helper.ts";
 
 import type { Column, ColumnObject, Row, RowData, RowId } from "./types.ts";
 

package/ui.form-date-picker/config.ts

@@ -123,6 +123,7 @@ export default /*tw*/ {
     dateTimeFormat: undefined,
     maxDate: undefined,
     minDate: undefined,
+    /* icons */
     rightIcon: "calendar_month-fill",
   },
 };

package/ui.form-date-picker/useAttrs.ts

@@ -9,14 +9,14 @@ import type { UseAttrs } from "../types.ts";
 import type { UDatePickerProps, Config } from "./types.ts";
 import type { Config as UCalendarConfig } from "../ui.form-calendar/types.ts";
 
-interface DatePickerState {
+interface ComponentState {
   isTop: Ref<boolean>;
   isRight: Ref<boolean>;
 }
 
 export default function useAttrs(
   props: UDatePickerProps<unknown>,
-  { isTop, isRight }: DatePickerState,
+  { isTop, isRight }: ComponentState,
 ): UseAttrs<Config> {
   const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
 

package/ui.form-date-picker-range/config.ts

@@ -202,8 +202,8 @@ export default /*tw*/ {
     dateFormat: undefined,
     maxDate: undefined,
     minDate: undefined,
-    rightIcon: "calendar_month-fill",
     /* icons */
+    rightIcon: "calendar_month-fill",
     nextIcon: "keyboard_arrow_right",
     prevIcon: "keyboard_arrow_left",
     ownRangeIcon: "apps",

package/ui.form-radio/URadio.vue

@@ -73,7 +73,7 @@ watchEffect(() => {
   emit("update:modelValue", props.value);
 });
 
-function onChange(event: CustomEvent) {
+function onChange(event: Event) {
   const target = event.target as HTMLInputElement;
 
   if (setRadioGroupSelectedItem) {

package/ui.text-notify/utilNotify.ts

@@ -1,4 +1,5 @@
-import { getRandomId, vuelessConfig } from "../utils/ui.ts";
+import { vuelessConfig } from "../utils/ui.ts";
+import { getRandomId } from "../utils/helper.ts";
 import { DELAY_BETWEEN_CLONES, DURATION, LOCAL_STORAGE_ID, NOTIFY_TYPE } from "./constants.ts";
 
 interface NotifyConfig {

package/utils/helper.ts

@@ -57,6 +57,22 @@ export function setTitle({ title = "", separator = " / ", suffix = "" }) {
   }
 }
 
+/**
+ * Generates simple unique identifier.
+ */
+export function getRandomId(length = 15) {
+  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  const charactersLength = characters.length;
+
+  let id = "";
+
+  while (id.length < length) {
+    id += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+
+  return id;
+}
+
 /**
  * Check is code rendering on the server side.
  */

package/utils/ui.ts

@@ -127,19 +127,3 @@ export function getColor(color: string) {
 export function setColor(classes: string, color: string) {
   return classes?.replace(/{color}/g, color);
 }
-
-/**
- * Generates simple unique identifier.
- */
-export function getRandomId(length = 15) {
-  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
-  const charactersLength = characters.length;
-
-  let id = "";
-
-  while (id.length < length) {
-    id += characters.charAt(Math.floor(Math.random() * charactersLength));
-  }
-
-  return id;
-}

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.551",
+  "version": "0.0.553",
   "contributions": {
     "html": {
       "description-markup": "markdown",