duoyun-ui 0.0.2

package/elements/base/chart.js

@@ -0,0 +1,299 @@
+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;
+};
+import { adoptedStyle, createCSSSheet, css, html, state, property, emitter, svg, randomStr, } from '@mantou/gem';
+import { theme } from '../../lib/theme';
+import { formatToPrecision, adjustRange } from '../../lib/number';
+import { commonColors } from '../../lib/color';
+import { DuoyunResizeBaseElement } from './resize';
+import '../loading';
+import '../empty';
+const style = createCSSSheet(css `
+  :host {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.75em;
+  }
+  :host(:where(:--loading, [data-loading], :--no-data, [data-nodata])) {
+    aspect-ratio: 2 / 1;
+  }
+  svg {
+    display: block;
+    overflow: visible;
+    /* https://bugs.webkit.org/show_bug.cgi?id=221234 */
+    width: 100%;
+    user-select: none;
+  }
+  text {
+    cursor: default;
+  }
+`);
+let DuoyunChartBaseElement = class DuoyunChartBaseElement extends DuoyunResizeBaseElement {
+    constructor(options) {
+        super(options);
+        this.colors = commonColors;
+        this.xStep = 6;
+        this.yStep = 5;
+        this.stageWidth = 300;
+        this.stageHeight = 150;
+        this.chartId = randomStr();
+        this.filtersSet = new Set();
+        // initXAxi
+        this.xAxiMin = 0;
+        this.xAxiMax = 0;
+        this.xAxiUnit = 0;
+        this.xAxiStepUnit = 0;
+        this.xAxiMarks = [0];
+        this.xAxiLabels = [''];
+        this.stateXAxiMarks = [0];
+        // initYAxi
+        this.yAxiMin = 0;
+        this.yAxiMax = 0;
+        this.yAxiUnit = 0;
+        this.yAxiStepUnit = 0;
+        this.yAxiMarks = [0];
+        this.yAxiLabels = [''];
+        this.stateYAxiMarks = [0];
+        this.viewBox = [0, 0, 0, 0];
+        this.initXAxi = (xMin, xMax, adjust = false) => {
+            if (xMin === Infinity || xMax === -Infinity)
+                return;
+            if (adjust) {
+                const [min, max] = adjustRange([xMin, xMax], this.xStep, [1000, 60, 5, 6, 2, 2, 12]);
+                this.xAxiMin = min;
+                this.xAxiMax = max;
+            }
+            else {
+                this.xAxiMin = xMin;
+                this.xAxiMax = xMax;
+            }
+            this.xAxiUnit = (this.xAxiMax - this.xAxiMin) / this.stageWidth;
+            this.xAxiStepUnit = (this.xAxiMax - this.xAxiMin) / this.xStep;
+            this.xAxiMarks = Array.from({ length: this.xStep + 1 }, (_, index) => this.xAxiMin + index * this.xAxiStepUnit);
+            this.stateXAxiMarks = this.xAxiMarks.map((_, index) => (this.xAxiStepUnit * index) / this.xAxiUnit);
+            this.xAxiLabels = this.xAxiMarks.map((e, i) => { var _a, _b, _c; return (_c = (_b = (_a = this.xAxi) === null || _a === void 0 ? void 0 : _a.formatter) === null || _b === void 0 ? void 0 : _b.call(_a, e, i)) !== null && _c !== void 0 ? _c : String(e); });
+        };
+        this.initYAxi = (yMin, yMax) => {
+            if (yMin === Infinity || yMax === -Infinity) {
+                yMin = 0;
+                yMax = 0;
+            }
+            const markLineValues = (this.markLines || []).map((e) => e.value);
+            const [iMin, iMax] = [Math.min(this.yMin || 0, ...markLineValues), Math.max(yMax, ...markLineValues)];
+            const [min, max] = this.yMax
+                ? [iMin, Math.max(this.yMax, ...markLineValues)]
+                : adjustRange([iMin, iMax], this.yStep);
+            this.yAxiMin = min;
+            this.yAxiMax = max;
+            this.yAxiUnit = (this.yAxiMax - this.yAxiMin) / this.stageHeight;
+            this.yAxiStepUnit = (this.yAxiMax - 0) / this.yStep;
+            this.yAxiMarks = Array.from({ length: this.yStep + 1 }, (_, index) => this.yAxiMin + index * this.yAxiStepUnit);
+            this.stateYAxiMarks = this.yAxiMarks.map((_, index, arr) => (this.yAxiStepUnit * (arr.length - 1 - index)) / this.yAxiUnit);
+            this.yAxiLabels = this.yAxiMarks.map((e, i) => { var _a, _b, _c; return (_c = (_b = (_a = this.yAxi) === null || _a === void 0 ? void 0 : _a.formatter) === null || _b === void 0 ? void 0 : _b.call(_a, e, i)) !== null && _c !== void 0 ? _c : String(e); });
+        };
+        this.initViewBox = () => {
+            const charUnit = 3;
+            const offsetX = this.xAxi === null
+                ? 3 * -this.getSVGPixel(12)
+                : -this.getSVGPixel(12) -
+                    this.getSVGPixel(8) * Math.ceil(Math.max(...this.yAxiLabels.map((e) => e.length)) / charUnit) * charUnit;
+            const offsetY = this.yAxi === null ? 3 * -this.getSVGPixel(12) : -this.getSVGPixel(12) / 2;
+            this.viewBox =
+                this.xAxi === null && this.yAxi === null
+                    ? [0, 0, this.stageWidth, this.stageHeight]
+                    : [
+                        offsetX,
+                        offsetY,
+                        this.stageWidth - offsetX + 3 * this.getSVGPixel(12),
+                        this.stageHeight - offsetY + 3.5 * this.getSVGPixel(12),
+                    ];
+        };
+        this.genGradientId = (index) => `gradient-${this.chartId}-${index}`;
+        // ~=
+        this.getSVGPixel = (x = 1) => formatToPrecision(x / (this.contentRect.width / this.stageWidth));
+        this.getStageScale = () => this.contentRect.width / this.viewBox[2];
+        // init after
+        // from origin data point
+        this.getStagePoint = ([x, y]) => {
+            return [
+                formatToPrecision((x - this.xAxiMin) / this.xAxiUnit),
+                formatToPrecision(this.stageHeight - (y - this.yAxiMin) / this.yAxiUnit),
+            ];
+        };
+        // from mouse position
+        this.getStagePointFromPosition = ([x, y]) => {
+            const svgScale = this.getStageScale();
+            const value = [x / svgScale + this.viewBox[0], y / svgScale + this.viewBox[1]];
+            if (value[0] < 0 || value[0] > this.stageWidth || value[1] < 0 || value[1] > this.stageHeight)
+                return;
+            return value;
+        };
+        this.renderLoading = () => {
+            return html `<dy-loading></dy-loading>`;
+        };
+        this.renderNotData = () => {
+            return html `<dy-empty></dy-empty>`;
+        };
+        this.renderXAxi = ({ centerLabel, grid } = {}) => {
+            const offset = centerLabel ? 0.5 * (this.xAxiStepUnit / this.xAxiUnit) : 0;
+            return this.xAxi !== null
+                ? svg `
+        <path 
+          stroke=${theme.borderColor}
+          fill="none"
+          stroke-width=${this.getSVGPixel()}
+          d=${`M0 ${this.stageHeight}L${(this.xAxiMax - this.xAxiMin) / this.xAxiUnit} ${this.stageHeight}`}>
+        </path>
+        ${this.xAxiLabels.map((label, index) => svg `
+              ${grid
+                    ? svg `
+                      <path
+                        stroke=${theme.lightBackgroundColor}
+                        fill="none"
+                        stroke-width=${this.getSVGPixel()}
+                        d=${`M${this.stateXAxiMarks[index]} ${this.stageHeight} L${this.stateXAxiMarks[index]} 0`}>
+                      </path>
+                    `
+                    : ''}
+              <path 
+                stroke=${theme.borderColor}
+                fill="none"
+                stroke-width=${this.getSVGPixel()}
+                d=${`M${this.stateXAxiMarks[index]} ${this.stageHeight} L${this.stateXAxiMarks[index]} ${this.stageHeight + this.getSVGPixel(6)}`}>
+              </path>
+              <text
+                x=${this.stateXAxiMarks[index] - offset}
+                y=${this.stageHeight + this.getSVGPixel(12)}
+                font-size=${this.getSVGPixel(12)}
+                fill="currentColor"
+                text-anchor="middle"
+                dominant-baseline="hanging">
+                ${label}
+              </text>
+            `)}
+      `
+                : '';
+        };
+        this.renderYAxi = () => {
+            return this.yAxi !== null
+                ? html `
+          ${this.stateYAxiMarks.map((_, index) => index !== 0
+                    ? svg `
+                  <path
+                    stroke=${theme.lightBackgroundColor}
+                    fill="none"
+                    stroke-width=${this.getSVGPixel()}
+                    d=${`M0 ${this.stateYAxiMarks[index]} L${this.stageWidth} ${this.stateYAxiMarks[index]}`}>
+                  </path>
+                `
+                    : '')}
+          ${this.yAxiLabels.map((label, index) => svg `
+                <text
+                  x=${-this.getSVGPixel(12)}
+                  y=${this.stateYAxiMarks[index]}
+                  font-size=${this.getSVGPixel(12)}
+                  fill="currentColor"
+                  text-anchor="end"
+                  dominant-baseline="middle">
+                  ${label}
+                </text>
+              `)}
+        `
+                : '';
+        };
+        this.renderMarkLines = () => {
+            var _a;
+            return html `
+      ${(_a = this.markLines) === null || _a === void 0 ? void 0 : _a.map(({ value, label, color }, _index, _arr, c = color || 'currentColor', stageValue = this.getStagePoint([0, value])[1]) => {
+                var _a, _b;
+                return svg `
+            <path
+              stroke=${c}
+              fill="none"
+              stroke-width=${this.getSVGPixel()}
+              d=${`M0 ${stageValue} L${this.stageWidth} ${stageValue}`}>
+            </path>
+            <text
+              x=${this.stageWidth}
+              y=${stageValue - this.getSVGPixel(4)}
+              font-size=${this.getSVGPixel(12)}
+              fill=${c}
+              text-anchor="end"
+              dominant-baseline="auto">
+              ${label || ((_b = (_a = this.yAxi) === null || _a === void 0 ? void 0 : _a.formatter) === null || _b === void 0 ? void 0 : _b.call(_a, value, 0)) || value}
+            </text>
+          `;
+            })}
+    `;
+        };
+        this.polarToCartesian = ([r, theta]) => {
+            return [r * Math.cos(theta), r * Math.sin(theta)];
+        };
+        this.cartesianToPolar = ([x, y]) => {
+            return [Math.sqrt(x ** 2 + y ** 2), Math.atan(y / x)];
+        };
+        this.mergeNumberValues = (seqs) => {
+            if (!seqs || !seqs[0])
+                return;
+            return seqs[0].map((_, index) => seqs.reduce((p, c) => p + (c[index] || 0), 0));
+        };
+        this.mergeValues = (seqs) => {
+            if (!seqs || !seqs[0])
+                return;
+            return seqs[0].map((point, index) => [point && point[0], seqs.reduce((p, c) => { var _a; return p + (((_a = c[index]) === null || _a === void 0 ? void 0 : _a[1]) || 0); }, 0)]);
+        };
+        this.internals.role = 'img';
+        this.memo(() => {
+            this.filtersSet = new Set(this.filters);
+        }, () => [this.filters]);
+    }
+};
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "filters", void 0);
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "colors", void 0);
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "xAxi", void 0);
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "yAxi", void 0);
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "yMin", void 0);
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "yMax", void 0);
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "xStep", void 0);
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "yStep", void 0);
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "tooltip", void 0);
+__decorate([
+    property
+], DuoyunChartBaseElement.prototype, "markLines", void 0);
+__decorate([
+    emitter
+], DuoyunChartBaseElement.prototype, "clickIndex", void 0);
+__decorate([
+    state
+], DuoyunChartBaseElement.prototype, "loading", void 0);
+__decorate([
+    state
+], DuoyunChartBaseElement.prototype, "noData", void 0);
+DuoyunChartBaseElement = __decorate([
+    adoptedStyle(style)
+], DuoyunChartBaseElement);
+export { DuoyunChartBaseElement };
+//# sourceMappingURL=chart.js.map

