duoyun-ui 0.0.2

package/elements/breadcrumbs.d.ts

@@ -0,0 +1,20 @@
+import { GemElement } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+import './tooltip';
+import './action-text';
+export declare type BreadcrumbsItem = {
+    title?: string;
+    icon?: string | Element | DocumentFragment;
+    tooltip?: string;
+    handle?: () => void;
+};
+/**
+ * @customElement dy-breadcrumbs
+ */
+export declare class DuoyunBreadcrumbsElement extends GemElement {
+    compact: boolean;
+    list?: BreadcrumbsItem[];
+    constructor();
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/elements/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../src/elements/breadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EASX,MAAM,aAAa,CAAC;AAMrB,OAAO,0BAA0B,CAAC;AAClC,OAAO,WAAW,CAAC;AACnB,OAAO,eAAe,CAAC;AAkCvB,oBAAY,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,qBAEa,wBAAyB,SAAQ,UAAU;IACvC,OAAO,EAAE,OAAO,CAAC;IAEtB,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;;IAOnC,MAAM,6CAsBJ;CACH"}

package/elements/breadcrumbs.js

@@ -0,0 +1,88 @@
+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;
+};
+// https://spectrum.adobe.com/page/breadcrumbs/
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, classMap, boolattribute, } from '@mantou/gem';
+import { icons } from '../lib/icons';
+import { theme } from '../lib/theme';
+import { commonHandle } from '../lib/hotkeys';
+import '@mantou/gem/elements/use';
+import './tooltip';
+import './action-text';
+const style = createCSSSheet(css `
+  :host {
+    display: flex;
+    align-items: center;
+    gap: 0.3em;
+    color: ${theme.describeColor};
+  }
+  :host([compact]) {
+    font-size: 0.875em;
+  }
+  .item-title {
+    text-transform: capitalize;
+  }
+  .item-icon {
+    width: 1.5em;
+  }
+  .item-title,
+  .item-icon,
+  .separator {
+    flex-shrink: 0;
+  }
+  .separator {
+    width: 1em;
+    margin-bottom: -0.2em;
+  }
+  .item-icon:hover,
+  .current {
+    color: ${theme.primaryColor};
+    font-weight: bold;
+  }
+`);
+/**
+ * @customElement dy-breadcrumbs
+ */
+let DuoyunBreadcrumbsElement = class DuoyunBreadcrumbsElement extends GemElement {
+    constructor() {
+        super();
+        this.render = () => {
+            var _a;
+            return html `
+      ${(_a = this.list) === null || _a === void 0 ? void 0 : _a.map(({ title, tooltip, handle, icon }, index, arr, isLast = arr.length - 1 === index) => html `
+          <dy-tooltip .content=${tooltip}>
+            ${icon
+                ? html `<gem-use class="item-icon" .element=${icon}></gem-use>`
+                : html `
+                  <dy-action-text
+                    role="link"
+                    @click=${handle}
+                    @keydown=${commonHandle}
+                    class=${classMap({ 'item-title': true, current: isLast })}
+                  >
+                    ${title}
+                  </dy-action-text>
+                `}
+          </dy-tooltip>
+          ${!isLast ? html `<gem-use class="separator" role="separator" .element=${icons.right}></gem-use>` : ''}
+        `)}
+    `;
+        };
+        this.internals.ariaLabel = 'breadcrumbs';
+    }
+};
+__decorate([
+    boolattribute
+], DuoyunBreadcrumbsElement.prototype, "compact", void 0);
+__decorate([
+    property
+], DuoyunBreadcrumbsElement.prototype, "list", void 0);
+DuoyunBreadcrumbsElement = __decorate([
+    customElement('dy-breadcrumbs'),
+    adoptedStyle(style)
+], DuoyunBreadcrumbsElement);
+export { DuoyunBreadcrumbsElement };
+//# sourceMappingURL=breadcrumbs.js.map

