@lynx-js/web-elements-canary 0.11.1 → 0.11.2-canary-20260202-e0972ef5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -13
- package/dist/elements/XList/XList.d.ts +2 -0
- package/dist/elements/XList/XList.js +6 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @lynx-js/web-elements
|
|
2
2
|
|
|
3
|
+
## 0.11.2-canary-20260202080608-e0972ef5e9651c3a42fff7512f139d515647ae94
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Add scrollHeight/scrollWidth getters to XList. ([#2156](https://github.com/lynx-family/lynx-stack/pull/2156))
|
|
8
|
+
|
|
3
9
|
## 0.11.1
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -17,11 +23,11 @@
|
|
|
17
23
|
Now we integrated the `LinearCompat` into @lynx-js/web-elements. Developers can safely remove the following imports:
|
|
18
24
|
|
|
19
25
|
```js
|
|
20
|
-
import
|
|
26
|
+
import "@lynx-js/web-elements/compat/LinearContainer";
|
|
21
27
|
```
|
|
22
28
|
|
|
23
29
|
```js
|
|
24
|
-
import
|
|
30
|
+
import "@lynx-js/web-elements-compat/LinearContainer";
|
|
25
31
|
```
|
|
26
32
|
|
|
27
33
|
### Patch Changes
|
|
@@ -47,15 +53,15 @@
|
|
|
47
53
|
### Before
|
|
48
54
|
|
|
49
55
|
```js
|
|
50
|
-
import
|
|
51
|
-
import
|
|
56
|
+
import "@lynx-js/web-elements-template";
|
|
57
|
+
import "@lynx-js/web-elements-compat/LinearContainer";
|
|
52
58
|
```
|
|
53
59
|
|
|
54
60
|
### After
|
|
55
61
|
|
|
56
62
|
```js
|
|
57
|
-
import
|
|
58
|
-
import
|
|
63
|
+
import "@lynx-js/web-elements/html-templates";
|
|
64
|
+
import "@lynx-js/web-elements/compat/LinearContainer";
|
|
59
65
|
```
|
|
60
66
|
|
|
61
67
|
### Patch Changes
|
|
@@ -740,8 +746,8 @@
|
|
|
740
746
|
For compating usage, `@lynx-js/web-elements-compat/LinearContainer` is provided.
|
|
741
747
|
|
|
742
748
|
```javascript
|
|
743
|
-
import
|
|
744
|
-
import
|
|
749
|
+
import "@lynx-js/web-elements-compat/LinearContainer";
|
|
750
|
+
import "@lynx-js/web-elements/all";
|
|
745
751
|
```
|
|
746
752
|
|
|
747
753
|
- f8d1d98: break: rename the `blur` and `focus` event to `lynxblur` and `lynxfocus` for x-input element
|
|
@@ -763,11 +769,11 @@
|
|
|
763
769
|
There is also a simple way to use this feature
|
|
764
770
|
|
|
765
771
|
```javascript
|
|
766
|
-
import { LynxCard } from
|
|
767
|
-
import { loadElement } from
|
|
768
|
-
import
|
|
769
|
-
import
|
|
770
|
-
import
|
|
772
|
+
import { LynxCard } from "@lynx-js/web-core";
|
|
773
|
+
import { loadElement } from "@lynx-js/web-elements/lazy";
|
|
774
|
+
import "@lynx-js/web-elements/index.css";
|
|
775
|
+
import "@lynx-js/web-core/index.css";
|
|
776
|
+
import "./index.css";
|
|
771
777
|
|
|
772
778
|
const lynxcard = new LynxCard({
|
|
773
779
|
...beforeConfigs,
|
|
@@ -5,6 +5,8 @@ export declare class XList extends HTMLElement {
|
|
|
5
5
|
set scrollTop(val: number);
|
|
6
6
|
get scrollLeft(): number;
|
|
7
7
|
set scrollLeft(val: number);
|
|
8
|
+
get scrollHeight(): number;
|
|
9
|
+
get scrollWidth(): number;
|
|
8
10
|
get __scrollTop(): number;
|
|
9
11
|
get __scrollLeft(): number;
|
|
10
12
|
scrollToPosition(params: {
|
|
@@ -46,6 +46,12 @@ let XList = (() => {
|
|
|
46
46
|
set scrollLeft(val) {
|
|
47
47
|
this.#getListContainer().scrollLeft = val;
|
|
48
48
|
}
|
|
49
|
+
get scrollHeight() {
|
|
50
|
+
return this.#getListContainer().scrollHeight;
|
|
51
|
+
}
|
|
52
|
+
get scrollWidth() {
|
|
53
|
+
return this.#getListContainer().scrollWidth;
|
|
54
|
+
}
|
|
49
55
|
get __scrollTop() {
|
|
50
56
|
return super.scrollTop;
|
|
51
57
|
}
|