duoyun-ui 0.0.2

package/elements/more.js

@@ -0,0 +1,118 @@
+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 __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 _DuoyunMoreElement_onClick;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, emitter, attribute, styleMap, classMap, } from '@mantou/gem';
+import { locale } from '../lib/locale';
+import { commonHandle } from '../lib/hotkeys';
+import { DuoyunScrollBaseElement } from './base/scroll';
+import './action-text';
+const style = createCSSSheet(css `
+  :host {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+  }
+  .slot {
+    text-align: left;
+  }
+  .action {
+    cursor: pointer;
+    padding-block: 0.25em;
+    align-items: flex-start;
+  }
+  .action.absolute {
+    position: absolute;
+    bottom: -0.5em;
+    left: 0;
+  }
+`);
+/**
+ * @customElement dy-more
+ */
+let DuoyunMoreElement = class DuoyunMoreElement extends GemElement {
+    constructor() {
+        super();
+        this.state = {
+            bottomOverflow: false,
+            expanded: false,
+        };
+        _DuoyunMoreElement_onClick.set(this, () => {
+            this.setState({ expanded: !this.state.expanded });
+        });
+        this.render = () => {
+            const { expanded, bottomOverflow } = this.state;
+            return html `
+      <dy-more-slot
+        class="slot"
+        style=${styleMap({
+                marginBlockEnd: !bottomOverflow ? 'auto' : '1.2em',
+                maxHeight: expanded ? 'auto' : this.maxHeight || '6em',
+            })}
+        @change=${({ detail }) => this.setState({ bottomOverflow: detail })}
+      >
+        <slot></slot>
+      </dy-more-slot>
+      ${bottomOverflow || expanded
+                ? html `
+            <dy-action-text
+              class=${classMap({ action: true, absolute: !expanded })}
+              @keydown=${commonHandle}
+              @click=${__classPrivateFieldGet(this, _DuoyunMoreElement_onClick, "f")}
+            >
+              ${expanded ? locale.less : locale.more}
+            </dy-action-text>
+          `
+                : ''}
+    `;
+        };
+        this.internals.role = 'combobox';
+        this.effect(() => {
+            this.internals.ariaExpanded = String(this.state.expanded);
+        });
+    }
+};
+_DuoyunMoreElement_onClick = new WeakMap();
+__decorate([
+    attribute
+], DuoyunMoreElement.prototype, "maxHeight", void 0);
+DuoyunMoreElement = __decorate([
+    customElement('dy-more'),
+    adoptedStyle(style)
+], DuoyunMoreElement);
+export { DuoyunMoreElement };
+/**
+ * @customElement dy-more-slot
+ */
+let DuoyunMoreSlotElement = class DuoyunMoreSlotElement extends DuoyunScrollBaseElement {
+    constructor() {
+        super();
+        this.mounted = () => {
+            this.effect(() => {
+                this.change(this.bottomOverflow);
+            });
+        };
+        this.render = () => {
+            return html `<slot></slot>`;
+        };
+        this.addEventListener('scroll', (e) => e.preventDefault(), { passive: true });
+        this.internals.role = 'paragraph';
+    }
+};
+__decorate([
+    emitter
+], DuoyunMoreSlotElement.prototype, "change", void 0);
+DuoyunMoreSlotElement = __decorate([
+    customElement('dy-more-slot'),
+    adoptedStyle(style)
+], DuoyunMoreSlotElement);
+export { DuoyunMoreSlotElement };
+//# sourceMappingURL=more.js.map

package/elements/more.js.map

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

package/elements/options.d.ts

