duoyun-ui 0.0.2

package/elements/status-light.js

@@ -0,0 +1,75 @@
+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 _DuoyunStatusLightElement_instances, _DuoyunStatusLightElement_status_get;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute } from '@mantou/gem';
+import { theme, getSemanticColor } from '../lib/theme';
+const style = createCSSSheet(css `
+  :host {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.6em;
+  }
+  :host([status='neutral']) {
+    font-style: italic;
+  }
+  .light {
+    width: 0.5em;
+    height: 0.5em;
+    border-radius: 1em;
+    background-color: currentColor;
+    flex-shrink: 0;
+  }
+`);
+export function getStatusColor(status) {
+    const semanticColor = getSemanticColor(status);
+    if (semanticColor)
+        return semanticColor;
+    switch (status) {
+        case 'default':
+            return theme.neutralColor;
+        default:
+            return status;
+    }
+}
+/**
+ * @customElement dy-status-light
+ */
+let DuoyunStatusLightElement = class DuoyunStatusLightElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunStatusLightElement_instances.add(this);
+        this.render = () => {
+            return html `
+      <style>
+        .light {
+          color: ${getStatusColor(__classPrivateFieldGet(this, _DuoyunStatusLightElement_instances, "a", _DuoyunStatusLightElement_status_get))};
+        }
+      </style>
+      <div class="light"></div>
+      <slot></slot>
+    `;
+        };
+        this.internals.role = 'status';
+    }
+};
+_DuoyunStatusLightElement_instances = new WeakSet(), _DuoyunStatusLightElement_status_get = function _DuoyunStatusLightElement_status_get() {
+    return this.status || 'default';
+};
+__decorate([
+    attribute
+], DuoyunStatusLightElement.prototype, "status", void 0);
+DuoyunStatusLightElement = __decorate([
+    customElement('dy-status-light'),
+    adoptedStyle(style)
+], DuoyunStatusLightElement);
+export { DuoyunStatusLightElement };
+//# sourceMappingURL=status-light.js.map

package/elements/status-light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-light.js","sourceRoot":"","sources":["../src/elements/status-light.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE5G,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGvD,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB/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;QACd,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,YAAY,CAAC;QAC5B;YACE,OAAO,MAAM,CAAC;KACjB;AACH,CAAC;AAED;;GAEG;AAGH,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,UAAU;IAGtD;QACE,KAAK,EAAE,CAAC;;QAQV,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;;;mBAGI,cAAc,CAAC,uBAAA,IAAI,iFAAQ,CAAC;;;;;KAK1C,CAAC;QACJ,CAAC,CAAC;QAjBA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;IACjC,CAAC;CAiBF,CAAA;;IAdG,OAAO,IAAI,CAAC,MAAM,IAAI,SAAS,CAAC;AAClC,CAAC;AATU;IAAV,SAAS;wDAAgB;AADf,wBAAwB;IAFpC,aAAa,CAAC,iBAAiB,CAAC;IAChC,YAAY,CAAC,KAAK,CAAC;GACP,wBAAwB,CAuBpC;SAvBY,wBAAwB"}

package/elements/switch.d.ts

