duoyun-ui 1.1.20 → 2.0.0-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -4,11 +4,11 @@
 
 ```bash
 # install dependencies
-yarn
+pnpm install
 # test
-yarn test
+pnpm test
 # build watch
-yarn start
+pnpm start
 # development, view example and api
-yarn docs
+pnpm docs
 ```

package/elements/action-text.d.ts

@@ -6,11 +6,11 @@ import './tooltip';
  * @attr tooltip
  */
 export declare class DuoyunActionTextElement extends GemElement {
+    #private;
     static unnamed: string;
     tooltip: string;
     color: string;
     active: boolean;
-    constructor();
-    render: () => import("lit-html/lib/template-result").TemplateResult;
+    render: () => import("@mantou/gem/lib/element").TemplateResult;
 }
 //# sourceMappingURL=action-text.d.ts.map

package/elements/action-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-text.d.ts","sourceRoot":"","sources":["../src/elements/action-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAQ3D,OAAO,WAAW,CAAC;AAoBnB;;;;GAIG;AACH,qBAGa,uBAAwB,SAAQ,UAAU;IAC/C,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAElB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;;IAQvB,MAAM,8DAWJ;CACH"}
+{"version":3,"file":"action-text.d.ts","sourceRoot":"","sources":["../src/elements/action-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAS3E,OAAO,WAAW,CAAC;AAsBnB;;;;GAIG;AACH,qBAKa,uBAAwB,SAAQ,UAAU;;IAC/C,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAElB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAWvB,MAAM,yDAMJ;CACH"}

package/elements/action-text.js

@@ -1,27 +1,57 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
 };
-import { GemElement, html } from '@mantou/gem/lib/element';
-import { adoptedStyle, customElement, attribute, state, slot } from '@mantou/gem/lib/decorators';
-import { createCSSSheet, css } from '@mantou/gem/lib/utils';
+import { GemElement, html, createCSSSheet } from '@mantou/gem/lib/element';
+import { adoptedStyle, customElement, attribute, state, slot, aria, shadow, mounted } from '@mantou/gem/lib/decorators';
+import { addListener, css } from '@mantou/gem/lib/utils';
+import { useDecoratorTheme } from '@mantou/gem/helper/theme';
 import { theme, getSemanticColor } from '../lib/theme';
 import { commonHandle } from '../lib/hotkeys';
 import { focusStyle } from '../lib/styles';
 import './tooltip';