package/elements/base/chart.js.map

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

package/elements/base/loadable.d.ts

@@ -0,0 +1,16 @@
+import { GemElement, GemElementOptions } from '@mantou/gem';
+import '../loading';
+/**
+ * @customElement dy-loadable-mask
+ */
+export declare class DuoyunLoadableMaskElement extends GemElement {
+    render: () => import("@mantou/gem").TemplateResult;
+}
+/**
+ * @attr loading
+ */
+export declare class DuoyunLoadableBaseElement<T = Record<string, unknown>> extends GemElement<T> {
+    loading: boolean;
+    constructor(options?: GemElementOptions);
+}
+//# sourceMappingURL=loadable.d.ts.map

package/elements/base/loadable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadable.d.ts","sourceRoot":"","sources":["../../src/elements/base/loadable.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAOV,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAIrB,OAAO,YAAY,CAAC;AAmBpB;;GAEG;AACH,qBAEa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,6CAKJ;CACH;AAUD;;GAEG;AACH,qBACa,yBAAyB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACxE,OAAO,EAAE,OAAO,CAAC;gBAEpB,OAAO,CAAC,EAAE,iBAAiB;CAYxC"}

package/elements/base/loadable.js

@@ -0,0 +1,77 @@
+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;
+};
+import { GemElement, adoptedStyle, createCSSSheet, css, boolattribute, html, customElement, } from '@mantou/gem';
+import { theme } from '../../lib/theme';
+import '../loading';
+const maskStyle = createCSSSheet(css `
+  :host {
+    position: absolute;
+    z-index: 9999999;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .mask {
+    position: absolute;
+    z-index: 0;
+    inset: 0;
+    background-color: rgba(0, 0, 0, calc(${theme.maskAlpha} / 2));
+  }
+`);
+/**
+ * @customElement dy-loadable-mask
+ */
+let DuoyunLoadableMaskElement = class DuoyunLoadableMaskElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        this.render = () => {
+            return html `
+      <div class="mask"></div>
+      <dy-loading></dy-loading>
+    `;
+        };
+    }
+};
+DuoyunLoadableMaskElement = __decorate([
+    customElement('dy-loadable-mask'),
+    adoptedStyle(maskStyle)
+], DuoyunLoadableMaskElement);
+export { DuoyunLoadableMaskElement };
+const style = createCSSSheet(css `
+  :host {
+    display: block;
+    position: relative;
+    overflow: hidden;
+  }
+`);
+/**
+ * @attr loading
+ */
+let DuoyunLoadableBaseElement = class DuoyunLoadableBaseElement extends GemElement {
+    constructor(options) {
+        super(options);
+        const mask = new DuoyunLoadableMaskElement();
+        this.effect(() => {
+            this.internals.ariaBusy = String(this.loading);
+            if (this.loading) {
+                this.shadowRoot.append(mask);
+            }
+            else {
+                mask.remove();
+            }
+        });
+    }
+};
+__decorate([
+    boolattribute
+], DuoyunLoadableBaseElement.prototype, "loading", void 0);
+DuoyunLoadableBaseElement = __decorate([
+    adoptedStyle(style)
+], DuoyunLoadableBaseElement);
+export { DuoyunLoadableBaseElement };
+//# sourceMappingURL=loadable.js.map

