@unsource/ui 2.7.8 → 2.7.10

package/dist/module.json

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

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

@@ -1,3 +1,4 @@
+export type CardCustomClass = Partial<Record<'prepend' | 'append' | 'label' | 'image' | 'avatar' | 'nameDesc', string>>;
 type __VLS_Props = {
     label?: string;
     icon?: string;
@@ -5,10 +6,8 @@ type __VLS_Props = {
     prepend?: string;
     variant?: string;
     mini?: boolean;
+    customClass?: CardCustomClass;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    mini: boolean;
-    variant: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/UnChips.vue

@@ -3,53 +3,40 @@
     class="flex items-center px-2 py-1 gap-1 rounded-full cursor-pointer shrink-0"
     :class="classVariant"
   >
-    <div
-      class="flex items-center justify-center"
-      :class="[prepend ? mini ? 'w-4' : 'w-8' : 'w-0', mini ? 'h-4' : 'h-8']"
+    <UnNuxtIcon
+      v-if="prepend"
+      :name="prepend"
+      class="text-base"
+      :class="[prependClass, mini ? 'w-4 h-4' : 'w-8 h-8', customClass.prepend]"
+      @click="$emit('prependClick')"
+    />
+    <p
+      :class="customClass.label"
+      class="text-xs"
     >
-      <UnNuxtIcon
-        v-if="prepend"
-        :name="prepend"
-        class="text-base"
-        :class="prependClass"
-        @click="$emit('prependClick')"
-      />
-    </div>
-    <p class="text-xs">
       {{ label }}
     </p>
     <UnNuxtIcon
       v-if="icon"
       :name="icon"
       class="text-base"
+      :class="customClass.append"
       @click="$emit('iconClick')"
     />
   </div>
 </template>
 
 <script setup>
-import { computed } from "#imports";
-const props = defineProps({
+import { computed, variants } from "#imports";
+const { variant = "danger", mini = false, customClass = {} } = defineProps({
   label: { type: String, required: false },
   icon: { type: String, required: false },
   prependClass: { type: String, required: false },
   prepend: { type: String, required: false },
-  variant: { type: String, required: false, default: "danger" },
-  mini: { type: Boolean, required: false, default: false }
+  variant: { type: String, required: false },
+  mini: { type: Boolean, required: false },
+  customClass: { type: Object, required: false }
 });
 defineEmits(["prependClick", "iconClick"]);
-const variants = {
-  "success": "bg-success/10 text-success",
-  "success-fill": "bg-success text-white",
-  "danger": "bg-danger/10 text-danger",
-  "danger-fill": "bg-danger text-white",
-  "warning": "bg-warning/10 text-warning",
-  "warning-fill": "bg-warning text-white",
-  "primary": "bg-primary-500/10 text-primary-500",
-  "primary-fill": "bg-primary-500 text-white",
-  "primary-border": "bg-primary-500/10 text-primary-500 border-(1 solid primary-500)",
-  "secondary": "bg-gray-600/10 text-gray-600",
-  "secondary-fill": "bg-gray-600 text-white"
-};
-const classVariant = computed(() => variants?.[props.variant]);
+const classVariant = computed(() => variants?.[variant]);
 </script>

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

@@ -1,3 +1,4 @@
+export type CardCustomClass = Partial<Record<'prepend' | 'append' | 'label' | 'image' | 'avatar' | 'nameDesc', string>>;
 type __VLS_Props = {
     label?: string;
     icon?: string;
@@ -5,10 +6,8 @@ type __VLS_Props = {
     prepend?: string;
     variant?: string;
     mini?: boolean;
+    customClass?: CardCustomClass;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    mini: boolean;
-    variant: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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;

package/dist/runtime/components/UnTable.vue

@@ -73,6 +73,7 @@
           :level="0"
           :item="item"
           :items
+          :tr-class
           :cols="cols"
           :td-class
           :text-class
@@ -99,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 },

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;

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

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

package/dist/runtime/components/UnTableRow.vue

@@ -1,7 +1,7 @@
 <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?.[idKey] === item[idKey] }"
+    :class="[trClass?.(item, items), { '!bg-primary/20': selected?.[idKey] === item[idKey] }]"
     @click="$emit('click:row', item);
   selected = item"
     @dbclick="$emit('dbclick:row', item)"
@@ -23,7 +23,7 @@
       :key="col.name + '-td'"
       class="text-gray-400 text-sm text-center  first:rounded-l-lg last:rounded-r-lg"
       :style="{ paddingInlineStart: parentKey ? level * 10 + 5 + 'px' : 'unset' }"
-      :class="[col.class, { '<md:hidden': col.isDesktop, 'hidden <md:table-cell': col.isMobile }, tdClass]"
+      :class="[col.classHandler?.(item, col, items, cols), col.class, { '<md:hidden': col.isDesktop, 'hidden <md:table-cell': col.isMobile }, tdClass]"
       :dir="col.dir"
     >
       <slot
@@ -68,6 +68,7 @@
       :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)"
@@ -86,6 +87,7 @@ const { level = 0, parentKey, idKey = "id", item = {}, items = [] } = defineProp
   parentKey: { type: String, required: false },
   idKey: { type: String, required: false },
   tdClass: { type: String, required: false },
+  trClass: { type: Function, required: false },
   level: { type: Number, required: false }
 });
 const open = ref(false);

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

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

package/dist/runtime/composables/global.d.ts

@@ -92,3 +92,21 @@ export declare const setOptions: (f: Form, ctx?: {}) => Promise<Form | {
     inputId: string;
 }>;
 export declare const merge: (v: string | Record<string, unknown>, s: string | Record<string, unknown>) => string | Record<string, unknown> | undefined;
+export declare const variants: {
+    success: string;
+    'success-fill': string;
+    'success-flat': string;
+    danger: string;
+    'danger-fill': string;
+    'danger-flat': string;
+    warning: string;
+    'warning-fill': string;
+    'warning-flat': string;
+    primary: string;
+    'primary-fill': string;
+    'primary-border': string;
+    'primary-flat': string;
+    secondary: string;
+    'secondary-fill': string;
+    'secondary-flat': string;
+};

package/dist/runtime/composables/global.js

@@ -379,3 +379,21 @@ export const merge = (v, s) => {
     return _mergeWith(s, v, merge);
   }
 };
