Merge pull request #74 from shubhadip/semantic-release-changes

fix: semantic config changes
shubhadip · Nov 4, 2023 · 32827f1 · 32827f1
2 parents a8c5ef8 + a62c029
commit 32827f1
Show file tree

Hide file tree

Showing 11 changed files with 89 additions and 32 deletions.
diff --git a/.releaserc b/.releaserc
@@ -16,7 +16,7 @@
       "@semantic-release/npm",
       {
         "npmPublish": true,
-        "pkgRoot": "./build"
+        "pkgRoot": "./"
       }
     ],
     [

diff --git a/build/vuejs3-datepicker.js b/build/vuejs3-datepicker.js
@@ -1433,8 +1433,35 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     langName: e,
     daysNames: ["Неделя", "Понеделник", "Вторник", "Сряда", "Четвъртък", "Петък", "Събота"]
   };
-}, At = {
+}, At = () => {
+  const e = "Arabic-Tunisia", t = [
+    "جانفي",
+    "فيفري",
+    "مارس",
+    "أفريل",
+    "ماي",
+    "جوان",
+    "جويلية",
+    "أوت",
+    "سبتمبر",
+    "أكتوبر",
+    "نوفمبر",
+    "ديسمبر"
+  ];
+  return {
+    months: t,
+    monthsAbbr: t,
+    days: ["أحد", "أثنين", "ثلاثاء", "أربعاء", "خميس", "جمعة", "سبت"],
+    language: e,
+    yearSuffix: "",
+    ymd: !1,
+    rtl: !0,
+    langName: e,
+    daysNames: ["الأحد", "الإثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت"]
+  };
+}, It = {
   af: pt(),
+  arTn: At(),
   hi: Mt(),
   ja: Vt(),
   de: Nt(),
@@ -1449,7 +1476,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
   tr: Yt(),
   vn: jt(),
   bg: Ot()
-}, It = q({
+}, Ht = q({
   name: "Datepicker",
   components: {
     DateInput: Ze,
@@ -1596,7 +1623,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
   setup(e, { emit: t }) {
     const o = new Date(e.modelValue), i = R(0), r = R(null);
     e.modelValue && Ae(o) && (i.value = o.getTime(), r.value = o), e.openDate && (i.value = ie(new Date(e.openDate), 1));
-    const y = R(!1), n = R(!1), c = R(!1), M = R(0), $ = R(/* @__PURE__ */ new Date()), V = h(() => e.initialView ? e.initialView : e.minimumView), k = h(() => new Date(i.value)), T = h(() => At[e.language]), C = h(() => !!e.inline), H = h(() => ({
+    const y = R(!1), n = R(!1), c = R(!1), M = R(0), $ = R(/* @__PURE__ */ new Date()), V = h(() => e.initialView ? e.initialView : e.minimumView), k = h(() => new Date(i.value)), T = h(() => It[e.language]), C = h(() => !!e.inline), H = h(() => ({
       position: C.value ? "static" : void 0
     })), I = h(() => y.value || n.value || c.value), P = h(() => T.value && T.value.rtl === !0);
     function F(f) {
@@ -1742,7 +1769,7 @@ const wt = /* @__PURE__ */ W(mt, [["render", bt]]), pt = () => {
     };
   }
 });
-function Ht(e, t, o, i, r, y) {
+function Pt(e, t, o, i, r, y) {
   const n = Z("date-input"), c = Z("picker-day"), M = Z("picker-month"), $ = Z("picker-year"), V = Me("clickoutside");
   return le((g(), b("div", {
     class: S(["vuejs3-datepicker", [e.isRtl ? "rtl" : "", `vuejs3-${e.theme}`, e.wrapperClass]])
@@ -1872,7 +1899,7 @@ function Ht(e, t, o, i, r, y) {
     }]
   ]);
 }
-const Jt = /* @__PURE__ */ W(It, [["render", Ht]]);
+const zt = /* @__PURE__ */ W(Ht, [["render", Pt]]);
 export {
-  Jt as default
+  zt as default
 };
diff --git a/build/vuejs3-datepicker.umd.cjs b/build/vuejs3-datepicker.umd.cjs
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/datepicker/DateInput.vue b/src/components/datepicker/DateInput.vue
@@ -139,9 +139,6 @@ export default defineComponent({
       type: Boolean,
       default: false,
       required: false,
-      validator: (value: boolean) => {
-        return !!value;
-      },
     },
     useUtc: {
       type: Boolean,

diff --git a/src/components/datepicker/DatePickerComponent.vue b/src/components/datepicker/DatePickerComponent.vue
@@ -74,6 +74,9 @@
       <template v-slot:customCalendarHeader>
         <slot name="customCalendarHeader"></slot>
       </template>
+      <template v-slot:formatDateTopBar>
+        <slot name="formatDateTopBar"></slot>
+      </template>
     </picker-day>
 
     <!--Month View -->
@@ -100,6 +103,9 @@
       <template v-slot:customCalendarHeader>
         <slot name="customCalendarHeader"></slot>
       </template>
+      <template v-slot:formatDateTopBar>
+        <slot name="formatDateTopBar"></slot>
+      </template>
     </picker-month>
 
     <!-- Year View -->
@@ -125,6 +131,9 @@
       <template v-slot:customCalendarHeader>
         <slot name="customCalendarHeader"></slot>
       </template>
+      <template v-slot:formatDateTopBar>
+        <slot name="formatDateTopBar"></slot>
+      </template>
     </picker-year>
   </div>
 </template>

diff --git a/src/components/datepicker/PickerDay.vue b/src/components/datepicker/PickerDay.vue
@@ -8,7 +8,11 @@
     <slot name="customCalendarHeader"></slot>
     <section v-if="ifDifferentViews && selectedDate" class="vuejs3-datepicker__calendar-topbar">
       <p class="vuejs3-datepicker__calendar-topbar-year" @click="showYearCalendar">{{ currYearName }}</p>
-      <p class="vuejs3-datepicker__calendar-topbar-day">{{ getDayName }} {{ getDisplayDate }} {{ monthName }}</p>
+      <slot name="formatDateTopBar">
+        <p class="vuejs3-datepicker__calendar-topbar-day" v-if="selectedDate">
+          {{ getDayName }} {{ getDisplayDate }} {{ monthName }}
+        </p>
+      </slot>
     </section>
     <div class="vuejs3-datepicker__calendar-actionarea">
       <header>
@@ -81,9 +85,6 @@ export default defineComponent({
       type: [String, Date],
       required: false,
       default: null,
-      validator: (p) => {
-        return ['string', 'number'].indexOf(typeof p) !== -1 || p === null;
-      },
     },
     pageDate: {
       type: Date as PropType<Date>,

diff --git a/src/components/datepicker/PickerMonth.vue b/src/components/datepicker/PickerMonth.vue
@@ -8,9 +8,11 @@
     <slot name="customCalendarHeader"></slot>
     <section v-if="ifDifferentViews" class="vuejs3-datepicker__calendar-topbar">
       <p class="vuejs3-datepicker__calendar-topbar-year" @click="showYearCalendar">{{ currYearName }}</p>
-      <p class="vuejs3-datepicker__calendar-topbar-day" v-if="selectedDate">
-        {{ getDayName }} {{ getDisplayDate }} {{ monthName }}
-      </p>
+      <slot name="formatDateTopBar">
+        <p class="vuejs3-datepicker__calendar-topbar-day" v-if="selectedDate">
+          {{ getDayName }} {{ getDisplayDate }} {{ monthName }}
+        </p>
+      </slot>
     </section>
     <div class="vuejs3-datepicker__calendar-actionarea">
       <header>
@@ -66,9 +68,6 @@ export default defineComponent({
       type: [String, Date],
       required: false,
       default: null,
-      validator: (p) => {
-        return ['string', 'number'].indexOf(typeof p) !== -1 || p === null;
-      },
     },
     pageDate: {
       type: Date as PropType<Date>,

diff --git a/src/components/datepicker/PickerYear.vue b/src/components/datepicker/PickerYear.vue
@@ -8,9 +8,11 @@
     <slot name="customCalendarHeader"></slot>
     <section v-if="ifDifferentViews && selectedDate" class="vuejs3-datepicker__calendar-topbar">
       <p class="vuejs3-datepicker__calendar-topbar-year">{{ currYearName }}</p>
-      <p class="vuejs3-datepicker__calendar-topbar-day" v-if="selectedDate">
-        {{ getDayName }} {{ getDisplayDate }} {{ monthName }}
-      </p>
+      <slot name="formatDateTopBar">
+        <p class="vuejs3-datepicker__calendar-topbar-day" v-if="selectedDate">
+          {{ getDayName }} {{ getDisplayDate }} {{ monthName }}
+        </p>
+      </slot>
     </section>
     <div class="vuejs3-datepicker__calendar-actionarea">
       <header>
@@ -56,9 +58,6 @@ export default defineComponent({
       type: [String, Date],
       required: false,
       default: null,
-      validator: (p) => {
-        return ['string', 'number'].indexOf(typeof p) !== -1 || p === null;
-      },
     },
     pageDate: {
       type: Date as PropType<Date>,

diff --git a/src/components/datepicker/datepicker.css b/src/components/datepicker/datepicker.css
@@ -56,6 +56,7 @@
         border-radius: 4px 4px 0px 0px;
         padding: 25px;
         &-year{
+            cursor: pointer;
             font-size: 30px;
             margin: 0px;
             padding-bottom: 10px;

diff --git a/src/components/examples/Slotview.vue b/src/components/examples/Slotview.vue
@@ -10,14 +10,17 @@
           <template v-slot:customCalendarHeader>
             <p>Custom Calendar Header</p>
           </template>
+          <template v-slot:formatDateTopBar>
+            <p>{{ formattedDate }}</p>
+          </template>
         </appdate-picker>
       </div>
     </template>
   </Wrapper>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from 'vue';
+import { defineComponent, ref, computed } from 'vue';
 import Wrapper from '../wrapper/Wrapper.vue';
 import Datepicker from '../datepicker/DatePickerComponent.vue';
 
@@ -41,6 +44,9 @@ export default defineComponent({
     <template v-slot:customCalendarHeader>
       <p>Before Calendar Header Slot</p>
     </template>
+    <template v-slot:formatDateTopBar>
+      <p>{{formattedDate}}</p>
+    </template>
     </appdate-picker>
   </template>`;
 
@@ -52,9 +58,22 @@ export default defineComponent({
       function dateSelected(payload: Date): void {
         console.log('dateSelected', payload)
       }
+      /**
+       * Handler for select-day function
+       */
+      function dateSelected(payload: Date): void {
+        defaultValue.value = payload
+      }
+
+      const formattedDate = computed(() => {
+        return defaultValue.value.toString();
+      })
       return {
+        ...
+        defaultValue,
         dateSelected,
-        defaultValue
+        changeDefaultValue,
+        formattedDate
       }
     }
   }
@@ -69,15 +88,20 @@ export default defineComponent({
      * Handler for select-day function
      */
     function dateSelected(payload: Date): void {
-      console.log('dateSelected', payload);
+      defaultValue.value = payload;
     }
 
+    const formattedDate = computed(() => {
+      return defaultValue.value.toString();
+    });
+
     return {
       script,
       template,
       defaultValue,
       dateSelected,
       changeDefaultValue,
+      formattedDate,
     };
   },
 });