adata-ui 4.0.45 → 4.0.46

package/dist/module.json

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

package/dist/runtime/components/button/Button.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   view: { type: String, required: false, default: "default" },
   size: { type: String, required: false, default: "lg" },
   form: { type: String, required: false, default: "button" },
-  icon: { type: [Object, Function], required: false },
+  icon: { type: null, required: false },
   iconClass: { type: String, required: false, default: "" },
   loading: { type: Boolean, required: false, default: false },
   disabled: { type: Boolean, required: false, default: false },

package/dist/runtime/components/button/Button.vue.d.ts

@@ -21,12 +21,12 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     view: "default" | "outline" | "transparent";
     disabled: boolean;
     active: boolean;
-    to: string;
     loading: boolean;
     variant: "primary" | "success" | "danger" | "gray" | "ghost";
     form: "icon" | "button";
     iconClass: string;
     block: boolean;
+    to: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/date-picker/DatePicker.vue

@@ -0,0 +1,119 @@
+<script setup>
+import VueDatePicker from "@vuepic/vue-datepicker";
+import "@vuepic/vue-datepicker/dist/main.css";
+import { kk, ru, enUS } from "date-fns/locale";
+import { nextTick, ref, useI18n, computed } from "#imports";
+const props = defineProps({
+  placeholder: { type: String, required: false },
+  yearPicker: { type: Boolean, required: false },
+  menuTitle: { type: String, required: false }
+});
+const { t, locale } = useI18n();
+const date = defineModel({ type: [Date, null], ...{ default: null } });
+function format(date2) {
+  if (props.yearPicker) {
+    return date2.getFullYear().toString();
+  } else {
+    const day = date2.getDate().toString().padStart(2, "0");
+    const month = (date2.getMonth() + 1).toString().padStart(2, "0");
+    const year = date2.getFullYear();
+    return `${day}/${month}/${year}`;
+  }
+}
+const datePicker = ref();
+function closeDatePicker() {
+  datePicker.value?.closeMenu();
+}
+const currentLocale = computed(() => {
+  if (locale.value === "en") return enUS;
+  if (locale.value === "kk") return kk;
+  return ru;
+});
+function selectDate(data) {
+  if (props.yearPicker) return;
+  date.value = data;
+}
+function selectYear(data) {
+  if (props.yearPicker) {
+    date.value = data.year;
+  }
+}
+function menuOpened() {
+  nextTick(() => {
+    const menu = document.querySelector(".dp__menu");
+    menu?.classList.remove("dp__theme_light");
+    menu?.classList.add("date-picker-menu-shadow");
+    const topArrow = document.querySelector(".dp__arrow_top");
+    const bottomArrow = document.querySelector(".dp__arrow_bottom");
+    topArrow?.remove();
+    bottomArrow?.remove();
+  });
+}
+</script>
+
+<template>
+  <vue-date-picker
+    ref="datePicker"
+    v-model="date"
+    :enable-time-picker="false"
+    :format="format"
+    :format-locale="currentLocale"
+    :placeholder="placeholder || t('reuse.date')"
+    :year-picker="yearPicker"
+    :ui="{
+  navBtnNext: 'hidden',
+  navBtnPrev: 'hidden',
+  menu: 'p-2'
+}"
+    class="custom-date-picker"
+    @open="menuOpened"
+    @date-update="selectDate"
+    @update-month-year="selectYear"
+  >
+    <template #top-extra>
+      <div
+        class="flex items-center justify-between"
+        :class="{ 'mb-2': yearPicker }"
+      >
+        <p class="text-base font-semibold">
+          {{ menuTitle || t("reuse.selectDate") }}
+        </p>
+        <i-x-mark
+          class="cursor-pointer size-6 shrink-0"
+          @click="closeDatePicker"
+        />
+      </div>
+    </template>
+    <template #calendar-header="{ index, day }">
+      <p class="text-gray-600 dark:text-gray-200 text-sm font-normal">
+        {{ day }}
+      </p>
+    </template>
+    <template #action-row />
+    <template #action-preview />
+    <template #action-buttons />
+  </vue-date-picker>
+</template>
+
+<style>
+.custom-date-picker {
+  --dp-border-radius: 8px;
+  --dp-background-color: white;
+  --dp-menu-border-color: white;
+  --dp-border-color: white;
+  --dp-text-color: #2C3E50;
+  --dp-primary-color: #0070EB;
+}
+
+.date-picker-menu-shadow {
+  box-shadow: 0px 1px 8px 0px rgba(139, 146, 156, 0.3019607843);
+}
+
+.dark .custom-date-picker {
+  --dp-background-color: #26282B;
+  --dp-menu-border-color: #26282B;
+  --dp-border-color: #26282B;
+  --dp-text-color: #e3e5e8;
+  --dp-primary-color: #1B98E2;
+}
+</style>

