@lynx-example/lynx-ui-swiper 0.0.4 → 0.0.6

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.
Files changed (78) hide show
  1. package/Basic/index.tsx +3 -3
  2. package/Basic/styles.css +1 -1
  3. package/BasicDynamic/index.tsx +66 -74
  4. package/BasicUpdateSize/index.tsx +65 -75
  5. package/Bounces/index.tsx +71 -55
  6. package/Bounces/styles.css +36 -27
  7. package/CHANGELOG.md +18 -0
  8. package/Common/Demo/styles.css +113 -0
  9. package/Custom/index.tsx +43 -41
  10. package/CustomScale/index.tsx +44 -42
  11. package/CustomTinder/index.tsx +2 -2
  12. package/CustomTinder/styles.css +1 -1
  13. package/DifferentHeight/Button.tsx +1 -29
  14. package/DifferentHeight/index.tsx +4 -4
  15. package/DifferentHeight/styles.css +1 -1
  16. package/Direction/index.tsx +97 -105
  17. package/EmptyDataBug/index.tsx +14 -13
  18. package/EmptyDataBug/styles.css +19 -12
  19. package/Indicator/index.tsx +56 -50
  20. package/Lazy/index.tsx +69 -65
  21. package/Loop/index.tsx +45 -42
  22. package/RTL/Button.tsx +1 -29
  23. package/RTL/index.tsx +74 -83
  24. package/RTLCustom/index.tsx +45 -43
  25. package/RTLLoop/Button.tsx +1 -29
  26. package/RTLLoop/index.tsx +57 -66
  27. package/RTLLoopLynxRTL/Button.tsx +1 -29
  28. package/RTLLoopLynxRTL/index.tsx +57 -66
  29. package/WithGap/Button.tsx +1 -29
  30. package/WithGap/index.tsx +57 -68
  31. package/dist/SwiperBasic.lynx.bundle +0 -0
  32. package/dist/SwiperBasic.web.bundle +1 -1
  33. package/dist/SwiperBasicDynamic.lynx.bundle +0 -0
  34. package/dist/SwiperBasicDynamic.web.bundle +1 -1
  35. package/dist/SwiperBasicUpdateSize.lynx.bundle +0 -0
  36. package/dist/SwiperBasicUpdateSize.web.bundle +1 -1
  37. package/dist/SwiperBounces.lynx.bundle +0 -0
  38. package/dist/SwiperBounces.web.bundle +1 -1
  39. package/dist/SwiperCustom.lynx.bundle +0 -0
  40. package/dist/SwiperCustom.web.bundle +1 -1
  41. package/dist/SwiperCustomScale.lynx.bundle +0 -0
  42. package/dist/SwiperCustomScale.web.bundle +1 -1
  43. package/dist/SwiperCustomTinder.lynx.bundle +0 -0
  44. package/dist/SwiperCustomTinder.web.bundle +1 -1
  45. package/dist/SwiperDifferentHeight.lynx.bundle +0 -0
  46. package/dist/SwiperDifferentHeight.web.bundle +1 -1
  47. package/dist/SwiperEmptyDataBug.lynx.bundle +0 -0
  48. package/dist/SwiperEmptyDataBug.web.bundle +1 -1
  49. package/dist/SwiperIndicator.lynx.bundle +0 -0
  50. package/dist/SwiperIndicator.web.bundle +1 -1
  51. package/dist/SwiperLazy.lynx.bundle +0 -0
  52. package/dist/SwiperLazy.web.bundle +1 -1
  53. package/dist/SwiperLoop.lynx.bundle +0 -0
  54. package/dist/SwiperLoop.web.bundle +1 -1
  55. package/dist/SwiperRTL.lynx.bundle +0 -0
  56. package/dist/SwiperRTL.web.bundle +1 -1
  57. package/dist/SwiperRTLCustom.lynx.bundle +0 -0
  58. package/dist/SwiperRTLCustom.web.bundle +1 -1
  59. package/dist/SwiperRTLLoop.lynx.bundle +0 -0
  60. package/dist/SwiperRTLLoop.web.bundle +1 -1
  61. package/dist/SwiperRTLLynxRTL.lynx.bundle +0 -0
  62. package/dist/SwiperRTLLynxRTL.web.bundle +1 -1
  63. package/dist/SwiperWithGap.lynx.bundle +0 -0
  64. package/dist/SwiperWithGap.web.bundle +1 -1
  65. package/package.json +6 -6
  66. package/BasicDynamic/styles.css +0 -47
  67. package/BasicUpdateSize/styles.css +0 -47
  68. package/Custom/styles.css +0 -47
  69. package/CustomScale/styles.css +0 -41
  70. package/Direction/styles.css +0 -41
  71. package/Indicator/styles.css +0 -41
  72. package/Lazy/styles.css +0 -41
  73. package/Loop/styles.css +0 -41
  74. package/RTL/styles.css +0 -41
  75. package/RTLCustom/styles.css +0 -41
  76. package/RTLLoop/styles.css +0 -41
  77. package/RTLLoopLynxRTL/styles.css +0 -41
  78. package/WithGap/styles.css +0 -47
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lynx-example/lynx-ui-swiper",
3
- "version": "0.0.4",
3
+ "version": "0.0.6",
4
4
  "description": "Example app demonstrating Swiper usage in lynx-ui",