@@ -0,0 +1,18 @@
+import { GemElement, Emitter } from '@mantou/gem';
+/**
+ * @customElement dy-switch
+ * @attr checked
+ * @attr value
+ * @attr neutral
+ */
+export declare class DuoyunSwitchElement extends GemElement {
+    #private;
+    disabled: boolean;
+    checked: boolean;
+    value: string;
+    neutral: 'positive' | 'negative' | 'neutral';
+    change: Emitter<boolean>;
+    constructor();
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=switch.d.ts.map

package/elements/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/elements/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EASV,OAAO,EACR,MAAM,aAAa,CAAC;AA4CrB;;;;;GAKG;AACH,qBAEa,mBAAoB,SAAQ,UAAU;;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;;IAmBxC,MAAM,6CAkBJ;CACH"}

package/elements/switch.js

@@ -0,0 +1,117 @@
+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 _DuoyunSwitchElement_instances, _DuoyunSwitchElement_checkedColor_get, _DuoyunSwitchElement_onClick;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, boolattribute, attribute, globalemitter, } from '@mantou/gem';
+import { theme, getSemanticColor } from '../lib/theme';
+import { commonHandle } from '../lib/hotkeys';
+const style = createCSSSheet(css `
+  :host {
+    --color: ${theme.borderColor};
+    display: inline-flex;
+    gap: 0.5em;
+  }
+  .switch {
+    height: 1.2em;
+    aspect-ratio: 9 / 5;
+    border-radius: 10em;
+    transition: all 0.3s ${theme.timingFunction};
+    opacity: 0.8;
+    background-color: var(--color);
+  }
+  :host([disabled]) .switch {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+  :host(:hover:not([disabled])) .switch {
+    opacity: 1;
+  }
+  :host([checked]) .switch {
+    background-color: var(--color);
+  }
+  .switch::before {
+    content: '';
+    display: block;
+    transition: inherit;
+    height: calc(100% - 4px);
+    aspect-ratio: 1;
+    border-radius: inherit;
+    border: 2px solid var(--color);
+    background-color: ${theme.lightBackgroundColor};
+  }
+  :host([checked]) .switch::before {
+    margin-inline-start: calc(100% * 4 / 9);
+  }
+`);
+/**
+ * @customElement dy-switch
+ * @attr checked
+ * @attr value
+ * @attr neutral
+ */
+let DuoyunSwitchElement = class DuoyunSwitchElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunSwitchElement_instances.add(this);
+        _DuoyunSwitchElement_onClick.set(this, () => {
+            if (!this.disabled) {
+                this.change(!this.checked);
+            }
+        });
+        this.render = () => {
+            return html `
+      <style>
+        :host([checked]) {
+          --color: ${__classPrivateFieldGet(this, _DuoyunSwitchElement_instances, "a", _DuoyunSwitchElement_checkedColor_get)};
+        }
+      </style>
+      <div
+        class="switch"
+        role="switch"
+        tabindex="0"
+        @keydown=${commonHandle}
+        aria-disabled=${this.disabled}
+        aria-labelledby="label"
+        aria-checked=${this.checked}
+      ></div>
+      <slot id="label"></slot>
+    `;
+        };
+        this.addEventListener('click', __classPrivateFieldGet(this, _DuoyunSwitchElement_onClick, "f"));
+    }
+};
+_DuoyunSwitchElement_onClick = new WeakMap(), _DuoyunSwitchElement_instances = new WeakSet(), _DuoyunSwitchElement_checkedColor_get = function _DuoyunSwitchElement_checkedColor_get() {
+    const semanticColor = getSemanticColor(this.neutral);
+    if (semanticColor)
+        return semanticColor;
+    return theme.neutralColor;
+};
+__decorate([
+    boolattribute
+], DuoyunSwitchElement.prototype, "disabled", void 0);
+__decorate([
+    boolattribute
+], DuoyunSwitchElement.prototype, "checked", void 0);
+__decorate([
+    attribute
+], DuoyunSwitchElement.prototype, "value", void 0);
+__decorate([
+    attribute
+], DuoyunSwitchElement.prototype, "neutral", void 0);
+__decorate([
+    globalemitter
+], DuoyunSwitchElement.prototype, "change", void 0);
+DuoyunSwitchElement = __decorate([
+    customElement('dy-switch'),
+    adoptedStyle(style)
+], DuoyunSwitchElement);
+export { DuoyunSwitchElement };
+//# sourceMappingURL=switch.js.map