@@ -0,0 +1,34 @@
+import { GemElement, TemplateResult } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+import './input';
+export declare type Option = {
+    label: string | TemplateResult;
+    icon?: string | DocumentFragment | Element;
+    tag?: string | TemplateResult;
+    description?: string | TemplateResult;
+    disabled?: boolean;
+    danger?: boolean;
+    highlight?: boolean;
+    onClick?: (evt: MouseEvent) => void;
+    onPointerEnter?: (evt: PointerEvent) => void;
+    onPointerLeave?: (evt: PointerEvent) => void;
+    onPointerDown?: (evt: PointerEvent) => void;
+    onPointerUp?: (evt: PointerEvent) => void;
+};
+declare type State = {
+    search: string;
+};
+/**
+ * @customElement dy-options
+ * @attr searchable
+ */
+export declare class DuoyunOptionsElement extends GemElement<State> {
+    #private;
+    searchable: boolean;
+    options?: Option[];
+    state: State;
+    constructor();
+    render: () => TemplateResult;
+}
+export {};
+//# sourceMappingURL=options.d.ts.map

package/elements/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/elements/options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAOV,cAAc,EAGf,MAAM,aAAa,CAAC;AAQrB,OAAO,0BAA0B,CAAC;AAClC,OAAO,SAAS,CAAC;AA4EjB,oBAAY,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC3C,GAAG,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,qBAEa,oBAAqB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IAC1C,UAAU,EAAE,OAAO,CAAC;IAEzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAE7B,KAAK,EAAE,KAAK,CAEV;;IAYF,MAAM,uBAqEJ;CACH"}

package/elements/options.js

@@ -0,0 +1,174 @@
+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 __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 _DuoyunOptionsElement_onSearch;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, classMap, boolattribute, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { icons } from '../lib/icons';
+import { isIncludesString } from '../lib/utils';
+import { locale } from '../lib/locale';
+import { commonHandle } from '../lib/hotkeys';
+import '@mantou/gem/elements/use';
+import './input';
+const style = createCSSSheet(css `
+  :host {
+    cursor: default;
+    font-size: 0.875em;
+    display: flex;
+    flex-direction: column;
+    padding-block: 0.4em;
+    color: ${theme.textColor};
+    background: ${theme.backgroundColor};
+    box-shadow: 0 0.3em 1em rgba(0, 0, 0, calc(${theme.maskAlpha} - 0.1));
+    border: 1px solid ${theme.borderColor};
+    border-radius: ${theme.normalRound};
+    overflow: auto;
+    scrollbar-width: thin;
+    overscroll-behavior: contain;
+  }
+  .search {
+    padding: 0.4em 1em;
+  }
+  .input {
+    width: 100%;
+  }
+  .item {
+    line-height: 1.5;
+    padding: 0.4em 1em;
+    display: flex;
+    gap: 0.5em;
+  }
+  .value {
+    flex-grow: 1;
+    flex-shrink: 1;
+    min-width: 0;
+  }
+  .label,
+  .description {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .description {
+    font-size: 0.875em;
+    opacity: 0.7;
+  }
+  .item:where(:focus-visible, :hover),
+  .highlight {
+    color: ${theme.highlightColor};
+  }
+  .item:hover,
+  .highlight {
+    background-color: ${theme.lightBackgroundColor};
+  }
+  .danger {
+    color: ${theme.negativeColor};
+  }
+  .disabled {
+    opacity: 0.7;
+    color: ${theme.describeColor};
+  }
+  .icon {
+    flex-shrink: 0;
+    position: relative;
+    width: 1.2em;
+  }
+  .separator {
+    background: ${theme.borderColor};
+    flex-shrink: 0;
+    height: 1px;
+    margin: 1px 1em;
+  }
+  dy-tag {
+    padding-block: 0;
+  }
+`);
+/**
+ * @customElement dy-options
+ * @attr searchable
+ */
+let DuoyunOptionsElement = class DuoyunOptionsElement extends GemElement {
+    constructor() {
+        super();
+        this.state = {
+            search: '',
+        };
+        _DuoyunOptionsElement_onSearch.set(this, ({ detail }) => {
+            this.setState({ search: detail });
+        });
+        this.render = () => {
+            var _a, _b;
+            const { search } = this.state;
+            const options = (_a = this.options) === null || _a === void 0 ? void 0 : _a.filter(({ label, description = '' }) => isIncludesString(html `${label}${description}`, search));
+            return html `
+      ${this.searchable
+                ? html `
+            <div class="search">
+              <dy-input
+                class="input"
+                type="search"
+                .icon=${icons.search}
+                .placeholder=${locale.search}
+                value=${search}
+                @change=${__classPrivateFieldGet(this, _DuoyunOptionsElement_onSearch, "f")}
+              ></dy-input>
+            </div>
+          `
+                : ''}
+      ${(_b = (search && (options === null || options === void 0 ? void 0 : options.length) === 0 ? [{ label: locale.noData, disabled: true }] : options)) === null || _b === void 0 ? void 0 : _b.map(({ label, tag = '', description, disabled = false, danger, highlight = false, icon, onPointerEnter, onPointerLeave, onPointerDown, onPointerUp, onClick, }) => label === '---'
+                ? html `<div class="separator"></div>`
+                : html `
+                <div
+                  role="option"
+                  tabindex="0"
+                  aria-readonly=${disabled}
+                  aria-selected=${highlight}
+                  class=${classMap({
+                    item: true,
+                    disabled: !!disabled,
+                    danger: !!danger,
+                    highlight: !!highlight,
+                })}
+                  @pointerenter=${onPointerEnter}
+                  @focus=${onPointerEnter}
+                  @pointerleave=${onPointerLeave}
+                  @pointerdown=${onPointerDown}
+                  @pointerup=${onPointerUp}
+                  @click=${onClick}
+                  @keydown=${commonHandle}
+                >
+                  <div class="value">
+                    <div class="label">${label}</div>
+                    <div class="description">${description}</div>
+                  </div>
+                  ${tag}${icon ? html `<gem-use class="icon" .element=${icon}></gem-use>` : ''}
+                </div>
+              `)}
+      <slot></slot>
+    `;
+        };
+        this.tabIndex = 0;
+        this.internals.role = 'listbox';
+    }
+};
+_DuoyunOptionsElement_onSearch = new WeakMap();
+__decorate([
+    boolattribute
+], DuoyunOptionsElement.prototype, "searchable", void 0);
+__decorate([
+    property
+], DuoyunOptionsElement.prototype, "options", void 0);
+DuoyunOptionsElement = __decorate([
+    customElement('dy-options'),
+    adoptedStyle(style)
+], DuoyunOptionsElement);
+export { DuoyunOptionsElement };
+//# sourceMappingURL=options.js.map

