@sheinx/base 3.1.27 → 3.1.28

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 (21) hide show
  1. package/cjs/alert/alert.d.ts.map +1 -1
  2. package/cjs/alert/alert.js +6 -3
  3. package/cjs/alert/alert.type.d.ts +1 -0
  4. package/cjs/alert/alert.type.d.ts.map +1 -1
  5. package/cjs/form/form-item.js +2 -2
  6. package/cjs/message/message.d.ts +2 -0
  7. package/cjs/message/message.d.ts.map +1 -1
  8. package/cjs/message/message.js +22 -15
  9. package/cjs/virtual-scroll/scroll.d.ts.map +1 -1
  10. package/cjs/virtual-scroll/scroll.js +7 -3
  11. package/esm/alert/alert.d.ts.map +1 -1
  12. package/esm/alert/alert.js +6 -3
  13. package/esm/alert/alert.type.d.ts +1 -0
  14. package/esm/alert/alert.type.d.ts.map +1 -1
  15. package/esm/form/form-item.js +2 -2
  16. package/esm/message/message.d.ts +2 -0
  17. package/esm/message/message.d.ts.map +1 -1
  18. package/esm/message/message.js +22 -15
  19. package/esm/virtual-scroll/scroll.d.ts.map +1 -1
  20. package/esm/virtual-scroll/scroll.js +7 -3
  21. package/package.json +2 -2
package/cjs/alert/alert.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AAQxD,QAAA,MAAM,KAAK,UAAW,UAAU,uBAoH/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AAQxD,QAAA,MAAM,KAAK,UAAW,UAAU,uBAsH/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/cjs/alert/alert.js CHANGED
@@ -110,9 +110,12 @@ var Alert = function Alert(props) {
110
110
  onClick: handleClose
111
111
  });
112
112
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
113
- className: alertStyle.close,
114
- onClick: handleClose,
115
- children: closeItem || _icons.default.alert.Close
113
+ className: alertStyle.closeWrapper,
114
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
115
+ className: alertStyle.close,
116
+ onClick: handleClose,
117
+ children: closeItem || _icons.default.alert.Close
118
+ })
116
119
  });
117
120
  };
