@sheinx/base 3.4.5-beta.1 → 3.4.5-beta.2

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 (11) hide show
  1. package/cjs/card/card.js +4 -2
  2. package/cjs/card-group/item.js +1 -0
  3. package/cjs/card-group/lazyload.d.ts +1 -0
  4. package/cjs/card-group/lazyload.d.ts.map +1 -1
  5. package/cjs/card-group/lazyload.js +1 -1
  6. package/esm/card/card.js +4 -2
  7. package/esm/card-group/item.js +1 -0
  8. package/esm/card-group/lazyload.d.ts +1 -0
  9. package/esm/card-group/lazyload.d.ts.map +1 -1
  10. package/esm/card-group/lazyload.js +1 -1
  11. package/package.json +2 -2
package/cjs/card/card.js CHANGED
@@ -27,7 +27,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
27
  var Card = function Card(props) {
28
28
  var _props$jssStyle, _props$jssStyle$card, _props$id;
29
29
  var _props$style = props.style,
30
- style = _props$style === void 0 ? {} : _props$style;
30
+ style = _props$style === void 0 ? {} : _props$style,
31
+ _props$defaultCollaps = props.defaultCollapsed,
32
+ defaultCollapsed = _props$defaultCollaps === void 0 ? true : _props$defaultCollaps;
31
33
  var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
32
34
  var panelRef = (0, _react.useRef)(null);
33
35
  var forceUpdate = (0, _hooks.useRender)();
@@ -35,7 +37,7 @@ var Card = function Card(props) {
35
37
  id: undefined
36
38
  }),
37
39
  context = _useRef.current;
38
- var _useState = (0, _react.useState)(props.defaultCollapsed),
40
+ var _useState = (0, _react.useState)(defaultCollapsed),
39
41
  _useState2 = _slicedToArray(_useState, 2),
40
42
  collapsed = _useState2[0],
41
43
  setCollapsed = _useState2[1];
package/cjs/card-group/item.js CHANGED
@@ -37,6 +37,7 @@ var Item = function Item(props) {
37
37
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lazyload.default, {
38
38
  container: container,
39
39
  placeholder: props.placeholder,
40
+ isInView: isInView,
40
41
  children: content
41
42
  });
42
43
  };
package/cjs/card-group/lazyload.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface LazyloadProps {
4
4
  placeholder?: React.ReactNode;
5
5
  container?: HTMLElement;
6
6
  offset?: number;
7
+ isInView?: boolean;
7
8
  }
8
9
  declare const Lazyload: (props: LazyloadProps) => JSX.Element;
9
10
  export default Lazyload;
package/cjs/card-group/lazyload.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/cjs/card-group/lazyload.js CHANGED
@@ -38,7 +38,7 @@ var Lazyload = function Lazyload(props) {
38
38
  removeStack(lazyId);
39
39
  };
40
40
  }, []);
41
- if (ready) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
41
+ if (ready && props.isInView) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
42
42
  children: props.children
43
43
  });
44
44
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
package/esm/card/card.js CHANGED
@@ -22,7 +22,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
22
22
  var Card = function Card(props) {
23
23
  var _props$jssStyle, _props$jssStyle$card, _props$id;
24
24
  var _props$style = props.style,
25
- style = _props$style === void 0 ? {} : _props$style;
25
+ style = _props$style === void 0 ? {} : _props$style,
26
+ _props$defaultCollaps = props.defaultCollapsed,
27
+ defaultCollapsed = _props$defaultCollaps === void 0 ? true : _props$defaultCollaps;
26
28
  var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
27
29
  var panelRef = useRef(null);
28
30
  var forceUpdate = useRender();
@@ -30,7 +32,7 @@ var Card = function Card(props) {
30
32
  id: undefined
31
33
  }),
32
34
  context = _useRef.current;
33
- var _useState = useState(props.defaultCollapsed),
35
+ var _useState = useState(defaultCollapsed),
34
36
  _useState2 = _slicedToArray(_useState, 2),
35
37
  collapsed = _useState2[0],
36
38
  setCollapsed = _useState2[1];
package/esm/card-group/item.js CHANGED
@@ -30,6 +30,7 @@ var Item = function Item(props) {
30
30
  return /*#__PURE__*/_jsx(Lazyload, {
31
31
  container: container,
32
32
  placeholder: props.placeholder,
33
+ isInView: isInView,
33
34
  children: content
34
35
  });
35
36
  };
package/esm/card-group/lazyload.d.ts CHANGED
@@ -4,6 +4,7 @@ export interface LazyloadProps {
4
4
  placeholder?: React.ReactNode;
5
5
  container?: HTMLElement;
6
6
  offset?: number;
7
+ isInView?: boolean;
7
8
  }
8
9
  declare const Lazyload: (props: LazyloadProps) => JSX.Element;
9
10
  export default Lazyload;
package/esm/card-group/lazyload.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/esm/card-group/lazyload.js CHANGED
@@ -30,7 +30,7 @@ var Lazyload = function Lazyload(props) {
30
30
  removeStack(lazyId);
31
31
  };
32
32
  }, []);
33
- if (ready) return /*#__PURE__*/_jsx(_Fragment, {
33
+ if (ready && props.isInView) return /*#__PURE__*/_jsx(_Fragment, {
34
34
  children: props.children
35
35
  });
36
36
  return /*#__PURE__*/_jsx("span", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.4.5-beta.1",
3
+ "version": "3.4.5-beta.2",
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.4.5-beta.1",
13
+ "@sheinx/hooks": "3.4.5-beta.2",
14
14
  "immer": "^10.0.0",
15
15
  "classnames": "^2.0.0",
16
16
  "@shined/reactive": "^0.1.3-alpha.0"