duoyun-ui 2.2.2 → 2.2.8

package/elements/options.d.ts

@@ -1,34 +1,6 @@
-import type { TemplateResult } from '@mantou/gem/lib/element';
-import { GemElement } from '@mantou/gem/lib/element';
-import './use';
-import './input';
-export type Option = {
-    label: string | TemplateResult;
-    icon?: string | DocumentFragment | Element;
-    tag?: string | TemplateResult;
-    tagIcon?: string | DocumentFragment | Element;
-    description?: string | TemplateResult;
-    disabled?: boolean;
-    danger?: boolean;
-    highlight?: boolean;
-    onClick?: (evt: MouseEvent) => void;
-    onRemove?: (evt: MouseEvent) => void;
-    onPointerEnter?: (evt: PointerEvent) => void;
-    onPointerLeave?: (evt: PointerEvent) => void;
-    onPointerDown?: (evt: PointerEvent) => void;
-    onPointerUp?: (evt: PointerEvent) => void;
-};
-export type Adder = {
-    text?: string;
-    handle: (value: string) => any;
-};
-export declare const SEPARATOR = "---";
-export declare class DuoyunOptionsElement extends GemElement {
-    #private;
-    static unnamed: string;
-    searchable: boolean;
-    options?: Option[];
-    adder?: Adder;
-    render: () => TemplateResult;
+import { TapOptionsElement } from '@mantou/tap-ui/elements/options';
+export type { Adder, Option } from '@mantou/tap-ui/elements/options';
+export { SEPARATOR } from '@mantou/tap-ui/elements/options';
+export declare class DuoyunOptionsElement extends TapOptionsElement {
 }
 //# sourceMappingURL=options.d.ts.map

package/elements/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/elements/options.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAoB,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAU7E,OAAO,OAAO,CAAC;AACf,OAAO,SAAS,CAAC;AA0GjB,MAAM,MAAM,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,OAAO,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC9C,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,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,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,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,SAAS,QAAQ,CAAC;AAE/B,qBAKa,oBAAqB,SAAQ,UAAU;;IAC5C,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAEd,UAAU,EAAE,OAAO,CAAC;IAEzB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IA8BxB,MAAM,uBAyGJ;CACH"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/elements/options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,qBACa,oBAAqB,SAAQ,iBAAiB;CAAG"}

package/elements/options.js