package/elements/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../src/elements/switch.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,aAAa,EACb,SAAS,EACT,aAAa,GAEd,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;eAEjB,KAAK,CAAC,WAAW;;;;;;;;2BAQL,KAAK,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;wBAsBvB,KAAK,CAAC,oBAAoB;;;;;CAKjD,CAAC,CAAC;AAEH;;;;;GAKG;AAGH,IAAa,mBAAmB,GAAhC,MAAa,mBAAoB,SAAQ,UAAU;IAajD;QACE,KAAK,EAAE,CAAC;;QAIV,uCAAW,GAAG,EAAE;YACd,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aAC5B;QACH,CAAC,EAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;;;qBAGM,uBAAA,IAAI,6EAAc;;;;;;;mBAOpB,YAAY;wBACP,IAAI,CAAC,QAAQ;;uBAEd,IAAI,CAAC,OAAO;;;KAG9B,CAAC;QACJ,CAAC,CAAC;QA3BA,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,uBAAA,IAAI,oCAAS,CAAC,CAAC;IAChD,CAAC;CA2BF,CAAA;;IAnCG,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrD,IAAI,aAAa;QAAE,OAAO,aAAa,CAAC;IACxC,OAAO,KAAK,CAAC,YAAY,CAAC;AAC5B,CAAC;AAVc;IAAd,aAAa;qDAAmB;AAClB;IAAd,aAAa;oDAAkB;AACrB;IAAV,SAAS;kDAAe;AACd;IAAV,SAAS;oDAA8C;AACzC;IAAd,aAAa;mDAA0B;AAL7B,mBAAmB;IAF/B,aAAa,CAAC,WAAW,CAAC;IAC1B,YAAY,CAAC,KAAK,CAAC;GACP,mBAAmB,CA2C/B;SA3CY,mBAAmB"}

package/elements/table.d.ts

@@ -0,0 +1,36 @@
+import { GemElement, TemplateResult, Emitter } from '@mantou/gem';
+import { MenuItem } from './menu';
+import './placeholder';
+import './empty';
+import './tooltip';
+import './loading';
+import './space';
+export declare type Column<T> = {
+    title: string | TemplateResult;
+    style?: Partial<CSSStyleDeclaration>;
+    width?: string;
+    tooltip?: string;
+    dataIndex?: keyof T | string[];
+    render?: (record: T) => string | TemplateResult;
+    getActions?: (record: T, evt: HTMLElement) => MenuItem[];
+    getColspan?: (record: T, arr: T[]) => number;
+    getRowspan?: (record: T, arr: T[]) => number;
+    data?: Record<string, unknown>;
+};
+export declare type Columns<T> = Column<T>[];
+/**
+ * @customElement dy-table
+ */
+export declare class DuoyunTableElement extends GemElement {
+    #private;
+    caption: string;
+    headless: boolean;
+    columns: Column<any>[];
+    data: (Record<string, unknown> | undefined)[] | undefined;
+    getRowStyle?: (record: any) => Partial<CSSStyleDeclaration>;
+    rowKey?: string | string[];
+    expandedRowRender?: (record: any) => undefined | string | TemplateResult;
+    expand: Emitter<any>;
+    render: () => TemplateResult;
+}
+//# sourceMappingURL=table.d.ts.map

package/elements/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../src/elements/table.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,UAAU,EAIV,cAAc,EAGd,OAAO,EACR,MAAM,aAAa,CAAC;AASrB,OAAO,EAAE,QAAQ,EAAe,MAAM,QAAQ,CAAC;AAE/C,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,WAAW,CAAC;AACnB,OAAO,WAAW,CAAC;AACnB,OAAO,SAAS,CAAC;AA+DjB,oBAAY,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,GAAG,cAAc,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,WAAW,KAAK,QAAQ,EAAE,CAAC;IACzD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC;IAC7C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,oBAAY,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;AAErC;;GAEG;AACH,qBAGa,kBAAmB,SAAQ,UAAU;;IACrC,OAAO,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAEvB,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,IAAI,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAE5D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,SAAS,GAAG,MAAM,GAAG,cAAc,CAAC;IAC1E,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IA2D9B,MAAM,uBAwHJ;CACH"}

package/elements/table.js