+export const variants = {
+  "success": "bg-success/10 text-success",
+  "success-fill": "bg-success text-white",
+  "success-flat": "bg-white text-success",
+  "danger": "bg-danger/10 text-danger",
+  "danger-fill": "bg-danger text-white",
+  "danger-flat": "bg-white bg-danger",
+  "warning": "bg-warning/10 text-warning",
+  "warning-fill": "bg-warning text-white",
+  "warning-flat": "bg-white text-warning",
+  "primary": "bg-primary-500/10 text-primary-500",
+  "primary-fill": "bg-primary-500 text-white",
+  "primary-border": "bg-primary-500/10 text-primary-500 border-(1 solid primary-500)",
+  "primary-flat": "bg-white text-primary-500",
+  "secondary": "bg-gray-600/10 text-secondary-500",
+  "secondary-fill": "bg-secondary-500 text-white",
+  "secondary-flat": "bg-white text-secondary-500"
+};

package/dist/runtime/uno.config.js

@@ -9,18 +9,17 @@ import { presetScrollbar } from "unocss-preset-scrollbar";
 export default defineConfig({
   theme: {
     colors: {
-      border: "#cccdd5",
-      danger: "#e60c21",
-      warning: "#ffc600",
-      success: "#35d123",
-      secondary: {
-        500: "#fdf037"
-      },
-      primary: "#1270da",
-      text: {
+      "border": "#cccdd5",
+      "danger": "#e60c21",
+      "warning": "#ffc600",
+      "success": "#35d123",
+      "secondary": "#5e5e5e",
+      "secondary-500": "#fdf037",
+      "primary": "#1270da",
+      "text": {
         head: "#4D4444"
       },
-      gray: {
+      "gray": {
         200: "#949494",
         500: "#696969",
         600: "#1e1e1e"

package/package.json

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