duoyun-ui 0.0.27 → 0.0.30
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/action-text.js +1 -1
- package/elements/avatar.d.ts +6 -3
- package/elements/avatar.d.ts.map +1 -1
- package/elements/avatar.js +23 -13
- package/elements/avatar.js.map +1 -1
- package/elements/button.js +1 -1
- package/elements/button.js.map +1 -1
- package/elements/carousel.d.ts +19 -10
- package/elements/carousel.d.ts.map +1 -1
- package/elements/carousel.js +94 -83
- package/elements/carousel.js.map +1 -1
- package/elements/chart-tooltip.js +1 -1
- package/elements/chart-tooltip.js.map +1 -1
- package/elements/copy.d.ts +2 -0
- package/elements/copy.d.ts.map +1 -1
- package/elements/copy.js +5 -1
- package/elements/copy.js.map +1 -1
- package/elements/drawer.d.ts.map +1 -1
- package/elements/drawer.js +5 -3
- package/elements/drawer.js.map +1 -1
- package/elements/flow.d.ts +1 -3
- package/elements/flow.d.ts.map +1 -1
- package/elements/flow.js +6 -19
- package/elements/flow.js.map +1 -1
- package/elements/gesture.d.ts +3 -0
- package/elements/gesture.d.ts.map +1 -1
- package/elements/gesture.js +3 -0
- package/elements/gesture.js.map +1 -1
- package/elements/help-text.d.ts +1 -1
- package/elements/help-text.d.ts.map +1 -1
- package/elements/help-text.js.map +1 -1
- package/elements/menu.d.ts +3 -0
- package/elements/menu.d.ts.map +1 -1
- package/elements/menu.js +5 -4
- package/elements/menu.js.map +1 -1
- package/elements/modal.d.ts +2 -1
- package/elements/modal.d.ts.map +1 -1
- package/elements/modal.js +45 -18
- package/elements/modal.js.map +1 -1
- package/elements/more.d.ts +4 -1
- package/elements/more.d.ts.map +1 -1
- package/elements/more.js +9 -4
- package/elements/more.js.map +1 -1
- package/elements/options.js +1 -1
- package/elements/options.js.map +1 -1
- package/elements/paragraph.js +1 -1
- package/elements/reflect.d.ts +3 -0
- package/elements/reflect.d.ts.map +1 -1
- package/elements/reflect.js +3 -0
- package/elements/reflect.js.map +1 -1
- package/elements/route.d.ts +6 -0
- package/elements/route.d.ts.map +1 -1
- package/elements/route.js +6 -0
- package/elements/route.js.map +1 -1
- package/elements/tabs.d.ts +2 -0
- package/elements/tabs.d.ts.map +1 -1
- package/elements/tabs.js +22 -2
- package/elements/tabs.js.map +1 -1
- package/elements/title.d.ts +3 -0
- package/elements/title.d.ts.map +1 -1
- package/elements/title.js +3 -0
- package/elements/title.js.map +1 -1
- package/elements/unsafe.d.ts +3 -0
- package/elements/unsafe.d.ts.map +1 -1
- package/elements/unsafe.js +3 -0
- package/elements/unsafe.js.map +1 -1
- package/elements/use.d.ts +3 -0
- package/elements/use.d.ts.map +1 -1
- package/elements/use.js +3 -0
- package/elements/use.js.map +1 -1
- package/lib/encode.d.ts.map +1 -1
- package/lib/encode.js +10 -4
- package/lib/encode.js.map +1 -1
- package/lib/theme.d.ts.map +1 -1
- package/lib/theme.js +2 -0
- package/lib/theme.js.map +1 -1
- package/package.json +3 -3
package/elements/action-text.js
CHANGED
package/elements/avatar.d.ts
CHANGED
|
@@ -12,10 +12,10 @@ import './tooltip';
|
|
|
12
12
|
* @attr square
|
|
13
13
|
*/
|
|
14
14
|
export declare class DuoyunAvatarElement extends GemElement {
|
|
15
|
+
static avatar: string;
|
|
15
16
|
src: string;
|
|
16
17
|
alt: string;
|
|
17
18
|
status: Status;
|
|
18
|
-
background: string;
|
|
19
19
|
tooltip: string;
|
|
20
20
|
size: 'small' | 'medium' | 'large';
|
|
21
21
|
square: boolean;
|
|
@@ -25,18 +25,21 @@ export declare type Avatar = {
|
|
|
25
25
|
src?: string;
|
|
26
26
|
alt?: string;
|
|
27
27
|
status?: Status;
|
|
28
|
-
background?: string;
|
|
29
28
|
tooltip?: string;
|
|
30
29
|
square?: boolean;
|
|
31
30
|
};
|
|
31
|
+
declare type AvatarItem = Avatar & {
|
|
32
|
+
onClick?: (evt: Event) => void;
|
|
33
|
+
};
|
|
32
34
|
/**
|
|
33
35
|
* @customElement dy-avatar-group
|
|
34
36
|
*/
|
|
35
37
|
export declare class DuoyunAvatarGroupElement extends GemElement {
|
|
36
38
|
#private;
|
|
37
39
|
max: number;
|
|
38
|
-
data?:
|
|
40
|
+
data?: AvatarItem[];
|
|
39
41
|
constructor();
|
|
40
42
|
render: () => import("lit-html/lib/template-result").TemplateResult;
|
|
41
43
|
}
|
|
44
|
+
export {};
|
|
42
45
|
//# sourceMappingURL=avatar.d.ts.map
|
package/elements/avatar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/elements/avatar.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/elements/avatar.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAK3D,OAAO,EAAE,MAAM,EAAkB,MAAM,gBAAgB,CAAC;AACxD,OAAO,WAAW,CAAC;AA0DnB;;;;;;;;;GASG;AACH,qBAEa,mBAAoB,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC;IAE/B,MAAM,8DAmBJ;CACH;AAED,oBAAY,MAAM,GAAG;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAgBF,aAAK,UAAU,GAAG,MAAM,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CAAC;AAE9D;;GAEG;AACH,qBAEa,wBAAyB,SAAQ,UAAU;;IACxC,GAAG,EAAE,MAAM,CAAC;IAEhB,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;;IAyB9B,MAAM,8DAaJ;CACH"}
|
package/elements/avatar.js
CHANGED
|
@@ -10,7 +10,8 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
10
10
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
11
|
};
|
|
12
12
|
var _DuoyunAvatarGroupElement_instances, _DuoyunAvatarGroupElement_max_get, _DuoyunAvatarGroupElement_renderAvatar;
|
|
13
|
-
|
|
13
|
+
var DuoyunAvatarElement_1;
|
|
14
|
+
import { adoptedStyle, customElement, attribute, property, boolattribute, numattribute, part, } from '@mantou/gem/lib/decorators';
|
|
14
15
|
import { GemElement, html } from '@mantou/gem/lib/element';
|
|
15
16
|
import { createCSSSheet, css } from '@mantou/gem/lib/utils';
|
|
16
17
|
import { theme } from '../lib/theme';
|
|
@@ -39,6 +40,8 @@ const style = createCSSSheet(css `
|
|
|
39
40
|
width: 3.8em;
|
|
40
41
|
}
|
|
41
42
|
.content {
|
|
43
|
+
width: 100%;
|
|
44
|
+
aspect-ratio: 1;
|
|
42
45
|
position: absolute;
|
|
43
46
|
inset: 0;
|
|
44
47
|
display: flex;
|
|
@@ -46,6 +49,8 @@ const style = createCSSSheet(css `
|
|
|
46
49
|
align-items: center;
|
|
47
50
|
border-radius: var(--radius);
|
|
48
51
|
object-fit: cover;
|
|
52
|
+
background: ${theme.hoverBackgroundColor};
|
|
53
|
+
box-sizing: border-box;
|
|
49
54
|
}
|
|
50
55
|
:host([status]:not([status=''])) .content {
|
|
51
56
|
--m: radial-gradient(
|
|
@@ -77,7 +82,7 @@ const style = createCSSSheet(css `
|
|
|
77
82
|
* @attr size
|
|
78
83
|
* @attr square
|
|
79
84
|
*/
|
|
80
|
-
let DuoyunAvatarElement = class DuoyunAvatarElement extends GemElement {
|
|
85
|
+
let DuoyunAvatarElement = DuoyunAvatarElement_1 = class DuoyunAvatarElement extends GemElement {
|
|
81
86
|
constructor() {
|
|
82
87
|
super(...arguments);
|
|
83
88
|
this.render = () => {
|
|
@@ -87,13 +92,13 @@ let DuoyunAvatarElement = class DuoyunAvatarElement extends GemElement {
|
|
|
87
92
|
:host {
|
|
88
93
|
--status: ${status || 'inherit'};
|
|
89
94
|
}
|
|
90
|
-
.content {
|
|
91
|
-
background: ${this.background || theme.hoverBackgroundColor};
|
|
92
|
-
}
|
|
93
95
|
</style>
|
|
94
96
|
<dy-tooltip .content=${this.tooltip}>
|
|
95
97
|
<div class="content">
|
|
96
|
-
${this.src &&
|
|
98
|
+
${this.src &&
|
|
99
|
+
html `
|
|
100
|
+
<img class="content" alt=${this.alt || this.src} src=${this.src} part=${DuoyunAvatarElement_1.avatar} />
|
|
101
|
+
`}
|
|
97
102
|
<slot></slot>
|
|
98
103
|
</div>
|
|
99
104
|
</dy-tooltip>
|
|
@@ -111,9 +116,6 @@ __decorate([
|
|
|
111
116
|
__decorate([
|
|
112
117
|
attribute
|
|
113
118
|
], DuoyunAvatarElement.prototype, "status", void 0);
|
|
114
|
-
__decorate([
|
|
115
|
-
attribute
|
|
116
|
-
], DuoyunAvatarElement.prototype, "background", void 0);
|
|
117
119
|
__decorate([
|
|
118
120
|
attribute
|
|
119
121
|
], DuoyunAvatarElement.prototype, "tooltip", void 0);
|
|
@@ -123,7 +125,10 @@ __decorate([
|
|
|
123
125
|
__decorate([
|
|
124
126
|
boolattribute
|
|
125
127
|
], DuoyunAvatarElement.prototype, "square", void 0);
|
|
126
|
-
|
|
128
|
+
__decorate([
|
|
129
|
+
part
|
|
130
|
+
], DuoyunAvatarElement, "avatar", void 0);
|
|
131
|
+
DuoyunAvatarElement = DuoyunAvatarElement_1 = __decorate([
|
|
127
132
|
customElement('dy-avatar'),
|
|
128
133
|
adoptedStyle(style)
|
|
129
134
|
], DuoyunAvatarElement);
|
|
@@ -148,15 +153,16 @@ let DuoyunAvatarGroupElement = class DuoyunAvatarGroupElement extends GemElement
|
|
|
148
153
|
constructor() {
|
|
149
154
|
super();
|
|
150
155
|
_DuoyunAvatarGroupElement_instances.add(this);
|
|
151
|
-
_DuoyunAvatarGroupElement_renderAvatar.set(this, ({ src = '', tooltip = '', alt = '',
|
|
156
|
+
_DuoyunAvatarGroupElement_renderAvatar.set(this, ({ src = '', tooltip = '', alt = '', status, onClick }) => {
|
|
152
157
|
return html `
|
|
153
158
|
<dy-avatar
|
|
159
|
+
exportparts=${DuoyunAvatarElement.avatar}
|
|
154
160
|
class="item"
|
|
155
161
|
.src=${src}
|
|
156
162
|
.tooltip=${tooltip}
|
|
157
163
|
.alt=${alt}
|
|
158
|
-
.background=${background}
|
|
159
164
|
.status=${status}
|
|
165
|
+
@click=${onClick}
|
|
160
166
|
></dy-avatar>
|
|
161
167
|
`;
|
|
162
168
|
});
|
|
@@ -167,7 +173,11 @@ let DuoyunAvatarGroupElement = class DuoyunAvatarGroupElement extends GemElement
|
|
|
167
173
|
return html `
|
|
168
174
|
${this.data.slice(0, __classPrivateFieldGet(this, _DuoyunAvatarGroupElement_instances, "a", _DuoyunAvatarGroupElement_max_get)).map((avatar) => __classPrivateFieldGet(this, _DuoyunAvatarGroupElement_renderAvatar, "f").call(this, avatar))}
|
|
169
175
|
${rest.length
|
|
170
|
-
? html
|
|
176
|
+
? html `
|
|
177
|
+
<dy-avatar exportparts=${DuoyunAvatarElement.avatar} class="item" .tooltip=${rest.map((e) => e.alt).join()}>
|
|
178
|
+
+${rest.length}
|
|
179
|
+
</dy-avatar>
|
|
180
|
+
`
|
|
171
181
|
: ''}
|
|
172
182
|
`;
|
|
173
183
|
};
|
package/elements/avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../src/elements/avatar.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../src/elements/avatar.ts"],"names":[],"mappings":"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"}
|
package/elements/button.js
CHANGED
|
@@ -196,7 +196,7 @@ let DuoyunButtonElement = DuoyunButtonElement_1 = class DuoyunButtonElement exte
|
|
|
196
196
|
}
|
|
197
197
|
};
|
|
198
198
|
_DuoyunButtonElement_onClickDropdown = new WeakMap(), _DuoyunButtonElement_instances = new WeakSet(), _DuoyunButtonElement_color_get = function _DuoyunButtonElement_color_get() {
|
|
199
|
-
return getSemanticColor(this.color) || theme.primaryColor;
|
|
199
|
+
return getSemanticColor(this.color) || this.color || theme.primaryColor;
|
|
200
200
|
};
|
|
201
201
|
__decorate([
|
|
202
202
|
attribute
|
package/elements/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/elements/button.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/elements/button.ts"],"names":[],"mappings":"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"}
|
package/elements/carousel.d.ts
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import { GemElement } from '@mantou/gem/lib/element';
|
|
2
|
-
import {
|
|
3
|
-
import type { DouyunLinkElement } from './link';
|
|
4
|
-
import './gesture';
|
|
1
|
+
import { GemElement, TemplateResult } from '@mantou/gem/lib/element';
|
|
2
|
+
import { Emitter } from '@mantou/gem/lib/decorators';
|
|
5
3
|
import './use';
|
|
6
|
-
import './link';
|
|
7
4
|
import './heading';
|
|
8
5
|
import './paragraph';
|
|
9
6
|
import './button';
|
|
7
|
+
import './more';
|
|
10
8
|
declare type Item = {
|
|
11
|
-
link: string;
|
|
12
9
|
img: string;
|
|
13
10
|
background?: string;
|
|
14
|
-
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
tag?: string | TemplateResult;
|
|
15
13
|
title: string;
|
|
16
14
|
description: string;
|
|
17
|
-
|
|
15
|
+
action?: {
|
|
16
|
+
text: string;
|
|
17
|
+
handle?: () => void;
|
|
18
|
+
};
|
|
18
19
|
};
|
|
19
20
|
declare type State = {
|
|
20
21
|
currentIndex: number;
|
|
@@ -25,12 +26,20 @@ declare type State = {
|
|
|
25
26
|
*/
|
|
26
27
|
export declare class DuoyunCarouselElement extends GemElement<State> {
|
|
27
28
|
#private;
|
|
29
|
+
static img: string;
|
|
30
|
+
static title: string;
|
|
31
|
+
static content: string;
|
|
32
|
+
static description: string;
|
|
33
|
+
static nav: string;
|
|
28
34
|
interval: number;
|
|
29
|
-
|
|
35
|
+
change: Emitter<number>;
|
|
30
36
|
data?: Item[];
|
|
31
37
|
state: State;
|
|
32
38
|
mounted: () => () => void;
|
|
33
|
-
render: () =>
|
|
39
|
+
render: () => TemplateResult;
|
|
40
|
+
next: () => void;
|
|
41
|
+
prev: () => void;
|
|
42
|
+
jump: (index: number) => void;
|
|
34
43
|
}
|
|
35
44
|
export {};
|
|
36
45
|
//# sourceMappingURL=carousel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/elements/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,
|
|
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,EAOL,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;AA6GhB,aAAK,IAAI,GAAG;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH,CAAC;AAEF,aAAK,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,OAAO,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;IAEX,QAAQ,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAEvB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IAMxB,KAAK,EAAE,KAAK,CAGV;IA4BF,OAAO,mBAOL;IAEF,MAAM,uBAyDJ;IAEF,IAAI,aAEF;IAEF,IAAI,aAEF;IAEF,IAAI,UAAW,MAAM,UAGnB;CACH"}
|
package/elements/carousel.js
CHANGED
|
@@ -15,47 +15,49 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
|
|
|
15
15
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
16
16
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
17
17
|
};
|
|
18
|
-
var _DuoyunCarouselElement_instances, _DuoyunCarouselElement_interval_get, _DuoyunCarouselElement_add,
|
|
18
|
+
var _DuoyunCarouselElement_instances, _DuoyunCarouselElement_interval_get, _DuoyunCarouselElement_add, _DuoyunCarouselElement_timer, _DuoyunCarouselElement_reset, _DuoyunCarouselElement_clearTimer, _DuoyunCarouselElement_pagevisibleChange;
|
|
19
|
+
var DuoyunCarouselElement_1;
|
|
19
20
|
import { GemElement, html } from '@mantou/gem/lib/element';
|
|
20
|
-
import { adoptedStyle, customElement, property, numattribute,
|
|
21
|
+
import { adoptedStyle, customElement, property, numattribute, part, emitter, } from '@mantou/gem/lib/decorators';
|
|
21
22
|
import { createCSSSheet, css, styleMap, classMap } from '@mantou/gem/lib/utils';
|
|
22
23
|
import { theme } from '../lib/theme';
|
|
23
24
|
import { icons } from '../lib/icons';
|
|
24
25
|
import { commonHandle } from '../lib/hotkeys';
|
|
25
26
|
import { focusStyle } from '../lib/styles';
|
|
26
|
-
import './gesture';
|
|
27
27
|
import './use';
|
|
28
|
-
import './link';
|
|
29
28
|
import './heading';
|
|
30
29
|
import './paragraph';
|
|
31
30
|
import './button';
|
|
31
|
+
import './more';
|
|
32
32
|
const style = createCSSSheet(css `
|
|
33
33
|
:host {
|
|
34
34
|
display: block;
|
|
35
|
+
width: 100%;
|
|
36
|
+
aspect-ratio: 20 / 7;
|
|
35
37
|
position: relative;
|
|
36
38
|
color: ${theme.highlightColor};
|
|
37
39
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
.list,
|
|
41
|
+
.item,
|
|
42
|
+
.img {
|
|
43
|
+
margin: 0;
|
|
44
|
+
padding: 0;
|
|
45
|
+
width: 100%;
|
|
46
|
+
height: 100%;
|
|
43
47
|
}
|
|
44
48
|
.item {
|
|
49
|
+
list-style: none;
|
|
45
50
|
position: relative;
|
|
46
|
-
display: block;
|
|
47
|
-
aspect-ratio: 20 / 7;
|
|
48
51
|
overflow: hidden;
|
|
49
52
|
}
|
|
50
53
|
[inert] {
|
|
51
54
|
display: none;
|
|
52
55
|
}
|
|
53
56
|
.img {
|
|
54
|
-
|
|
55
|
-
width: 100%;
|
|
56
|
-
height: 100%;
|
|
57
|
+
position: absolute;
|
|
57
58
|
object-fit: cover;
|
|
58
|
-
--
|
|
59
|
+
--mask-range: 35%;
|
|
60
|
+
--m: linear-gradient(to right top, transparent, black var(--mask-range));
|
|
59
61
|
-webkit-mask-image: var(--m);
|
|
60
62
|
mask-image: var(--m);
|
|
61
63
|
}
|
|
@@ -86,9 +88,10 @@ const style = createCSSSheet(css `
|
|
|
86
88
|
}
|
|
87
89
|
.tag {
|
|
88
90
|
font-style: italic;
|
|
89
|
-
background: yellow;
|
|
90
91
|
padding: 0.2em 0.3em;
|
|
91
92
|
margin-block-end: 0.5em;
|
|
93
|
+
background: yellow;
|
|
94
|
+
color: black;
|
|
92
95
|
}
|
|
93
96
|
.heading {
|
|
94
97
|
margin-block-start: 0;
|
|
@@ -108,10 +111,9 @@ const style = createCSSSheet(css `
|
|
|
108
111
|
position: absolute;
|
|
109
112
|
left: 0;
|
|
110
113
|
right: 0;
|
|
111
|
-
bottom: 0;
|
|
114
|
+
bottom: 0.5em;
|
|
112
115
|
display: flex;
|
|
113
116
|
justify-content: center;
|
|
114
|
-
margin-block: 1em;
|
|
115
117
|
}
|
|
116
118
|
.circle {
|
|
117
119
|
width: 0.5em;
|
|
@@ -120,7 +122,7 @@ const style = createCSSSheet(css `
|
|
|
120
122
|
.circle::before {
|
|
121
123
|
transform: scale(0.99);
|
|
122
124
|
content: '';
|
|
123
|
-
color: ${theme.
|
|
125
|
+
color: ${theme.highlightColor};
|
|
124
126
|
display: block;
|
|
125
127
|
aspect-ratio: 1;
|
|
126
128
|
border: 1px solid;
|
|
@@ -136,7 +138,7 @@ const style = createCSSSheet(css `
|
|
|
136
138
|
/**
|
|
137
139
|
* @customElement dy-carousel
|
|
138
140
|
*/
|
|
139
|
-
let DuoyunCarouselElement = class DuoyunCarouselElement extends GemElement {
|
|
141
|
+
let DuoyunCarouselElement = DuoyunCarouselElement_1 = class DuoyunCarouselElement extends GemElement {
|
|
140
142
|
constructor() {
|
|
141
143
|
super(...arguments);
|
|
142
144
|
_DuoyunCarouselElement_instances.add(this);
|
|
@@ -147,49 +149,27 @@ let DuoyunCarouselElement = class DuoyunCarouselElement extends GemElement {
|
|
|
147
149
|
_DuoyunCarouselElement_add.set(this, (direction) => {
|
|
148
150
|
const total = this.data.length;
|
|
149
151
|
this.setState({ currentIndex: (total + this.state.currentIndex + direction) % total, direction });
|
|
150
|
-
|
|
151
|
-
_DuoyunCarouselElement_jump.set(this, (index) => {
|
|
152
|
-
__classPrivateFieldGet(this, _DuoyunCarouselElement_clearTimer, "f").call(this);
|
|
153
|
-
__classPrivateFieldGet(this, _DuoyunCarouselElement_next, "f").call(this);
|
|
154
|
-
this.setState({ currentIndex: index, direction: 1 });
|
|
155
|
-
});
|
|
156
|
-
_DuoyunCarouselElement_onSwipe.set(this, ({ detail }) => {
|
|
157
|
-
__classPrivateFieldSet(this, _DuoyunCarouselElement_clickDisabled, true, "f");
|
|
158
|
-
setTimeout(() => (__classPrivateFieldSet(this, _DuoyunCarouselElement_clickDisabled, false, "f")));
|
|
159
|
-
__classPrivateFieldGet(this, _DuoyunCarouselElement_clearTimer, "f").call(this);
|
|
160
|
-
__classPrivateFieldGet(this, _DuoyunCarouselElement_next, "f").call(this);
|
|
161
|
-
switch (detail.direction) {
|
|
162
|
-
case 'left':
|
|
163
|
-
return __classPrivateFieldGet(this, _DuoyunCarouselElement_add, "f").call(this, 1);
|
|
164
|
-
case 'right':
|
|
165
|
-
return __classPrivateFieldGet(this, _DuoyunCarouselElement_add, "f").call(this, -1);
|
|
166
|
-
}
|
|
152
|
+
__classPrivateFieldGet(this, _DuoyunCarouselElement_reset, "f").call(this);
|
|
167
153
|
});
|
|
168
154
|
_DuoyunCarouselElement_timer.set(this, 0);
|
|
169
|
-
|
|
170
|
-
|
|
155
|
+
_DuoyunCarouselElement_reset.set(this, () => {
|
|
156
|
+
__classPrivateFieldGet(this, _DuoyunCarouselElement_clearTimer, "f").call(this);
|
|
171
157
|
__classPrivateFieldSet(this, _DuoyunCarouselElement_timer, window.setTimeout(() => {
|
|
172
158
|
__classPrivateFieldGet(this, _DuoyunCarouselElement_add, "f").call(this, 1);
|
|
173
|
-
|
|
159
|
+
this.change(this.state.currentIndex);
|
|
174
160
|
}, __classPrivateFieldGet(this, _DuoyunCarouselElement_instances, "a", _DuoyunCarouselElement_interval_get)), "f");
|
|
175
161
|
});
|
|
176
162
|
_DuoyunCarouselElement_clearTimer.set(this, () => clearTimeout(__classPrivateFieldGet(this, _DuoyunCarouselElement_timer, "f")));
|
|
177
|
-
_DuoyunCarouselElement_goLink.set(this, () => {
|
|
178
|
-
var _a;
|
|
179
|
-
if (__classPrivateFieldGet(this, _DuoyunCarouselElement_clickDisabled, "f"))
|
|
180
|
-
return;
|
|
181
|
-
(_a = this.currentLinkRef.element) === null || _a === void 0 ? void 0 : _a.click();
|
|
182
|
-
});
|
|
183
163
|
_DuoyunCarouselElement_pagevisibleChange.set(this, () => {
|
|
184
164
|
if (document.visibilityState === 'visible') {
|
|
185
|
-
__classPrivateFieldGet(this,
|
|
165
|
+
__classPrivateFieldGet(this, _DuoyunCarouselElement_reset, "f").call(this);
|
|
186
166
|
}
|
|
187
167
|
else {
|
|
188
168
|
__classPrivateFieldGet(this, _DuoyunCarouselElement_clearTimer, "f").call(this);
|
|
189
169
|
}
|
|
190
170
|
});
|
|
191
171
|
this.mounted = () => {
|
|
192
|
-
__classPrivateFieldGet(this,
|
|
172
|
+
__classPrivateFieldGet(this, _DuoyunCarouselElement_reset, "f").call(this);
|
|
193
173
|
document.addEventListener('visibilitychange', __classPrivateFieldGet(this, _DuoyunCarouselElement_pagevisibleChange, "f"));
|
|
194
174
|
return () => {
|
|
195
175
|
document.removeEventListener('visibilitychange', __classPrivateFieldGet(this, _DuoyunCarouselElement_pagevisibleChange, "f"));
|
|
@@ -200,65 +180,96 @@ let DuoyunCarouselElement = class DuoyunCarouselElement extends GemElement {
|
|
|
200
180
|
var _a, _b;
|
|
201
181
|
const { currentIndex, direction } = this.state;
|
|
202
182
|
return html `
|
|
203
|
-
<
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
>
|
|
215
|
-
|
|
216
|
-
<
|
|
217
|
-
${
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
183
|
+
<ul class="list" role="region">
|
|
184
|
+
${(_a = this.data) === null || _a === void 0 ? void 0 : _a.map(({ img, background, title, description, action, tag, onClick }, index) => html `
|
|
185
|
+
<li
|
|
186
|
+
class="item"
|
|
187
|
+
style=${styleMap({ background, '--direction': `${direction}` })}
|
|
188
|
+
?inert=${currentIndex !== index}
|
|
189
|
+
@click=${onClick}
|
|
190
|
+
>
|
|
191
|
+
<img part=${DuoyunCarouselElement_1.img} class="img" alt=${title} src=${img} />
|
|
192
|
+
<div class="content" part=${DuoyunCarouselElement_1.content}>
|
|
193
|
+
${tag ? html `<div class="tag">${tag}</div>` : ''}
|
|
194
|
+
<dy-heading part=${DuoyunCarouselElement_1.title} class="heading" lv="2">${title}</dy-heading>
|
|
195
|
+
<dy-more expandless>
|
|
196
|
+
<dy-paragraph part=${DuoyunCarouselElement_1.description} class="paragraph">
|
|
197
|
+
${description}
|
|
198
|
+
</dy-paragraph>
|
|
199
|
+
</dy-more>
|
|
200
|
+
${action
|
|
221
201
|
? html `
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
202
|
+
<dy-button
|
|
203
|
+
class="action"
|
|
204
|
+
@click=${(evt) => {
|
|
205
|
+
if (action.handle) {
|
|
206
|
+
evt.stopPropagation();
|
|
207
|
+
action.handle();
|
|
208
|
+
}
|
|
209
|
+
}}
|
|
210
|
+
>
|
|
211
|
+
${action.text}
|
|
212
|
+
<dy-use class="forward" .element=${icons.forward}></dy-use>
|
|
213
|
+
</dy-button>
|
|
214
|
+
`
|
|
227
215
|
: ''}
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
</dy-gesture>
|
|
234
|
-
<div class="nav">
|
|
216
|
+
</div>
|
|
217
|
+
</li>
|
|
218
|
+
`)}
|
|
219
|
+
</ul>
|
|
220
|
+
<div part=${DuoyunCarouselElement_1.nav} class="nav">
|
|
235
221
|
${(_b = this.data) === null || _b === void 0 ? void 0 : _b.map((_, index) => html `
|
|
236
222
|
<div
|
|
237
223
|
tabindex="0"
|
|
238
224
|
role="button"
|
|
239
225
|
@keydown=${commonHandle}
|
|
240
|
-
@click=${() =>
|
|
226
|
+
@click=${() => this.jump(index)}
|
|
241
227
|
class=${classMap({ circle: true, current: index === currentIndex })}
|
|
242
228
|
></div>
|
|
243
229
|
`)}
|
|
244
230
|
</div>
|
|
245
231
|
`;
|
|
246
232
|
};
|
|
233
|
+
this.next = () => {
|
|
234
|
+
__classPrivateFieldGet(this, _DuoyunCarouselElement_add, "f").call(this, 1);
|
|
235
|
+
};
|
|
236
|
+
this.prev = () => {
|
|
237
|
+
__classPrivateFieldGet(this, _DuoyunCarouselElement_add, "f").call(this, -1);
|
|
238
|
+
};
|
|
239
|
+
this.jump = (index) => {
|
|
240
|
+
this.setState({ currentIndex: index, direction: 1 });
|
|
241
|
+
__classPrivateFieldGet(this, _DuoyunCarouselElement_reset, "f").call(this);
|
|
242
|
+
};
|
|
247
243
|
}
|
|
248
244
|
};
|
|
249
|
-
_DuoyunCarouselElement_add = new WeakMap(),
|
|
245
|
+
_DuoyunCarouselElement_add = new WeakMap(), _DuoyunCarouselElement_timer = new WeakMap(), _DuoyunCarouselElement_reset = new WeakMap(), _DuoyunCarouselElement_clearTimer = new WeakMap(), _DuoyunCarouselElement_pagevisibleChange = new WeakMap(), _DuoyunCarouselElement_instances = new WeakSet(), _DuoyunCarouselElement_interval_get = function _DuoyunCarouselElement_interval_get() {
|
|
250
246
|
return this.interval || 3000;
|
|
251
247
|
};
|
|
252
248
|
__decorate([
|
|
253
249
|
numattribute
|
|
254
250
|
], DuoyunCarouselElement.prototype, "interval", void 0);
|
|
255
251
|
__decorate([
|
|
256
|
-
|
|
257
|
-
], DuoyunCarouselElement.prototype, "
|
|
252
|
+
emitter
|
|
253
|
+
], DuoyunCarouselElement.prototype, "change", void 0);
|
|
258
254
|
__decorate([
|
|
259
255
|
property
|
|
260
256
|
], DuoyunCarouselElement.prototype, "data", void 0);
|
|
261
|
-
|
|
257
|
+
__decorate([
|
|
258
|
+
part
|
|
259
|
+
], DuoyunCarouselElement, "img", void 0);
|
|
260
|
+
__decorate([
|
|
261
|
+
part
|
|
262
|
+
], DuoyunCarouselElement, "title", void 0);
|
|
263
|
+
__decorate([
|
|
264
|
+
part
|
|
265
|
+
], DuoyunCarouselElement, "content", void 0);
|
|
266
|
+
__decorate([
|
|
267
|
+
part
|
|
268
|
+
], DuoyunCarouselElement, "description", void 0);
|
|
269
|
+
__decorate([
|
|
270
|
+
part
|
|
271
|
+
], DuoyunCarouselElement, "nav", void 0);
|
|
272
|
+
DuoyunCarouselElement = DuoyunCarouselElement_1 = __decorate([
|
|
262
273
|
customElement('dy-carousel'),
|
|
263
274
|
adoptedStyle(style),
|
|
264
275
|
adoptedStyle(focusStyle)
|
package/elements/carousel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../src/elements/carousel.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../src/elements/carousel.ts"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ const style = createCSSSheet(css `
|
|
|
34
34
|
padding: 0.75em;
|
|
35
35
|
color: ${theme.textColor};
|
|
36
36
|
background-color: ${theme.backgroundColor};
|
|
37
|
-
border-radius:
|
|
37
|
+
border-radius: calc(${theme.normalRound} * 3);
|
|
38
38
|
box-shadow: 0 0.5em 2em rgba(0, 0, 0, calc(${theme.maskAlpha} - 0.1));
|
|
39
39
|
}
|
|
40
40
|
.item {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart-tooltip.js","sourceRoot":"","sources":["../src/elements/chart-tooltip.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;eAGjB,KAAK,CAAC,WAAW;;;;;;;;;;;;;;aAcnB,KAAK,CAAC,SAAS;wBACJ,KAAK,CAAC,eAAe
|
|
1
|
+
{"version":3,"file":"chart-tooltip.js","sourceRoot":"","sources":["../src/elements/chart-tooltip.ts"],"names":[],"mappings":"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"}
|
package/elements/copy.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Emitter } from '@mantou/gem/lib/decorators';
|
|
1
2
|
import { GemElement } from '@mantou/gem/lib/element';
|
|
2
3
|
import './use';
|
|
3
4
|
import '../elements/tooltip';
|
|
@@ -13,6 +14,7 @@ export declare class DuoyunCopyElement extends GemElement<State> {
|
|
|
13
14
|
block: boolean;
|
|
14
15
|
tooltip: string;
|
|
15
16
|
content?: string;
|
|
17
|
+
copy: Emitter<boolean>;
|
|
16
18
|
state: State;
|
|
17
19
|
render: () => import("lit-html/lib/template-result").TemplateResult;
|
|
18
20
|
}
|
package/elements/copy.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../src/elements/copy.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../src/elements/copy.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,OAAO,EACR,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAS3D,OAAO,OAAO,CAAC;AACf,OAAO,qBAAqB,CAAC;AA4D7B,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,qBAGa,iBAAkB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAEjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAEhC,KAAK,EAAE,KAAK,CAEV;IAiCF,MAAM,8DAwBJ;CACH"}
|