@@ -0,0 +1,268 @@
+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 _DuoyunTableElement_openActions, _DuoyunTableElement_shouldRenderTd, _DuoyunTableElement_getSpan, _DuoyunTableElement_expandedMap, _DuoyunTableElement_getKey, _DuoyunTableElement_toggleExpand, _DuoyunTableElement_iconColWidth, _DuoyunTableElement_expandedColumn, _DuoyunTableElement_getDefaultStyle;
+// TODO: fixed row/column
+import { adoptedStyle, attribute, connectStore, createCSSSheet, css, customElement, GemElement, html, property, styleMap, boolattribute, emitter, } from '@mantou/gem';
+import { GemUseElement } from '@mantou/gem/elements/use';
+import { theme } from '../lib/theme';
+import { readProp } from '../lib/utils';
+import { isNullish } from '../lib/types';
+import { icons } from '../lib/icons';
+import { commonHandle } from '../lib/hotkeys';
+import { ContextMenu } from './menu';
+import './placeholder';
+import './empty';
+import './tooltip';
+import './loading';
+import './space';
+const style = createCSSSheet(css `
+  :host {
+    display: block;
+    overflow: auto;
+    font-size: 0.875em;
+    font-variant-numeric: tabular-nums;
+    border-radius: ${theme.normalRound};
+  }
+  :host([hidden]) {
+    display: none;
+  }
+  table {
+    cursor: default;
+    width: 100%;
+    table-layout: fixed;
+    border-collapse: collapse;
+  }
+  thead {
+    text-align: -webkit-match-parent;
+    text-align: -moz-match-parent;
+    text-align: match-parent;
+  }
+  th {
+    font-weight: bold;
+  }
+  tr {
+    border-block-end: 1px solid ${theme.borderColor};
+  }
+  tbody tr:hover {
+    background-color: ${theme.lightBackgroundColor};
+  }
+  td {
+    position: relative;
+    text-overflow: ellipsis;
+  }
+  td.placeholder {
+    pointer-events: none;
+  }
+  th,
+  td {
+    padding: 0.8em 0.5em;
+  }
+  .tooltip {
+    width: 1em;
+  }
+  .action {
+    width: 1.5em;
+    padding: 4px;
+  }
+  .action:where(:focus-visible, :hover, :--active, [data-active]) {
+    background-color: ${theme.hoverBackgroundColor};
+    border-radius: ${theme.normalRound};
+  }
+  .side {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 20em;
+  }
+`);
+/**
+ * @customElement dy-table
+ */
+let DuoyunTableElement = class DuoyunTableElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunTableElement_openActions.set(this, (evt, menu) => {
+            if (evt.target instanceof GemUseElement) {
+                ContextMenu.open(menu, {
+                    activeElement: evt.target,
+                    searchable: menu.length > 20,
+                    maxHeight: '30em',
+                });
+            }
+        });
+        _DuoyunTableElement_shouldRenderTd.set(this, (spanMemo, index) => {
+            if (spanMemo[index]) {
+                spanMemo[index]--;
+                return false;
+            }
+            return true;
+        });
+        _DuoyunTableElement_getSpan.set(this, (spanMemo, index, span) => {
+            if (isNullish(span)) {
+                return 1;
+            }
+            spanMemo[index] = span - 1;
+            return span;
+        });
+        _DuoyunTableElement_expandedMap.set(this, new Map());
+        _DuoyunTableElement_getKey.set(this, (record) => (this.rowKey ? readProp(record, this.rowKey) : record));
+        _DuoyunTableElement_toggleExpand.set(this, (record) => {
+            const key = __classPrivateFieldGet(this, _DuoyunTableElement_getKey, "f").call(this, record);
+            const expanded = !!__classPrivateFieldGet(this, _DuoyunTableElement_expandedMap, "f").get(key);
+            __classPrivateFieldGet(this, _DuoyunTableElement_expandedMap, "f").set(key, !expanded);
+            if (!expanded)
+                this.expand(record);
+            this.update();
+        });
+        _DuoyunTableElement_iconColWidth.set(this, '50px');
+        _DuoyunTableElement_expandedColumn.set(this, {
+            title: '',
+            width: __classPrivateFieldGet(this, _DuoyunTableElement_iconColWidth, "f"),
+            render: (record) => html `
+        <gem-use
+          class="action"
+          @click=${() => __classPrivateFieldGet(this, _DuoyunTableElement_toggleExpand, "f").call(this, record)}
+          .element=${__classPrivateFieldGet(this, _DuoyunTableElement_expandedMap, "f").get(__classPrivateFieldGet(this, _DuoyunTableElement_getKey, "f").call(this, record)) ? icons.expand : icons.right}
+        ></gem-use>
+      `,
+        });
+        _DuoyunTableElement_getDefaultStyle.set(this, (width) => {
+            return (width === null || width === void 0 ? void 0 : width.startsWith('0')) ? { fontSize: '0' } : {};
+        });
+        this.render = () => {
+            var _a;
+            const columns = this.expandedRowRender ? [__classPrivateFieldGet(this, _DuoyunTableElement_expandedColumn, "f"), ...this.columns] : this.columns;
+            const rowSpanMemo = columns.map(() => 0);
+            return html `
+      <table>
+        ${this.caption
+                ? html `
+              <caption>
+                ${this.caption}
+              </caption>
+            `
+                : ''}
+        <colgroup>
+          ${columns.map(({ width = 'auto', render, getActions }) => html `<col style=${styleMap({ width: !render && getActions ? __classPrivateFieldGet(this, _DuoyunTableElement_iconColWidth, "f") : width })}></col>`)}
+        </colgroup>
+        ${this.headless
+                ? ''
+                : html `
+              <thead>
+                <tr>
+                  ${columns.map(({ title = '', width, style = __classPrivateFieldGet(this, _DuoyunTableElement_getDefaultStyle, "f").call(this, width), tooltip }) => html `
+                      <th part="th" style=${styleMap(style)}>
+                        <dy-space>
+                          ${title}
+                          ${tooltip
+                    ? html `
+                                <dy-tooltip .content=${tooltip}>
+                                  <gem-use class="tooltip" .element=${icons.help}></gem-use>
+                                </dy-tooltip>
+                              `
+                    : ''}
+                        </dy-space>
+                      </th>
+                    `)}
+                </tr>
+              </thead>
+            `}
+        <tbody>
+          ${(_a = this.data) === null || _a === void 0 ? void 0 : _a.map((record, _rowIndex, _data, colSpanMemo = [0]) => html `
+                <tr part="tr" style=${this.getRowStyle ? styleMap(this.getRowStyle(record)) : ''}>
+                  ${columns.map(({ dataIndex, render, getActions, width, style = __classPrivateFieldGet(this, _DuoyunTableElement_getDefaultStyle, "f").call(this, width), getRowspan, getColspan, }, colIndex, _arr, rowShouldRender = __classPrivateFieldGet(this, _DuoyunTableElement_shouldRenderTd, "f").call(this, rowSpanMemo, colIndex), rowSpan = rowShouldRender
+                ? __classPrivateFieldGet(this, _DuoyunTableElement_getSpan, "f").call(this, rowSpanMemo, colIndex, getRowspan === null || getRowspan === void 0 ? void 0 : getRowspan(record, this.data))
+                : 1, colShouldRender = __classPrivateFieldGet(this, _DuoyunTableElement_shouldRenderTd, "f").call(this, colSpanMemo, 0), colSpan = colShouldRender ? __classPrivateFieldGet(this, _DuoyunTableElement_getSpan, "f").call(this, colSpanMemo, 0, getColspan === null || getColspan === void 0 ? void 0 : getColspan(record, this.data)) : 1) => rowShouldRender && colShouldRender
+                ? html `
+                            <td
+                              class=${!record ? 'placeholder' : ''}
+                              style=${styleMap(style)}
+                              part="td"
+                              rowspan=${rowSpan}
+                              colspan=${colSpan}
+                            >
+                              ${!record
+                    ? html `<dy-placeholder ?center=${style.textAlign === 'center'}></dy-placeholder>`
+                    : render
+                        ? render(record)
+                        : getActions
+                            ? html `
+                                    <gem-use
+                                      class="action"
+                                      tabindex="0"
+                                      role="button"
+                                      aria-label="Actions"
+                                      .element=${icons.more}
+                                      @keydown=${commonHandle}
+                                      @click=${(evt) => __classPrivateFieldGet(this, _DuoyunTableElement_openActions, "f").call(this, evt, getActions(record, evt.target))}
+                                    ></gem-use>
+                                  `
+                            : dataIndex
+                                ? readProp(record, dataIndex)
+                                : ''}
+                            </td>
+                          `
+                : '')}
+                </tr>
+                ${this.expandedRowRender && __classPrivateFieldGet(this, _DuoyunTableElement_expandedMap, "f").get(__classPrivateFieldGet(this, _DuoyunTableElement_getKey, "f").call(this, record))
+                ? html `
+                      <tr>
+                        <td colspan=${columns.length}>
+                          ${this.expandedRowRender(record) || html `<dy-loading></dy-loading>`}
+                        </td>
+                      </tr>
+                    `
+                : ''}
+              `)}
+        </tbody>
+      </table>
+      ${!this.data
+                ? html `<div class="side"><dy-loading></dy-loading></div>`
+                : this.data.length === 0
+                    ? html `<div class="side"><dy-empty></dy-empty></div>`
+                    : ''}
+    `;
+        };
+    }
+};
+_DuoyunTableElement_openActions = new WeakMap(), _DuoyunTableElement_shouldRenderTd = new WeakMap(), _DuoyunTableElement_getSpan = new WeakMap(), _DuoyunTableElement_expandedMap = new WeakMap(), _DuoyunTableElement_getKey = new WeakMap(), _DuoyunTableElement_toggleExpand = new WeakMap(), _DuoyunTableElement_iconColWidth = new WeakMap(), _DuoyunTableElement_expandedColumn = new WeakMap(), _DuoyunTableElement_getDefaultStyle = new WeakMap();
+__decorate([
+    attribute
+], DuoyunTableElement.prototype, "caption", void 0);
+__decorate([
+    boolattribute
+], DuoyunTableElement.prototype, "headless", void 0);
+__decorate([
+    property
+], DuoyunTableElement.prototype, "columns", void 0);
+__decorate([
+    property
+], DuoyunTableElement.prototype, "data", void 0);
+__decorate([
+    property
+], DuoyunTableElement.prototype, "getRowStyle", void 0);
+__decorate([
+    property
+], DuoyunTableElement.prototype, "rowKey", void 0);
+__decorate([
+    property
+], DuoyunTableElement.prototype, "expandedRowRender", void 0);
+__decorate([
+    emitter
+], DuoyunTableElement.prototype, "expand", void 0);
+DuoyunTableElement = __decorate([
+    adoptedStyle(style),
+    customElement('dy-table'),
+    connectStore(icons)
+], DuoyunTableElement);
+export { DuoyunTableElement };
+//# sourceMappingURL=table.js.map