package/dist/runtime/components/date-picker/DatePicker.vue.d.ts

@@ -0,0 +1,15 @@
+import '@vuepic/vue-datepicker/dist/main.css';
+type __VLS_Props = {
+    placeholder?: string;
+    yearPicker?: boolean;
+    menuTitle?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: Date | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Date | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/row-card/RowCard.vue

@@ -7,7 +7,7 @@ const props = defineProps({
   titleClasses: { type: String, required: false },
   cardClasses: { type: String, required: false },
   valueClasses: { type: String, required: false },
-  icon: { type: [Object, Function], required: false }
+  icon: { type: null, required: false }
 });
 const combinedCardClasses = twMerge("flex justify-between items-center rounded-md py-3 px-4 dark:bg-gray-900 bg-white", props.cardClasses);
 const combinedLeadingClasses = twMerge("rounded-full size-4", props.leadingColor);

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

@@ -1,2 +1,2 @@
-export declare const useCurrentModule: () => import("vue").Ref<string, string>;
-export declare const useContacts: () => import("vue").Ref<any, any>;
+export declare const useCurrentModule: () => any;
+export declare const useContacts: () => any;

package/dist/runtime/i18n/i18n.config.d.ts

@@ -21,6 +21,8 @@ declare const _default: {
             };
             reuse: {
                 yes: string;
+                selectDate: string;
+                date: string;
             };
             header: {
                 top: {
@@ -566,6 +568,8 @@ declare const _default: {
             };
             reuse: {
                 yes: string;
+                selectDate: string;
+                date: string;
             };
             header: {
                 top: {
@@ -1111,6 +1115,8 @@ declare const _default: {
             };
             reuse: {
                 yes: string;
+                selectDate: string;
+                date: string;
             };
             header: {
                 top: {

package/dist/runtime/i18n.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: any;
 export default _default;

package/dist/runtime/lang/en.js

@@ -14,7 +14,9 @@ const EnLocale = {
     }
   },
   reuse: {
-    yes: "Yes"
+    yes: "Yes",
+    selectDate: "Select date",
+    date: "Date"
   },
   header: {
     top: {

package/dist/runtime/lang/kk.js

@@ -14,7 +14,9 @@ const KkLocale = {
     }
   },
   reuse: {
-    yes: "\u0418\u04D9"
+    yes: "\u0418\u04D9",
+    selectDate: "\u041A\u04AF\u043D\u0434\u0456 \u0442\u0430\u04A3\u0434\u0430\u04A3\u044B\u0437",
+    date: "\u041A\u04AF\u043D\u0456"
   },
   header: {
     top: {

package/dist/runtime/lang/ru.d.ts

@@ -15,6 +15,8 @@ declare const RuLocale: {
     };
     reuse: {
         yes: string;
+        selectDate: string;
+        date: string;
     };
     header: {
         top: {

package/dist/runtime/lang/ru.js

@@ -14,7 +14,9 @@ const RuLocale = {
     }
   },
   reuse: {
-    yes: "\u0414\u0430"
+    yes: "\u0414\u0430",
+    selectDate: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0430\u0442\u0443",
+    date: "\u0414\u0430\u0442\u0430"
   },
   header: {
     top: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "4.0.45",
+  "version": "4.0.46",
   "description": "Adata UI",
   "repository": "your-org/my-module",
   "license": "MIT",
@@ -39,6 +39,7 @@
     "@nuxtjs/i18n": "^9.5.4",
     "@tailwindcss/postcss": "^4.1.6",
     "@tailwindcss/vite": "^4.1.6",
+    "@vuepic/vue-datepicker": "^11.0.2",
     "defu": "^6.1.4",
     "reka-ui": "^2.2.1",
     "sass": "^1.89.0",