@mantou/gem 2.2.1 → 2.2.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/dist/gem.es.js +1015 -1014
- package/dist/gem.umd.js +12 -15
- package/elements/base/gesture.js +1 -1
- package/elements/base/link.d.ts +1 -1
- package/elements/base/link.d.ts.map +1 -1
- package/elements/base/link.js +13 -9
- package/elements/base/link.js.map +1 -1
- package/elements/base/modal-factory.d.ts +73 -48
- package/elements/base/modal-factory.d.ts.map +1 -1
- package/elements/base/modal-factory.js +12 -11
- package/elements/base/modal-factory.js.map +1 -1
- package/elements/base/route.d.ts +1 -1
- package/elements/base/route.d.ts.map +1 -1
- package/elements/base/route.js +11 -15
- package/elements/base/route.js.map +1 -1
- package/elements/base/title.d.ts.map +1 -1
- package/elements/base/title.js +2 -4
- package/elements/base/title.js.map +1 -1
- package/elements/base/unsafe.d.ts +3 -2
- package/elements/base/unsafe.d.ts.map +1 -1
- package/elements/base/unsafe.js +45 -24
- package/elements/base/unsafe.js.map +1 -1
- package/helper/i18n.d.ts.map +1 -1
- package/helper/logger.d.ts.map +1 -1
- package/helper/react-utils.d.ts.map +1 -1
- package/helper/react-utils.js +2 -6
- package/helper/react-utils.js.map +1 -1
- package/helper/ssr-shim.d.ts.map +1 -1
- package/helper/ssr-shim.js +0 -1
- package/helper/ssr-shim.js.map +1 -1
- package/helper/theme.d.ts +15 -3
- package/helper/theme.d.ts.map +1 -1
- package/helper/theme.js +22 -7
- package/helper/theme.js.map +1 -1
- package/lib/decorators.d.ts +49 -49
- package/lib/decorators.d.ts.map +1 -1
- package/lib/decorators.js +50 -49
- package/lib/decorators.js.map +1 -1
- package/lib/directive.d.ts.map +1 -1
- package/lib/element.d.ts.map +1 -1
- package/lib/element.js.map +1 -1
- package/lib/history.d.ts +1 -1
- package/lib/history.d.ts.map +1 -1
- package/lib/history.js +3 -3
- package/lib/history.js.map +1 -1
- package/lib/lit-html.d.ts +2 -5
- package/lib/lit-html.d.ts.map +1 -1
- package/lib/lit-html.js +2 -5
- package/lib/lit-html.js.map +1 -1
- package/lib/reactive.d.ts +12 -5
- package/lib/reactive.d.ts.map +1 -1
- package/lib/reactive.js +14 -18
- package/lib/reactive.js.map +1 -1
- package/lib/repeat.d.ts.map +1 -1
- package/lib/store.d.ts +2 -2
- package/lib/store.d.ts.map +1 -1
- package/lib/store.js +1 -0
- package/lib/store.js.map +1 -1
- package/lib/utils.d.ts +4 -1
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +11 -9
- package/lib/utils.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.d.ts.map +1 -1
- package/lib/version.js +2 -1
- package/lib/version.js.map +1 -1
- package/package.json +2 -2
- package/src/elements/base/gesture.ts +1 -1
- package/src/elements/base/link.ts +3 -3
- package/src/elements/base/modal-factory.ts +12 -11
- package/src/elements/base/route.ts +9 -15
- package/src/elements/base/title.ts +2 -4
- package/src/elements/base/unsafe.ts +33 -14
- package/src/helper/react-utils.ts +4 -12
- package/src/helper/ssr-shim.ts +0 -1
- package/src/helper/theme.ts +25 -10
- package/src/lib/decorators.ts +51 -49
- package/src/lib/element.ts +0 -1
- package/src/lib/history.ts +3 -4
- package/src/lib/lit-html.ts +3 -0
- package/src/lib/reactive.ts +45 -21
- package/src/lib/store.ts +3 -2
- package/src/lib/utils.ts +15 -8
- package/src/lib/version.ts +2 -1
- package/src/test/gem-element/advance.test.ts +1 -1
- package/src/test/gem-element/basic.test.ts +1 -2
- package/src/test/utils.test.ts +1 -1
package/elements/base/unsafe.js
CHANGED
|
@@ -32,20 +32,28 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
|
|
|
32
32
|
}
|
|
33
33
|
return useValue ? value : void 0;
|
|
34
34
|
};
|
|
35
|
-
import { attribute, shadow, template } from '../../lib/decorators';
|
|
36
|
-
import { GemElement } from '../../lib/reactive';
|
|
35
|
+
import { adoptedStyle, attribute, effect, property, shadow, template } from '../../lib/decorators';
|
|
36
|
+
import { css, GemElement, SheetToken } from '../../lib/reactive';
|
|
37
|
+
const style = css `
|
|
38
|
+
:host(:where(:not([hidden]))) {
|
|
39
|
+
display: contents;
|
|
40
|
+
}
|
|
41
|
+
`;
|
|
37
42
|
let GemUnsafeElement = (() => {
|
|
38
|
-
let _classDecorators = [shadow()];
|
|
43
|
+
let _classDecorators = [shadow(), adoptedStyle(style)];
|
|
39
44
|
let _classDescriptor;
|
|
40
45
|
let _classExtraInitializers = [];
|
|
41
46
|
let _classThis;
|
|
42
47
|
let _classSuper = GemElement;
|
|
43
|
-
let
|
|
44
|
-
let
|
|
45
|
-
let
|
|
46
|
-
let
|
|
47
|
-
let
|
|
48
|
-
let
|
|
48
|
+
let _html_decorators;
|
|
49
|
+
let _html_initializers = [];
|
|
50
|
+
let _html_extraInitializers = [];
|
|
51
|
+
let _styles_decorators;
|
|
52
|
+
let _styles_initializers = [];
|
|
53
|
+
let _styles_extraInitializers = [];
|
|
54
|
+
let _private_adoptStyles_decorators;
|
|
55
|
+
let _private_adoptStyles_initializers = [];
|
|
56
|
+
let _private_adoptStyles_extraInitializers = [];
|
|
49
57
|
let _private_content_decorators;
|
|
50
58
|
let _private_content_initializers = [];
|
|
51
59
|
let _private_content_extraInitializers = [];
|
|
@@ -53,29 +61,42 @@ let GemUnsafeElement = (() => {
|
|
|
53
61
|
static { _classThis = this; }
|
|
54
62
|
static {
|
|
55
63
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
56
|
-
|
|
57
|
-
|
|
64
|
+
_html_decorators = [attribute];
|
|
65
|
+
_styles_decorators = [property];
|
|
66
|
+
_private_adoptStyles_decorators = [effect()];
|
|
58
67
|
_private_content_decorators = [template()];
|
|
59
|
-
__esDecorate(null, null,
|
|
60
|
-
__esDecorate(null, null,
|
|
68
|
+
__esDecorate(null, null, _html_decorators, { kind: "field", name: "html", static: false, private: false, access: { has: obj => "html" in obj, get: obj => obj.html, set: (obj, value) => { obj.html = value; } }, metadata: _metadata }, _html_initializers, _html_extraInitializers);
|
|
69
|
+
__esDecorate(null, null, _styles_decorators, { kind: "field", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles, set: (obj, value) => { obj.styles = value; } }, metadata: _metadata }, _styles_initializers, _styles_extraInitializers);
|
|
70
|
+
__esDecorate(null, null, _private_adoptStyles_decorators, { kind: "field", name: "#adoptStyles", static: false, private: true, access: { has: obj => #adoptStyles in obj, get: obj => obj.#adoptStyles, set: (obj, value) => { obj.#adoptStyles = value; } }, metadata: _metadata }, _private_adoptStyles_initializers, _private_adoptStyles_extraInitializers);
|
|
61
71
|
__esDecorate(null, null, _private_content_decorators, { kind: "field", name: "#content", static: false, private: true, access: { has: obj => #content in obj, get: obj => obj.#content, set: (obj, value) => { obj.#content = value; } }, metadata: _metadata }, _private_content_initializers, _private_content_extraInitializers);
|
|
62
72
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
63
73
|
GemUnsafeElement = _classThis = _classDescriptor.value;
|
|
64
74
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
65
75
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
66
76
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
#
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
77
|
+
html = __runInitializers(this, _html_initializers, void 0);
|
|
78
|
+
styles = (__runInitializers(this, _html_extraInitializers), __runInitializers(this, _styles_initializers, void 0));
|
|
79
|
+
get #sheets() {
|
|
80
|
+
if (!this.styles)
|
|
81
|
+
return [];
|
|
82
|
+
if (typeof this.styles === 'string') {
|
|
83
|
+
const sheet = new CSSStyleSheet();
|
|
84
|
+
sheet.replaceSync(this.styles);
|
|
85
|
+
return [sheet];
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
return [this.styles].flat().map((e) => e[SheetToken].getStyle());
|
|
89
|
+
}
|
|
74
90
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
91
|
+
#adoptStyles = (__runInitializers(this, _styles_extraInitializers), __runInitializers(this, _private_adoptStyles_initializers, () => {
|
|
92
|
+
const sheets = this.shadowRoot.adoptedStyleSheets;
|
|
93
|
+
this.shadowRoot.adoptedStyleSheets = sheets.concat(this.#sheets);
|
|
94
|
+
return () => {
|
|
95
|
+
this.shadowRoot.adoptedStyleSheets = sheets;
|
|
96
|
+
};
|
|
97
|
+
}));
|
|
98
|
+
#content = (__runInitializers(this, _private_adoptStyles_extraInitializers), __runInitializers(this, _private_content_initializers, () => {
|
|
99
|
+
this.shadowRoot.innerHTML = this.html;
|
|
79
100
|
// 不要更新内容
|
|
80
101
|
return undefined;
|
|
81
102
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"unsafe.js","sourceRoot":"","sources":["../../src/elements/base/unsafe.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"unsafe.js","sourceRoot":"","sources":["../../src/elements/base/unsafe.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnG,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEjE,MAAM,KAAK,GAAG,GAAG,CAAA;;;;CAIhB,CAAC;IAIW,gBAAgB;4BAF5B,MAAM,EAAE,EACR,YAAY,CAAC,KAAK,CAAC;;;;sBACkB,UAAU;;;;;;;;;;;;;gCAAlB,SAAQ,WAAU;;;;gCAC7C,SAAS;kCACT,QAAQ;+CAaR,MAAM,EAAE;2CASR,QAAQ,EAAE;YAvBA,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YACd,oKAAA,MAAM,6BAAN,MAAM,uFAAsC;YActD,qJAAA,YAAY,yBAAZ,YAAY,6BAAZ,YAAY,iHAMV;YAGF,6IAAA,QAAQ,yBAAR,QAAQ,6BAAR,QAAQ,yGAKN;YA9BJ,6KA+BC;;;YA/BY,uDAAgB;;QAChB,IAAI,uDAAS;QACd,MAAM,6GAAsC;QAEtD,IAAI,OAAO;YACT,IAAI,CAAC,IAAI,CAAC,MAAM;gBAAE,OAAO,EAAE,CAAC;YAC5B,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;gBACpC,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE,CAAC;gBAClC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC/B,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;QAGD,YAAY,mHAAG,GAAG,EAAE;YAClB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAW,CAAC,kBAAkB,CAAC;YACnD,IAAI,CAAC,UAAW,CAAC,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAClE,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,UAAW,CAAC,kBAAkB,GAAG,MAAM,CAAC;YAC/C,CAAC,CAAC;QACJ,CAAC,GAAC;QAGF,QAAQ,4HAAG,GAAG,EAAE;YACd,IAAI,CAAC,UAAW,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC;YAEvC,SAAS;YACT,OAAO,SAAS,CAAC;QACnB,CAAC,GAAC;;;;;;;;SA9BS,gBAAgB"}
|
package/helper/i18n.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/helper/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAYtD,wBAAgB,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,cAAc,CAAC,GAAG,MAAM,CAAC,EAAE,kBAW7F;AAID,KAAK,GAAG,GACJ;IACE,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB,GACD,MAAM,CAAC;AAEX,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,UAAU,SAAS,CAAC,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;CACpC;AAED,UAAU,WAAW,CAAC,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAG3B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,qBAAa,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,YAAW,YAAY;;IAChE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,WAAW,SAAc;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAG7C,OAAO,
|
|
1
|
+
{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/helper/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAYtD,wBAAgB,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,cAAc,CAAC,GAAG,MAAM,CAAC,EAAE,kBAW7F;AAID,KAAK,GAAG,GACJ;IACE,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB,GACD,MAAM,CAAC;AAEX,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,UAAU,SAAS,CAAC,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;CACpC;AAED,UAAU,WAAW,CAAC,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAG3B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,qBAAa,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,YAAW,YAAY;;IAChE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,WAAW,SAAc;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAG7C,OAAO,GAAI,UAAU,mBAAmB,qBAA6B;IACrE,SAAS;;MAA0C;gBAwCvC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IA6BnC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM;IACvB,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,cAAc,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,cAAc;IAUxF,cAAc;IAUR,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAkEhD,aAAa;IAYb,QAAQ;IAOR,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAY9E;;;;;;;;OAQG;IACH,MAAM;;;;CAMP"}
|
package/helper/logger.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../src/helper/logger.ts"],"names":[],"mappings":"AAAA,qBAAa,MAAM;;gBAOL,IAAI,EAAE,MAAM;IAIxB,IAAI,
|
|
1
|
+
{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../src/helper/logger.ts"],"names":[],"mappings":"AAAA,qBAAa,MAAM;;gBAOL,IAAI,EAAE,MAAM;IAIxB,IAAI,GAAI,GAAG,MAAM,GAAG,EAAE,UAEpB;IAEF,IAAI,GAAI,GAAG,MAAM,GAAG,EAAE,UAEpB;IAEF,KAAK,GAAI,GAAG,MAAM,GAAG,EAAE,UAErB;CACH;AAED,eAAO,MAAM,MAAM,QAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-utils.d.ts","sourceRoot":"","sources":["../src/helper/react-utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"react-utils.d.ts","sourceRoot":"","sources":["../src/helper/react-utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG1C;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,QAcxD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,QAG7D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,OAe3C"}
|
package/helper/react-utils.js
CHANGED
|
@@ -1,10 +1,6 @@
|
|
|
1
|
-
//
|
|
2
|
-
// @ts-ignore
|
|
3
|
-
// eslint-disable-next-line import/no-unresolved, import/no-extraneous-dependencies
|
|
1
|
+
// @ts-expect-error
|
|
4
2
|
import { useEffect, useRef, useState } from 'react';
|
|
5
|
-
//
|
|
6
|
-
// @ts-ignore
|
|
7
|
-
// eslint-disable-next-line import/no-unresolved, import/no-extraneous-dependencies
|
|
3
|
+
// @ts-expect-error
|
|
8
4
|
import { createRoot } from 'react-dom/client';
|
|
9
5
|
import { connect } from '../lib/store';
|
|
10
6
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-utils.js","sourceRoot":"","sources":["../src/helper/react-utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"react-utils.js","sourceRoot":"","sources":["../src/helper/react-utils.ts"],"names":[],"mappings":"AAEA,mBAAmB;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD,mBAAmB;AACnB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,GAAQ,EAAE,IAAe;IACvD,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;IACrB,GAAG,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IAC5B,QAAQ;IACR,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEvB,MAAM,QAAQ,GAAG,GAAG,YAAY,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;IAC7D,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;QAC5B,QAAQ,CAAC,MAAM,CACb,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,EAC/B,GAAG,EAAE,CAAC,EAAE,CACT,CAAC;QACF,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;IAChC,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY,CAAmB,KAAe;IAC5D,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACxD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,IAAe;IAC1C,MAAM,GAAG,GAAG,MAAM,EAA0C,CAAC;IAC7D,4MAA4M;IAC5M,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACvD,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;QAChB,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC9B,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC;IAC/B,CAAC;IACD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;IACrC,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,GAAG,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IAClC,oMAAoM;IACpM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClB,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
package/helper/ssr-shim.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ssr-shim.d.ts","sourceRoot":"","sources":["../src/helper/ssr-shim.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ssr-shim.d.ts","sourceRoot":"","sources":["../src/helper/ssr-shim.ts"],"names":[],"mappings":"AA+CA,OAAO,EAAE,CAAC"}
|
package/helper/ssr-shim.js
CHANGED
package/helper/ssr-shim.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ssr-shim.js","sourceRoot":"","sources":["../src/helper/ssr-shim.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,wBAAwB;AAExB,
|
|
1
|
+
{"version":3,"file":"ssr-shim.js","sourceRoot":"","sources":["../src/helper/ssr-shim.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,wBAAwB;AAExB,cAAc;AACd,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IAClC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,gBAAgB;QAChB,SAAS,SAAS;YAChB,OAAO,MAAM,EAAE,CAAC;QAClB,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE;YACjC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC1B,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;SACzB,CAAC,CAAC;QACH,OAAO,IAAI,KAAK,CAAC,SAAS,EAAE;YAC1B,GAAG,CAAC,MAAM,EAAE,GAAG;gBACb,IAAI,GAAG,KAAK,MAAM,CAAC,WAAW;oBAAE,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC;gBAChD,OAAO,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC;YACjD,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IAErB,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC;IAC/B,UAAU,CAAC,QAAQ,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;IAC7C,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC;IAE9B,UAAU,CAAC,QAAQ,GAAG,GAAG,CAAC;IAC1B,UAAU,CAAC,gBAAgB,GAAG,GAAG,CAAC;IAClC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,UAAU,CAAC,cAAc,GAAG,GAAG,CAAC;IAEhC,YAAY;IACZ,UAAU,CAAC,aAAa,GAAG,GAAG,CAAC;IAC/B,UAAU,CAAC,QAAQ,GAAG,GAAG,CAAC;IAC1B,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,UAAU,CAAC,gBAAgB,GAAG,GAAG,CAAC;IAElC,IAAI,CAAC;QACH,gBAAgB;QAChB,kDAAkD;QAClD,UAAU,CAAC,SAAS,GAAG,GAAG,CAAC;IAC7B,CAAC;IAAC,MAAM,CAAC;QACP,EAAE;IACJ,CAAC;AACH,CAAC;AAED,OAAO,EAAE,CAAC"}
|
package/helper/theme.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { GemElement, Sheet } from '../lib/reactive';
|
|
2
2
|
import type { Store } from '../lib/store';
|
|
3
|
-
import {
|
|
4
|
-
export type Theme<T> =
|
|
3
|
+
import type { Updater } from '../lib/utils';
|
|
4
|
+
export type Theme<T> = Updater<T> & Sheet<unknown> & {
|
|
5
5
|
[K in keyof T as K extends `${string}Color` ? `${string & K}${'' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900}` : K]: string;
|
|
6
6
|
};
|
|
7
7
|
/**获取主题原始值 */
|
|
@@ -16,5 +16,17 @@ export declare function createScopedTheme<T extends Record<string, unknown>>(the
|
|
|
16
16
|
export declare function createTheme<T extends Record<string, unknown>>(themeObj: T): Theme<T>;
|
|
17
17
|
/** 用来覆盖全局主题 */
|
|
18
18
|
export declare function createOverrideTheme<T extends Record<string, unknown>>(theme: Theme<T>, themeObj: Partial<T>): Theme<Partial<T>>;
|
|
19
|
-
|
|
19
|
+
/**
|
|
20
|
+
* 返回一个主题对象,但同时又是一个装饰器函数,用来装饰一个主题更新函数
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```ts
|
|
24
|
+
* const elementTheme = createDecoratorTheme({ color: '' });
|
|
25
|
+
* class MyElement {
|
|
26
|
+
* @elementTheme()
|
|
27
|
+
* #theme = () => ({ color: this.color });
|
|
28
|
+
* }
|
|
29
|
+
* ```
|
|
30
|
+
* */
|
|
31
|
+
export declare function createDecoratorTheme<T extends Record<string, unknown>>(themeObj: T): Updater<Theme<T>, <E extends GemElement, V extends () => T, K = any[] | undefined>(getDep?: K extends readonly any[] ? (instance: E) => K : undefined) => (_: any, { addInitializer, access }: ClassFieldDecoratorContext<E, V> | ClassMethodDecoratorContext<E, V>) => void>;
|
|
20
32
|
//# sourceMappingURL=theme.d.ts.map
|
package/helper/theme.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/helper/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/helper/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAC/B,KAAK,CAAC,OAAO,CAAC,GAAG;KACd,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,GAAG,MAAM,OAAO,GACvC,GAAG,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,GAC1E,CAAC,GAAG,MAAM;CACf,CAAC;AAKJ,aAAa;AACb,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GACX,KAAK,CAAC,CAAC,CAAC,CAC5C;AAED,gBAAgB;AAChB,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GACX,KAAK,CAAC,CAAC,CAAC,CAC5C;AAwCD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC,YAE/E;AAED,WAAW;AACX,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC,YAIzE;AAED,eAAe;AACf,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,qBAE3G;AAED;;;;;;;;;;;KAWK;AACL,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC,GAgBpC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAb7C,CAAC,SAAS,UAAU,EAAE,CAAC,SAAS,MAAM,CAAC,EAAE,CAAC,+BAC/C,CAAC,SAAS,SAAS,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,MAG1D,GAAG,GAAG,EAAE,gGAA+B,UAS4B,CAC9E"}
|
package/helper/theme.js
CHANGED
|
@@ -36,7 +36,7 @@ function createThemeFromProps(themeObj, props = {}) {
|
|
|
36
36
|
}
|
|
37
37
|
rules += `${props[key]}:${store[key]};`;
|
|
38
38
|
});
|
|
39
|
-
styleSheet.setContent(
|
|
39
|
+
styleSheet.setContent(`&,:host{${rules}}`);
|
|
40
40
|
};
|
|
41
41
|
updateContent();
|
|
42
42
|
connect(store, () => {
|
|
@@ -61,16 +61,31 @@ export function createTheme(themeObj) {
|
|
|
61
61
|
export function createOverrideTheme(theme, themeObj) {
|
|
62
62
|
return createThemeFromProps(themeObj, getThemeProps(theme));
|
|
63
63
|
}
|
|
64
|
+
/**
|
|
65
|
+
* 返回一个主题对象,但同时又是一个装饰器函数,用来装饰一个主题更新函数
|
|
66
|
+
*
|
|
67
|
+
* @example
|
|
68
|
+
* ```ts
|
|
69
|
+
* const elementTheme = createDecoratorTheme({ color: '' });
|
|
70
|
+
* class MyElement {
|
|
71
|
+
* @elementTheme()
|
|
72
|
+
* #theme = () => ({ color: this.color });
|
|
73
|
+
* }
|
|
74
|
+
* ```
|
|
75
|
+
* */
|
|
64
76
|
export function createDecoratorTheme(themeObj) {
|
|
65
77
|
const themeAsKeys = createThemeFromProps(themeObj);
|
|
66
78
|
const props = getThemeProps(themeAsKeys);
|
|
67
|
-
const update = (getDep) =>
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
79
|
+
const update = (getDep) => {
|
|
80
|
+
return (_, { addInitializer, access }) => {
|
|
81
|
+
addInitializer(function () {
|
|
82
|
+
const theme = createThemeFromProps({ ...themeObj }, props);
|
|
83
|
+
this.internals.sheets.push(theme[SheetToken].getStyle(this, true));
|
|
84
|
+
this.memo(() => theme(access.get(this).apply(this)), getDep && (() => getDep(this)));
|
|
85
|
+
});
|
|
86
|
+
};
|
|
73
87
|
};
|
|
88
|
+
// 不知道为什么 `as` 能解决外部 `SheetToken` 不能命名的问题
|
|
74
89
|
return createUpdater(themeAsKeys, update);
|
|
75
90
|
}
|
|
76
91
|
//# sourceMappingURL=theme.js.map
|
package/helper/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/helper/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/helper/theme.ts"],"names":[],"mappings":"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"}
|
package/lib/decorators.d.ts
CHANGED
|
@@ -5,11 +5,11 @@ import type { Store } from './store';
|
|
|
5
5
|
/**
|
|
6
6
|
* 定义一个响应式的 attribute,驼峰字段名将自动映射到烤串 attribute,默认值为空字符串;不要覆盖定义
|
|
7
7
|
*
|
|
8
|
-
*
|
|
8
|
+
* @example
|
|
9
9
|
* ```ts
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
10
|
+
* class App extends GemElement {
|
|
11
|
+
* @attribute attr: string;
|
|
12
|
+
* }
|
|
13
13
|
* ```
|
|
14
14
|
*/
|
|
15
15
|
export declare function attribute<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T, string>): (this: any, initValue: any) => any;
|
|
@@ -18,25 +18,25 @@ export declare function numattribute<T extends GemElement>(_: undefined, context
|
|
|
18
18
|
/**
|
|
19
19
|
* 定义一个响应式的 property,注意值可能为 `undefined`;不要覆盖定义
|
|
20
20
|
*
|
|
21
|
-
*
|
|
21
|
+
* @example
|
|
22
22
|
* ```ts
|
|
23
|
-
*
|
|
24
|
-
*
|
|
25
|
-
*
|
|
23
|
+
* class App extends GemElement {
|
|
24
|
+
* @property prop: Data | undefined;
|
|
25
|
+
* }
|
|
26
26
|
* ```
|
|
27
27
|
*/
|
|
28
28
|
export declare function property<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T>): (this: any, initValue: any) => any;
|
|
29
29
|
/**
|
|
30
30
|
* 依赖 `GemElement.memo`
|
|
31
31
|
*
|
|
32
|
-
*
|
|
32
|
+
* @example
|
|
33
33
|
* ```ts
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
*
|
|
34
|
+
* class App extends GemElement {
|
|
35
|
+
* @memo(() => [])
|
|
36
|
+
* get data() {
|
|
37
|
+
* return 1;
|
|
38
|
+
* }
|
|
39
|
+
* }
|
|
40
40
|
* ```
|
|
41
41
|
*/
|
|
42
42
|
export declare function memo<T extends GemElement, V = any, K = any[] | undefined>(getDep?: K extends readonly any[] ? (instance: T) => K : undefined): (_: any, context: ClassGetterDecoratorContext<T, V> | ClassFieldDecoratorContext<T> | ClassMethodDecoratorContext<T>) => void;
|
|
@@ -45,14 +45,14 @@ export declare function memo<T extends GemElement, V = any, K = any[] | undefine
|
|
|
45
45
|
* - 方法执行在字段前面
|
|
46
46
|
* - 如果没有 oldValue,在为首次执行
|
|
47
47
|
*
|
|
48
|
-
*
|
|
48
|
+
* @example
|
|
49
49
|
* ```ts
|
|
50
|
-
*
|
|
51
|
-
*
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
50
|
+
* class App extends GemElement {
|
|
51
|
+
* @effect(() => [])
|
|
52
|
+
* #fetchData(newValue, oldValue) {
|
|
53
|
+
* console.log('fetch')
|
|
54
|
+
* }
|
|
55
|
+
* }
|
|
56
56
|
* ```
|
|
57
57
|
*/
|
|
58
58
|
export declare function effect<T extends GemElement, V extends (depValues: K, oldDepValues?: K) => any, K = any[] | undefined>(getDep?: K extends readonly any[] ? (instance: T) => K : undefined): (_: any, { addInitializer, access }: ClassFieldDecoratorContext<T, V> | ClassMethodDecoratorContext<T, V>) => void;
|
|
@@ -71,35 +71,35 @@ export declare function fallback<T extends GemElement, V extends (err: any) => T
|
|
|
71
71
|
* 重新赋值转换 css 伪类
|
|
72
72
|
* 将来也可能用于 IDE 识别
|
|
73
73
|
*
|
|
74
|
-
*
|
|
74
|
+
* @example
|
|
75
75
|
* ```ts
|
|
76
|
-
*
|
|
77
|
-
*
|
|
78
|
-
*
|
|
76
|
+
* class App extends GemElement {
|
|
77
|
+
* @state state: boolean;
|
|
78
|
+
* }
|
|
79
79
|
* ```
|
|
80
80
|
*/
|
|
81
81
|
export declare function state<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T, boolean>): void;
|
|
82
82
|
/**
|
|
83
83
|
* 定义一个内部 slot,默认值即为字段名,不能使用全局属性 `slot`
|
|
84
84
|
*
|
|
85
|
-
*
|
|
85
|
+
* @example
|
|
86
86
|
* ```ts
|
|
87
|
-
*
|
|
88
|
-
*
|
|
89
|
-
*
|
|
90
|
-
*
|
|
87
|
+
* class App extends GemElement {
|
|
88
|
+
* @slot slot: string;
|
|
89
|
+
* @slot static slot: string;
|
|
90
|
+
* }
|
|
91
91
|
* ```
|
|
92
92
|
*/
|
|
93
93
|
export declare function slot(_: undefined, context: ClassFieldDecoratorContext<any, string>): (this: any, value: string) => string;
|
|
94
94
|
/**
|
|
95
95
|
* 定义一个内部 part,默认值即为字段名,不能使用全局属性 `part`
|
|
96
96
|
*
|
|
97
|
-
*
|
|
97
|
+
* @example
|
|
98
98
|
* ```ts
|
|
99
|
-
*
|
|
100
|
-
*
|
|
101
|
-
*
|
|
102
|
-
*
|
|
99
|
+
* class App extends GemElement {
|
|
100
|
+
* @part part: string;
|
|
101
|
+
* @part static part: string;
|
|
102
|
+
* }
|
|
103
103
|
* ```
|
|
104
104
|
*/
|
|
105
105
|
export declare function part(_: undefined, context: ClassFieldDecoratorContext<any, string>): (this: any, value: string) => string;
|
|
@@ -108,11 +108,11 @@ export type Emitter<T = any> = ((detail?: T, options?: Omit<CustomEventInit<unkn
|
|
|
108
108
|
* 定义一个事件发射器,类似 `HTMLElement.click`,
|
|
109
109
|
* 调用时将同步发送一个和字段名称的烤串式格式的自定义事件
|
|
110
110
|
*
|
|
111
|
-
*
|
|
111
|
+
* @example
|
|
112
112
|
* ```ts
|
|
113
|
-
*
|
|
114
|
-
*
|
|
115
|
-
*
|
|
113
|
+
* class App extends GemElement {
|
|
114
|
+
* @emitter load: Function;
|
|
115
|
+
* }
|
|
116
116
|
* ```
|
|
117
117
|
*/
|
|
118
118
|
export declare function emitter<T extends GemElement>(_: undefined, context: ClassFieldDecoratorContext<T, Emitter>): void;
|
|
@@ -120,20 +120,20 @@ export declare function globalemitter<T extends GemElement>(_: undefined, contex
|
|
|
120
120
|
/**
|
|
121
121
|
* 分配一个构造的样式表,前面的优先级越高(因为装饰器是越近越早执行)
|
|
122
122
|
*
|
|
123
|
-
*
|
|
123
|
+
* @example
|
|
124
124
|
* ```ts
|
|
125
|
-
*
|
|
126
|
-
*
|
|
125
|
+
* @adoptedStyle(stylesheet)
|
|
126
|
+
* class App extends GemElement {}
|
|
127
127
|
* ```
|
|
128
128
|
*/
|
|
129
129
|
export declare function adoptedStyle(sheet: Sheet<unknown>): (_: unknown, context: ClassDecoratorContext) => void;
|
|
130
130
|
/**
|
|
131
131
|
* 链接一个 store,当 store 更新时更新元素
|
|
132
132
|
*
|
|
133
|
-
*
|
|
133
|
+
* @example
|
|
134
134
|
* ```ts
|
|
135
|
-
*
|
|
136
|
-
*
|
|
135
|
+
* @connectStore(store)
|
|
136
|
+
* class App extends GemElement {}
|
|
137
137
|
* ```
|
|
138
138
|
*/
|
|
139
139
|
export declare function connectStore(store: Store<any>): (_: unknown, context: ClassDecoratorContext) => void;
|
|
@@ -151,10 +151,10 @@ export declare function aria(info: Metadata['aria']): (_: any, context: ClassDec
|
|
|
151
151
|
/**
|
|
152
152
|
* 定义自定义元素
|
|
153
153
|
*
|
|
154
|
-
*
|
|
154
|
+
* @example
|
|
155
155
|
* ```ts
|
|
156
|
-
*
|
|
157
|
-
*
|
|
156
|
+
* @customElement('my-element')
|
|
157
|
+
* class App extends GemElement {}
|
|
158
158
|
* ```
|
|
159
159
|
*/
|
|
160
160
|
export declare function customElement(name: string): (cls: new (...args: any) => any, { addInitializer }: ClassDecoratorContext) => void;
|
package/lib/decorators.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../src/lib/decorators.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"decorators.d.ts","sourceRoot":"","sources":["../src/lib/decorators.ts"],"names":[],"mappings":"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"}
|