@sheinx/base 3.3.1 → 3.3.3-beta.1

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.
@@ -2,4 +2,5 @@ export { default, default as CardGroup } from './card-group';
2
2
  export type { CardGroupProps, CardGroupClasses } from './card-group.type';
3
3
  export { default as CardGroupItem } from './item';
4
4
  export type { CardGroupItemProps } from './item.type';
5
+ export { default as LazyLoad } from './lazyload';
5
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -16,6 +16,12 @@ Object.defineProperty(exports, "CardGroupItem", {
16
16
  return _item.default;
17
17
  }
18
18
  });
19
+ Object.defineProperty(exports, "LazyLoad", {
20
+ enumerable: true,
21
+ get: function get() {
22
+ return _lazyload.default;
23
+ }
24
+ });
19
25
  Object.defineProperty(exports, "default", {
20
26
  enumerable: true,
21
27
  get: function get() {
@@ -24,4 +30,5 @@ Object.defineProperty(exports, "default", {
24
30
  });
25
31
  var _cardGroup = _interopRequireDefault(require("./card-group"));
26
32
  var _item = _interopRequireDefault(require("./item"));
33
+ var _lazyload = _interopRequireDefault(require("./lazyload"));
27
34
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -97,10 +97,10 @@ var Dropdown = function Dropdown(props) {
97
97
  dir: config.direction,
98
98
  children: _icons.default.dropdown.DropdownArrow
99
99
  }, 'caret');
100
- var child = [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
100
+ var child = placeholder ? [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
101
101
  className: dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.content,
102
102
  children: placeholder
103
- }, 'text')];
103
+ }, 'text')] : [];
104
104
  if (!hideArrow) {
105
105
  child.push(caret);
106
106
  }
@@ -161,9 +161,9 @@ var EditableArea = function EditableArea(props) {
161
161
  };
162
162
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
163
163
  className: (0, _classnames.default)(className, editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapper, status === 'error' && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperError), disabled && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperDisabled), !bordered && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperNoBorder), !!props.innerTitle && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperInnerTitle)),
164
- style: _objectSpread(_objectSpread({}, style), {}, {
164
+ style: _objectSpread({
165
165
  width: width
166
- }),
166
+ }, style),
167
167
  ref: wrapperRef,
168
168
  children: [renderPlaceholder(), renderClear(), renderPopup()]
169
169
  });
@@ -1 +1 @@
1
- {"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,wBA8DE"}
1
+ {"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,wBA+DE"}
@@ -92,7 +92,8 @@ var _default = exports.default = function _default(props) {
92
92
  }
93
93
  if ( /*#__PURE__*/React.isValidElement(child)) {
94
94
  return /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, getProps(child)), {}, {
95
- disabled: child.props.disabled || disabled
95
+ disabled: child.props.disabled || disabled,
96
+ size: child.props.size || size
96
97
  }));
97
98
  }
98
99
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -1 +1 @@
1
- {"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBAsUtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBA6UtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -217,7 +217,10 @@ var Modal = function Modal(props) {
217
217
  });
218
218
  };
219
219
  var renderHeader = function renderHeader() {
220
- var showCloseIcon = (maskCloseAble === null || !!maskCloseAble) && !props.hideClose;
220
+ var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
221
+ if (props.hideClose !== undefined) {
222
+ showCloseIcon = !props.hideClose;
223
+ }
221
224
  var isEmptyTitle = !props.title && props.title !== 0;
222
225
  if (isEmptyTitle) {
223
226
  var closeRoot = (0, _classnames.default)(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyClose);
@@ -302,6 +305,9 @@ var Modal = function Modal(props) {
302
305
  }
303
306
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formFooterContext.FormFooterProvider, {
304
307
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
308
+ onClick: function onClick(e) {
309
+ e.stopPropagation();
310
+ },
305
311
  className: (0, _classnames.default)(props.rootClassName, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapper, animation && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperAnimation), visible ? modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperShow : modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHide, (context.isMask || props.forceMask) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperIsMask), props.fullScreen && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperFullScreen), props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperMoveable), props.hideMask && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHideMask), props.zoom && !props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperZoom), (isPositionX || isPositionY) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawer), props.position === 'left' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerLeft), props.position === 'right' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerRight), props.position === 'top' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerTop), props.position === 'bottom' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerBottom)),
306
312
  onAnimationEnd: handleAnimationEnd,
307
313
  style: {
@@ -1 +1 @@
1
- {"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,wBAoEE"}
1
+ {"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,wBAqEE"}
@@ -40,6 +40,7 @@ var _default = exports.default = function _default(props) {
40
40
  var renderRow = function renderRow(item, index) {
41
41
  var rowIndex = index + currentIndex;
42
42
  var originKey = _hooks.util.getKey(props.keygen, item, rowIndex);
43
+ var trRenderKey = "".concat(originKey, "-").concat(rowIndex);
43
44
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tr.default, {
44
45
  originKey: originKey,
45
46
  row: rowData[index],
@@ -79,7 +80,7 @@ var _default = exports.default = function _default(props) {
79
80
  resizeFlag: props.resizeFlag,
80
81
  treeCheckAll: props.treeCheckAll,
81
82
  onCellClick: props.onCellClick
82
- }, originKey);
83
+ }, trRenderKey);
83
84
  };