package/elements/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../src/elements/breadcrumbs.ts"],"names":[],"mappings":";;;;;;AAAA,+CAA+C;AAC/C,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,EACR,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,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,0BAA0B,CAAC;AAClC,OAAO,WAAW,CAAC;AACnB,OAAO,eAAe,CAAC;AAEvB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;aAKnB,KAAK,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;aAsBnB,KAAK,CAAC,YAAY;;;CAG9B,CAAC,CAAC;AASH;;GAEG;AAGH,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,UAAU;IAKtD;QACE,KAAK,EAAE,CAAC;QAIV,WAAM,GAAG,GAAG,EAAE;;YACZ,OAAO,IAAI,CAAA;QACP,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CACd,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;iCAChE,OAAO;cAC1B,IAAI;gBACJ,CAAC,CAAC,IAAI,CAAA,uCAAuC,IAAI,aAAa;gBAC9D,CAAC,CAAC,IAAI,CAAA;;;6BAGS,MAAM;+BACJ,YAAY;4BACf,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;;sBAEvD,KAAK;;iBAEV;;YAEL,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,wDAAwD,KAAK,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,EAAE;SACtG,CACF;KACF,CAAC;QACJ,CAAC,CAAC;QAzBA,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,aAAa,CAAC;IAC3C,CAAC;CAyBF,CAAA;AAhCgB;IAAd,aAAa;yDAAkB;AAEtB;IAAT,QAAQ;sDAA0B;AAHxB,wBAAwB;IAFpC,aAAa,CAAC,gBAAgB,CAAC;IAC/B,YAAY,CAAC,KAAK,CAAC;GACP,wBAAwB,CAiCpC;SAjCY,wBAAwB"}

package/elements/button.d.ts

@@ -0,0 +1,30 @@
+import { GemElement, RefObject } from '@mantou/gem';
+import { RouteItem } from '@mantou/gem/elements/route';
+import { GemUseElement } from '@mantou/gem/elements/use';
+import { MenuItem } from './menu';
+/**
+ * @customElement dy-button
+ * @attr type
+ * @attr color
+ * @attr small
+ * @attr disabled
+ */
+export declare class DuoyunButtonElement extends GemElement {
+    #private;
+    type?: 'solid' | 'reverse';
+    color?: 'normal' | 'danger' | 'cancel';
+    small: boolean;
+    disabled: boolean;
+    dropdown?: MenuItem[] | null;
+    route?: RouteItem;
+    params?: Record<string, string>;
+    query?: Record<string, string>;
+    icon?: string | Element | DocumentFragment;
+    active: boolean;
+    dropdownRef: RefObject<GemUseElement>;
+    buttonRef: RefObject<HTMLDivElement>;
+    constructor();
+    render: () => import("@mantou/gem").TemplateResult;
+    focus: () => void;
+}
+//# sourceMappingURL=button.d.ts.map

package/elements/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/elements/button.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAaV,SAAS,EAEV,MAAM,aAAa,CAAC;AACrB,OAAO,EAAuB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMzD,OAAO,EAAE,QAAQ,EAAe,MAAM,QAAQ,CAAC;AAoF/C;;;;;;GAMG;AACH,qBAGa,mBAAoB,SAAQ,UAAU;;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC9C,MAAM,EAAE,OAAO,CAAC;IAEZ,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;;IAmChD,MAAM,6CAsCJ;IAEF,KAAK,aAEH;CACH"}

package/elements/button.js

