duoyun-ui 2.2.2 → 2.2.8

package/elements/list.js

@@ -32,607 +32,13 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { logger } from '@mantou/gem/helper/logger';
-import { adoptedStyle, aria, boolattribute, customElement, effect, emitter, light, memo, mounted, part, property, shadow, slot, state, willMount, } from '@mantou/gem/lib/decorators';
-import { createRef, createState, css, GemElement, html } from '@mantou/gem/lib/element';
-import { addListener, LinkedList, styled, styleMap } from '@mantou/gem/lib/utils';
-import { findScrollContainer } from '../lib/element';
-import { blockContainer } from '../lib/styles';
+import { adoptedStyle, customElement, property } from '@mantou/gem/lib/decorators';
+import { css, html } from '@mantou/gem/lib/element';
+import { styled } from '@mantou/gem/lib/utils';
+import { TapListElement } from '@mantou/tap-ui/elements/list';
 import { theme } from '../lib/theme';
-import { once, throttle } from '../lib/timer';
-import { DuoyunResizeBaseElement } from './base/resize';
-import { DuoyunVisibleBaseElement, visibilityObserver } from './base/visible';
 import './avatar';
 import './divider';
-let DuoyunOutsideElement = (() => {
-    let _classDecorators = [customElement('dy-list-outside'), adoptedStyle(blockContainer)];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = DuoyunVisibleBaseElement;
-    var DuoyunOutsideElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            DuoyunOutsideElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-    };
-    return DuoyunOutsideElement = _classThis;
-})();
-export { DuoyunOutsideElement };
-const styles = css `
-  :host([infinite]),
-  * {
-    overflow-anchor: none;
-  }
-  .list {
-    display: contents;
-  }
-  dy-list-outside,
-  .placeholder,
-  ::slotted(*) {
-    grid-column: 1/-1;
-  }
-`;
-let DuoyunListElement = (() => {
-    var _a;
-    let _classDecorators = [customElement('dy-list'), adoptedStyle(styles), adoptedStyle(blockContainer), shadow({ delegatesFocus: true }), aria({ role: 'list' })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = GemElement;
-    let _static_list_decorators;
-    let _static_list_initializers = [];
-    let _static_list_extraInitializers = [];
-    let _static_item_decorators;
-    let _static_item_initializers = [];
-    let _static_item_extraInitializers = [];
-    let _static_beforeOutside_decorators;
-    let _static_beforeOutside_initializers = [];
-    let _static_beforeOutside_extraInitializers = [];
-    let _static_afterOutside_decorators;
-    let _static_afterOutside_initializers = [];
-    let _static_afterOutside_extraInitializers = [];
-    let _static_before_decorators;
-    let _static_before_initializers = [];
-    let _static_before_extraInitializers = [];
-    let _static_after_decorators;
-    let _static_after_initializers = [];
-    let _static_after_extraInitializers = [];
-    let _data_decorators;
-    let _data_initializers = [];
-    let _data_extraInitializers = [];
-    let _items_decorators;
-    let _items_initializers = [];
-    let _items_extraInitializers = [];
-    let _backward_decorators;
-    let _backward_initializers = [];
-    let _backward_extraInitializers = [];
-    let _key_decorators;
-    let _key_initializers = [];
-    let _key_extraInitializers = [];
-    let _renderItem_decorators;
-    let _renderItem_initializers = [];
-    let _renderItem_extraInitializers = [];
-    let _debug_decorators;
-    let _debug_initializers = [];
-    let _debug_extraInitializers = [];
-    let _infinite_decorators;
-    let _infinite_initializers = [];
-    let _infinite_extraInitializers = [];
-    let _getKey_decorators;
-    let _getKey_initializers = [];
-    let _getKey_extraInitializers = [];
-    let _forward_decorators;
-    let _forward_initializers = [];
-    let _forward_extraInitializers = [];
-    let _itemshow_decorators;
-    let _itemshow_initializers = [];
-    let _itemshow_extraInitializers = [];
-    let _private_updateState_decorators;
-    let _private_updateState_initializers = [];
-    let _private_updateState_extraInitializers = [];
-    let _private_initMap_decorators;
-    let _private_initMap_initializers = [];
-    let _private_initMap_extraInitializers = [];
-    let _private_updateItem_decorators;
-    let _private_updateItem_initializers = [];
-    let _private_updateItem_extraInitializers = [];
-    let _private_preLayout_decorators;
-    let _private_preLayout_initializers = [];
-    let _private_preLayout_extraInitializers = [];
-    let _private_init_decorators;
-    let _private_init_initializers = [];
-    let _private_init_extraInitializers = [];
-    let _private_listener_decorators;
-    let _private_listener_initializers = [];
-    let _private_listener_extraInitializers = [];
-    let _private_check_decorators;
-    let _private_check_initializers = [];
-    let _private_check_extraInitializers = [];
-    var DuoyunListElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _static_list_decorators = [part];
-            _static_item_decorators = [part];
-            _static_beforeOutside_decorators = [part];
-            _static_afterOutside_decorators = [part];
-            _static_before_decorators = [slot];
-            _static_after_decorators = [slot];
-            _data_decorators = [property];
-            _items_decorators = [property];
-            _backward_decorators = [emitter];
-            _key_decorators = [property];
-            _renderItem_decorators = [property];
-            _debug_decorators = [boolattribute];
-            _infinite_decorators = [boolattribute];
-            _getKey_decorators = [property];
-            _forward_decorators = [emitter];
-            _itemshow_decorators = [emitter];
-            _private_updateState_decorators = [willMount()];
-            _private_initMap_decorators = [memo((i) => [i.#items, i.infinite])];
-            _private_updateItem_decorators = [memo((i) => [i.#items])];
-            _private_preLayout_decorators = [memo((i) => [i.infinite])];
-            _private_init_decorators = [mounted()];
-            _private_listener_decorators = [effect()];
-            _private_check_decorators = [effect((i) => [i.#items])];
-            __esDecorate(null, null, _static_list_decorators, { kind: "field", name: "list", static: true, private: false, access: { has: obj => "list" in obj, get: obj => obj.list, set: (obj, value) => { obj.list = value; } }, metadata: _metadata }, _static_list_initializers, _static_list_extraInitializers);
-            __esDecorate(null, null, _static_item_decorators, { kind: "field", name: "item", static: true, private: false, access: { has: obj => "item" in obj, get: obj => obj.item, set: (obj, value) => { obj.item = value; } }, metadata: _metadata }, _static_item_initializers, _static_item_extraInitializers);
-            __esDecorate(null, null, _static_beforeOutside_decorators, { kind: "field", name: "beforeOutside", static: true, private: false, access: { has: obj => "beforeOutside" in obj, get: obj => obj.beforeOutside, set: (obj, value) => { obj.beforeOutside = value; } }, metadata: _metadata }, _static_beforeOutside_initializers, _static_beforeOutside_extraInitializers);
-            __esDecorate(null, null, _static_afterOutside_decorators, { kind: "field", name: "afterOutside", static: true, private: false, access: { has: obj => "afterOutside" in obj, get: obj => obj.afterOutside, set: (obj, value) => { obj.afterOutside = value; } }, metadata: _metadata }, _static_afterOutside_initializers, _static_afterOutside_extraInitializers);
-            __esDecorate(null, null, _static_before_decorators, { kind: "field", name: "before", static: true, private: false, access: { has: obj => "before" in obj, get: obj => obj.before, set: (obj, value) => { obj.before = value; } }, metadata: _metadata }, _static_before_initializers, _static_before_extraInitializers);
-            __esDecorate(null, null, _static_after_decorators, { kind: "field", name: "after", static: true, private: false, access: { has: obj => "after" in obj, get: obj => obj.after, set: (obj, value) => { obj.after = value; } }, metadata: _metadata }, _static_after_initializers, _static_after_extraInitializers);
-            __esDecorate(null, null, _data_decorators, { kind: "field", name: "data", static: false, private: false, access: { has: obj => "data" in obj, get: obj => obj.data, set: (obj, value) => { obj.data = value; } }, metadata: _metadata }, _data_initializers, _data_extraInitializers);
-            __esDecorate(null, null, _items_decorators, { kind: "field", name: "items", static: false, private: false, access: { has: obj => "items" in obj, get: obj => obj.items, set: (obj, value) => { obj.items = value; } }, metadata: _metadata }, _items_initializers, _items_extraInitializers);
-            __esDecorate(null, null, _backward_decorators, { kind: "field", name: "backward", static: false, private: false, access: { has: obj => "backward" in obj, get: obj => obj.backward, set: (obj, value) => { obj.backward = value; } }, metadata: _metadata }, _backward_initializers, _backward_extraInitializers);
-            __esDecorate(null, null, _key_decorators, { kind: "field", name: "key", static: false, private: false, access: { has: obj => "key" in obj, get: obj => obj.key, set: (obj, value) => { obj.key = value; } }, metadata: _metadata }, _key_initializers, _key_extraInitializers);
-            __esDecorate(null, null, _renderItem_decorators, { kind: "field", name: "renderItem", static: false, private: false, access: { has: obj => "renderItem" in obj, get: obj => obj.renderItem, set: (obj, value) => { obj.renderItem = value; } }, metadata: _metadata }, _renderItem_initializers, _renderItem_extraInitializers);
-            __esDecorate(null, null, _debug_decorators, { kind: "field", name: "debug", static: false, private: false, access: { has: obj => "debug" in obj, get: obj => obj.debug, set: (obj, value) => { obj.debug = value; } }, metadata: _metadata }, _debug_initializers, _debug_extraInitializers);
-            __esDecorate(null, null, _infinite_decorators, { kind: "field", name: "infinite", static: false, private: false, access: { has: obj => "infinite" in obj, get: obj => obj.infinite, set: (obj, value) => { obj.infinite = value; } }, metadata: _metadata }, _infinite_initializers, _infinite_extraInitializers);
-            __esDecorate(null, null, _getKey_decorators, { kind: "field", name: "getKey", static: false, private: false, access: { has: obj => "getKey" in obj, get: obj => obj.getKey, set: (obj, value) => { obj.getKey = value; } }, metadata: _metadata }, _getKey_initializers, _getKey_extraInitializers);
-            __esDecorate(null, null, _forward_decorators, { kind: "field", name: "forward", static: false, private: false, access: { has: obj => "forward" in obj, get: obj => obj.forward, set: (obj, value) => { obj.forward = value; } }, metadata: _metadata }, _forward_initializers, _forward_extraInitializers);
-            __esDecorate(null, null, _itemshow_decorators, { kind: "field", name: "itemshow", static: false, private: false, access: { has: obj => "itemshow" in obj, get: obj => obj.itemshow, set: (obj, value) => { obj.itemshow = value; } }, metadata: _metadata }, _itemshow_initializers, _itemshow_extraInitializers);
-            __esDecorate(null, null, _private_updateState_decorators, { kind: "field", name: "#updateState", static: false, private: true, access: { has: obj => #updateState in obj, get: obj => obj.#updateState, set: (obj, value) => { obj.#updateState = value; } }, metadata: _metadata }, _private_updateState_initializers, _private_updateState_extraInitializers);
-            __esDecorate(null, null, _private_initMap_decorators, { kind: "field", name: "#initMap", static: false, private: true, access: { has: obj => #initMap in obj, get: obj => obj.#initMap, set: (obj, value) => { obj.#initMap = value; } }, metadata: _metadata }, _private_initMap_initializers, _private_initMap_extraInitializers);
-            __esDecorate(null, null, _private_updateItem_decorators, { kind: "field", name: "#updateItem", static: false, private: true, access: { has: obj => #updateItem in obj, get: obj => obj.#updateItem, set: (obj, value) => { obj.#updateItem = value; } }, metadata: _metadata }, _private_updateItem_initializers, _private_updateItem_extraInitializers);
-            __esDecorate(null, null, _private_preLayout_decorators, { kind: "field", name: "#preLayout", static: false, private: true, access: { has: obj => #preLayout in obj, get: obj => obj.#preLayout, set: (obj, value) => { obj.#preLayout = value; } }, metadata: _metadata }, _private_preLayout_initializers, _private_preLayout_extraInitializers);
-            __esDecorate(null, null, _private_init_decorators, { kind: "field", name: "#init", static: false, private: true, access: { has: obj => #init in obj, get: obj => obj.#init, set: (obj, value) => { obj.#init = value; } }, metadata: _metadata }, _private_init_initializers, _private_init_extraInitializers);
-            __esDecorate(null, null, _private_listener_decorators, { kind: "field", name: "#listener", static: false, private: true, access: { has: obj => #listener in obj, get: obj => obj.#listener, set: (obj, value) => { obj.#listener = value; } }, metadata: _metadata }, _private_listener_initializers, _private_listener_extraInitializers);
-            __esDecorate(null, null, _private_check_decorators, { kind: "field", name: "#check", static: false, private: true, access: { has: obj => #check in obj, get: obj => obj.#check, set: (obj, value) => { obj.#check = value; } }, metadata: _metadata }, _private_check_initializers, _private_check_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            DuoyunListElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static list = __runInitializers(_classThis, _static_list_initializers, void 0);
-        static item = (__runInitializers(_classThis, _static_list_extraInitializers), __runInitializers(_classThis, _static_item_initializers, void 0));
-        static beforeOutside = (__runInitializers(_classThis, _static_item_extraInitializers), __runInitializers(_classThis, _static_beforeOutside_initializers, void 0));
-        static afterOutside = (__runInitializers(_classThis, _static_beforeOutside_extraInitializers), __runInitializers(_classThis, _static_afterOutside_initializers, void 0));
-        static before = (__runInitializers(_classThis, _static_afterOutside_extraInitializers), __runInitializers(_classThis, _static_before_initializers, void 0));
-        static after = (__runInitializers(_classThis, _static_before_extraInitializers), __runInitializers(_classThis, _static_after_initializers, void 0));
-        /**@deprecated */
-        data = __runInitializers(this, _data_initializers, void 0);
-        items = (__runInitializers(this, _data_extraInitializers), __runInitializers(this, _items_initializers, void 0));
-        backward = (__runInitializers(this, _items_extraInitializers), __runInitializers(this, _backward_initializers, void 0)); // 滚动到最后触发
-        key = (__runInitializers(this, _backward_extraInitializers), __runInitializers(this, _key_initializers, void 0)); // 除了 items 提供另外一种方式来更新
-        renderItem = (__runInitializers(this, _key_extraInitializers), __runInitializers(this, _renderItem_initializers, void 0));
-        debug = (__runInitializers(this, _renderItem_extraInitializers), __runInitializers(this, _debug_initializers, void 0));
-        /**enable infinite scroll, virtualization render */
-        infinite = (__runInitializers(this, _debug_extraInitializers), __runInitializers(this, _infinite_initializers, void 0));
-        /**If infinite scrolling is enabled, this method must be provided */
-        getKey = (__runInitializers(this, _infinite_extraInitializers), __runInitializers(this, _getKey_initializers, void 0));
-        /**only infinite */
-        forward = (__runInitializers(this, _getKey_extraInitializers), __runInitializers(this, _forward_initializers, void 0));
-        /**only infinite */
-        itemshow = (__runInitializers(this, _forward_extraInitializers), __runInitializers(this, _itemshow_initializers, void 0));
-        #beforeItemRef = (__runInitializers(this, _itemshow_extraInitializers), createRef());
-        #afterItemRef = createRef();
-        #listRef = createRef();
-        get #items() {
-            return this.items || this.data;
-        }
-        get #beforeVisible() {
-            return this.#beforeItemRef.value?.visible;
-        }
-        get #afterVisible() {
-            return this.#afterItemRef.value?.visible;
-        }
-        // 防止网格布局渲染不是整数行
-        get #appendCount() {
-            return this.#itemCountPerScreen - (this.#state.renderList.length % this.#itemColumnCount);
-        }
-        #state = createState({
-            beforeHeight: 0,
-            renderList: [],
-            afterHeight: 0,
-        });
-        #itemLinked = new LinkedList();
-        #prevItemLinked = new LinkedList();
-        #keyItemMap = new Map();
-        #initState;
-        #updateState = __runInitializers(this, _private_updateState_initializers, () => {
-            if (this.infinite)
-                this.#setState({ ...this.#initState });
-        });
-        #initMap = (__runInitializers(this, _private_updateState_extraInitializers), __runInitializers(this, _private_initMap_initializers, () => {
-            if (!this.infinite)
-                return;
-            this.#prevItemLinked = this.#itemLinked;
-            this.#itemLinked = new LinkedList();
-            this.#keyItemMap = new Map();
-            this.#items?.forEach((item) => {
-                const key = this.getKey(item);
-                this.#keyItemMap.set(key, item);
-                this.#itemLinked.add(key);
-            });
-        }));
-        #updateItem = (__runInitializers(this, _private_initMap_extraInitializers), __runInitializers(this, _private_updateItem_initializers, ([items], oldDeps) => {
-            if (!this.infinite)
-                return;
-            if (this.#itemLinked.isSuperLinkOf(this.#prevItemLinked)) {
-                // 是父集 items 就肯定有内容
-                this.#appendItems(items, oldDeps?.at(0));
-            }
-            else {
-                // 列表改了，需要重排
-                this.#setState({ beforeHeight: 0, renderList: [], afterHeight: 0 });
-                this.#reLayout();
-            }
-        }));
-        // 切换 infinite 时，在渲染前进行重排，以使用正确的 scrollTop
-        #preLayout = (__runInitializers(this, _private_updateItem_extraInitializers), __runInitializers(this, _private_preLayout_initializers, (_, oldDeps) => oldDeps && this.infinite && this.#reLayout()));
-        #log = (__runInitializers(this, _private_preLayout_extraInitializers), (...args) => {
-            this.debug && logger.info(...args);
-        });
-        #isEnd = (direction) => {
-            const item = this.#items?.at(direction);
-            const key = this.#state.renderList.at(direction);
-            return (item === undefined && key === undefined) || key === this.getKey(item);
-        };
-        #getRowHeight = (ele) => (ele ? ele.borderBoxSize.blockSize : this.#itemHeight) + this.#rowGap;
-        #setState = (newState) => {
-            this.#log(newState);
-            this.#state(newState);
-        };
-        #isLeftItem = (count) => !(count % this.#itemColumnCount);
-        // 没有渲染内容时
-        #reLayout = (options = {}) => {
-            this.#log('reLayout', options);
-            const { beforeHeight, afterHeight, renderList } = this.#state;
-            // 初始状态
-            if (!renderList.length && !beforeHeight && !afterHeight) {
-                this.#appendAfter(this.#itemLinked.first);
-                return;
-            }
-            const list = [];
-            const thisRect = this.getBoundingClientRect();
-            const containerRect = this.scrollContainer.getBoundingClientRect();
-            // Padding?
-            const firstElementY = this === this.scrollContainer ? thisRect.top - this.scrollTop : thisRect.top;
-            // 上下安全余量
-            const safeHeight = containerRect.height;
-            let beforeHeightSum = 0;
-            let renderHeightSum = 0;
-            let afterHeightSum = 0;
-            let node = this.#itemLinked.first;
-            let count = 0;
-            let pushed = false;
-            while (node) {
-                const ele = this.#getElement(node.value);
-                // 修正那些尚未显示的元素高度，只适用于高度相同的情况
-                // 因为之后触发 before visible 需要用到
-                if (options.resize)
-                    ele.borderBoxSize.blockSize = this.#itemHeight;
-                const isLeft = this.#isLeftItem(count);
-                const currentItemHeight = this.#getRowHeight(ele);
-                const y = firstElementY + beforeHeightSum + renderHeightSum;
-                const realY = isLeft ? y + currentItemHeight : y;
-                const appendHeight = isLeft ? currentItemHeight : 0;
-                if (pushed || realY > containerRect.bottom + safeHeight) {
-                    pushed = true;
-                    afterHeightSum += appendHeight;
-                }
-                else if (realY > containerRect.top - safeHeight) {
-                    list.push(node.value);
-                    renderHeightSum += appendHeight;
-                }
-                else {
-                    beforeHeightSum += appendHeight;
-                }
-                count++;
-                node = node.next;
-                // 让没有渲染过的项目至少存在一个，预留一点滚动空间
-                if (!ele.borderBoxSize.blockSize) {
-                    break;
-                }
-            }
-            this.#setState({ beforeHeight: beforeHeightSum, renderList: list, afterHeight: afterHeightSum });
-            if (options.silent)
-                return;
-            // 如果滚动到最前/后时
-            if (this.#isEnd(0)) {
-                this.forward(null);
-            }
-            if (this.#isEnd(-1)) {
-                this.backward(null);
-            }
-        };
-        #onBeforeItemVisible = () => {
-            this.#log('onBeforeItemVisible');
-            if (this.#isEnd(0)) {
-                this.#setState({ beforeHeight: 0 });
-                this.forward(null);
-                return;
-            }
-            // 隐藏后面不可见的
-            let afterHeight = 0;
-            let len = this.#state.renderList.length;
-            let count = 0;
-            for (let i = len - 1; i >= 0; i--) {
-                const ele = this.#getElement(this.#state.renderList[i]);
-                if (!ele.visible) {
-                    if (this.#isLeftItem(count))
-                        afterHeight += this.#getRowHeight(ele);
-                    len--;
-                }
-                count++;
-            }
-            this.#setState({
-                // 同一行 visible 值可能不一样，但高度已经被计算
-                renderList: this.#state.renderList.splice(0, len - (len % this.#itemColumnCount)),
-                afterHeight: this.#state.afterHeight + afterHeight,
-            });
-            const newRenderedFirstKey = this.#state.renderList.at(0);
-            if (!newRenderedFirstKey) {
-                this.#reLayout();
-                return;
-            }
-            // 显示前面的
-            this.#appendBefore(this.#itemLinked.find(newRenderedFirstKey)?.prev);
-        };
-        #appendBefore = (startNode) => {
-            const appendList = [];
-            let node = startNode;
-            let beforeHeight = 0;
-            for (let i = 0; i < this.#appendCount; i++) {
-                if (!node)
-                    break;
-                if (this.#isLeftItem(i))
-                    beforeHeight += this.#getRowHeight(this.#getElement(node.value));
-                appendList.unshift(node.value);
-                node = node.prev;
-            }
-            this.#setState({
-                renderList: appendList.concat(this.#state.renderList),
-                // itemHeight 改变，这里可能为负值，需要矫正？
-                beforeHeight: Math.max(0, this.#state.beforeHeight - beforeHeight),
-            });
-        };
-        #appendItems = (items, oldItems) => {
-            if (!oldItems)
-                return;
-            const oldFirst = oldItems.at(0);
-            let beforeHeight = 0;
-            if (oldFirst) {
-                for (let i = 0; i < items.length; i++) {
-                    if (this.getKey(items[i]) === this.getKey(oldFirst))
-                        break;
-                    if (this.#isLeftItem(i))
-                        beforeHeight += this.#getRowHeight();
-                }
-            }
-            if (beforeHeight) {
-                // 有向前（上）加载数据，必须是列数的倍数
-                this.#setState({ beforeHeight: this.#state.beforeHeight + beforeHeight });
-                // 等待渲染后再滚动
-                queueMicrotask(() => {
-                    this.scrollContainer.scrollBy({
-                        left: 0,
-                        top: beforeHeight,
-                        behavior: 'instant',
-                    });
-                });
-            }
-        };
-        #onAfterItemVisible = () => {
-            this.#log('onAfterItemVisible');
-            if (!this.infinite || this.#isEnd(-1)) {
-                this.#setState({ afterHeight: 0 });
-                this.backward(null);
-                return;
-            }
-            // 隐藏前面不可见的
-            let len = 0;
-            let beforeHeight = 0;
-            let count = 0;
-            for (const key of this.#state.renderList) {
-                const ele = this.#getElement(key);
-                if (!ele.visible) {
-                    len++;
-                    if (this.#isLeftItem(count))
-                        beforeHeight += this.#getRowHeight(ele);
-                }
-                count++;
-            }
-            // 同一行 visible 值可能不一样，但高度已经被计算
-            const mod = len % this.#itemColumnCount;
-            const difference = mod ? this.#itemColumnCount - mod : 0;
-            this.#setState({
-                renderList: this.#state.renderList.splice(len + difference),
-                beforeHeight: this.#state.beforeHeight + beforeHeight,
-            });
-            const newRenderedLastKey = this.#state.renderList.at(-1);
-            if (!newRenderedLastKey) {
-                this.#reLayout();
-                return;
-            }
-            // 显示后面的
-            this.#appendAfter(this.#itemLinked.find(newRenderedLastKey)?.next);
-        };
-        #appendAfter = (node) => {
-            const appendList = [];
-            let afterHeight = 0;
-            for (let i = 0; i < this.#appendCount; i++) {
-                if (!node)
-                    break;
-                appendList.push(node.value);
-                if (this.#isLeftItem(i))
-                    afterHeight += this.#getRowHeight(this.#getElement(node.value));
-                node = node.next;
-            }
-            this.#setState({
-                renderList: this.#state.renderList.concat(appendList),
-                afterHeight: Math.max(0, this.#state.afterHeight - afterHeight),
-            });
-        };
-        // 初次渲染可能没有排满, 初始值 itemCountPerScreen 一般能够排满
-        // 不重复执行
-        // 延迟执行确保读取 afterVisible 正确
-        #initCheckOnce = once((silent) => setTimeout(() => this.#afterVisible && this.#reLayout({ silent }), 60));
-        // 用于计算那些没有显示过的元素，item 高度不一致时需要用户提供函数？
-        #itemHeight = 0;
-        #itemColumnCount = 1;
-        #rowGap = 0;
-        #columnGap = 0;
-        // 跟用户初始 Items 长度相同会触发两次 backward 事件，用户配置？
-        #itemCountPerScreen = 19;
-        // 初次渲染
-        #initLayout = (ele) => {
-            this.#initCheckOnce(this.items.length > this.#itemCountPerScreen);
-            const style = getComputedStyle(this.#listRef.value);
-            const thisGrid = getComputedStyle(this);
-            this.#rowGap = parseFloat(style.rowGap) || parseFloat(thisGrid.rowGap) || 0;
-            this.#columnGap = parseFloat(style.columnGap) || parseFloat(thisGrid.columnGap) || 0;
-            this.#itemColumnCount = Math.round(this.clientWidth / (ele.borderBoxSize.inlineSize + this.#columnGap));
-            this.#itemHeight = ele.borderBoxSize.blockSize;
-            this.#itemCountPerScreen =
-                Math.ceil(this.scrollContainer.clientHeight / this.#getRowHeight(ele)) * this.#itemColumnCount;
-        };
-        #onItemResizeInit = throttle(this.#initLayout, 1000, { leading: true });
-        #onItemResize = ({ target }) => {
-            const ele = target;
-            if (!ele.borderBoxSize.blockSize)
-                return;
-            this.#onItemResizeInit(ele);
-            // 视口宽度改变导致的 Resize，使用 `itemHeight` 是避免滚动时再次触发
-            // Chrome 有精度问题
-            if (this.#itemHeight && Math.abs(this.#itemHeight - ele.borderBoxSize.blockSize) > 1) {
-                this.#reLayoutByResize(ele);
-            }
-        };
-        #reLayoutByResize = throttle((ele) => {
-            this.#initLayout(ele);
-            this.#reLayout({ resize: true });
-        }, 200);
-        #keyElementMap = new Map();
-        #getElement = (key) => {
-            if (!this.#keyElementMap.has(key)) {
-                const ele = new DuoyunListItemElement();
-                ele.setAttribute('part', DuoyunListElement.item);
-                ele.addEventListener('resize', this.#onItemResize);
-                ele.addEventListener('show', () => this.itemshow(this.#keyItemMap.get(key)));
-                ele.intersectionRoot = this.scrollContainer;
-                // 赋值初始值，用于没渲染的计算高度
-                ele.borderBoxSize.blockSize = this.#itemHeight;
-                this.#keyElementMap.set(key, ele);
-            }
-            const ele = this.#keyElementMap.get(key);
-            ele.item = this.#keyItemMap.get(key);
-            ele.key = this.key;
-            ele.renderItem = this.renderItem;
-            return ele;
-        };
-        #reCheck = () => {
-            if (this.#beforeVisible)
-                this.#onBeforeItemVisible();
-            if (this.#afterVisible)
-                this.#onAfterItemVisible();
-        };
-        // 用于保证渲染内容，但不应该运行太频繁
-        #onScroll = throttle(() => {
-            const { renderList } = this.#state;
-            if (renderList.length && renderList.every((key) => !this.#getElement(key).visible)) {
-                this.#reLayout();
-            }
-            else {
-                // 防止只显示半屏
-                this.#reCheck();
-            }
-        }, 110, { maxWait: 120 });
-        #init = __runInitializers(this, _private_init_initializers, () => {
-            this.scrollContainer = findScrollContainer(this) || document.documentElement;
-            if (this.#initState)
-                this.scrollContainer.scrollTo(0, this.#initState.scrollTop);
-        });
-        #listener = (__runInitializers(this, _private_init_extraInitializers), __runInitializers(this, _private_listener_initializers, () => {
-            if (!this.infinite)
-                return;
-            return addListener(this.scrollContainer, 'scroll', this.#onScroll);
-        }));
-        // 已经等到新值需要检查
-        #check = (__runInitializers(this, _private_listener_extraInitializers), __runInitializers(this, _private_check_initializers, () => this.infinite && this.#reCheck()));
-        render = (__runInitializers(this, _private_check_extraInitializers), () => {
-            const { beforeHeight, afterHeight, renderList } = this.#state;
-            return html `
-      <slot name=${DuoyunListElement.before}></slot>
-      <dy-list-outside
-        ${this.#beforeItemRef}
-        v-if=${this.infinite}
-        part=${DuoyunListElement.beforeOutside}
-        .intersectionRoot=${this.scrollContainer}
-        @show=${this.#onBeforeItemVisible}
-        style=${styleMap({ height: `${beforeHeight}px` })}
-      ></dy-list-outside>
-      <div ${this.#listRef} class="list" part=${DuoyunListElement.list}>
-        ${this.infinite
-                ? renderList.map((key) => this.#getElement(key))
-                : this.#items?.map((item) => html `
-                <dy-list-item
-                  part=${DuoyunListElement.item}
-                  .item=${item}
-                  .key=${this.key}
-                  .renderItem=${this.renderItem}
-                ></dy-list-item>
-              `)}
-      </div>
-      <dy-list-outside
-        ${this.#afterItemRef}
-        part=${DuoyunListElement.afterOutside}
-        .intersectionRoot=${this.scrollContainer}
-        @show=${this.#onAfterItemVisible}
-        style=${styleMap({ height: `${afterHeight}px` })}
-      >
-      </dy-list-outside>
-      <slot name=${DuoyunListElement.after}>
-        <!-- 无限滚动时避免找不到 "dy-list-outside", e.g: dy-list docs -->
-        <div class="placeholder" style="height: 1px"></div>
-      </slot>
-    `;
-        });
-        /**Setter: initState */
-        set persistentState(initState) {
-            this.#initState = initState;
-        }
-        /**Getter */
-        get persistentState() {
-            return {
-                ...this.#state,
-                scrollTop: this.scrollContainer.scrollTop,
-            };
-        }
-        // 切换容器？
-        scrollContainer = document.documentElement;
-        static {
-            __runInitializers(_classThis, _static_after_extraInitializers);
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-    };
-    return DuoyunListElement = _classThis;
-})();
-export { DuoyunListElement };
 const itemStyle = css({
     // 避免该样式干扰用户样式
     item: styled `
@@ -664,75 +70,30 @@ const itemStyle = css({
     }
   `,
 });
-let DuoyunListItemElement = (() => {
-    let _classDecorators = [customElement('dy-list-item'), adoptedStyle(blockContainer), adoptedStyle(itemStyle), aria({ role: 'listitem' }), light({ penetrable: true })];
+let DuoyunListElement = (() => {
+    let _classDecorators = [customElement('dy-list'), adoptedStyle(itemStyle)];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = DuoyunResizeBaseElement;
-    let _show_decorators;
-    let _show_initializers = [];
-    let _show_extraInitializers = [];
-    let _hide_decorators;
-    let _hide_initializers = [];
-    let _hide_extraInitializers = [];
-    let _visible_decorators;
-    let _visible_initializers = [];
-    let _visible_extraInitializers = [];
-    let _intersectionRoot_decorators;
-    let _intersectionRoot_initializers = [];
-    let _intersectionRoot_extraInitializers = [];
-    let _intersectionRootMargin_decorators;
-    let _intersectionRootMargin_initializers = [];
-    let _intersectionRootMargin_extraInitializers = [];
-    let _item_decorators;
-    let _item_initializers = [];
-    let _item_extraInitializers = [];
+    let _classSuper = TapListElement;
     let _renderItem_decorators;
     let _renderItem_initializers = [];
     let _renderItem_extraInitializers = [];
-    let _key_decorators;
-    let _key_initializers = [];
-    let _key_extraInitializers = [];
-    let _private_observer1_decorators;
-    let _private_observer1_initializers = [];
-    let _private_observer1_extraInitializers = [];
-    var DuoyunListItemElement = class extends _classSuper {
+    var DuoyunListElement = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _show_decorators = [emitter];
-            _hide_decorators = [emitter];
-            _visible_decorators = [state];
-            _intersectionRoot_decorators = [property];
-            _intersectionRootMargin_decorators = [property];
-            _item_decorators = [property];
             _renderItem_decorators = [property];
-            _key_decorators = [property];
-            _private_observer1_decorators = [effect((i) => [i.intersectionRoot])];
-            __esDecorate(null, null, _show_decorators, { kind: "field", name: "show", static: false, private: false, access: { has: obj => "show" in obj, get: obj => obj.show, set: (obj, value) => { obj.show = value; } }, metadata: _metadata }, _show_initializers, _show_extraInitializers);
-            __esDecorate(null, null, _hide_decorators, { kind: "field", name: "hide", static: false, private: false, access: { has: obj => "hide" in obj, get: obj => obj.hide, set: (obj, value) => { obj.hide = value; } }, metadata: _metadata }, _hide_initializers, _hide_extraInitializers);
-            __esDecorate(null, null, _visible_decorators, { kind: "field", name: "visible", static: false, private: false, access: { has: obj => "visible" in obj, get: obj => obj.visible, set: (obj, value) => { obj.visible = value; } }, metadata: _metadata }, _visible_initializers, _visible_extraInitializers);
-            __esDecorate(null, null, _intersectionRoot_decorators, { kind: "field", name: "intersectionRoot", static: false, private: false, access: { has: obj => "intersectionRoot" in obj, get: obj => obj.intersectionRoot, set: (obj, value) => { obj.intersectionRoot = value; } }, metadata: _metadata }, _intersectionRoot_initializers, _intersectionRoot_extraInitializers);
-            __esDecorate(null, null, _intersectionRootMargin_decorators, { kind: "field", name: "intersectionRootMargin", static: false, private: false, access: { has: obj => "intersectionRootMargin" in obj, get: obj => obj.intersectionRootMargin, set: (obj, value) => { obj.intersectionRootMargin = value; } }, metadata: _metadata }, _intersectionRootMargin_initializers, _intersectionRootMargin_extraInitializers);
-            __esDecorate(null, null, _item_decorators, { kind: "field", name: "item", static: false, private: false, access: { has: obj => "item" in obj, get: obj => obj.item, set: (obj, value) => { obj.item = value; } }, metadata: _metadata }, _item_initializers, _item_extraInitializers);
             __esDecorate(null, null, _renderItem_decorators, { kind: "field", name: "renderItem", static: false, private: false, access: { has: obj => "renderItem" in obj, get: obj => obj.renderItem, set: (obj, value) => { obj.renderItem = value; } }, metadata: _metadata }, _renderItem_initializers, _renderItem_extraInitializers);
-            __esDecorate(null, null, _key_decorators, { kind: "field", name: "key", static: false, private: false, access: { has: obj => "key" in obj, get: obj => obj.key, set: (obj, value) => { obj.key = value; } }, metadata: _metadata }, _key_initializers, _key_extraInitializers);
-            __esDecorate(null, null, _private_observer1_decorators, { kind: "field", name: "#observer1", static: false, private: true, access: { has: obj => #observer1 in obj, get: obj => obj.#observer1, set: (obj, value) => { obj.#observer1 = value; } }, metadata: _metadata }, _private_observer1_initializers, _private_observer1_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            DuoyunListItemElement = _classThis = _classDescriptor.value;
+            DuoyunListElement = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        show = __runInitializers(this, _show_initializers, void 0);
-        hide = (__runInitializers(this, _show_extraInitializers), __runInitializers(this, _hide_initializers, void 0));
-        visible = (__runInitializers(this, _hide_extraInitializers), __runInitializers(this, _visible_initializers, void 0));
-        intersectionRoot = (__runInitializers(this, _visible_extraInitializers), __runInitializers(this, _intersectionRoot_initializers, void 0));
-        intersectionRootMargin = (__runInitializers(this, _intersectionRoot_extraInitializers), __runInitializers(this, _intersectionRootMargin_initializers, void 0));
-        item = (__runInitializers(this, _intersectionRootMargin_extraInitializers), __runInitializers(this, _item_initializers, void 0));
-        renderItem = (__runInitializers(this, _item_extraInitializers), __runInitializers(this, _renderItem_initializers, void 0));
-        key = (__runInitializers(this, _renderItem_extraInitializers), __runInitializers(this, _key_initializers, void 0)); // 提供另外一种方式来更新
-        #renderDefaultItem = (__runInitializers(this, _key_extraInitializers), ({ title, avatar, description, status }) => {
+        renderItem = __runInitializers(this, _renderItem_initializers, (item) => {
+            if (!item || typeof item !== 'object')
+                return html `${item}`;
+            const { title, avatar, description, status } = item;
             return html `
       <div class=${itemStyle.item}>
         <div v-if=${!!avatar} class="avatar">
@@ -748,18 +109,12 @@ let DuoyunListItemElement = (() => {
       <dy-divider></dy-divider>
     `;
         });
-        #observer1 = __runInitializers(this, _private_observer1_initializers, () => visibilityObserver(this));
-        render = (__runInitializers(this, _private_observer1_extraInitializers), () => {
-            if (this.item === undefined)
-                return html ``;
-            return this.renderItem
-                ? this.renderItem(this.item)
-                : typeof this.item === 'object'
-                    ? this.#renderDefaultItem(this.item)
-                    : this.item;
-        });
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _renderItem_extraInitializers);
+        }
     };
-    return DuoyunListItemElement = _classThis;
+    return DuoyunListElement = _classThis;
 })();
-export { DuoyunListItemElement };
+export { DuoyunListElement };
 //# sourceMappingURL=list.js.map