@unsource/ui 2.4.0 → 2.4.5

package/dist/module.json

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

package/dist/runtime/components/UnMultiUploader.vue

@@ -80,6 +80,7 @@
 </template>
 
 <script setup>
+import { ref, usePost } from "#imports";
 const emit = defineEmits(["select", "update:modelValue"]);
 const props = defineProps({
   label: { type: String, required: false },

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

@@ -15,24 +15,28 @@ type __VLS_Props = {
     tdClass?: string;
     textClass?: string;
     boxMode?: boolean;
+    parentKey?: string;
+    idKey?: string;
+    selectable?: boolean;
 };
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_2: any, __VLS_3: {
     col: any;
     item: any;
     items: any;
     index: any;
-}, __VLS_6: any, __VLS_7: {
-    col: any;
-    item: any;
-    items: any;
-    index: any;
 };
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
-} & {
-    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => 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:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => 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/UnTable.vue

@@ -47,6 +47,7 @@
     >
       <thead>
         <tr class="border-b-2 children:(text-center p-4) rounded-lg <md:children:p-1 ">
+          <th v-if="parentKey" />
           <th
             v-for="col in cols.filter((e) => !e.disabled)"
             :key="col.name + '-th'"
@@ -55,41 +56,26 @@
           >
             {{ col.title }}
           </th>
+          <th v-if="parentKey" />
         </tr>
       </thead>
       <tbody>
-        <tr
-          v-for="(item, index) in items"
+        <UnTableRow
+          v-for="(item, index) in items?.filter((e) => !parentKey || !e[parentKey])"
           :key="index"
-          class="children:p-3 <md:children:p-1 text-center children:(border-b border-gray-100)"
-          @click="$emit('click:row', item)"
-        >
-          <td
-            v-for="col in cols.filter((e) => !e.disabled)"
-            :key="col.name + '-td'"
-            class="text-gray-400 text-sm text-center  first:rounded-l-lg last:rounded-r-lg"
-            :class="[col.class, { '<md:hidden': col.isDesktop, 'hidden <md:table-cell': col.isMobile }, tdClass]"
-            :dir="col.dir"
-          >
-            <slot
-              :name="col.name"
-              :col="col"
-              :item="item"
-              :items="_at(item, col.key)"
-              :index="index"
-            >
-              <div class="flex flex-col gap-0.5">
-                <p :class="textClass">
-                  {{ _at(item, col.key).join(" ") }}
-                </p>
-                <small
-                  v-if="col.subKey?.length"
-                  class="font-500 text-gray-600 text-xs"
-                >{{ _at(item, col.subKey).join(" ") }}</small>
-              </div>
-            </slot>
-          </td>
-        </tr>
+          v-model="selected"
+          :item="item"
+          :items
+          :cols="cols"
+          :td-class
+          :text-class
+          :parent-key
+          :id-key
+          @click:row="$emit('click:row', item);
+  selected = item"
+          @dbclick:row="$emit('dbclick:row', item)"
+          @add:row="$emit('add:row', item)"
+        />
       </tbody>
     </table>
     <div
@@ -109,7 +95,11 @@ const { cols = [], items = [], thClass = "bg-gray-100 border-gray-100", tdClass
   thClass: { type: String, required: false },
   tdClass: { type: String, required: false },
   textClass: { type: String, required: false },
-  boxMode: { type: Boolean, required: false }
+  boxMode: { type: Boolean, required: false },
+  parentKey: { type: String, required: false },
+  idKey: { type: String, required: false },
+  selectable: { type: Boolean, required: false }
 });
 const { isDesktop, isMobile } = useDevice();
+const selected = defineModel();
 </script>

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

@@ -15,24 +15,28 @@ type __VLS_Props = {
     tdClass?: string;
     textClass?: string;
     boxMode?: boolean;
+    parentKey?: string;
+    idKey?: string;
+    selectable?: boolean;
 };
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_2: any, __VLS_3: {
     col: any;
     item: any;
     items: any;
     index: any;
-}, __VLS_6: any, __VLS_7: {
-    col: any;
-    item: any;
-    items: any;
-    index: any;
 };
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
-} & {
-    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => 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:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => 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/UnTableRow.d.vue.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    item?: unknown;
+    items?: unknown[];
+    cols: unknown[];
+    textClass?: string;
+    parentKey?: string;
+    idKey?: string;
+    tdClass?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_10: any, __VLS_11: {
+    col: any;
+    item: unknown;
+    items: any;
+    index: string;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, 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/UnTableRow.vue

@@ -0,0 +1,89 @@
+<template>
+  <tr
+    class="children:p-3 <md:children:p-1 text-center children:(border-b border-gray-100)"
+    :class="{ 'bg-primary/10': selected?.id === item.id }"
+    @click="$emit('click:row', item)"
+    @dbclick="$emit('dbclick:row', item)"
+  >
+    <td
+      v-if="parentKey"
+      class="!max-w-1 !w-1 !p-1"
+    >
+      <UnNuxtIcon
+        v-if="subItems?.length"
+        class="cursor-pointer w-5 h-5"
+        :name="open ? 'solar:folder-open-broken' : 'solar:add-folder-broken'"
+        @click="open = !open"
+      />
+    </td>
+    <td
+      v-for="col in cols.filter((e) => !e.disabled)"
+      :key="col.name + '-td'"
+      class="text-gray-400 text-sm text-center  first:rounded-l-lg last:rounded-r-lg"
+      :class="[col.class, { '<md:hidden': col.isDesktop, 'hidden <md:table-cell': col.isMobile }, tdClass]"
+      :dir="col.dir"
+    >
+      <slot
+        :name="col.name"
+        :col="col"
+        :item="item"
+        :items="_at(item, col.key)"
+        :index="col.name + '-slot'"
+      >
+        <div class="flex flex-col gap-0.5">
+          <p :class="textClass">
+            {{ _at(item, col.key).join(" ") }}
+          </p>
+          <small
+            v-if="col.subKey?.length"
+            class="font-500 text-gray-600 text-xs"
+          >{{ _at(item, col.subKey).join(" ") }}</small>
+        </div>
+      </slot>
+    </td>
+    <td
+      v-if="parentKey"
+      class="!max-w-1 !w-1 !p-1"
+    >
+      <UnNuxtIcon
+        class="cursor-pointer w-5 h-5"
+        name="solar:add-circle-broken"
+        @click="$emit('add:row', item)"
+      />
+    </td>
+  </tr>
+  <template v-if="parentKey && subItems?.length && open">
+    <UnTableRow
+      v-for="(i, index) in subItems"
+      :key="index"
+      :item="i"
+      :items
+      :cols
+      :parent-key
+      :id-key
+      :text-class
+      :td-class
+      @click:row="$emit('click:row', i);
+  selected = i"
+      @dbclick:row="$emit('dbclick:row', i)"
+      @add:row="$emit('add:row', i)"
+    />
+  </template>
+</template>
+
+<script setup>
+import { _at, ref } from "#imports";
+defineEmits(["click:row", "dbclick:row"]);
+const { parentKey, idKey = "id", item = {}, items = [] } = defineProps({
+  item: { type: null, required: false },
+  items: { type: Array, required: false },
+  cols: { type: Array, required: true },
+  textClass: { type: String, required: false },
+  parentKey: { type: String, required: false },
+  idKey: { type: String, required: false },
+  tdClass: { type: String, required: false }
+});
+const open = ref(false);
+const selected = defineModel();
+const subItems = computed(() => items?.filter((e) => e[parentKey] === item[idKey]));
+</script>

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    item?: unknown;
+    items?: unknown[];
+    cols: unknown[];
+    textClass?: string;
+    parentKey?: string;
+    idKey?: string;
+    tdClass?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_10: any, __VLS_11: {
+    col: any;
+    item: unknown;
+    items: any;
+    index: string;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsource/ui",
-  "version": "2.4.0",
+  "version": "2.4.5",
   "private": false,
   "description": "nuxt ui kit for unsource env",
   "repository": "https://github.com/alisa2142/unsource-ui",

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

@@ -1,22 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-type __VLS_WithSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_base: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    items: unknown[];
-    cols: unknown[];
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-type __VLS_Slots = {
-    [x: string]: ((props: {
-        col: any;
-        item: any;
-        items: any;
-    }) => any) | undefined;
-};
-declare const __VLS_props: {
-    readonly items: unknown[];
-    readonly cols: unknown[];
-};

package/dist/runtime/components/UnTableCard.vue

@@ -1,46 +0,0 @@
-<template>
-  <div class="flex flex-col children:(p-4)">
-    <table class="flex-grow">
-      <thead>
-      <tr class="border-b-2 border-gray-100 children:(text-center p-4) rounded-2xl <md:children:p-1">
-        <th v-for="col in cols"
-            :class="{'<md:hidden':col.isDesktop,'hidden <md:table-cell':col.isMobile}"
-            class="text-xs text-gray-400 font-medium first:text-right last:text-left">
-          {{ col.title }}
-        </th>
-      </tr>
-      </thead>
-      <tbody >
-      <tr v-for="item in items"
-          @click="$emit('click:row',item)"
-          class="children:p-3 <md:children:p-1 text-center children:(border-b border-gray-100) hover:children:(bg-gray-100)">
-        <td v-for="col in cols"
-            class="text-gray-400 text-sm first:text-right last:text-left text-center first:rounded-r-lg last:rounded-l-lg"
-            :class="[col.class,{'<md:hidden':col.isDesktop,'hidden <md:table-cell':col.isMobile}]" :dir="col.dir">
-          <slot :name="col.name" :col="col" :item="item" :items="_at(item,col.key)">
-            {{ _at(item, col.key).join(' ') }}
-          </slot>
-        </td>
-      </tr>
-      </tbody>
-    </table>
-    <div v-if="!items.length" class="flex justify-center items-center p-24 font-bold text-sm text-text">
-      {{ $t('هیچ موردی برای این جستجو یافت نشد') }}
-    </div>
-
-  </div>
-</template>
-
-<script setup>
-defineProps({
-  cols: {
-    type: Array,
-    default: () => []
-  },
-  items: {
-    type: Array,
-    default: () => []
-  }
-});
-const { isDesktop, isMobile } = useDevice();
-</script>

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

@@ -1,22 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-type __VLS_WithSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_base: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    items: unknown[];
-    cols: unknown[];
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-type __VLS_Slots = {
-    [x: string]: ((props: {
-        col: any;
-        item: any;
-        items: any;
-    }) => any) | undefined;
-};
-declare const __VLS_props: {
-    readonly items: unknown[];
-    readonly cols: unknown[];
-};