@@ -0,0 +1,225 @@
+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 _DuoyunButtonElement_onClickDropdown;
+import { GemElement, customElement, html, attribute, adoptedStyle, css, createCSSSheet, property, history, QueryString, connectStore, boolattribute, refobject, state, } from '@mantou/gem';
+import { createHistoryParams } from '@mantou/gem/elements/route';
+import { theme } from '../lib/theme';
+import { icons } from '../lib/icons';
+import { commonHandle } from '../lib/hotkeys';
+import { ContextMenu } from './menu';
+const style = createCSSSheet(css `
+  :host {
+    --bg: ${theme.primaryColor};
+    display: inline-flex;
+    align-items: stretch;
+    color: ${theme.backgroundColor};
+    line-height: 1.2;
+    cursor: default;
+    user-select: none;
+    font-size: 0.875em;
+    border-radius: ${theme.normalRound};
+    white-space: nowrap;
+  }
+  :host([disabled]) {
+    --bg: ${theme.disabledColor};
+    cursor: not-allowed;
+  }
+  :host([small]) {
+    font-size: 0.75em;
+  }
+  :host([hidden]) {
+    display: none;
+  }
+  .content,
+  .dropdown {
+    position: relative;
+  }
+  .content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.3em;
+    padding: 0.5em 1.5em;
+    min-width: 3em;
+    background-color: var(--bg);
+    border: 1px solid var(--bg);
+    border-radius: inherit;
+  }
+  :host([small]) .content {
+    min-width: auto;
+    padding: 0.5em 0.8em;
+  }
+  :where(:host(:where(:--active, [data-active]))
+      .content, .content:where(:focus-visible, :hover), .dropdown:where(:focus-visible, :hover, :--active, [data-active]))::after {
+    content: '';
+    position: absolute;
+    inset: -1px;
+    background-color: currentColor;
+    border-radius: inherit;
+    opacity: 0.1;
+  }
+  :host([disabled]) ::after {
+    content: none;
+  }
+  :host([type='reverse']) {
+    --bg: transparent;
+    color: ${theme.primaryColor};
+  }
+  :host([type='reverse']) .content {
+    border-color: currentColor;
+  }
+  :host([color='danger']) {
+    --bg: ${theme.negativeColor};
+  }
+  :host([color='cancel']) {
+    --bg: ${theme.hoverBackgroundColor};
+    color: ${theme.textColor};
+  }
+  .dropdown {
+    display: flex;
+    background-color: var(--bg);
+    border-radius: 0 ${theme.normalRound} ${theme.normalRound} 0;
+    border: 1px solid var(--bg);
+    margin-inline-start: -0.6em;
+    padding-inline: 0.2em;
+    width: 1.4em;
+  }
+  .icon {
+    width: 1.2em;
+  }
+`);
+/**
+ * @customElement dy-button
+ * @attr type
+ * @attr color
+ * @attr small
+ * @attr disabled
+ */
+let DuoyunButtonElement = class DuoyunButtonElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunButtonElement_onClickDropdown.set(this, async (e) => {
+            e.stopPropagation();
+            if (this.disabled)
+                return;
+            if (this.dropdown) {
+                const { element } = this.dropdownRef;
+                const { right, bottom } = element.getBoundingClientRect();
+                const { width } = this.getBoundingClientRect();
+                element.active = true;
+                await ContextMenu.open(this.dropdown, {
+                    x: right - width,
+                    y: bottom,
+                    width: `${width}px`,
+                });
+                element.active = false;
+            }
+        });
+        this.render = () => {
+            return html `
+      <div
+        ref=${this.buttonRef.ref}
+        tabindex="0"
+        role="button"
+        aria-disabled=${this.disabled}
+        @keydown=${commonHandle}
+        class="content"
+      >
+        ${this.icon ? html `<gem-use class="icon" .element=${this.icon}></gem-use>` : ''}
+        <slot></slot>
+      </div>
+      ${this.dropdown
+                ? html `
+            <style>
+              div.content {
+                border-start-end-radius: 0;
+                border-end-end-radius: 0;
+              }
+              span.dropdown {
+                border-start-start-radius: 0;
+                border-end-start-radius: 0;
+              }
+            </style>
+            <gem-use
+              ref=${this.dropdownRef.ref}
+              class="dropdown"
+              tabindex="0"
+              @keydown=${commonHandle}
+              role="button"
+              aria-disabled=${this.disabled}
+              @click=${__classPrivateFieldGet(this, _DuoyunButtonElement_onClickDropdown, "f")}
+              .element=${icons.expand}
+            ></gem-use>
+          `
+                : ''}
+    `;
+        };
+        this.focus = () => {
+            this.buttonRef.element.focus();
+        };
+        this.addEventListener('click', () => {
+            if (this.disabled)
+                return;
+            if (this.route) {
+                history.push(createHistoryParams(this.route, {
+                    title: this.route.title,
+                    params: this.params,
+                    query: new QueryString(this.query),
+                }));
+            }
+        });
+    }
+};
+_DuoyunButtonElement_onClickDropdown = new WeakMap();
+__decorate([
+    attribute
+], DuoyunButtonElement.prototype, "type", void 0);
+__decorate([
+    attribute
+], DuoyunButtonElement.prototype, "color", void 0);
+__decorate([
+    boolattribute
+], DuoyunButtonElement.prototype, "small", void 0);
+__decorate([
+    boolattribute
+], DuoyunButtonElement.prototype, "disabled", void 0);
+__decorate([
+    property
+], DuoyunButtonElement.prototype, "dropdown", void 0);
+__decorate([
+    property
+], DuoyunButtonElement.prototype, "route", void 0);
+__decorate([
+    property
+], DuoyunButtonElement.prototype, "params", void 0);
+__decorate([
+    property
+], DuoyunButtonElement.prototype, "query", void 0);
+__decorate([
+    property
+], DuoyunButtonElement.prototype, "icon", void 0);
+__decorate([
+    state
+], DuoyunButtonElement.prototype, "active", void 0);
+__decorate([
+    refobject
+], DuoyunButtonElement.prototype, "dropdownRef", void 0);
+__decorate([
+    refobject
+], DuoyunButtonElement.prototype, "buttonRef", void 0);
+DuoyunButtonElement = __decorate([
+    customElement('dy-button'),
+    adoptedStyle(style),
+    connectStore(icons)
+], DuoyunButtonElement);
+export { DuoyunButtonElement };
+//# sourceMappingURL=button.js.map

