duoyun-ui 0.0.2

package/elements/date-range-panel.js

@@ -0,0 +1,154 @@
+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 _DuoyunDateRangePanelElement_submit, _DuoyunDateRangePanelElement_onSelect, _DuoyunDateRangePanelElement_onEnterDate;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, globalemitter, classMap, } from '@mantou/gem';
+import { Time, parseNarrowRelativeTime, parseNarrowTimeRange } from '../lib/time';
+import { locale } from '../lib/locale';
+import { theme } from '../lib/theme';
+import { isNullish } from '../lib/types';
+import './date-panel';
+import './button';
+import './action-text';
+import './divider';
+const style = createCSSSheet(css `
+  .panels {
+    display: flex;
+    align-items: flex-start;
+  }
+  dy-date-panel {
+    width: 100%;
+    flex-shrink: 1;
+    border: none;
+  }
+  .separate {
+    color: ${theme.lightBackgroundColor};
+    margin-inline: 0.5em;
+  }
+  .footer {
+    margin-block-start: 2em;
+    display: flex;
+    justify-content: space-between;
+  }
+  .quick {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+  }
+  .quick-item {
+    cursor: pointer;
+  }
+`);
+/**
+ * @customElement dy-date-range-panel
+ */
+let DuoyunDateRangePanelElement = class DuoyunDateRangePanelElement extends GemElement {
+    constructor() {
+        super();
+        this.state = {};
+        _DuoyunDateRangePanelElement_submit.set(this, () => {
+            const { start = 0, stop = 0 } = this.state;
+            this.change([Math.min(start, stop), Math.max(start, stop)]);
+        });
+        _DuoyunDateRangePanelElement_onSelect.set(this, ({ detail }) => {
+            const { start, stop } = this.state;
+            if (isNullish(start) || (!isNullish(start) && !isNullish(stop))) {
+                this.setState({ start: detail, stop: undefined });
+            }
+            else {
+                this.setState({ stop: detail });
+            }
+        });
+        _DuoyunDateRangePanelElement_onEnterDate.set(this, ({ detail }) => {
+            this.setState({ hover: detail });
+        });
+        this.willMount = () => {
+            this.memo(() => {
+                if (Array.isArray(this.value)) {
+                    return this.setState({ start: this.value[0], stop: this.value[1] });
+                }
+                if (typeof this.value === 'string') {
+                    const parsed = parseNarrowRelativeTime(this.value);
+                    if (parsed) {
+                        return this.setState({ start: parsed.startOf('d').valueOf(), stop: new Time().valueOf() });
+                    }
+                    const range = parseNarrowTimeRange(this.value);
+                    if (range) {
+                        return this.setState({ start: range[0].startOf('d').valueOf(), stop: range[1].valueOf() });
+                    }
+                }
+            }, () => [this.value]);
+        };
+        this.render = () => {
+            var _a;
+            const { start, stop, hover } = this.state;
+            const highlightStop = stop || hover;
+            const highlights = !isNullish(start) && highlightStop ? [[Math.min(start, highlightStop), Math.max(start, highlightStop)]] : [];
+            const isSomeMonth = !isNullish(start) && !isNullish(stop) && new Time(start).isSome(stop, 'M');
+            return html `
+      <div class="panels">
+        <dy-date-panel
+          @change=${__classPrivateFieldGet(this, _DuoyunDateRangePanelElement_onSelect, "f")}
+          @enterdate=${__classPrivateFieldGet(this, _DuoyunDateRangePanelElement_onEnterDate, "f")}
+          .value=${start}
+          .highlights=${highlights}
+          .initDate=${isNullish(start)
+                ? new Time().subtract(1, 'M')
+                : isSomeMonth
+                    ? new Time(start).subtract(1, 'M')
+                    : undefined}
+        ></dy-date-panel>
+        <dy-divider class="separate" orientation="vertical"></dy-divider>
+        <dy-date-panel
+          @change=${__classPrivateFieldGet(this, _DuoyunDateRangePanelElement_onSelect, "f")}
+          @enterdate=${__classPrivateFieldGet(this, _DuoyunDateRangePanelElement_onEnterDate, "f")}
+          .value=${stop}
+          .highlights=${highlights}
+          .initDate=${isSomeMonth ? new Time(start) : undefined}
+        ></dy-date-panel>
+      </div>
+      <div class="footer">
+        <div class="quick">
+          ${(_a = this.quickRanges) === null || _a === void 0 ? void 0 : _a.map(({ label, value }) => html `
+                <dy-action-text
+                  class=${classMap({ 'quick-item': true })}
+                  .active=${this.value === value}
+                  @click=${() => this.change(value)}
+                >
+                  ${label}
+                </dy-action-text>
+              `)}
+        </div>
+        <dy-button ?disabled=${isNullish(start) || isNullish(stop)} @click=${__classPrivateFieldGet(this, _DuoyunDateRangePanelElement_submit, "f")} small>
+          ${locale.ok}
+        </dy-button>
+      </div>
+    `;
+        };
+        this.internals.role = 'widget';
+    }
+};
+_DuoyunDateRangePanelElement_submit = new WeakMap(), _DuoyunDateRangePanelElement_onSelect = new WeakMap(), _DuoyunDateRangePanelElement_onEnterDate = new WeakMap();
+__decorate([
+    property
+], DuoyunDateRangePanelElement.prototype, "quickRanges", void 0);
+__decorate([
+    property
+], DuoyunDateRangePanelElement.prototype, "value", void 0);
+__decorate([
+    globalemitter
+], DuoyunDateRangePanelElement.prototype, "change", void 0);
+DuoyunDateRangePanelElement = __decorate([
+    customElement('dy-date-range-panel'),
+    adoptedStyle(style)
+], DuoyunDateRangePanelElement);
+export { DuoyunDateRangePanelElement };
+//# sourceMappingURL=date-range-panel.js.map

