duoyun-ui 0.0.2

package/elements/rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../src/elements/rating.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EASV,OAAO,EAER,MAAM,aAAa,CAAC;AAOrB,OAAO,0BAA0B,CAAC;AAqClC;;GAEG;AACH,qBAEa,mBAAoB,SAAQ,UAAU;;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;;IA2BvC,MAAM,6CA6BJ;CACH"}

package/elements/rating.js

@@ -0,0 +1,122 @@
+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 _DuoyunRatingElement_instances, _DuoyunRatingElement_total_get, _DuoyunRatingElement_ratio_get, _DuoyunRatingElement_onClick;
+// https://spectrum.adobe.com/page/rating/
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, numattribute, globalemitter, boolattribute, classMap, } from '@mantou/gem';
+import { createDataURLFromSVG } from '../lib/image';
+import { icons } from '../lib/icons';
+import { theme } from '../lib/theme';
+import { commonHandle } from '../lib/hotkeys';
+import '@mantou/gem/elements/use';
+const starUrl = createDataURLFromSVG(icons.star);
+const style = createCSSSheet(css `
+  :host {
+    display: inline-flex;
+    flex-direction: row-reverse;
+    align-items: center;
+  }
+  :host([disabled]) {
+    color: ${theme.disabledColor};
+    pointer-events: none;
+  }
+  .icon {
+    width: 1.5em;
+  }
+  .icon:not(:last-child) {
+    padding-inline-start: 0.1em;
+  }
+  .icon + .icon {
+    padding-inline-end: 0.1em;
+  }
+  .icon::part(icon) {
+    fill: none;
+    stroke: currentColor;
+    stroke-width: 2px;
+    -webkit-mask: url(${starUrl}) center / 100%;
+    mask: url(${starUrl}) center / 100%;
+  }
+  :host(:not(:hover)) .fill::part(icon),
+  .icon:hover::part(icon),
+  .icon:hover ~ .icon::part(icon) {
+    fill: currentColor;
+  }
+`);
+/**
+ * @customElement dy-rating
+ */
+let DuoyunRatingElement = class DuoyunRatingElement extends GemElement {
+    constructor() {
+        super();
+        _DuoyunRatingElement_instances.add(this);
+        _DuoyunRatingElement_onClick.set(this, (score) => {
+            this.change(score);
+        });
+        this.render = () => {
+            return html `
+      <style>
+        :host(:not(:hover)) .mask::part(icon) {
+          background-image: linear-gradient(
+            to right,
+            currentColor ${__classPrivateFieldGet(this, _DuoyunRatingElement_instances, "a", _DuoyunRatingElement_ratio_get) * 100}%,
+            transparent ${__classPrivateFieldGet(this, _DuoyunRatingElement_instances, "a", _DuoyunRatingElement_ratio_get) * 100}%
+          );
+        }
+      </style>
+      ${Array.from({ length: __classPrivateFieldGet(this, _DuoyunRatingElement_instances, "a", _DuoyunRatingElement_total_get) }, (_, index) => html `
+            <gem-use
+              class=${classMap({
+                icon: true,
+                fill: this.value >= __classPrivateFieldGet(this, _DuoyunRatingElement_instances, "a", _DuoyunRatingElement_total_get) - index,
+                mask: this.value < __classPrivateFieldGet(this, _DuoyunRatingElement_instances, "a", _DuoyunRatingElement_total_get) - index && this.value > __classPrivateFieldGet(this, _DuoyunRatingElement_instances, "a", _DuoyunRatingElement_total_get) - 1 - index,
+            })}
+              tabindex="0"
+              @keydown=${commonHandle}
+              @click=${() => __classPrivateFieldGet(this, _DuoyunRatingElement_onClick, "f").call(this, __classPrivateFieldGet(this, _DuoyunRatingElement_instances, "a", _DuoyunRatingElement_total_get) - index)}
+              .element=${icons.star}
+            ></gem-use>
+          `)}
+    `;
+        };
+        this.internals.role = 'range';
+        this.effect(() => {
+            this.internals.ariaDisabled = String(this.disabled);
+            this.internals.ariaLabel = `${this.value}/${this.total}`;
+            this.internals.ariaValueMax = String(__classPrivateFieldGet(this, _DuoyunRatingElement_instances, "a", _DuoyunRatingElement_total_get));
+            this.internals.ariaValueNow = String(this.value);
+        });
+    }
+};
+_DuoyunRatingElement_onClick = new WeakMap(), _DuoyunRatingElement_instances = new WeakSet(), _DuoyunRatingElement_total_get = function _DuoyunRatingElement_total_get() {
+    return this.total || 5;
+}, _DuoyunRatingElement_ratio_get = function _DuoyunRatingElement_ratio_get() {
+    const origin = this.value % 1;
+    const offset = 0.2;
+    return offset + (1 - 2 * offset) * origin;
+};
+__decorate([
+    numattribute
+], DuoyunRatingElement.prototype, "value", void 0);
+__decorate([
+    numattribute
+], DuoyunRatingElement.prototype, "total", void 0);
+__decorate([
+    boolattribute
+], DuoyunRatingElement.prototype, "disabled", void 0);
+__decorate([
+    globalemitter
+], DuoyunRatingElement.prototype, "change", void 0);
+DuoyunRatingElement = __decorate([
+    customElement('dy-rating'),
+    adoptedStyle(style)
+], DuoyunRatingElement);
+export { DuoyunRatingElement };
+//# sourceMappingURL=rating.js.map