package/elements/button.js.map

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

package/elements/card.d.ts

@@ -0,0 +1,26 @@
+import { TemplateResult } from '@mantou/gem';
+import { DuoyunLoadableBaseElement } from './base/loadable';
+import { MenuItem } from './menu';
+import '@mantou/gem/elements/use';
+export declare type ActionItem = Omit<MenuItem, 'handle'> & {
+    handle: (rest: HTMLElement) => void | Promise<void>;
+};
+/**
+ * @customElement dy-card
+ * @attr header
+ * @attr detail
+ * @attr avatar
+ * @attr preview
+ */
+export declare class DuoyunCardElement extends DuoyunLoadableBaseElement {
+    #private;
+    avatar: string;
+    preview: string;
+    header?: string | TemplateResult;
+    detail?: string | TemplateResult;
+    detailRight?: string | TemplateResult;
+    actions?: ActionItem[];
+    constructor();
+    render: () => TemplateResult;
+}
+//# sourceMappingURL=card.d.ts.map

package/elements/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/elements/card.ts"],"names":[],"mappings":"AACA,OAAO,EAQL,cAAc,EACf,MAAM,aAAa,CAAC;AAMrB,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAe,MAAM,QAAQ,CAAC;AAE/C,OAAO,0BAA0B,CAAC;AA0ElC,oBAAY,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAAE,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,CAAC;AAE5G;;;;;;GAMG;AACH,qBAEa,iBAAkB,SAAQ,yBAAyB;;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAEjB,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;;IAejC,MAAM,uBA6BJ;CACH"}

package/elements/card.js

