duoyun-ui 0.0.2

package/elements/cascader-pick.js

@@ -0,0 +1,172 @@
+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 _DuoyunCascaderPickElement_cascader, _DuoyunCascaderPickElement_onChange, _DuoyunCascaderPickElement_onOpen, _DuoyunCascaderPickElement_renderValue, _DuoyunCascaderPickElement_renderMultipleValue;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, globalemitter, property, attribute, boolattribute, classMap, state, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { icons } from '../lib/icons';
+import { getCascaderDeep } from '../lib/utils';
+import { commonHandle } from '../lib/hotkeys';
+import { ContextMenu } from './menu';
+import './cascader';
+import './tag';
+const style = createCSSSheet(css `
+  :host {
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    border: 1px solid ${theme.borderColor};
+    border-radius: ${theme.normalRound};
+    line-height: 2;
+    padding: 0.1em 0.5em;
+    box-sizing: border-box;
+    gap: 0.5em;
+    font-size: 0.875em;
+    width: 15em;
+  }
+  :host(:where(:focus-visible, :--active, [data-active])) {
+    background: ${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;
+    display: flex;
+    gap: 0.5em;
+  }
+  .placeholder {
+    color: ${theme.describeColor};
+  }
+  .icon {
+    flex-shrink: 0;
+    width: 1.2em;
+    padding-block: 0.4em;
+    color: ${theme.borderColor};
+  }
+  :host(:where(:hover, :--active, [data-active])) .icon {
+    color: ${theme.textColor};
+  }
+`);
+/**
+ * @customElement dy-cascader-pick
+ */
+let DuoyunCascaderPickElement = class DuoyunCascaderPickElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunCascaderPickElement_cascader.set(this, void 0);
+        _DuoyunCascaderPickElement_onChange.set(this, ({ detail, target }) => {
+            __classPrivateFieldSet(this, _DuoyunCascaderPickElement_cascader, target, "f");
+            this.change(detail);
+            this.value = detail;
+        });
+        _DuoyunCascaderPickElement_onOpen.set(this, () => {
+            if (this.disabled || !this.options || !this.options.length)
+                return;
+            ContextMenu.open(html `
+        <dy-cascader
+          style="margin: -0.4em -1em;"
+          .options=${this.options}
+          .value=${this.value}
+          @change=${(evt) => __classPrivateFieldGet(this, _DuoyunCascaderPickElement_onChange, "f").call(this, evt)}
+          ?multiple=${this.multiple}
+        >
+          ${this.fit
+                ? html `
+                <style>
+                  dy-cascader::part(column) {
+                    width: ${this.getBoundingClientRect().width / getCascaderDeep(this.options, 'children')}px;
+                  }
+                </style>
+              `
+                : ''}
+        </dy-cascader>
+      `, {
+                activeElement: this,
+                width: 'auto',
+            });
+        });
+        _DuoyunCascaderPickElement_renderValue.set(this, (value) => {
+            return html `${value.join(' / ')}`;
+        });
+        _DuoyunCascaderPickElement_renderMultipleValue.set(this, (value) => {
+            return html ` ${value.map((e) => html `<dy-tag small>${e.join(' / ')}</dy-tag>`)} `;
+        });
+        this.mounted = () => {
+            this.effect(() => {
+                if (__classPrivateFieldGet(this, _DuoyunCascaderPickElement_cascader, "f")) {
+                    __classPrivateFieldGet(this, _DuoyunCascaderPickElement_cascader, "f").value = this.value;
+                }
+            }, () => [this.value]);
+            return () => this.active && ContextMenu.close();
+        };
+        this.render = () => {
+            var _a;
+            const isEmpty = this.multiple ? !((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) : !this.value;
+            return html `
+      <div class=${classMap({ value: true, placeholder: isEmpty })}>
+        ${isEmpty
+                ? this.placeholder
+                : this.multiple
+                    ? __classPrivateFieldGet(this, _DuoyunCascaderPickElement_renderMultipleValue, "f").call(this, this.value)
+                    : __classPrivateFieldGet(this, _DuoyunCascaderPickElement_renderValue, "f").call(this, this.value)}
+      </div>
+      <gem-use class="icon" .element=${icons.expand}></gem-use>
+    `;
+        };
+        this.addEventListener('click', __classPrivateFieldGet(this, _DuoyunCascaderPickElement_onOpen, "f"));
+        this.addEventListener('keydown', commonHandle);
+        this.tabIndex = 0;
+        this.internals.role = 'combobox';
+    }
+};
+_DuoyunCascaderPickElement_cascader = new WeakMap(), _DuoyunCascaderPickElement_onChange = new WeakMap(), _DuoyunCascaderPickElement_onOpen = new WeakMap(), _DuoyunCascaderPickElement_renderValue = new WeakMap(), _DuoyunCascaderPickElement_renderMultipleValue = new WeakMap();
+__decorate([
+    attribute
+], DuoyunCascaderPickElement.prototype, "placeholder", void 0);
+__decorate([
+    property
+], DuoyunCascaderPickElement.prototype, "options", void 0);
+__decorate([
+    boolattribute
+], DuoyunCascaderPickElement.prototype, "fit", void 0);
+__decorate([
+    boolattribute
+], DuoyunCascaderPickElement.prototype, "disabled", void 0);
+__decorate([
+    boolattribute
+], DuoyunCascaderPickElement.prototype, "multiple", void 0);
+__decorate([
+    globalemitter
+], DuoyunCascaderPickElement.prototype, "change", void 0);
+__decorate([
+    property
+], DuoyunCascaderPickElement.prototype, "value", void 0);
+__decorate([
+    state
+], DuoyunCascaderPickElement.prototype, "active", void 0);
+DuoyunCascaderPickElement = __decorate([
+    customElement('dy-cascader-pick'),
+    adoptedStyle(style)
+], DuoyunCascaderPickElement);
+export { DuoyunCascaderPickElement };
+//# sourceMappingURL=cascader-pick.js.map