package/elements/rating.js.map

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

package/elements/scatter-chart.d.ts

@@ -0,0 +1,13 @@
+import { DuoyunChartBaseElement } from './base/chart';
+import { Sequence } from './area-chart';
+/**
+ * @customElement dy-scatter-chart
+ */
+export declare class DuoyunScatterChartElement extends DuoyunChartBaseElement {
+    #private;
+    sequences?: Sequence[];
+    willMount: () => void;
+    mounted: () => () => void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+//# sourceMappingURL=scatter-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scatter-chart.d.ts","sourceRoot":"","sources":["../src/elements/scatter-chart.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC;;GAEG;AACH,qBACa,yBAA0B,SAAQ,sBAAsB;;IACzD,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IA2BjC,SAAS,aAsCP;IAEF,OAAO,mBAEL;IAEF,MAAM,6CA8CJ;CACH"}

package/elements/scatter-chart.js

@@ -0,0 +1,151 @@
+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 __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 __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 _DuoyunScatterChartElement_symbolSequences, _DuoyunScatterChartElement_onMouseMove, _DuoyunScatterChartElement_onMouseOut;
+// https://spectrum.adobe.com/page/scatter-plot/
+import { html, customElement, property, svg, classMap } from '@mantou/gem';
+import { isNullish } from '../lib/types';
+import { DuoyunChartBaseElement } from './base/chart';
+import { ChartTooltip } from './chart-tooltip';
+/**
+ * @customElement dy-scatter-chart
+ */
+let DuoyunScatterChartElement = class DuoyunScatterChartElement extends DuoyunChartBaseElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunScatterChartElement_symbolSequences.set(this, []);
+        _DuoyunScatterChartElement_onMouseMove.set(this, (evt, index, point) => {
+            var _a, _b, _c, _d, _e, _f;
+            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,
+                    title: ((_d = (_c = this.tooltip) === null || _c === void 0 ? void 0 : _c.formatter) === null || _d === void 0 ? void 0 : _d.call(_c, point[0])) || String(point[0]),
+                    xValue: point[0],
+                    values: [
+                        {
+                            value: ((_f = (_e = this.yAxi) === null || _e === void 0 ? void 0 : _e.formatter) === null || _f === void 0 ? void 0 : _f.call(_e, point[1], 0)) || String(point[1]),
+                            originValue: point[1],
+                            color: this.colors[index],
+                            label: this.sequences[index].label,
+                        },
+                    ],
+                });
+            }
+        });
+        _DuoyunScatterChartElement_onMouseOut.set(this, () => {
+            ChartTooltip.close();
+        });
+        this.willMount = () => {
+            this.memo(() => {
+                var _a;
+                if (!this.contentRect.width)
+                    return;
+                if (!((_a = this.sequences) === null || _a === void 0 ? void 0 : _a.length))
+                    return;
+                let xMin = Infinity;
+                let xMax = -Infinity;
+                let yMin = Infinity;
+                let yMax = -Infinity;
+                this.sequences.forEach(({ values }) => {
+                    values.forEach(([x, y]) => {
+                        if (!isNullish(x)) {
+                            xMin = Math.min(xMin, x);
+                            xMax = Math.max(xMax, x);
+                        }
+                        if (!isNullish(y)) {
+                            yMin = Math.min(yMin, y);
+                            yMax = Math.max(yMax, y);
+                        }
+                    });
+                });
+                this.initXAxi(xMin, xMax);
+                this.initYAxi(yMin, yMax);
+                this.initViewBox();
+                __classPrivateFieldSet(this, _DuoyunScatterChartElement_symbolSequences, [], "f");
+                this.sequences.forEach(({ values }) => {
+                    const dots = [];
+                    values.forEach(([x, y]) => {
+                        if (!isNullish(x) && !isNullish(y)) {
+                            dots.push(this.getStagePoint([x, y]));
+                        }
+                    });
+                    __classPrivateFieldGet(this, _DuoyunScatterChartElement_symbolSequences, "f").push(dots);
+                });
+            }, () => [this.sequences, this.contentRect.width]);
+        };
+        this.mounted = () => {
+            return __classPrivateFieldGet(this, _DuoyunScatterChartElement_onMouseOut, "f");
+        };
+        this.render = () => {
+            if (this.loading)
+                return this.renderLoading();
+            if (this.noData)
+                return this.renderNotData();
+            if (!this.contentRect.width || !this.sequences)
+                return html ``;
+            return html `
+      <style>
+        .symbol {
+          opacity: 0.8;
+        }
+        .symbol:hover {
+          opacity: 1;
+          transform-box: fill-box;
+          transform-origin: center;
+          transform: scale(1.2);
+        }
+        .disabled {
+          pointer-events: none;
+        }
+      </style>
+      ${svg `
+        <svg aria-hidden="true" part="svg" xmlns="http://www.w3.org/2000/svg" viewBox=${this.viewBox.join(' ')}>
+          ${this.renderXAxi({ grid: true })}
+          ${this.renderYAxi()}
+          ${this.sequences.map(({ label, value }, index) => __classPrivateFieldGet(this, _DuoyunScatterChartElement_symbolSequences, "f")[index].map((point) => point
+                ? svg `
+                    <circle
+                      @mousemove=${(evt) => __classPrivateFieldGet(this, _DuoyunScatterChartElement_onMouseMove, "f").call(this, evt, index, point)}
+                      @mouseout=${__classPrivateFieldGet(this, _DuoyunScatterChartElement_onMouseOut, "f")}
+                      class=${classMap({
+                    symbol: true,
+                    disabled: !!this.filtersSet.size && !this.filtersSet.has(value !== null && value !== void 0 ? value : label),
+                })}
+                      fill=${this.colors[index]}
+                      r=${this.getSVGPixel(5)}
+                      cx=${point[0]}
+                      cy=${point[1]}
+                    />
+                  `
+                : ''))}
+        </svg>
+      `}
+    `;
+        };
+    }
+};
+_DuoyunScatterChartElement_symbolSequences = new WeakMap(), _DuoyunScatterChartElement_onMouseMove = new WeakMap(), _DuoyunScatterChartElement_onMouseOut = new WeakMap();
+__decorate([
+    property
+], DuoyunScatterChartElement.prototype, "sequences", void 0);
+DuoyunScatterChartElement = __decorate([
+    customElement('dy-scatter-chart')
+], DuoyunScatterChartElement);
+export { DuoyunScatterChartElement };
+//# sourceMappingURL=scatter-chart.js.map

