duoyun-ui 2.1.0 → 2.2.1

package/elements/slider.js

@@ -1,3 +1,4 @@
+// https://spectrum.adobe.com/page/slider/
 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";
@@ -32,18 +33,18 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { adoptedStyle, customElement, attribute, globalemitter, emitter, boolattribute, numattribute, aria, shadow, mounted, effect, } from '@mantou/gem/lib/decorators';
-import { GemElement, html, createCSSSheet, createState, createRef } from '@mantou/gem/lib/element';
-import { css, classMap, addListener } from '@mantou/gem/lib/utils';
 import { createDecoratorTheme } from '@mantou/gem/helper/theme';
-import { theme } from '../lib/theme';
-import { clamp } from '../lib/number';
+import { adoptedStyle, aria, attribute, boolattribute, customElement, effect, emitter, globalemitter, mounted, numattribute, shadow, } from '@mantou/gem/lib/decorators';
+import { createRef, createState, css, GemElement, html } from '@mantou/gem/lib/element';
+import { addListener, classMap } from '@mantou/gem/lib/utils';
 import { hotkeys } from '../lib/hotkeys';
+import { clamp } from '../lib/number';
 import { focusStyle } from '../lib/styles';
+import { theme } from '../lib/theme';
 import './gesture';
 import './input';
 const elementTheme = createDecoratorTheme({ position: '', positionPoint: '' });