package/elements/base/loadable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadable.js","sourceRoot":"","sources":["../../src/elements/base/loadable.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,IAAI,EACJ,aAAa,GAEd,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,YAAY,CAAC;AAEpB,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;;;;2CAaO,KAAK,CAAC,SAAS;;CAEzD,CAAC,CAAC;AAEH;;GAEG;AAGH,IAAa,yBAAyB,GAAtC,MAAa,yBAA0B,SAAQ,UAAU;IAAzD;;QACE,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;;;KAGV,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CAAA,CAAA;AAPY,yBAAyB;IAFrC,aAAa,CAAC,kBAAkB,CAAC;IACjC,YAAY,CAAC,SAAS,CAAC;GACX,yBAAyB,CAOrC;SAPY,yBAAyB;AAStC,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;CAM/B,CAAC,CAAC;AAEH;;GAEG;AAEH,IAAa,yBAAyB,GAAtC,MAAa,yBAAuD,SAAQ,UAAa;IAGvF,YAAY,OAA2B;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,MAAM,IAAI,GAAG,IAAI,yBAAyB,EAAE,CAAC;QAC7C,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/C,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,IAAI,CAAC,UAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;aAC/B;iBAAM;gBACL,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AAdgB;IAAd,aAAa;0DAAkB;AADrB,yBAAyB;IADrC,YAAY,CAAC,KAAK,CAAC;GACP,yBAAyB,CAerC;SAfY,yBAAyB"}