package/elements/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../src/elements/options.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,EAER,QAAQ,EACR,aAAa,GACd,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,0BAA0B,CAAC;AAClC,OAAO,SAAS,CAAC;AAEjB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;aAOnB,KAAK,CAAC,SAAS;kBACV,KAAK,CAAC,eAAe;iDACU,KAAK,CAAC,SAAS;wBACxC,KAAK,CAAC,WAAW;qBACpB,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAkCzB,KAAK,CAAC,cAAc;;;;wBAIT,KAAK,CAAC,oBAAoB;;;aAGrC,KAAK,CAAC,aAAa;;;;aAInB,KAAK,CAAC,aAAa;;;;;;;;kBAQd,KAAK,CAAC,WAAW;;;;;;;;CAQlC,CAAC,CAAC;AAqBH;;;GAGG;AAGH,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,UAAiB;IASzD;QACE,KAAK,EAAE,CAAC;QALV,UAAK,GAAU;YACb,MAAM,EAAE,EAAE;SACX,CAAC;QAQF,yCAAY,CAAC,EAAE,MAAM,EAAuB,EAAE,EAAE;YAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACpC,CAAC,EAAC;QAEF,WAAM,GAAG,GAAG,EAAE;;YACZ,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE9B,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,EAAE,CACnE,gBAAgB,CAAC,IAAI,CAAA,GAAG,KAAK,GAAG,WAAW,EAAE,EAAE,MAAM,CAAC,CACvD,CAAC;YAEF,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,UAAU;gBACf,CAAC,CAAC,IAAI,CAAA;;;;;wBAKU,KAAK,CAAC,MAAM;+BACL,MAAM,CAAC,MAAM;wBACpB,MAAM;0BACJ,uBAAA,IAAI,sCAAU;;;WAG7B;gBACH,CAAC,CAAC,EAAE;QACJ,MAAA,CAAC,MAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,0CAAE,GAAG,CAC7F,CAAC,EACC,KAAK,EACL,GAAG,GAAG,EAAE,EACR,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,cAAc,EACd,cAAc,EACd,aAAa,EACb,WAAW,EACX,OAAO,GACR,EAAE,EAAE,CACH,KAAK,KAAK,KAAK;gBACb,CAAC,CAAC,IAAI,CAAA,+BAA+B;gBACrC,CAAC,CAAC,IAAI,CAAA;;;;kCAIgB,QAAQ;kCACR,SAAS;0BACjB,QAAQ,CAAC;oBACf,IAAI,EAAE,IAAI;oBACV,QAAQ,EAAE,CAAC,CAAC,QAAQ;oBACpB,MAAM,EAAE,CAAC,CAAC,MAAM;oBAChB,SAAS,EAAE,CAAC,CAAC,SAAS;iBACvB,CAAC;kCACc,cAAc;2BACrB,cAAc;kCACP,cAAc;iCACf,aAAa;+BACf,WAAW;2BACf,OAAO;6BACL,YAAY;;;yCAGA,KAAK;+CACC,WAAW;;oBAEtC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE;;eAE9E,CACR;;KAEF,CAAC;QACJ,CAAC,CAAC;QA7EA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC;IAClC,CAAC;CA4EF,CAAA;;AAxFgB;IAAd,aAAa;wDAAqB;AAEzB;IAAT,QAAQ;qDAAoB;AAHlB,oBAAoB;IAFhC,aAAa,CAAC,YAAY,CAAC;IAC3B,YAAY,CAAC,KAAK,CAAC;GACP,oBAAoB,CAyFhC;SAzFY,oBAAoB"}