84
85
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
85
86
  children: (props.data || []).map(function (item, index) {
@@ -2,4 +2,5 @@ export { default, default as CardGroup } from './card-group';
2
2
  export type { CardGroupProps, CardGroupClasses } from './card-group.type';
3
3
  export { default as CardGroupItem } from './item';
4
4
  export type { CardGroupItemProps } from './item.type';
5
+ export { default as LazyLoad } from './lazyload';
5
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -1,3 +1,4 @@
1
1
  "use client";
2
2
  export { default, default as CardGroup } from "./card-group";
3
- export { default as CardGroupItem } from "./item";
3
+ export { default as CardGroupItem } from "./item";
4
+ export { default as LazyLoad } from "./lazyload";
@@ -91,10 +91,10 @@ var Dropdown = function Dropdown(props) {
91
91
  dir: config.direction,
92
92
  children: Icons.dropdown.DropdownArrow
93
93
  }, 'caret');
94
- var child = [/*#__PURE__*/_jsx("span", {
94
+ var child = placeholder ? [/*#__PURE__*/_jsx("span", {
95
95
  className: dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.content,
96
96
  children: placeholder
97
- }, 'text')];
97
+ }, 'text')] : [];
98
98
  if (!hideArrow) {
99
99
  child.push(caret);
100
100
  }
@@ -153,9 +153,9 @@ var EditableArea = function EditableArea(props) {
153
153
  };
154
154
  return /*#__PURE__*/_jsxs("div", {
155
155
  className: classNames(className, editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapper, status === 'error' && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperError), disabled && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperDisabled), !bordered && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperNoBorder), !!props.innerTitle && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperInnerTitle)),
156
- style: _objectSpread(_objectSpread({}, style), {}, {
156
+ style: _objectSpread({
157
157
  width: width
158
- }),
158
+ }, style),
159
159
  ref: wrapperRef,
160
160
  children: [renderPlaceholder(), renderClear(), renderPopup()]
161
161
  });
@@ -1 +1 @@
1
- {"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,wBA8DE"}
1
+ {"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,wBA+DE"}
@@ -84,7 +84,8 @@ export default (function (props) {
84
84
  }
85
85
  if ( /*#__PURE__*/React.isValidElement(child)) {
86
86
  return /*#__PURE__*/cloneElement(child, _objectSpread(_objectSpread({}, getProps(child)), {}, {
87
- disabled: child.props.disabled || disabled
87
+ disabled: child.props.disabled || disabled,
88
+ size: child.props.size || size
88
89
  }));
89
90
  }
90
91
  return /*#__PURE__*/_jsx("span", {
@@ -1 +1 @@
1
- {"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBAsUtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBA6UtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -211,7 +211,10 @@ var Modal = function Modal(props) {
211
211
  });
212
212
  };
213
213
  var renderHeader = function renderHeader() {
214
- var showCloseIcon = (maskCloseAble === null || !!maskCloseAble) && !props.hideClose;
214
+ var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
215
+ if (props.hideClose !== undefined) {
216
+ showCloseIcon = !props.hideClose;
217
+ }
215
218
  var isEmptyTitle = !props.title && props.title !== 0;
216
219
  if (isEmptyTitle) {
217
220
  var closeRoot = classNames(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyClose);
@@ -296,6 +299,9 @@ var Modal = function Modal(props) {
296
299
  }
297
300
  return /*#__PURE__*/_jsx(FormFooterProvider, {
298
301
  children: /*#__PURE__*/_jsx("div", {
302
+ onClick: function onClick(e) {
303
+ e.stopPropagation();
304
+ },
299
305
  className: classNames(props.rootClassName, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapper, animation && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperAnimation), visible ? modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperShow : modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHide, (context.isMask || props.forceMask) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperIsMask), props.fullScreen && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperFullScreen), props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperMoveable), props.hideMask && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHideMask), props.zoom && !props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperZoom), (isPositionX || isPositionY) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawer), props.position === 'left' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerLeft), props.position === 'right' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerRight), props.position === 'top' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerTop), props.position === 'bottom' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerBottom)),
300
306
  onAnimationEnd: handleAnimationEnd,
301
307
  style: {
@@ -1 +1 @@
1
- {"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,wBAoEE"}
1
+ {"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,wBAqEE"}
@@ -33,6 +33,7 @@ export default (function (props) {
33
33
  var renderRow = function renderRow(item, index) {
34
34
  var rowIndex = index + currentIndex;
35
35
  var originKey = util.getKey(props.keygen, item, rowIndex);
36
+ var trRenderKey = "".concat(originKey, "-").concat(rowIndex);
36
37
  return /*#__PURE__*/_jsx(Tr, {
37
38
  originKey: originKey,
38
39
  row: rowData[index],
@@ -72,7 +73,7 @@ export default (function (props) {
72
73
  resizeFlag: props.resizeFlag,
73
74
  treeCheckAll: props.treeCheckAll,
74
75
  onCellClick: props.onCellClick
75
- }, originKey);
76
+ }, trRenderKey);
76
77
  };
77
78
  return /*#__PURE__*/_jsx("tbody", {
78
79
  children: (props.data || []).map(function (item, index) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.3.1",
3
+ "version": "3.3.3-beta.1",
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.3.1",
13
+ "@sheinx/hooks": "3.3.3-beta.1",
14
14
  "immer": "^10.0.0",
15
15
  "classnames": "^2.0.0",
16
16
  "@shined/reactive": "^0.1.3-alpha.0"