package/elements/base/resize.d.ts

@@ -0,0 +1,15 @@
+import { GemElement, GemElementOptions } from '@mantou/gem';
+export declare class DuoyunResizeBaseElement<_T = Record<string, unknown>> extends GemElement {
+    constructor(options?: GemElementOptions & {
+        debounce?: boolean;
+    });
+    borderBoxSize: {
+        blockSize: number;
+        inlineSize: number;
+    };
+    contentRect: {
+        height: number;
+        width: number;
+    };
+}
+//# sourceMappingURL=resize.d.ts.map

package/elements/base/resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAI5D,qBAAa,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;gBACvE,OAAO,GAAE,iBAAiB,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAO;IAqBpE,aAAa;;;MAGX;IAEF,WAAW;;;MAGT;CACH"}

package/elements/base/resize.js

@@ -0,0 +1,31 @@
+import { GemElement } from '@mantou/gem';
+import { debounce } from '../../lib/utils';
+export class DuoyunResizeBaseElement extends GemElement {
+    constructor(options = {}) {
+        super(options);
+        this.borderBoxSize = {
+            blockSize: 0,
+            inlineSize: 0,
+        };
+        this.contentRect = {
+            height: 0,
+            width: 0,
+        };
+        const { debounce: needDebounce = true } = options;
+        const callback = ([entry]) => {
+            var _a;
+            this.contentRect = entry.contentRect;
+            this.borderBoxSize = ((_a = entry.borderBoxSize) === null || _a === void 0 ? void 0 : _a[0])
+                ? entry.borderBoxSize[0]
+                : { blockSize: this.contentRect.height, inlineSize: this.contentRect.width };
+            this.update();
+        };
+        const debounceCallback = needDebounce ? debounce(callback) : callback;
+        this.effect(() => {
+            const ro = new ResizeObserver(debounceCallback);
+            ro.observe(this, {});
+            return () => ro.disconnect();
+        }, () => []);
+    }
+}
+//# sourceMappingURL=resize.js.map