package/elements/page-loadbar.d.ts

@@ -0,0 +1,20 @@
+import { GemElement } from '@mantou/gem';
+/**
+ * @customElement dy-page-loadbar
+ */
+export declare class DuoyunPageLoadbarElement extends GemElement {
+    static instance?: DuoyunPageLoadbarElement;
+    static timer: number;
+    static start({ delay }?: {
+        delay?: number;
+    }): Promise<void>;
+    static end(): Promise<void>;
+    constructor();
+    state: {
+        progress: number;
+    };
+    mounted: () => () => undefined;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+export declare const Loadbar: typeof DuoyunPageLoadbarElement;
+//# sourceMappingURL=page-loadbar.d.ts.map

package/elements/page-loadbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-loadbar.d.ts","sourceRoot":"","sources":["../src/elements/page-loadbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA0D,MAAM,aAAa,CAAC;AA4BjG;;GAEG;AACH,qBAEa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IAC3C,MAAM,CAAC,KAAK,SAAK;WAEJ,KAAK,CAAC,EAAE,KAAW,EAAE,GAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAO;WAW9C,GAAG;;IAgBhB,KAAK;;MAEH;IAEF,OAAO,wBAGL;IAEF,MAAM,6CASJ;CACH;AAED,eAAO,MAAM,OAAO,iCAA2B,CAAC"}

package/elements/page-loadbar.js

@@ -0,0 +1,85 @@
+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;
+};
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { sleep } from '../lib/utils';
+const style = createCSSSheet(css `
+  :host {
+    z-index: 999999999;
+    position: fixed;
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+    top: 0;
+    left: 0;
+    height: 2px;
+    transition: width 0.3s;
+    background-color: ${theme.informativeColor};
+  }
+  .head {
+    width: 300px;
+    height: 400%;
+    background-color: inherit;
+    border-start-start-radius: 50%;
+    border-end-start-radius: 50%;
+    filter: drop-shadow(0 0 4px ${theme.informativeColor});
+  }
+`);
+/**
+ * @customElement dy-page-loadbar
+ */
+let DuoyunPageLoadbarElement = class DuoyunPageLoadbarElement extends GemElement {
+    constructor() {
+        super();
+        this.state = {
+            progress: 0,
+        };
+        this.mounted = () => {
+            Loadbar.instance = this;
+            return () => (Loadbar.instance = undefined);
+        };
+        this.render = () => {
+            return html `
+      <style>
+        :host {
+          width: ${this.state.progress}%;
+        }
+      </style>
+      <div class="head"></div>
+    `;
+        };
+        document.body.append(this);
+        this.internals.role = 'progressbar';
+    }
+    static async start({ delay = 100 } = {}) {
+        clearInterval(Loadbar.timer);
+        Loadbar.timer = window.setTimeout(() => {
+            const instance = Loadbar.instance || new Loadbar();
+            instance.setState({ progress: 0 });
+            Loadbar.timer = window.setInterval(() => {
+                instance.setState({ progress: instance.state.progress + (95 - instance.state.progress) * 0.1 });
+            }, 100);
+        }, delay);
+    }
+    static async end() {
+        clearInterval(Loadbar.timer);
+        const instance = Loadbar.instance;
+        if (instance) {
+            instance.setState({ progress: 100 });
+            await sleep(300);
+            instance.remove();
+        }
+    }
+};
+DuoyunPageLoadbarElement.timer = 0;
+DuoyunPageLoadbarElement = __decorate([
+    customElement('dy-page-loadbar'),
+    adoptedStyle(style)
+], DuoyunPageLoadbarElement);
+export { DuoyunPageLoadbarElement };
+export const Loadbar = DuoyunPageLoadbarElement;
+//# sourceMappingURL=page-loadbar.js.map