package/elements/date-range-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-panel.js","sourceRoot":"","sources":["../src/elements/date-range-panel.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,EAER,aAAa,EACb,QAAQ,GACT,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AAEnB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;;aAWnB,KAAK,CAAC,oBAAoB;;;;;;;;;;;;;;;;CAgBtC,CAAC,CAAC;AAQH;;GAEG;AAGH,IAAa,2BAA2B,GAAxC,MAAa,2BAA4B,SAAQ,UAAiB;IAKhE;QACE,KAAK,EAAE,CAAC;QAIV,UAAK,GAAU,EAAE,CAAC;QAElB,8CAAU,GAAG,EAAE;YACb,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3C,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QAC9D,CAAC,EAAC;QAEF,gDAAY,CAAC,EAAE,MAAM,EAAuB,EAAE,EAAE;YAC9C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACnC,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE;gBAC/D,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;aACnD;iBAAM;gBACL,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;aACjC;QACH,CAAC,EAAC;QAEF,mDAAe,CAAC,EAAE,MAAM,EAAuB,EAAE,EAAE;YACjD,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;QACnC,CAAC,EAAC;QAEF,cAAS,GAAG,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,CACP,GAAG,EAAE;gBACH,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;oBAC7B,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;iBACrE;gBACD,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;oBAClC,MAAM,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACnD,IAAI,MAAM,EAAE;wBACV,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;qBAC5F;oBACD,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC/C,IAAI,KAAK,EAAE;wBACT,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;qBAC5F;iBACF;YACH,CAAC,EACD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CACnB,CAAC;QACJ,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;;YACZ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC1C,MAAM,aAAa,GAAG,IAAI,IAAI,KAAK,CAAC;YACpC,MAAM,UAAU,GACd,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,aAAa,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/G,MAAM,WAAW,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAC/F,OAAO,IAAI,CAAA;;;oBAGK,uBAAA,IAAI,6CAAU;uBACX,uBAAA,IAAI,gDAAa;mBACrB,KAAK;wBACA,UAAU;sBACZ,SAAS,CAAC,KAAK,CAAC;gBAC1B,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;gBAC7B,CAAC,CAAC,WAAW;oBACb,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;oBAClC,CAAC,CAAC,SAAS;;;;oBAIH,uBAAA,IAAI,6CAAU;uBACX,uBAAA,IAAI,gDAAa;mBACrB,IAAI;wBACC,UAAU;sBACZ,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;;;;;YAKnD,MAAA,IAAI,CAAC,WAAW,0CAAE,GAAG,CACrB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACnB,IAAI,CAAA;;0BAEQ,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;4BAC9B,IAAI,CAAC,KAAK,KAAK,KAAK;2BACrB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;;oBAE/B,KAAK;;eAEV,CACJ;;+BAEoB,SAAS,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,WAAW,uBAAA,IAAI,2CAAQ;YAC7E,MAAM,CAAC,EAAE;;;KAGhB,CAAC;QACJ,CAAC,CAAC;QA5FA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;IACjC,CAAC;CA4FF,CAAA;;AAnGW;IAAT,QAAQ;gEAA6D;AAC5D;IAAT,QAAQ;0DAA2B;AACrB;IAAd,aAAa;2DAAoC;AAHvC,2BAA2B;IAFvC,aAAa,CAAC,qBAAqB,CAAC;IACpC,YAAY,CAAC,KAAK,CAAC;GACP,2BAA2B,CAoGvC;SApGY,2BAA2B"}

