duoyun-ui 0.0.42 → 0.0.43
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/alert.d.ts +1 -1
- package/elements/alert.d.ts.map +1 -1
- package/elements/alert.js +11 -12
- package/elements/alert.js.map +1 -1
- package/elements/shortcut-record.d.ts +1 -0
- package/elements/shortcut-record.d.ts.map +1 -1
- package/elements/shortcut-record.js +8 -4
- package/elements/shortcut-record.js.map +1 -1
- package/package.json +1 -1
package/elements/alert.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { GemElement } from '@mantou/gem/lib/element';
|
|
2
2
|
import './use';
|
|
3
3
|
import './action-text';
|
|
4
|
-
declare type Status = 'positive' | 'notice' | 'negative' | 'default';
|
|
4
|
+
declare type Status = 'positive' | 'notice' | 'negative' | 'informative' | 'default';
|
|
5
5
|
/**
|
|
6
6
|
* @customElement dy-alert
|
|
7
7
|
*/
|
package/elements/alert.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/elements/alert.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAM3D,OAAO,OAAO,CAAC;AACf,OAAO,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/elements/alert.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAM3D,OAAO,OAAO,CAAC;AACf,OAAO,eAAe,CAAC;AAmCvB,aAAK,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;AAE7E;;GAEG;AACH,qBAEa,kBAAmB,SAAQ,UAAU;;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;;IAwBxD,MAAM,8DAuBJ;CACH"}
|
package/elements/alert.js
CHANGED
|
@@ -9,18 +9,17 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
9
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
10
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
11
|
};
|
|
12
|
-
var _DuoyunAlertElement_instances, _DuoyunAlertElement_icon_get;
|
|
12
|
+
var _DuoyunAlertElement_instances, _DuoyunAlertElement_icon_get, _DuoyunAlertElement_color_get;
|
|
13
13
|
// https://spectrum.adobe.com/page/in-line-alert/
|
|
14
14
|
import { adoptedStyle, customElement, attribute, property } from '@mantou/gem/lib/decorators';
|
|
15
15
|
import { GemElement, html } from '@mantou/gem/lib/element';
|
|
16
16
|
import { createCSSSheet, css } from '@mantou/gem/lib/utils';
|
|
17
|
-
import { theme } from '../lib/theme';
|
|
17
|
+
import { theme, getSemanticColor } from '../lib/theme';
|
|
18
18
|
import { icons } from '../lib/icons';
|
|
19
19
|
import './use';
|
|
20
20
|
import './action-text';
|
|
21
21
|
const style = createCSSSheet(css `
|
|
22
22
|
:host {
|
|
23
|
-
--color: ${theme.neutralColor};
|
|
24
23
|
display: flex;
|
|
25
24
|
flex-direction: column;
|
|
26
25
|
padding: 1.2em 1.5em;
|
|
@@ -28,15 +27,6 @@ const style = createCSSSheet(css `
|
|
|
28
27
|
border: 2px solid var(--color);
|
|
29
28
|
border-radius: ${theme.normalRound};
|
|
30
29
|
}
|
|
31
|
-
:host([status='positive']) {
|
|
32
|
-
--color: ${theme.positiveColor};
|
|
33
|
-
}
|
|
34
|
-
:host([status='notice']) {
|
|
35
|
-
--color: ${theme.noticeColor};
|
|
36
|
-
}
|
|
37
|
-
:host([status='negative']) {
|
|
38
|
-
--color: ${theme.negativeColor};
|
|
39
|
-
}
|
|
40
30
|
.header {
|
|
41
31
|
display: flex;
|
|
42
32
|
gap: 1em;
|
|
@@ -70,6 +60,11 @@ let DuoyunAlertElement = class DuoyunAlertElement extends GemElement {
|
|
|
70
60
|
this.render = () => {
|
|
71
61
|
const icon = __classPrivateFieldGet(this, _DuoyunAlertElement_instances, "a", _DuoyunAlertElement_icon_get);
|
|
72
62
|
return html `
|
|
63
|
+
<style>
|
|
64
|
+
:host {
|
|
65
|
+
--color: ${__classPrivateFieldGet(this, _DuoyunAlertElement_instances, "a", _DuoyunAlertElement_color_get)};
|
|
66
|
+
}
|
|
67
|
+
</style>
|
|
73
68
|
<div class="header">
|
|
74
69
|
<div class="title">${this.header}</div>
|
|
75
70
|
${icon ? html `<dy-use class="icon" .element=${icon}></dy-use>` : ''}
|
|
@@ -97,7 +92,11 @@ _DuoyunAlertElement_instances = new WeakSet(), _DuoyunAlertElement_icon_get = fu
|
|
|
97
92
|
return icons.warning;
|
|
98
93
|
case 'negative':
|
|
99
94
|
return icons.error;
|
|
95
|
+
case 'informative':
|
|
96
|
+
return icons.info;
|
|
100
97
|
}
|
|
98
|
+
}, _DuoyunAlertElement_color_get = function _DuoyunAlertElement_color_get() {
|
|
99
|
+
return getSemanticColor(this.status) || theme.neutralColor;
|
|
101
100
|
};
|
|
102
101
|
__decorate([
|
|
103
102
|
attribute
|
package/elements/alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../src/elements/alert.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAAiD;AACjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../src/elements/alert.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAAiD;AACjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,OAAO,OAAO,CAAC;AACf,OAAO,eAAe,CAAC;AAEvB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;qBAOX,KAAK,CAAC,WAAW;;;;;;;;;;;;;;aAczB,KAAK,CAAC,aAAa;;;;;;;;;;CAU/B,CAAC,CAAC;AAIH;;GAEG;AAGH,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,UAAU;IAuBhD;QACE,KAAK,EAAE,CAAC;;QAIV,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,IAAI,GAAG,uBAAA,IAAI,mEAAM,CAAC;YACxB,OAAO,IAAI,CAAA;;;qBAGM,uBAAA,IAAI,oEAAO;;;;6BAIH,IAAI,CAAC,MAAM;UAC9B,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE;;;;;QAKnE,IAAI,CAAC,MAAM;gBACX,CAAC,CAAC,IAAI,CAAA;;uCAEyB,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI;;WAElE;gBACH,CAAC,CAAC,EAAE;KACP,CAAC;QACJ,CAAC,CAAC;QA1BA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,OAAO,CAAC;IAChC,CAAC;CA0BF,CAAA;;IA7CG,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;QACrB,KAAK,aAAa;YAChB,OAAO,KAAK,CAAC,IAAI,CAAC;KACrB;AACH,CAAC;IAGC,OAAO,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC;AAC7D,CAAC;AApBU;IAAV,SAAS;kDAAgB;AACf;IAAV,SAAS;kDAAgB;AAEhB;IAAT,QAAQ;kDAA+C;AAJ7C,kBAAkB;IAF9B,aAAa,CAAC,UAAU,CAAC;IACzB,YAAY,CAAC,KAAK,CAAC;GACP,kBAAkB,CAoD9B;SApDY,kBAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shortcut-record.d.ts","sourceRoot":"","sources":["../src/elements/shortcut-record.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,OAAO,
|
|
1
|
+
{"version":3,"file":"shortcut-record.d.ts","sourceRoot":"","sources":["../src/elements/shortcut-record.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,OAAO,EAIR,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAQ3D,OAAO,aAAa,CAAC;AAsCrB;;;;;GAKG;AACH,qBAGa,2BAA4B,SAAQ,UAAU;;IACnD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;IAEd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;;IAuC3B,MAAM,8DAaJ;CACH"}
|
|
@@ -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 _DuoyunShortcutRecordElement_instances, _DuoyunShortcutRecordElement_tooltip_get, _DuoyunShortcutRecordElement_onKeydown;
|
|
13
|
-
|
|
13
|
+
var DuoyunShortcutRecordElement_1;
|
|
14
|
+
import { adoptedStyle, customElement, attribute, globalemitter, property, boolattribute, 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';
|
|
@@ -59,7 +60,7 @@ const style = createCSSSheet(css `
|
|
|
59
60
|
* @attr tooltip
|
|
60
61
|
* @attr disabled
|
|
61
62
|
*/
|
|
62
|
-
let DuoyunShortcutRecordElement = class DuoyunShortcutRecordElement extends GemElement {
|
|
63
|
+
let DuoyunShortcutRecordElement = DuoyunShortcutRecordElement_1 = class DuoyunShortcutRecordElement extends GemElement {
|
|
63
64
|
constructor() {
|
|
64
65
|
super();
|
|
65
66
|
_DuoyunShortcutRecordElement_instances.add(this);
|
|
@@ -83,7 +84,7 @@ let DuoyunShortcutRecordElement = class DuoyunShortcutRecordElement extends GemE
|
|
|
83
84
|
return html `
|
|
84
85
|
<dy-paragraph class="paragraph">
|
|
85
86
|
${this.value
|
|
86
|
-
? html `${this.value.map((key) => html `<kbd>${getDisplayKey(key)}</kbd>`)}`
|
|
87
|
+
? html `${this.value.map((key) => html `<kbd part=${DuoyunShortcutRecordElement_1.kbd}>${getDisplayKey(key)}</kbd>`)}`
|
|
87
88
|
: html `
|
|
88
89
|
<div class="placeholder">${this.placeholder}</div>
|
|
89
90
|
<div class="tooltip">${__classPrivateFieldGet(this, _DuoyunShortcutRecordElement_instances, "a", _DuoyunShortcutRecordElement_tooltip_get)}</div>
|
|
@@ -122,7 +123,10 @@ __decorate([
|
|
|
122
123
|
__decorate([
|
|
123
124
|
property
|
|
124
125
|
], DuoyunShortcutRecordElement.prototype, "value", void 0);
|
|
125
|
-
|
|
126
|
+
__decorate([
|
|
127
|
+
part
|
|
128
|
+
], DuoyunShortcutRecordElement, "kbd", void 0);
|
|
129
|
+
DuoyunShortcutRecordElement = DuoyunShortcutRecordElement_1 = __decorate([
|
|
126
130
|
customElement('dy-shortcut-record'),
|
|
127
131
|
adoptedStyle(style),
|
|
128
132
|
adoptedStyle(focusStyle)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shortcut-record.js","sourceRoot":"","sources":["../src/elements/shortcut-record.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"shortcut-record.js","sourceRoot":"","sources":["../src/elements/shortcut-record.ts"],"names":[],"mappings":"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"}
|