package/elements/base/resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,aAAa,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,OAAO,uBAAsD,SAAQ,UAAU;IACnF,YAAY,UAAsD,EAAE;QAClE,KAAK,CAAC,OAAO,CAAC,CAAC;QAoBjB,kBAAa,GAAG;YACd,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,CAAC;SACd,CAAC;QAEF,gBAAW,GAAG;YACZ,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;SACT,CAAC;QA3BA,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;QAClD,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAwB,EAAE,EAAE;;YAClD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;YACrC,IAAI,CAAC,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,aAAa,0CAAG,CAAC,CAAC;gBAC3C,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;gBACxB,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YAC/E,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QACtE,IAAI,CAAC,MAAM,CACT,GAAG,EAAE;YACH,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,gBAAgB,CAAC,CAAC;YAChD,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrB,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;QAC/B,CAAC,EACD,GAAG,EAAE,CAAC,EAAE,CACT,CAAC;IACJ,CAAC;CAWF"}

package/elements/base/scroll.d.ts

@@ -0,0 +1,11 @@
+import { GemElementOptions } from '@mantou/gem';
+import { DuoyunResizeBaseElement } from './resize';
+export declare class DuoyunScrollBaseElement<_T = Record<string, unknown>> extends DuoyunResizeBaseElement {
+    #private;
+    topOverflow: boolean;
+    rightOverflow: boolean;
+    bottomOverflow: boolean;
+    leftOverflow: boolean;
+    constructor(options?: GemElementOptions);
+}
+//# sourceMappingURL=scroll.d.ts.map

