adata-ui 4.0.20 → 4.0.21

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.16.0"
   },
   "failOnWarn": false,
-  "version": "4.0.20",
+  "version": "4.0.21",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/DigitBadge.vue

@@ -0,0 +1,57 @@
+<script setup>
+import { twMerge } from "tailwind-merge";
+defineOptions({ name: "ADigitBadge" });
+const props = defineProps({
+  type: { type: String, required: false, default: "primary" },
+  view: { type: String, required: false, default: "default" },
+  size: { type: String, required: false, default: "lg" },
+  value: { type: [String, Number], required: true },
+  disabled: { type: Boolean, required: false, default: false },
+  customClasses: { type: String, required: false, default: "" },
+  prefix: { type: String, required: false, default: "" }
+});
+const formattedValue = computed(() => {
+  return Number(props.value).toLocaleString("ru-RU");
+});
+const classes = computed(() => [
+  props.disabled ? "text-gray-500 bg-deepblue-900/5" : typeSwitchValues[props.view][props.type],
+  "inline-flex items-center justify-center font-medium rounded-full select-none inline-flex outline-none",
+  sizeSwitchValues[props.size],
+  props.value && props.value.toString().length > 2 ? "w-auto" : ""
+]);
+const typeSwitchValues = {
+  default: {
+    primary: "bg-blue-700 text-white dark:bg-blue-500 dark:text-gray-900",
+    success: "bg-green-500 text-white dark:bg-green-400 dark:text-gray-900",
+    danger: "bg-red-500 text-white dark:bg-red-400 dark:text-gray-900",
+    warning: "bg-yellow-400 text-white dark:text-gray-900",
+    gray: "bg-gray-50 text-gray-500  dark:text-gray-900",
+    orange: "bg-orange-600 text-white dark:bg-orange-500 dark:text-gray-900"
+  },
+  inverted: {
+    primary: "bg-white text-blue-700 dark:text-blue-500 dark:bg-gray-900",
+    success: "bg-white text-green-500 dark:text-green-400 dark:bg-gray-900",
+    danger: "bg-white text-red-500 dark:text-red-400 dark:bg-gray-900",
+    warning: "bg-white text-yellow-400 dark:bg-gray-900",
+    gray: "bg-white text-gray-500 dark:text-gray-200 dark:bg-gray-200/10",
+    orange: "bg-white text-deepblue-900 dark:text-orange-500 dark:bg-gray-900"
+  },
+  transparent: {
+    success: "bg-green-500/20 text-green-500",
+    danger: "bg-red-500/20 text-red-500 dark:text-red-400"
+  }
+};
+const sizeSwitchValues = {
+  sm: "w-4 h-4 px-1 text-[9.5px]",
+  md: "w-5 h-5 px-1 text-[10px]",
+  lg: "px-2 w-6 h-6 text-xs font-semibold"
+};
+</script>
+
+<template>
+  <div
+    :class="twMerge(...classes, customClasses)"
+  >
+    {{ prefix }}{{ formattedValue }}
+  </div>
+</template>

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

@@ -0,0 +1,21 @@
+interface Props {
+    type?: 'primary' | 'success' | 'danger' | 'gray' | 'orange' | 'warning';
+    view?: 'default' | 'inverted';
+    size?: 'sm' | 'md' | 'lg';
+    value: string | number;
+    disabled?: boolean;
+    customClasses?: string;
+    prefix?: string;
+}
+export type StateType = {
+    [key in 'primary' | 'success' | 'danger' | 'gray' | 'orange' | 'warning']?: string;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    type: "primary" | "success" | "danger" | "gray" | "orange" | "warning";
+    disabled: boolean;
+    view: "default" | "inverted";
+    customClasses: string;
+    prefix: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/pill-tabs/PillTabs.vue

@@ -1,4 +1,6 @@
 <script setup>
+import ADigitBadge from "../DigitBadge.vue";
+import AButton from "../button/Button.vue";
 defineOptions({ name: "APillTabs" });
 const emit = defineEmits(["selectOption", "prevent"]);
 const props = defineProps({
@@ -88,7 +90,7 @@ onMounted(() => {
     class="scroll-container overflow-auto whitespace-nowrap"
     :class="props.wrapper === 'row' ? 'flex gap-1' : 'flex flex-col gap-1'"
   >
-    <button
+    <a-button
       v-for="option in options"
       :key="option.key"
       :disabled="option.disabled"
@@ -123,7 +125,7 @@ onMounted(() => {
           </template>
         </span>
       </slot>
-    </button>
+    </a-button>
   </div>
 </template>
 

package/dist/runtime/components/pill-tabs/PillTabs.vue.d.ts

@@ -13,11 +13,11 @@ type __VLS_Props = Props;
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: any;
 };
-declare var __VLS_1: {
+declare var __VLS_8: {
     option: any;
 };
 type __VLS_Slots = {} & {
-    option?: (props: typeof __VLS_1) => any;
+    option?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
     size: "lg" | "sm" | "xs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "4.0.20",
+  "version": "4.0.21",
   "description": "Adata UI",
   "repository": "your-org/my-module",
   "license": "MIT",