package/elements/date-range-pick.d.ts

@@ -0,0 +1,26 @@
+import { GemElement, Emitter } from '@mantou/gem';
+import './date-range-panel';
+import './button';
+/**
+ * @customElement dy-date-range-pick
+ * @fires change
+ * @fires clear
+ */
+export declare class DuoyunDateRangePickElement extends GemElement {
+    #private;
+    placeholder: string;
+    clearable: boolean;
+    disabled: boolean;
+    active: boolean;
+    value?: any;
+    quickRanges?: {
+        label: string;
+        value: any;
+    }[];
+    change: Emitter<any | number[]>;
+    clear: Emitter;
+    constructor();
+    mounted: () => () => false | void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=date-range-pick.d.ts.map

package/elements/date-range-pick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-pick.d.ts","sourceRoot":"","sources":["../src/elements/date-range-pick.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAUV,OAAO,EAIR,MAAM,aAAa,CAAC;AASrB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,UAAU,CAAC;AAoDlB;;;;GAIG;AACH,qBAEa,0BAA2B,SAAQ,UAAU;;IAC7C,WAAW,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAE1B,MAAM,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IACzC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,CAAC,CAAC;IACtC,KAAK,EAAE,OAAO,CAAC;;IA+CxB,OAAO,2BAEL;IAEF,MAAM,6CAUJ;CACH"}

package/elements/date-range-pick.js

@@ -0,0 +1,159 @@
+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 _DuoyunDateRangePickElement_onSubmit, _DuoyunDateRangePickElement_onClear, _DuoyunDateRangePickElement_onOpen, _DuoyunDateRangePickElement_getCurrentLabel;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute, property, emitter, globalemitter, classMap, boolattribute, state, } from '@mantou/gem';
+import { Time } from '../lib/time';
+import { icons } from '../lib/icons';
+import { theme } from '../lib/theme';
+import { commonHandle } from '../lib/hotkeys';
+import { ContextMenu } from './menu';
+import './date-range-panel';
+import './button';
+const style = createCSSSheet(css `
+  :host {
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    border: 1px solid ${theme.borderColor};
+    border-radius: ${theme.normalRound};
+    line-height: 1.2;
+    padding: 0.5em;
+    gap: 0.5em;
+    font-size: 0.875em;
+    box-sizing: border-box;
+    width: 18em;
+  }
+  :host(:where(:focus-visible, :--active, [data-active])) {
+    background-color: ${theme.lightBackgroundColor};
+  }
+  :host([disabled]) {
+    cursor: not-allowed;
+    border-color: transparent;
+    background: ${theme.disabledColor};
+  }
+  .value {
+    flex-grow: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .placeholder {
+    color: ${theme.describeColor};
+  }
+  gem-use {
+    width: 1.2em;
+    color: ${theme.borderColor};
+  }
+  :host(:where(:hover, :--active, [data-active])) gem-use {
+    color: ${theme.textColor};
+  }
+  .icon {
+    display: flex;
+  }
+  .close,
+  .clearable:hover .date {
+    display: none;
+  }
+  .clearable:hover .close {
+    display: inline-flex;
+  }
+`);
+/**
+ * @customElement dy-date-range-pick
+ * @fires change
+ * @fires clear
+ */
+let DuoyunDateRangePickElement = class DuoyunDateRangePickElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunDateRangePickElement_onSubmit.set(this, ({ detail }) => {
+            this.change(detail);
+            ContextMenu.close();
+        });
+        _DuoyunDateRangePickElement_onClear.set(this, (e) => {
+            e.stopPropagation();
+            this.clear(null);
+        });
+        _DuoyunDateRangePickElement_onOpen.set(this, () => {
+            if (this.disabled)
+                return;
+            ContextMenu.open(html `
+        <dy-date-range-panel
+          @change=${__classPrivateFieldGet(this, _DuoyunDateRangePickElement_onSubmit, "f")}
+          .value=${this.value}
+          .quickRanges=${this.quickRanges}
+        ></dy-date-range-panel>
+      `, {
+                activeElement: this,
+                width: '30em',
+            });
+        });
+        _DuoyunDateRangePickElement_getCurrentLabel.set(this, (value) => {
+            if (Array.isArray(value)) {
+                return this.value.map((t) => new Time(t).format('YYYY-MM-DD')).join(' ~ ');
+            }
+            if (this.quickRanges) {
+                const range = this.quickRanges.find((e) => value === e.value);
+                return range === null || range === void 0 ? void 0 : range.label;
+            }
+        });
+        this.mounted = () => {
+            return () => this.active && ContextMenu.close();
+        };
+        this.render = () => {
+            return html `
+      <div class=${classMap({ value: true, placeholder: !this.value })}>
+        ${this.value ? __classPrivateFieldGet(this, _DuoyunDateRangePickElement_getCurrentLabel, "f").call(this, this.value) : this.placeholder}
+      </div>
+      <div class=${classMap({ icon: true, clearable: this.clearable })}>
+        <gem-use class="date" .element=${icons.date}></gem-use>
+        <gem-use @click=${__classPrivateFieldGet(this, _DuoyunDateRangePickElement_onClear, "f")} class="close" .element=${icons.close}></gem-use>
+      </div>
+    `;
+        };
+        this.addEventListener('click', __classPrivateFieldGet(this, _DuoyunDateRangePickElement_onOpen, "f"));
+        this.addEventListener('keydown', commonHandle);
+        this.tabIndex = 0;
+        this.internals.role = 'combobox';
+    }
+};
+_DuoyunDateRangePickElement_onSubmit = new WeakMap(), _DuoyunDateRangePickElement_onClear = new WeakMap(), _DuoyunDateRangePickElement_onOpen = new WeakMap(), _DuoyunDateRangePickElement_getCurrentLabel = new WeakMap();
+__decorate([
+    attribute
+], DuoyunDateRangePickElement.prototype, "placeholder", void 0);
+__decorate([
+    boolattribute
+], DuoyunDateRangePickElement.prototype, "clearable", void 0);
+__decorate([
+    boolattribute
+], DuoyunDateRangePickElement.prototype, "disabled", void 0);
+__decorate([
+    state
+], DuoyunDateRangePickElement.prototype, "active", void 0);
+__decorate([
+    property
+], DuoyunDateRangePickElement.prototype, "value", void 0);
+__decorate([
+    property
+], DuoyunDateRangePickElement.prototype, "quickRanges", void 0);
+__decorate([
+    globalemitter
+], DuoyunDateRangePickElement.prototype, "change", void 0);
+__decorate([
+    emitter
+], DuoyunDateRangePickElement.prototype, "clear", void 0);
+DuoyunDateRangePickElement = __decorate([
+    customElement('dy-date-range-pick'),
+    adoptedStyle(style)
+], DuoyunDateRangePickElement);
+export { DuoyunDateRangePickElement };
+//# sourceMappingURL=date-range-pick.js.map