package/elements/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../src/elements/table.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yBAAyB;AACzB,OAAO,EACL,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,QAAQ,EAER,aAAa,EACb,OAAO,GAER,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAY,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,WAAW,CAAC;AACnB,OAAO,WAAW,CAAC;AACnB,OAAO,SAAS,CAAC;AAEjB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;qBAMX,KAAK,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;kCAoBJ,KAAK,CAAC,WAAW;;;wBAG3B,KAAK,CAAC,oBAAoB;;;;;;;;;;;;;;;;;;;;;wBAqB1B,KAAK,CAAC,oBAAoB;qBAC7B,KAAK,CAAC,WAAW;;;;;;;;CAQrC,CAAC,CAAC;AAiBH;;GAEG;AAIH,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,UAAU;IAAlD;;QAYE,0CAAe,CAAC,GAAiB,EAAE,IAAgB,EAAE,EAAE;YACrD,IAAI,GAAG,CAAC,MAAM,YAAY,aAAa,EAAE;gBACvC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE;oBACrB,aAAa,EAAE,GAAG,CAAC,MAAqB;oBACxC,UAAU,EAAE,IAAI,CAAC,MAAM,GAAG,EAAE;oBAC5B,SAAS,EAAE,MAAM;iBAClB,CAAC,CAAC;aACJ;QACH,CAAC,EAAC;QAEF,6CAAkB,CAAC,QAAkB,EAAE,KAAa,EAAE,EAAE;YACtD,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACnB,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAClB,OAAO,KAAK,CAAC;aACd;YACD,OAAO,IAAI,CAAC;QACd,CAAC,EAAC;QAEF,sCAAW,CAAC,QAAkB,EAAE,KAAa,EAAE,IAAa,EAAE,EAAE;YAC9D,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE;gBACnB,OAAO,CAAC,CAAC;aACV;YACD,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;YAC3B,OAAO,IAAI,CAAC;QACd,CAAC,EAAC;QAEF,0CAAe,IAAI,GAAG,EAAgB,EAAC;QAEvC,qCAAU,CAAC,MAAW,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAC;QAElF,2CAAgB,CAAC,MAAW,EAAE,EAAE;YAC9B,MAAM,GAAG,GAAG,uBAAA,IAAI,kCAAQ,MAAZ,IAAI,EAAS,MAAM,CAAC,CAAC;YACjC,MAAM,QAAQ,GAAG,CAAC,CAAC,uBAAA,IAAI,uCAAa,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC9C,uBAAA,IAAI,uCAAa,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;YACtC,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACnC,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,EAAC;QAEF,2CAAgB,MAAM,EAAC;QAEvB,6CAA+B;YAC7B,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,uBAAA,IAAI,wCAAc;YACzB,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CACjB,IAAI,CAAA;;;mBAGS,GAAG,EAAE,CAAC,uBAAA,IAAI,wCAAc,MAAlB,IAAI,EAAe,MAAM,CAAC;qBAC9B,uBAAA,IAAI,uCAAa,CAAC,GAAG,CAAC,uBAAA,IAAI,kCAAQ,MAAZ,IAAI,EAAS,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;;OAEtF;SACJ,EAAC;QAEF,8CAAmB,CAAC,KAAc,EAAgC,EAAE;YAClE,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACzD,CAAC,EAAC;QAEF,WAAM,GAAG,GAAG,EAAE;;YACZ,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,uBAAA,IAAI,0CAAgB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;YAChG,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;YACzC,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,OAAO;gBACZ,CAAC,CAAC,IAAI,CAAA;;kBAEE,IAAI,CAAC,OAAO;;aAEjB;gBACH,CAAC,CAAC,EAAE;;YAEF,OAAO,CAAC,GAAG,CACX,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,CACzC,IAAI,CAAA,cAAc,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,uBAAA,IAAI,wCAAc,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,SAAS,CACrG;;UAED,IAAI,CAAC,QAAQ;gBACb,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,IAAI,CAAA;;;oBAGI,OAAO,CAAC,GAAG,CACX,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,uBAAA,IAAI,2CAAiB,MAArB,IAAI,EAAkB,KAAK,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;4CACtD,QAAQ,CAAC,KAAK,CAAC;;4BAE/B,KAAK;4BACL,OAAO;oBACP,CAAC,CAAC,IAAI,CAAA;uDACqB,OAAO;sEACQ,KAAK,CAAC,IAAI;;+BAEjD;oBACH,CAAC,CAAC,EAAE;;;qBAGX,CACF;;;aAGN;;YAED,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CACd,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAC9C,IAAI,CAAA;sCACoB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;oBAC5E,OAAO,CAAC,GAAG,CACX,CACE,EACE,SAAS,EACT,MAAM,EACN,UAAU,EACV,KAAK,EACL,KAAK,GAAG,uBAAA,IAAI,2CAAiB,MAArB,IAAI,EAAkB,KAAK,CAAC,EACpC,UAAU,EACV,UAAU,GACX,EACD,QAAQ,EACR,IAAI,EACJ,eAAe,GAAG,uBAAA,IAAI,0CAAgB,MAApB,IAAI,EAAiB,WAAW,EAAE,QAAQ,CAAC,EAC7D,UAAU,eAAe;gBACvB,CAAC,CAAC,uBAAA,IAAI,mCAAS,MAAb,IAAI,EAAU,WAAW,EAAE,QAAQ,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,MAAM,EAAE,IAAI,CAAC,IAAK,CAAC,CAAC;gBACxE,CAAC,CAAC,CAAC,EACL,eAAe,GAAG,uBAAA,IAAI,0CAAgB,MAApB,IAAI,EAAiB,WAAW,EAAE,CAAC,CAAC,EACtD,UAAU,eAAe,CAAC,CAAC,CAAC,uBAAA,IAAI,mCAAS,MAAb,IAAI,EAAU,WAAW,EAAE,CAAC,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,MAAM,EAAE,IAAI,CAAC,IAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC/F,EAAE,CACF,eAAe,IAAI,eAAe;gBAChC,CAAC,CAAC,IAAI,CAAA;;sCAEQ,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;sCAC5B,QAAQ,CAAC,KAAK,CAAC;;wCAEb,OAAO;wCACP,OAAO;;gCAEf,CAAC,MAAM;oBACP,CAAC,CAAC,IAAI,CAAA,2BAA2B,KAAK,CAAC,SAAS,KAAK,QAAQ,oBAAoB;oBACjF,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;wBAChB,CAAC,CAAC,UAAU;4BACZ,CAAC,CAAC,IAAI,CAAA;;;;;;iDAMW,KAAK,CAAC,IAAI;iDACV,YAAY;+CACd,CAAC,GAAiB,EAAE,EAAE,CAC7B,uBAAA,IAAI,uCAAa,MAAjB,IAAI,EAAc,GAAG,EAAE,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,MAAqB,CAAC,CAAC;;mCAE1E;4BACH,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;gCAC7B,CAAC,CAAC,EAAE;;2BAET;gBACH,CAAC,CAAC,EAAE,CACT;;kBAED,IAAI,CAAC,iBAAiB,IAAI,uBAAA,IAAI,uCAAa,CAAC,GAAG,CAAC,uBAAA,IAAI,kCAAQ,MAAZ,IAAI,EAAS,MAAM,CAAC,CAAC;gBACrE,CAAC,CAAC,IAAI,CAAA;;sCAEc,OAAO,CAAC,MAAM;4BACxB,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA,2BAA2B;;;qBAGxE;gBACH,CAAC,CAAC,EAAE;eACP,CACJ;;;QAGH,CAAC,IAAI,CAAC,IAAI;gBACV,CAAC,CAAC,IAAI,CAAA,mDAAmD;gBACzD,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;oBACxB,CAAC,CAAC,IAAI,CAAA,+CAA+C;oBACrD,CAAC,CAAC,EAAE;KACP,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CAAA,CAAA;;AA7LY;IAAV,SAAS;mDAAiB;AACZ;IAAd,aAAa;oDAAmB;AAEvB;IAAT,QAAQ;mDAAwB;AACvB;IAAT,QAAQ;gDAA2D;AAC1D;IAAT,QAAQ;uDAA6D;AAE5D;IAAT,QAAQ;kDAA4B;AAC3B;IAAT,QAAQ;6DAA0E;AAC1E;IAAR,OAAO;kDAAsB;AAVnB,kBAAkB;IAH9B,YAAY,CAAC,KAAK,CAAC;IACnB,aAAa,CAAC,UAAU,CAAC;IACzB,YAAY,CAAC,KAAK,CAAC;GACP,kBAAkB,CA8L9B;SA9LY,kBAAkB"}