5
5
  "homepage": "https://github.com/lynx-family/lynx-ui/tree/main/apps/examples/Swiper#readme",
6
6
  "repository": {
@@ -23,15 +23,15 @@
23
23
  "lynx.config.mjs"
24
24
  ],
25
25
  "dependencies": {
26
- "@lynx-js/react": "0.113.0",
26
+ "@lynx-js/react": "0.114.0",
27
27
  "clsx": "^2.1.1",
28
28
  "@lynx-js/luna-styles": "0.1.0",
29
- "@lynx-js/lynx-ui": "3.131.0"
29
+ "@lynx-js/lynx-ui": "3.132.0"
30
30
  },
31
31
  "devDependencies": {
32
- "@lynx-js/qrcode-rsbuild-plugin": "0.3.3",
33
- "@lynx-js/react-rsbuild-plugin": "0.11.2",
34
- "@lynx-js/rspeedy": "0.11.2",
32
+ "@lynx-js/qrcode-rsbuild-plugin": "0.4.6",
33
+ "@lynx-js/react-rsbuild-plugin": "0.12.4",
34
+ "@lynx-js/rspeedy": "0.12.2",
35
35
  "@lynx-js/types": "3.6.0",
36
36
  "@types/react": "^18.3.8"
37
37
  },
package/BasicDynamic/styles.css DELETED
@@ -1,47 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
42
-
43
- .block {
44
- display: flex;
45
- width: 100%;
46
- margin: 10px;
47
- }
package/BasicUpdateSize/styles.css DELETED
@@ -1,47 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
42
-
43
- .block {
44
- display: flex;
45
- width: 100%;
46
- margin: 10px;
47
- }
package/Custom/styles.css DELETED
@@ -1,47 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
42
-
43
- .block {
44
- display: flex;
45
- width: 100%;
46
- margin: 10px;
47
- }
package/CustomScale/styles.css DELETED
@@ -1,41 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
package/Direction/styles.css DELETED
@@ -1,41 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
package/Indicator/styles.css DELETED
@@ -1,41 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
package/Lazy/styles.css DELETED
@@ -1,41 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
package/Loop/styles.css DELETED
@@ -1,41 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
package/RTL/styles.css DELETED
@@ -1,41 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
package/RTLCustom/styles.css DELETED
@@ -1,41 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
package/RTLLoop/styles.css DELETED
@@ -1,41 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
package/RTLLoopLynxRTL/styles.css DELETED
@@ -1,41 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
package/WithGap/styles.css DELETED
@@ -1,47 +0,0 @@
1
- .image {
2
- width: 100%;
3
- height: 100%;
4
- }
5
-
6
- .image-text {
7
- position: absolute;
8
- }
9
-
10
- .container {
11
- width: 100%;
12
- height: 100%;
13
- }
14
-
15
- .title-container {
16
- margin-top: 10px;
17
- margin-bottom: 5px;
18
- }
19
-
20
- .title-text {
21
- font-size: 16px;
22
- }
23
-
24
- .button {
25
- border: 1px solid;
26
- border-radius: 4px;
27
- width: 150px;
28
- background-color: red;
29
- margin: 4px 8px;
30
- padding: 4px 8px;
31
- }
32
-
33
- .button-text {
34
- color: white;
35
- }
36
-
37
- .operation {
38
- display: flex;
39
- align-items: center;
40
- flex-wrap: wrap;
41
- }
42
-
43
- .block {
44
- display: flex;
45
- width: 100%;
46
- margin: 10px;
47
- }