package/elements/cascader-pick.js.map

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

package/elements/cascader.d.ts

@@ -0,0 +1,29 @@
+import { GemElement, Emitter } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+import './checkbox';
+export declare type Option = {
+    label: string | number;
+    value?: string | number;
+    children?: Option[];
+};
+declare type State = {
+    selected: Option[];
+};
+/**
+ * @customElement dy-cascader
+ * @attr fit
+ * @attr multiple
+ */
+export declare class DuoyunCascaderElement extends GemElement<State> {
+    #private;
+    options: Option[];
+    fit: boolean;
+    multiple: boolean;
+    change: Emitter<(string | number)[][] | (string | number)[]>;
+    value?: (string | number)[][] | (string | number)[];
+    state: State;
+    willMount: () => void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+export {};
+//# sourceMappingURL=cascader.d.ts.map

package/elements/cascader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["../src/elements/cascader.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EASV,OAAO,EAGR,MAAM,aAAa,CAAC;AAOrB,OAAO,0BAA0B,CAAC;AAClC,OAAO,YAAY,CAAC;AAwCpB,oBAAY,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAIF;;;;GAIG;AACH,qBAEa,qBAAsB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IAChD,OAAO,EAAE,MAAM,EAAE,CAAC;IACb,GAAG,EAAE,OAAO,CAAC;IACb,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;IAElE,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE9D,KAAK,EAAE,KAAK,CAEV;IAiEF,SAAS,aA0DP;IAEF,MAAM,6CAyCJ;CACH"}

package/elements/cascader.js

@@ -0,0 +1,247 @@
+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 _DuoyunCascaderElement_instances, _DuoyunCascaderElement_value_get, _DuoyunCascaderElement_deep, _DuoyunCascaderElement_valueObj, _DuoyunCascaderElement_onChange, _DuoyunCascaderElement_onClick;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, boolattribute, globalemitter, classMap, styleMap, } from '@mantou/gem';
+import { icons } from '../lib/icons';
+import { structuredClone, getCascaderDeep, readProp } from '../lib/utils';
+import { theme } from '../lib/theme';
+import { isNotNullish } from '../lib/types';
+import '@mantou/gem/elements/use';
+import './checkbox';
+const style = createCSSSheet(css `
+  :host {
+    display: flex;
+    align-items: stretch;
+  }
+  .list {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0.2em 0;
+    width: 10em;
+    overflow: auto;
+  }
+  .list + .list {
+    border-inline-start: 1px solid ${theme.borderColor};
+  }
+  .item {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+    line-height: 1.8;
+    padding-inline-start: 0.5em;
+  }
+  .item:hover,
+  .item.selected {
+    background-color: ${theme.lightBackgroundColor};
+  }
+  .label {
+    cursor: default;
+    flex-grow: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .right {
+    width: 1.2em;
+  }
+`);
+const token = Symbol();
+/**
+ * @customElement dy-cascader
+ * @attr fit
+ * @attr multiple
+ */
+let DuoyunCascaderElement = class DuoyunCascaderElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunCascaderElement_instances.add(this);
+        this.state = {
+            selected: [],
+        };
+        _DuoyunCascaderElement_deep.set(this, 1);
+        _DuoyunCascaderElement_valueObj.set(this, {});
+        _DuoyunCascaderElement_onChange.set(this, (index, item, evt) => {
+            var _a;
+            evt.stopPropagation();
+            const valueClone = structuredClone(__classPrivateFieldGet(this, _DuoyunCascaderElement_valueObj, "f"));
+            let obj = valueClone;
+            // set new value(select part)
+            for (let i = 0; i < index; i++) {
+                const { value, label } = this.state.selected[i];
+                const k = value !== null && value !== void 0 ? value : label;
+                if (!obj[k])
+                    obj[k] = {};
+                obj = obj[k];
+            }
+            // set new value(children part)
+            const generator = (item) => item.children
+                ? item.children.reduce((p, c) => {
+                    var _a;
+                    const v = generator(c);
+                    const k = (_a = c.value) !== null && _a !== void 0 ? _a : c.label;
+                    if (v === false) {
+                        delete p[k];
+                    }
+                    else {
+                        p[k] = generator(c);
+                    }
+                    return p;
+                }, {})
+                : evt.detail;
+            obj[(_a = item.value) !== null && _a !== void 0 ? _a : item.label] = generator(item);
+            // paser obj to array
+            const value = [];
+            const parse = (obj, init) => {
+                const keys = Object.keys(obj);
+                keys.forEach((key) => {
+                    if (obj[key] === true) {
+                        value.push([...init, key]);
+                    }
+                    parse(obj[key], [...init, key]);
+                });
+            };
+            parse(valueClone, []);
+            this.change(value);
+        });
+        _DuoyunCascaderElement_onClick.set(this, (index, item) => {
+            const { selected } = this.state;
+            const clickValue = selected.slice(0, index).concat(item);
+            if (selected[index] !== item) {
+                this.setState({ selected: clickValue });
+            }
+            if (!this.multiple) {
+                this.change(clickValue.map((e) => { var _a; return (_a = e.value) !== null && _a !== void 0 ? _a : e.label; }));
+            }
+        });
+        this.willMount = () => {
+            this.memo(() => {
+                var _a, _b;
+                __classPrivateFieldSet(this, _DuoyunCascaderElement_deep, getCascaderDeep(this.options, 'children'), "f");
+                // init state
+                if (!this.state.selected.length) {
+                    const selected = [];
+                    (_b = (_a = __classPrivateFieldGet(this, _DuoyunCascaderElement_instances, "a", _DuoyunCascaderElement_value_get)) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.forEach((val, index) => {
+                        const item = (index ? selected[selected.length - 1].children : this.options).find((e) => { var _a; return val === ((_a = e.value) !== null && _a !== void 0 ? _a : e.label); });
+                        selected.push(item);
+                    });
+                    this.setState({ selected });
+                }
+            }, () => [this.options]);
+            this.memo(() => {
+                var _a;
+                // generator obj via value(array)
+                __classPrivateFieldSet(this, _DuoyunCascaderElement_valueObj, ((_a = __classPrivateFieldGet(this, _DuoyunCascaderElement_instances, "a", _DuoyunCascaderElement_value_get)) === null || _a === void 0 ? void 0 : _a.reduce((p, value) => {
+                    value.reduce((pp, s, index, arr) => {
+                        if (index === arr.length - 1) {
+                            pp[s] = true;
+                            return pp;
+                        }
+                        else {
+                            return (pp[s] = pp[s] || {});
+                        }
+                    }, p);
+                    return p;
+                }, {})) || {}, "f");
+                // append check status to obj via value(array)
+                const check = (path, item) => {
+                    var _a, _b;
+                    const key = String((_a = item.value) !== null && _a !== void 0 ? _a : item.label);
+                    const sub = readProp(__classPrivateFieldGet(this, _DuoyunCascaderElement_valueObj, "f"), [...path, key]);
+                    if (sub === true || !sub)
+                        return;
+                    const keys = Object.keys(sub);
+                    if (!keys.length)
+                        sub[token] = -1;
+                    sub[token] = ((_b = item.children) === null || _b === void 0 ? void 0 : _b.every((e) => {
+                        var _a;
+                        const k = String((_a = e.value) !== null && _a !== void 0 ? _a : e.label);
+                        if (sub[k] === true) {
+                            return true;
+                        }
+                        else {
+                            check([...path, key], e);
+                            if (sub[k] && sub[k][token] === 1)
+                                return true;
+                        }
+                    }))
+                        ? 1
+                        : 0;
+                };
+                this.options.forEach((e) => check([], e));
+            }, () => [this.value]);
+        };
+        this.render = () => {
+            const { selected } = this.state;
+            const listStyle = styleMap({ width: this.fit ? `${100 / __classPrivateFieldGet(this, _DuoyunCascaderElement_deep, "f")}%` : undefined });
+            return html `
+      ${[this.options, ...selected.map((e) => e.children).filter(isNotNullish)].map((list, index) => html `
+            <ul part="column" class="list" style=${listStyle}>
+              ${list.map((item, _i, _arr, status = readProp(__classPrivateFieldGet(this, _DuoyunCascaderElement_valueObj, "f"), [...selected.slice(0, index), item].map((e) => { var _a; return String((_a = e.value) !== null && _a !== void 0 ? _a : e.label); }))) => {
+                var _a;
+                return html `
+                  <li
+                    class=${classMap({ item: true, selected: selected[index] === item })}
+                    @click=${() => __classPrivateFieldGet(this, _DuoyunCascaderElement_onClick, "f").call(this, index, item)}
+                  >
+                    ${this.multiple
+                    ? html `
+                          <dy-checkbox
+                            class="checkbox"
+                            @change=${(evt) => __classPrivateFieldGet(this, _DuoyunCascaderElement_onChange, "f").call(this, index, item, evt)}
+                            ?checked=${status === true || (status === null || status === void 0 ? void 0 : status[token]) === 1}
+                            ?indeterminate=${status !== true && (status === null || status === void 0 ? void 0 : status[token]) === 0}
+                          ></dy-checkbox>
+                        `
+                    : ''}
+                    <span class="label">${(_a = item.value) !== null && _a !== void 0 ? _a : item.label}</span>
+                    <gem-use class="right" .element=${item.children && icons.right}></gem-use>
+                  </li>
+                `;
+            })}
+            </ul>
+          `)}
+    `;
+        };
+    }
+};
+_DuoyunCascaderElement_deep = new WeakMap(), _DuoyunCascaderElement_valueObj = new WeakMap(), _DuoyunCascaderElement_onChange = new WeakMap(), _DuoyunCascaderElement_onClick = new WeakMap(), _DuoyunCascaderElement_instances = new WeakSet(), _DuoyunCascaderElement_value_get = function _DuoyunCascaderElement_value_get() {
+    if (!this.value)
+        return;
+    return (this.multiple ? this.value : [this.value]);
+};
+__decorate([
+    property
+], DuoyunCascaderElement.prototype, "options", void 0);
+__decorate([
+    boolattribute
+], DuoyunCascaderElement.prototype, "fit", void 0);
+__decorate([
+    boolattribute
+], DuoyunCascaderElement.prototype, "multiple", void 0);
+__decorate([
+    globalemitter
+], DuoyunCascaderElement.prototype, "change", void 0);
+__decorate([
+    property
+], DuoyunCascaderElement.prototype, "value", void 0);
+DuoyunCascaderElement = __decorate([
+    customElement('dy-cascader'),
+    adoptedStyle(style)
+], DuoyunCascaderElement);
+export { DuoyunCascaderElement };
+//# sourceMappingURL=cascader.js.map

