duoyun-ui 1.1.1 → 1.1.3

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

@@ -1 +1 @@
-{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,qBAAa,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;IAC1E,MAAM,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;gBAEtC,OAAO,GAAE,iBAAiB,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAO;IAsBpE,aAAa;;;MAGX;IAEF,WAAW;;;MAGT;CACH"}
+{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,qBAAa,uBAAuB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;IAC1E,MAAM,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;gBAEtC,OAAO,GAAE,iBAAiB,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAO;IAwBpE,aAAa;;;MAGX;IAEF,WAAW;;;MAGT;CACH"}

package/elements/base/resize.js

@@ -19,14 +19,16 @@ export class DuoyunResizeBaseElement extends GemElement {
             width: 0,
         };
         const { throttle: needThrottle = 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();
-            this.resize(this);
+        const callback = (entryList) => {
+            entryList.forEach((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();
+                this.resize(this);
+            });
         };
         const throttleCallback = needThrottle ? throttle(callback, 300, { leading: true }) : callback;
         this.effect(() => {

package/elements/base/resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAW,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAqB,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,OAAO,uBAAsD,SAAQ,UAAU;IAGnF,YAAY,UAAsD,EAAE;QAClE,KAAK,CAAC,OAAO,CAAC,CAAC;QAqBjB,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;QA5BA,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;YACd,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC;QACF,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC9F,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;AAjCU;IAAR,OAAO;uDAA0C"}
+{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../src/elements/base/resize.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAW,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAqB,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,OAAO,uBAAsD,SAAQ,UAAU;IAGnF,YAAY,UAAsD,EAAE;QAClE,KAAK,CAAC,OAAO,CAAC,CAAC;QAuBjB,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;QA9BA,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;QAClD,MAAM,QAAQ,GAAG,CAAC,SAAgC,EAAE,EAAE;YACpD,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;;gBAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;gBACrC,IAAI,CAAC,aAAa,GAAG,CAAA,MAAA,KAAK,CAAC,aAAa,0CAAG,CAAC,CAAC;oBAC3C,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;oBACxB,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;gBAC/E,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC9F,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;AAnCU;IAAR,OAAO;uDAA0C"}

package/elements/base/visible.d.ts

@@ -1,5 +1,6 @@
 import { Emitter } from '@mantou/gem/lib/decorators';
 import { GemElement, GemElementOptions } from '@mantou/gem/lib/element';
+export declare function visibilityObserver(ele: DuoyunVisibleBaseElement): () => void;
 /**
  * @fires show
  * @fires hide
@@ -8,6 +9,7 @@ export declare class DuoyunVisibleBaseElement<_T = Record<string, unknown>> exte
     show: Emitter;
     hide: Emitter;
     visible: boolean;
+    intersectionRoot?: Element | Document;
     constructor(options?: GemElementOptions);
 }
 //# sourceMappingURL=visible.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"visible.d.ts","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAS,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAExE;;;GAGG;AACH,qBAAa,wBAAwB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;IAC3E,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IAEhB,OAAO,EAAE,OAAO,CAAC;gBAEZ,OAAO,CAAC,EAAE,iBAAiB;CAaxC"}
+{"version":3,"file":"visible.d.ts","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAmB,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAExE,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,wBAAwB,cAiB/D;AAED;;;GAGG;AACH,qBAAa,wBAAwB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,UAAU;IAC3E,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IAEhB,OAAO,EAAE,OAAO,CAAC;IAEd,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;gBAEpC,OAAO,CAAC,EAAE,iBAAiB;CAOxC"}

package/elements/base/visible.js

@@ -4,8 +4,24 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, state } from '@mantou/gem/lib/decorators';
+import { emitter, property, state } from '@mantou/gem/lib/decorators';
 import { GemElement } from '@mantou/gem/lib/element';
+export function visibilityObserver(ele) {
+    const io = new IntersectionObserver((entries) => {
+        entries.forEach(({ intersectionRatio }) => {
+            if (intersectionRatio > 0) {
+                ele.visible = true;
+                ele.show(null);
+            }
+            else {
+                ele.visible = false;
+                ele.hide(null);
+            }
+        });
+    }, { root: ele.intersectionRoot });
+    io.observe(ele);
+    return () => io.disconnect();
+}
 /**
  * @fires show
  * @fires hide
@@ -13,17 +29,7 @@ import { GemElement } from '@mantou/gem/lib/element';
 export class DuoyunVisibleBaseElement extends GemElement {
     constructor(options) {
         super(options);
-        new IntersectionObserver((entries) => {
-            const { intersectionRatio } = entries.pop();
-            if (intersectionRatio > 0) {
-                this.visible = true;
-                this.show(null);
-            }
-            else {
-                this.visible = false;
-                this.hide(null);
-            }
-        }).observe(this);
+        this.effect(() => visibilityObserver(this), () => [this.intersectionRoot]);
     }
 }
 __decorate([
@@ -35,4 +41,7 @@ __decorate([
 __decorate([
     state
 ], DuoyunVisibleBaseElement.prototype, "visible", void 0);
+__decorate([
+    property
+], DuoyunVisibleBaseElement.prototype, "intersectionRoot", void 0);
 //# sourceMappingURL=visible.js.map

package/elements/base/visible.js.map

@@ -1 +1 @@
-{"version":3,"file":"visible.js","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAW,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAqB,MAAM,yBAAyB,CAAC;AAExE;;;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,CAAC;gBAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;CACF;AAlBU;IAAR,OAAO;sDAAe;AACd;IAAR,OAAO;sDAAe;AAEhB;IAAN,KAAK;yDAAkB"}
+{"version":3,"file":"visible.js","sourceRoot":"","sources":["../../src/elements/base/visible.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAW,QAAQ,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAqB,MAAM,yBAAyB,CAAC;AAExE,MAAM,UAAU,kBAAkB,CAAC,GAA6B;IAC9D,MAAM,EAAE,GAAG,IAAI,oBAAoB,CACjC,CAAC,OAAO,EAAE,EAAE;QACV,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE;YACxC,IAAI,iBAAiB,GAAG,CAAC,EAAE,CAAC;gBAC1B,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;gBACnB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;gBACpB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,EAAE,IAAI,EAAE,GAAG,CAAC,gBAAgB,EAAE,CAC/B,CAAC;IACF,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAChB,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;AAC/B,CAAC;AAED;;;GAGG;AACH,MAAM,OAAO,wBAAuD,SAAQ,UAAU;IAQpF,YAAY,OAA2B;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,MAAM,CACT,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAC9B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAC9B,CAAC;IACJ,CAAC;CACF;AAdU;IAAR,OAAO;sDAAe;AACd;IAAR,OAAO;sDAAe;AAEhB;IAAN,KAAK;yDAAkB;AAEd;IAAT,QAAQ;kEAAuC"}

package/elements/base/wake-lock.d.ts

@@ -0,0 +1,8 @@
+/**只要元素显示在屏幕内，屏幕就不会自动熄灭 */
+import { GemElementOptions } from '@mantou/gem/lib/element';
+import { DuoyunVisibleBaseElement } from './visible';
+export declare function wakeLock(ele: DuoyunWakeLockBaseElement): () => Promise<void>;
+export declare class DuoyunWakeLockBaseElement<_T = Record<string, unknown>> extends DuoyunVisibleBaseElement {
+    constructor(options?: GemElementOptions);
+}
+//# sourceMappingURL=wake-lock.d.ts.map

package/elements/base/wake-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wake-lock.d.ts","sourceRoot":"","sources":["../../src/elements/base/wake-lock.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,yBAAyB,uBAgCtD;AAED,qBAAa,yBAAyB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAE,SAAQ,wBAAwB;gBACvF,OAAO,CAAC,EAAE,iBAAiB;CAOxC"}

package/elements/base/wake-lock.js

@@ -0,0 +1,41 @@
+/**只要元素显示在屏幕内，屏幕就不会自动熄灭 */
+import { DuoyunVisibleBaseElement } from './visible';
+export function wakeLock(ele) {
+    let wakeLockPromise = null;
+    const listener = async () => {
+        var _a, _b;
+        if (document.visibilityState === 'visible' && ele.visible) {
+            wakeLockPromise = (_a = navigator.wakeLock) === null || _a === void 0 ? void 0 : _a.request('screen');
+            // log
+            wakeLockPromise === null || wakeLockPromise === void 0 ? void 0 : wakeLockPromise.then((wakeLock) => {
+                // eslint-disable-next-line no-console
+                console.info('wake lock created!');
+                wakeLock.addEventListener('release', () => {
+                    // eslint-disable-next-line no-console
+                    console.info('wake lock released!');
+                });
+            });
+        }
+        else {
+            (_b = (await wakeLockPromise)) === null || _b === void 0 ? void 0 : _b.release();
+        }
+    };
+    // 当页面处于非活动状态时该锁自动失效
+    document.addEventListener('visibilitychange', listener);
+    ele.addEventListener('show', listener);
+    ele.addEventListener('hide', listener);
+    return async () => {
+        var _a;
+        document.removeEventListener('visibilitychange', listener);
+        ele.removeEventListener('show', listener);
+        ele.removeEventListener('hide', listener);
+        (_a = (await wakeLockPromise)) === null || _a === void 0 ? void 0 : _a.release();
+    };
+}
+export class DuoyunWakeLockBaseElement extends DuoyunVisibleBaseElement {
+    constructor(options) {
+        super(options);
+        this.effect(() => wakeLock(this), () => []);
+    }
+}
+//# sourceMappingURL=wake-lock.js.map

package/elements/base/wake-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wake-lock.js","sourceRoot":"","sources":["../../src/elements/base/wake-lock.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAI1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,MAAM,UAAU,QAAQ,CAAC,GAA8B;IACrD,IAAI,eAAe,GAAqC,IAAI,CAAC;IAE7D,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;;QAC1B,IAAI,QAAQ,CAAC,eAAe,KAAK,SAAS,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAC1D,eAAe,GAAG,MAAA,SAAS,CAAC,QAAQ,0CAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;YAExD,MAAM;YACN,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACjC,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;gBACnC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;oBACxC,sCAAsC;oBACtC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;gBACtC,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,MAAA,CAAC,MAAM,eAAe,CAAC,0CAAE,OAAO,EAAE,CAAC;QACrC,CAAC;IACH,CAAC,CAAC;IAEF,oBAAoB;IACpB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IACxD,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvC,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvC,OAAO,KAAK,IAAI,EAAE;;QAChB,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;QAC3D,GAAG,CAAC,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC1C,GAAG,CAAC,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAE1C,MAAA,CAAC,MAAM,eAAe,CAAC,0CAAE,OAAO,EAAE,CAAC;IACrC,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,yBAAwD,SAAQ,wBAAwB;IACnG,YAAY,OAA2B;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,MAAM,CACT,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EACpB,GAAG,EAAE,CAAC,EAAE,CACT,CAAC;IACJ,CAAC;CACF"}

package/elements/list.d.ts

@@ -1,32 +1,72 @@
+import { RefObject, Emitter } from '@mantou/gem/lib/decorators';
 import { GemElement, TemplateResult } from '@mantou/gem/lib/element';
 import type { Status } from './status-light';
+import { DuoyunVisibleBaseElement } from './base/visible';
+import { DuoyunResizeBaseElement } from './base/resize';
 import './avatar';
 import './divider';
-type Item = {
+export type Item = {
     title: string | TemplateResult;
     description?: string | TemplateResult;
     avatar?: string | TemplateResult;
     status?: Status;
 };
+type Key = string | number;
+type State = {
+    beforeHeight: number;
+    renderList: Key[];
+    afterHeight: number;
+};
+export type PersistentState = State & {
+    scrollTop: number;
+};
+export declare class DuoyunOutsideElement extends DuoyunVisibleBaseElement {
+}
 /**
  * @customElement dy-list
  */
-export declare class DuoyunListElement extends GemElement {
+export declare class DuoyunListElement extends GemElement<State> {
     #private;
+    static item: string;
+    static beforeOutside: string;
+    static afterOutside: string;
+    static before: string;
+    static after: string;
     /**@deprecated */
-    data?: Item[];
-    items?: Item[];
-    renderItem?: (item: Item) => TemplateResult;
+    data?: any[];
+    items?: any[];
+    renderItem?: (item: any) => TemplateResult;
+    /**enable infinite scroll */
+    infinite: boolean;
+    /**If infinite scrolling is enabled, this method must be provided */
+    getKey?: (item: any) => Key;
+    forward: Emitter;
+    backward: Emitter;
+    itemshow: Emitter<any>;
+    beforeItemRef: RefObject<DuoyunOutsideElement>;
+    afterItemRef: RefObject<DuoyunOutsideElement>;
     constructor();
+    state: State;
+    willMount: () => void;
+    mounted: () => void;
     render: () => TemplateResult;
+    set persistentState(initState: PersistentState | undefined);
+    get persistentState(): PersistentState;
+    scrollContainer: HTMLElement;
 }
 /**
  * @customElement dy-list-item
  */
-export declare class DuoyunListItemElement extends GemElement {
-    item?: Item;
-    renderItem?: (item: Item) => TemplateResult;
+export declare class DuoyunListItemElement extends DuoyunResizeBaseElement implements DuoyunVisibleBaseElement {
+    #private;
+    show: Emitter;
+    hide: Emitter;
+    visible: boolean;
+    intersectionRoot?: Element | Document;
+    item?: any;
+    renderItem?: (item: any) => TemplateResult;
     constructor();
+    willMount(): void | Promise<void>;
     render: () => TemplateResult;
 }
 export {};

package/elements/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../src/elements/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAK3E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,UAAU,CAAC;AAClB,OAAO,WAAW,CAAC;AAEnB,KAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAWF;;GAEG;AACH,qBAEa,iBAAkB,SAAQ,UAAU;;IAC/C,iBAAiB;IACP,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;;IAWtD,MAAM,uBAOJ;CACH;AA4BD;;GAEG;AACH,qBAEa,qBAAsB,SAAQ,UAAU;IACzC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;;IAOtD,MAAM,uBAoBJ;CACH"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../src/elements/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,SAAS,EAET,OAAO,EAER,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAQ3E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,wBAAwB,EAAsB,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,UAAU,CAAC;AAClB,OAAO,WAAW,CAAC;AAEnB,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3B,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG;IACpC,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,qBAEa,oBAAqB,SAAQ,wBAAwB;CAAG;AAQrE;;GAEG;AACH,qBAGa,iBAAkB,SAAQ,UAAU,CAAC,KAAK,CAAC;;IAChD,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC;IAC3B,iBAAiB;IACP,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,cAAc,CAAC;IAErD,4BAA4B;IACb,QAAQ,EAAE,OAAO,CAAC;IACjC,oEAAoE;IAC1D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACrB,aAAa,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAC/C,YAAY,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC;;IAmBzD,KAAK,EAAE,KAAK,CAIV;IAuPF,SAAS,aAyCP;IAEF,OAAO,aAeL;IAEF,MAAM,uBAiCJ;IAEF,IAAI,eAAe,CAAC,SAAS,EAAE,eAAe,GAAG,SAAS,EAEzD;IAED,IAAI,eAAe,IAAI,eAAe,CAKrC;IAGD,eAAe,cAA4B;CAC5C;AAiCD;;GAEG;AACH,qBAGa,qBAAsB,SAAQ,uBAAwB,YAAW,wBAAwB;;IAC3F,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IAEhB,OAAO,EAAE,OAAO,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAEtC,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,cAAc,CAAC;;IAYrD,SAAS,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAOjC,MAAM,uBAuBJ;CACH"}