@unsource/ui 1.5.7 → 1.6.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "unsource-ui",
   "configKey": "unsourceUi",
-  "version": "1.5.7",
+  "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/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.7",
+  "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;
-};