package/elements/page-loadbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-loadbar.js","sourceRoot":"","sources":["../src/elements/page-loadbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjG,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;;wBAWR,KAAK,CAAC,gBAAgB;;;;;;;;kCAQZ,KAAK,CAAC,gBAAgB;;CAEvD,CAAC,CAAC;AAEH;;GAEG;AAGH,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,UAAU;IAyBtD;QACE,KAAK,EAAE,CAAC;QAKV,UAAK,GAAG;YACN,QAAQ,EAAE,CAAC;SACZ,CAAC;QAEF,YAAO,GAAG,GAAG,EAAE;YACb,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;YACxB,OAAO,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,KAAK,CAAC,QAAQ;;;;KAIjC,CAAC;QACJ,CAAC,CAAC;QAtBA,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC;IACtC,CAAC;IAzBD,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,GAAG,KAAyB,EAAE;QACzD,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7B,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACrC,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,OAAO,EAAE,CAAC;YACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;YACnC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;gBACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;YAClG,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,GAAG;QACd,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7B,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QAClC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YACrC,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;YACjB,QAAQ,CAAC,MAAM,EAAE,CAAC;SACnB;IACH,CAAC;CA2BF,CAAA;AAhDQ,8BAAK,GAAG,CAAC,CAAC;AAFN,wBAAwB;IAFpC,aAAa,CAAC,iBAAiB,CAAC;IAChC,YAAY,CAAC,KAAK,CAAC;GACP,wBAAwB,CAkDpC;SAlDY,wBAAwB;AAoDrC,MAAM,CAAC,MAAM,OAAO,GAAG,wBAAwB,CAAC"}

package/elements/pagination.d.ts

@@ -0,0 +1,23 @@
+import { GemElement, Emitter } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+import './input';
+import './button';
+import './pick';
+/**
+ * @customElement dy-pagination
+ * @fires change-page
+ * @fires change-size
+ */
+export declare class DuoyunPaginationElement extends GemElement {
+    #private;
+    align: 'left' | 'start' | 'right' | 'end' | 'center';
+    page: number;
+    total: number;
+    size: number;
+    changePage: Emitter<number>;
+    changeSize: Emitter<number>;
+    sizes?: number[];
+    constructor();
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=pagination.d.ts.map

package/elements/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../src/elements/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAQV,OAAO,EAKR,MAAM,aAAa,CAAC;AAUrB,OAAO,0BAA0B,CAAC;AAClC,OAAO,SAAS,CAAC;AACjB,OAAO,UAAU,CAAC;AAClB,OAAO,QAAQ,CAAC;AA8ChB;;;;GAIG;AACH,qBAGa,uBAAwB,SAAQ,UAAU;;IAC1C,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IAElB,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAE3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;;IA6E3B,MAAM,6CAgDJ;CACH"}