+const [elementTheme, updateTheme] = useDecoratorTheme({ color: '', activeColor: '' });
 const style = createCSSSheet(css `
   :host {
     overflow: hidden;
     text-overflow: ellipsis;
     cursor: default;
     line-height: 1.5;
-    color: var(--color, inherit);
+    color: ${elementTheme.color};
     border-radius: ${theme.normalRound};
   }
-  :host(:where(:hover, [data-active], :state(active))) {
-    color: var(--color, ${theme.primaryColor});
+  :host(:where(:hover, :state(active))) {
+    color: ${elementTheme.activeColor};
     text-decoration: underline;
   }
   :host(:where(:lang(zh), :lang(ja), :lang(kr))) {
@@ -33,41 +63,72 @@ const style = createCSSSheet(css `
  * @attr color
  * @attr tooltip
  */
-let DuoyunActionTextElement = class DuoyunActionTextElement extends GemElement {
-    constructor() {
-        super({ focusable: true });
-        this.render = () => {
-            return html `
-      <style>
-        :host([color]) {
-          --color: ${getSemanticColor(this.color) || this.color};
+let DuoyunActionTextElement = (() => {
+    let _classDecorators = [customElement('dy-action-text'), adoptedStyle(style), adoptedStyle(focusStyle), shadow(), aria({ focusable: true, role: 'button' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = GemElement;
+    let _static_unnamed_decorators;
+    let _static_unnamed_initializers = [];
+    let _static_unnamed_extraInitializers = [];
+    let _tooltip_decorators;
+    let _tooltip_initializers = [];
+    let _tooltip_extraInitializers = [];
+    let _color_decorators;
+    let _color_initializers = [];
+    let _color_extraInitializers = [];
+    let _active_decorators;
+    let _active_initializers = [];
+    let _active_extraInitializers = [];
+    let _private_init_decorators;
+    let _private_init_initializers = [];
+    let _private_init_extraInitializers = [];
+    let _private_theme_decorators;
+    let _private_theme_initializers = [];
+    let _private_theme_extraInitializers = [];
+    var DuoyunActionTextElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _static_unnamed_decorators = [slot];
+            _tooltip_decorators = [attribute];
+            _color_decorators = [attribute];
+            _active_decorators = [state];
+            _private_init_decorators = [mounted()];
+            _private_theme_decorators = [updateTheme()];
+            __esDecorate(null, null, _static_unnamed_decorators, { kind: "field", name: "unnamed", static: true, private: false, access: { has: obj => "unnamed" in obj, get: obj => obj.unnamed, set: (obj, value) => { obj.unnamed = value; } }, metadata: _metadata }, _static_unnamed_initializers, _static_unnamed_extraInitializers);
+            __esDecorate(null, null, _tooltip_decorators, { kind: "field", name: "tooltip", static: false, private: false, access: { has: obj => "tooltip" in obj, get: obj => obj.tooltip, set: (obj, value) => { obj.tooltip = value; } }, metadata: _metadata }, _tooltip_initializers, _tooltip_extraInitializers);
+            __esDecorate(null, null, _color_decorators, { kind: "field", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+            __esDecorate(null, null, _active_decorators, { kind: "field", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
+            __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);
+            __esDecorate(null, null, _private_theme_decorators, { kind: "field", name: "#theme", static: false, private: true, access: { has: obj => #theme in obj, get: obj => obj.#theme, set: (obj, value) => { obj.#theme = value; } }, metadata: _metadata }, _private_theme_initializers, _private_theme_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DuoyunActionTextElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-      </style>
+        static unnamed = __runInitializers(_classThis, _static_unnamed_initializers, void 0);
+        tooltip = __runInitializers(this, _tooltip_initializers, void 0);
+        color = (__runInitializers(this, _tooltip_extraInitializers), __runInitializers(this, _color_initializers, void 0));
+        active = (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _active_initializers, void 0));
+        #init = (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _private_init_initializers, () => addListener(this, 'keydown', commonHandle)));
+        #theme = (__runInitializers(this, _private_init_extraInitializers), __runInitializers(this, _private_theme_initializers, () => {
+            const color = getSemanticColor(this.color) || this.color;
+            return { color: color || 'inherit', activeColor: color || theme.primaryColor };
+        }));
+        render = (__runInitializers(this, _private_theme_extraInitializers), () => {
+            return html `
       <dy-tooltip .content=${this.tooltip}>
         <slot></slot>
       </dy-tooltip>
     `;
-        };
-        this.internals.role = 'button';
-        this.addEventListener('keydown', commonHandle);
-    }
-};
-__decorate([
-    attribute
-], DuoyunActionTextElement.prototype, "tooltip", void 0);
-__decorate([
-    attribute
-], DuoyunActionTextElement.prototype, "color", void 0);
-__decorate([
-    state
-], DuoyunActionTextElement.prototype, "active", void 0);
-__decorate([
-    slot
-], DuoyunActionTextElement, "unnamed", void 0);
-DuoyunActionTextElement = __decorate([
-    customElement('dy-action-text'),
-    adoptedStyle(style),
-    adoptedStyle(focusStyle)
-], DuoyunActionTextElement);
+        });
+        static {
+            __runInitializers(_classThis, _static_unnamed_extraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DuoyunActionTextElement = _classThis;
+})();
 export { DuoyunActionTextElement };
 //# sourceMappingURL=action-text.js.map

package/elements/action-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-text.js","sourceRoot":"","sources":["../src/elements/action-text.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,WAAW,CAAC;AAEnB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;qBAOX,KAAK,CAAC,WAAW;;;0BAGZ,KAAK,CAAC,YAAY;;;;;;CAM3C,CAAC,CAAC;AAEH;;;;GAIG;AAII,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAOrD;QACE,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAK7B,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;;;qBAGM,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK;;;6BAGlC,IAAI,CAAC,OAAO;;;KAGpC,CAAC;QACJ,CAAC,CAAC;QAfA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC/B,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;IACjD,CAAC;CAcF,CAAA;AAtBY;IAAV,SAAS;wDAAiB;AAChB;IAAV,SAAS;sDAAe;AAClB;IAAN,KAAK;uDAAiB;AAJV;IAAZ,IAAI;8CAAwB;AADlB,uBAAuB;IAHnC,aAAa,CAAC,gBAAgB,CAAC;IAC/B,YAAY,CAAC,KAAK,CAAC;IACnB,YAAY,CAAC,UAAU,CAAC;GACZ,uBAAuB,CAyBnC"}
+{"version":3,"file":"action-text.js","sourceRoot":"","sources":["../src/elements/action-text.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACxH,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,WAAW,CAAC;AAEnB,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;AAEtF,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;aAMnB,YAAY,CAAC,KAAK;qBACV,KAAK,CAAC,WAAW;;;aAGzB,YAAY,CAAC,WAAW;;;;;;CAMpC,CAAC,CAAC;AAEH;;;;GAIG;IAMU,uBAAuB;4BALnC,aAAa,CAAC,gBAAgB,CAAC,EAC/B,YAAY,CAAC,KAAK,CAAC,EACnB,YAAY,CAAC,UAAU,CAAC,EACxB,MAAM,EAAE,EACR,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;;;;sBACG,UAAU;;;;;;;;;;;;;;;;;;;uCAAlB,SAAQ,WAAU;;;;0CACpD,IAAI;mCAEJ,SAAS;iCACT,SAAS;kCACT,KAAK;wCAEL,OAAO,EAAE;yCAGT,WAAW,EAAE;YATR,6KAAO,OAAO,6BAAP,OAAO,uGAAS;YAElB,uKAAA,OAAO,6BAAP,OAAO,yFAAS;YAChB,iKAAA,KAAK,6BAAL,KAAK,qFAAS;YAClB,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAGvB,uIAAA,KAAK,yBAAL,KAAK,6BAAL,KAAK,mGAAoD;YAGzD,yIAAA,MAAM,yBAAN,MAAM,6BAAN,MAAM,qGAGJ;YAdJ,6KAuBC;;;;QAtBO,MAAM,CAAC,OAAO,uEAAS;QAElB,OAAO,0DAAS;QAChB,KAAK,+GAAS;QAClB,MAAM,8GAAU;QAGvB,KAAK,4GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,GAAC;QAGzD,MAAM,mHAAG,GAAG,EAAE;YACZ,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC;YACzD,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;QACjF,CAAC,GAAC;QAEF,MAAM,+DAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;6BACc,IAAI,CAAC,OAAO;;;KAGpC,CAAC;QACJ,CAAC,EAAC;;;YAtBS,uDAAuB;;;;;SAAvB,uBAAuB"}

package/elements/alert.d.ts

@@ -14,8 +14,7 @@ export declare class DuoyunAlertElement extends GemElement {
         text: string;
         handle: () => void;
     };
-    constructor();
-    render: () => import("lit-html/lib/template-result").TemplateResult;
+    render: () => import("@mantou/gem/lib/element").TemplateResult;
 }
 export {};
 //# sourceMappingURL=alert.d.ts.map

package/elements/alert.d.ts.map

@@ -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;AAmCvB,KAAK,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;AAE7E;;GAEG;AACH,qBAEa,kBAAmB,SAAQ,UAAU;;IAC1C,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAElB,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"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/elements/alert.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAO3E,OAAO,OAAO,CAAC;AACf,OAAO,eAAe,CAAC;AAqCvB,KAAK,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;AAE7E;;GAEG;AACH,qBAIa,kBAAmB,SAAQ,UAAU;;IAC1C,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAElB,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;IAkBxD,MAAM,yDAkBJ;CACH"}

package/elements/alert.js

@@ -1,30 +1,54 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    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;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    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");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
 };
-var _DuoyunAlertElement_instances, _DuoyunAlertElement_icon_get, _DuoyunAlertElement_color_get;
 // https://spectrum.adobe.com/page/in-line-alert/
-import { adoptedStyle, customElement, attribute, property, slot } from '@mantou/gem/lib/decorators';
-import { GemElement, html } from '@mantou/gem/lib/element';
-import { createCSSSheet, css } from '@mantou/gem/lib/utils';
+import { adoptedStyle, customElement, attribute, property, slot, aria, shadow } from '@mantou/gem/lib/decorators';
+import { GemElement, html, createCSSSheet } from '@mantou/gem/lib/element';
+import { css } from '@mantou/gem/lib/utils';
+import { useDecoratorTheme } from '@mantou/gem/helper/theme';
 import { theme, getSemanticColor } from '../lib/theme';
 import { icons } from '../lib/icons';
 import './use';
 import './action-text';
+const [elementTheme, updateTheme] = useDecoratorTheme({ color: '' });
 const style = createCSSSheet(css `
   :host(:where(:not([hidden]))) {
     display: flex;
     flex-direction: column;
     padding: 1.2em 1.5em;
     gap: 0.8em;
-    border: 2px solid var(--color);
+    border: 2px solid ${elementTheme.color};
     border-radius: ${theme.normalRound};
   }
   .header {
@@ -44,7 +68,7 @@ const style = createCSSSheet(css `
   }
   .icon {
     width: 1.5em;
-    color: var(--color);
+    color: ${elementTheme.color};
   }
   .footer {
     text-align: right;
@@ -53,18 +77,65 @@ const style = createCSSSheet(css `
 /**
  * @customElement dy-alert
  */
-let DuoyunAlertElement = class DuoyunAlertElement extends GemElement {
-    constructor() {
-        super();
-        _DuoyunAlertElement_instances.add(this);
-        this.render = () => {
-            const icon = __classPrivateFieldGet(this, _DuoyunAlertElement_instances, "a", _DuoyunAlertElement_icon_get);
-            return html `
-      <style>
-        :host {
-          --color: ${__classPrivateFieldGet(this, _DuoyunAlertElement_instances, "a", _DuoyunAlertElement_color_get)};
+let DuoyunAlertElement = (() => {
+    let _classDecorators = [customElement('dy-alert'), adoptedStyle(style), aria({ role: 'alert' }), shadow()];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = GemElement;
+    let _static_unnamed_decorators;
+    let _static_unnamed_initializers = [];
+    let _static_unnamed_extraInitializers = [];
+    let _header_decorators;
+    let _header_initializers = [];
+    let _header_extraInitializers = [];
+    let _status_decorators;
+    let _status_initializers = [];
+    let _status_extraInitializers = [];
+    let _action_decorators;
+    let _action_initializers = [];
+    let _action_extraInitializers = [];
+    let _private_theme_decorators;
+    let _private_theme_initializers = [];
+    let _private_theme_extraInitializers = [];
+    var DuoyunAlertElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _static_unnamed_decorators = [slot];
+            _header_decorators = [attribute];
+            _status_decorators = [attribute];
+            _action_decorators = [property];
+            _private_theme_decorators = [updateTheme()];
+            __esDecorate(null, null, _static_unnamed_decorators, { kind: "field", name: "unnamed", static: true, private: false, access: { has: obj => "unnamed" in obj, get: obj => obj.unnamed, set: (obj, value) => { obj.unnamed = value; } }, metadata: _metadata }, _static_unnamed_initializers, _static_unnamed_extraInitializers);
+            __esDecorate(null, null, _header_decorators, { kind: "field", name: "header", static: false, private: false, access: { has: obj => "header" in obj, get: obj => obj.header, set: (obj, value) => { obj.header = value; } }, metadata: _metadata }, _header_initializers, _header_extraInitializers);
+            __esDecorate(null, null, _status_decorators, { kind: "field", name: "status", static: false, private: false, access: { has: obj => "status" in obj, get: obj => obj.status, set: (obj, value) => { obj.status = value; } }, metadata: _metadata }, _status_initializers, _status_extraInitializers);
+            __esDecorate(null, null, _action_decorators, { kind: "field", name: "action", static: false, private: false, access: { has: obj => "action" in obj, get: obj => obj.action, set: (obj, value) => { obj.action = value; } }, metadata: _metadata }, _action_initializers, _action_extraInitializers);
+            __esDecorate(null, null, _private_theme_decorators, { kind: "field", name: "#theme", static: false, private: true, access: { has: obj => #theme in obj, get: obj => obj.#theme, set: (obj, value) => { obj.#theme = value; } }, metadata: _metadata }, _private_theme_initializers, _private_theme_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DuoyunAlertElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static unnamed = __runInitializers(_classThis, _static_unnamed_initializers, void 0);
+        header = __runInitializers(this, _header_initializers, void 0);
+        status = (__runInitializers(this, _header_extraInitializers), __runInitializers(this, _status_initializers, void 0));
+        action = (__runInitializers(this, _status_extraInitializers), __runInitializers(this, _action_initializers, void 0));
+        get #icon() {
+            switch (this.status) {
+                case 'positive':
+                    return icons.success;
+                case 'notice':
+                    return icons.warning;
+                case 'negative':
+                    return icons.error;
+                case 'informative':
+                    return icons.info;
+            }
         }
-      </style>
+        #theme = (__runInitializers(this, _action_extraInitializers), __runInitializers(this, _private_theme_initializers, () => ({ color: getSemanticColor(this.status) || theme.neutralColor })));
+        render = (__runInitializers(this, _private_theme_extraInitializers), () => {
+            const icon = this.#icon;
+            return html `
       <div class="header">
         <div class="title">${this.header}</div>
         ${icon ? html `<dy-use class="icon" .element=${icon}></dy-use>` : ''}
@@ -80,41 +151,13 @@ let DuoyunAlertElement = class DuoyunAlertElement extends GemElement {
           `
                 : ''}
     `;
-        };
-        this.internals.role = 'alert';
-    }
-};
-_DuoyunAlertElement_instances = new WeakSet();
-_DuoyunAlertElement_icon_get = function _DuoyunAlertElement_icon_get() {
-    switch (this.status) {
-        case 'positive':
-            return icons.success;
-        case 'notice':
-            return icons.warning;
-        case 'negative':
-            return icons.error;
-        case 'informative':
-            return icons.info;
-    }
-};
-_DuoyunAlertElement_color_get = function _DuoyunAlertElement_color_get() {
-    return getSemanticColor(this.status) || theme.neutralColor;
-};
-__decorate([
-    attribute
-], DuoyunAlertElement.prototype, "header", void 0);
-__decorate([
-    attribute
-], DuoyunAlertElement.prototype, "status", void 0);
-__decorate([
-    property
-], DuoyunAlertElement.prototype, "action", void 0);
-__decorate([
-    slot
-], DuoyunAlertElement, "unnamed", void 0);
-DuoyunAlertElement = __decorate([
-    customElement('dy-alert'),
-    adoptedStyle(style)
-], DuoyunAlertElement);
+        });
+        static {
+            __runInitializers(_classThis, _static_unnamed_extraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DuoyunAlertElement = _classThis;
+})();
 export { DuoyunAlertElement };
 //# sourceMappingURL=alert.js.map

package/elements/alert.js.map

@@ -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,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACpG,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;AAGI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAyBhD;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,CAAC;QACpB,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;IACtB,CAAC;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;AAL3C;IAAZ,IAAI;yCAAwB;AADlB,kBAAkB;IAF9B,aAAa,CAAC,UAAU,CAAC;IACzB,YAAY,CAAC,KAAK,CAAC;GACP,kBAAkB,CAsD9B"}
+{"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,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAClH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,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,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAErE,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;wBAMR,YAAY,CAAC,KAAK;qBACrB,KAAK,CAAC,WAAW;;;;;;;;;;;;;;aAczB,KAAK,CAAC,aAAa;;;;;aAKnB,YAAY,CAAC,KAAK;;;;;CAK9B,CAAC,CAAC;AAIH;;GAEG;IAKU,kBAAkB;4BAJ9B,aAAa,CAAC,UAAU,CAAC,EACzB,YAAY,CAAC,KAAK,CAAC,EACnB,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EACvB,MAAM,EAAE;;;;sBAC+B,UAAU;;;;;;;;;;;;;;;;kCAAlB,SAAQ,WAAU;;;;0CAC/C,IAAI;kCAEJ,SAAS;kCACT,SAAS;kCAET,QAAQ;yCAeR,WAAW,EAAE;YApBR,6KAAO,OAAO,6BAAP,OAAO,uGAAS;YAElB,oKAAA,MAAM,6BAAN,MAAM,uFAAS;YACf,oKAAA,MAAM,6BAAN,MAAM,uFAAS;YAEhB,oKAAA,MAAM,6BAAN,MAAM,uFAAwC;YAgBxD,yIAAA,MAAM,yBAAN,MAAM,6BAAN,MAAM,qGAA0E;YAtBlF,6KA2CC;;;;QA1CO,MAAM,CAAC,OAAO,uEAAS;QAElB,MAAM,yDAAS;QACf,MAAM,+GAAS;QAEhB,MAAM,+GAAwC;QAExD,IAAI,KAAK;YACP,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;gBACpB,KAAK,UAAU;oBACb,OAAO,KAAK,CAAC,OAAO,CAAC;gBACvB,KAAK,QAAQ;oBACX,OAAO,KAAK,CAAC,OAAO,CAAC;gBACvB,KAAK,UAAU;oBACb,OAAO,KAAK,CAAC,KAAK,CAAC;gBACrB,KAAK,aAAa;oBAChB,OAAO,KAAK,CAAC,IAAI,CAAC;YACtB,CAAC;QACH,CAAC;QAGD,MAAM,6GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,GAAC;QAEhF,MAAM,+DAAG,GAAG,EAAE;YACZ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YACxB,OAAO,IAAI,CAAA;;6BAEc,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,EAAC;;;YA1CS,uDAAkB;;;;;SAAlB,kBAAkB"}

package/elements/area-chart.d.ts

@@ -1,4 +1,4 @@
-import { Emitter } from '@mantou/gem/lib/decorators';
+import type { Emitter } from '@mantou/gem/lib/decorators';
 import { DuoyunChartBaseElement } from './base/chart';
 import './chart-zoom';
 export interface Sequence {
@@ -12,7 +12,7 @@ export interface SymbolRenderOptions {
     isHover: boolean;
     chart: DuoyunAreaChartElement;
 }
-export declare function defaultSymbolRender({ point, color, isHover, chart }: SymbolRenderOptions): import("lit-html/lib/template-result").SVGTemplateResult;
+export declare function defaultSymbolRender({ point, color, isHover, chart }: SymbolRenderOptions): import("@mantou/gem/lib/element").SVGTemplateResult;
 /**
  * @customElement dy-area-chart
  */
@@ -23,20 +23,14 @@ export declare class DuoyunAreaChartElement extends DuoyunChartBaseElement {
     stack: boolean;
     symbol: boolean;
     symbolRender: typeof defaultSymbolRender;
+    /**@deprecated */
     chartzoom: boolean;
+    chartZoom: boolean;
     range: number[];
     smooth: boolean;
     gradient: boolean;
     sequences?: Sequence[];
-    zoom: Emitter<number[]>;
-    constructor();
-    state: {
-        hoverIndex: number;
-        hoverLine: string;
-        hoverSequence: string;
-    };
-    willMount: () => void;
-    mounted: () => () => void;
-    render: () => import("lit-html/lib/template-result").TemplateResult;
+    zoom: Emitter;
+    render: () => import("@mantou/gem/lib/element").TemplateResult;
 }
 //# sourceMappingURL=area-chart.d.ts.map

package/elements/area-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../src/elements/area-chart.ts"],"names":[],"mappings":"AACA,OAAO,EAA0B,OAAO,EAAY,MAAM,4BAA4B,CAAC;AAMvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,sBAAsB,CAAC;CAC/B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,4DAUxF;AAED;;GAEG;AACH,qBACa,sBAAuB,SAAQ,sBAAsB;;IACtD,IAAI,UAAQ;IACZ,MAAM,UAAQ;IACd,KAAK,UAAS;IACd,MAAM,UAAS;IACf,YAAY,6BAAuB;IACnC,SAAS,UAAS;IAClB,KAAK,WAAU;IACf,MAAM,UAAQ;IACd,QAAQ,UAAQ;IAChB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IAExB,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;;IA8BjC,KAAK;;;;MAIH;IAiJF,SAAS,aAiEP;IAEF,OAAO,mBAEL;IAEF,MAAM,8DA4JJ;CACH"}
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../src/elements/area-chart.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAQ1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAItD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,sBAAsB,CAAC;CAC/B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,uDAUxF;AAwDD;;GAEG;AACH,qBAEa,sBAAuB,SAAQ,sBAAsB;;IACtD,IAAI,UAAQ;IACZ,MAAM,UAAQ;IACd,KAAK,UAAS;IACd,MAAM,UAAS;IACf,YAAY,6BAAuB;IAC7C,iBAAiB;IACP,SAAS,UAAS;IAClB,SAAS,UAAS;IAClB,KAAK,WAAU;IACf,MAAM,UAAQ;IACd,QAAQ,UAAQ;IAChB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IAExB,IAAI,EAAE,OAAO,CAAC;IAiQvB,MAAM,yDA+GJ;CACH"}