duoyun-ui 0.0.25 → 0.0.29
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/bar-chart.d.ts +1 -1
- package/elements/bar-chart.d.ts.map +1 -1
- package/elements/bar-chart.js +37 -33
- package/elements/bar-chart.js.map +1 -1
- package/elements/button.d.ts.map +1 -1
- package/elements/button.js +2 -1
- package/elements/button.js.map +1 -1
- package/elements/carousel.d.ts +18 -10
- package/elements/carousel.d.ts.map +1 -1
- package/elements/carousel.js +89 -80
- 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/donut-chart.d.ts.map +1 -1
- package/elements/donut-chart.js +3 -2
- package/elements/donut-chart.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/form.d.ts.map +1 -1
- package/elements/form.js +1 -0
- package/elements/form.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/input.d.ts +2 -0
- package/elements/input.d.ts.map +1 -1
- package/elements/input.js +5 -0
- package/elements/input.js.map +1 -1
- package/elements/line-chart.d.ts.map +1 -1
- package/elements/line-chart.js +12 -11
- package/elements/line-chart.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/styles.d.ts.map +1 -1
- package/lib/styles.js +4 -0
- package/lib/styles.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/lib/utils.d.ts +5 -0
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +22 -1
- package/lib/utils.js.map +1 -1
- package/package.json +4 -4
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/bar-chart.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export declare class DuoyunBarChartElement extends DuoyunChartBaseElement {
|
|
|
15
15
|
xAxi: {
|
|
16
16
|
formatter: (v: number | null) => string;
|
|
17
17
|
};
|
|
18
|
-
onMouseMove: (index: number, evt: MouseEvent, sort: boolean) => void;
|
|
18
|
+
onMouseMove: (index: number, evt: MouseEvent, sort: boolean, seqIndex?: number) => void;
|
|
19
19
|
onMouseOut: () => void;
|
|
20
20
|
willMount: () => void;
|
|
21
21
|
render: () => import("lit-html/lib/template-result").TemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../src/elements/bar-chart.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../src/elements/bar-chart.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAGtD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CAC3B;AAYD;;GAEG;AACH,qBAEa,qBAAsB,SAAQ,sBAAsB;;IACrD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,SAAK;IACX,KAAK,UAAS;IACd,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IAEjC,IAAI;uBACa,MAAM,GAAG,IAAI;MAC5B;IAIF,WAAW,UAAW,MAAM,OAAO,UAAU,QAAQ,OAAO,6BA+B1D;IAEF,UAAU,aAER;IAEF,SAAS,aAyBP;IAEF,MAAM,8DAuDJ;CACH"}
|
package/elements/bar-chart.js
CHANGED
|
@@ -16,11 +16,21 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
16
16
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
17
17
|
};
|
|
18
18
|
var _DuoyunBarChartElement_stackSequences;
|
|
19
|
-
import { customElement, property } from '@mantou/gem/lib/decorators';
|
|
19
|
+
import { customElement, property, adoptedStyle } from '@mantou/gem/lib/decorators';
|
|
20
20
|
import { html, svg } from '@mantou/gem/lib/element';
|
|
21
|
+
import { css, createCSSSheet } from '@mantou/gem/lib/utils';
|
|
21
22
|
import { theme } from '../lib/theme';
|
|
22
23
|
import { DuoyunChartBaseElement } from './base/chart';
|
|
23
24
|
import { ChartTooltip } from './chart-tooltip';
|
|
25
|
+
const style = createCSSSheet(css `
|
|
26
|
+
.serie:hover .rect {
|
|
27
|
+
fill: ${theme.hoverBackgroundColor};
|
|
28
|
+
opacity: 0.2;
|
|
29
|
+
}
|
|
30
|
+
.bar:hover {
|
|
31
|
+
filter: brightness(1.05);
|
|
32
|
+
}
|
|
33
|
+
`);
|
|
24
34
|
/**
|
|
25
35
|
* @customElement dy-bar-chart
|
|
26
36
|
*/
|
|
@@ -33,7 +43,7 @@ let DuoyunBarChartElement = class DuoyunBarChartElement extends DuoyunChartBaseE
|
|
|
33
43
|
formatter: (v) => { var _a; return ((_a = this.series) === null || _a === void 0 ? void 0 : _a[Number(v) - 1]) || ''; },
|
|
34
44
|
};
|
|
35
45
|
_DuoyunBarChartElement_stackSequences.set(this, void 0);
|
|
36
|
-
this.onMouseMove = (index, evt, sort) => {
|
|
46
|
+
this.onMouseMove = (index, evt, sort, seqIndex = -1) => {
|
|
37
47
|
var _a, _b, _c, _d, _e;
|
|
38
48
|
let values = (_a = this.sequences) === null || _a === void 0 ? void 0 : _a.map(({ values, label }, i) => {
|
|
39
49
|
var _a, _b;
|
|
@@ -42,6 +52,7 @@ let DuoyunBarChartElement = class DuoyunBarChartElement extends DuoyunChartBaseE
|
|
|
42
52
|
value: ((_b = (_a = this.yAxi) === null || _a === void 0 ? void 0 : _a.formatter) === null || _b === void 0 ? void 0 : _b.call(_a, values[index], 0)) || String(values[index]),
|
|
43
53
|
color: this.colors[i],
|
|
44
54
|
originValue: values[index],
|
|
55
|
+
highlight: seqIndex === i,
|
|
45
56
|
};
|
|
46
57
|
});
|
|
47
58
|
if (this.stack) {
|
|
@@ -106,44 +117,36 @@ let DuoyunBarChartElement = class DuoyunBarChartElement extends DuoyunChartBaseE
|
|
|
106
117
|
if (!this.contentRect.width || !this.sequences || !this.series)
|
|
107
118
|
return html ``;
|
|
108
119
|
return html `
|
|
109
|
-
<style>
|
|
110
|
-
.hover:hover {
|
|
111
|
-
fill: ${theme.hoverBackgroundColor};
|
|
112
|
-
opacity: 0.2;
|
|
113
|
-
}
|
|
114
|
-
.bar {
|
|
115
|
-
pointer-events: none;
|
|
116
|
-
}
|
|
117
|
-
</style>
|
|
118
120
|
${svg `
|
|
119
121
|
<svg aria-hidden="true" part=${DuoyunChartBaseElement.chart} xmlns="http://www.w3.org/2000/svg" viewBox=${this.viewBox.join(' ')}>
|
|
120
122
|
${this.renderXAxi({ centerLabel: true })}
|
|
121
123
|
${this.renderYAxi()}
|
|
122
124
|
${this.series.map((_value, i, _, width = 1) => svg `
|
|
123
|
-
<
|
|
124
|
-
@mousemove=${(evt) => this.onMouseMove(i, evt, false)}
|
|
125
|
-
@mouseout=${this.onMouseOut}
|
|
126
|
-
@click=${() => this.indexclick(i)}
|
|
127
|
-
class="hover"
|
|
128
|
-
fill="transparent"
|
|
129
|
-
x=${(i + 0.5 - width / 2) / this.xAxiUnit}
|
|
130
|
-
y=${0}
|
|
131
|
-
width=${width / this.xAxiUnit}
|
|
132
|
-
height=${this.stageHeight}
|
|
133
|
-
/>
|
|
134
|
-
`)}
|
|
135
|
-
${this.sequences.map(({ values }, index, arr, total = 0.6, width = this.stack ? total : total / arr.length - this.gutter * (arr.length - 1), offsetX = this.stack ? 0 : index * (this.gutter + width)) => values.map((value, i, _, height = (value || 0) - this.yAxiMin, offsetY = this.stack
|
|
136
|
-
? (__classPrivateFieldGet(this, _DuoyunBarChartElement_stackSequences, "f")[index - 1] ? __classPrivateFieldGet(this, _DuoyunBarChartElement_stackSequences, "f")[index - 1][i] : 0) - this.yAxiMin
|
|
137
|
-
: 0) => svg `
|
|
125
|
+
<g class="serie" @click=${() => this.indexclick(i)} @pointerout=${this.onMouseOut}>
|
|
138
126
|
<rect
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
127
|
+
@pointermove=${(evt) => this.onMouseMove(i, evt, false)}
|
|
128
|
+
class="rect"
|
|
129
|
+
fill="transparent"
|
|
130
|
+
x=${(i + 0.5 - width / 2) / this.xAxiUnit}
|
|
131
|
+
y=${0}
|
|
143
132
|
width=${width / this.xAxiUnit}
|
|
144
|
-
height=${
|
|
133
|
+
height=${this.stageHeight}
|
|
145
134
|
/>
|
|
146
|
-
|
|
135
|
+
${this.sequences.map(({ values }, index, sequences, value = values[i], total = 0.6, height = (value || 0) - this.yAxiMin, seqWidth = this.stack ? total : (total - this.gutter * (sequences.length - 1)) / sequences.length, offsetX = this.stack ? 0 : index * (this.gutter + seqWidth), offsetY = this.stack
|
|
136
|
+
? (__classPrivateFieldGet(this, _DuoyunBarChartElement_stackSequences, "f")[index - 1] ? __classPrivateFieldGet(this, _DuoyunBarChartElement_stackSequences, "f")[index - 1][i] : 0) - this.yAxiMin
|
|
137
|
+
: 0) => svg `
|
|
138
|
+
<rect
|
|
139
|
+
@pointermove=${(evt) => this.onMouseMove(i, evt, false, index)}
|
|
140
|
+
class="bar"
|
|
141
|
+
fill=${this.colors[index]}
|
|
142
|
+
x=${(i + (1 - total) / 2 + offsetX) / this.xAxiUnit}
|
|
143
|
+
y=${this.stageHeight - (height + offsetY) / this.yAxiUnit}
|
|
144
|
+
width=${seqWidth / this.xAxiUnit}
|
|
145
|
+
height=${height / this.yAxiUnit}
|
|
146
|
+
/>
|
|
147
|
+
`)}
|
|
148
|
+
</g>
|
|
149
|
+
`)}
|
|
147
150
|
${this.renderMarkLines()}
|
|
148
151
|
</svg>
|
|
149
152
|
`}
|
|
@@ -165,7 +168,8 @@ __decorate([
|
|
|
165
168
|
property
|
|
166
169
|
], DuoyunBarChartElement.prototype, "sequences", void 0);
|
|
167
170
|
DuoyunBarChartElement = __decorate([
|
|
168
|
-
customElement('dy-bar-chart')
|
|
171
|
+
customElement('dy-bar-chart'),
|
|
172
|
+
adoptedStyle(style)
|
|
169
173
|
], DuoyunBarChartElement);
|
|
170
174
|
export { DuoyunBarChartElement };
|
|
171
175
|
//# sourceMappingURL=bar-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../src/elements/bar-chart.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../src/elements/bar-chart.ts"],"names":[],"mappings":"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"}
|
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,QAAQ,EAAe,MAAM,QAAQ,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,QAAQ,EAAe,MAAM,QAAQ,CAAC;AAuF/C;;;;;;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,QAAQ,EAAE,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC7B,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;IACzC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAE1C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC;;IAuC9B,MAAM,8DA6CJ;IAEF,KAAK,aAEH;CACH"}
|
package/elements/button.js
CHANGED
|
@@ -44,6 +44,7 @@ const style = createCSSSheet(css `
|
|
|
44
44
|
border: 1px solid var(--bg);
|
|
45
45
|
}
|
|
46
46
|
.content {
|
|
47
|
+
flex-grow: 1;
|
|
47
48
|
display: flex;
|
|
48
49
|
align-items: center;
|
|
49
50
|
justify-content: center;
|
|
@@ -195,7 +196,7 @@ let DuoyunButtonElement = DuoyunButtonElement_1 = class DuoyunButtonElement exte
|
|
|
195
196
|
}
|
|
196
197
|
};
|
|
197
198
|
_DuoyunButtonElement_onClickDropdown = new WeakMap(), _DuoyunButtonElement_instances = new WeakSet(), _DuoyunButtonElement_color_get = function _DuoyunButtonElement_color_get() {
|
|
198
|
-
return getSemanticColor(this.color) || theme.primaryColor;
|
|
199
|
+
return getSemanticColor(this.color) || this.color || theme.primaryColor;
|
|
199
200
|
};
|
|
200
201
|
__decorate([
|
|
201
202
|
attribute
|
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,EAAY,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE/C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;eAKjB,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/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,19 @@ 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 description: string;
|
|
32
|
+
static nav: string;
|
|
28
33
|
interval: number;
|
|
29
|
-
|
|
34
|
+
change: Emitter<number>;
|
|
30
35
|
data?: Item[];
|
|
31
36
|
state: State;
|
|
32
37
|
mounted: () => () => void;
|
|
33
|
-
render: () =>
|
|
38
|
+
render: () => TemplateResult;
|
|
39
|
+
next: () => void;
|
|
40
|
+
prev: () => void;
|
|
41
|
+
jump: (index: number) => void;
|
|
34
42
|
}
|
|
35
43
|
export {};
|
|
36
44
|
//# 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;AA8GhB,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,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"}
|