@unsource/ui 1.5.6 → 1.6.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "unsource-ui",
   "configKey": "unsourceUi",
-  "version": "1.5.6",
+  "version": "1.6.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,4 +1,4 @@
-export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'image' | 'avatar', string>;
+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 CardItem = {
     title?: string;
     description?: string;

package/dist/runtime/components/UnCard.vue

@@ -1,6 +1,7 @@
 <template>
   <component
     :is="to ? NuxtLink : 'div'"
+    name="card"
     class="flex items-stretch bg-white rounded-2xl overflow-hidden"
     :class="headerClass[direction]"
     no-prefetch
@@ -28,7 +29,11 @@
 }"
     >
       <template #default="{ item }">
-        <div class="h-full self-stretch max-w-screen">
+        <div
+          name="imagesItem"
+          :class="customClass.imagesItem"
+          class="h-full self-stretch max-w-screen"
+        >
           <UnNuxtIcon
             :name="item"
             class="object-cover !w-full !h-full"
@@ -37,10 +42,12 @@
       </template>
     </UnSwiperSlider>
     <div
+      name="main"
       :class="customClass.main"
       class="flex flex-col items-stretch grow-2.5 basis-2.5"
     >
       <div
+        name="body"
         :class="customClass.body"
         class="flex gap-2 items-stretch p-3 grow"
       >
@@ -51,10 +58,12 @@
           class="!object-cover shrink-0 w-14 h-14 aspect-square rounded-full border-(2 solid primary-500)"
         />
         <div
+          name="inside"
           class="flex justify-start flex-col gap-1 grow-1"
           :class="customClass.inside"
         >
           <div
+            name="logoName"
             v-if="item.logo || item.name || item.desc"
             class="flex gap-2 items-center"
             :class="customClass.logoName"
@@ -65,8 +74,14 @@
               :name="item.logo"
               class="!object-cover shrink-0 w-14 h-14 aspect-square rounded-full border-(2 solid primary-500)"
             />
-            <div v-if="item.name || item.desc" class="flex flex-col">
+            <div
+              name="nameDesc"
+              v-if="item.name || item.desc"
+              :class="customClass.nameDesc"
+              class="flex flex-col"
+            >
               <h3
+                name="name"
                 v-if="item.name"
                 :class="customClass.name"
                 class="text-(lg gray-600) font-medium"
@@ -74,6 +89,7 @@
                 {{ item.name }}
               </h3>
               <p
+                name="desc"
                 v-if="item.desc"
                 :class="customClass.desc"
                 class="text-(base gray-500)"
@@ -87,11 +103,13 @@
             :item="item"
           />
           <div
+            name="title"
             v-if="$slots.title || item.title"
             class="flex justify-between"
             :class="customClass.title"
           >
             <h3
+              name="titleText"
               v-if="item.title"
               :class="customClass.titleText"
               class="text-(lg gray-600) font-medium"
@@ -104,6 +122,7 @@
             />
           </div>
           <p
+            name="description"
             v-if="item.description"
             :class="customClass.description"
             class="text-(base gray-500)"
@@ -111,11 +130,13 @@
             {{ item.description }}
           </p>
           <div
+            name="tags"
             v-if="item.tags?.length"
             :class="customClass.tags"
             class="flex items-center justify-start gap-2"
           >
             <UnChips
+              name="tag"
               v-for="(tag, index) in item.tags"
               :key="index"
               :class="customClass.tag"
@@ -137,6 +158,7 @@
         />
       </div>
       <div
+        name="footer"
         v-if="$slots.footerStart || $slots.footerEnd"
         :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,4 +1,4 @@
-export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'image' | 'avatar', string>;
+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 CardItem = {
     title?: string;
     description?: string;

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<'main' | 'title' | 'header' | 'items' | 'collapsibleIcon', unknown> & {
         item?: CardCustomClass;
     };
+    collapsible?: boolean;
+    collapsibleIcon?: string;
+    noRotate?: boolean;
 };
-declare var __VLS_1: {};
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_6) => 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

@@ -4,8 +4,12 @@
     class="flex flex-col p-3 bg-white rounded-2xl gap-4"
   >
     <div
-      :class="customClass?.header"
+      :class="[
+  customClass?.header,
+  { 'cursor-pointer': collapsible }
+]"
       class="flex items-center justify-between"
+      @click="collapsible ? show = !show : ''"
     >
       <p
         v-if="title"
@@ -14,22 +18,36 @@
       >
         {{ title }}
       </p>
+      <UnNuxtIcon
+        v-if="collapsible"
+        :class="customClass?.collapsibleIcon"
+        :name="collapsibleIcon || 'solar:alt-arrow-down-bold-duotone'"
+        class="transition-all duration-300"
+        :style="{ rotate: show && !noRotate ? '180deg' : '0deg' }"
+      />
       <slot />
     </div>
-    <UnCard
-      v-for="(item, index) in items"
-      :key="index"
-      :class="customClass.items"
-      :custom-class="customClass.item"
-      :item="item"
-    />
+    <template v-if="show">
+      <UnCard
+        v-for="(item, index) in items"
+        :key="index"
+        :class="customClass.items"
+        :custom-class="customClass.item"
+        :item="item"
+      />
+    </template>
   </div>
 </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<'main' | 'title' | 'header' | 'items' | 'collapsibleIcon', unknown> & {
         item?: CardCustomClass;
     };
+    collapsible?: boolean;
+    collapsibleIcon?: string;
+    noRotate?: boolean;
 };
-declare var __VLS_1: {};
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_6) => 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,56 @@
+<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 ? 'text-primary cursor-default border-b-(2 primary)' : 'border-b-(1 border)', mini ? 'px-3' : ' px-4']"
+      class="flex gap-2 justify-center items-center flex-grow basis-1 border-b-(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"
+      />
+      <span
+        :class="customClass.title"
+        class="whitespace-nowrap"
+      >
+        {{ item.title || item.value }}
+      </span>
+    </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.6",
+  "version": "1.6.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;
-};