118
121
  if (dismiss === HIDE) {
package/cjs/alert/alert.type.d.ts CHANGED
@@ -21,6 +21,7 @@ export interface AlertClasses {
21
21
  confirmIcon: string;
22
22
  pending: string;
23
23
  noBordered: string;
24
+ closeWrapper: string;
24
25
  }
25
26
  export interface AlertJssStyle {
26
27
  alert?: () => AlertClasses;
package/cjs/alert/alert.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.type.d.ts","sourceRoot":"","sources":["alert.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
1
+ {"version":3,"file":"alert.type.d.ts","sourceRoot":"","sources":["alert.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
package/cjs/form/form-item.js CHANGED
@@ -49,9 +49,9 @@ var _default = exports.default = function _default(props) {
49
49
  style: style,
50
50
  children: [label !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
51
51
  className: (0, _classnames.default)(formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.label, labelAlign === 'left' && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelLeft)),
52
- style: {
52
+ style: labelAlign !== 'top' || inline ? {
53
53
  width: labelWidth
54
- },
54
+ } : undefined,
55
55
  children: label
56
56
  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
57
57
  className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.control
package/cjs/message/message.d.ts CHANGED
@@ -7,7 +7,9 @@ interface MessageState {
7
7
  declare class Message extends React.PureComponent<MessageProps, MessageState> {
8
8
  cachedHeight: Record<string, number>;
9
9
  timeoutMap: Record<string, NodeJS.Timeout>;
10
+ messages: Array<MessageItemType>;
10
11
  constructor(props: MessageProps);
12
+ setMessages(messages: Array<MessageItemType>): void;
11
13
  addMessage(msg: Omit<MessageItemType, 'id'>): () => void;
12
14
  removeMessage(id: string): void;
13
15
  closeMessageForAnimation(id: string, duration?: number, msgHeight?: number): void;
package/cjs/message/message.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"message.d.ts","sourceRoot":"","sources":["message.tsx"],"names":[],"mappings":";AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ/D,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAClC;AAiHD,cAAM,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC/B,KAAK,EAAE,YAAY;IAW/B,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAgB3C,aAAa,CAAC,EAAE,EAAE,MAAM;IAmBxB,wBAAwB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM;IAiB1E,MAAM;CAcP;AAED,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"message.d.ts","sourceRoot":"","sources":["message.tsx"],"names":[],"mappings":";AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ/D,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAClC;AAiHD,cAAM,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;gBACrB,KAAK,EAAE,YAAY;IAa/B,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,eAAe,CAAC;IAK5C,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAgB3C,aAAa,CAAC,EAAE,EAAE,MAAM;IAmBxB,wBAAwB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM;IAgB1E,MAAM;CAcP;AAED,eAAe,OAAO,CAAC"}
package/cjs/message/message.js CHANGED
@@ -150,9 +150,11 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
150
150
  _this = _super.call(this, props);
151
151
  _defineProperty(_assertThisInitialized(_this), "cachedHeight", void 0);
152
152
  _defineProperty(_assertThisInitialized(_this), "timeoutMap", void 0);
153
+ _defineProperty(_assertThisInitialized(_this), "messages", void 0);
153
154
  _this.state = {
154
155
  messages: []
155
156
  };
157
+ _this.messages = [];
156
158
  _this.cachedHeight = {};
157
159
  _this.timeoutMap = {};
158
160
  _this.removeMessage = _this.removeMessage.bind(_assertThisInitialized(_this));
@@ -160,16 +162,24 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
160
162
  return _this;
161
163
  }
162
164
  _createClass(Message, [{
165
+ key: "setMessages",
166
+ value: function setMessages(messages) {
167
+ this.messages = messages;
168
+ this.setState({
169
+ messages: messages
170
+ });
171
+ }
172
+ }, {
163
173
  key: "addMessage",
164
174
  value: function addMessage(msg) {
165
175
  var _this2 = this;
166
176
  var id = getUidStr();
167
- var newState = produce(this.state, function (state) {
168
- state.messages.push(Object.assign({
177
+ var newMessages = produce(this.messages, function (messages) {
178
+ messages.push(Object.assign({
169
179
  id: id
170
180
  }, msg));
171
181
  });
172
- this.setState(newState);
182
+ this.setMessages(newMessages);
173
183
  if (msg.duration > 0) {
174
184
  var closeTimeDelay = setTimeout(function () {
175
185
  _this2.closeMessageForAnimation(id, dismissDuration, _this2.cachedHeight[id]);
@@ -182,7 +192,7 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
182
192
  key: "removeMessage",
183
193
  value: function removeMessage(id) {
184
194
  var callback;
185
- var messages = this.state.messages.filter(function (m) {
195
+ var messages = this.messages.filter(function (m) {
186
196
  if (m.id !== id) return true;
187
197
  if (m.onClose) {
188
198
  callback = m.onClose;
@@ -193,9 +203,7 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
193
203
  var _this$props$onDestroy, _this$props;
194
204
  (_this$props$onDestroy = (_this$props = this.props).onDestroy) === null || _this$props$onDestroy === void 0 || _this$props$onDestroy.call(_this$props);
195
205
  } else {
196
- this.setState({
197
- messages: messages
198
- });
206
+ this.setMessages(messages);
199
207
  }
200
208
  if (callback) callback();
201
209
  }
@@ -204,16 +212,15 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
204
212
  value: function closeMessageForAnimation(id, duration, msgHeight) {
205
213
  var _this3 = this;
206
214
  // duration animation duration time
207
- this.setState(function (preState) {
208
- return produce(preState, function (state) {
209
- state.messages.forEach(function (m) {
210
- if (m.id === id) {
211
- m.dismiss = true;
212
- m.h = msgHeight || 0;
213
- }
214
- });
215
+ var newMessages = produce(this.messages, function (messages) {
216
+ messages.forEach(function (m) {
217
+ if (m.id === id) {
218
+ m.dismiss = true;
219
+ m.h = msgHeight || 0;
220
+ }
215
221
  });
216
222
  });
223
+ this.setMessages(newMessages);
217
224
  setTimeout(function () {
218
225
  _this3.removeMessage(id);
219
226
  }, duration);
package/cjs/virtual-scroll/scroll.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBA0FjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBA2FjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/cjs/virtual-scroll/scroll.js CHANGED
@@ -43,11 +43,15 @@ var Scroll = function Scroll(props) {
43
43
  height: '100%',
44
44
  width: '100%',
45
45
  display: 'inline-flex',
46
+ overflow: 'hidden',
46
47
  position: 'sticky'
47
48
  }, isRtl ? 'right' : 'left', 0), "top", 0);
48
- var placeStyle = _defineProperty(_defineProperty(_defineProperty(_defineProperty({
49
- marginTop: height > 0 && scrollHeight > 0 ? Math.max(0, Math.floor(scrollHeight - height)) : 0
50
- }, "margin".concat(isRtl ? 'Left' : 'Right'), scrollWidth), "height", 0), "width", 0), "overflow", 'hidden');
49
+ var placeStyle = {
50
+ marginTop: (height > 0 && scrollHeight > 0 ? Math.max(0, Math.floor(scrollHeight - height)) : 0) - 1,
51
+ width: scrollWidth,
52
+ height: 1,
53
+ overflow: 'hidden'
54
+ };
51
55
  var handleScroll = (0, _hooks.usePersistFn)(function (e) {
52
56
  var target = e.currentTarget;
53
57
  var scrollLeft = target.scrollLeft,
package/esm/alert/alert.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AAQxD,QAAA,MAAM,KAAK,UAAW,UAAU,uBAoH/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AAQxD,QAAA,MAAM,KAAK,UAAW,UAAU,uBAsH/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/esm/alert/alert.js CHANGED
@@ -102,9 +102,12 @@ var Alert = function Alert(props) {
102
102
  onClick: handleClose
103
103
  });
104
104
  return /*#__PURE__*/_jsx("div", {
105
- className: alertStyle.close,
106
- onClick: handleClose,
107
- children: closeItem || Icons.alert.Close
105
+ className: alertStyle.closeWrapper,
106
+ children: /*#__PURE__*/_jsx("div", {
107
+ className: alertStyle.close,
108
+ onClick: handleClose,
109
+ children: closeItem || Icons.alert.Close
110
+ })
108
111
  });
109
112
  };
110
113
  if (dismiss === HIDE) {
package/esm/alert/alert.type.d.ts CHANGED
@@ -21,6 +21,7 @@ export interface AlertClasses {
21
21
  confirmIcon: string;
22
22
  pending: string;
23
23
  noBordered: string;
24
+ closeWrapper: string;
24
25
  }
25
26
  export interface AlertJssStyle {
26
27
  alert?: () => AlertClasses;
package/esm/alert/alert.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.type.d.ts","sourceRoot":"","sources":["alert.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
1
+ {"version":3,"file":"alert.type.d.ts","sourceRoot":"","sources":["alert.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;CAC5B;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,CAAC;AAE/F,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
package/esm/form/form-item.js CHANGED
@@ -43,9 +43,9 @@ export default (function (props) {
43
43
  style: style,
44
44
  children: [label !== undefined ? /*#__PURE__*/_jsx("div", {
45
45
  className: classNames(formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.label, labelAlign === 'left' && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelLeft)),
46
- style: {
46
+ style: labelAlign !== 'top' || inline ? {
47
47
  width: labelWidth
48
- },
48
+ } : undefined,
49
49
  children: label
50
50
  }) : null, /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
51
51
  className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.control
package/esm/message/message.d.ts CHANGED
@@ -7,7 +7,9 @@ interface MessageState {
7
7
  declare class Message extends React.PureComponent<MessageProps, MessageState> {
8
8
  cachedHeight: Record<string, number>;
9
9
  timeoutMap: Record<string, NodeJS.Timeout>;
10
+ messages: Array<MessageItemType>;
10
11
  constructor(props: MessageProps);
12
+ setMessages(messages: Array<MessageItemType>): void;
11
13
  addMessage(msg: Omit<MessageItemType, 'id'>): () => void;
12
14
  removeMessage(id: string): void;
13
15
  closeMessageForAnimation(id: string, duration?: number, msgHeight?: number): void;
package/esm/message/message.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"message.d.ts","sourceRoot":"","sources":["message.tsx"],"names":[],"mappings":";AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ/D,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAClC;AAiHD,cAAM,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC/B,KAAK,EAAE,YAAY;IAW/B,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAgB3C,aAAa,CAAC,EAAE,EAAE,MAAM;IAmBxB,wBAAwB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM;IAiB1E,MAAM;CAcP;AAED,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"message.d.ts","sourceRoot":"","sources":["message.tsx"],"names":[],"mappings":";AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ/D,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAClC;AAiHD,cAAM,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;gBACrB,KAAK,EAAE,YAAY;IAa/B,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,eAAe,CAAC;IAK5C,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAgB3C,aAAa,CAAC,EAAE,EAAE,MAAM;IAmBxB,wBAAwB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM;IAgB1E,MAAM;CAcP;AAED,eAAe,OAAO,CAAC"}
package/esm/message/message.js CHANGED
@@ -142,9 +142,11 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
142
142
  _this = _super.call(this, props);
143
143
  _defineProperty(_assertThisInitialized(_this), "cachedHeight", void 0);
144
144
  _defineProperty(_assertThisInitialized(_this), "timeoutMap", void 0);
145
+ _defineProperty(_assertThisInitialized(_this), "messages", void 0);
145
146
  _this.state = {
146
147
  messages: []
147
148
  };
149
+ _this.messages = [];
148
150
  _this.cachedHeight = {};
149
151
  _this.timeoutMap = {};
150
152
  _this.removeMessage = _this.removeMessage.bind(_assertThisInitialized(_this));
@@ -152,16 +154,24 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
152
154
  return _this;
153
155
  }
154
156
  _createClass(Message, [{
157
+ key: "setMessages",
158
+ value: function setMessages(messages) {
159
+ this.messages = messages;
160
+ this.setState({
161
+ messages: messages
162
+ });
163
+ }
164
+ }, {
155
165
  key: "addMessage",
156
166
  value: function addMessage(msg) {
157
167
  var _this2 = this;
158
168
  var id = getUidStr();
159
- var newState = produce(this.state, function (state) {
160
- state.messages.push(Object.assign({
169
+ var newMessages = produce(this.messages, function (messages) {
170
+ messages.push(Object.assign({
161
171
  id: id
162
172
  }, msg));
163
173
  });
164
- this.setState(newState);
174
+ this.setMessages(newMessages);
165
175
  if (msg.duration > 0) {
166
176
  var closeTimeDelay = setTimeout(function () {
167
177
  _this2.closeMessageForAnimation(id, dismissDuration, _this2.cachedHeight[id]);
@@ -174,7 +184,7 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
174
184
  key: "removeMessage",
175
185
  value: function removeMessage(id) {
176
186
  var callback;
177
- var messages = this.state.messages.filter(function (m) {
187
+ var messages = this.messages.filter(function (m) {
178
188
  if (m.id !== id) return true;
179
189
  if (m.onClose) {
180
190
  callback = m.onClose;
@@ -185,9 +195,7 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
185
195
  var _this$props$onDestroy, _this$props;
186
196
  (_this$props$onDestroy = (_this$props = this.props).onDestroy) === null || _this$props$onDestroy === void 0 || _this$props$onDestroy.call(_this$props);
187
197
  } else {
188
- this.setState({
189
- messages: messages
190
- });
198
+ this.setMessages(messages);
191
199
  }
192
200
  if (callback) callback();
193
201
  }
@@ -196,16 +204,15 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
196
204
  value: function closeMessageForAnimation(id, duration, msgHeight) {
197
205
  var _this3 = this;
198
206
  // duration animation duration time
199
- this.setState(function (preState) {
200
- return produce(preState, function (state) {
201
- state.messages.forEach(function (m) {
202
- if (m.id === id) {
203
- m.dismiss = true;
204
- m.h = msgHeight || 0;
205
- }
206
- });
207
+ var newMessages = produce(this.messages, function (messages) {
208
+ messages.forEach(function (m) {
209
+ if (m.id === id) {
210
+ m.dismiss = true;
211
+ m.h = msgHeight || 0;
212
+ }
207
213
  });
208
214
  });
215
+ this.setMessages(newMessages);
209
216
  setTimeout(function () {
210
217
  _this3.removeMessage(id);
211
218
  }, duration);
package/esm/virtual-scroll/scroll.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBA0FjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBA2FjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/esm/virtual-scroll/scroll.js CHANGED
@@ -36,11 +36,15 @@ var Scroll = function Scroll(props) {
36
36
  height: '100%',
37
37
  width: '100%',
38
38
  display: 'inline-flex',
39
+ overflow: 'hidden',
39
40
  position: 'sticky'
40
41
  }, isRtl ? 'right' : 'left', 0), "top", 0);
41
- var placeStyle = _defineProperty(_defineProperty(_defineProperty(_defineProperty({
42
- marginTop: height > 0 && scrollHeight > 0 ? Math.max(0, Math.floor(scrollHeight - height)) : 0
43
- }, "margin".concat(isRtl ? 'Left' : 'Right'), scrollWidth), "height", 0), "width", 0), "overflow", 'hidden');
42
+ var placeStyle = {
43
+ marginTop: (height > 0 && scrollHeight > 0 ? Math.max(0, Math.floor(scrollHeight - height)) : 0) - 1,
44
+ width: scrollWidth,
45
+ height: 1,
46
+ overflow: 'hidden'
47
+ };
44
48
  var handleScroll = usePersistFn(function (e) {
45
49
  var target = e.currentTarget;
46
50
  var scrollLeft = target.scrollLeft,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.1.27",
3
+ "version": "3.1.28",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "module": "./esm/index.js",
11
11
  "typings": "./cjs/index.d.ts",
12
12
  "dependencies": {
13
- "@sheinx/hooks": "3.1.27",
13
+ "@sheinx/hooks": "3.1.28",
14
14
  "immer": "^10.0.0",
15
15
  "classnames": "^2.0.0",
16
16
  "@shined/reactive": "^0.1.3-alpha.0"