@@ -0,0 +1,163 @@
+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 _DuoyunCardElement_onOpenMenu;
+// https://spectrum.adobe.com/page/cards/
+import { html, adoptedStyle, createCSSSheet, css, customElement, attribute, property, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { icons } from '../lib/icons';
+import { commonHandle } from '../lib/hotkeys';
+import { DuoyunLoadableBaseElement } from './base/loadable';
+import { ContextMenu } from './menu';
+import '@mantou/gem/elements/use';
+const style = createCSSSheet(css `
+  :host {
+    display: flex;
+    flex-direction: column;
+    padding: 1em;
+    border: 1px solid ${theme.borderColor};
+    border-radius: ${theme.normalRound};
+  }
+  .preview {
+    display: block;
+    margin: -1em -1em 1em;
+    aspect-ratio: 2 / 1;
+    background: ${theme.hoverBackgroundColor};
+    width: calc(100% + 2em);
+    object-fit: cover;
+  }
+  .avatar {
+    display: block;
+    width: 4em;
+    height: 4em;
+    border: 2px solid ${theme.backgroundColor};
+    background: ${theme.describeColor};
+    border-radius: 4em;
+    margin-block: -4em 1em;
+    object-fit: cover;
+  }
+  .header {
+    display: flex;
+    gap: 0.2em;
+    align-items: baseline;
+    margin-block-end: 1em;
+  }
+  .title {
+    font-size: 1.125em;
+    font-weight: bold;
+    color: ${theme.highlightColor};
+  }
+  .detail {
+    flex-grow: 1;
+    font-size: 0.875em;
+    color: ${theme.describeColor};
+  }
+  .detail:not(.right) {
+    text-transform: uppercase;
+  }
+  .right {
+    flex-grow: 0;
+    white-space: nowrap;
+  }
+  .actions {
+    width: 1.5em;
+    padding: 0.1em;
+  }
+  .actions:where(:focus-visible, :hover, :--active, [data-active]) {
+    background-color: ${theme.hoverBackgroundColor};
+    border-radius: ${theme.normalRound};
+  }
+  slot[name='body']::slotted(*) {
+    hyphens: auto;
+    margin-block-end: 0em !important;
+  }
+  slot[name='footer']::slotted(*) {
+    margin-block-start: 1em;
+    padding-block-start: 1em;
+    border-block-start: 1px solid ${theme.borderColor};
+    border-radius: 0;
+    display: flex;
+    justify-content: flex-end;
+    gap: 1em;
+  }
+`);
+/**
+ * @customElement dy-card
+ * @attr header
+ * @attr detail
+ * @attr avatar
+ * @attr preview
+ */
+let DuoyunCardElement = class DuoyunCardElement extends DuoyunLoadableBaseElement {
+    constructor() {
+        super();
+        _DuoyunCardElement_onOpenMenu.set(this, (evt) => {
+            const target = evt.target;
+            ContextMenu.open(this.actions.map((e) => ({ ...e, handle: () => e.handle(target) })), { activeElement: target });
+        });
+        this.render = () => {
+            return html `
+      ${this.preview ? html `<img part="preview" alt="preview" class="preview" src=${this.preview}></img>` : ''}
+      ${this.avatar ? html `<img part="avatar" alt="avatar" class="avatar" src=${this.avatar}></img>` : ''}
+      ${this.header
+                ? html `
+            <div class="header">
+              <div class="title">${this.header}</div>
+              <div class="detail">${this.detail}</div>
+              <div class="detail right">${this.detailRight}</div>
+              ${this.actions
+                    ? html `
+                    <gem-use
+                      tabindex="0"
+                      role="button"
+                      class="actions"
+                      @click=${__classPrivateFieldGet(this, _DuoyunCardElement_onOpenMenu, "f")}
+                      @keydown=${commonHandle}
+                      .element=${icons.more}
+                    ></gem-use>
+                  `
+                    : ''}
+            </div>
+          `
+                : ''}
+      <slot name="body"></slot>
+      <slot></slot>
+      <slot name="footer"></slot>
+    `;
+        };
+        this.internals.role = 'group';
+    }
+};
+_DuoyunCardElement_onOpenMenu = new WeakMap();
+__decorate([
+    attribute
+], DuoyunCardElement.prototype, "avatar", void 0);
+__decorate([
+    attribute
+], DuoyunCardElement.prototype, "preview", void 0);
+__decorate([
+    property
+], DuoyunCardElement.prototype, "header", void 0);
+__decorate([
+    property
+], DuoyunCardElement.prototype, "detail", void 0);
+__decorate([
+    property
+], DuoyunCardElement.prototype, "detailRight", void 0);
+__decorate([
+    property
+], DuoyunCardElement.prototype, "actions", void 0);
+DuoyunCardElement = __decorate([
+    customElement('dy-card'),
+    adoptedStyle(style)
+], DuoyunCardElement);
+export { DuoyunCardElement };
+//# sourceMappingURL=card.js.map

package/elements/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../src/elements/card.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yCAAyC;AACzC,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,SAAS,EACT,QAAQ,GAET,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAY,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,0BAA0B,CAAC;AAElC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;wBAKR,KAAK,CAAC,WAAW;qBACpB,KAAK,CAAC,WAAW;;;;;;kBAMpB,KAAK,CAAC,oBAAoB;;;;;;;;wBAQpB,KAAK,CAAC,eAAe;kBAC3B,KAAK,CAAC,aAAa;;;;;;;;;;;;;;aAcxB,KAAK,CAAC,cAAc;;;;;aAKpB,KAAK,CAAC,aAAa;;;;;;;;;;;;;;wBAcR,KAAK,CAAC,oBAAoB;qBAC7B,KAAK,CAAC,WAAW;;;;;;;;;oCASF,KAAK,CAAC,WAAW;;;;;;CAMpD,CAAC,CAAC;AAIH;;;;;;GAMG;AAGH,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,yBAAyB;IAS9D;QACE,KAAK,EAAE,CAAC;QAIV,wCAAc,CAAC,GAAe,EAAE,EAAE;YAChC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAqB,CAAC;YACzC,WAAW,CAAC,IAAI,CACd,IAAI,CAAC,OAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EACpE,EAAE,aAAa,EAAE,MAAM,EAAE,CAC1B,CAAC;QACJ,CAAC,EAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,yDAAyD,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,EAAE;QACtG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,sDAAsD,IAAI,CAAC,MAAM,SAAS,CAAC,CAAC,CAAC,EAAE;QACjG,IAAI,CAAC,MAAM;gBACX,CAAC,CAAC,IAAI,CAAA;;mCAEqB,IAAI,CAAC,MAAM;oCACV,IAAI,CAAC,MAAM;0CACL,IAAI,CAAC,WAAW;gBAC1C,IAAI,CAAC,OAAO;oBACZ,CAAC,CAAC,IAAI,CAAA;;;;;+BAKS,uBAAA,IAAI,qCAAY;iCACd,YAAY;iCACZ,KAAK,CAAC,IAAI;;mBAExB;oBACH,CAAC,CAAC,EAAE;;WAET;gBACH,CAAC,CAAC,EAAE;;;;KAIP,CAAC;QACJ,CAAC,CAAC;QAxCA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,OAAO,CAAC;IAChC,CAAC;CAwCF,CAAA;;AAnDY;IAAV,SAAS;iDAAgB;AACf;IAAV,SAAS;kDAAiB;AAEjB;IAAT,QAAQ;iDAAkC;AACjC;IAAT,QAAQ;iDAAkC;AACjC;IAAT,QAAQ;sDAAuC;AACtC;IAAT,QAAQ;kDAAwB;AAPtB,iBAAiB;IAF7B,aAAa,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,KAAK,CAAC;GACP,iBAAiB,CAoD7B;SApDY,iBAAiB"}

package/elements/cascader-pick.d.ts

@@ -0,0 +1,22 @@
+import { GemElement, Emitter } from '@mantou/gem';
+import type { Option } from './cascader';
+import './cascader';
+import './tag';
+/**
+ * @customElement dy-cascader-pick
+ */
+export declare class DuoyunCascaderPickElement extends GemElement {
+    #private;
+    placeholder: string;
+    options: Option[];
+    fit: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    change: Emitter<(string | number)[][] | (string | number)[]>;
+    value?: (string | number)[][] | (string | number)[];
+    active: boolean;
+    constructor();
+    mounted: () => () => false | void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=cascader-pick.d.ts.map

package/elements/cascader-pick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-pick.d.ts","sourceRoot":"","sources":["../src/elements/cascader-pick.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAQV,OAAO,EAKR,MAAM,aAAa,CAAC;AAQrB,OAAO,KAAK,EAAE,MAAM,EAAyB,MAAM,YAAY,CAAC;AAEhE,OAAO,YAAY,CAAC;AACpB,OAAO,OAAO,CAAC;AA8Cf;;GAEG;AACH,qBAEa,yBAA0B,SAAQ,UAAU;;IAC5C,WAAW,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IACb,GAAG,EAAE,OAAO,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAClE,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACvD,MAAM,EAAE,OAAO,CAAC;;IAuDvB,OAAO,2BAUL;IAEF,MAAM,6CAYJ;CACH"}