@unsource/ui 1.5.7 → 1.7.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "unsource-ui",
   "configKey": "unsourceUi",
-  "version": "1.5.7",
+  "version": "1.7.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -22,21 +22,32 @@ const module = defineNuxtModule({
     await installModule("@unocss/nuxt", {
       configFile: "./runtime/uno.config.{mjs,js,ts}"
     });
-    await installModule("@nuxt/icon");
-    await installModule("nuxt-swiper");
-    _nuxt.options.modules.push(
-      "@unocss/nuxt",
-      "@nuxt/icon",
-      "nuxt-swiper"
-    );
-    _nuxt.options.icon = {
+    await installModule("@nuxt/icon", {
       customCollections: [
         {
           prefix: "my-icon",
           dir: "./assets/icons"
         }
       ]
-    };
+    });
+    await installModule("nuxt-swiper");
+    await installModule("nuxt-lodash", {
+      prefix: "_",
+      // prefixSkip: ["is"],
+      upperAfterPrefix: false,
+      exclude: [],
+      alias: [
+        // ["camelCase", "stringToCamelCase"], // => stringToCamelCase
+        // ["kebabCase", "stringToKebab"], // => stringToKebab
+        // ["isDate", "isLodashDate"], // => _isLodashDate
+      ]
+    });
+    _nuxt.options.modules.push(
+      "@unocss/nuxt",
+      "@nuxt/icon",
+      "nuxt-swiper",
+      "nuxt-lodash"
+    );
   }
 });
 

package/dist/runtime/components/UnCard.d.vue.ts

