@lynx-example/lynx-ui-swiper 0.0.3 → 0.0.5

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 (72) hide show
  1. package/BasicDynamic/index.tsx +66 -74
  2. package/BasicUpdateSize/index.tsx +65 -75
  3. package/Bounces/index.tsx +71 -55
  4. package/Bounces/styles.css +36 -27
  5. package/CHANGELOG.md +16 -0
  6. package/Common/Demo/styles.css +113 -0
  7. package/Custom/index.tsx +43 -41
  8. package/CustomScale/index.tsx +44 -42
  9. package/DifferentHeight/Button.tsx +1 -29
  10. package/Direction/index.tsx +99 -105
  11. package/EmptyDataBug/index.tsx +2 -1
  12. package/EmptyDataBug/styles.css +19 -12
  13. package/Indicator/index.tsx +56 -50
  14. package/Lazy/index.tsx +69 -65
  15. package/Loop/index.tsx +45 -42
  16. package/RTL/Button.tsx +1 -29
  17. package/RTL/index.tsx +74 -83
  18. package/RTLCustom/index.tsx +45 -43
  19. package/RTLLoop/Button.tsx +1 -29
  20. package/RTLLoop/index.tsx +57 -66
  21. package/RTLLoopLynxRTL/Button.tsx +1 -29
  22. package/RTLLoopLynxRTL/index.tsx +57 -66
  23. package/WithGap/Button.tsx +1 -29
  24. package/WithGap/index.tsx +57 -68
  25. package/dist/SwiperBasic.lynx.bundle +0 -0
  26. package/dist/SwiperBasic.web.bundle +1 -1
  27. package/dist/SwiperBasicDynamic.lynx.bundle +0 -0
  28. package/dist/SwiperBasicDynamic.web.bundle +1 -1
  29. package/dist/SwiperBasicUpdateSize.lynx.bundle +0 -0
  30. package/dist/SwiperBasicUpdateSize.web.bundle +1 -1
  31. package/dist/SwiperBounces.lynx.bundle +0 -0
  32. package/dist/SwiperBounces.web.bundle +1 -1
  33. package/dist/SwiperCustom.lynx.bundle +0 -0
  34. package/dist/SwiperCustom.web.bundle +1 -1
  35. package/dist/SwiperCustomScale.lynx.bundle +0 -0
  36. package/dist/SwiperCustomScale.web.bundle +1 -1
  37. package/dist/SwiperCustomTinder.lynx.bundle +0 -0
  38. package/dist/SwiperCustomTinder.web.bundle +1 -1
  39. package/dist/SwiperDifferentHeight.lynx.bundle +0 -0
  40. package/dist/SwiperDifferentHeight.web.bundle +1 -1
  41. package/dist/SwiperEmptyDataBug.lynx.bundle +0 -0
  42. package/dist/SwiperEmptyDataBug.web.bundle +1 -1
  43. package/dist/SwiperIndicator.lynx.bundle +0 -0
  44. package/dist/SwiperIndicator.web.bundle +1 -1
  45. package/dist/SwiperLazy.lynx.bundle +0 -0
  46. package/dist/SwiperLazy.web.bundle +1 -1
  47. package/dist/SwiperLoop.lynx.bundle +0 -0
  48. package/dist/SwiperLoop.web.bundle +1 -1
  49. package/dist/SwiperRTL.lynx.bundle +0 -0
  50. package/dist/SwiperRTL.web.bundle +1 -1
  51. package/dist/SwiperRTLCustom.lynx.bundle +0 -0
  52. package/dist/SwiperRTLCustom.web.bundle +1 -1
  53. package/dist/SwiperRTLLoop.lynx.bundle +0 -0
  54. package/dist/SwiperRTLLoop.web.bundle +1 -1
  55. package/dist/SwiperRTLLynxRTL.lynx.bundle +0 -0
  56. package/dist/SwiperRTLLynxRTL.web.bundle +1 -1
  57. package/dist/SwiperWithGap.lynx.bundle +0 -0
  58. package/dist/SwiperWithGap.web.bundle +1 -1
  59. package/package.json +2 -2
  60. package/BasicDynamic/styles.css +0 -47
  61. package/BasicUpdateSize/styles.css +0 -47
  62. package/Custom/styles.css +0 -47
  63. package/CustomScale/styles.css +0 -41
  64. package/Direction/styles.css +0 -41
  65. package/Indicator/styles.css +0 -41
  66. package/Lazy/styles.css +0 -41
  67. package/Loop/styles.css +0 -41
  68. package/RTL/styles.css +0 -41
  69. package/RTLCustom/styles.css +0 -41
  70. package/RTLLoop/styles.css +0 -41
  71. package/RTLLoopLynxRTL/styles.css +0 -41
  72. 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.3",
3
+ "version": "0.0.5",
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": {
@@ -26,7 +26,7 @@
26
26
  "@lynx-js/react": "0.113.0",
27
27
  "clsx": "^2.1.1",
28
28
  "@lynx-js/luna-styles": "0.1.0",
29
- "@lynx-js/lynx-ui": "3.130.1"
29
+ "@lynx-js/lynx-ui": "3.131.1"
30
30
  },
31
31
  "devDependencies": {
32
32
  "@lynx-js/qrcode-rsbuild-plugin": "0.3.3",
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
- }