package/elements/cascader.js.map

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

package/elements/chart-tooltip.d.ts

@@ -0,0 +1,29 @@
+import { GemElement, TemplateResult } from '@mantou/gem';
+export declare type DataItem = {
+    label: string | string[];
+    value: string | number;
+    originValue: number | null;
+    color: string;
+    highlight?: boolean;
+    hidden?: boolean;
+};
+export declare type Data = {
+    render?: (data: Data) => TemplateResult;
+    title?: string | number;
+    xValue?: number;
+    values?: DataItem[];
+};
+/**
+ * @customElement dy-chart-tooltip
+ */
+export declare class DuoyunChartTooltipElement extends GemElement {
+    #private;
+    static instance: DuoyunChartTooltipElement | null;
+    static open: (x: number, y: number, data: Data) => void;
+    static close: () => void;
+    updated: () => void;
+    mounted: () => void;
+    render: () => TemplateResult;
+}
+export declare const ChartTooltip: typeof DuoyunChartTooltipElement;
+//# sourceMappingURL=chart-tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-tooltip.d.ts","sourceRoot":"","sources":["../src/elements/chart-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAWV,cAAc,EACf,MAAM,aAAa,CAAC;AAwDrB,oBAAY,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,IAAI,GAAG;IACjB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;CACrB,CAAC;AAgBF;;GAEG;AACH,qBAGa,yBAA0B,SAAQ,UAAU;;IACvD,MAAM,CAAC,QAAQ,EAAE,yBAAyB,GAAG,IAAI,CAAQ;IAEzD,MAAM,CAAC,IAAI,MAAO,MAAM,KAAK,MAAM,QAAQ,IAAI,UAM7C;IAEF,MAAM,CAAC,KAAK,aAIV;IAYF,OAAO,aAEL;IAEF,OAAO,aAEL;IAEF,MAAM,uBAmCJ;CACH;AAED,eAAO,MAAM,YAAY,kCAA4B,CAAC"}