package/elements/date-range-pick.js.map

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

package/elements/divider.d.ts

@@ -0,0 +1,15 @@
+import { GemElement } from '@mantou/gem';
+/**
+ * @customElement dy-divider
+ * @attr size
+ * @attr orientation
+ */
+export declare class DuoyunDividerElement extends GemElement {
+    #private;
+    size: 'small' | 'medium' | 'large';
+    color: string;
+    orientation: 'horizontal' | 'vertical';
+    constructor();
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=divider.d.ts.map

package/elements/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../src/elements/divider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAqE,MAAM,aAAa,CAAC;AAa5G;;;;GAIG;AACH,qBAEa,oBAAqB,SAAQ,UAAU;;IACvC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;;IAiDlD,MAAM,6CAUJ;CACH"}

package/elements/divider.js

@@ -0,0 +1,95 @@
+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 _DuoyunDividerElement_instances, _DuoyunDividerElement_orientation_get, _DuoyunDividerElement_size_get, _DuoyunDividerElement_height_get, _DuoyunDividerElement_width_get, _DuoyunDividerElement_bgColor_get;
+// https://spectrum.adobe.com/page/divider/
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, attribute } from '@mantou/gem';
+import { theme } from '../lib/theme';
+const style = createCSSSheet(css `
+  :host {
+    display: block;
+    border-radius: 10px;
+    align-self: stretch;
+    background: currentColor;
+  }
+`);
+/**
+ * @customElement dy-divider
+ * @attr size
+ * @attr orientation
+ */
+let DuoyunDividerElement = class DuoyunDividerElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunDividerElement_instances.add(this);
+        this.render = () => {
+            return html `
+      <style>
+        :host {
+          width: ${__classPrivateFieldGet(this, _DuoyunDividerElement_instances, "a", _DuoyunDividerElement_width_get)};
+          height: ${__classPrivateFieldGet(this, _DuoyunDividerElement_instances, "a", _DuoyunDividerElement_height_get)};
+          color: ${__classPrivateFieldGet(this, _DuoyunDividerElement_instances, "a", _DuoyunDividerElement_bgColor_get)};
+        }
+      </style>
+    `;
+        };
+        this.internals.role = 'separator';
+        this.effect(() => {
+            this.internals.ariaOrientation = __classPrivateFieldGet(this, _DuoyunDividerElement_instances, "a", _DuoyunDividerElement_orientation_get);
+        });
+    }
+};
+_DuoyunDividerElement_instances = new WeakSet(), _DuoyunDividerElement_orientation_get = function _DuoyunDividerElement_orientation_get() {
+    return this.orientation || 'horizontal';
+}, _DuoyunDividerElement_size_get = function _DuoyunDividerElement_size_get() {
+    switch (this.size) {
+        case 'large':
+            return '4px';
+        case 'medium':
+            return '2px';
+        default:
+            return '1px';
+    }
+}, _DuoyunDividerElement_height_get = function _DuoyunDividerElement_height_get() {
+    if (__classPrivateFieldGet(this, _DuoyunDividerElement_instances, "a", _DuoyunDividerElement_orientation_get) === 'vertical') {
+        return 'auto';
+    }
+    return __classPrivateFieldGet(this, _DuoyunDividerElement_instances, "a", _DuoyunDividerElement_size_get);
+}, _DuoyunDividerElement_width_get = function _DuoyunDividerElement_width_get() {
+    if (__classPrivateFieldGet(this, _DuoyunDividerElement_instances, "a", _DuoyunDividerElement_orientation_get) === 'vertical') {
+        return __classPrivateFieldGet(this, _DuoyunDividerElement_instances, "a", _DuoyunDividerElement_size_get);
+    }
+    return 'auto';
+}, _DuoyunDividerElement_bgColor_get = function _DuoyunDividerElement_bgColor_get() {
+    if (this.color)
+        return this.color;
+    switch (this.size) {
+        case 'large':
+            return theme.textColor;
+        default:
+            return theme.borderColor;
+    }
+};
+__decorate([
+    attribute
+], DuoyunDividerElement.prototype, "size", void 0);
+__decorate([
+    attribute
+], DuoyunDividerElement.prototype, "color", void 0);
+__decorate([
+    attribute
+], DuoyunDividerElement.prototype, "orientation", void 0);
+DuoyunDividerElement = __decorate([
+    customElement('dy-divider'),
+    adoptedStyle(style)
+], DuoyunDividerElement);
+export { DuoyunDividerElement };
+//# sourceMappingURL=divider.js.map