package/elements/base/scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../src/elements/base/scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE1F,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAsCnD,qBACa,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,uBAAuB;;IACzF,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;gBAEjB,OAAO,CAAC,EAAE,iBAAiB;CAsBxC"}

package/elements/base/scroll.js

@@ -0,0 +1,90 @@
+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 _DuoyunScrollBaseElement_check;
+import { adoptedStyle, createCSSSheet, css, state } from '@mantou/gem';
+import { DuoyunResizeBaseElement } from './resize';
+const style = createCSSSheet(css `
+  :host {
+    display: block;
+    --mask-width: 1.5em;
+    --mask-top: 0;
+    --mask-right: 100%;
+    --mask-bottom: 100%;
+    --mask-left: 0;
+    --mask-dir: bottom;
+    --mask-start: var(--mask-top);
+    --mask-end: var(--mask-bottom);
+  }
+  :host(:where(:--top-overflow, [data-topoverflow])) {
+    --mask-top: var(--mask-width);
+  }
+  :host(:where(:--bottom-overflow, [data-bottomoverflow])) {
+    --mask-bottom: calc(100% - var(--mask-width));
+  }
+  :host(:where(:--left-overflow, [data-leftoverflow], :--right-overflow, [data-rightoverflow])) {
+    --mask-dir: right;
+    --mask-start: var(--mask-left);
+    --mask-end: var(--mask-right);
+  }
+  :host(:where(:--left-overflow, [data-leftoverflow])) {
+    --mask-left: var(--mask-width);
+  }
+  :host(:where(:--right-overflow, [data-rightoverflow])) {
+    --mask-right: calc(100% - var(--mask-width));
+  }
+  :host(:where(:--top-overflow, [data-topoverflow], :--bottom-overflow, [data-bottomoverflow], :--left-overflow, [data-leftoverflow], :--right-overflow, [data-rightoverflow])) {
+    --m: linear-gradient(to var(--mask-dir), #fff0, #000 var(--mask-start), #000 var(--mask-end), #fff0 100%);
+    -webkit-mask-image: var(--m);
+    mask-image: var(--m);
+  }
+`);
+let DuoyunScrollBaseElement = class DuoyunScrollBaseElement extends DuoyunResizeBaseElement {
+    constructor(options) {
+        super(options);
+        _DuoyunScrollBaseElement_check.set(this, () => {
+            const contentHeight = this.clientHeight - (this.borderBoxSize.blockSize - this.contentRect.height);
+            const contentWidth = this.clientWidth - (this.borderBoxSize.inlineSize - this.contentRect.width);
+            const scrollHeight = this.scrollHeight;
+            const scrollWidth = this.scrollWidth;
+            const scrollTop = this.scrollTop;
+            const scrollBottom = scrollHeight - contentHeight - scrollTop;
+            const scrollLeft = this.scrollLeft;
+            const scrollRight = scrollWidth - contentWidth - scrollLeft;
+            this.topOverflow = scrollTop > 0.1;
+            this.rightOverflow = scrollRight > 0.1;
+            this.bottomOverflow = scrollBottom > 0.1;
+            this.leftOverflow = scrollLeft > 0.1;
+        });
+        this.addEventListener('scroll', __classPrivateFieldGet(this, _DuoyunScrollBaseElement_check, "f"));
+        this.effect(() => {
+            __classPrivateFieldGet(this, _DuoyunScrollBaseElement_check, "f").call(this);
+        });
+    }
+};
+_DuoyunScrollBaseElement_check = new WeakMap();
+__decorate([
+    state
+], DuoyunScrollBaseElement.prototype, "topOverflow", void 0);
+__decorate([
+    state
+], DuoyunScrollBaseElement.prototype, "rightOverflow", void 0);
+__decorate([
+    state
+], DuoyunScrollBaseElement.prototype, "bottomOverflow", void 0);
+__decorate([
+    state
+], DuoyunScrollBaseElement.prototype, "leftOverflow", void 0);
+DuoyunScrollBaseElement = __decorate([
+    adoptedStyle(style)
+], DuoyunScrollBaseElement);
+export { DuoyunScrollBaseElement };
+//# sourceMappingURL=scroll.js.map