package/elements/chart-tooltip.js

@@ -0,0 +1,150 @@
+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 _DuoyunChartTooltipElement_adjust;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, createStore, updateStore, connectStore, styleMap, classMap, } from '@mantou/gem';
+import { theme } from '../lib/theme';
+const style = createCSSSheet(css `
+  :host {
+    position: fixed;
+    display: block;
+    pointer-events: none;
+    padding: 1em;
+    line-height: 1.2;
+    width: max-content;
+  }
+  .title {
+    font-size: 1.125em;
+    margin-block-end: 0.5em;
+  }
+  .body {
+    font-size: 0.875em;
+    padding: 0.75em;
+    color: ${theme.textColor};
+    background-color: ${theme.backgroundColor};
+    border-radius: 0.75em;
+    box-shadow: 0 0.5em 2em rgba(0, 0, 0, calc(${theme.maskAlpha} - 0.1));
+  }
+  .item {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+  .highlight {
+    font-weight: bold;
+  }
+  .item + .item {
+    margin-block-start: 0.4em;
+  }
+  .color {
+    align-self: stretch;
+    flex-shrink: 0;
+    width: 0.3em;
+    margin-block: 0.25em;
+  }
+  .label-container {
+    min-width: 0;
+    flex-grow: 1;
+  }
+  .label {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+  .value {
+    white-space: nowrap;
+  }
+`);
+const store = createStore({
+    data: {},
+    x: 0,
+    y: 0,
+    debug: false,
+});
+/**
+ * @customElement dy-chart-tooltip
+ */
+let DuoyunChartTooltipElement = class DuoyunChartTooltipElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunChartTooltipElement_adjust.set(this, () => {
+            const { x, y } = store;
+            const { width, height } = this.getBoundingClientRect();
+            if (ChartTooltip.instance) {
+                const xx = x + width > innerWidth ? '-100%' : 0;
+                const yy = y + height > innerHeight ? '-100%' : 0;
+                ChartTooltip.instance.style.transform = `translate(${xx}, ${yy})`;
+            }
+        });
+        this.updated = () => {
+            __classPrivateFieldGet(this, _DuoyunChartTooltipElement_adjust, "f").call(this);
+        };
+        this.mounted = () => {
+            __classPrivateFieldGet(this, _DuoyunChartTooltipElement_adjust, "f").call(this);
+        };
+        this.render = () => {
+            const { title, values, render } = store.data;
+            return html `
+      <style>
+        :host {
+          top: ${store.y}px;
+          left: ${store.x}px;
+        }
+        .body {
+          width: ${render ? 'auto' : values && values.length > 5 ? 20 : 15}em;
+        }
+      </style>
+      <div class="body" role="tooltip">
+        ${render
+                ? render(store.data)
+                : html `
+              ${title ? html `<div class="title">${title}</div>` : ''}
+              ${values === null || values === void 0 ? void 0 : values.map(({ hidden, color, label, value, highlight }) => hidden
+                    ? ''
+                    : html `
+                      <div class=${classMap({ item: true, highlight: !!highlight })}>
+                        ${color ? html `<div class="color" style=${styleMap({ backgroundColor: color })}></div>` : ''}
+                        <div class="label-container">
+                          ${(Array.isArray(label) ? label : [label]).map((text) => html `<div class="label">${text}</div>`)}
+                        </div>
+                        <div class="value">${value}</div>
+                      </div>
+                    `)}
+            `}
+      </div>
+    `;
+        };
+    }
+};
+_DuoyunChartTooltipElement_adjust = new WeakMap();
+DuoyunChartTooltipElement.instance = null;
+DuoyunChartTooltipElement.open = (x, y, data) => {
+    updateStore(store, { x, y, data });
+    if (!ChartTooltip.instance) {
+        ChartTooltip.instance = new ChartTooltip();
+        document.body.append(ChartTooltip.instance);
+    }
+};
+DuoyunChartTooltipElement.close = () => {
+    var _a;
+    if (store.debug)
+        return;
+    (_a = ChartTooltip.instance) === null || _a === void 0 ? void 0 : _a.remove();
+    ChartTooltip.instance = null;
+};
+DuoyunChartTooltipElement = __decorate([
+    customElement('dy-chart-tooltip'),
+    adoptedStyle(style),
+    connectStore(store)
+], DuoyunChartTooltipElement);
+export { DuoyunChartTooltipElement };
+export const ChartTooltip = DuoyunChartTooltipElement;
+//# sourceMappingURL=chart-tooltip.js.map