@unsource/ui 2.7.7 → 2.7.9

package/dist/module.json

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

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

@@ -6,6 +6,7 @@ export type TableCol = {
     key?: string | string[];
     subKey?: string | string[];
     class?: string;
+    classHandler?: () => string;
     dir?: string;
     isDesktop?: boolean;
     isMobile?: boolean;
@@ -14,6 +15,7 @@ type __VLS_Props = {
     cols?: TableCol[];
     items?: Record<string, unknown>[];
     thClass?: string;
+    trClass?: () => string;
     tdClass?: string;
     textClass?: string;
     boxMode?: boolean;
@@ -34,11 +36,7 @@ declare var __VLS_2: any, __VLS_3: {
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => 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_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;

package/dist/runtime/components/UnTable.vue

@@ -70,8 +70,10 @@
           v-for="(item, index) in items?.filter((e) => !parentKey || parentNotExist(e))"
           :key="index"
           v-model="selected"
+          :level="0"
           :item="item"
           :items
+          :tr-class
           :cols="cols"
           :td-class
           :text-class
@@ -98,6 +100,7 @@ const { parentKey, idKey, cols = [], items = [], thClass = "bg-gray-100 border-g
   cols: { type: Array, required: false },
   items: { type: Array, required: false },
   thClass: { type: String, required: false },
+  trClass: { type: Function, required: false },
   tdClass: { type: String, required: false },
   textClass: { type: String, required: false },
   boxMode: { type: Boolean, required: false },
@@ -105,6 +108,7 @@ const { parentKey, idKey, cols = [], items = [], thClass = "bg-gray-100 border-g
   idKey: { type: String, required: false },
   selectable: { type: Boolean, required: false }
 });
+defineEmits(["click:row", "dbclick:row", "add:row"]);
 const selected = defineModel();
 const parentNotExist = (item) => !item[parentKey] || !items.find((e) => e[idKey || "id"] === item[parentKey]);
 </script>

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

@@ -6,6 +6,7 @@ export type TableCol = {
     key?: string | string[];
     subKey?: string | string[];
     class?: string;
+    classHandler?: () => string;
     dir?: string;
     isDesktop?: boolean;
     isMobile?: boolean;
@@ -14,6 +15,7 @@ type __VLS_Props = {
     cols?: TableCol[];
     items?: Record<string, unknown>[];
     thClass?: string;
+    trClass?: () => string;
     tdClass?: string;
     textClass?: string;
     boxMode?: boolean;
@@ -34,11 +36,7 @@ declare var __VLS_2: any, __VLS_3: {
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => 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_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;

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

@@ -7,6 +7,8 @@ type __VLS_Props = {
     parentKey?: string;
     idKey?: string;
     tdClass?: string;
+    trClass?: () => string;
+    level?: number;
 };
 type __VLS_ModelProps = {
     modelValue?: any;

package/dist/runtime/components/UnTableRow.vue

@@ -1,14 +1,15 @@
 <template>
   <tr
     class="children:p-3 <md:children:p-1 text-center border-b-(2 solid border) hover:bg-primary/10"
-    :class="{ '!bg-primary/20': selected?.id === item.id }"
+    :class="[trClass?.(item, items), { '!bg-primary/20': selected?.[idKey] === item[idKey] }]"
     @click="$emit('click:row', item);
   selected = item"
     @dbclick="$emit('dbclick:row', item)"
   >
     <td
       v-if="parentKey"
-      class="!max-w-1 !w-1 !p-1"
+      class="!max-w-1 !w-1"
+      :style="{ paddingInlineStart: level * 10 + 5 + 'px' }"
     >
       <UnNuxtIcon
         v-if="subItems?.length"
@@ -21,7 +22,8 @@
       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]"
+      :style="{ paddingInlineStart: parentKey ? level * 10 + 5 + 'px' : 'unset' }"
+      :class="[col.classHandler?.(item, col, items, cols), col.class, { '<md:hidden': col.isDesktop, 'hidden <md:table-cell': col.isMobile }, tdClass]"
       :dir="col.dir"
     >
       <slot
@@ -62,9 +64,11 @@
       :items
       :cols
       :parent-key
+      :level="level + 1"
       :id-key
       :text-class
       :td-class
+      :tr-class
       @click:row="$emit('click:row', i)"
       @dbclick:row="$emit('dbclick:row', i)"
       @add:row="$emit('add:row', i)"
@@ -74,15 +78,17 @@
 
 <script setup>
 import { _at, computed, ref } from "#imports";
-defineEmits(["click:row", "dbclick:row"]);
-const { parentKey, idKey = "id", item = {}, items = [] } = defineProps({
+defineEmits(["click:row", "dbclick:row", "add:row"]);
+const { level = 0, 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 }
+  tdClass: { type: String, required: false },
+  trClass: { type: Function, required: false },
+  level: { type: Number, required: false }
 });
 const open = ref(false);
 const selected = defineModel();

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

@@ -7,6 +7,8 @@ type __VLS_Props = {
     parentKey?: string;
     idKey?: string;
     tdClass?: string;
+    trClass?: () => string;
+    level?: number;
 };
 type __VLS_ModelProps = {
     modelValue?: any;

package/package.json

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