package/elements/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../src/elements/divider.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAA2C;AAC3C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE5G,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;CAO/B,CAAC,CAAC;AAEH;;;;GAIG;AAGH,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,UAAU;IA4ClD;QACE,KAAK,EAAE,CAAC;;QAOV,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;;;mBAGI,uBAAA,IAAI,wEAAO;oBACV,uBAAA,IAAI,yEAAQ;mBACb,uBAAA,IAAI,0EAAS;;;KAG3B,CAAC;QACJ,CAAC,CAAC;QAhBA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,WAAW,CAAC;QAClC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,eAAe,GAAG,uBAAA,IAAI,8EAAa,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC;CAaF,CAAA;;IAzDG,OAAO,IAAI,CAAC,WAAW,IAAI,YAAY,CAAC;AAC1C,CAAC;IAGC,QAAQ,IAAI,CAAC,IAAI,EAAE;QACjB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC;QACf;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC;IAGC,IAAI,uBAAA,IAAI,8EAAa,KAAK,UAAU,EAAE;QACpC,OAAO,MAAM,CAAC;KACf;IACD,OAAO,uBAAA,IAAI,uEAAM,CAAC;AACpB,CAAC;IAGC,IAAI,uBAAA,IAAI,8EAAa,KAAK,UAAU,EAAE;QACpC,OAAO,uBAAA,IAAI,uEAAM,CAAC;KACnB;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;IAGC,IAAI,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC,KAAK,CAAC;IAClC,QAAQ,IAAI,CAAC,IAAI,EAAE;QACjB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,SAAS,CAAC;QACzB;YACE,OAAO,KAAK,CAAC,WAAW,CAAC;KAC5B;AACH,CAAC;AAzCU;IAAV,SAAS;kDAAoC;AACnC;IAAV,SAAS;mDAAe;AACd;IAAV,SAAS;yDAAwC;AAHvC,oBAAoB;IAFhC,aAAa,CAAC,YAAY,CAAC;IAC3B,YAAY,CAAC,KAAK,CAAC;GACP,oBAAoB,CA+DhC;SA/DY,oBAAoB"}