@@ -32,271 +32,22 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { adoptedStyle, aria, boolattribute, customElement, property, shadow, slot } from '@mantou/gem/lib/decorators';
-import { createState, css, GemElement, html } from '@mantou/gem/lib/element';
-import { classMap } from '@mantou/gem/lib/utils';
-import { commonHandle, hotkeys } from '../lib/hotkeys';
-import { icons } from '../lib/icons';
-import { locale } from '../lib/locale';
-import { focusStyle } from '../lib/styles';
-import { theme } from '../lib/theme';
-import { isIncludesString } from '../lib/utils';
-import './use';
-import './input';
-const style = css `
-  :host(:where(:not([hidden]))) {
-    cursor: default;
-    font-size: 0.875em;
-    display: flex;
-    flex-direction: column;
-    padding-block: 0.4em;
-    color: ${theme.textColor};
-    background: ${theme.backgroundColor};
-    border: 1px solid ${theme.borderColor};
-    box-sizing: border-box;
-    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;
-    align-items: center;
-    gap: 0.5em;
-  }
-  .value {
-    flex-grow: 1;
-    flex-shrink: 1;
-    min-width: 0;
-  }
-  .tag {
-    flex-shrink: 0;
-  }
-  .tag > * {
-    margin: 0;
-  }
-  .label,
-  .description {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-  .description {
-    font-size: 0.875em;
-    opacity: 0.7;
-  }
-  .item:where(:hover),
-  .highlight {
-    color: ${theme.highlightColor};
-  }
-  .item:not(.add):hover,
-  .highlight {
-    background-color: ${theme.lightBackgroundColor};
-  }
-  .add {
-    padding-block: 0;
-  }
-  .delete:not(:hover) .icon.action {
-    display: none;
-  }
-  .add-input {
-    height: calc(1.5em + 2 * 0.4em);
-    font-size: 1em;
-    border: none;
-    padding: 0;
-    border-radius: 0;
-    width: 100%;
-  }
-  .add-input::part(input) {
-    padding: 0;
-  }
-  .danger {
-    color: ${theme.negativeColor};
-  }
-  .disabled {
-    opacity: 0.7;
-    color: ${theme.describeColor};
-  }
-  .icon {
-    flex-shrink: 0;
-    position: relative;
-    width: 1.2em;
-    padding: 0.3em;
-    margin: -0.3em;
-    border-radius: ${theme.normalRound};
-  }
-  .action:hover {
-    background: ${theme.hoverBackgroundColor};
-  }
-  .separator {
-    background: ${theme.borderColor};
-    flex-shrink: 0;
-    height: 1px;
-    margin: 1px 1em;
-  }
-  dy-tag {
-    padding-block: 0;
-  }
-`;
-export const SEPARATOR = '---';
+import { customElement } from '@mantou/gem/lib/decorators';
+import { TapOptionsElement } from '@mantou/tap-ui/elements/options';
+export { SEPARATOR } from '@mantou/tap-ui/elements/options';
 let DuoyunOptionsElement = (() => {
-    let _classDecorators = [customElement('dy-options'), adoptedStyle(style), adoptedStyle(focusStyle), shadow(), aria({ focusable: true, role: 'listbox' })];
+    let _classDecorators = [customElement('dy-options')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = GemElement;
-    let _static_unnamed_decorators;
-    let _static_unnamed_initializers = [];
-    let _static_unnamed_extraInitializers = [];
-    let _searchable_decorators;
-    let _searchable_initializers = [];
-    let _searchable_extraInitializers = [];
-    let _options_decorators;
-    let _options_initializers = [];
-    let _options_extraInitializers = [];
-    let _adder_decorators;
-    let _adder_initializers = [];
-    let _adder_extraInitializers = [];
+    let _classSuper = TapOptionsElement;
     var DuoyunOptionsElement = 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];
-            _searchable_decorators = [boolattribute];
-            _options_decorators = [property];
-            _adder_decorators = [property];
-            __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, _searchable_decorators, { kind: "field", name: "searchable", static: false, private: false, access: { has: obj => "searchable" in obj, get: obj => obj.searchable, set: (obj, value) => { obj.searchable = value; } }, metadata: _metadata }, _searchable_initializers, _searchable_extraInitializers);
-            __esDecorate(null, null, _options_decorators, { kind: "field", name: "options", static: false, private: false, access: { has: obj => "options" in obj, get: obj => obj.options, set: (obj, value) => { obj.options = value; } }, metadata: _metadata }, _options_initializers, _options_extraInitializers);
-            __esDecorate(null, null, _adder_decorators, { kind: "field", name: "adder", static: false, private: false, access: { has: obj => "adder" in obj, get: obj => obj.adder, set: (obj, value) => { obj.adder = value; } }, metadata: _metadata }, _adder_initializers, _adder_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             DuoyunOptionsElement = _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);
-        searchable = __runInitializers(this, _searchable_initializers, void 0);
-        options = (__runInitializers(this, _searchable_extraInitializers), __runInitializers(this, _options_initializers, void 0));
-        adder = (__runInitializers(this, _options_extraInitializers), __runInitializers(this, _adder_initializers, void 0));
-        #state = (__runInitializers(this, _adder_extraInitializers), createState({
-            search: '',
-            addValue: '',
-        }));
-        #onSearch = ({ detail }) => {
-            this.#state({ search: detail });
-        };
-        #onAdd = async () => {
-            if (!this.#state.addValue)
-                return;
-            await this.adder.handle?.(this.#state.addValue);
-            this.#state({ addValue: '' });
-        };
-        #onRemove = (evt, onRemove) => {
-            evt.stopPropagation();
-            onRemove(evt);
-        };
-        #stopPropagation = (evt) => evt.stopPropagation();
-        #onAdderKeyDown = hotkeys({
-            enter: this.#onAdd,
-            esc: () => ({}),
-            onUncapture: this.#stopPropagation,
-        });
-        render = () => {
-            const { search } = this.#state;
-            const options = search
-                ? this.options?.filter(({ label, description = '' }) => isIncludesString(html `${label}${description}`, search))
-                : this.options;
-            return html `
-      <slot></slot>
-      <div v-if=${this.searchable} class="search">
-        <dy-input
-          class="input"
-          type="search"
-          .icon=${icons.search}
-          .placeholder=${locale.search}
-          value=${search}
-          @change=${this.#onSearch}
-        ></dy-input>
-      </div>
-      <div
-        v-if=${!!this.adder}
-        role="option"
-        tabindex="0"
-        class=${classMap({ item: true, add: true })}
-        @pointerup=${this.#stopPropagation}
-        @keydown=${commonHandle}
-      >
-        <div class="value">
-          <div class="label">
-            <dy-input
-              class="add-input"
-              .value=${this.#state.addValue}
-              .placeholder=${this.adder?.text || locale.add}
-              @change=${({ detail: addValue }) => this.#state({ addValue })}
-              @keydown=${this.#onAdderKeyDown}
-            ></dy-input>
-          </div>
-        </div>
-        <dy-use
-          role="button"
-          tabindex="0"
-          class="icon action"
-          .element=${icons.add}
-          @click=${this.#onAdd}
-          @keydown=${commonHandle}
-        ></dy-use>
-      </div>
-      ${(search && options?.length === 0 ? [{ label: locale.noData, disabled: true }] : options)?.map(({ label, tag = '', tagIcon, description, disabled = false, danger, highlight = false, icon, onPointerEnter, onPointerLeave, onPointerDown, onPointerUp, onClick, onRemove, }) => {
-                return label === SEPARATOR
-                    ? 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,
-                        delete: !!onRemove,
-                    })}
-                  @pointerenter=${onPointerEnter}
-                  @pointerleave=${onPointerLeave}
-                  @pointerdown=${onPointerDown}
-                  @pointerup=${onPointerUp}
-                  @click=${onClick}
-                  @keydown=${commonHandle}
-                >
-                  <dy-use v-if=${!!icon} class="icon" .element=${icon}></dy-use>
-                  <div class="value">
-                    <div class="label">${label}</div>
-                    <div class="description">${description}</div>
-                  </div>
-                  <div v-if=${!!tag} class="tag">${tag}</div>
-                  <dy-use v-if=${!!tagIcon} class="icon" .element=${tagIcon}></dy-use>
-                  <dy-use
-                    v-if=${!!onRemove}
-                    class="icon action"
-                    .element=${icons.delete}
-                    @pointerup=${this.#stopPropagation}
-                    @click=${(evt) => onRemove && this.#onRemove(evt, onRemove)}
-                  ></dy-use>
-                </div>
-              `;
-            })}
-    `;
-        };
-        static {
-            __runInitializers(_classThis, _static_unnamed_extraInitializers);
             __runInitializers(_classThis, _classExtraInitializers);
         }
     };

package/elements/options.js.map

@@ -1 +1 @@
-{"version":3,"file":"options.js","sourceRoot":"","sources":["../src/elements/options.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../src/elements/options.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAGpE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;IAG/C,oBAAoB;4BADhC,aAAa,CAAC,YAAY,CAAC;;;;sBACc,iBAAiB;oCAAzB,SAAQ,WAAiB;;;;YAA3D,6KAA8D;;;YAAjD,uDAAoB;;;;;SAApB,oBAAoB"}

package/elements/page-loadbar.js

@@ -46,7 +46,7 @@ const style = css `
     display: flex;
     justify-content: flex-end;
     align-items: flex-end;
