@pisell/materials 3.2.3 → 3.2.4

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.
@@ -204,7 +204,10 @@ var CardContent = function CardContent(_ref3) {
204
204
  });
205
205
  }, [items]);
206
206
  return /*#__PURE__*/React.createElement("div", {
207
- className: "pisell-wallet-card-list"
207
+ className: "pisell-wallet-card-list",
208
+ style: {
209
+ justifyContent: (sortedItems || []).length > 1 ? 'space-between' : 'flex-start'
210
+ }
208
211
  }, (sortedItems || []).map(function (item, index) {
209
212
  return /*#__PURE__*/React.createElement(CardItem, {
210
213
  key: index,
@@ -134,7 +134,6 @@
134
134
  height: 50px;
135
135
  box-sizing: border-box;
136
136
  display: flex;
137
- justify-content: space-around;
138
137
  align-items: center;
139
138
  flex-wrap: nowrap;
140
139
  overflow: hidden;
@@ -143,7 +142,7 @@
143
142
  // 列表项
144
143
  .pisell-wallet-card-item {
145
144
  text-align: center;
146
- flex: 1;
145
+ // flex: 1;
147
146
  min-width: 0;
148
147
 
149
148
  // 标签
@@ -179,7 +179,16 @@ var CardContent = ({ items, symbol }) => {
179
179
  return indexA - indexB;
180
180
  });
181
181
  }, [items]);
182
- return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-list" }, (sortedItems || []).map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol })));
182
+ return /* @__PURE__ */ import_react.default.createElement(
183
+ "div",
184
+ {
185
+ className: "pisell-wallet-card-list",
186
+ style: {
187
+ justifyContent: (sortedItems || []).length > 1 ? "space-between" : "flex-start"
188
+ }
189
+ },
190
+ (sortedItems || []).map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol }))
191
+ );
183
192
  };
184
193
  var CodeDisplay = ({ codeType, cardNo }) => {
185
194
  if (!cardNo) return null;
@@ -134,7 +134,6 @@
134
134
  height: 50px;
135
135
  box-sizing: border-box;
136
136
  display: flex;
137
- justify-content: space-around;
138
137
  align-items: center;
139
138
  flex-wrap: nowrap;
140
139
  overflow: hidden;
@@ -143,7 +142,7 @@
143
142
  // 列表项
144
143
  .pisell-wallet-card-item {
145
144
  text-align: center;
146
- flex: 1;
145
+ // flex: 1;
147
146
  min-width: 0;
148
147
 
149
148
  // 标签
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "3.2.3",
3
+ "version": "3.2.4",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -71,9 +71,9 @@
71
71
  "swiper": "^8.4.7",
72
72
  "react-barcode": "^1.5.3",
73
73
  "vod-js-sdk-v6": "^1.4.11",
74
- "@pisell/icon": "0.0.11",
74
+ "@pisell/date-picker": "1.0.100",
75
75
  "@pisell/utils": "1.0.42",
76
- "@pisell/date-picker": "1.0.100"
76
+ "@pisell/icon": "0.0.11"
77
77
  },
78
78
  "peerDependencies": {
79
79
  "react": "^18.0.0",