@@ -1,15 +1,16 @@
-export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>;
+export type CardCustomClass = Partial<Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>>;
+export type TagItem = {
+    value?: string;
+    icon?: string;
+    variant?: string;
+};
 export type CardItem = {
     title?: string;
     description?: string;
     image?: string;
     avatar?: string;
     images?: string[];
-    tags?: {
-        value?: string;
-        icon?: string;
-        variant?: string;
-    }[];
+    tags?: TagItem[];
 };
 type __VLS_Props = {
     direction?: 'column' | 'row' | 'row-reverse' | 'column-reverse';

package/dist/runtime/components/UnCard.vue

@@ -63,8 +63,8 @@
           :class="customClass.inside"
         >
           <div
-            name="logoName"
             v-if="item.logo || item.name || item.desc"
+            name="logoName"
             class="flex gap-2 items-center"
             :class="customClass.logoName"
           >
@@ -75,22 +75,22 @@
               class="!object-cover shrink-0 w-14 h-14 aspect-square rounded-full border-(2 solid primary-500)"
             />
             <div
-              name="nameDesc"
               v-if="item.name || item.desc"
+              name="nameDesc"
               :class="customClass.nameDesc"
               class="flex flex-col"
             >
               <h3
-                name="name"
                 v-if="item.name"
+                name="name"
                 :class="customClass.name"
-                class="text-(lg gray-600) font-medium"
+                class="text-(lg gray-600) font-semibold"
               >
                 {{ item.name }}
               </h3>
               <p
-                name="desc"
                 v-if="item.desc"
+                name="desc"
                 :class="customClass.desc"
                 class="text-(base gray-500)"
               >
@@ -103,16 +103,16 @@
             :item="item"
           />
           <div
-            name="title"
             v-if="$slots.title || item.title"
+            name="title"
             class="flex justify-between"
             :class="customClass.title"
           >
             <h3
-              name="titleText"
               v-if="item.title"
+              name="titleText"
               :class="customClass.titleText"
-              class="text-(lg gray-600) font-medium"
+              class="text-(lg gray-600) font-semibold"
             >
               {{ item.title }}
             </h3>
@@ -122,23 +122,23 @@
             />
           </div>
           <p
-            name="description"
             v-if="item.description"
+            name="description"
             :class="customClass.description"
             class="text-(base gray-500)"
           >
             {{ item.description }}
           </p>
           <div
-            name="tags"
             v-if="item.tags?.length"
+            name="tags"
             :class="customClass.tags"
             class="flex items-center justify-start gap-2"
           >
             <UnChips
-              name="tag"
               v-for="(tag, index) in item.tags"
               :key="index"
+              name="tag"
               :class="customClass.tag"
               :label="tag.value"
               :icon="tag.icon"
@@ -158,8 +158,8 @@
         />
       </div>
       <div
-        name="footer"
         v-if="$slots.footerStart || $slots.footerEnd"
+        name="footer"
         :class="customClass.footer"
         class="flex justify-between items-stretch border-t-(2 dashed border) p-3"
       >

package/dist/runtime/components/UnCard.vue.d.ts

@@ -1,15 +1,16 @@
-export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>;
+export type CardCustomClass = Partial<Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>>;
+export type TagItem = {
+    value?: string;
+    icon?: string;
+    variant?: string;
+};
 export type CardItem = {
     title?: string;
     description?: string;
     image?: string;
     avatar?: string;
     images?: string[];
-    tags?: {
-        value?: string;
-        icon?: string;
-        variant?: string;
-    }[];
+    tags?: TagItem[];
 };
 type __VLS_Props = {
     direction?: 'column' | 'row' | 'row-reverse' | 'column-reverse';

package/dist/runtime/components/UnCollapsible.d.vue.ts

@@ -0,0 +1,34 @@
+import type { CardCustomClass, CardItem, TagItem } from './UnCard.vue.js';
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    icon?: string;
+    tags?: TagItem[];
+    items?: CardItem[];
+    customClass?: Partial<Record<'card' | 'collapsibleIcon', unknown> & {
+        cardInside?: CardCustomClass;
+    }>;
+    collapsibleIcon?: string;
+    noRotate?: boolean;
+};
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:show": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnCollapsible.vue

@@ -0,0 +1,40 @@
+<template>
+  <div
+    class="flex flex-col p-3 bg-white rounded-2xl gap-4"
+  >
+    <div
+      :class="customClass?.header"
+      class="cursor-pointer flex items-center justify-between"
+      @click="show = !show"
+    >
+      <UnCard
+        :item="{ avatar: icon, title, tags, description }"
+        :class="customClass.card"
+        :custom-class="customClass.cardInside"
+      />
+      <UnNuxtIcon
+        :class="customClass?.collapsibleIcon"
+        :name="collapsibleIcon || 'solar:alt-arrow-down-bold-duotone'"
+        class="transition-all duration-300"
+        :style="{ rotate: show && !noRotate ? '180deg' : '0deg' }"
+      />
+    </div>
+    <template v-if="show">
+      <slot />
+    </template>
+  </div>
+</template>
+
+<script setup>
+const { customClass = {} } = defineProps({
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  icon: { type: String, required: false },
+  tags: { type: Array, required: false },
+  items: { type: Array, required: false },
+  customClass: { type: Object, required: false },
+  collapsibleIcon: { type: String, required: false },
+  noRotate: { type: Boolean, required: false }
+});
+const show = defineModel("show", { type: Boolean });
+</script>

package/dist/runtime/components/UnCollapsible.vue.d.ts

@@ -0,0 +1,34 @@
+import type { CardCustomClass, CardItem, TagItem } from './UnCard.vue.js';
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    icon?: string;
+    tags?: TagItem[];
+    items?: CardItem[];
+    customClass?: Partial<Record<'card' | 'collapsibleIcon', unknown> & {
+        cardInside?: CardCustomClass;
+    }>;
+    collapsibleIcon?: string;
+    noRotate?: boolean;
+};
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:show": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnList.d.vue.ts

