deepsea-components 5.17.6 → 5.17.8

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 (4) hide show
  1. package/dist/components/LoopSwiper.cjs +7 -5
  2. package/dist/components/LoopSwiper.js +7 -5
  3. package/package.json +3 -3
  4. package/src/components/LoopSwiper.tsx +8 -5
package/dist/components/LoopSwiper.cjs CHANGED
@@ -68,11 +68,6 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
68
68
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
69
69
  ref: wrapper,
70
70
  className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
71
- display: flex;
72
- flex-direction: ${flexDirection};
73
- gap: ${gap}px;
74
- ${"vertical" === direction ? "overflow-y: hidden;" : "overflow-x: hidden;"}
75
-
76
71
  @keyframes deepsea-horizontal-loop-swipe {
77
72
  from {
78
73
  transform: translateX(0);
@@ -108,6 +103,11 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
108
103
  transform: translateY(calc(100% + ${gap}px));
109
104
  }
110
105
  }
106
+ `, (0, css_namespaceObject.css)`
107
+ display: flex;
108
+ flex-direction: ${flexDirection};
109
+ gap: ${gap}px;
110
+ ${"vertical" === direction ? "overflow-y: hidden;" : "overflow-x: hidden;"}
111
111
 
112
112
  ${pauseOnHover ? `&:hover > * {
113
113
  animation-play-state: paused;
@@ -119,6 +119,7 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
119
119
  ref: container,
120
120
  className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
121
121
  display: flex;
122
+ flex: none;
122
123
  flex-direction: ${flexDirection};
123
124
  gap: ${gap}px;
124
125
  animation-name: ${animationName};
@@ -131,6 +132,7 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
131
132
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
132
133
  className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
133
134
  display: ${swiper ? "flex" : "none"};
135
+ flex: none;
134
136
  flex-direction: ${flexDirection};
135
137
  gap: ${gap}px;
136
138
  animation-name: ${animationName};
package/dist/components/LoopSwiper.js CHANGED
@@ -40,11 +40,6 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
40
40
  return /*#__PURE__*/ jsxs("div", {
41
41
  ref: wrapper,
42
42
  className: clsx(css`
43
- display: flex;
44
- flex-direction: ${flexDirection};
45
- gap: ${gap}px;
46
- ${"vertical" === direction ? "overflow-y: hidden;" : "overflow-x: hidden;"}
47
-
48
43
  @keyframes deepsea-horizontal-loop-swipe {
49
44
  from {
50
45
  transform: translateX(0);
@@ -80,6 +75,11 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
80
75
  transform: translateY(calc(100% + ${gap}px));
81
76
  }
82
77
  }
78
+ `, css`
79
+ display: flex;
80
+ flex-direction: ${flexDirection};
81
+ gap: ${gap}px;
82
+ ${"vertical" === direction ? "overflow-y: hidden;" : "overflow-x: hidden;"}
83
83
 
84
84
  ${pauseOnHover ? `&:hover > * {
85
85
  animation-play-state: paused;
@@ -91,6 +91,7 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
91
91
  ref: container,
92
92
  className: clsx(css`
93
93
  display: flex;
94
+ flex: none;
94
95
  flex-direction: ${flexDirection};
95
96
  gap: ${gap}px;
96
97
  animation-name: ${animationName};
@@ -103,6 +104,7 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
103
104
  /*#__PURE__*/ jsx("div", {
104
105
  className: clsx(css`
105
106
  display: ${swiper ? "flex" : "none"};
107
+ flex: none;
106
108
  flex-direction: ${flexDirection};
107
109
  gap: ${gap}px;
108
110
  animation-name: ${animationName};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "deepsea-components",
3
- "version": "5.17.6",
3
+ "version": "5.17.8",
4
4
  "description": "格数科技自用组件库",
5
5
  "type": "module",
6
6
  "exports": {
@@ -41,8 +41,8 @@
41
41
  "hls.js": "^1.6.13",
42
42
  "smooth-scrollbar": "^8.8.4",
43
43
  "stable-hash": "^0.0.6",
44
- "deepsea-tools": "5.42.4",
45
- "soda-hooks": "6.15.2"
44
+ "deepsea-tools": "5.43.0",
45
+ "soda-hooks": "6.15.3"
46
46
  },
47
47
  "devDependencies": {
48
48
  "typescript": "^5.9.3"
package/src/components/LoopSwiper.tsx CHANGED
@@ -84,11 +84,6 @@ export const LoopSwiper: FC<LoopSwiperProps> = ({
84
84
  ref={wrapper}
85
85
  className={clsx(
86
86
  css`
87
- display: flex;
88
- flex-direction: ${flexDirection};
89
- gap: ${gap}px;
90
- ${direction === "vertical" ? "overflow-y: hidden;" : "overflow-x: hidden;"}
91
-
92
87
  @keyframes deepsea-horizontal-loop-swipe {
93
88
  from {
94
89
  transform: translateX(0);
@@ -124,6 +119,12 @@ export const LoopSwiper: FC<LoopSwiperProps> = ({
124
119
  transform: translateY(calc(100% + ${gap}px));
125
120
  }
126
121
  }
122
+ `,
123
+ css`
124
+ display: flex;
125
+ flex-direction: ${flexDirection};
126
+ gap: ${gap}px;
127
+ ${direction === "vertical" ? "overflow-y: hidden;" : "overflow-x: hidden;"}
127
128
 
128
129
  ${pauseOnHover
129
130
  ? `&:hover > * {
@@ -141,6 +142,7 @@ export const LoopSwiper: FC<LoopSwiperProps> = ({
141
142
  className={clsx(
142
143
  css`
143
144
  display: flex;
145
+ flex: none;
144
146
  flex-direction: ${flexDirection};
145
147
  gap: ${gap}px;
146
148
  animation-name: ${animationName};
@@ -157,6 +159,7 @@ export const LoopSwiper: FC<LoopSwiperProps> = ({
157
159
  className={clsx(
158
160
  css`
159
161
  display: ${swiper ? "flex" : "none"};
162
+ flex: none;
160
163
  flex-direction: ${flexDirection};
161
164
  gap: ${gap}px;
162
165
  animation-name: ${animationName};