package/elements/base/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../src/elements/base/scroll.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAqB,MAAM,aAAa,CAAC;AAE1F,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC/B,CAAC,CAAC;AAGH,IAAa,uBAAuB,GAApC,MAAa,uBAAsD,SAAQ,uBAAuB;IAMhG,YAAY,OAA2B;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;QAOjB,yCAAS,GAAG,EAAE;YACZ,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YACnG,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACjG,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;YACvC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACrC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YACjC,MAAM,YAAY,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS,CAAC;YAC9D,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YACnC,MAAM,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;YAC5D,IAAI,CAAC,WAAW,GAAG,SAAS,GAAG,GAAG,CAAC;YACnC,IAAI,CAAC,aAAa,GAAG,WAAW,GAAG,GAAG,CAAC;YACvC,IAAI,CAAC,cAAc,GAAG,YAAY,GAAG,GAAG,CAAC;YACzC,IAAI,CAAC,YAAY,GAAG,UAAU,GAAG,GAAG,CAAC;QACvC,CAAC,EAAC;QAnBA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,uBAAA,IAAI,sCAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE;YACf,uBAAA,IAAI,sCAAO,MAAX,IAAI,CAAS,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;CAgBF,CAAA;;AA3BQ;IAAN,KAAK;4DAAsB;AACrB;IAAN,KAAK;8DAAwB;AACvB;IAAN,KAAK;+DAAyB;AACxB;IAAN,KAAK;6DAAuB;AAJlB,uBAAuB;IADnC,YAAY,CAAC,KAAK,CAAC;GACP,uBAAuB,CA4BnC;SA5BY,uBAAuB"}

package/elements/base/visible.d.ts

@@ -0,0 +1,12 @@
+import { Emitter, GemElement, GemElementOptions } from '@mantou/gem';
+/**
+ * @fires visible
+ * @fires hide
+ */
+export declare class DuoyunVisibleBaseElement<_T = Record<string, unknown>> extends GemElement {
+    visible: Emitter;
+    hide: Emitter;
+    visibility: boolean;
+    constructor(options?: GemElementOptions);
+}
+//# sourceMappingURL=visible.d.ts.map

package/elements/base/visible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visible.d.ts","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAW,UAAU,EAAS,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErF;;;GAGG;AACH,qBAAa,wBAAwB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;IAC3E,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IAEhB,UAAU,EAAE,OAAO,CAAC;gBAEf,OAAO,CAAC,EAAE,iBAAiB;CAaxC"}

package/elements/base/visible.js

@@ -0,0 +1,37 @@
+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;
+};
+import { emitter, GemElement, state } from '@mantou/gem';
+/**
+ * @fires visible
+ * @fires hide
+ */
+export class DuoyunVisibleBaseElement extends GemElement {
+    constructor(options) {
+        super(options);
+        new IntersectionObserver((entries) => {
+            const { intersectionRatio } = entries.pop();
+            if (intersectionRatio > 0) {
+                this.visibility = true;
+                this.visible(null);
+            }
+            else {
+                this.visibility = false;
+                this.hide(null);
+            }
+        }).observe(this);
+    }
+}
+__decorate([
+    emitter
+], DuoyunVisibleBaseElement.prototype, "visible", void 0);
+__decorate([
+    emitter
+], DuoyunVisibleBaseElement.prototype, "hide", void 0);
+__decorate([
+    state
+], DuoyunVisibleBaseElement.prototype, "visibility", void 0);
+//# sourceMappingURL=visible.js.map

package/elements/base/visible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visible.js","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAW,OAAO,EAAE,UAAU,EAAE,KAAK,EAAqB,MAAM,aAAa,CAAC;AAErF;;;GAGG;AACH,MAAM,OAAO,wBAAuD,SAAQ,UAAU;IAMpF,YAAY,OAA2B;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACnC,MAAM,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAAC,GAAG,EAAG,CAAC;YAC7C,IAAI,iBAAiB,GAAG,CAAC,EAAE;gBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;aACpB;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACjB;QACH,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;CACF;AAlBU;IAAR,OAAO;yDAAkB;AACjB;IAAR,OAAO;sDAAe;AAEhB;IAAN,KAAK;4DAAqB"}