duoyun-ui 1.1.3 → 1.1.4
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/elements/base/resize.d.ts +3 -0
- package/elements/base/resize.d.ts.map +1 -1
- package/elements/base/resize.js +19 -18
- package/elements/base/resize.js.map +1 -1
- package/elements/base/visible.d.ts +1 -0
- package/elements/base/visible.d.ts.map +1 -1
- package/elements/base/visible.js +7 -1
- package/elements/base/visible.js.map +1 -1
- package/elements/breadcrumbs.d.ts +3 -0
- package/elements/breadcrumbs.d.ts.map +1 -1
- package/elements/breadcrumbs.js +15 -1
- package/elements/breadcrumbs.js.map +1 -1
- package/elements/button.d.ts +2 -0
- package/elements/button.d.ts.map +1 -1
- package/elements/button.js +22 -2
- package/elements/button.js.map +1 -1
- package/elements/calendar.d.ts +6 -0
- package/elements/calendar.d.ts.map +1 -1
- package/elements/calendar.js +55 -29
- package/elements/calendar.js.map +1 -1
- package/elements/card.d.ts +2 -0
- package/elements/card.d.ts.map +1 -1
- package/elements/card.js +9 -3
- package/elements/card.js.map +1 -1
- package/elements/carousel.d.ts +1 -0
- package/elements/carousel.d.ts.map +1 -1
- package/elements/carousel.js +26 -24
- package/elements/carousel.js.map +1 -1
- package/elements/checkbox.d.ts.map +1 -1
- package/elements/checkbox.js +1 -0
- package/elements/checkbox.js.map +1 -1
- package/elements/contextmenu.d.ts +6 -2
- package/elements/contextmenu.d.ts.map +1 -1
- package/elements/contextmenu.js +17 -14
- package/elements/contextmenu.js.map +1 -1
- package/elements/copy.d.ts +1 -0
- package/elements/copy.d.ts.map +1 -1
- package/elements/copy.js +8 -4
- package/elements/copy.js.map +1 -1
- package/elements/date-panel.d.ts +1 -1
- package/elements/date-panel.d.ts.map +1 -1
- package/elements/date-panel.js +30 -8
- package/elements/date-panel.js.map +1 -1
- package/elements/date-picker.js +1 -1
- package/elements/date-range-panel.d.ts +1 -0
- package/elements/date-range-panel.d.ts.map +1 -1
- package/elements/date-range-panel.js +15 -6
- package/elements/date-range-panel.js.map +1 -1
- package/elements/date-range-picker.d.ts.map +1 -1
- package/elements/date-range-picker.js +6 -0
- package/elements/date-range-picker.js.map +1 -1
- package/elements/drawer.d.ts.map +1 -1
- package/elements/drawer.js +1 -4
- package/elements/drawer.js.map +1 -1
- package/elements/icons.js +1 -1
- package/elements/icons.js.map +1 -1
- package/elements/input.d.ts +1 -1
- package/elements/input.d.ts.map +1 -1
- package/elements/input.js +2 -1
- package/elements/input.js.map +1 -1
- package/elements/list.d.ts +6 -6
- package/elements/list.d.ts.map +1 -1
- package/elements/list.js +115 -105
- package/elements/list.js.map +1 -1
- package/elements/modal.d.ts +1 -1
- package/elements/modal.d.ts.map +1 -1
- package/elements/modal.js +33 -41
- package/elements/modal.js.map +1 -1
- package/elements/pagination.d.ts.map +1 -1
- package/elements/pagination.js +14 -13
- package/elements/pagination.js.map +1 -1
- package/elements/picker.js +1 -1
- package/elements/picker.js.map +1 -1
- package/elements/placeholder.d.ts +1 -0
- package/elements/placeholder.d.ts.map +1 -1
- package/elements/placeholder.js +8 -3
- package/elements/placeholder.js.map +1 -1
- package/elements/popover.d.ts +1 -1
- package/elements/popover.d.ts.map +1 -1
- package/elements/popover.js +2 -1
- package/elements/popover.js.map +1 -1
- package/elements/radio.d.ts.map +1 -1
- package/elements/radio.js +1 -0
- package/elements/radio.js.map +1 -1
- package/elements/rate.d.ts +1 -0
- package/elements/rate.d.ts.map +1 -1
- package/elements/rate.js +8 -3
- package/elements/rate.js.map +1 -1
- package/elements/segmented.d.ts +3 -1
- package/elements/segmented.d.ts.map +1 -1
- package/elements/segmented.js +53 -11
- package/elements/segmented.js.map +1 -1
- package/elements/shortcut-record.d.ts +3 -0
- package/elements/shortcut-record.d.ts.map +1 -1
- package/elements/shortcut-record.js +50 -9
- package/elements/shortcut-record.js.map +1 -1
- package/elements/side-navigation.d.ts +4 -0
- package/elements/side-navigation.d.ts.map +1 -1
- package/elements/side-navigation.js +32 -13
- package/elements/side-navigation.js.map +1 -1
- package/elements/statistic.d.ts +2 -0
- package/elements/statistic.d.ts.map +1 -1
- package/elements/statistic.js +21 -2
- package/elements/statistic.js.map +1 -1
- package/elements/table.d.ts.map +1 -1
- package/elements/table.js +1 -0
- package/elements/table.js.map +1 -1
- package/elements/tabs.d.ts +1 -1
- package/elements/tabs.d.ts.map +1 -1
- package/elements/tabs.js +49 -7
- package/elements/tabs.js.map +1 -1
- package/elements/time-panel.d.ts.map +1 -1
- package/elements/time-panel.js +2 -0
- package/elements/time-panel.js.map +1 -1
- package/elements/toast.d.ts +2 -0
- package/elements/toast.d.ts.map +1 -1
- package/elements/toast.js +65 -36
- package/elements/toast.js.map +1 -1
- package/lib/number.d.ts +1 -0
- package/lib/number.d.ts.map +1 -1
- package/lib/number.js +3 -0
- package/lib/number.js.map +1 -1
- package/package.json +1 -1
- package/react/DyBreadcrumbs.d.ts +2 -0
- package/react/DyButton.d.ts +2 -0
- package/react/DyButton.js +1 -1
- package/react/DyList.d.ts +1 -0
- package/react/DyList.js +1 -1
- package/react/DyListItem.d.ts +1 -0
- package/react/DyShortcutRecord.d.ts +2 -0
- package/react/DyShortcutRecord.js +1 -1
- package/react/DyStatistic.d.ts +1 -0
- package/svelte/breadcrumbs.d.ts +2 -0
- package/svelte/button.d.ts +2 -0
- package/svelte/list.d.ts +1 -0
- package/svelte/shortcut-record.d.ts +2 -0
- package/svelte/statistic.d.ts +1 -0
- package/vue/DyBreadcrumbs.vue +5 -2
- package/vue/DyButton.vue +4 -0
- package/vue/DyList.vue +2 -0
- package/vue/DyListItem.vue +2 -0
- package/vue/DySegmented.vue +1 -0
- package/vue/DyShortcutRecord.vue +6 -2
- package/vue/DyStatistic.vue +2 -0
- package/vue/DyToast.vue +2 -1
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Emitter } from '@mantou/gem/lib/decorators';
|
|
2
2
|
import { GemElement, GemElementOptions } from '@mantou/gem/lib/element';
|
|
3
|
+
export declare function resizeObserver(ele: DuoyunResizeBaseElement, options?: {
|
|
4
|
+
throttle?: boolean;
|
|
5
|
+
}): () => void;
|
|
3
6
|
export declare class DuoyunResizeBaseElement<_T = Record<string, unknown>> extends GemElement {
|
|
4
7
|
resize: Emitter<DuoyunResizeBaseElement>;
|
|
5
8
|
constructor(options?: GemElementOptions & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,qBAAa,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;IAC1E,MAAM,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;gBAEtC,OAAO,GAAE,iBAAiB,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAO;
|
|
1
|
+
{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,wBAAgB,cAAc,CAAC,GAAG,EAAE,uBAAuB,EAAE,OAAO,GAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAO,cAgBhG;AAED,qBAAa,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;IAC1E,MAAM,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;gBAEtC,OAAO,GAAE,iBAAiB,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAO;IAQpE,aAAa;;;MAGX;IAEF,WAAW;;;MAGT;CACH"}
|
package/elements/base/resize.js
CHANGED
|
@@ -7,6 +7,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { emitter } from '@mantou/gem/lib/decorators';
|
|
8
8
|
import { GemElement } from '@mantou/gem/lib/element';
|
|
9
9
|
import { throttle } from '../../lib/utils';
|
|
10
|
+
export function resizeObserver(ele, options = {}) {
|
|
11
|
+
const { throttle: needThrottle = true } = options;
|
|
12
|
+
const callback = (entryList) => {
|
|
13
|
+
entryList.forEach((entry) => {
|
|
14
|
+
var _a;
|
|
15
|
+
ele.contentRect = entry.contentRect;
|
|
16
|
+
ele.borderBoxSize = ((_a = entry.borderBoxSize) === null || _a === void 0 ? void 0 : _a[0])
|
|
17
|
+
? entry.borderBoxSize[0]
|
|
18
|
+
: { blockSize: ele.contentRect.height, inlineSize: ele.contentRect.width };
|
|
19
|
+
ele.update();
|
|
20
|
+
ele.resize(ele);
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
const throttleCallback = needThrottle ? throttle(callback, 300, { leading: true }) : callback;
|
|
24
|
+
const ro = new ResizeObserver(throttleCallback);
|
|
25
|
+
ro.observe(ele, {});
|
|
26
|
+
return () => ro.disconnect();
|
|
27
|
+
}
|
|
10
28
|
export class DuoyunResizeBaseElement extends GemElement {
|
|
11
29
|
constructor(options = {}) {
|
|
12
30
|
super(options);
|
|
@@ -18,24 +36,7 @@ export class DuoyunResizeBaseElement extends GemElement {
|
|
|
18
36
|
height: 0,
|
|
19
37
|
width: 0,
|
|
20
38
|
};
|
|
21
|
-
|
|
22
|
-
const callback = (entryList) => {
|
|
23
|
-
entryList.forEach((entry) => {
|
|
24
|
-
var _a;
|
|
25
|
-
this.contentRect = entry.contentRect;
|
|
26
|
-
this.borderBoxSize = ((_a = entry.borderBoxSize) === null || _a === void 0 ? void 0 : _a[0])
|
|
27
|
-
? entry.borderBoxSize[0]
|
|
28
|
-
: { blockSize: this.contentRect.height, inlineSize: this.contentRect.width };
|
|
29
|
-
this.update();
|
|
30
|
-
this.resize(this);
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
const throttleCallback = needThrottle ? throttle(callback, 300, { leading: true }) : callback;
|
|
34
|
-
this.effect(() => {
|
|
35
|
-
const ro = new ResizeObserver(throttleCallback);
|
|
36
|
-
ro.observe(this, {});
|
|
37
|
-
return () => ro.disconnect();
|
|
38
|
-
}, () => []);
|
|
39
|
+
this.effect(() => resizeObserver(this, options), () => []);
|
|
39
40
|
}
|
|
40
41
|
}
|
|
41
42
|
__decorate([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAW,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAqB,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,
|
|
1
|
+
{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAW,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAqB,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,UAAU,cAAc,CAAC,GAA4B,EAAE,UAAkC,EAAE;IAC/F,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAClD,MAAM,QAAQ,GAAG,CAAC,SAAgC,EAAE,EAAE;QACpD,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;;YAC1B,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;YACpC,GAAG,CAAC,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,aAAa,0CAAG,CAAC,CAAC;gBAC1C,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;gBACxB,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YAC7E,GAAG,CAAC,MAAM,EAAE,CAAC;YACb,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC9F,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAChD,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACpB,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;AAC/B,CAAC;AAED,MAAM,OAAO,uBAAsD,SAAQ,UAAU;IAGnF,YAAY,UAAsD,EAAE;QAClE,KAAK,CAAC,OAAO,CAAC,CAAC;QAOjB,kBAAa,GAAG;YACd,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,CAAC;SACd,CAAC;QAEF,gBAAW,GAAG;YACZ,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;SACT,CAAC;QAdA,IAAI,CAAC,MAAM,CACT,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,EACnC,GAAG,EAAE,CAAC,EAAE,CACT,CAAC;IACJ,CAAC;CAWF;AAnBU;IAAR,OAAO;uDAA0C"}
|
|
@@ -10,6 +10,7 @@ export declare class DuoyunVisibleBaseElement<_T = Record<string, unknown>> exte
|
|
|
10
10
|
hide: Emitter;
|
|
11
11
|
visible: boolean;
|
|
12
12
|
intersectionRoot?: Element | Document;
|
|
13
|
+
intersectionRootMargin?: string;
|
|
13
14
|
constructor(options?: GemElementOptions);
|
|
14
15
|
}
|
|
15
16
|
//# sourceMappingURL=visible.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visible.d.ts","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAmB,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAExE,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,wBAAwB,
|
|
1
|
+
{"version":3,"file":"visible.d.ts","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAmB,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAExE,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,wBAAwB,cAoB/D;AAED;;;GAGG;AACH,qBAAa,wBAAwB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;IAC3E,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IAEhB,OAAO,EAAE,OAAO,CAAC;IAEd,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACtC,sBAAsB,CAAC,EAAE,MAAM,CAAC;gBAE9B,OAAO,CAAC,EAAE,iBAAiB;CAOxC"}
|
package/elements/base/visible.js
CHANGED
|
@@ -18,7 +18,10 @@ export function visibilityObserver(ele) {
|
|
|
18
18
|
ele.hide(null);
|
|
19
19
|
}
|
|
20
20
|
});
|
|
21
|
-
}, {
|
|
21
|
+
}, {
|
|
22
|
+
root: ele.intersectionRoot,
|
|
23
|
+
rootMargin: ele.intersectionRootMargin,
|
|
24
|
+
});
|
|
22
25
|
io.observe(ele);
|
|
23
26
|
return () => io.disconnect();
|
|
24
27
|
}
|
|
@@ -44,4 +47,7 @@ __decorate([
|
|
|
44
47
|
__decorate([
|
|
45
48
|
property
|
|
46
49
|
], DuoyunVisibleBaseElement.prototype, "intersectionRoot", void 0);
|
|
50
|
+
__decorate([
|
|
51
|
+
property
|
|
52
|
+
], DuoyunVisibleBaseElement.prototype, "intersectionRootMargin", void 0);
|
|
47
53
|
//# sourceMappingURL=visible.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visible.js","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAW,QAAQ,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAqB,MAAM,yBAAyB,CAAC;AAExE,MAAM,UAAU,kBAAkB,CAAC,GAA6B;IAC9D,MAAM,EAAE,GAAG,IAAI,oBAAoB,CACjC,CAAC,OAAO,EAAE,EAAE;QACV,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;YACxC,IAAI,iBAAiB,GAAG,CAAC,EAAE,CAAC;gBAC1B,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;gBACnB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;gBACpB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,
|
|
1
|
+
{"version":3,"file":"visible.js","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAW,QAAQ,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAqB,MAAM,yBAAyB,CAAC;AAExE,MAAM,UAAU,kBAAkB,CAAC,GAA6B;IAC9D,MAAM,EAAE,GAAG,IAAI,oBAAoB,CACjC,CAAC,OAAO,EAAE,EAAE;QACV,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;YACxC,IAAI,iBAAiB,GAAG,CAAC,EAAE,CAAC;gBAC1B,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;gBACnB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;gBACpB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD;QACE,IAAI,EAAE,GAAG,CAAC,gBAAgB;QAC1B,UAAU,EAAE,GAAG,CAAC,sBAAsB;KACvC,CACF,CAAC;IACF,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAChB,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;AAC/B,CAAC;AAED;;;GAGG;AACH,MAAM,OAAO,wBAAuD,SAAQ,UAAU;IASpF,YAAY,OAA2B;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,MAAM,CACT,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAC9B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAC9B,CAAC;IACJ,CAAC;CACF;AAfU;IAAR,OAAO;sDAAe;AACd;IAAR,OAAO;sDAAe;AAEhB;IAAN,KAAK;yDAAkB;AAEd;IAAT,QAAQ;kEAAuC;AACtC;IAAT,QAAQ;wEAAiC"}
|
|
@@ -12,8 +12,11 @@ export type BreadcrumbsItem = {
|
|
|
12
12
|
* @customElement dy-breadcrumbs
|
|
13
13
|
*/
|
|
14
14
|
export declare class DuoyunBreadcrumbsElement extends GemElement {
|
|
15
|
+
#private;
|
|
15
16
|
compact: boolean;
|
|
17
|
+
/**@deprecated */
|
|
16
18
|
list?: BreadcrumbsItem[];
|
|
19
|
+
items?: BreadcrumbsItem[];
|
|
17
20
|
constructor();
|
|
18
21
|
render: () => import("lit-html/lib/template-result").TemplateResult;
|
|
19
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../src/elements/breadcrumbs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAO3D,OAAO,OAAO,CAAC;AACf,OAAO,WAAW,CAAC;AACnB,OAAO,eAAe,CAAC;AAkCvB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,qBAEa,wBAAyB,SAAQ,UAAU
|
|
1
|
+
{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../src/elements/breadcrumbs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAO3D,OAAO,OAAO,CAAC;AACf,OAAO,WAAW,CAAC;AACnB,OAAO,eAAe,CAAC;AAkCvB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,qBAEa,wBAAyB,SAAQ,UAAU;;IACvC,OAAO,EAAE,OAAO,CAAC;IAEhC,iBAAiB;IACP,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;;IAWpC,MAAM,8DAsBJ;CACH"}
|
package/elements/breadcrumbs.js
CHANGED
|
@@ -4,6 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
9
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
10
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
|
+
};
|
|
12
|
+
var _DuoyunBreadcrumbsElement_instances, _DuoyunBreadcrumbsElement_items_get;
|
|
7
13
|
// https://spectrum.adobe.com/page/breadcrumbs/
|
|
8
14
|
import { adoptedStyle, customElement, property, boolattribute } from '@mantou/gem/lib/decorators';
|
|
9
15
|
import { GemElement, html } from '@mantou/gem/lib/element';
|
|
@@ -51,10 +57,11 @@ const style = createCSSSheet(css `
|
|
|
51
57
|
let DuoyunBreadcrumbsElement = class DuoyunBreadcrumbsElement extends GemElement {
|
|
52
58
|
constructor() {
|
|
53
59
|
super();
|
|
60
|
+
_DuoyunBreadcrumbsElement_instances.add(this);
|
|
54
61
|
this.render = () => {
|
|
55
62
|
var _a;
|
|
56
63
|
return html `
|
|
57
|
-
${(_a = this
|
|
64
|
+
${(_a = __classPrivateFieldGet(this, _DuoyunBreadcrumbsElement_instances, "a", _DuoyunBreadcrumbsElement_items_get)) === null || _a === void 0 ? void 0 : _a.map(({ title, tooltip, handle, icon }, index, arr, isLast = arr.length - 1 === index) => html `
|
|
58
65
|
<dy-tooltip .content=${tooltip}>
|
|
59
66
|
${icon
|
|
60
67
|
? html `<dy-use class="item-icon" .element=${icon}></dy-use>`
|
|
@@ -76,12 +83,19 @@ let DuoyunBreadcrumbsElement = class DuoyunBreadcrumbsElement extends GemElement
|
|
|
76
83
|
this.internals.ariaLabel = 'breadcrumbs';
|
|
77
84
|
}
|
|
78
85
|
};
|
|
86
|
+
_DuoyunBreadcrumbsElement_instances = new WeakSet();
|
|
87
|
+
_DuoyunBreadcrumbsElement_items_get = function _DuoyunBreadcrumbsElement_items_get() {
|
|
88
|
+
return this.items || this.list;
|
|
89
|
+
};
|
|
79
90
|
__decorate([
|
|
80
91
|
boolattribute
|
|
81
92
|
], DuoyunBreadcrumbsElement.prototype, "compact", void 0);
|
|
82
93
|
__decorate([
|
|
83
94
|
property
|
|
84
95
|
], DuoyunBreadcrumbsElement.prototype, "list", void 0);
|
|
96
|
+
__decorate([
|
|
97
|
+
property
|
|
98
|
+
], DuoyunBreadcrumbsElement.prototype, "items", void 0);
|
|
85
99
|
DuoyunBreadcrumbsElement = __decorate([
|
|
86
100
|
customElement('dy-breadcrumbs'),
|
|
87
101
|
adoptedStyle(style)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../src/elements/breadcrumbs.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../src/elements/breadcrumbs.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA+C;AAC/C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,OAAO,CAAC;AACf,OAAO,WAAW,CAAC;AACnB,OAAO,eAAe,CAAC;AAEvB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;aAKnB,KAAK,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;aAsBnB,KAAK,CAAC,YAAY;;;CAG9B,CAAC,CAAC;AASH;;GAEG;AAGI,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAWtD;QACE,KAAK,EAAE,CAAC;;QAIV,WAAM,GAAG,GAAG,EAAE;;YACZ,OAAO,IAAI,CAAA;QACP,MAAA,uBAAA,IAAI,gFAAO,0CAAE,GAAG,CAChB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;iCAChE,OAAO;cAC1B,IAAI;gBACJ,CAAC,CAAC,IAAI,CAAA,sCAAsC,IAAI,YAAY;gBAC5D,CAAC,CAAC,IAAI,CAAA;;;6BAGS,MAAM;+BACJ,YAAY;4BACf,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;;sBAEvD,KAAK;;iBAEV;;YAEL,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,uDAAuD,KAAK,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE;SACpG,CACF;KACF,CAAC;QACJ,CAAC,CAAC;QAzBA,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,aAAa,CAAC;IAC3C,CAAC;CAyBF,CAAA;;;IA/BG,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;AACjC,CAAC;AARc;IAAd,aAAa;yDAAkB;AAGtB;IAAT,QAAQ;sDAA0B;AACzB;IAAT,QAAQ;uDAA2B;AALzB,wBAAwB;IAFpC,aAAa,CAAC,gBAAgB,CAAC;IAC/B,YAAY,CAAC,KAAK,CAAC;GACP,wBAAwB,CAuCpC"}
|
package/elements/button.d.ts
CHANGED
|
@@ -16,6 +16,8 @@ export declare class DuoyunButtonElement extends GemElement {
|
|
|
16
16
|
type: 'solid' | 'reverse';
|
|
17
17
|
color: StringList<'normal' | 'danger' | 'cancel'>;
|
|
18
18
|
small: boolean;
|
|
19
|
+
round: boolean;
|
|
20
|
+
square: boolean;
|
|
19
21
|
disabled: boolean;
|
|
20
22
|
dropdown?: ContextMenuItem[] | null;
|
|
21
23
|
route?: RouteItem;
|
package/elements/button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/elements/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,SAAS,EAGV,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAO3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAuB,SAAS,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAe,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/elements/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,SAAS,EAGV,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAO3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAuB,SAAS,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAe,MAAM,eAAe,CAAC;AAqG7D;;;;;;GAMG;AACH,qBAIa,mBAAoB,SAAQ,UAAU;;IACtC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,UAAU,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC;IAC9C,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC9C,MAAM,EAAE,OAAO,CAAC;IAEZ,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE9C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC;;IAuC9B,MAAM,8DA4CJ;CACH"}
|
package/elements/button.js
CHANGED
|
@@ -33,6 +33,9 @@ const style = createCSSSheet(css `
|
|
|
33
33
|
border-radius: ${theme.normalRound};
|
|
34
34
|
white-space: nowrap;
|
|
35
35
|
}
|
|
36
|
+
:host([round]) {
|
|
37
|
+
border-radius: 10em;
|
|
38
|
+
}
|
|
36
39
|
.content,
|
|
37
40
|
.dropdown {
|
|
38
41
|
position: relative;
|
|
@@ -52,7 +55,9 @@ const style = createCSSSheet(css `
|
|
|
52
55
|
}
|
|
53
56
|
.dropdown {
|
|
54
57
|
display: flex;
|
|
55
|
-
border-radius:
|
|
58
|
+
border-radius: inherit;
|
|
59
|
+
border-end-start-radius: 0;
|
|
60
|
+
border-start-start-radius: 0;
|
|
56
61
|
margin-inline-start: -1px;
|
|
57
62
|
padding-inline: 0.2em;
|
|
58
63
|
width: 1.4em;
|
|
@@ -67,7 +72,12 @@ const style = createCSSSheet(css `
|
|
|
67
72
|
min-width: auto;
|
|
68
73
|
padding: 0.5em 0.8em;
|
|
69
74
|
}
|
|
70
|
-
:host([small]) .
|
|
75
|
+
:host([small]) .content {
|
|
76
|
+
min-width: auto;
|
|
77
|
+
padding: 0.5em 0.8em;
|
|
78
|
+
}
|
|
79
|
+
:host([square]) .content {
|
|
80
|
+
min-width: auto;
|
|
71
81
|
padding: 0.5em;
|
|
72
82
|
}
|
|
73
83
|
:host([type='reverse']) :where(.content, .dropdown) {
|
|
@@ -100,6 +110,10 @@ const style = createCSSSheet(css `
|
|
|
100
110
|
background-color: currentColor;
|
|
101
111
|
border-radius: inherit;
|
|
102
112
|
opacity: 0.1;
|
|
113
|
+
transition: opacity 0.1s;
|
|
114
|
+
}
|
|
115
|
+
:active::after {
|
|
116
|
+
opacity: 0.18;
|
|
103
117
|
}
|
|
104
118
|
:host([disabled]) ::after {
|
|
105
119
|
content: none;
|
|
@@ -205,6 +219,12 @@ __decorate([
|
|
|
205
219
|
__decorate([
|
|
206
220
|
boolattribute
|
|
207
221
|
], DuoyunButtonElement.prototype, "small", void 0);
|
|
222
|
+
__decorate([
|
|
223
|
+
boolattribute
|
|
224
|
+
], DuoyunButtonElement.prototype, "round", void 0);
|
|
225
|
+
__decorate([
|
|
226
|
+
boolattribute
|
|
227
|
+
], DuoyunButtonElement.prototype, "square", void 0);
|
|
208
228
|
__decorate([
|
|
209
229
|
boolattribute
|
|
210
230
|
], DuoyunButtonElement.prototype, "disabled", void 0);
|
package/elements/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/elements/button.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS,EAET,KAAK,EACL,IAAI,GACL,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AACzD,OAAO,EAAmB,WAAW,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;eAEjB,KAAK,CAAC,eAAe;;;;;;;qBAOf,KAAK,CAAC,WAAW
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/elements/button.ts"],"names":[],"mappings":"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"}
|
package/elements/calendar.d.ts
CHANGED
|
@@ -18,6 +18,12 @@ export declare class DuoyunCalendarElement extends GemElement {
|
|
|
18
18
|
static rightTopCell: string;
|
|
19
19
|
static leftBottomCell: string;
|
|
20
20
|
static rightBottomCell: string;
|
|
21
|
+
static highlightCell: string;
|
|
22
|
+
static noHighlightCell: string;
|
|
23
|
+
static startHighlightCell: string;
|
|
24
|
+
static stopHighlightCell: string;
|
|
25
|
+
static date: string;
|
|
26
|
+
static todayDate: string;
|
|
21
27
|
datehover: Emitter<number>;
|
|
22
28
|
dateclick: Emitter<number>;
|
|
23
29
|
borderless: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../src/elements/calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,OAAO,EAIR,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI3E,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../src/elements/calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,OAAO,EAIR,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI3E,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AA6FnC;;;;GAIG;AACH,qBAGa,qBAAsB,SAAQ,UAAU;;IAC7C,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC;IAC/B,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC;IAC/B,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC;IAC/B,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACjC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;IAEtB,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IAEpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;;IAqBtD,SAAS,aAyBP;IAEF,MAAM,uBAmEJ;CACH"}
|
package/elements/calendar.js
CHANGED
|
@@ -15,7 +15,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
15
15
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
16
16
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
17
17
|
};
|
|
18
|
-
var
|
|
18
|
+
var _DuoyunCalendarElement_isHighlightRange, _DuoyunCalendarElement_isStartHighlight, _DuoyunCalendarElement_isStopHighlight, _DuoyunCalendarElement_dates;
|
|
19
19
|
var DuoyunCalendarElement_1;
|
|
20
20
|
import { adoptedStyle, customElement, emitter, property, boolattribute, part, } from '@mantou/gem/lib/decorators';
|
|
21
21
|
import { GemElement, html } from '@mantou/gem/lib/element';
|
|
@@ -27,6 +27,7 @@ import { commonHandle } from '../lib/hotkeys';
|
|
|
27
27
|
import { focusStyle } from '../lib/styles';
|
|
28
28
|
const style = createCSSSheet(css `
|
|
29
29
|
:host(:where(:not([hidden]))) {
|
|
30
|
+
cursor: default;
|
|
30
31
|
font-size: 0.875em;
|
|
31
32
|
display: grid;
|
|
32
33
|
gap: 1px;
|
|
@@ -57,11 +58,12 @@ const style = createCSSSheet(css `
|
|
|
57
58
|
.day {
|
|
58
59
|
position: relative;
|
|
59
60
|
z-index: 1;
|
|
61
|
+
transition: background 0.1s;
|
|
60
62
|
}
|
|
61
63
|
.day:where(:hover) {
|
|
62
64
|
background: ${theme.hoverBackgroundColor};
|
|
63
65
|
}
|
|
64
|
-
.
|
|
66
|
+
.leftBottom {
|
|
65
67
|
border-end-start-radius: inherit;
|
|
66
68
|
}
|
|
67
69
|
.day:last-of-type {
|
|
@@ -97,14 +99,6 @@ const style = createCSSSheet(css `
|
|
|
97
99
|
background: ${theme.primaryColor};
|
|
98
100
|
color: ${theme.backgroundColor};
|
|
99
101
|
}
|
|
100
|
-
.start {
|
|
101
|
-
border-start-start-radius: ${theme.smallRound};
|
|
102
|
-
border-end-start-radius: ${theme.smallRound};
|
|
103
|
-
}
|
|
104
|
-
.stop {
|
|
105
|
-
border-start-end-radius: ${theme.smallRound};
|
|
106
|
-
border-end-end-radius: ${theme.smallRound};
|
|
107
|
-
}
|
|
108
102
|
:host([borderless]) {
|
|
109
103
|
border: none;
|
|
110
104
|
padding: 1px;
|
|
@@ -120,11 +114,19 @@ const style = createCSSSheet(css `
|
|
|
120
114
|
let DuoyunCalendarElement = DuoyunCalendarElement_1 = class DuoyunCalendarElement extends GemElement {
|
|
121
115
|
constructor() {
|
|
122
116
|
super({ delegatesFocus: true });
|
|
123
|
-
|
|
117
|
+
_DuoyunCalendarElement_isHighlightRange.set(this, (date) => {
|
|
124
118
|
var _a;
|
|
125
119
|
const t = date.valueOf();
|
|
126
120
|
return !!((_a = this.highlights) === null || _a === void 0 ? void 0 : _a.some(([start, stop]) => t >= start && t <= stop));
|
|
127
121
|
});
|
|
122
|
+
_DuoyunCalendarElement_isStartHighlight.set(this, (date) => {
|
|
123
|
+
var _a;
|
|
124
|
+
return !!((_a = this.highlights) === null || _a === void 0 ? void 0 : _a.some(([d]) => date.isSome(d, 'd')));
|
|
125
|
+
});
|
|
126
|
+
_DuoyunCalendarElement_isStopHighlight.set(this, (date) => {
|
|
127
|
+
var _a;
|
|
128
|
+
return !!((_a = this.highlights) === null || _a === void 0 ? void 0 : _a.some((ds) => date.isSome(ds[ds.length - 1], 'd')));
|
|
129
|
+
});
|
|
128
130
|
_DuoyunCalendarElement_dates.set(this, void 0);
|
|
129
131
|
this.willMount = () => {
|
|
130
132
|
this.memo(() => {
|
|
@@ -163,8 +165,8 @@ let DuoyunCalendarElement = DuoyunCalendarElement_1 = class DuoyunCalendarElemen
|
|
|
163
165
|
${date.format({ weekday: 'narrow' })}
|
|
164
166
|
</div>
|
|
165
167
|
`)}
|
|
166
|
-
${__classPrivateFieldGet(this, _DuoyunCalendarElement_dates, "f").map(({ date, isThisMonth, isToday }, index, arr) => {
|
|
167
|
-
var _a
|
|
168
|
+
${__classPrivateFieldGet(this, _DuoyunCalendarElement_dates, "f").map(({ date, isThisMonth, isToday }, index, arr, leftBottomCell = index === arr.length - 7, rightBottomCell = index === arr.length - 1, start = !!isThisMonth && __classPrivateFieldGet(this, _DuoyunCalendarElement_isStartHighlight, "f").call(this, date), stop = !!isThisMonth && __classPrivateFieldGet(this, _DuoyunCalendarElement_isStopHighlight, "f").call(this, date), highlight = !!isThisMonth && (start || stop || __classPrivateFieldGet(this, _DuoyunCalendarElement_isHighlightRange, "f").call(this, date))) => {
|
|
169
|
+
var _a;
|
|
168
170
|
return html `
|
|
169
171
|
<div
|
|
170
172
|
tabindex="0"
|
|
@@ -175,29 +177,33 @@ let DuoyunCalendarElement = DuoyunCalendarElement_1 = class DuoyunCalendarElemen
|
|
|
175
177
|
[DuoyunCalendarElement_1.otherDayCell]: !isThisMonth,
|
|
176
178
|
[DuoyunCalendarElement_1.leftTopCell]: index === 0,
|
|
177
179
|
[DuoyunCalendarElement_1.rightTopCell]: index === 6,
|
|
178
|
-
[DuoyunCalendarElement_1.leftBottomCell]:
|
|
179
|
-
[DuoyunCalendarElement_1.rightBottomCell]:
|
|
180
|
+
[DuoyunCalendarElement_1.leftBottomCell]: leftBottomCell,
|
|
181
|
+
[DuoyunCalendarElement_1.rightBottomCell]: rightBottomCell,
|
|
182
|
+
[DuoyunCalendarElement_1.startHighlightCell]: start,
|
|
183
|
+
[DuoyunCalendarElement_1.stopHighlightCell]: stop,
|
|
184
|
+
[DuoyunCalendarElement_1.highlightCell]: highlight,
|
|
185
|
+
[DuoyunCalendarElement_1.noHighlightCell]: !highlight,
|
|
180
186
|
})}
|
|
181
187
|
class=${classMap({
|
|
182
188
|
day: true,
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
start: !!((_a = this.highlights) === null || _a === void 0 ? void 0 : _a.some(([d]) => date.isSome(d, 'd'))),
|
|
188
|
-
stop: !!((_b = this.highlights) === null || _b === void 0 ? void 0 : _b.some((ds) => date.isSome(ds[ds.length - 1], 'd'))),
|
|
189
|
-
highlight: __classPrivateFieldGet(this, _DuoyunCalendarElement_isHighlight, "f").call(this, date),
|
|
190
|
-
}
|
|
191
|
-
: {
|
|
192
|
-
other: true,
|
|
193
|
-
}),
|
|
189
|
+
highlight,
|
|
190
|
+
leftBottom: leftBottomCell,
|
|
191
|
+
today: this.today && !!isToday,
|
|
192
|
+
other: !isThisMonth,
|
|
194
193
|
})}
|
|
195
194
|
@click=${() => this.dateclick(date.valueOf())}
|
|
196
195
|
@mouseover=${() => this.datehover(date.valueOf())}
|
|
197
196
|
@keydown=${commonHandle}
|
|
198
197
|
>
|
|
199
|
-
<span
|
|
200
|
-
|
|
198
|
+
<span
|
|
199
|
+
part=${partMap({
|
|
200
|
+
[DuoyunCalendarElement_1.date]: true,
|
|
201
|
+
[DuoyunCalendarElement_1.todayDate]: !!isToday,
|
|
202
|
+
})}
|
|
203
|
+
>
|
|
204
|
+
${date.getDate()}
|
|
205
|
+
</span>
|
|
206
|
+
${(_a = this.renderDate) === null || _a === void 0 ? void 0 : _a.call(this, date)}
|
|
201
207
|
</div>
|
|
202
208
|
`;
|
|
203
209
|
})}
|
|
@@ -205,7 +211,9 @@ let DuoyunCalendarElement = DuoyunCalendarElement_1 = class DuoyunCalendarElemen
|
|
|
205
211
|
};
|
|
206
212
|
}
|
|
207
213
|
};
|
|
208
|
-
|
|
214
|
+
_DuoyunCalendarElement_isHighlightRange = new WeakMap();
|
|
215
|
+
_DuoyunCalendarElement_isStartHighlight = new WeakMap();
|
|
216
|
+
_DuoyunCalendarElement_isStopHighlight = new WeakMap();
|
|
209
217
|
_DuoyunCalendarElement_dates = new WeakMap();
|
|
210
218
|
__decorate([
|
|
211
219
|
emitter
|
|
@@ -258,6 +266,24 @@ __decorate([
|
|
|
258
266
|
__decorate([
|
|
259
267
|
part
|
|
260
268
|
], DuoyunCalendarElement, "rightBottomCell", void 0);
|
|
269
|
+
__decorate([
|
|
270
|
+
part
|
|
271
|
+
], DuoyunCalendarElement, "highlightCell", void 0);
|
|
272
|
+
__decorate([
|
|
273
|
+
part
|
|
274
|
+
], DuoyunCalendarElement, "noHighlightCell", void 0);
|
|
275
|
+
__decorate([
|
|
276
|
+
part
|
|
277
|
+
], DuoyunCalendarElement, "startHighlightCell", void 0);
|
|
278
|
+
__decorate([
|
|
279
|
+
part
|
|
280
|
+
], DuoyunCalendarElement, "stopHighlightCell", void 0);
|
|
281
|
+
__decorate([
|
|
282
|
+
part
|
|
283
|
+
], DuoyunCalendarElement, "date", void 0);
|
|
284
|
+
__decorate([
|
|
285
|
+
part
|
|
286
|
+
], DuoyunCalendarElement, "todayDate", void 0);
|
|
261
287
|
DuoyunCalendarElement = DuoyunCalendarElement_1 = __decorate([
|
|
262
288
|
customElement('dy-calendar'),
|
|
263
289
|
adoptedStyle(style),
|
package/elements/calendar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../src/elements/calendar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,OAAO,EAEP,QAAQ,EACR,aAAa,EACb,IAAI,GACL,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAE/E,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../src/elements/calendar.ts"],"names":[],"mappings":"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"}
|
package/elements/card.d.ts
CHANGED
|
@@ -16,6 +16,8 @@ export declare class DuoyunCardElement extends DuoyunLoadableBaseElement {
|
|
|
16
16
|
#private;
|
|
17
17
|
static preview: string;
|
|
18
18
|
static avatar: string;
|
|
19
|
+
static body: string;
|
|
20
|
+
static footer: string;
|
|
19
21
|
avatar: string;
|
|
20
22
|
preview: string;
|
|
21
23
|
header?: string | TemplateResult;
|
package/elements/card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/elements/card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAQ/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAe,MAAM,eAAe,CAAC;AAE7D,OAAO,OAAO,CAAC;AA2Ef,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IAAE,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,CAAC;AAEnH;;;;;;GAMG;AACH,qBAGa,iBAAkB,SAAQ,yBAAyB;;IACxD,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAEjB,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,EAAE,WAAW,GAAG,iBAAiB,CAAC;;IAexD,MAAM,uBA6CJ;CACH"}
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/elements/card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAQ/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAe,MAAM,eAAe,CAAC;AAE7D,OAAO,OAAO,CAAC;AA2Ef,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GAAG;IAAE,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,CAAC;AAEnH;;;;;;GAMG;AACH,qBAGa,iBAAkB,SAAQ,yBAAyB;;IACxD,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEtB,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAEjB,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,EAAE,WAAW,GAAG,iBAAiB,CAAC;;IAexD,MAAM,uBA6CJ;CACH"}
|
package/elements/card.js
CHANGED
|
@@ -12,7 +12,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
12
12
|
var _DuoyunCardElement_onOpenMenu;
|
|
13
13
|
var DuoyunCardElement_1;
|
|
14
14
|
// https://spectrum.adobe.com/page/cards/
|
|
15
|
-
import { adoptedStyle, customElement, attribute, property, part } from '@mantou/gem/lib/decorators';
|
|
15
|
+
import { adoptedStyle, customElement, attribute, property, part, slot } from '@mantou/gem/lib/decorators';
|
|
16
16
|
import { html } from '@mantou/gem/lib/element';
|
|
17
17
|
import { createCSSSheet, css } from '@mantou/gem/lib/utils';
|
|
18
18
|
import { theme } from '../lib/theme';
|
|
@@ -149,9 +149,9 @@ let DuoyunCardElement = DuoyunCardElement_1 = class DuoyunCardElement extends Du
|
|
|
149
149
|
</div>
|
|
150
150
|
`
|
|
151
151
|
: ''}
|
|
152
|
-
<slot name
|
|
152
|
+
<slot name=${DuoyunCardElement_1.body}></slot>
|
|
153
153
|
<slot></slot>
|
|
154
|
-
<slot name
|
|
154
|
+
<slot name=${DuoyunCardElement_1.footer}></slot>
|
|
155
155
|
`;
|
|
156
156
|
};
|
|
157
157
|
this.internals.role = 'group';
|
|
@@ -185,6 +185,12 @@ __decorate([
|
|
|
185
185
|
__decorate([
|
|
186
186
|
part
|
|
187
187
|
], DuoyunCardElement, "avatar", void 0);
|
|
188
|
+
__decorate([
|
|
189
|
+
slot
|
|
190
|
+
], DuoyunCardElement, "body", void 0);
|
|
191
|
+
__decorate([
|
|
192
|
+
slot
|
|
193
|
+
], DuoyunCardElement, "footer", void 0);
|
|
188
194
|
DuoyunCardElement = DuoyunCardElement_1 = __decorate([
|
|
189
195
|
customElement('dy-card'),
|
|
190
196
|
adoptedStyle(style),
|
package/elements/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../src/elements/card.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,yCAAyC;AACzC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../src/elements/card.ts"],"names":[],"mappings":"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"}
|
package/elements/carousel.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/elements/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAQL,OAAO,EACR,MAAM,4BAA4B,CAAC;AAQpC,OAAO,OAAO,CAAC;AACf,OAAO,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,CAAC;AAClB,OAAO,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/elements/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAQL,OAAO,EACR,MAAM,4BAA4B,CAAC;AAQpC,OAAO,OAAO,CAAC;AACf,OAAO,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,CAAC;AAClB,OAAO,QAAQ,CAAC;AA4GhB,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,GAAG,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,qBAGa,qBAAsB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IACpD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;IAEd,WAAW,EAAE,WAAW,GAAG,iBAAiB,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAEjC,iBAAiB;IACP,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;;IAcjC,KAAK,EAAE,KAAK,CAGV;IAyCF,SAAS;IAYT,OAAO,mBAWL;IAEF,MAAM,uBAsEJ;IAEF,IAAI,aAEF;IAEF,IAAI,aAEF;IAEF,IAAI,UAAW,MAAM,UAGnB;CACH"}
|