duoyun-ui 2.2.2 → 2.2.8
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/badge.d.ts +2 -16
- package/elements/badge.d.ts.map +1 -1
- package/elements/badge.js +4 -158
- package/elements/badge.js.map +1 -1
- package/elements/banner.d.ts +2 -17
- package/elements/banner.d.ts.map +1 -1
- package/elements/banner.js +4 -127
- package/elements/banner.js.map +1 -1
- package/elements/base/chart.d.ts +2 -2
- package/elements/base/resize.d.ts +1 -22
- package/elements/base/resize.d.ts.map +1 -1
- package/elements/base/resize.js +1 -95
- package/elements/base/resize.js.map +1 -1
- package/elements/base/scroll.d.ts +1 -8
- package/elements/base/scroll.d.ts.map +1 -1
- package/elements/base/scroll.js +1 -158
- package/elements/base/scroll.js.map +1 -1
- package/elements/base/visible.d.ts +1 -18
- package/elements/base/visible.d.ts.map +1 -1
- package/elements/base/visible.js +1 -112
- package/elements/base/visible.js.map +1 -1
- package/elements/button.d.ts +2 -24
- package/elements/button.d.ts.map +1 -1
- package/elements/button.js +7 -287
- package/elements/button.js.map +1 -1
- package/elements/checkbox.d.ts +3 -21
- package/elements/checkbox.d.ts.map +1 -1
- package/elements/checkbox.js +6 -180
- package/elements/checkbox.js.map +1 -1
- package/elements/code-block.d.ts +2 -7
- package/elements/code-block.d.ts.map +1 -1
- package/elements/code-block.js +4 -432
- package/elements/code-block.js.map +1 -1
- package/elements/collapse.d.ts +3 -29
- package/elements/collapse.d.ts.map +1 -1
- package/elements/collapse.js +6 -197
- package/elements/collapse.js.map +1 -1
- package/elements/compartment.d.ts +2 -5
- package/elements/compartment.d.ts.map +1 -1
- package/elements/compartment.js +4 -23
- package/elements/compartment.js.map +1 -1
- package/elements/contextmenu.d.ts +5 -42
- package/elements/contextmenu.d.ts.map +1 -1
- package/elements/contextmenu.js +8 -285
- package/elements/contextmenu.js.map +1 -1
- package/elements/countdown.d.ts +2 -12
- package/elements/countdown.d.ts.map +1 -1
- package/elements/countdown.js +4 -94
- package/elements/countdown.js.map +1 -1
- package/elements/divider.d.ts +2 -8
- package/elements/divider.d.ts.map +1 -1
- package/elements/divider.js +4 -129
- package/elements/divider.js.map +1 -1
- package/elements/empty.d.ts +2 -8
- package/elements/empty.d.ts.map +1 -1
- package/elements/empty.js +4 -59
- package/elements/empty.js.map +1 -1
- package/elements/grouped-picker.d.ts +29 -0
- package/elements/grouped-picker.d.ts.map +1 -0
- package/elements/grouped-picker.js +199 -0
- package/elements/grouped-picker.js.map +1 -0
- package/elements/input.d.ts +4 -36
- package/elements/input.d.ts.map +1 -1
- package/elements/input.js +6 -489
- package/elements/input.js.map +1 -1
- package/elements/letters.d.ts +4 -0
- package/elements/letters.d.ts.map +1 -0
- package/elements/letters.js +56 -0
- package/elements/letters.js.map +1 -0
- package/elements/link.d.ts +3 -5
- package/elements/link.d.ts.map +1 -1
- package/elements/link.js +6 -38
- package/elements/link.js.map +1 -1
- package/elements/list.d.ts +5 -58
- package/elements/list.d.ts.map +1 -1
- package/elements/list.js +19 -664
- package/elements/list.js.map +1 -1
- package/elements/modal.d.ts +5 -63
- package/elements/modal.d.ts.map +1 -1
- package/elements/modal.js +13 -411
- package/elements/modal.js.map +1 -1
- package/elements/options.d.ts +4 -32
- package/elements/options.d.ts.map +1 -1
- package/elements/options.js +5 -254
- package/elements/options.js.map +1 -1
- package/elements/page-loadbar.js +1 -1
- package/elements/paragraph.d.ts +2 -2
- package/elements/paragraph.d.ts.map +1 -1
- package/elements/paragraph.js +4 -45
- package/elements/paragraph.js.map +1 -1
- package/elements/placeholder.d.ts +2 -14
- package/elements/placeholder.d.ts.map +1 -1
- package/elements/placeholder.js +4 -114
- package/elements/placeholder.js.map +1 -1
- package/elements/radio.d.ts +5 -24
- package/elements/radio.d.ts.map +1 -1
- package/elements/radio.js +7 -165
- package/elements/radio.js.map +1 -1
- package/elements/rate.d.ts +2 -12
- package/elements/rate.d.ts.map +1 -1
- package/elements/rate.js +4 -142
- package/elements/rate.js.map +1 -1
- package/elements/rolling-number.d.ts +4 -0
- package/elements/rolling-number.d.ts.map +1 -0
- package/elements/rolling-number.js +56 -0
- package/elements/rolling-number.js.map +1 -0
- package/elements/scroll-box.d.ts +2 -2
- package/elements/scroll-box.d.ts.map +1 -1
- package/elements/scroll-box.js +4 -5
- package/elements/scroll-box.js.map +1 -1
- package/elements/segmented.d.ts +3 -20
- package/elements/segmented.d.ts.map +1 -1
- package/elements/segmented.js +4 -191
- package/elements/segmented.js.map +1 -1
- package/elements/slider.d.ts +2 -20
- package/elements/slider.d.ts.map +1 -1
- package/elements/slider.js +4 -261
- package/elements/slider.js.map +1 -1
- package/elements/sort-box.d.ts +1 -2
- package/elements/sort-box.d.ts.map +1 -1
- package/elements/sort-box.js +4 -15
- package/elements/sort-box.js.map +1 -1
- package/elements/space.d.ts +2 -4
- package/elements/space.d.ts.map +1 -1
- package/elements/space.js +4 -37
- package/elements/space.js.map +1 -1
- package/elements/switch.d.ts +2 -11
- package/elements/switch.d.ts.map +1 -1
- package/elements/switch.js +5 -134
- package/elements/switch.js.map +1 -1
- package/elements/tag.d.ts +3 -16
- package/elements/tag.d.ts.map +1 -1
- package/elements/tag.js +4 -133
- package/elements/tag.js.map +1 -1
- package/elements/timeline.d.ts.map +1 -1
- package/elements/timeline.js +0 -1
- package/elements/timeline.js.map +1 -1
- package/elements/toast.js +1 -1
- package/elements/wait.js +1 -1
- package/helper/error.js +2 -39
- package/helper/error.js.map +1 -1
- package/helper/webapp.d.ts +4 -5
- package/helper/webapp.d.ts.map +1 -1
- package/helper/webapp.js +5 -11
- package/helper/webapp.js.map +1 -1
- package/lib/animations.d.ts +1 -10
- package/lib/animations.d.ts.map +1 -1
- package/lib/animations.js +1 -29
- package/lib/animations.js.map +1 -1
- package/lib/cache.d.ts +1 -18
- package/lib/cache.d.ts.map +1 -1
- package/lib/cache.js +1 -62
- package/lib/cache.js.map +1 -1
- package/lib/color.d.ts +1 -37
- package/lib/color.d.ts.map +1 -1
- package/lib/color.js +1 -98
- package/lib/color.js.map +1 -1
- package/lib/decorators.d.ts +2 -0
- package/lib/decorators.d.ts.map +1 -0
- package/lib/decorators.js +2 -0
- package/lib/decorators.js.map +1 -0
- package/lib/easing.d.ts +2 -0
- package/lib/easing.d.ts.map +1 -0
- package/lib/easing.js +2 -0
- package/lib/easing.js.map +1 -0
- package/lib/element.d.ts +1 -18
- package/lib/element.d.ts.map +1 -1
- package/lib/element.js +1 -131
- package/lib/element.js.map +1 -1
- package/lib/encode.d.ts +1 -10
- package/lib/encode.d.ts.map +1 -1
- package/lib/encode.js +1 -48
- package/lib/encode.js.map +1 -1
- package/lib/hotkeys.d.ts +1 -43
- package/lib/hotkeys.d.ts.map +1 -1
- package/lib/hotkeys.js +1 -247
- package/lib/hotkeys.js.map +1 -1
- package/lib/icons.d.ts +1 -114
- package/lib/icons.d.ts.map +1 -1
- package/lib/icons.js +1 -90
- package/lib/icons.js.map +1 -1
- package/lib/image.d.ts +1 -39
- package/lib/image.d.ts.map +1 -1
- package/lib/image.js +1 -140
- package/lib/image.js.map +1 -1
- package/lib/locale.d.ts +1 -87
- package/lib/locale.d.ts.map +1 -1
- package/lib/locale.js +1 -8
- package/lib/locale.js.map +1 -1
- package/lib/map.d.ts +1 -8
- package/lib/map.d.ts.map +1 -1
- package/lib/map.js +1 -31
- package/lib/map.js.map +1 -1
- package/lib/number.d.ts +1 -94
- package/lib/number.d.ts.map +1 -1
- package/lib/number.js +1 -169
- package/lib/number.js.map +1 -1
- package/lib/patterns.d.ts +1 -9
- package/lib/patterns.d.ts.map +1 -1
- package/lib/patterns.js +1 -11
- package/lib/patterns.js.map +1 -1
- package/lib/styles.d.ts +1 -4
- package/lib/styles.d.ts.map +1 -1
- package/lib/styles.js +1 -28
- package/lib/styles.js.map +1 -1
- package/lib/theme.d.ts +1 -85
- package/lib/theme.d.ts.map +1 -1
- package/lib/theme.js +6 -70
- package/lib/theme.js.map +1 -1
- package/lib/time.d.ts +1 -81
- package/lib/time.d.ts.map +1 -1
- package/lib/time.js +1 -255
- package/lib/time.js.map +1 -1
- package/lib/timer.d.ts +1 -25
- package/lib/timer.d.ts.map +1 -1
- package/lib/timer.js +1 -106
- package/lib/timer.js.map +1 -1
- package/lib/types.d.ts +1 -13
- package/lib/types.d.ts.map +1 -1
- package/lib/types.js +1 -16
- package/lib/types.js.map +1 -1
- package/lib/utils.d.ts +1 -79
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +1 -240
- package/lib/utils.js.map +1 -1
- package/locales/en.d.ts +1 -37
- package/locales/en.d.ts.map +1 -1
- package/locales/en.js +1 -36
- package/locales/en.js.map +1 -1
- package/locales/zh.d.ts +1 -3
- package/locales/zh.d.ts.map +1 -1
- package/locales/zh.js +1 -37
- package/locales/zh.js.map +1 -1
- package/package.json +4 -6
- package/patterns/console.d.ts +1 -1
- package/patterns/form.d.ts +5 -3
- package/patterns/form.d.ts.map +1 -1
- package/patterns/form.js +18 -5
- package/patterns/form.js.map +1 -1
- package/react/DyBadge.d.ts +1 -9
- package/react/DyBadge.js +1 -1
- package/react/DyBanner.d.ts +1 -6
- package/react/DyBanner.js +1 -1
- package/react/DyButton.d.ts +1 -15
- package/react/DyButton.js +1 -1
- package/react/DyCheckbox.d.ts +1 -7
- package/react/DyCheckbox.js +1 -1
- package/react/DyCheckboxGroup.d.ts +1 -7
- package/react/DyCheckboxGroup.js +1 -1
- package/react/DyCoachMark.d.ts +0 -5
- package/react/DyCoachMark.js +1 -1
- package/react/DyCodeBlock.d.ts +1 -5
- package/react/DyCodeBlock.js +1 -1
- package/react/DyCollapse.d.ts +1 -5
- package/react/DyCollapse.js +1 -1
- package/react/DyCollapsePanel.d.ts +1 -6
- package/react/DyCollapsePanel.js +1 -1
- package/react/DyCompartment.d.ts +1 -3
- package/react/DyCompartment.js +1 -1
- package/react/DyCountdown.d.ts +1 -5
- package/react/DyCountdown.js +1 -1
- package/react/DyDivider.d.ts +1 -6
- package/react/DyDivider.js +1 -1
- package/react/DyDrawer.d.ts +1 -21
- package/react/DyDrawer.js +1 -1
- package/react/DyEmpty.d.ts +1 -5
- package/react/DyEmpty.js +1 -1
- package/react/DyGroupedPicker.d.ts +27 -0
- package/react/DyGroupedPicker.js +22 -0
- package/react/DyInput.d.ts +1 -22
- package/react/DyInput.js +1 -1
- package/react/DyLegend.d.ts +0 -4
- package/react/DyLegend.js +1 -1
- package/react/DyLetters.d.ts +15 -0
- package/react/{DyListOutside.js → DyLetters.js} +4 -4
- package/react/DyList.d.ts +0 -13
- package/react/DyList.js +1 -1
- package/react/DyOptions.d.ts +1 -5
- package/react/DyOptions.js +1 -1
- package/react/DyPatForm.d.ts +1 -0
- package/react/DyPlaceholder.d.ts +1 -10
- package/react/DyPlaceholder.js +1 -1
- package/react/DyRadio.d.ts +1 -6
- package/react/DyRadio.js +1 -1
- package/react/DyRadioGroup.d.ts +1 -7
- package/react/DyRadioGroup.js +1 -1
- package/react/DyRate.d.ts +1 -7
- package/react/DyRate.js +1 -1
- package/react/DyRollingNumber.d.ts +15 -0
- package/react/{DyListItem.js → DyRollingNumber.js} +5 -5
- package/react/DySegmented.d.ts +1 -8
- package/react/DySegmented.js +1 -1
- package/react/DySlider.d.ts +1 -12
- package/react/DySlider.js +1 -1
- package/react/DySortItem.d.ts +1 -3
- package/react/DySortItem.js +1 -1
- package/react/DySpace.d.ts +1 -4
- package/react/DySpace.js +1 -1
- package/react/DySwitch.d.ts +1 -7
- package/react/DySwitch.js +1 -1
- package/react/DyTag.d.ts +1 -9
- package/react/DyTag.js +1 -1
- package/svelte/badge.d.ts +0 -8
- package/svelte/banner.d.ts +0 -5
- package/svelte/button.d.ts +0 -14
- package/svelte/checkbox.d.ts +0 -6
- package/svelte/coach-mark.d.ts +0 -5
- package/svelte/code-block.d.ts +0 -4
- package/svelte/collapse.d.ts +0 -4
- package/svelte/compartment.d.ts +0 -2
- package/svelte/countdown.d.ts +0 -4
- package/svelte/divider.d.ts +0 -5
- package/svelte/drawer.d.ts +0 -20
- package/svelte/empty.d.ts +0 -4
- package/svelte/grouped-picker.d.ts +19 -0
- package/svelte/grouped-picker.js +2 -0
- package/svelte/legend.d.ts +0 -4
- package/svelte/letters.d.ts +9 -0
- package/svelte/letters.js +2 -0
- package/svelte/list.d.ts +4 -11
- package/svelte/options.d.ts +0 -4
- package/svelte/pat-form.d.ts +1 -0
- package/svelte/placeholder.d.ts +0 -9
- package/svelte/radio.d.ts +0 -6
- package/svelte/rate.d.ts +0 -6
- package/svelte/rolling-number.d.ts +9 -0
- package/svelte/rolling-number.js +2 -0
- package/svelte/segmented.d.ts +0 -7
- package/svelte/slider.d.ts +0 -11
- package/svelte/space.d.ts +0 -3
- package/svelte/switch.d.ts +0 -6
- package/svelte/tag.d.ts +0 -8
- package/vue/DyBadge.vue +2 -8
- package/vue/DyBanner.vue +4 -6
- package/vue/DyButton.vue +2 -14
- package/vue/DyCheckbox.vue +4 -7
- package/vue/DyCheckboxGroup.vue +4 -7
- package/vue/DyCoachMark.vue +4 -8
- package/vue/DyCodeBlock.vue +2 -4
- package/vue/DyCollapse.vue +2 -4
- package/vue/DyCollapsePanel.vue +4 -6
- package/vue/DyCompartment.vue +2 -2
- package/vue/DyCountdown.vue +4 -5
- package/vue/DyDivider.vue +2 -5
- package/vue/DyDrawer.vue +4 -21
- package/vue/DyEmpty.vue +2 -4
- package/vue/DyGroupedPicker.vue +53 -0
- package/vue/DyInput.vue +4 -22
- package/vue/DyLegend.vue +2 -6
- package/vue/{DyListOutside.vue → DyLetters.vue} +8 -8
- package/vue/DyList.vue +4 -16
- package/vue/DyOptions.vue +2 -4
- package/vue/DyPatForm.vue +2 -2
- package/vue/DyPlaceholder.vue +2 -9
- package/vue/DyRadio.vue +4 -6
- package/vue/DyRadioGroup.vue +4 -7
- package/vue/DyRate.vue +4 -7
- package/vue/DyRollingNumber.vue +42 -0
- package/vue/DySegmented.vue +4 -8
- package/vue/DySlider.vue +4 -12
- package/vue/DySortItem.vue +2 -2
- package/vue/DySpace.vue +2 -3
- package/vue/DySwitch.vue +4 -7
- package/vue/DyTag.vue +4 -9
- package/elements/flow.d.ts +0 -52
- package/elements/flow.d.ts.map +0 -1
- package/elements/flow.js +0 -703
- package/elements/flow.js.map +0 -1
- package/elements/map.d.ts +0 -48
- package/elements/map.d.ts.map +0 -1
- package/elements/map.js +0 -396
- package/elements/map.js.map +0 -1
- package/react/DyFlow.d.ts +0 -24
- package/react/DyFlow.js +0 -18
- package/react/DyFlowCanvas.d.ts +0 -29
- package/react/DyFlowCanvas.js +0 -18
- package/react/DyListItem.d.ts +0 -24
- package/react/DyListOutside.d.ts +0 -15
- package/react/DyMap.d.ts +0 -32
- package/react/DyMap.js +0 -18
- package/svelte/flow.d.ts +0 -18
- package/svelte/flow.js +0 -2
- package/svelte/map.d.ts +0 -26
- package/svelte/map.js +0 -2
- package/vue/DyFlow.vue +0 -49
- package/vue/DyFlowCanvas.vue +0 -53
- package/vue/DyListItem.vue +0 -48
- package/vue/DyMap.vue +0 -56
package/elements/contextmenu.js
CHANGED
|
@@ -32,122 +32,34 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
32
32
|
}
|
|
33
33
|
return useValue ? value : void 0;
|
|
34
34
|
};
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import { classMap, styleMap } from '@mantou/gem/lib/utils';
|
|
39
|
-
import { setBodyInert, toggleActiveState } from '../lib/element';
|
|
40
|
-
import { hotkeys } from '../lib/hotkeys';
|
|
41
|
-
import { icons } from '../lib/icons';
|
|
35
|
+
import { customElement } from '@mantou/gem/lib/decorators';
|
|
36
|
+
import { html } from '@mantou/gem/lib/element';
|
|
37
|
+
import { TapContextmenuElement } from '@mantou/tap-ui/elements/contextmenu';
|
|
42
38
|
import { locale } from '../lib/locale';
|
|
43
|
-
import { theme } from '../lib/theme';
|
|
44
|
-
import './compartment';
|
|
45
39
|
import './button';
|
|
46
|
-
export { SEPARATOR } from '
|
|
47
|
-
const contextmenuStore = createStore({
|
|
48
|
-
menuStack: [],
|
|
49
|
-
});
|
|
50
|
-
function getMenuObject(menuOrMenuObject) {
|
|
51
|
-
if ('menu' in menuOrMenuObject) {
|
|
52
|
-
return menuOrMenuObject;
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
return { menu: menuOrMenuObject };
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
let closeResolve;
|
|
59
|
-
const style = css `
|
|
60
|
-
:host(:where(:not([hidden]))) {
|
|
61
|
-
display: block;
|
|
62
|
-
position: fixed;
|
|
63
|
-
z-index: calc(${theme.popupZIndex} + 2);
|
|
64
|
-
inset: 0;
|
|
65
|
-
top: env(titlebar-area-height, var(--titlebar-area-height, 0px));
|
|
66
|
-
font-size: 0.875em;
|
|
67
|
-
cursor: default;
|
|
68
|
-
user-select: none;
|
|
69
|
-
}
|
|
70
|
-
.mask {
|
|
71
|
-
position: absolute;
|
|
72
|
-
inset: 0;
|
|
73
|
-
}
|
|
74
|
-
.opaque {
|
|
75
|
-
background: rgba(0, 0, 0, ${theme.maskAlpha});
|
|
76
|
-
}
|
|
77
|
-
.menu-custom-container {
|
|
78
|
-
padding: 0.4em 1em;
|
|
79
|
-
}
|
|
80
|
-
.menu {
|
|
81
|
-
outline: none;
|
|
82
|
-
position: fixed;
|
|
83
|
-
font-size: 1em;
|
|
84
|
-
box-sizing: border-box;
|
|
85
|
-
box-shadow: 0 7px 14px rgba(0, 0, 0, calc(${theme.maskAlpha} - 0.1));
|
|
86
|
-
scrollbar-width: none;
|
|
87
|
-
}
|
|
88
|
-
`;
|
|
40
|
+
export { SEPARATOR } from '@mantou/tap-ui/elements/contextmenu';
|
|
89
41
|
let DuoyunContextmenuElement = (() => {
|
|
90
|
-
let _classDecorators = [customElement('dy-contextmenu')
|
|
42
|
+
let _classDecorators = [customElement('dy-contextmenu')];
|
|
91
43
|
let _classDescriptor;
|
|
92
44
|
let _classExtraInitializers = [];
|
|
93
45
|
let _classThis;
|
|
94
|
-
let _classSuper =
|
|
95
|
-
let _private_init_decorators;
|
|
96
|
-
let _private_init_initializers = [];
|
|
97
|
-
let _private_init_extraInitializers = [];
|
|
98
|
-
let _private_autoFocus_decorators;
|
|
99
|
-
let _private_autoFocus_initializers = [];
|
|
100
|
-
let _private_autoFocus_extraInitializers = [];
|
|
101
|
-
let _private_genMask_decorators;
|
|
102
|
-
let _private_genMask_initializers = [];
|
|
103
|
-
let _private_genMask_extraInitializers = [];
|
|
46
|
+
let _classSuper = TapContextmenuElement;
|
|
104
47
|
var DuoyunContextmenuElement = class extends _classSuper {
|
|
105
48
|
static { _classThis = this; }
|
|
106
49
|
static {
|
|
107
50
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
108
|
-
_private_init_decorators = [mounted()];
|
|
109
|
-
_private_autoFocus_decorators = [effect(() => [contextmenuStore.menuStack.length])];
|
|
110
|
-
_private_genMask_decorators = [effect(() => [contextmenuStore.menuStack.at(-1)?.menu])];
|
|
111
|
-
__esDecorate(null, null, _private_init_decorators, { kind: "field", name: "#init", static: false, private: true, access: { has: obj => #init in obj, get: obj => obj.#init, set: (obj, value) => { obj.#init = value; } }, metadata: _metadata }, _private_init_initializers, _private_init_extraInitializers);
|
|
112
|
-
__esDecorate(null, null, _private_autoFocus_decorators, { kind: "field", name: "#autoFocus", static: false, private: true, access: { has: obj => #autoFocus in obj, get: obj => obj.#autoFocus, set: (obj, value) => { obj.#autoFocus = value; } }, metadata: _metadata }, _private_autoFocus_initializers, _private_autoFocus_extraInitializers);
|
|
113
|
-
__esDecorate(null, null, _private_genMask_decorators, { kind: "field", name: "#genMask", static: false, private: true, access: { has: obj => #genMask in obj, get: obj => obj.#genMask, set: (obj, value) => { obj.#genMask = value; } }, metadata: _metadata }, _private_genMask_initializers, _private_genMask_extraInitializers);
|
|
114
51
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
115
52
|
DuoyunContextmenuElement = _classThis = _classDescriptor.value;
|
|
116
53
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
117
54
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
118
55
|
}
|
|
119
|
-
static instance;
|
|
120
|
-
static async open(contextmenu, options = {}) {
|
|
121
|
-
if (Array.isArray(contextmenu) && contextmenu.length === 0)
|
|
122
|
-
throw new Error('menu length is 0');
|
|
123
|
-
const { activeElement, openLeft, x = 0, y = 0, maskClosable = true } = options;
|
|
124
|
-
const menuObject = getMenuObject(contextmenu);
|
|
125
|
-
const menu = menuObject.menu;
|
|
126
|
-
const header = menuObject.header || options.header;
|
|
127
|
-
const width = menuObject.width || options.width;
|
|
128
|
-
const maxHeight = menuObject.maxHeight || options.maxHeight;
|
|
129
|
-
const searchable = menuObject.searchable || options.searchable;
|
|
130
|
-
toggleActiveState(activeElement, true);
|
|
131
|
-
contextmenuStore({
|
|
132
|
-
activeElement,
|
|
133
|
-
onlyActive: !!x || !!y,
|
|
134
|
-
openLeft,
|
|
135
|
-
maskClosable,
|
|
136
|
-
menuStack: [{ x, y, menu, searchable, header, width, maxHeight }],
|
|
137
|
-
});
|
|
138
|
-
if (!ContextMenu.instance) {
|
|
139
|
-
const ele = new ContextMenu();
|
|
140
|
-
document.body.append(ele);
|
|
141
|
-
}
|
|
142
|
-
await new Promise((res) => (closeResolve = res));
|
|
143
|
-
}
|
|
144
56
|
static async confirm(text, options) {
|
|
145
57
|
return new Promise((res, rej) => {
|
|
146
58
|
const onClick = () => {
|
|
147
|
-
|
|
59
|
+
this.close();
|
|
148
60
|
res(null);
|
|
149
61
|
};
|
|
150
|
-
|
|
62
|
+
this.open(html `
|
|
151
63
|
<style>
|
|
152
64
|
.confirm-button {
|
|
153
65
|
text-align: right;
|
|
@@ -163,195 +75,6 @@ let DuoyunContextmenuElement = (() => {
|
|
|
163
75
|
`, options).then(rej);
|
|
164
76
|
});
|
|
165
77
|
}
|
|
166
|
-
static close() {
|
|
167
|
-
if (!ContextMenu.instance)
|
|
168
|
-
return;
|
|
169
|
-
toggleActiveState(contextmenuStore.activeElement, false);
|
|
170
|
-
closeResolve();
|
|
171
|
-
ContextMenu.instance.remove();
|
|
172
|
-
// specify keyboard navigation location
|
|
173
|
-
contextmenuStore.activeElement?.focus();
|
|
174
|
-
contextmenuStore.activeElement?.blur();
|
|
175
|
-
}
|
|
176
|
-
#optionsRef = createRef();
|
|
177
|
-
get #defaultWidth() {
|
|
178
|
-
return contextmenuStore.menuStack[0].width || '15em';
|
|
179
|
-
}
|
|
180
|
-
get #menuElements() {
|
|
181
|
-
return [...this.shadowRoot.querySelectorAll('.menu')];
|
|
182
|
-
}
|
|
183
|
-
#offset = 4;
|
|
184
|
-
#onEnterMenu = (evt, menuStackIndex, subMenu) => {
|
|
185
|
-
const { menuStack, openLeft } = contextmenuStore;
|
|
186
|
-
if (subMenu) {
|
|
187
|
-
const menuObject = getMenuObject(subMenu);
|
|
188
|
-
const causeEle = evt.currentTarget;
|
|
189
|
-
if (causeEle === menuStack.at(menuStackIndex + 1)?.causeEle)
|
|
190
|
-
return;
|
|
191
|
-
const { left, right, top, bottom, width } = causeEle.getBoundingClientRect();
|
|
192
|
-
const em = parseFloat(getComputedStyle(this).fontSize);
|
|
193
|
-
const expectX = right - 0.75 * em;
|
|
194
|
-
const expectY = top - 0.4 * em;
|
|
195
|
-
const predictSubMenuHeight = 240;
|
|
196
|
-
const openTop = expectY > innerHeight - predictSubMenuHeight;
|
|
197
|
-
const isToLeft = (right + width > innerWidth ||
|
|
198
|
-
openLeft ||
|
|
199
|
-
(menuStackIndex > 0 && menuStack[menuStackIndex].x < menuStack[menuStackIndex - 1].x)) &&
|
|
200
|
-
left > 300;
|
|
201
|
-
contextmenuStore({
|
|
202
|
-
menuStack: [
|
|
203
|
-
...menuStack.slice(0, menuStackIndex + 1),
|
|
204
|
-
{
|
|
205
|
-
causeEle,
|
|
206
|
-
openTop,
|
|
207
|
-
x: isToLeft ? left - width + 0.75 * em : expectX,
|
|
208
|
-
y: openTop ? innerHeight - bottom - 0.4 * em : expectY,
|
|
209
|
-
...menuObject,
|
|
210
|
-
},
|
|
211
|
-
],
|
|
212
|
-
});
|
|
213
|
-
}
|
|
214
|
-
else {
|
|
215
|
-
contextmenuStore({ menuStack: menuStack.slice(0, menuStackIndex + 1) });
|
|
216
|
-
}
|
|
217
|
-
};
|
|
218
|
-
#execHandle = (handle) => {
|
|
219
|
-
if (handle) {
|
|
220
|
-
ContextMenu.close();
|
|
221
|
-
handle();
|
|
222
|
-
}
|
|
223
|
-
};
|
|
224
|
-
#onKeydown = (evt, menuStackIndex) => {
|
|
225
|
-
evt.stopPropagation();
|
|
226
|
-
hotkeys({
|
|
227
|
-
esc: menuStackIndex === 0
|
|
228
|
-
? ContextMenu.close
|
|
229
|
-
: () => contextmenuStore({ menuStack: contextmenuStore.menuStack.slice(0, menuStackIndex) }),
|
|
230
|
-
})(evt);
|
|
231
|
-
};
|
|
232
|
-
#preventDefault = (evt) => {
|
|
233
|
-
evt.preventDefault();
|
|
234
|
-
};
|
|
235
|
-
#initPosition = () => {
|
|
236
|
-
const element = this.#menuElements.shift();
|
|
237
|
-
const { activeElement, onlyActive, openLeft, menuStack } = contextmenuStore;
|
|
238
|
-
const { scrollHeight, clientHeight, clientWidth } = element;
|
|
239
|
-
const menu = menuStack[0];
|
|
240
|
-
const height = scrollHeight + 2;
|
|
241
|
-
const width = clientWidth + 2;
|
|
242
|
-
if (activeElement && !onlyActive) {
|
|
243
|
-
const { left, right, top, bottom } = activeElement.getBoundingClientRect();
|
|
244
|
-
const showToLeft = openLeft ? left > width + this.#offset : innerWidth - left < width + this.#offset;
|
|
245
|
-
const showToTop = innerHeight - bottom < height + 2 * this.#offset && top > innerHeight - bottom;
|
|
246
|
-
const x = showToLeft ? right - width : left;
|
|
247
|
-
const y = showToTop ? Math.max(top - height - 2 * this.#offset, 0) : bottom;
|
|
248
|
-
contextmenuStore({
|
|
249
|
-
menuStack: [
|
|
250
|
-
{
|
|
251
|
-
...menu,
|
|
252
|
-
x,
|
|
253
|
-
y,
|
|
254
|
-
maxHeight: menu.maxHeight || `${showToTop ? top - 2 * this.#offset : innerHeight - bottom - 2 * this.#offset}px`,
|
|
255
|
-
},
|
|
256
|
-
],
|
|
257
|
-
});
|
|
258
|
-
}
|
|
259
|
-
else {
|
|
260
|
-
const y = innerHeight - menu.y > width ? menu.y : Math.max(0, menu.y - (scrollHeight - clientHeight));
|
|
261
|
-
contextmenuStore({ menuStack: [{ ...menu, y }] });
|
|
262
|
-
}
|
|
263
|
-
};
|
|
264
|
-
#onMaskClick = () => {
|
|
265
|
-
if (contextmenuStore.maskClosable) {
|
|
266
|
-
ContextMenu.close();
|
|
267
|
-
}
|
|
268
|
-
};
|
|
269
|
-
#init = __runInitializers(this, _private_init_initializers, () => {
|
|
270
|
-
const restoreInert = setBodyInert(this);
|
|
271
|
-
ContextMenu.instance = this;
|
|
272
|
-
this.addEventListener('contextmenu', this.#preventDefault);
|
|
273
|
-
const ob = new ResizeObserver(this.#initPosition);
|
|
274
|
-
const optionsElement = this.#optionsRef.value;
|
|
275
|
-
if (optionsElement)
|
|
276
|
-
ob.observe(optionsElement);
|
|
277
|
-
return () => {
|
|
278
|
-
if (optionsElement)
|
|
279
|
-
ob.disconnect();
|
|
280
|
-
restoreInert();
|
|
281
|
-
ContextMenu.instance = undefined;
|
|
282
|
-
};
|
|
283
|
-
});
|
|
284
|
-
#autoFocus = (__runInitializers(this, _private_init_extraInitializers), __runInitializers(this, _private_autoFocus_initializers, () => this.#menuElements.at(-1)?.focus()));
|
|
285
|
-
#genMask = (__runInitializers(this, _private_autoFocus_extraInitializers), __runInitializers(this, _private_genMask_initializers, async () => {
|
|
286
|
-
// wait `<dy-options>` update
|
|
287
|
-
await Promise.resolve();
|
|
288
|
-
const causeEle = contextmenuStore.menuStack.at(-1)?.causeEle;
|
|
289
|
-
const { value: optionsEle } = this.#optionsRef;
|
|
290
|
-
if (!causeEle || !optionsEle)
|
|
291
|
-
return;
|
|
292
|
-
const causeEleRect = causeEle.getBoundingClientRect();
|
|
293
|
-
const optionsEleRect = optionsEle.getBoundingClientRect();
|
|
294
|
-
const isRight = optionsEleRect.right > causeEleRect.right;
|
|
295
|
-
const startPointX = isRight ? causeEleRect.right : causeEleRect.left;
|
|
296
|
-
const startPoint = [startPointX + 50 * (isRight ? -1 : 1), (causeEleRect.top + causeEleRect.bottom) / 2];
|
|
297
|
-
const secondPointX = isRight ? optionsEleRect.left : optionsEleRect.right;
|
|
298
|
-
const secondPoint = [secondPointX, optionsEleRect.top];
|
|
299
|
-
const thirdPoint = [secondPointX, optionsEleRect.bottom];
|
|
300
|
-
contextmenuStore.menuStack.at(-1).causeMask = html `
|
|
301
|
-
<div
|
|
302
|
-
style=${styleMap({
|
|
303
|
-
// background: 'rgba(0, 0, 0, 0.1)',
|
|
304
|
-
position: 'absolute',
|
|
305
|
-
width: `100vw`,
|
|
306
|
-
height: `100vh`,
|
|
307
|
-
clipPath: `polygon(${[startPoint, secondPoint, thirdPoint].map((point) => point.map((e) => `${e}px`).join(' '))})`,
|
|
308
|
-
})}
|
|
309
|
-
></div>
|
|
310
|
-
`;
|
|
311
|
-
contextmenuStore();
|
|
312
|
-
}));
|
|
313
|
-
render = (__runInitializers(this, _private_genMask_extraInitializers), () => {
|
|
314
|
-
const { menuStack, maskClosable } = contextmenuStore;
|
|
315
|
-
return html `
|
|
316
|
-
<div class=${classMap({ mask: true, opaque: !maskClosable })} @click=${this.#onMaskClick}></div>
|
|
317
|
-
${menuStack.map(({ x, y, menu, searchable, openTop, header, causeMask, width, maxHeight }, index, _, menuWidth = width || this.#defaultWidth, calcWidth = menuWidth === 'auto' ? '0px' : menuWidth) => html `
|
|
318
|
-
${causeMask}
|
|
319
|
-
<dy-options
|
|
320
|
-
${this.#optionsRef}
|
|
321
|
-
class="menu"
|
|
322
|
-
style=${styleMap({
|
|
323
|
-
width: menuWidth,
|
|
324
|
-
maxHeight: maxHeight || `calc(100vh - 0.8em - ${y - this.#offset}px)`,
|
|
325
|
-
[openTop ? 'bottom' : 'top']: `${y + this.#offset}px`,
|
|
326
|
-
left: `min(${x}px, calc(100vw - ${calcWidth} - ${2 * this.#offset}px))`,
|
|
327
|
-
})}
|
|
328
|
-
@keydown=${(evt) => this.#onKeydown(evt, index)}
|
|
329
|
-
?searchable=${searchable}
|
|
330
|
-
.options=${Array.isArray(menu)
|
|
331
|
-
? menu.map(({ text, description, tag, tagIcon, handle, disabled, selected, danger, menu: subMenu }, _index, __arr, onPointerEnter = (evt) => this.#onEnterMenu(evt, index, subMenu), onClick = !disabled ? (_evt) => this.#execHandle(handle) : undefined) => ({
|
|
332
|
-
label: text,
|
|
333
|
-
description,
|
|
334
|
-
tag,
|
|
335
|
-
disabled,
|
|
336
|
-
danger,
|
|
337
|
-
highlight: subMenu && getMenuObject(subMenu).menu === menuStack[index + 1]?.menu,
|
|
338
|
-
tagIcon: subMenu ? icons.right : selected ? icons.check : tagIcon,
|
|
339
|
-
onClick: subMenu ? onPointerEnter : onClick,
|
|
340
|
-
onPointerEnter,
|
|
341
|
-
}))
|
|
342
|
-
: undefined}
|
|
343
|
-
>
|
|
344
|
-
${Array.isArray(menu)
|
|
345
|
-
? header
|
|
346
|
-
: html `
|
|
347
|
-
<div class="menu-custom-container">
|
|
348
|
-
<dy-compartment .content=${menu}></dy-compartment>
|
|
349
|
-
</div>
|
|
350
|
-
`}
|
|
351
|
-
</dy-options>
|
|
352
|
-
`)}
|
|
353
|
-
`;
|
|
354
|
-
});
|
|
355
78
|
};
|
|
356
79
|
return DuoyunContextmenuElement = _classThis;
|
|
357
80
|
})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contextmenu.js","sourceRoot":"","sources":["../src/elements/contextmenu.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"contextmenu.js","sourceRoot":"","sources":["../src/elements/contextmenu.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,UAAU,CAAC;AAGlB,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;IAGnD,wBAAwB;4BADpC,aAAa,CAAC,gBAAgB,CAAC;;;;sBACc,qBAAqB;wCAA7B,SAAQ,WAAqB;;;;YAAnE,6KA6BC;;;YA7BY,uDAAwB;;QACnC,MAAM,CAAC,KAAK,CAAC,OAAO,CAClB,IAA6B,EAC7B,OAAoF;YAEpF,OAAO,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBAC9B,MAAM,OAAO,GAAG,GAAG,EAAE;oBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;oBACb,GAAG,CAAC,IAAI,CAAC,CAAC;gBACZ,CAAC,CAAC;gBACF,IAAI,CAAC,IAAI,CACP,IAAI,CAAA;;;;;;;sCAO0B,IAAI;;gCAEV,OAAO,WAAW,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;gBACtE,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE;;;SAGlC,EACD,OAAO,CACR,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACd,CAAC,CAAC,CAAC;QACL,CAAC;;;;SA5BU,wBAAwB;AA+BrC,MAAM,CAAC,MAAM,WAAW,GAAG,wBAAwB,CAAC"}
|
package/elements/countdown.d.ts
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export declare class DuoyunCountdownElement extends GemElement {
|
|
4
|
-
#private;
|
|
5
|
-
static hours: string;
|
|
6
|
-
static minutes: string;
|
|
7
|
-
static seconds: string;
|
|
8
|
-
static delimiter: string;
|
|
9
|
-
value: number;
|
|
10
|
-
renderChar: (char: string) => TemplateResult;
|
|
11
|
-
finish: Emitter;
|
|
12
|
-
render: () => TemplateResult;
|
|
1
|
+
import { TapCountdownElement } from '@mantou/tap-ui/elements/countdown';
|
|
2
|
+
export declare class DuoyunCountdownElement extends TapCountdownElement {
|
|
13
3
|
}
|
|
14
4
|
//# sourceMappingURL=countdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"countdown.d.ts","sourceRoot":"","sources":["../src/elements/countdown.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"countdown.d.ts","sourceRoot":"","sources":["../src/elements/countdown.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAExE,qBACa,sBAAuB,SAAQ,mBAAmB;CAAG"}
|
package/elements/countdown.js
CHANGED
|
@@ -32,111 +32,21 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
32
32
|
}
|
|
33
33
|
return useValue ? value : void 0;
|
|
34
34
|
};
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import { parseDurationToParts } from '../lib/time';
|
|
38
|
-
const style = css `
|
|
39
|
-
:host(:where(:not([hidden]))) {
|
|
40
|
-
display: inline-flex;
|
|
41
|
-
font-variant-numeric: tabular-nums;
|
|
42
|
-
}
|
|
43
|
-
.delimiter::before {
|
|
44
|
-
content: ':';
|
|
45
|
-
}
|
|
46
|
-
`;
|
|
35
|
+
import { customElement } from '@mantou/gem/lib/decorators';
|
|
36
|
+
import { TapCountdownElement } from '@mantou/tap-ui/elements/countdown';
|
|
47
37
|
let DuoyunCountdownElement = (() => {
|
|
48
|
-
let _classDecorators = [customElement('dy-countdown')
|
|
38
|
+
let _classDecorators = [customElement('dy-countdown')];
|
|
49
39
|
let _classDescriptor;
|
|
50
40
|
let _classExtraInitializers = [];
|
|
51
41
|
let _classThis;
|
|
52
|
-
let _classSuper =
|
|
53
|
-
let _static_hours_decorators;
|
|
54
|
-
let _static_hours_initializers = [];
|
|
55
|
-
let _static_hours_extraInitializers = [];
|
|
56
|
-
let _static_minutes_decorators;
|
|
57
|
-
let _static_minutes_initializers = [];
|
|
58
|
-
let _static_minutes_extraInitializers = [];
|
|
59
|
-
let _static_seconds_decorators;
|
|
60
|
-
let _static_seconds_initializers = [];
|
|
61
|
-
let _static_seconds_extraInitializers = [];
|
|
62
|
-
let _static_delimiter_decorators;
|
|
63
|
-
let _static_delimiter_initializers = [];
|
|
64
|
-
let _static_delimiter_extraInitializers = [];
|
|
65
|
-
let _value_decorators;
|
|
66
|
-
let _value_initializers = [];
|
|
67
|
-
let _value_extraInitializers = [];
|
|
68
|
-
let _renderChar_decorators;
|
|
69
|
-
let _renderChar_initializers = [];
|
|
70
|
-
let _renderChar_extraInitializers = [];
|
|
71
|
-
let _finish_decorators;
|
|
72
|
-
let _finish_initializers = [];
|
|
73
|
-
let _finish_extraInitializers = [];
|
|
74
|
-
let _private_update_decorators;
|
|
75
|
-
let _private_update_initializers = [];
|
|
76
|
-
let _private_update_extraInitializers = [];
|
|
42
|
+
let _classSuper = TapCountdownElement;
|
|
77
43
|
var DuoyunCountdownElement = class extends _classSuper {
|
|
78
44
|
static { _classThis = this; }
|
|
79
45
|
static {
|
|
80
46
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
81
|
-
_static_hours_decorators = [part];
|
|
82
|
-
_static_minutes_decorators = [part];
|
|
83
|
-
_static_seconds_decorators = [part];
|
|
84
|
-
_static_delimiter_decorators = [part];
|
|
85
|
-
_value_decorators = [numattribute];
|
|
86
|
-
_renderChar_decorators = [property];
|
|
87
|
-
_finish_decorators = [emitter];
|
|
88
|
-
_private_update_decorators = [effect()];
|
|
89
|
-
__esDecorate(null, null, _static_hours_decorators, { kind: "field", name: "hours", static: true, private: false, access: { has: obj => "hours" in obj, get: obj => obj.hours, set: (obj, value) => { obj.hours = value; } }, metadata: _metadata }, _static_hours_initializers, _static_hours_extraInitializers);
|
|
90
|
-
__esDecorate(null, null, _static_minutes_decorators, { kind: "field", name: "minutes", static: true, private: false, access: { has: obj => "minutes" in obj, get: obj => obj.minutes, set: (obj, value) => { obj.minutes = value; } }, metadata: _metadata }, _static_minutes_initializers, _static_minutes_extraInitializers);
|
|
91
|
-
__esDecorate(null, null, _static_seconds_decorators, { kind: "field", name: "seconds", static: true, private: false, access: { has: obj => "seconds" in obj, get: obj => obj.seconds, set: (obj, value) => { obj.seconds = value; } }, metadata: _metadata }, _static_seconds_initializers, _static_seconds_extraInitializers);
|
|
92
|
-
__esDecorate(null, null, _static_delimiter_decorators, { kind: "field", name: "delimiter", static: true, private: false, access: { has: obj => "delimiter" in obj, get: obj => obj.delimiter, set: (obj, value) => { obj.delimiter = value; } }, metadata: _metadata }, _static_delimiter_initializers, _static_delimiter_extraInitializers);
|
|
93
|
-
__esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
|
|
94
|
-
__esDecorate(null, null, _renderChar_decorators, { kind: "field", name: "renderChar", static: false, private: false, access: { has: obj => "renderChar" in obj, get: obj => obj.renderChar, set: (obj, value) => { obj.renderChar = value; } }, metadata: _metadata }, _renderChar_initializers, _renderChar_extraInitializers);
|
|
95
|
-
__esDecorate(null, null, _finish_decorators, { kind: "field", name: "finish", static: false, private: false, access: { has: obj => "finish" in obj, get: obj => obj.finish, set: (obj, value) => { obj.finish = value; } }, metadata: _metadata }, _finish_initializers, _finish_extraInitializers);
|
|
96
|
-
__esDecorate(null, null, _private_update_decorators, { kind: "field", name: "#update", static: false, private: true, access: { has: obj => #update in obj, get: obj => obj.#update, set: (obj, value) => { obj.#update = value; } }, metadata: _metadata }, _private_update_initializers, _private_update_extraInitializers);
|
|
97
47
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
98
48
|
DuoyunCountdownElement = _classThis = _classDescriptor.value;
|
|
99
49
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
100
|
-
}
|
|
101
|
-
static hours = __runInitializers(_classThis, _static_hours_initializers, void 0);
|
|
102
|
-
static minutes = (__runInitializers(_classThis, _static_hours_extraInitializers), __runInitializers(_classThis, _static_minutes_initializers, void 0));
|
|
103
|
-
static seconds = (__runInitializers(_classThis, _static_minutes_extraInitializers), __runInitializers(_classThis, _static_seconds_initializers, void 0));
|
|
104
|
-
static delimiter = (__runInitializers(_classThis, _static_seconds_extraInitializers), __runInitializers(_classThis, _static_delimiter_initializers, void 0));
|
|
105
|
-
value = __runInitializers(this, _value_initializers, void 0);
|
|
106
|
-
renderChar = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _renderChar_initializers, void 0));
|
|
107
|
-
finish = (__runInitializers(this, _renderChar_extraInitializers), __runInitializers(this, _finish_initializers, void 0));
|
|
108
|
-
get #value() {
|
|
109
|
-
return this.value || Date.now();
|
|
110
|
-
}
|
|
111
|
-
get #diff() {
|
|
112
|
-
return Math.max(0, this.#value - Date.now());
|
|
113
|
-
}
|
|
114
|
-
get #renderChar() {
|
|
115
|
-
return this.renderChar || ((v) => v);
|
|
116
|
-
}
|
|
117
|
-
#update = (__runInitializers(this, _finish_extraInitializers), __runInitializers(this, _private_update_initializers, () => {
|
|
118
|
-
const timer = setTimeout(() => this.update(), this.#diff % 1000);
|
|
119
|
-
return () => clearTimeout(timer);
|
|
120
|
-
}));
|
|
121
|
-
#fill = (__runInitializers(this, _private_update_extraInitializers), (n) => {
|
|
122
|
-
const str = n.toString().padStart(2, '0');
|
|
123
|
-
return repeat([...str], (char) => this.#renderChar(char));
|
|
124
|
-
});
|
|
125
|
-
render = () => {
|
|
126
|
-
const currentSec = Math.round(this.#diff / 1000);
|
|
127
|
-
if (!currentSec)
|
|
128
|
-
this.finish();
|
|
129
|
-
const { hours, minutes, seconds } = parseDurationToParts(currentSec * 1000);
|
|
130
|
-
return html `
|
|
131
|
-
<div part=${DuoyunCountdownElement.hours}>${this.#fill(hours)}</div>
|
|
132
|
-
<div part=${DuoyunCountdownElement.delimiter} class="delimiter"></div>
|
|
133
|
-
<div part=${DuoyunCountdownElement.minutes}>${this.#fill(minutes)}</div>
|
|
134
|
-
<div part=${DuoyunCountdownElement.delimiter} class="delimiter"></div>
|
|
135
|
-
<div part=${DuoyunCountdownElement.seconds}>${this.#fill(seconds)}</div>
|
|
136
|
-
`;
|
|
137
|
-
};
|
|
138
|
-
static {
|
|
139
|
-
__runInitializers(_classThis, _static_delimiter_extraInitializers);
|
|
140
50
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
141
51
|
}
|
|
142
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"countdown.js","sourceRoot":"","sources":["../src/elements/countdown.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"countdown.js","sourceRoot":"","sources":["../src/elements/countdown.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;IAG3D,sBAAsB;4BADlC,aAAa,CAAC,cAAc,CAAC;;;;sBACc,mBAAmB;sCAA3B,SAAQ,WAAmB;;;;YAA/D,6KAAkE;;;YAArD,uDAAsB;;;;;SAAtB,sBAAsB"}
|
package/elements/divider.d.ts
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class DuoyunDividerElement extends
|
|
3
|
-
#private;
|
|
4
|
-
static unnamed: string;
|
|
5
|
-
size: 'small' | 'medium' | 'large';
|
|
6
|
-
color: string;
|
|
7
|
-
orientation: 'horizontal' | 'vertical';
|
|
8
|
-
position: 'start' | 'center' | 'end';
|
|
1
|
+
import { TapDividerElement } from '@mantou/tap-ui/elements/divider';
|
|
2
|
+
export declare class DuoyunDividerElement extends TapDividerElement {
|
|
9
3
|
}
|
|
10
4
|
//# sourceMappingURL=divider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../src/elements/divider.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../src/elements/divider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,qBACa,oBAAqB,SAAQ,iBAAiB;CAAG"}
|