duoyun-ui 0.0.2
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/LICENSE +21 -0
- package/README.md +12 -0
- package/docs/.gitignore +4 -0
- package/docs/104.bundle.js +19 -0
- package/docs/283.bundle.js +47 -0
- package/docs/354.bundle.js +1133 -0
- package/docs/354.bundle.js.LICENSE.txt +13 -0
- package/docs/587.bundle.js +26 -0
- package/docs/810.bundle.js +1 -0
- package/docs/gem-book.json +84 -0
- package/docs/index.html +1 -0
- package/docs/main.bundle.js +1 -0
- package/docs/robots.txt +2 -0
- package/docs/service-worker.js +1 -0
- package/docs/workbox-62d1f9d5.js +1 -0
- package/elements/action-text.d.ts +12 -0
- package/elements/action-text.d.ts.map +1 -0
- package/elements/action-text.js +63 -0
- package/elements/action-text.js.map +1 -0
- package/elements/area-chart.d.ts +35 -0
- package/elements/area-chart.d.ts.map +1 -0
- package/elements/area-chart.js +408 -0
- package/elements/area-chart.js.map +1 -0
- package/elements/avatar.d.ts +42 -0
- package/elements/avatar.d.ts.map +1 -0
- package/elements/avatar.js +190 -0
- package/elements/avatar.js.map +1 -0
- package/elements/banner.d.ts +21 -0
- package/elements/banner.d.ts.map +1 -0
- package/elements/banner.js +136 -0
- package/elements/banner.js.map +1 -0
- package/elements/bar-chart.d.ts +23 -0
- package/elements/bar-chart.d.ts.map +1 -0
- package/elements/bar-chart.js +170 -0
- package/elements/bar-chart.js.map +1 -0
- package/elements/base/chart.d.ts +74 -0
- package/elements/base/chart.d.ts.map +1 -0
- package/elements/base/chart.js +299 -0
- package/elements/base/chart.js.map +1 -0
- package/elements/base/loadable.d.ts +16 -0
- package/elements/base/loadable.d.ts.map +1 -0
- package/elements/base/loadable.js +77 -0
- package/elements/base/loadable.js.map +1 -0
- package/elements/base/resize.d.ts +15 -0
- package/elements/base/resize.d.ts.map +1 -0
- package/elements/base/resize.js +31 -0
- package/elements/base/resize.js.map +1 -0
- package/elements/base/scroll.d.ts +11 -0
- package/elements/base/scroll.d.ts.map +1 -0
- package/elements/base/scroll.js +90 -0
- package/elements/base/scroll.js.map +1 -0
- package/elements/base/visible.d.ts +12 -0
- package/elements/base/visible.d.ts.map +1 -0
- package/elements/base/visible.js +37 -0
- package/elements/base/visible.js.map +1 -0
- package/elements/breadcrumbs.d.ts +20 -0
- package/elements/breadcrumbs.d.ts.map +1 -0
- package/elements/breadcrumbs.js +88 -0
- package/elements/breadcrumbs.js.map +1 -0
- package/elements/button.d.ts +30 -0
- package/elements/button.d.ts.map +1 -0
- package/elements/button.js +225 -0
- package/elements/button.js.map +1 -0
- package/elements/card.d.ts +26 -0
- package/elements/card.d.ts.map +1 -0
- package/elements/card.js +163 -0
- package/elements/card.js.map +1 -0
- package/elements/cascader-pick.d.ts +22 -0
- package/elements/cascader-pick.d.ts.map +1 -0
- package/elements/cascader-pick.js +172 -0
- package/elements/cascader-pick.js.map +1 -0
- package/elements/cascader.d.ts +29 -0
- package/elements/cascader.d.ts.map +1 -0
- package/elements/cascader.js +247 -0
- package/elements/cascader.js.map +1 -0
- package/elements/chart-tooltip.d.ts +29 -0
- package/elements/chart-tooltip.d.ts.map +1 -0
- package/elements/chart-tooltip.js +150 -0
- package/elements/chart-tooltip.js.map +1 -0
- package/elements/chart-zoom.d.ts +20 -0
- package/elements/chart-zoom.d.ts.map +1 -0
- package/elements/chart-zoom.js +207 -0
- package/elements/chart-zoom.js.map +1 -0
- package/elements/checkbox.d.ts +20 -0
- package/elements/checkbox.d.ts.map +1 -0
- package/elements/checkbox.js +108 -0
- package/elements/checkbox.js.map +1 -0
- package/elements/coach-mark.d.ts +39 -0
- package/elements/coach-mark.d.ts.map +1 -0
- package/elements/coach-mark.js +212 -0
- package/elements/coach-mark.js.map +1 -0
- package/elements/code-block.d.ts +14 -0
- package/elements/code-block.d.ts.map +1 -0
- package/elements/code-block.js +427 -0
- package/elements/code-block.js.map +1 -0
- package/elements/collapse.d.ts +22 -0
- package/elements/collapse.d.ts.map +1 -0
- package/elements/collapse.js +111 -0
- package/elements/collapse.js.map +1 -0
- package/elements/color-panel.d.ts +30 -0
- package/elements/color-panel.d.ts.map +1 -0
- package/elements/color-panel.js +383 -0
- package/elements/color-panel.js.map +1 -0
- package/elements/color-pick.d.ts +14 -0
- package/elements/color-pick.d.ts.map +1 -0
- package/elements/color-pick.js +81 -0
- package/elements/color-pick.js.map +1 -0
- package/elements/compartment.d.ts +9 -0
- package/elements/compartment.d.ts.map +1 -0
- package/elements/compartment.js +32 -0
- package/elements/compartment.js.map +1 -0
- package/elements/copy.d.ts +20 -0
- package/elements/copy.d.ts.map +1 -0
- package/elements/copy.js +160 -0
- package/elements/copy.js.map +1 -0
- package/elements/date-panel.d.ts +29 -0
- package/elements/date-panel.d.ts.map +1 -0
- package/elements/date-panel.js +220 -0
- package/elements/date-panel.js.map +1 -0
- package/elements/date-pick.d.ts +23 -0
- package/elements/date-pick.d.ts.map +1 -0
- package/elements/date-pick.js +107 -0
- package/elements/date-pick.js.map +1 -0
- package/elements/date-range-panel.d.ts +28 -0
- package/elements/date-range-panel.d.ts.map +1 -0
- package/elements/date-range-panel.js +154 -0
- package/elements/date-range-panel.js.map +1 -0
- package/elements/date-range-pick.d.ts +26 -0
- package/elements/date-range-pick.d.ts.map +1 -0
- package/elements/date-range-pick.js +159 -0
- package/elements/date-range-pick.js.map +1 -0
- package/elements/divider.d.ts +15 -0
- package/elements/divider.d.ts.map +1 -0
- package/elements/divider.js +95 -0
- package/elements/divider.js.map +1 -0
- package/elements/donut-chart.d.ts +19 -0
- package/elements/donut-chart.d.ts.map +1 -0
- package/elements/donut-chart.js +140 -0
- package/elements/donut-chart.js.map +1 -0
- package/elements/drawer.d.ts +9 -0
- package/elements/drawer.d.ts.map +1 -0
- package/elements/drawer.js +45 -0
- package/elements/drawer.js.map +1 -0
- package/elements/drop-area.d.ts +18 -0
- package/elements/drop-area.d.ts.map +1 -0
- package/elements/drop-area.js +155 -0
- package/elements/drop-area.js.map +1 -0
- package/elements/empty.d.ts +8 -0
- package/elements/empty.d.ts.map +1 -0
- package/elements/empty.js +33 -0
- package/elements/empty.js.map +1 -0
- package/elements/file-pick.d.ts +28 -0
- package/elements/file-pick.d.ts.map +1 -0
- package/elements/file-pick.js +226 -0
- package/elements/file-pick.js.map +1 -0
- package/elements/form.d.ts +76 -0
- package/elements/form.d.ts.map +1 -0
- package/elements/form.js +372 -0
- package/elements/form.js.map +1 -0
- package/elements/heading.d.ts +13 -0
- package/elements/heading.d.ts.map +1 -0
- package/elements/heading.js +88 -0
- package/elements/heading.js.map +1 -0
- package/elements/help-text.d.ts +11 -0
- package/elements/help-text.d.ts.map +1 -0
- package/elements/help-text.js +53 -0
- package/elements/help-text.js.map +1 -0
- package/elements/icons.d.ts +10 -0
- package/elements/icons.d.ts.map +1 -0
- package/elements/icons.js +71 -0
- package/elements/icons.js.map +1 -0
- package/elements/image-preview.d.ts +26 -0
- package/elements/image-preview.d.ts.map +1 -0
- package/elements/image-preview.js +172 -0
- package/elements/image-preview.js.map +1 -0
- package/elements/input-capture.d.ts +17 -0
- package/elements/input-capture.d.ts.map +1 -0
- package/elements/input-capture.js +111 -0
- package/elements/input-capture.js.map +1 -0
- package/elements/input.d.ts +51 -0
- package/elements/input.d.ts.map +1 -0
- package/elements/input.js +372 -0
- package/elements/input.js.map +1 -0
- package/elements/keyboard-access.d.ts +26 -0
- package/elements/keyboard-access.d.ts.map +1 -0
- package/elements/keyboard-access.js +217 -0
- package/elements/keyboard-access.js.map +1 -0
- package/elements/legend.d.ts +21 -0
- package/elements/legend.d.ts.map +1 -0
- package/elements/legend.js +118 -0
- package/elements/legend.js.map +1 -0
- package/elements/line-chart.d.ts +9 -0
- package/elements/line-chart.d.ts.map +1 -0
- package/elements/line-chart.js +116 -0
- package/elements/line-chart.js.map +1 -0
- package/elements/link.d.ts +14 -0
- package/elements/link.d.ts.map +1 -0
- package/elements/link.js +46 -0
- package/elements/link.js.map +1 -0
- package/elements/list.d.ts +30 -0
- package/elements/list.d.ts.map +1 -0
- package/elements/list.js +114 -0
- package/elements/list.js.map +1 -0
- package/elements/loading.d.ts +9 -0
- package/elements/loading.d.ts.map +1 -0
- package/elements/loading.js +44 -0
- package/elements/loading.js.map +1 -0
- package/elements/map.d.ts +68 -0
- package/elements/map.d.ts.map +1 -0
- package/elements/map.js +323 -0
- package/elements/map.js.map +1 -0
- package/elements/menu.d.ts +58 -0
- package/elements/menu.d.ts.map +1 -0
- package/elements/menu.js +256 -0
- package/elements/menu.js.map +1 -0
- package/elements/meter.d.ts +20 -0
- package/elements/meter.d.ts.map +1 -0
- package/elements/meter.js +130 -0
- package/elements/meter.js.map +1 -0
- package/elements/modal.d.ts +46 -0
- package/elements/modal.d.ts.map +1 -0
- package/elements/modal.js +296 -0
- package/elements/modal.js.map +1 -0
- package/elements/more.d.ts +28 -0
- package/elements/more.d.ts.map +1 -0
- package/elements/more.js +118 -0
- package/elements/more.js.map +1 -0
- package/elements/options.d.ts +34 -0
- package/elements/options.d.ts.map +1 -0
- package/elements/options.js +174 -0
- package/elements/options.js.map +1 -0
- package/elements/page-loadbar.d.ts +20 -0
- package/elements/page-loadbar.d.ts.map +1 -0
- package/elements/page-loadbar.js +85 -0
- package/elements/page-loadbar.js.map +1 -0
- package/elements/pagination.d.ts +23 -0
- package/elements/pagination.d.ts.map +1 -0
- package/elements/pagination.js +221 -0
- package/elements/pagination.js.map +1 -0
- package/elements/paragraph.d.ts +8 -0
- package/elements/paragraph.d.ts.map +1 -0
- package/elements/paragraph.js +60 -0
- package/elements/paragraph.js.map +1 -0
- package/elements/pick.d.ts +34 -0
- package/elements/pick.d.ts.map +1 -0
- package/elements/pick.js +168 -0
- package/elements/pick.js.map +1 -0
- package/elements/placeholder.d.ts +23 -0
- package/elements/placeholder.d.ts.map +1 -0
- package/elements/placeholder.js +93 -0
- package/elements/placeholder.js.map +1 -0
- package/elements/popover.d.ts +54 -0
- package/elements/popover.d.ts.map +1 -0
- package/elements/popover.js +316 -0
- package/elements/popover.js.map +1 -0
- package/elements/progress.d.ts +12 -0
- package/elements/progress.d.ts.map +1 -0
- package/elements/progress.js +45 -0
- package/elements/progress.js.map +1 -0
- package/elements/radio.d.ts +34 -0
- package/elements/radio.d.ts.map +1 -0
- package/elements/radio.js +152 -0
- package/elements/radio.js.map +1 -0
- package/elements/rating.d.ts +15 -0
- package/elements/rating.d.ts.map +1 -0
- package/elements/rating.js +122 -0
- package/elements/rating.js.map +1 -0
- package/elements/scatter-chart.d.ts +13 -0
- package/elements/scatter-chart.d.ts.map +1 -0
- package/elements/scatter-chart.js +151 -0
- package/elements/scatter-chart.js.map +1 -0
- package/elements/select.d.ts +63 -0
- package/elements/select.d.ts.map +1 -0
- package/elements/select.js +416 -0
- package/elements/select.js.map +1 -0
- package/elements/shortcut-record.d.ts +19 -0
- package/elements/shortcut-record.d.ts.map +1 -0
- package/elements/shortcut-record.js +127 -0
- package/elements/shortcut-record.js.map +1 -0
- package/elements/side-navigation.d.ts +31 -0
- package/elements/side-navigation.d.ts.map +1 -0
- package/elements/side-navigation.js +137 -0
- package/elements/side-navigation.js.map +1 -0
- package/elements/slider.d.ts +27 -0
- package/elements/slider.d.ts.map +1 -0
- package/elements/slider.js +219 -0
- package/elements/slider.js.map +1 -0
- package/elements/space.d.ts +10 -0
- package/elements/space.d.ts.map +1 -0
- package/elements/space.js +35 -0
- package/elements/space.js.map +1 -0
- package/elements/statistic.d.ts +24 -0
- package/elements/statistic.d.ts.map +1 -0
- package/elements/statistic.js +116 -0
- package/elements/statistic.js.map +1 -0
- package/elements/status-light.d.ts +14 -0
- package/elements/status-light.d.ts.map +1 -0
- package/elements/status-light.js +75 -0
- package/elements/status-light.js.map +1 -0
- package/elements/switch.d.ts +18 -0
- package/elements/switch.d.ts.map +1 -0
- package/elements/switch.js +117 -0
- package/elements/switch.js.map +1 -0
- package/elements/table.d.ts +36 -0
- package/elements/table.d.ts.map +1 -0
- package/elements/table.js +268 -0
- package/elements/table.js.map +1 -0
- package/elements/tabs.d.ts +29 -0
- package/elements/tabs.d.ts.map +1 -0
- package/elements/tabs.js +130 -0
- package/elements/tabs.js.map +1 -0
- package/elements/tag.d.ts +20 -0
- package/elements/tag.d.ts.map +1 -0
- package/elements/tag.js +120 -0
- package/elements/tag.js.map +1 -0
- package/elements/timeline.d.ts +19 -0
- package/elements/timeline.d.ts.map +1 -0
- package/elements/timeline.js +92 -0
- package/elements/timeline.js.map +1 -0
- package/elements/toast.d.ts +26 -0
- package/elements/toast.d.ts.map +1 -0
- package/elements/toast.js +149 -0
- package/elements/toast.js.map +1 -0
- package/elements/tooltip.d.ts +12 -0
- package/elements/tooltip.d.ts.map +1 -0
- package/elements/tooltip.js +27 -0
- package/elements/tooltip.js.map +1 -0
- package/elements/tree.d.ts +48 -0
- package/elements/tree.d.ts.map +1 -0
- package/elements/tree.js +231 -0
- package/elements/tree.js.map +1 -0
- package/elements/wait.d.ts +19 -0
- package/elements/wait.d.ts.map +1 -0
- package/elements/wait.js +97 -0
- package/elements/wait.js.map +1 -0
- package/lib/animations.d.ts +4 -0
- package/lib/animations.d.ts.map +1 -0
- package/lib/animations.js +8 -0
- package/lib/animations.js.map +1 -0
- package/lib/cache.d.ts +12 -0
- package/lib/cache.d.ts.map +1 -0
- package/lib/cache.js +56 -0
- package/lib/cache.js.map +1 -0
- package/lib/color.d.ts +37 -0
- package/lib/color.d.ts.map +1 -0
- package/lib/color.js +101 -0
- package/lib/color.js.map +1 -0
- package/lib/hotkeys.d.ts +31 -0
- package/lib/hotkeys.d.ts.map +1 -0
- package/lib/hotkeys.js +207 -0
- package/lib/hotkeys.js.map +1 -0
- package/lib/icons.d.ts +90 -0
- package/lib/icons.d.ts.map +1 -0
- package/lib/icons.js +81 -0
- package/lib/icons.js.map +1 -0
- package/lib/image.d.ts +29 -0
- package/lib/image.d.ts.map +1 -0
- package/lib/image.js +140 -0
- package/lib/image.js.map +1 -0
- package/lib/locale.d.ts +37 -0
- package/lib/locale.d.ts.map +1 -0
- package/lib/locale.js +14 -0
- package/lib/locale.js.map +1 -0
- package/lib/number.d.ts +80 -0
- package/lib/number.d.ts.map +1 -0
- package/lib/number.js +144 -0
- package/lib/number.js.map +1 -0
- package/lib/theme.d.ts +67 -0
- package/lib/theme.d.ts.map +1 -0
- package/lib/theme.js +56 -0
- package/lib/theme.js.map +1 -0
- package/lib/time.d.ts +58 -0
- package/lib/time.d.ts.map +1 -0
- package/lib/time.js +225 -0
- package/lib/time.js.map +1 -0
- package/lib/types.d.ts +8 -0
- package/lib/types.d.ts.map +1 -0
- package/lib/types.js +17 -0
- package/lib/types.js.map +1 -0
- package/lib/utils.d.ts +37 -0
- package/lib/utils.d.ts.map +1 -0
- package/lib/utils.js +249 -0
- package/lib/utils.js.map +1 -0
- package/locales/en.d.ts +34 -0
- package/locales/en.d.ts.map +1 -0
- package/locales/en.js +33 -0
- package/locales/en.js.map +1 -0
- package/locales/zh.d.ts +4 -0
- package/locales/zh.d.ts.map +1 -0
- package/locales/zh.js +34 -0
- package/locales/zh.js.map +1 -0
- package/package.json +39 -0
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
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 _DuoyunAvatarGroupElement_instances, _DuoyunAvatarGroupElement_max_get, _DuoyunAvatarGroupElement_renderAvatar;
|
|
13
|
+
import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute, property, boolattribute, numattribute, } from '@mantou/gem';
|
|
14
|
+
import { theme } from '../lib/theme';
|
|
15
|
+
import { getStatusColor } from './status-light';
|
|
16
|
+
import './tooltip';
|
|
17
|
+
const style = createCSSSheet(css `
|
|
18
|
+
:host {
|
|
19
|
+
cursor: default;
|
|
20
|
+
display: inline-block;
|
|
21
|
+
position: relative;
|
|
22
|
+
width: 2.4em;
|
|
23
|
+
aspect-ratio: 1;
|
|
24
|
+
--offset: 14.645%;
|
|
25
|
+
--radius: 100em;
|
|
26
|
+
--size: 0.6em;
|
|
27
|
+
--mask: calc(var(--size) / 2 + 0.07em);
|
|
28
|
+
}
|
|
29
|
+
:host([square]) {
|
|
30
|
+
--offset: 0%;
|
|
31
|
+
--radius: ${theme.smallRound};
|
|
32
|
+
}
|
|
33
|
+
:host([size='small']) {
|
|
34
|
+
width: 1.6em;
|
|
35
|
+
}
|
|
36
|
+
:host([size='large']) {
|
|
37
|
+
width: 3.8em;
|
|
38
|
+
}
|
|
39
|
+
.content {
|
|
40
|
+
position: absolute;
|
|
41
|
+
inset: 0;
|
|
42
|
+
display: flex;
|
|
43
|
+
justify-content: center;
|
|
44
|
+
align-items: center;
|
|
45
|
+
border-radius: var(--radius);
|
|
46
|
+
object-fit: cover;
|
|
47
|
+
}
|
|
48
|
+
:host([status]:not([status=''])) .content {
|
|
49
|
+
--m: radial-gradient(
|
|
50
|
+
circle at calc(100% - var(--offset)) var(--offset),
|
|
51
|
+
#0000 var(--mask),
|
|
52
|
+
#fff calc(var(--mask) + 0.5px)
|
|
53
|
+
);
|
|
54
|
+
-webkit-mask-image: var(--m);
|
|
55
|
+
mask-image: var(--m);
|
|
56
|
+
}
|
|
57
|
+
.status {
|
|
58
|
+
position: absolute;
|
|
59
|
+
top: var(--offset);
|
|
60
|
+
right: var(--offset);
|
|
61
|
+
width: var(--size);
|
|
62
|
+
border-radius: 10em;
|
|
63
|
+
aspect-ratio: 1;
|
|
64
|
+
transform: translate(50%, -50%);
|
|
65
|
+
background-color: var(--status);
|
|
66
|
+
}
|
|
67
|
+
`);
|
|
68
|
+
/**
|
|
69
|
+
* @customElement dy-avatar
|
|
70
|
+
* @attr src
|
|
71
|
+
* @attr alt
|
|
72
|
+
* @attr status
|
|
73
|
+
* @attr background
|
|
74
|
+
* @attr tooltip
|
|
75
|
+
* @attr size
|
|
76
|
+
* @attr square
|
|
77
|
+
*/
|
|
78
|
+
let DuoyunAvatarElement = class DuoyunAvatarElement extends GemElement {
|
|
79
|
+
constructor() {
|
|
80
|
+
super(...arguments);
|
|
81
|
+
this.render = () => {
|
|
82
|
+
const status = getStatusColor(this.status);
|
|
83
|
+
return html `
|
|
84
|
+
<style>
|
|
85
|
+
:host {
|
|
86
|
+
--status: ${status || 'inherit'};
|
|
87
|
+
}
|
|
88
|
+
.content {
|
|
89
|
+
background: ${this.background || theme.hoverBackgroundColor};
|
|
90
|
+
}
|
|
91
|
+
</style>
|
|
92
|
+
<dy-tooltip .content=${this.tooltip}>
|
|
93
|
+
<div class="content">
|
|
94
|
+
${this.src && html `<img class="content" alt=${this.alt || this.src} src=${this.src}></img>`}
|
|
95
|
+
<slot></slot>
|
|
96
|
+
</div>
|
|
97
|
+
</dy-tooltip>
|
|
98
|
+
${this.status ? html `<div class="status"></div>` : ''}
|
|
99
|
+
`;
|
|
100
|
+
};
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
__decorate([
|
|
104
|
+
attribute
|
|
105
|
+
], DuoyunAvatarElement.prototype, "src", void 0);
|
|
106
|
+
__decorate([
|
|
107
|
+
attribute
|
|
108
|
+
], DuoyunAvatarElement.prototype, "alt", void 0);
|
|
109
|
+
__decorate([
|
|
110
|
+
attribute
|
|
111
|
+
], DuoyunAvatarElement.prototype, "status", void 0);
|
|
112
|
+
__decorate([
|
|
113
|
+
attribute
|
|
114
|
+
], DuoyunAvatarElement.prototype, "background", void 0);
|
|
115
|
+
__decorate([
|
|
116
|
+
attribute
|
|
117
|
+
], DuoyunAvatarElement.prototype, "tooltip", void 0);
|
|
118
|
+
__decorate([
|
|
119
|
+
attribute
|
|
120
|
+
], DuoyunAvatarElement.prototype, "size", void 0);
|
|
121
|
+
__decorate([
|
|
122
|
+
boolattribute
|
|
123
|
+
], DuoyunAvatarElement.prototype, "square", void 0);
|
|
124
|
+
DuoyunAvatarElement = __decorate([
|
|
125
|
+
customElement('dy-avatar'),
|
|
126
|
+
adoptedStyle(style)
|
|
127
|
+
], DuoyunAvatarElement);
|
|
128
|
+
export { DuoyunAvatarElement };
|
|
129
|
+
const groupStyle = createCSSSheet(css `
|
|
130
|
+
:host {
|
|
131
|
+
display: flex;
|
|
132
|
+
}
|
|
133
|
+
.item:not(:first-child) {
|
|
134
|
+
margin-inline-start: -0.4em;
|
|
135
|
+
}
|
|
136
|
+
.item:not(:last-child) {
|
|
137
|
+
--m: radial-gradient(circle at calc(150% - 0.4em) center, #0000 37%, #fff calc(37% + 0.5px));
|
|
138
|
+
-webkit-mask-image: var(--m);
|
|
139
|
+
mask-image: var(--m);
|
|
140
|
+
}
|
|
141
|
+
`);
|
|
142
|
+
/**
|
|
143
|
+
* @customElement dy-avatar-group
|
|
144
|
+
*/
|
|
145
|
+
let DuoyunAvatarGroupElement = class DuoyunAvatarGroupElement extends GemElement {
|
|
146
|
+
constructor() {
|
|
147
|
+
super();
|
|
148
|
+
_DuoyunAvatarGroupElement_instances.add(this);
|
|
149
|
+
_DuoyunAvatarGroupElement_renderAvatar.set(this, ({ src = '', tooltip = '', alt = '', background = '', status }) => {
|
|
150
|
+
return html `
|
|
151
|
+
<dy-avatar
|
|
152
|
+
class="item"
|
|
153
|
+
.src=${src}
|
|
154
|
+
.tooltip=${tooltip}
|
|
155
|
+
.alt=${alt}
|
|
156
|
+
.background=${background}
|
|
157
|
+
.status=${status}
|
|
158
|
+
></dy-avatar>
|
|
159
|
+
`;
|
|
160
|
+
});
|
|
161
|
+
this.render = () => {
|
|
162
|
+
if (!this.data)
|
|
163
|
+
return html ``;
|
|
164
|
+
const rest = this.data.slice(__classPrivateFieldGet(this, _DuoyunAvatarGroupElement_instances, "a", _DuoyunAvatarGroupElement_max_get));
|
|
165
|
+
return html `
|
|
166
|
+
${this.data.slice(0, __classPrivateFieldGet(this, _DuoyunAvatarGroupElement_instances, "a", _DuoyunAvatarGroupElement_max_get)).map((avatar) => __classPrivateFieldGet(this, _DuoyunAvatarGroupElement_renderAvatar, "f").call(this, avatar))}
|
|
167
|
+
${rest.length
|
|
168
|
+
? html `<dy-avatar class="item" .tooltip=${rest.map((e) => e.alt).join()}>+${rest.length}</dy-avatar>`
|
|
169
|
+
: ''}
|
|
170
|
+
`;
|
|
171
|
+
};
|
|
172
|
+
this.internals.role = 'group';
|
|
173
|
+
}
|
|
174
|
+
};
|
|
175
|
+
_DuoyunAvatarGroupElement_renderAvatar = new WeakMap(), _DuoyunAvatarGroupElement_instances = new WeakSet(), _DuoyunAvatarGroupElement_max_get = function _DuoyunAvatarGroupElement_max_get() {
|
|
176
|
+
var _a;
|
|
177
|
+
return this.max || ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
|
|
178
|
+
};
|
|
179
|
+
__decorate([
|
|
180
|
+
numattribute
|
|
181
|
+
], DuoyunAvatarGroupElement.prototype, "max", void 0);
|
|
182
|
+
__decorate([
|
|
183
|
+
property
|
|
184
|
+
], DuoyunAvatarGroupElement.prototype, "data", void 0);
|
|
185
|
+
DuoyunAvatarGroupElement = __decorate([
|
|
186
|
+
customElement('dy-avatar-group'),
|
|
187
|
+
adoptedStyle(groupStyle)
|
|
188
|
+
], DuoyunAvatarGroupElement);
|
|
189
|
+
export { DuoyunAvatarGroupElement };
|
|
190
|
+
//# sourceMappingURL=avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../src/elements/avatar.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { GemElement, Emitter } from '@mantou/gem';
|
|
2
|
+
import '@mantou/gem/elements/use';
|
|
3
|
+
import './divider';
|
|
4
|
+
declare type Status = 'positive' | 'notice' | 'negative' | 'default';
|
|
5
|
+
/**
|
|
6
|
+
* @customElement dy-banner
|
|
7
|
+
*/
|
|
8
|
+
export declare class DuoyunBannerElement extends GemElement {
|
|
9
|
+
#private;
|
|
10
|
+
closeable: boolean;
|
|
11
|
+
status: Status;
|
|
12
|
+
action?: {
|
|
13
|
+
text: string;
|
|
14
|
+
handle: () => void;
|
|
15
|
+
};
|
|
16
|
+
close: Emitter<null>;
|
|
17
|
+
constructor();
|
|
18
|
+
render: () => import("@mantou/gem").TemplateResult;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../src/elements/banner.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAUV,OAAO,EACR,MAAM,aAAa,CAAC;AAMrB,OAAO,0BAA0B,CAAC;AAClC,OAAO,WAAW,CAAC;AAwDnB,aAAK,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAE7D;;GAEG;AACH,qBAEa,mBAAoB,SAAQ,UAAU;;IAClC,SAAS,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAE/C,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;;IAkB9B,MAAM,6CAyBJ;CACH"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
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 _DuoyunBannerElement_instances, _DuoyunBannerElement_icon_get;
|
|
13
|
+
// https://spectrum.adobe.com/page/alert-banner/
|
|
14
|
+
import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, attribute, boolattribute, emitter, } from '@mantou/gem';
|
|
15
|
+
import { theme } from '../lib/theme';
|
|
16
|
+
import { icons } from '../lib/icons';
|
|
17
|
+
import { commonHandle } from '../lib/hotkeys';
|
|
18
|
+
import '@mantou/gem/elements/use';
|
|
19
|
+
import './divider';
|
|
20
|
+
const style = createCSSSheet(css `
|
|
21
|
+
:host {
|
|
22
|
+
display: flex;
|
|
23
|
+
align-items: flex-start;
|
|
24
|
+
background: ${theme.neutralColor};
|
|
25
|
+
color: #fff;
|
|
26
|
+
padding: 0.8em;
|
|
27
|
+
line-height: 1.5;
|
|
28
|
+
gap: 0.5em;
|
|
29
|
+
}
|
|
30
|
+
:host > * {
|
|
31
|
+
flex-shrink: 0;
|
|
32
|
+
}
|
|
33
|
+
:host([status='positive']) {
|
|
34
|
+
background: ${theme.positiveColor};
|
|
35
|
+
}
|
|
36
|
+
:host([status='notice']) {
|
|
37
|
+
background: ${theme.noticeColor};
|
|
38
|
+
}
|
|
39
|
+
:host([status='negative']) {
|
|
40
|
+
background: ${theme.negativeColor};
|
|
41
|
+
}
|
|
42
|
+
.icon {
|
|
43
|
+
width: 1.5em;
|
|
44
|
+
}
|
|
45
|
+
.content {
|
|
46
|
+
flex-grow: 1;
|
|
47
|
+
}
|
|
48
|
+
.action {
|
|
49
|
+
color: inherit;
|
|
50
|
+
background: transparent;
|
|
51
|
+
border-radius: 10em;
|
|
52
|
+
border: 2px solid #fff9;
|
|
53
|
+
padding: 0 1em;
|
|
54
|
+
font-size: 1em;
|
|
55
|
+
line-height: 1.5;
|
|
56
|
+
margin-block: -2px;
|
|
57
|
+
}
|
|
58
|
+
.action:hover {
|
|
59
|
+
border-color: #fff;
|
|
60
|
+
}
|
|
61
|
+
.divider {
|
|
62
|
+
align-self: stretch;
|
|
63
|
+
}
|
|
64
|
+
.close {
|
|
65
|
+
width: 1.2em;
|
|
66
|
+
padding: 0.15em;
|
|
67
|
+
opacity: 0.8;
|
|
68
|
+
}
|
|
69
|
+
.close:hover {
|
|
70
|
+
opacity: 1;
|
|
71
|
+
}
|
|
72
|
+
`);
|
|
73
|
+
/**
|
|
74
|
+
* @customElement dy-banner
|
|
75
|
+
*/
|
|
76
|
+
let DuoyunBannerElement = class DuoyunBannerElement extends GemElement {
|
|
77
|
+
constructor() {
|
|
78
|
+
super();
|
|
79
|
+
_DuoyunBannerElement_instances.add(this);
|
|
80
|
+
this.render = () => {
|
|
81
|
+
const icon = __classPrivateFieldGet(this, _DuoyunBannerElement_instances, "a", _DuoyunBannerElement_icon_get);
|
|
82
|
+
return html `
|
|
83
|
+
${icon ? html `<gem-use class="icon" .element=${icon}></gem-use>` : ''}
|
|
84
|
+
<div class="content">
|
|
85
|
+
<slot></slot>
|
|
86
|
+
</div>
|
|
87
|
+
${this.action
|
|
88
|
+
? html `
|
|
89
|
+
<button class="action" @keydown=${commonHandle} @click=${this.action.handle}>${this.action.text}</button>
|
|
90
|
+
`
|
|
91
|
+
: ''}
|
|
92
|
+
${this.closeable
|
|
93
|
+
? html `
|
|
94
|
+
<dy-divider class="divider" orientation="vertical"></dy-divider>
|
|
95
|
+
<gem-use
|
|
96
|
+
role="button"
|
|
97
|
+
class="close"
|
|
98
|
+
.element=${icons.close}
|
|
99
|
+
@click=${() => this.close(null)}
|
|
100
|
+
@keydown=${commonHandle}
|
|
101
|
+
></gem-use>
|
|
102
|
+
`
|
|
103
|
+
: ''}
|
|
104
|
+
`;
|
|
105
|
+
};
|
|
106
|
+
this.internals.role = 'banner';
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
_DuoyunBannerElement_instances = new WeakSet(), _DuoyunBannerElement_icon_get = function _DuoyunBannerElement_icon_get() {
|
|
110
|
+
switch (this.status) {
|
|
111
|
+
case 'positive':
|
|
112
|
+
return icons.success;
|
|
113
|
+
case 'notice':
|
|
114
|
+
return icons.warning;
|
|
115
|
+
case 'negative':
|
|
116
|
+
return icons.error;
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
__decorate([
|
|
120
|
+
boolattribute
|
|
121
|
+
], DuoyunBannerElement.prototype, "closeable", void 0);
|
|
122
|
+
__decorate([
|
|
123
|
+
attribute
|
|
124
|
+
], DuoyunBannerElement.prototype, "status", void 0);
|
|
125
|
+
__decorate([
|
|
126
|
+
property
|
|
127
|
+
], DuoyunBannerElement.prototype, "action", void 0);
|
|
128
|
+
__decorate([
|
|
129
|
+
emitter
|
|
130
|
+
], DuoyunBannerElement.prototype, "close", void 0);
|
|
131
|
+
DuoyunBannerElement = __decorate([
|
|
132
|
+
customElement('dy-banner'),
|
|
133
|
+
adoptedStyle(style)
|
|
134
|
+
], DuoyunBannerElement);
|
|
135
|
+
export { DuoyunBannerElement };
|
|
136
|
+
//# sourceMappingURL=banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"banner.js","sourceRoot":"","sources":["../src/elements/banner.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAAgD;AAChD,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,GAER,MAAM,aAAa,CAAC;AAErB,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,0BAA0B,CAAC;AAClC,OAAO,WAAW,CAAC;AAEnB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;kBAId,KAAK,CAAC,YAAY;;;;;;;;;;kBAUlB,KAAK,CAAC,aAAa;;;kBAGnB,KAAK,CAAC,WAAW;;;kBAGjB,KAAK,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCpC,CAAC,CAAC;AAIH;;GAEG;AAGH,IAAa,mBAAmB,GAAhC,MAAa,mBAAoB,SAAQ,UAAU;IAmBjD;QACE,KAAK,EAAE,CAAC;;QAIV,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,IAAI,GAAG,uBAAA,IAAI,qEAAM,CAAC;YACxB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE;;;;QAInE,IAAI,CAAC,MAAM;gBACX,CAAC,CAAC,IAAI,CAAA;8CACgC,YAAY,WAAW,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI;WAChG;gBACH,CAAC,CAAC,EAAE;QACJ,IAAI,CAAC,SAAS;gBACd,CAAC,CAAC,IAAI,CAAA;;;;;yBAKW,KAAK,CAAC,KAAK;uBACb,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;yBACpB,YAAY;;WAE1B;gBACH,CAAC,CAAC,EAAE;KACP,CAAC;QACJ,CAAC,CAAC;QA5BA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;IACjC,CAAC;CA4BF,CAAA;;IAzCG,QAAQ,IAAI,CAAC,MAAM,EAAE;QACnB,KAAK,UAAU;YACb,OAAO,KAAK,CAAC,OAAO,CAAC;QACvB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,OAAO,CAAC;QACvB,KAAK,UAAU;YACb,OAAO,KAAK,CAAC,KAAK,CAAC;KACtB;AACH,CAAC;AAhBc;IAAd,aAAa;sDAAoB;AACvB;IAAV,SAAS;mDAAgB;AAEhB;IAAT,QAAQ;mDAA+C;AAE/C;IAAR,OAAO;kDAAsB;AANnB,mBAAmB;IAF/B,aAAa,CAAC,WAAW,CAAC;IAC1B,YAAY,CAAC,KAAK,CAAC;GACP,mBAAmB,CAkD/B;SAlDY,mBAAmB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { DuoyunChartBaseElement } from './base/chart';
|
|
2
|
+
export interface Sequence {
|
|
3
|
+
label: string;
|
|
4
|
+
values: (number | null)[];
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* @customElement dy-bar-chart
|
|
8
|
+
*/
|
|
9
|
+
export declare class DuoyunBarChartElement extends DuoyunChartBaseElement {
|
|
10
|
+
#private;
|
|
11
|
+
series?: string[];
|
|
12
|
+
gutter: number;
|
|
13
|
+
stack: boolean;
|
|
14
|
+
sequences?: Sequence[];
|
|
15
|
+
xAxi: {
|
|
16
|
+
formatter: (v: number | null) => string;
|
|
17
|
+
};
|
|
18
|
+
onMouseMove: (index: number, evt: MouseEvent, sort: boolean) => void;
|
|
19
|
+
onMouseOut: () => void;
|
|
20
|
+
willMount: () => void;
|
|
21
|
+
render: () => import("@mantou/gem").TemplateResult;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=bar-chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../src/elements/bar-chart.ts"],"names":[],"mappings":"AAIA,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;AAED;;GAEG;AACH,qBACa,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,UA8B1D;IAEF,UAAU,aAER;IAEF,SAAS,aAyBP;IAEF,MAAM,6CAmEJ;CACH"}
|
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
8
|
+
if (kind === "m") throw new TypeError("Private method is not writable");
|
|
9
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
|
10
|
+
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");
|
|
11
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
12
|
+
};
|
|
13
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
14
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
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
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
17
|
+
};
|
|
18
|
+
var _DuoyunBarChartElement_stackSequences;
|
|
19
|
+
import { html, customElement, property, svg } from '@mantou/gem';
|
|
20
|
+
import { theme } from '../lib/theme';
|
|
21
|
+
import { DuoyunChartBaseElement } from './base/chart';
|
|
22
|
+
import { ChartTooltip } from './chart-tooltip';
|
|
23
|
+
/**
|
|
24
|
+
* @customElement dy-bar-chart
|
|
25
|
+
*/
|
|
26
|
+
let DuoyunBarChartElement = class DuoyunBarChartElement extends DuoyunChartBaseElement {
|
|
27
|
+
constructor() {
|
|
28
|
+
super(...arguments);
|
|
29
|
+
this.gutter = 0;
|
|
30
|
+
this.stack = false;
|
|
31
|
+
this.xAxi = {
|
|
32
|
+
formatter: (v) => { var _a; return ((_a = this.series) === null || _a === void 0 ? void 0 : _a[Number(v) - 1]) || ''; },
|
|
33
|
+
};
|
|
34
|
+
_DuoyunBarChartElement_stackSequences.set(this, void 0);
|
|
35
|
+
this.onMouseMove = (index, evt, sort) => {
|
|
36
|
+
var _a, _b, _c, _d, _e;
|
|
37
|
+
let values = (_a = this.sequences) === null || _a === void 0 ? void 0 : _a.map(({ values, label }, i) => {
|
|
38
|
+
var _a, _b;
|
|
39
|
+
return {
|
|
40
|
+
label,
|
|
41
|
+
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]),
|
|
42
|
+
color: this.colors[i],
|
|
43
|
+
originValue: values[index],
|
|
44
|
+
};
|
|
45
|
+
});
|
|
46
|
+
if (this.stack) {
|
|
47
|
+
values = values === null || values === void 0 ? void 0 : values.reverse();
|
|
48
|
+
}
|
|
49
|
+
if ((_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.filter) {
|
|
50
|
+
values = values === null || values === void 0 ? void 0 : values.filter(this.tooltip.filter);
|
|
51
|
+
}
|
|
52
|
+
if (sort) {
|
|
53
|
+
values = values === null || values === void 0 ? void 0 : values.sort((a, b) => {
|
|
54
|
+
const an = Number(a.originValue);
|
|
55
|
+
const bn = Number(b.originValue);
|
|
56
|
+
if (isNaN(an))
|
|
57
|
+
return 1;
|
|
58
|
+
if (isNaN(bn))
|
|
59
|
+
return -1;
|
|
60
|
+
return an > bn ? -1 : 1;
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
ChartTooltip.open(evt.x, evt.y, {
|
|
64
|
+
render: (_c = this.tooltip) === null || _c === void 0 ? void 0 : _c.render,
|
|
65
|
+
xValue: index,
|
|
66
|
+
title: ((_e = (_d = this.tooltip) === null || _d === void 0 ? void 0 : _d.formatter) === null || _e === void 0 ? void 0 : _e.call(_d, this.series[index])) || String(this.series[index]),
|
|
67
|
+
values: values,
|
|
68
|
+
});
|
|
69
|
+
};
|
|
70
|
+
this.onMouseOut = () => {
|
|
71
|
+
ChartTooltip.close();
|
|
72
|
+
};
|
|
73
|
+
this.willMount = () => {
|
|
74
|
+
this.memo(() => {
|
|
75
|
+
var _a, _b;
|
|
76
|
+
if (!this.contentRect.width)
|
|
77
|
+
return;
|
|
78
|
+
if (!((_a = this.sequences) === null || _a === void 0 ? void 0 : _a.length))
|
|
79
|
+
return;
|
|
80
|
+
if (!((_b = this.series) === null || _b === void 0 ? void 0 : _b.length))
|
|
81
|
+
return;
|
|
82
|
+
const seqs = this.sequences.map((e) => e.values);
|
|
83
|
+
__classPrivateFieldSet(this, _DuoyunBarChartElement_stackSequences, seqs.map((_, index) => this.mergeNumberValues(seqs.slice(0, index + 1))), "f");
|
|
84
|
+
const xMin = 0;
|
|
85
|
+
const xMax = this.series.length;
|
|
86
|
+
let yMin = Infinity;
|
|
87
|
+
let yMax = -Infinity;
|
|
88
|
+
(this.stack ? __classPrivateFieldGet(this, _DuoyunBarChartElement_stackSequences, "f") : seqs).forEach((values) => {
|
|
89
|
+
values.forEach((y) => {
|
|
90
|
+
yMin = Math.min(yMin, y !== null && y !== void 0 ? y : Infinity);
|
|
91
|
+
yMax = Math.max(yMax, y !== null && y !== void 0 ? y : -Infinity);
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
this.xStep = xMax;
|
|
95
|
+
this.initXAxi(xMin, xMax);
|
|
96
|
+
this.initYAxi(yMin, yMax);
|
|
97
|
+
this.initViewBox();
|
|
98
|
+
}, () => [this.sequences, this.contentRect.width]);
|
|
99
|
+
};
|
|
100
|
+
this.render = () => {
|
|
101
|
+
if (this.loading)
|
|
102
|
+
return this.renderLoading();
|
|
103
|
+
if (this.noData)
|
|
104
|
+
return this.renderNotData();
|
|
105
|
+
if (!this.contentRect.width || !this.sequences || !this.series)
|
|
106
|
+
return html ``;
|
|
107
|
+
return html `
|
|
108
|
+
<style>
|
|
109
|
+
.hover:hover {
|
|
110
|
+
fill: ${theme.hoverBackgroundColor};
|
|
111
|
+
opacity: 0.2;
|
|
112
|
+
}
|
|
113
|
+
.bar {
|
|
114
|
+
pointer-events: none;
|
|
115
|
+
}
|
|
116
|
+
</style>
|
|
117
|
+
${svg `
|
|
118
|
+
<svg aria-hidden="true" part="svg" xmlns="http://www.w3.org/2000/svg" viewBox=${this.viewBox.join(' ')}>
|
|
119
|
+
${this.renderXAxi({ centerLabel: true })}
|
|
120
|
+
${this.renderYAxi()}
|
|
121
|
+
${this.series.map((_value, i, _, width = 1) => svg `
|
|
122
|
+
<rect
|
|
123
|
+
@mousemove=${(evt) => this.onMouseMove(i, evt, false)}
|
|
124
|
+
@mouseout=${this.onMouseOut}
|
|
125
|
+
@click=${() => this.clickIndex(i)}
|
|
126
|
+
class="hover"
|
|
127
|
+
fill="transparent"
|
|
128
|
+
x=${(i + 0.5 - width / 2) / this.xAxiUnit}
|
|
129
|
+
y=${0}
|
|
130
|
+
width=${width / this.xAxiUnit}
|
|
131
|
+
height=${this.stageHeight}
|
|
132
|
+
/>
|
|
133
|
+
`)}
|
|
134
|
+
${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
|
|
135
|
+
? (__classPrivateFieldGet(this, _DuoyunBarChartElement_stackSequences, "f")[index - 1] ? __classPrivateFieldGet(this, _DuoyunBarChartElement_stackSequences, "f")[index - 1][i] : 0) - this.yAxiMin
|
|
136
|
+
: 0) => svg `
|
|
137
|
+
<rect
|
|
138
|
+
class="bar"
|
|
139
|
+
fill=${this.colors[index]}
|
|
140
|
+
x=${(i + (1 - total) / 2 + offsetX) / this.xAxiUnit}
|
|
141
|
+
y=${this.stageHeight - (height + offsetY) / this.yAxiUnit}
|
|
142
|
+
width=${width / this.xAxiUnit}
|
|
143
|
+
height=${height / this.yAxiUnit}
|
|
144
|
+
/>
|
|
145
|
+
`))}
|
|
146
|
+
${this.renderMarkLines()}
|
|
147
|
+
</svg>
|
|
148
|
+
`}
|
|
149
|
+
`;
|
|
150
|
+
};
|
|
151
|
+
}
|
|
152
|
+
};
|
|
153
|
+
_DuoyunBarChartElement_stackSequences = new WeakMap();
|
|
154
|
+
__decorate([
|
|
155
|
+
property
|
|
156
|
+
], DuoyunBarChartElement.prototype, "series", void 0);
|
|
157
|
+
__decorate([
|
|
158
|
+
property
|
|
159
|
+
], DuoyunBarChartElement.prototype, "gutter", void 0);
|
|
160
|
+
__decorate([
|
|
161
|
+
property
|
|
162
|
+
], DuoyunBarChartElement.prototype, "stack", void 0);
|
|
163
|
+
__decorate([
|
|
164
|
+
property
|
|
165
|
+
], DuoyunBarChartElement.prototype, "sequences", void 0);
|
|
166
|
+
DuoyunBarChartElement = __decorate([
|
|
167
|
+
customElement('dy-bar-chart')
|
|
168
|
+
], DuoyunBarChartElement);
|
|
169
|
+
export { DuoyunBarChartElement };
|
|
170
|
+
//# sourceMappingURL=bar-chart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../src/elements/bar-chart.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { TemplateResult, Emitter, GemElementOptions } from '@mantou/gem';
|
|
2
|
+
import { Data, DataItem } from '../chart-tooltip';
|
|
3
|
+
import { DuoyunResizeBaseElement } from './resize';
|
|
4
|
+
import '../loading';
|
|
5
|
+
import '../empty';
|
|
6
|
+
export interface Axi {
|
|
7
|
+
formatter?: (value: number | null, index: number) => string;
|
|
8
|
+
}
|
|
9
|
+
export interface Tooltip {
|
|
10
|
+
formatter?: (value: number | string | null) => string;
|
|
11
|
+
filter?: (data: DataItem) => boolean;
|
|
12
|
+
render?: (data: Data) => TemplateResult;
|
|
13
|
+
}
|
|
14
|
+
export interface MarkLine {
|
|
15
|
+
value: number;
|
|
16
|
+
label?: string;
|
|
17
|
+
color?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare class DuoyunChartBaseElement<_T = Record<string, unknown>> extends DuoyunResizeBaseElement {
|
|
20
|
+
filters?: string[];
|
|
21
|
+
colors: `#${string}`[];
|
|
22
|
+
xAxi?: Axi | null;
|
|
23
|
+
yAxi?: Axi | null;
|
|
24
|
+
yMin?: number;
|
|
25
|
+
yMax?: number;
|
|
26
|
+
xStep: number;
|
|
27
|
+
yStep: number;
|
|
28
|
+
tooltip?: Tooltip;
|
|
29
|
+
markLines?: MarkLine[];
|
|
30
|
+
clickIndex: Emitter<number>;
|
|
31
|
+
loading: boolean;
|
|
32
|
+
noData: boolean;
|
|
33
|
+
constructor(options?: GemElementOptions);
|
|
34
|
+
stageWidth: number;
|
|
35
|
+
stageHeight: number;
|
|
36
|
+
chartId: string;
|
|
37
|
+
filtersSet: Set<string>;
|
|
38
|
+
xAxiMin: number;
|
|
39
|
+
xAxiMax: number;
|
|
40
|
+
xAxiUnit: number;
|
|
41
|
+
xAxiStepUnit: number;
|
|
42
|
+
xAxiMarks: number[];
|
|
43
|
+
xAxiLabels: string[];
|
|
44
|
+
stateXAxiMarks: number[];
|
|
45
|
+
yAxiMin: number;
|
|
46
|
+
yAxiMax: number;
|
|
47
|
+
yAxiUnit: number;
|
|
48
|
+
yAxiStepUnit: number;
|
|
49
|
+
yAxiMarks: number[];
|
|
50
|
+
yAxiLabels: string[];
|
|
51
|
+
stateYAxiMarks: number[];
|
|
52
|
+
viewBox: number[];
|
|
53
|
+
initXAxi: (xMin: number, xMax: number, adjust?: boolean) => void;
|
|
54
|
+
initYAxi: (yMin: number, yMax: number) => void;
|
|
55
|
+
initViewBox: () => void;
|
|
56
|
+
genGradientId: (index: number) => string;
|
|
57
|
+
getSVGPixel: (x?: number) => number;
|
|
58
|
+
getStageScale: () => number;
|
|
59
|
+
getStagePoint: ([x, y]: number[]) => number[];
|
|
60
|
+
getStagePointFromPosition: ([x, y]: number[]) => number[] | undefined;
|
|
61
|
+
renderLoading: () => TemplateResult;
|
|
62
|
+
renderNotData: () => TemplateResult;
|
|
63
|
+
renderXAxi: ({ centerLabel, grid }?: {
|
|
64
|
+
centerLabel?: boolean | undefined;
|
|
65
|
+
grid?: boolean | undefined;
|
|
66
|
+
}) => "" | import("@mantou/gem").SVGTemplateResult;
|
|
67
|
+
renderYAxi: () => "" | TemplateResult;
|
|
68
|
+
renderMarkLines: () => TemplateResult;
|
|
69
|
+
polarToCartesian: ([r, theta]: number[]) => number[];
|
|
70
|
+
cartesianToPolar: ([x, y]: number[]) => number[];
|
|
71
|
+
mergeNumberValues: (seqs?: (number | null)[][] | undefined) => number[] | undefined;
|
|
72
|
+
mergeValues: (seqs?: ((number | null)[] | null)[][] | undefined) => (number | null)[][] | undefined;
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/elements/base/chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,cAAc,EAEd,OAAO,EAGP,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,YAAY,CAAC;AACpB,OAAO,UAAU,CAAC;AAElB,MAAM,WAAW,GAAG;IAClB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7D;AAED,MAAM,WAAW,OAAO;IACtB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;CACzC;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAyBD,qBACa,sBAAsB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,uBAAuB;IACrF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,iBAAgB;IACtB,IAAI,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,SAAK;IACV,KAAK,SAAK;IAEV,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IAExB,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAG9B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;gBAEX,OAAO,CAAC,EAAE,iBAAiB;IAWvC,UAAU,SAAO;IACjB,WAAW,SAAO;IAClB,OAAO,SAAe;IACtB,UAAU,cAAqB;IAG/B,OAAO,SAAK;IACZ,OAAO,SAAK;IACZ,QAAQ,SAAK;IACb,YAAY,SAAK;IACjB,SAAS,WAAO;IAChB,UAAU,WAAQ;IAClB,cAAc,WAAO;IAErB,OAAO,SAAK;IACZ,OAAO,SAAK;IACZ,QAAQ,SAAK;IACb,YAAY,SAAK;IACjB,SAAS,WAAO;IAChB,UAAU,WAAQ;IAClB,cAAc,WAAO;IAErB,OAAO,WAAgB;IAEvB,QAAQ,SAAU,MAAM,QAAQ,MAAM,4BAepC;IAEF,QAAQ,SAAU,MAAM,QAAQ,MAAM,UAmBpC;IAEF,WAAW,aAiBT;IAEF,aAAa,UAAW,MAAM,YAAyC;IAGvE,WAAW,yBAAgF;IAE3F,aAAa,eAAkD;IAI/D,aAAa,WAAY,MAAM,EAAE,cAK/B;IAGF,yBAAyB,WAAY,MAAM,EAAE,0BAK3C;IAEF,aAAa,uBAEX;IAEF,aAAa,uBAEX;IAEF,UAAU;;;uDA8CR;IAEF,UAAU,4BA+BR;IAEF,eAAe,uBA6Bb;IAEF,gBAAgB,eAAgB,MAAM,EAAE,cAEtC;IAEF,gBAAgB,WAAY,MAAM,EAAE,cAElC;IAEF,iBAAiB,mEAGf;IAEF,WAAW,yFAGT;CACH"}
|