@@ -2,15 +2,26 @@ import type { CardCustomClass, CardItem } from './UnCard.vue.js';
 type __VLS_Props = {
     title?: string;
     items?: CardItem[];
-    customClass?: Record<'main' | 'title' | 'header' | 'items', unknown> & {
+    customClass?: Record<'title' | 'header' | 'items' | 'collapsibleIcon', unknown> & {
         item?: CardCustomClass;
     };
+    collapsible?: boolean;
+    collapsibleIcon?: string;
+    noRotate?: boolean;
 };
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:show": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/UnList.vue

@@ -1,19 +1,19 @@
 <template>
   <div
-    id="booking"
     class="flex flex-col p-3 bg-white rounded-2xl gap-4"
   >
     <div
+      v-if="title || $slots.default"
       :class="customClass?.header"
       class="flex items-center justify-between"
     >
-      <p
+      <h3
         v-if="title"
         :class="customClass?.title"
         class="text-(lg gray-600) font-semibold"
       >
         {{ title }}
-      </p>
+      </h3>
       <slot />
     </div>
     <UnCard
@@ -27,9 +27,14 @@
 </template>
 
 <script setup>
-const { customClass = {} } = defineProps({
+const { customClass = {}, collapsible = false } = defineProps({
   title: { type: String, required: false },
   items: { type: Array, required: false },
-  customClass: { type: Object, required: false }
+  customClass: { type: Object, required: false },
+  collapsible: { type: Boolean, required: false },
+  collapsibleIcon: { type: String, required: false },
+  noRotate: { type: Boolean, required: false }
 });
+const show = defineModel("show", { type: Boolean });
+show.value ||= !collapsible;
 </script>

package/dist/runtime/components/UnList.vue.d.ts

@@ -2,15 +2,26 @@ import type { CardCustomClass, CardItem } from './UnCard.vue.js';
 type __VLS_Props = {
     title?: string;
     items?: CardItem[];
-    customClass?: Record<'main' | 'title' | 'header' | 'items', unknown> & {
+    customClass?: Record<'title' | 'header' | 'items' | 'collapsibleIcon', unknown> & {
         item?: CardCustomClass;
     };
+    collapsible?: boolean;
+    collapsibleIcon?: string;
+    noRotate?: boolean;
 };
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:show": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/UnTab.d.vue.ts

@@ -0,0 +1,25 @@
+export type TabItem = {
+    icon?: string;
+    value: string;
+    title?: string;
+    to?: Record<string, unknown>;
+};
+type __VLS_Props = {
+    items: TabItem[];
+    mini?: boolean;
+    routable?: boolean;
+    routeTarget?: 'query' | 'hash' | 'name' | 'params';
+    label?: string;
+    customClass?: Partial<Record<'label' | 'selectedLabel' | 'normalLabel' | 'title' | 'icon', string>>;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UnTab.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="flex items-stretch text-(base gray-600) font-semibold bg-transparent h-13">
+    <label
+      v-for="item in items"
+      :key="item.value"
+      :class="[
+  customClass.label,
+  item?.value === value ? customClass.selectedLabel : customClass.normalLabel,
+  item?.value === value ? 'font-semibold text-primary cursor-default border-b-primary' : 'border-b-border',
+  mini ? 'px-3' : ' px-4'
+]"
+      class="flex gap-2 justify-center items-center flex-grow basis-1 border-b-(2 solid) cursor-pointer p-3 text-sm"
+      @click="addToQuery(item)"
+    >
+      <input
+        v-model="value"
+        type="radio"
+        :value="item.value"
+        hidden
+      >
+      <UnNuxtIcon
+        :class="customClass.icon"
+        :name="item.icon"
+      />
+      <p
+        :class="customClass.title"
+        class="whitespace-nowrap"
+      >
+        {{ item.title || item.value }}
+      </p>
+    </label>
+  </div>
+</template>
+
+<script setup>
+import { _merge, useRoute, useRouter } from "#imports";
+const { customClass = {}, label, routeTarget, routable } = defineProps({
+  items: { type: Array, required: true },
+  mini: { type: Boolean, required: false },
+  routable: { type: Boolean, required: false },
+  routeTarget: { type: String, required: false },
+  label: { type: String, required: false },
+  customClass: { type: Object, required: false }
+});
+const value = defineModel({ type: [String, Number] });
+const route = useRoute();
+const router = useRouter();
+const addToQuery = (i) => {
+  value.value = i.value;
+  if (routable) {
+    if (i.to) {
+      router.replace(i.to);
+    } else if (routeTarget) {
+      const q = _merge(route, {
+        [routeTarget]: label ? { [label]: i.value } : `${routeTarget === "hash" ? "#" : ""}${i.value}`
+      });
+      router.replace(q);
+    }
+  }
+};
+</script>

package/dist/runtime/components/UnTab.vue.d.ts

@@ -0,0 +1,25 @@
+export type TabItem = {
+    icon?: string;
+    value: string;
+    title?: string;
+    to?: Record<string, unknown>;
+};
+type __VLS_Props = {
+    items: TabItem[];
+    mini?: boolean;
+    routable?: boolean;
+    routeTarget?: 'query' | 'hash' | 'name' | 'params';
+    label?: string;
+    customClass?: Partial<Record<'label' | 'selectedLabel' | 'normalLabel' | 'title' | 'icon', string>>;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsource/ui",
-  "version": "1.5.7",
+  "version": "1.7.0",
   "private": false,
   "description": "nuxt ui kit for unsource env",
   "repository": "https://github.com/alisa2142/unsource-ui",
@@ -37,6 +37,7 @@
   "dependencies": {
     "@neshan-maps-platform/vue3-openlayers": "^2.0.1",
     "@nuxt/kit": "^4.1.3",
+    "nuxt-lodash": "^2.5.3",
     "nuxt-swiper": "^1.2.2",
     "swiper": "^11.2.10",
     "unocss-preset-scrollbar": "^3.2.0"

package/dist/runtime/components/Un/Tab.d.vue.ts

@@ -1,15 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof props>;
-    mini: boolean;
-    items: unknown[];
-    routable: boolean;
-    label?: string | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const props: {
-    readonly mini: boolean;
-    readonly items: unknown[];
-    readonly routable: boolean;
-    readonly label?: string | undefined;
-};

package/dist/runtime/components/Un/Tab.vue

@@ -1,47 +0,0 @@
-<template>
-  <div class="flex items-stretch text-(base gray-600) font-semibold bg-transparent p-1 h-13">
-    <label v-for="item in items"
-           :class="[[item?.value === ( value ) ? 'text-primary-500 cursor-default  border-primary-500 border-2' : 'border-1 border-gray-400' ] , [mini ? 'px-3' : ' px-4']]"
-           class="flex justify-center items-center flex-grow basis-1 border-b-(solid) cursor-pointer p-3 text-sm"
-           @click="addToQuery(item.key , item.value)">
-      <input v-model="value" type="radio" :value="item.value" hidden>
-      <span class="whitespace-nowrap">
-        {{ item.label }}
-      </span>
-    </label>
-  </div>
-</template>
-
-<script setup>
-const props = defineProps({
-  items: {
-    type: Array,
-    required: true
-  },
-  mini: {
-    type: Boolean,
-    default: false
-  },
-  routable: {
-    type: Boolean,
-    default: true
-  },
-  label: {
-    type: String
-  }
-});
-const value = defineModel();
-const route = useRoute();
-const router = useRouter();
-const addToQuery = (key, v) => {
-  value.value = v;
-  if (props.routable) {
-    router.replace({
-      query: {
-        ...route.query,
-        [props.label]: v
-      }
-    });
-  }
-};
-</script>

package/dist/runtime/components/Un/Tab.vue.d.ts

@@ -1,15 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof props>;
-    mini: boolean;
-    items: unknown[];
-    routable: boolean;
-    label?: string | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const props: {
-    readonly mini: boolean;
-    readonly items: unknown[];
-    readonly routable: boolean;
-    readonly label?: string | undefined;
-};