unika-components 1.0.12 → 1.0.14

package/dist/src/components/UniCalendar/Calendar.vue.d.ts

@@ -0,0 +1,85 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    dayTexts: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    monthTexts: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    start: {
+        type: StringConstructor;
+        default: string;
+    };
+    weddingDate: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    cp: string;
+    isFirstMonth: import("vue").ComputedRef<boolean>;
+    currentYearAndMonth: import("vue").ComputedRef<string>;
+    itemDays: import("vue").ComputedRef<{
+        currentMonth: number;
+        day: number;
+        date: string;
+        month: string;
+        days: string;
+        valueOf: number;
+    }[]>;
+    getDayItem: (i: number, j: number) => {
+        currentMonth: number;
+        day: number;
+        date: string;
+        month: string;
+        days: string;
+        valueOf: number;
+    };
+    getClass: (db: {
+        currentMonth: number;
+        date: string | number;
+    }) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change-month"[], "change-month", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    dayTexts: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    monthTexts: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    start: {
+        type: StringConstructor;
+        default: string;
+    };
+    weddingDate: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onChange-month"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    dayTexts: unknown[];
+    monthTexts: unknown[];
+    format: string;
+    start: string;
+    weddingDate: string;
+}, {}>;
+export default _default;

package/dist/src/components/UniCalendar/UniCalendar.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("vue").DefineComponent<{
+    weddingDate: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    styleProps: import("vue").ComputedRef<Pick<any, string>>;
+    dataList: import("vue").Ref<{
+        date: string;
+        value: string;
+    }[]>;
+    checkItem: (date: string) => boolean;
+    handleClick: () => void;
+    getItemNumber: (date: string) => string | undefined;
+    getMonthData: (date: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    weddingDate: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    weddingDate: string;
+}, {}>;
+export default _default;

package/dist/src/components/UniCalendar/index.d.ts

@@ -0,0 +1,2 @@
+import UniCalendar from './UniCalendar.vue';
+export default UniCalendar;

package/dist/src/components/UniCalendar/utils.d.ts

@@ -0,0 +1,9 @@
+declare const getItemDays: (now: Date | undefined, formatType: any) => {
+    currentMonth: number;
+    day: number;
+    date: string;
+    month: string;
+    days: string;
+    valueOf: number;
+}[];
+export { getItemDays };

package/dist/src/defaultProps.d.ts

@@ -234,6 +234,26 @@ export declare const videoDefaultProps: {
     videoSrc: string;
     isPlaying: boolean;
 };
+export declare const calendarDefaultProps: {
+    actionType: string;
+    url: string;
+    height: string;
+    width: string;
+    paddingLeft: string;
+    paddingRight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    borderStyle: string;
+    borderColor: string;
+    borderWidth: string;
+    borderRadius: string;
+    boxShadow: string;
+    opacity: number;
+    position: string;
+    left: string;
+    top: string;
+    right: string;
+};
 export declare const componentsDefaultProps: {
     'uni-text': {
         props: {
@@ -375,6 +395,28 @@ export declare const componentsDefaultProps: {
             isPlaying: boolean;
         };
     };
+    'uni-calendar': {
+        props: {
+            actionType: string;
+            url: string;
+            height: string;
+            width: string;
+            paddingLeft: string;
+            paddingRight: string;
+            paddingTop: string;
+            paddingBottom: string;
+            borderStyle: string;
+            borderColor: string;
+            borderWidth: string;
+            borderRadius: string;
+            boxShadow: string;
+            opacity: number;
+            position: string;
+            left: string;
+            top: string;
+            right: string;
+        };
+    };
 };
 export declare const isEditingProp: {
     isEditing: {

package/dist/src/index.d.ts

@@ -7,8 +7,9 @@ import SwiperPage from './components/SwiperPage';
 import UniBackground from './components/UniBackground';
 import UniMusic from './components/UniMusic';
 import UniVideo from './components/UniVideo';
+import UniCalendar from './components/UniCalendar';
 declare const install: (app: App) => void;
-export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniMusic, UniVideo, install };
+export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniMusic, UniVideo, UniCalendar, install };
 declare const _default: {
     install: (app: App<any>) => void;
 };

package/dist/unika-components.css

@@ -3,39 +3,6 @@
   max-width: 100%;
 }
 
-  .uni-video-component {
-    position: relative;
-    text-align: center;
-  }
-  .play-pause-button {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    cursor: pointer;
-    font-size: 2rem;
-    color: #fff;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 50%;
-    padding: 10px;
-    transition: background 0.3s;
-  }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
-  }
-
-h2.uni-text-component, p.uni-text-component {
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
-}
-
 #audio {
   position: absolute;
   right: 10px;