package/elements/donut-chart.d.ts

@@ -0,0 +1,19 @@
+import { DuoyunChartBaseElement } from './base/chart';
+/**
+ * @customElement dy-donut-chart
+ */
+export declare class DuoyunDonutChartElement extends DuoyunChartBaseElement {
+    #private;
+    label: string;
+    total: string;
+    sequences?: {
+        label: string;
+        value: number;
+    }[];
+    stageWidth: number;
+    stageHeight: number;
+    willMount: () => void;
+    mounted: () => () => void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=donut-chart.d.ts.map

package/elements/donut-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.d.ts","sourceRoot":"","sources":["../src/elements/donut-chart.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAYtD;;GAEG;AACH,qBAEa,uBAAwB,SAAQ,sBAAsB;;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAEzD,UAAU,SAAO;IACjB,WAAW,SAAO;IA0BlB,SAAS,aAuBP;IAEF,OAAO,mBAEL;IAEF,MAAM,6CAsCJ;CACH"}

package/elements/donut-chart.js

@@ -0,0 +1,140 @@
+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 __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _DuoyunDonutChartElement_outside, _DuoyunDonutChartElement_inside, _DuoyunDonutChartElement_paths, _DuoyunDonutChartElement_onMouseMove, _DuoyunDonutChartElement_onMouseOut;
+// https://spectrum.adobe.com/page/donut-chart/
+import { html, adoptedStyle, createCSSSheet, css, customElement, attribute, property, svg } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { DuoyunChartBaseElement } from './base/chart';
+import { ChartTooltip } from './chart-tooltip';
+const style = createCSSSheet(css `
+  .path {
+    stroke: ${theme.backgroundColor};
+  }
+  .path:hover {
+    filter: brightness(1.05);
+  }
+`);
+/**
+ * @customElement dy-donut-chart
+ */
+let DuoyunDonutChartElement = class DuoyunDonutChartElement extends DuoyunChartBaseElement {
+    constructor() {
+        super(...arguments);
+        this.stageWidth = 300;
+        this.stageHeight = 300;
+        _DuoyunDonutChartElement_outside.set(this, 140);
+        _DuoyunDonutChartElement_inside.set(this, 115);
+        _DuoyunDonutChartElement_paths.set(this, void 0);
+        _DuoyunDonutChartElement_onMouseMove.set(this, (evt, index) => {
+            var _a, _b;
+            if (this.noData || this.loading)
+                return;
+            if ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.render) {
+                ChartTooltip.open(evt.x, evt.y, {
+                    render: (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.render,
+                    values: this.sequences.map(({ label, value }, i) => {
+                        var _a, _b;
+                        return ({
+                            highlight: index === i,
+                            value: ((_b = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.formatter) === null || _b === void 0 ? void 0 : _b.call(_a, value)) || String(value),
+                            originValue: value,
+                            color: this.colors[i],
+                            label: label,
+                        });
+                    }),
+                });
+            }
+        });
+        _DuoyunDonutChartElement_onMouseOut.set(this, () => {
+            ChartTooltip.close();
+        });
+        this.willMount = () => {
+            this.memo(() => {
+                var _a, _b;
+                const total = (_a = this.sequences) === null || _a === void 0 ? void 0 : _a.reduce((p, c) => p + c.value, 0);
+                const accumulateSequences = (_b = this.sequences) === null || _b === void 0 ? void 0 : _b.map((_, index) => this.sequences.slice(0, index + 1).reduce((p, c) => p + c.value, 0));
+                const thetaList = accumulateSequences === null || accumulateSequences === void 0 ? void 0 : accumulateSequences.map((v, index, arr, prev = arr[index - 1] || 0) => [prev, v].map((e) => (e / total) * 2 * Math.PI));
+                __classPrivateFieldSet(this, _DuoyunDonutChartElement_paths, thetaList === null || thetaList === void 0 ? void 0 : thetaList.map(([start, stop]) => {
+                    const insideStartPoint = this.polarToCartesian([__classPrivateFieldGet(this, _DuoyunDonutChartElement_inside, "f"), start]).join(' ');
+                    const insideStopPoint = this.polarToCartesian([__classPrivateFieldGet(this, _DuoyunDonutChartElement_inside, "f"), stop]).join(' ');
+                    const outsideStartPoint = this.polarToCartesian([__classPrivateFieldGet(this, _DuoyunDonutChartElement_outside, "f"), stop]).join(' ');
+                    const outsideStopPoint = this.polarToCartesian([__classPrivateFieldGet(this, _DuoyunDonutChartElement_outside, "f"), start]).join(' ');
+                    return (`M${insideStartPoint}A${__classPrivateFieldGet(this, _DuoyunDonutChartElement_inside, "f")} ${__classPrivateFieldGet(this, _DuoyunDonutChartElement_inside, "f")} 0 0 1 ${insideStopPoint}` +
+                        `L${outsideStartPoint}A${__classPrivateFieldGet(this, _DuoyunDonutChartElement_outside, "f")} ${__classPrivateFieldGet(this, _DuoyunDonutChartElement_outside, "f")} 0 0 0 ${outsideStopPoint}`);
+                }), "f");
+            }, () => [this.sequences]);
+        };
+        this.mounted = () => {
+            return __classPrivateFieldGet(this, _DuoyunDonutChartElement_onMouseOut, "f");
+        };
+        this.render = () => {
+            var _a;
+            return html `
+      ${svg `
+        <svg aria-hidden="true" part="svg" xmlns="http://www.w3.org/2000/svg" viewBox="-150 -150 300 300">
+          ${(_a = __classPrivateFieldGet(this, _DuoyunDonutChartElement_paths, "f")) === null || _a === void 0 ? void 0 : _a.map((d, index) => svg `
+              <path
+                class="path" 
+                @mousemove=${(evt) => __classPrivateFieldGet(this, _DuoyunDonutChartElement_onMouseMove, "f").call(this, evt, index)}
+                @mouseout=${__classPrivateFieldGet(this, _DuoyunDonutChartElement_onMouseOut, "f")}
+                d=${d}
+                fill=${this.colors[index]}
+                stroke-width=${this.getSVGPixel(1)}
+              />
+            `)}
+          <text
+            x=${0}
+            y=${this.label ? -this.getSVGPixel(4) : 0}
+            font-size=${this.getSVGPixel(24)}
+            font-weight="bold"
+            fill="currentColor"
+            text-anchor="middle"
+            dominant-baseline="middle">
+            ${this.total}
+          </text>
+          <text
+            x=${0}
+            y=${this.total ? this.getSVGPixel(14) : 0}
+            font-size=${this.getSVGPixel(12)}
+            fill="currentColor"
+            text-anchor="middle"
+            dominant-baseline="middle">
+            ${this.label}
+          </text>
+        </svg>
+      `}
+    `;
+        };
+    }
+};
+_DuoyunDonutChartElement_outside = new WeakMap(), _DuoyunDonutChartElement_inside = new WeakMap(), _DuoyunDonutChartElement_paths = new WeakMap(), _DuoyunDonutChartElement_onMouseMove = new WeakMap(), _DuoyunDonutChartElement_onMouseOut = new WeakMap();
+__decorate([
+    attribute
+], DuoyunDonutChartElement.prototype, "label", void 0);
+__decorate([
+    attribute
+], DuoyunDonutChartElement.prototype, "total", void 0);
+__decorate([
+    property
+], DuoyunDonutChartElement.prototype, "sequences", void 0);
+DuoyunDonutChartElement = __decorate([
+    customElement('dy-donut-chart'),
+    adoptedStyle(style)
+], DuoyunDonutChartElement);
+export { DuoyunDonutChartElement };
+//# sourceMappingURL=donut-chart.js.map

package/elements/donut-chart.js.map

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