-const style = createCSSSheet(css `
+const style = css `
   :host(:where(:not([hidden]))) {
     font-size: 0.875em;
     inline-size: 15em;
@@ -113,10 +114,7 @@ const style = createCSSSheet(css `
   .input {
     inline-size: 50px;
   }
-`);
-/**
- * @customElement dy-slider
- */
+`;
 let DuoyunSliderElement = (() => {
     let _classDecorators = [customElement('dy-slider'), adoptedStyle(style), adoptedStyle(focusStyle), shadow(), aria({ focusable: true, role: 'slider' })];
     let _classDescriptor;
@@ -239,7 +237,7 @@ let DuoyunSliderElement = (() => {
         #onPan = ({ detail, target }) => {
             if (this.disabled)
                 return;
-            const { width, height } = this.#sliderRef.element.getBoundingClientRect();
+            const { width, height } = this.#sliderRef.value.getBoundingClientRect();
             const { left, right, top, bottom, width: w, height: h } = target.getBoundingClientRect();
             const isV = this.#isVertical;
             const totalLength = isV ? height - h : width - w;
@@ -287,32 +285,25 @@ let DuoyunSliderElement = (() => {
         }));
         render = (__runInitializers(this, _private_theme_extraInitializers), () => {
             return html `
-      <div class="slider" ref=${this.#sliderRef.ref}>
+      <div ${this.#sliderRef} class="slider">
         <dy-gesture
           class=${classMap({ mark: true, start: this.#state.start })}
           @pan=${this.#onPan}
           @pointerdown=${() => !this.disabled && this.#state({ start: true })}
           @end=${this.#onEnd}
         ></dy-gesture>
-        ${this.label
-                ? html `
-              <div class="label">${this.label}</div>
-              <div class="value">${this.value}</div>
-            `
-                : ''}
+        <div v-if=${!!this.label} class="label">${this.label}</div>
+        <div v-if=${!!this.label} class="value">${this.value}</div>
       </div>
-      ${this.editable
-                ? html `
-            <dy-input
-              ?disabled=${this.disabled}
-              class="input"
-              type="number"
-              step=${this.step}
-              value=${String(this.value)}
-              @change=${this.#onInputChange}
-            ></dy-input>
-          `
-                : ''}
+      <dy-input
+        v-if=${this.editable}
+        ?disabled=${this.disabled}
+        class="input"
+        type="number"
+        step=${this.step}
+        value=${String(this.value)}
+        @change=${this.#onInputChange}
+      ></dy-input>
     `;
         });
     };

package/elements/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../src/elements/slider.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../src/elements/slider.ts"],"names":[],"mappings":"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"}

package/elements/sort-box.d.ts

@@ -0,0 +1,17 @@
+import { type Emitter } from '@mantou/gem/lib/decorators';
+import { GemElement } from '@mantou/gem/lib/element';
+import { DuoyunGestureElement } from './gesture';
+export type SortEventDetail = {
+    new: number;
+    old: number;
+};
+export declare class DuoyunSortBoxElement extends GemElement {
+    #private;
+    sort: Emitter<SortEventDetail>;
+}
+export declare class DuoyunSortItemElement extends DuoyunGestureElement {
+    handle: boolean;
+}
+export declare class DuoyunSortHandleElement extends DuoyunGestureElement {
+}
+//# sourceMappingURL=sort-box.d.ts.map

package/elements/sort-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-box.d.ts","sourceRoot":"","sources":["../src/elements/sort-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,KAAK,OAAO,EAAoB,MAAM,4BAA4B,CAAC;AACxH,OAAO,EAAO,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAM1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAiBjD,MAAM,MAAM,eAAe,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,qBAGa,oBAAqB,SAAQ,UAAU;;IACzC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CA+CzC;AAED,qBACa,qBAAsB,SAAQ,oBAAoB;IAC9C,MAAM,EAAE,OAAO,CAAC;CAChC;AAED,qBACa,uBAAwB,SAAQ,oBAAoB;CAAG"}

package/elements/sort-box.js

@@ -0,0 +1,176 @@
+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 { adoptedStyle, boolattribute, customElement, emitter, mounted } from '@mantou/gem/lib/decorators';
+import { css, GemElement } from '@mantou/gem/lib/element';
+import { addListener } from '@mantou/gem/lib/utils';
+import { blockContainer } from '../lib/styles';
+import { theme } from '../lib/theme';
+import { DuoyunGestureElement } from './gesture';
+const style = css `
+  :where(dy-sort-item[handle], dy-sort-handle):state(grabbing) {
+    cursor: grabbing;
+
+    * {
+      pointer-events: none;
+    }
+  }
+  dy-sort-item[handle]:state(grabbing),
+  dy-sort-item:has(:state(grabbing)) {
+    position: relative;
+    z-index: ${theme.popupZIndex};
+  }
+`;
+let DuoyunSortBoxElement = (() => {
+    let _classDecorators = [customElement('dy-sort-box'), adoptedStyle(style), adoptedStyle(blockContainer)];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = GemElement;
+    let _sort_decorators;
+    let _sort_initializers = [];
+    let _sort_extraInitializers = [];
+    let _private_init_decorators;
+    let _private_init_initializers = [];
+    let _private_init_extraInitializers = [];
+    var DuoyunSortBoxElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _sort_decorators = [emitter];
+            _private_init_decorators = [mounted()];
+            __esDecorate(null, null, _sort_decorators, { kind: "field", name: "sort", static: false, private: false, access: { has: obj => "sort" in obj, get: obj => obj.sort, set: (obj, value) => { obj.sort = value; } }, metadata: _metadata }, _sort_initializers, _sort_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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DuoyunSortBoxElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        sort = __runInitializers(this, _sort_initializers, void 0);
+        #listeners = (__runInitializers(this, _sort_extraInitializers), []);
+        #removeListeners = () => {
+            this.#listeners.forEach((e) => e?.forEach((ee) => ee()));
+        };
+        #listen = () => {
+            this.#removeListeners();
+            const items = [...this.querySelectorAll('dy-sort-item')];
+            const handles = items.map((item) => item.handle ? item : item.querySelector('dy-sort-handle'));
+            this.#listeners = handles.map((e, index) => {
+                if (!e)
+                    return;
+                const item = items[index];
+                let itemTranslate = [0, 0];
+                const removeEnd = addListener(e, 'end', ({ detail }) => {
+                    itemTranslate = [0, 0];
+                    item.style.translate = 'none';
+                    const itemsRect = items.map((i) => i.getBoundingClientRect());
+                    const newIndex = itemsRect.findIndex((i) => i.left <= detail.x && i.right > detail.x && i.top <= detail.y && i.bottom > detail.y);
+                    if (newIndex === -1)
+                        return;
+                    this.sort({ new: newIndex, old: index });
+                });
+                const removePan = addListener(e, 'pan', ({ detail }) => {
+                    itemTranslate[0] += detail.x;
+                    itemTranslate[1] += detail.y;
+                    item.style.translate = itemTranslate.map((p) => p + 'px').join(' ');
+                });
+                return [removeEnd, removePan];
+            });
+        };
+        #init = __runInitializers(this, _private_init_initializers, () => {
+            this.#listen();
+            const ob = new MutationObserver(this.#listen);
+            ob.observe(this, { subtree: true, childList: true });
+            return () => {
+                ob.disconnect();
+                this.#removeListeners();
+            };
+        });
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _private_init_extraInitializers);
+        }
+    };
+    return DuoyunSortBoxElement = _classThis;
+})();
+export { DuoyunSortBoxElement };
+let DuoyunSortItemElement = (() => {
+    let _classDecorators = [customElement('dy-sort-item')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DuoyunGestureElement;
+    let _handle_decorators;
+    let _handle_initializers = [];
+    let _handle_extraInitializers = [];
+    var DuoyunSortItemElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _handle_decorators = [boolattribute];
+            __esDecorate(null, null, _handle_decorators, { kind: "field", name: "handle", static: false, private: false, access: { has: obj => "handle" in obj, get: obj => obj.handle, set: (obj, value) => { obj.handle = value; } }, metadata: _metadata }, _handle_initializers, _handle_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DuoyunSortItemElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        handle = __runInitializers(this, _handle_initializers, void 0);
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _handle_extraInitializers);
+        }
+    };
+    return DuoyunSortItemElement = _classThis;
+})();
+export { DuoyunSortItemElement };
+let DuoyunSortHandleElement = (() => {
+    let _classDecorators = [customElement('dy-sort-handle')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DuoyunGestureElement;
+    var DuoyunSortHandleElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DuoyunSortHandleElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DuoyunSortHandleElement = _classThis;
+})();
+export { DuoyunSortHandleElement };
+//# sourceMappingURL=sort-box.js.map

package/elements/sort-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-box.js","sourceRoot":"","sources":["../src/elements/sort-box.ts"],"names":[],"mappings":"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"}

package/elements/space.d.ts

@@ -1,8 +1,4 @@
 import { GemElement } from '@mantou/gem/lib/element';
-/**
- * @customElement dy-space
- * @attr size
- */
 export declare class DuoyunSpaceElement extends GemElement {
     size: 'normal' | 'small' | 'large';
     orientation: 'horizontal' | 'vertical';

package/elements/space.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../src/elements/space.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAkB,MAAM,yBAAyB,CAAC;AAqBrE;;;GAGG;AACH,qBAEa,kBAAmB,SAAQ,UAAU;IACrC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IACnC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;CACnD"}
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../src/elements/space.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAoB1D,qBAEa,kBAAmB,SAAQ,UAAU;IACrC,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IACnC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;CACnD"}

package/elements/space.js

@@ -32,10 +32,9 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { adoptedStyle, customElement, attribute } from '@mantou/gem/lib/decorators';
-import { GemElement, createCSSSheet } from '@mantou/gem/lib/element';
-import { css } from '@mantou/gem/lib/utils';
-const style = createCSSSheet(css `
+import { adoptedStyle, attribute, customElement } from '@mantou/gem/lib/decorators';
+import { css, GemElement } from '@mantou/gem/lib/element';
+const style = css `
   :where(:scope:not([hidden])) {
     display: inline-flex;
     flex-wrap: wrap;
@@ -51,11 +50,7 @@ const style = createCSSSheet(css `
   :where(:scope[size='large']) {
     gap: 0.8em;
   }
-`);
-/**
- * @customElement dy-space
- * @attr size
- */
+`;
 let DuoyunSpaceElement = (() => {
     let _classDecorators = [customElement('dy-space'), adoptedStyle(style)];
     let _classDescriptor;

package/elements/space.js.map

@@ -1 +1 @@
-{"version":3,"file":"space.js","sourceRoot":"","sources":["../src/elements/space.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB/B,CAAC,CAAC;AAEH;;;GAGG;IAGU,kBAAkB;4BAF9B,aAAa,CAAC,UAAU,CAAC,EACzB,YAAY,CAAC,KAAK,CAAC;;;;sBACoB,UAAU;;;;;;;kCAAlB,SAAQ,WAAU;;;;gCAC/C,SAAS;uCACT,SAAS;YADC,8JAAA,IAAI,6BAAJ,IAAI,mFAA+B;YACnC,mLAAA,WAAW,6BAAX,WAAW,iGAA4B;YAFpD,6KAGC;;;YAHY,uDAAkB;;QAClB,IAAI,uDAA+B;QACnC,WAAW,kHAA4B;;;;;;;;SAFvC,kBAAkB"}
+{"version":3,"file":"space.js","sourceRoot":"","sources":["../src/elements/space.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBhB,CAAC;IAIW,kBAAkB;4BAF9B,aAAa,CAAC,UAAU,CAAC,EACzB,YAAY,CAAC,KAAK,CAAC;;;;sBACoB,UAAU;;;;;;;kCAAlB,SAAQ,WAAU;;;;gCAC/C,SAAS;uCACT,SAAS;YADC,8JAAA,IAAI,6BAAJ,IAAI,mFAA+B;YACnC,mLAAA,WAAW,6BAAX,WAAW,iGAA4B;YAFpD,6KAGC;;;YAHY,uDAAkB;;QAClB,IAAI,uDAA+B;QACnC,WAAW,kHAA4B;;;;;;;;SAFvC,kBAAkB"}

package/elements/statistic.d.ts

@@ -7,10 +7,6 @@ export declare const formatFnMap: Record<StatisticType, (n: number) => {
     number: string;
     unit: string;
 }>;
-/**
- * @customElement dy-statistic
- * @attr loading
- */
 export declare class DuoyunStatisticElement extends GemElement {
     #private;
     static header: string;
@@ -23,6 +19,6 @@ export declare class DuoyunStatisticElement extends GemElement {
     loading: boolean;
     value: number;
     prevValue: number;
-    render: () => import("@mantou/gem/lib/element").TemplateResult;
+    render: () => import("@mantou/gem/lib/lit-html").TemplateResult;
 }
 //# sourceMappingURL=statistic.d.ts.map

package/elements/statistic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"statistic.d.ts","sourceRoot":"","sources":["../src/elements/statistic.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAO3E,OAAO,eAAe,CAAC;AACvB,OAAO,OAAO,CAAC;AA6Cf,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AACzG,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAO9F,CAAC;AAEF;;;GAGG;AACH,qBAIa,sBAAuB,SAAQ,UAAU;;IAC9C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;IAC/B,iBAAiB;IACN,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAchC,MAAM,yDA+BJ;CACH"}
+{"version":3,"file":"statistic.d.ts","sourceRoot":"","sources":["../src/elements/statistic.ts"],"names":[],"mappings":"AAWA,OAAO,EAAO,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAOhE,OAAO,eAAe,CAAC;AACvB,OAAO,OAAO,CAAC;AA6Cf,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AACzG,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAO9F,CAAC;AAEF,qBAIa,sBAAuB,SAAQ,UAAU;;IAC9C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAEjB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;IAC/B,iBAAiB;IACN,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAchC,MAAM,0DA4BJ;CACH"}

package/elements/statistic.js

@@ -32,15 +32,15 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { adoptedStyle, customElement, attribute, boolattribute, numattribute, property, aria, shadow, slot, } from '@mantou/gem/lib/decorators';
-import { GemElement, html, createCSSSheet } from '@mantou/gem/lib/element';
-import { css, classMap } from '@mantou/gem/lib/utils';
-import { parseDuration } from '../lib/time';
+import { adoptedStyle, aria, attribute, boolattribute, customElement, numattribute, property, shadow, slot, } from '@mantou/gem/lib/decorators';
+import { css, GemElement, html } from '@mantou/gem/lib/element';
+import { classMap } from '@mantou/gem/lib/utils';
+import { formatBandwidth, formatCurrency, formatDecimal, formatPercentage, formatTraffic } from '../lib/number';
 import { theme } from '../lib/theme';
-import { formatBandwidth, formatDecimal, formatPercentage, formatTraffic, formatCurrency } from '../lib/number';
+import { parseDuration } from '../lib/time';
 import './placeholder';
 import './use';
-const style = createCSSSheet(css `
+const style = css `
   :host(:where(:not([hidden]))) {
     display: block;
     font-size: 0.875em;
@@ -81,7 +81,7 @@ const style = createCSSSheet(css `
   .negative {
     color: ${theme.negativeColor};
   }
-`);
+`;
 export const formatFnMap = {
     bandwidth: formatBandwidth,
     traffic: formatTraffic,
@@ -90,10 +90,6 @@ export const formatFnMap = {
     currency: formatCurrency,
     duration: parseDuration,
 };
-/**
- * @customElement dy-statistic
- * @attr loading
- */
 let DuoyunStatisticElement = (() => {
     let _classDecorators = [customElement('dy-statistic'), adoptedStyle(style), aria({ role: 'group' }), shadow()];
     let _classDescriptor;
@@ -181,9 +177,8 @@ let DuoyunStatisticElement = (() => {
             return html `
       <div class="header">
         <span class="title">
-          ${this.loading
-                ? html `<dy-placeholder width="5em"></dy-placeholder>`
-                : html `<slot name=${DuoyunStatisticElement.header}>${this.#header}</slot>`}
+          <dy-placeholder v-if=${this.loading} width="5em"></dy-placeholder>
+          <slot v-else name=${DuoyunStatisticElement.header}>${this.#header}</slot>
         </span>
         <dy-use class="icon" .element=${this.icon}></dy-use>
       </div>
@@ -192,11 +187,9 @@ let DuoyunStatisticElement = (() => {
           <span class="number">${this.loading ? html `<dy-placeholder width="6em"></dy-placeholder>` : number}</span>
           <span class="unit">${this.loading ? '' : unit}</span>
         </div>
-        ${this.loading || !this.hasAttribute('prev-value')
-                ? ''
-                : html `<span class=${classMap({ positive, negative })}>
-              ${isNaN(diffValue) ? '-' : diffValue === Infinity ? '∞' : diffValue}%
-            </span>`}
+        <span v-if=${!this.loading && this.hasAttribute('prev-value')} class=${classMap({ positive, negative })}>
+          ${Number.isNaN(diffValue) ? '-' : diffValue === Infinity ? '∞' : diffValue}%
+        </span>
       </div>
     `;
         });

package/elements/statistic.js.map

@@ -1 +1 @@
-{"version":3,"file":"statistic.js","sourceRoot":"","sources":["../src/elements/statistic.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"statistic.js","sourceRoot":"","sources":["../src/elements/statistic.ts"],"names":[],"mappings":"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"}

package/elements/status-light.d.ts

@@ -2,13 +2,10 @@ import { GemElement } from '@mantou/gem/lib/element';
 import type { StringList } from '../lib/types';
 export type Status = StringList<'default' | 'positive' | 'informative' | 'neutral' | 'notice' | 'negative'>;
 export declare function getStatusColor(status: Status): string;
-/**
- * @customElement dy-status-light
- */
 export declare class DuoyunStatusLightElement extends GemElement {
     #private;
     static unnamed: string;
     status: Status;
-    render: () => import("@mantou/gem/lib/element").TemplateResult;
+    render: () => import("@mantou/gem/lib/lit-html").TemplateResult;
 }
 //# sourceMappingURL=status-light.d.ts.map

package/elements/status-light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-light.d.ts","sourceRoot":"","sources":["../src/elements/status-light.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAI3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAwB/C,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;AAE5G,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,UAS5C;AAED;;GAEG;AACH,qBAIa,wBAAyB,SAAQ,UAAU;;IAChD,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAElB,MAAM,EAAE,MAAM,CAAC;IAM1B,MAAM,yDAKJ;CACH"}
+{"version":3,"file":"status-light.d.ts","sourceRoot":"","sources":["../src/elements/status-light.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAGhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAwB/C,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;AAE5G,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,UAS5C;AAED,qBAIa,wBAAyB,SAAQ,UAAU;;IAChD,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAElB,MAAM,EAAE,MAAM,CAAC;IAM1B,MAAM,0DAKJ;CACH"}

package/elements/status-light.js

@@ -32,11 +32,10 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { adoptedStyle, customElement, attribute, 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 { theme, getSemanticColor } from '../lib/theme';
-const style = createCSSSheet(css `
+import { adoptedStyle, aria, attribute, customElement, shadow, slot } from '@mantou/gem/lib/decorators';
+import { css, GemElement, html } from '@mantou/gem/lib/element';
+import { getSemanticColor, theme } from '../lib/theme';
+const style = css `
   :host(:where(:not([hidden]))) {
     display: inline-flex;
     align-items: center;
@@ -56,7 +55,7 @@ const style = createCSSSheet(css `
     white-space: nowrap;
     text-overflow: ellipsis;
   }
-`);
+`;
 export function getStatusColor(status) {
     const semanticColor = getSemanticColor(status);
     if (semanticColor)
@@ -68,9 +67,6 @@ export function getStatusColor(status) {
             return status;
     }
 }
-/**
- * @customElement dy-status-light
- */
 let DuoyunStatusLightElement = (() => {
     let _classDecorators = [customElement('dy-status-light'), adoptedStyle(style), aria({ role: 'status' }), shadow()];
     let _classDescriptor;

package/elements/status-light.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-light.js","sourceRoot":"","sources":["../src/elements/status-light.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACxG,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGvD,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoB/B,CAAC,CAAC;AAIH,MAAM,UAAU,cAAc,CAAC,MAAc;IAC3C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,IAAI,aAAa;QAAE,OAAO,aAAa,CAAC;IACxC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,YAAY,CAAC;QAC5B;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAED;;GAEG;IAKU,wBAAwB;4BAJpC,aAAa,CAAC,iBAAiB,CAAC,EAChC,YAAY,CAAC,KAAK,CAAC,EACnB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EACxB,MAAM,EAAE;;;;sBACqC,UAAU;;;;;;;wCAAlB,SAAQ,WAAU;;;;0CACrD,IAAI;kCAEJ,SAAS;YAFJ,6KAAO,OAAO,6BAAP,OAAO,uGAAS;YAElB,oKAAA,MAAM,6BAAN,MAAM,uFAAS;YAH5B,6KAeC;;;;QAdO,MAAM,CAAC,OAAO,uEAAS;QAElB,MAAM,yDAAS;QAE1B,IAAI,OAAO;YACT,OAAO,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC;QAClC,CAAC;QAED,MAAM,wDAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;wCACyB,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;;KAE/D,CAAC;QACJ,CAAC,EAAC;;;YAdS,uDAAwB;;;;;SAAxB,wBAAwB"}
+{"version":3,"file":"status-light.js","sourceRoot":"","sources":["../src/elements/status-light.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACxG,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGvD,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBhB,CAAC;AAIF,MAAM,UAAU,cAAc,CAAC,MAAc;IAC3C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,IAAI,aAAa;QAAE,OAAO,aAAa,CAAC;IACxC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,YAAY,CAAC;QAC5B;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;IAMY,wBAAwB;4BAJpC,aAAa,CAAC,iBAAiB,CAAC,EAChC,YAAY,CAAC,KAAK,CAAC,EACnB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EACxB,MAAM,EAAE;;;;sBACqC,UAAU;;;;;;;wCAAlB,SAAQ,WAAU;;;;0CACrD,IAAI;kCAEJ,SAAS;YAFJ,6KAAO,OAAO,6BAAP,OAAO,uGAAS;YAElB,oKAAA,MAAM,6BAAN,MAAM,uFAAS;YAH5B,6KAeC;;;;QAdO,MAAM,CAAC,OAAO,uEAAS;QAElB,MAAM,yDAAS;QAE1B,IAAI,OAAO;YACT,OAAO,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC;QAClC,CAAC;QAED,MAAM,wDAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;wCACyB,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;;KAE/D,CAAC;QACJ,CAAC,EAAC;;;YAdS,uDAAwB;;;;;SAAxB,wBAAwB"}

package/elements/switch.d.ts

@@ -1,11 +1,5 @@
 import type { Emitter } from '@mantou/gem/lib/decorators';
 import { GemElement } from '@mantou/gem/lib/element';
-/**
- * @customElement dy-switch
- * @attr checked
- * @attr value
- * @attr neutral
- */
 export declare class DuoyunSwitchElement extends GemElement {
     #private;
     static unnamed: string;
@@ -14,6 +8,6 @@ export declare class DuoyunSwitchElement extends GemElement {
     value: string;
     neutral: 'positive' | 'negative' | 'neutral' | 'informative';
     change: Emitter<boolean>;
-    render: () => import("@mantou/gem/lib/element").TemplateResult;
+    render: () => import("@mantou/gem/lib/lit-html").TemplateResult;
 }
 //# sourceMappingURL=switch.d.ts.map

package/elements/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/elements/switch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAW1D,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AA0D3E;;;;;GAKG;AACH,qBAIa,mBAAoB,SAAQ,UAAU;;IAC3C,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAEd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC;IACzD,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAwBxC,MAAM,yDAaJ;CACH"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/elements/switch.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAW1D,OAAO,EAAO,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAyDhE,qBAIa,mBAAoB,SAAQ,UAAU;;IAC3C,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAEd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC;IACzD,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAwBxC,MAAM,0DAaJ;CACH"}

package/elements/switch.js

@@ -32,15 +32,15 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { adoptedStyle, customElement, attribute, globalemitter, boolattribute, slot, shadow, mounted, } from '@mantou/gem/lib/decorators';
-import { GemElement, html, createCSSSheet } from '@mantou/gem/lib/element';
-import { addListener, css } from '@mantou/gem/lib/utils';
 import { createDecoratorTheme } from '@mantou/gem/helper/theme';
-import { theme, getSemanticColor } from '../lib/theme';
+import { adoptedStyle, attribute, boolattribute, customElement, globalemitter, mounted, shadow, slot, } from '@mantou/gem/lib/decorators';
+import { css, GemElement, html } from '@mantou/gem/lib/element';
+import { addListener } from '@mantou/gem/lib/utils';
 import { commonHandle } from '../lib/hotkeys';
 import { focusStyle } from '../lib/styles';
+import { getSemanticColor, theme } from '../lib/theme';
 const elementTheme = createDecoratorTheme({ color: '' });
-const style = createCSSSheet(css `
+const style = css `
   :host(:where(:not([hidden]))) {
     cursor: default;
     display: inline-flex;
@@ -86,13 +86,7 @@ const style = createCSSSheet(css `
   :host([checked]) .switch::before {
     margin-inline-start: calc(100% * 4 / 9);
   }
-`);
-/**
- * @customElement dy-switch
- * @attr checked
- * @attr value
- * @attr neutral
- */
+`;
 let DuoyunSwitchElement = (() => {
     let _classDecorators = [customElement('dy-switch'), adoptedStyle(style), adoptedStyle(focusStyle), shadow({ delegatesFocus: true })];
     let _classDescriptor;