package/elements/scatter-chart.js.map

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

package/elements/select.d.ts

@@ -0,0 +1,63 @@
+import { GemElement, TemplateResult, Emitter, RefObject } from '@mantou/gem';
+import '@mantou/gem/elements/reflect';
+import '@mantou/gem/elements/use';
+import './options';
+import './input';
+import './tag';
+export interface Option {
+    label: string | TemplateResult;
+    description?: string | TemplateResult;
+    value?: any;
+    disabled?: boolean;
+}
+declare type State = {
+    open: boolean;
+    left: number;
+    top: number;
+    width: number;
+    maxHeight: string;
+    transform: string;
+    search: string;
+};
+/**
+ * @customElement dy-select
+ * @attr multiple
+ * @attr disabled
+ * @attr searchable
+ * @attr inline
+ * @attr placeholder
+ * @attr borderless
+ */
+export declare class DuoyunSelectElement extends GemElement<State> {
+    #private;
+    multiple: boolean;
+    disabled: boolean;
+    searchable: boolean;
+    inline: boolean;
+    placeholder: string;
+    borderless: boolean;
+    dropdownStyle?: Partial<CSSStyleDeclaration>;
+    options?: Option[];
+    value?: any | any[];
+    renderLabel: (e: Option) => string | TemplateResult;
+    renderTag: (e: Option) => string | TemplateResult;
+    active: boolean;
+    change: Emitter<any | any[]>;
+    searchRef: RefObject<HTMLElement>;
+    optionsRef: RefObject<HTMLElement>;
+    constructor();
+    state: {
+        open: boolean;
+        left: number;
+        top: number;
+        width: number;
+        maxHeight: string;
+        transform: string;
+        search: string;
+    };
+    willMount: () => void;
+    mounted: () => void;
+    render: () => TemplateResult;
+}
+export {};
+//# sourceMappingURL=select.d.ts.map

package/elements/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/elements/select.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAOV,cAAc,EAKd,OAAO,EAKP,SAAS,EACV,MAAM,aAAa,CAAC;AASrB,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,WAAW,CAAC;AACnB,OAAO,SAAS,CAAC;AACjB,OAAO,OAAO,CAAC;AAoFf,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;GAQG;AACH,qBAGa,mBAAoB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IAEzB,aAAa,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACpB,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,cAAc,CAAC;IACpD,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,cAAc,CAAC;IACrD,MAAM,EAAE,OAAO,CAAC;IACR,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC;IAEjC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAClC,UAAU,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;;IAgC9C,KAAK;;;;;;;;MAQH;IA4EF,SAAS,aAaP;IAEF,OAAO,aAqCL;IAEF,MAAM,uBA0FJ;CACH"}