package/elements/tabs.d.ts

@@ -0,0 +1,29 @@
+import { GemElement, TemplateResult, Emitter } from '@mantou/gem';
+import { DuoyunScrollBaseElement } from './base/scroll';
+import '@mantou/gem/elements/use';
+import './compartment';
+import './divider';
+export interface TabItem<T = any> {
+    tab: string;
+    value?: T;
+    icon?: string | Element | DocumentFragment;
+    getContent?: () => string | TemplateResult;
+}
+/**
+ * @customElement dy-tabs
+ */
+export declare class DuoyunTabsElement extends GemElement {
+    center: boolean;
+    data?: TabItem[];
+    value?: any;
+    change: Emitter<any>;
+    constructor();
+    render: () => TemplateResult;
+}
+/**
+ * @customElement dy-tab-panel
+ */
+export declare class DyTabPanelElement extends DuoyunScrollBaseElement {
+    constructor();
+}
+//# sourceMappingURL=tabs.d.ts.map

package/elements/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/elements/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAOV,cAAc,EAGd,OAAO,EAER,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,0BAA0B,CAAC;AAClC,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AA2CnB,MAAM,WAAW,OAAO,CAAC,CAAC,GAAG,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,MAAM,GAAG,cAAc,CAAC;CAC5C;AAED;;GAEG;AACH,qBAEa,iBAAkB,SAAQ,UAAU;IAChC,MAAM,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACb,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;;IAO9B,MAAM,uBAuBJ;CACH;AAaD;;GAEG;AACH,qBAEa,iBAAkB,SAAQ,uBAAuB;;CAK7D"}