@cocoar/vue-calendar 3.2.0-beta.8 → 3.2.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CoarMonthView.vue.d.ts.map +1 -1
- package/dist/composables/useMonthGeometry.d.ts +16 -2
- package/dist/composables/useMonthGeometry.d.ts.map +1 -1
- package/dist/composables/useMonthMetrics.d.ts +32 -0
- package/dist/composables/useMonthMetrics.d.ts.map +1 -0
- package/dist/index.js +238 -162
- package/dist/vue-calendar.css +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoarMonthView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CoarMonthView.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CoarMonthView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CoarMonthView.vue"],"names":[],"mappings":"AAklCA,OAAO,EACL,QAAQ,EAeR,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAElB,KAAK,WAAW,EAEjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;yBAU9C,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/E,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAywCO,mBAAmB,CAAC;iBAlwCf,eAAe,CAAC,KAAK,CAAC;QAC/B,qDAAqD;gBAC7C,QAAQ,CAAC,cAAc;QAC/B,2EAA2E;2BACxD,OAAO;QAC1B,oFAAoF;4BAChE,OAAO;mBA4vC+D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;QAjrB7C,yDAAyD;;MAirBU,GAAG,IAAI;WACpE,GAAG;;QAjvCT;mDAC2C;qBAC9B;YAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAAC,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;SAAE,GAAG,OAAO;QAClF;mDAC2C;4BACvB;YAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAAC,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;SAAE,GAAG,OAAO;;QAL3F;mDAC2C;qBAC9B;YAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAAC,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;SAAE,GAAG,OAAO;QAClF;mDAC2C;4BACvB;YAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;YAAC,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;SAAE,GAAG,OAAO;;UA8uCtF,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AApxCzE,wBAoxC4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';
|
|
2
2
|
import { CalendarMonthDensity, MonthLayout } from '../core';
|
|
3
|
+
import { MonthMetrics } from './useMonthMetrics';
|
|
4
|
+
/**
|
|
5
|
+
* Details base row: the day-number row, `maxEventsPerCell` pills, the
|
|
6
|
+
* "+N" row and the list's gaps / padding — measured in the host's
|
|
7
|
+
* styling — and never less than the iOS 94 px. With the stylesheet
|
|
8
|
+
* defaults and two pills this is exactly the iOS row; a host that
|
|
9
|
+
* restyles pills taller gets a row that still fits everything.
|
|
10
|
+
*/
|
|
11
|
+
export declare function detailsRowHeight(metrics: MonthMetrics, maxEventsPerCell: number): number;
|
|
3
12
|
export interface UseMonthGeometryOptions {
|
|
4
13
|
/** Pixel-perfect month layout from `layoutMonthGrid`. */
|
|
5
14
|
layout: ComputedRef<MonthLayout> | Ref<MonthLayout>;
|
|
@@ -7,12 +16,17 @@ export interface UseMonthGeometryOptions {
|
|
|
7
16
|
monthDensity?: MaybeRefOrGetter<CalendarMonthDensity>;
|
|
8
17
|
/** Lanes a row shows at most; `null` = unlimited. Default unlimited. */
|
|
9
18
|
maxLanes?: MaybeRefOrGetter<number | null>;
|
|
19
|
+
/** Measured cell metrics (`useMonthMetrics`). Default: stylesheet numbers. */
|
|
20
|
+
metrics?: MaybeRefOrGetter<MonthMetrics>;
|
|
21
|
+
/** Pills a Details cell shows — sizes the Details row. Default 2. */
|
|
22
|
+
maxEventsPerCell?: MaybeRefOrGetter<number>;
|
|
10
23
|
}
|
|
11
24
|
export interface UseMonthGeometryReturn {
|
|
12
|
-
/**
|
|
25
|
+
/** Geometry exposed for the parent's bar math. */
|
|
13
26
|
readonly BAR_HEIGHT: ComputedRef<number>;
|
|
14
27
|
readonly BAR_GAP: number;
|
|
15
|
-
|
|
28
|
+
/** Measured height of the day-number row (bars start below it). */
|
|
29
|
+
readonly DAY_NUMBER_HEIGHT: ComputedRef<number>;
|
|
16
30
|
/** Top-of-bar offset within a row for a given lane. */
|
|
17
31
|
barTopPx(lane: number): number;
|
|
18
32
|
/** Per-row total bar-area pixel height (used by the pills
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMonthGeometry.d.ts","sourceRoot":"","sources":["../../src/composables/useMonthGeometry.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"useMonthGeometry.d.ts","sourceRoot":"","sources":["../../src/composables/useMonthGeometry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAqB,MAAM,KAAK,CAAC;AAC3F,OAAO,EAAoB,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAe7E;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,GAAG,MAAM,CAUxF;AAED,MAAM,WAAW,uBAAuB;IACtC,yDAAyD;IACzD,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,CAAC;IACpD,gFAAgF;IAChF,YAAY,CAAC,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;IACtD,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,8EAA8E;IAC9E,OAAO,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACzC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,sBAAsB;IACrC,kDAAkD;IAClD,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,QAAQ,CAAC,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEhD,uDAAuD;IACvD,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;qCACiC;IACjC,eAAe,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IAEvC,4BAA4B;IAC5B,WAAW,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;CACpC;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,uBAAuB,GAAG,sBAAsB,CAiDtF"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { MaybeRefOrGetter, Ref } from 'vue';
|
|
2
|
+
export interface MonthMetrics {
|
|
3
|
+
/** Height of `.coar-month-cell__day-number-row`. */
|
|
4
|
+
dayNumberHeight: number;
|
|
5
|
+
/** Height of one live single-day pill. */
|
|
6
|
+
pillHeight: number;
|
|
7
|
+
/** Height of the "+N" row. */
|
|
8
|
+
markerHeight: number;
|
|
9
|
+
/** `.coar-month-cell__pills` row gap and vertical padding. */
|
|
10
|
+
pillGap: number;
|
|
11
|
+
pillsPaddingTop: number;
|
|
12
|
+
pillsPaddingBottom: number;
|
|
13
|
+
}
|
|
14
|
+
/** The stylesheet's numbers — what `CoarMonthCell` / `CoarMonthPill` render unstyled. */
|
|
15
|
+
export declare const DEFAULT_MONTH_METRICS: Readonly<MonthMetrics>;
|
|
16
|
+
export interface UseMonthMetricsOptions {
|
|
17
|
+
/** Month view root — cells are queried inside it. */
|
|
18
|
+
rootRef: Ref<HTMLElement | null>;
|
|
19
|
+
/** Re-measure whenever this changes (typically the layout). */
|
|
20
|
+
trigger?: MaybeRefOrGetter<unknown>;
|
|
21
|
+
}
|
|
22
|
+
/** The elements a measurement read, so they can be observed for resizes. */
|
|
23
|
+
export interface MonthMetricSources {
|
|
24
|
+
dayRow: HTMLElement;
|
|
25
|
+
pill: HTMLElement | null;
|
|
26
|
+
marker: HTMLElement | null;
|
|
27
|
+
}
|
|
28
|
+
export declare function findMonthMetricSources(root: HTMLElement): MonthMetricSources | null;
|
|
29
|
+
/** Measure the rendered cells; `null` when nothing measurable is in the DOM. */
|
|
30
|
+
export declare function measureMonthMetrics(root: HTMLElement): MonthMetrics | null;
|
|
31
|
+
export declare function useMonthMetrics(opts: UseMonthMetricsOptions): Ref<MonthMetrics>;
|
|
32
|
+
//# sourceMappingURL=useMonthMetrics.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMonthMetrics.d.ts","sourceRoot":"","sources":["../../src/composables/useMonthMetrics.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,GAAG,EAOT,MAAM,KAAK,CAAC;AAEb,MAAM,WAAW,YAAY;IAC3B,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,YAAY,CAOvD,CAAC;AAEH,MAAM,WAAW,sBAAsB;IACrC,qDAAqD;IACrD,OAAO,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACrC;AAOD,4EAA4E;AAC5E,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,WAAW,GAAG,kBAAkB,GAAG,IAAI,CAUnF;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,YAAY,GAAG,IAAI,CAmB1E;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,sBAAsB,GAAG,GAAG,CAAC,YAAY,CAAC,CA+D/E"}
|