-    top: env(titlebar-area-height, var(--titlebar-area-height, 0px));
+    top: var(--titlebar-area-height, env(titlebar-area-height, 0px));
     left: 0;
     height: 2px;
     transition: width 0.3s;

package/elements/paragraph.d.ts

@@ -1,4 +1,4 @@
-import { GemElement } from '@mantou/gem/lib/element';
-export declare class DuoyunParagraphElement extends GemElement {
+import { TapParagraphElement } from '@mantou/tap-ui/elements/paragraph';
+export declare class DuoyunParagraphElement extends TapParagraphElement {
 }
 //# sourceMappingURL=paragraph.d.ts.map

package/elements/paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../src/elements/paragraph.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,UAAU,EAAE,MAAM,yBAAyB,CAAC;AA6C1D,qBAGa,sBAAuB,SAAQ,UAAU;CAAG"}
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../src/elements/paragraph.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAExE,qBACa,sBAAuB,SAAQ,mBAAmB;CAAG"}

package/elements/paragraph.js

@@ -32,55 +32,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { adoptedStyle, aria, customElement } from '@mantou/gem/lib/decorators';
-import { css, GemElement } from '@mantou/gem/lib/element';
-import { theme } from '../lib/theme';
-const style = css `
-  :where(:scope:not([hidden])) {
-    display: block;
-    margin-block-end: 0.75em;
-    line-height: 1.5;
-
-    &:where(:lang(zh), :lang(ja), :lang(kr)) {
-      line-height: 1.7;
-
-      :where(gem-link, dy-link, a[href]) {
-        text-underline-offset: 0.125em;
-      }
-    }
-
-    :where(gem-link, dy-link, a[href]) {
-      color: ${theme.primaryColor};
-      text-decoration: underline;
-
-      &:where(:not([hidden])) {
-        display: inline-block;
-      }
-    }
-    code,
-    kbd {
-      font-family: ${theme.codeFont};
-      margin-inline: 0.2em;
-      padding: 0.15em 0.4em 0.1em;
-      font-size: 0.9em;
-      border: 1px solid ${theme.borderColor};
-      border-radius: ${theme.smallRound};
-    }
-    code {
-      background: ${theme.hoverBackgroundColor};
-    }
-    kbd {
-      background: ${theme.lightBackgroundColor};
-      border-bottom-width: 2px;
-    }
-  }
-`;
+import { customElement } from '@mantou/gem/lib/decorators';
+import { TapParagraphElement } from '@mantou/tap-ui/elements/paragraph';
 let DuoyunParagraphElement = (() => {
-    let _classDecorators = [customElement('dy-paragraph'), adoptedStyle(style), aria({ role: 'paragraph' })];
+    let _classDecorators = [customElement('dy-paragraph')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = GemElement;
+    let _classSuper = TapParagraphElement;
     var DuoyunParagraphElement = class extends _classSuper {
         static { _classThis = this; }
         static {

package/elements/paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../src/elements/paragraph.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;eAeF,KAAK,CAAC,YAAY;;;;;;;;;qBASZ,KAAK,CAAC,QAAQ;;;;0BAIT,KAAK,CAAC,WAAW;uBACpB,KAAK,CAAC,UAAU;;;oBAGnB,KAAK,CAAC,oBAAoB;;;oBAG1B,KAAK,CAAC,oBAAoB;;;;CAI7C,CAAC;IAKW,sBAAsB;4BAHlC,aAAa,CAAC,cAAc,CAAC,EAC7B,YAAY,CAAC,KAAK,CAAC,EACnB,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;;;;sBACgB,UAAU;sCAAlB,SAAQ,WAAU;;;;YAAtD,6KAAyD;;;YAA5C,uDAAsB;;;;;SAAtB,sBAAsB"}
+{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../src/elements/paragraph.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;IAG3D,sBAAsB;4BADlC,aAAa,CAAC,cAAc,CAAC;;;;sBACc,mBAAmB;sCAA3B,SAAQ,WAAmB;;;;YAA/D,6KAAkE;;;YAArD,uDAAsB;;;;;SAAtB,sBAAsB"}

package/elements/placeholder.d.ts

@@ -1,16 +1,4 @@
-import { DuoyunVisibleBaseElement } from './base/visible';
-export declare class DuoyunPlaceholderElement extends DuoyunVisibleBaseElement {
-    #private;
-    static line: string;
-    /**@deprecated */
-    mode: 'single' | 'multi';
-    type: 'single' | 'multi';
-    center: boolean;
-    /**% */
-    width: string;
-    color: string;
-    maxLine: number;
-    minLine: number;
-    render: () => import("@mantou/gem/lib/lit-html").TemplateResult;
+import { TapPlaceholderElement } from '@mantou/tap-ui/elements/placeholder';
+export declare class DuoyunPlaceholderElement extends TapPlaceholderElement {
 }
 //# sourceMappingURL=placeholder.d.ts.map

package/elements/placeholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../src/elements/placeholder.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAwB1D,qBAIa,wBAAyB,SAAQ,wBAAwB;;IAC9D,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC;IAE1B,iBAAiB;IACN,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAC/B,OAAO;IACI,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAiB9B,MAAM,0DAoBJ;CACH"}
+{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../src/elements/placeholder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,qBACa,wBAAyB,SAAQ,qBAAqB;CAAG"}

package/elements/placeholder.js

@@ -32,131 +32,21 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { createDecoratorTheme } from '@mantou/gem/helper/theme';
-import { adoptedStyle, aria, attribute, boolattribute, customElement, numattribute, part, shadow, } from '@mantou/gem/lib/decorators';
-import { css, html } from '@mantou/gem/lib/element';
-import { styleMap } from '@mantou/gem/lib/utils';
-import { theme } from '../lib/theme';
-import { DuoyunVisibleBaseElement } from './base/visible';
-const elementTheme = createDecoratorTheme({ color: '' });
-const style = css `
-  :host(:where(:not([hidden]))) {
-    display: block;
-    flex-grow: 1;
-  }
-  :host(:where(:not([hidden], [type='multi'], [mode='multi']))) {
-    display: flex;
-    align-content: center;
-  }
-  :host([center]) {
-    justify-content: center;
-  }
-  .content {
-    background-image: linear-gradient(${elementTheme.color}, ${elementTheme.color});
-    background-position-y: center;
-    background-size: 100% 1em;
-    background-repeat: no-repeat;
-  }
-`;
+import { customElement } from '@mantou/gem/lib/decorators';
+import { TapPlaceholderElement } from '@mantou/tap-ui/elements/placeholder';
 let DuoyunPlaceholderElement = (() => {
-    let _classDecorators = [customElement('dy-placeholder'), adoptedStyle(style), aria({ role: 'progressbar', ariaBusy: 'true' }), shadow()];
+    let _classDecorators = [customElement('dy-placeholder')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = DuoyunVisibleBaseElement;
-    let _static_line_decorators;
-    let _static_line_initializers = [];
-    let _static_line_extraInitializers = [];
-    let _mode_decorators;
-    let _mode_initializers = [];
-    let _mode_extraInitializers = [];
-    let _type_decorators;
-    let _type_initializers = [];
-    let _type_extraInitializers = [];
-    let _center_decorators;
-    let _center_initializers = [];
-    let _center_extraInitializers = [];
-    let _width_decorators;
-    let _width_initializers = [];
-    let _width_extraInitializers = [];
-    let _color_decorators;
-    let _color_initializers = [];
-    let _color_extraInitializers = [];
-    let _maxLine_decorators;
-    let _maxLine_initializers = [];
-    let _maxLine_extraInitializers = [];
-    let _minLine_decorators;
-    let _minLine_initializers = [];
-    let _minLine_extraInitializers = [];
-    let _private_theme_decorators;
-    let _private_theme_initializers = [];
-    let _private_theme_extraInitializers = [];
+    let _classSuper = TapPlaceholderElement;
     var DuoyunPlaceholderElement = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _static_line_decorators = [part];
-            _mode_decorators = [attribute];
-            _type_decorators = [attribute];
-            _center_decorators = [boolattribute];
-            _width_decorators = [attribute];
-            _color_decorators = [attribute];
-            _maxLine_decorators = [numattribute];
-            _minLine_decorators = [numattribute];
-            _private_theme_decorators = [elementTheme()];
-            __esDecorate(null, null, _static_line_decorators, { kind: "field", name: "line", static: true, private: false, access: { has: obj => "line" in obj, get: obj => obj.line, set: (obj, value) => { obj.line = value; } }, metadata: _metadata }, _static_line_initializers, _static_line_extraInitializers);
-            __esDecorate(null, null, _mode_decorators, { kind: "field", name: "mode", static: false, private: false, access: { has: obj => "mode" in obj, get: obj => obj.mode, set: (obj, value) => { obj.mode = value; } }, metadata: _metadata }, _mode_initializers, _mode_extraInitializers);
-            __esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
-            __esDecorate(null, null, _center_decorators, { kind: "field", name: "center", static: false, private: false, access: { has: obj => "center" in obj, get: obj => obj.center, set: (obj, value) => { obj.center = value; } }, metadata: _metadata }, _center_initializers, _center_extraInitializers);
-            __esDecorate(null, null, _width_decorators, { kind: "field", name: "width", static: false, private: false, access: { has: obj => "width" in obj, get: obj => obj.width, set: (obj, value) => { obj.width = value; } }, metadata: _metadata }, _width_initializers, _width_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, _maxLine_decorators, { kind: "field", name: "maxLine", static: false, private: false, access: { has: obj => "maxLine" in obj, get: obj => obj.maxLine, set: (obj, value) => { obj.maxLine = value; } }, metadata: _metadata }, _maxLine_initializers, _maxLine_extraInitializers);
-            __esDecorate(null, null, _minLine_decorators, { kind: "field", name: "minLine", static: false, private: false, access: { has: obj => "minLine" in obj, get: obj => obj.minLine, set: (obj, value) => { obj.minLine = value; } }, metadata: _metadata }, _minLine_initializers, _minLine_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);
             DuoyunPlaceholderElement = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static line = __runInitializers(_classThis, _static_line_initializers, void 0);
-        /**@deprecated */
-        mode = __runInitializers(this, _mode_initializers, void 0);
-        type = (__runInitializers(this, _mode_extraInitializers), __runInitializers(this, _type_initializers, void 0));
-        center = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _center_initializers, void 0)); // only type 'single'
-        /**% */
-        width = (__runInitializers(this, _center_extraInitializers), __runInitializers(this, _width_initializers, void 0));
-        color = (__runInitializers(this, _width_extraInitializers), __runInitializers(this, _color_initializers, void 0));
-        maxLine = (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _maxLine_initializers, void 0));
-        minLine = (__runInitializers(this, _maxLine_extraInitializers), __runInitializers(this, _minLine_initializers, void 0));
-        get #type() {
-            return this.type || this.mode || 'single';
-        }
-        get #maxLine() {
-            return this.maxLine || 3;
-        }
-        get #minLine() {
-            return this.minLine || 1;
-        }
-        #theme = (__runInitializers(this, _minLine_extraInitializers), __runInitializers(this, _private_theme_initializers, () => ({ color: this.color || theme.lightBackgroundColor })));
-        render = (__runInitializers(this, _private_theme_extraInitializers), () => {
-            const lineCount = this.#type === 'single' ? 1 : Math.round(this.#minLine + Math.random() * (this.#maxLine - this.#minLine));
-            return html `
-      ${Array(lineCount)
-                .fill(null)
-                .map((_, index) => html `
-            <div
-              class="content"
-              part=${DuoyunPlaceholderElement.line}
-              style=${styleMap({
-                width: index === lineCount - 1 ? this.width || `${50 + Math.random() * 50}%` : 'auto',
-            })}
-            >
-              &ZeroWidthSpace;
-            </div>
-          `)}
-    `;
-        });
-        static {
-            __runInitializers(_classThis, _static_line_extraInitializers);
             __runInitializers(_classThis, _classExtraInitializers);
         }
     };

package/elements/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../src/elements/placeholder.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../src/elements/placeholder.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;IAG/D,wBAAwB;4BADpC,aAAa,CAAC,gBAAgB,CAAC;;;;sBACc,qBAAqB;wCAA7B,SAAQ,WAAqB;;;;YAAnE,6KAAsE;;;YAAzD,uDAAwB;;;;;SAAxB,wBAAwB"}

package/elements/radio.d.ts

@@ -1,27 +1,8 @@
-import type { Emitter } from '@mantou/gem/lib/decorators';
-import type { TemplateResult } from '@mantou/gem/lib/element';
-import { GemElement } from '@mantou/gem/lib/element';
-export declare class DuoyunRadioElement extends GemElement {
-    #private;
-    static unnamed: string;
-    checked: boolean;
-    disabled: boolean;
-    change: Emitter<string>;
-    value: string;
-    render: () => TemplateResult;
+import { TapRadioElement, TapRadioGroupElement } from '@mantou/tap-ui/elements/radio';
+export type { Option } from '@mantou/tap-ui/elements/radio';
+export { groupStyle } from '@mantou/tap-ui/elements/radio';
+export declare class DuoyunRadioElement extends TapRadioElement {
 }
-export declare const groupStyle: import("@mantou/gem/lib/reactive").Sheet<Record<string, string>>;
-export interface Option<T = any> {
-    label: string | TemplateResult;
-    value?: T;
-}
-export declare class DuoyunRadioGroupElement extends GemElement {
-    #private;
-    orientation: 'horizontal' | 'vertical';
-    disabled: boolean;
-    change: Emitter<any>;
-    value?: any;
-    options?: Option[];
-    render: () => TemplateResult | null;
+export declare class DuoyunRadioGroupElement extends TapRadioGroupElement {
 }
 //# sourceMappingURL=radio.d.ts.map

package/elements/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../src/elements/radio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAa1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAO,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AA0ChE,qBAIa,kBAAmB,SAAQ,UAAU;;IAC1C,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAEd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAE5B,KAAK,EAAE,MAAM,CAAC;IAUzB,MAAM,uBAaJ;CACH;AAED,eAAO,MAAM,UAAU,kEAatB,CAAC;AAEF,MAAM,WAAW,MAAM,CAAC,CAAC,GAAG,GAAG;IAC7B,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,qBAGa,uBAAwB,SAAQ,UAAU;;IAC1C,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAO7B,MAAM,8BAcJ;CACH"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../src/elements/radio.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAEtF,YAAY,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,qBACa,kBAAmB,SAAQ,eAAe;CAAG;AAE1D,qBACa,uBAAwB,SAAQ,oBAAoB;CAAG"}