@@ -130,6 +97,42 @@ button.uni-text-component {
     -webkit-transform: rotate(360deg);
   }
 }
+
+  .uni-background-component {
+    width: 100%;
+  }
+  .bg-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index:1;
+  }
+  .watermark {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  .watermark-div {
+    height: 100%;
+    width:100%;
+    position:absolute;
+    z-index:99999999;
+  }
+  body:before{
+  content: '';
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
+  background-position: center;  
+  opacity: 0.1;
+}
 
  .slide-guide {
     position: absolute;
@@ -203,42 +206,47 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
+
+h2.uni-text-component, p.uni-text-component {
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
 
-  .uni-background-component {
-    width: 100%;
-  }
-  .bg-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    z-index:1;
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
+
+  .uni-video-component {
+    position: relative;
+    text-align: center;
   }
-  .watermark {
-    height: 100%;
+  .play-pause-button {
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    font-size: 2rem;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    padding: 10px;
+    transition: background 0.3s;
   }
-  .watermark-div {
-    height: 100%;
-    width:100%;
-    position:absolute;
-    z-index:99999999;
+  .play-pause-button:hover {
+    background: rgba(0, 0, 0, 0.8);
   }
-  body:before{
-  content: '';
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: -1;
-  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
-  background-position: center;  
-  opacity: 0.1;
-}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -786,3 +794,92 @@ button.swiper-pagination-bullet {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
 }
+
+.unika-calendar-title {
+  flex: 1;
+  margin-right: 50px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+}
+.unika-calendar-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #F3F3F3;
+  user-select: none;
+}
+.unika-calendar-header .disabled {
+  pointer-events: none;
+  color: #f0f0f0;
+}
+.unika-calendar-th {
+  display: flex;
+  padding: 16px 10px;
+}
+.unika-calendar-th > * {
+  flex: 1;
+  padding: 0 7px;
+  font-size: 12px;
+  text-align: center;
+  color: #666;
+}
+.unika-calendar-th > *:not(:first-child) {
+  margin-left: 10px;
+}
+.unika-calendar-body {
+  background-color: #F6FAFF;
+  padding: 10px;
+}
+.unika-calendar-editor {
+  font-size: 14px;
+  font-weight: bold;
+  display: flex;
+}
+.unika-calendar-editor span {
+  display: inline-block;
+  min-width: 80px;
+  text-align: center;
+}
+.unika-calendar-day {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  font-size: 14px;
+  border-radius: 50%;
+}
+.unika-calendar-row {
+  display: flex;
+}
+.unika-calendar-row:not(:last-child) {
+  margin-bottom: 10px;
+}
+.unika-calendar-row > * {
+  flex: 1;
+  padding: 2px;
+  height: 28px;
+  box-sizing: border-box;
+  position: relative;
+}
+.unika-calendar-row > *.color-grey {
+  background-color: #EBF1F9;
+}
+.unika-calendar-row > *.color-purple {
+  background-color: #D5C3FF;
+}
+.unika-calendar-row > *.color-green {
+  background-color: #AFF0C8;
+}
+.unika-calendar-row > *.color-today .unika-calendar-day {
+  background-color: #fff;
+  font-weight: bold;
+}
+.unika-calendar-row > *:not(:first-child) {
+  margin-left: 10px;
+}