@sheinx/base 3.1.11 → 3.1.13

package/cjs/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,QAAA,MAAM,IAAI,UAAW,SAAS,gBA0G7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,QAAA,MAAM,IAAI,UAAW,SAAS,gBA8G7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/card/card.js

@@ -30,6 +30,7 @@ var Card = function Card(props) {
     style = _props$style === void 0 ? {} : _props$style;
   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);
   var panelRef = (0, _react.useRef)(null);
+  var forceUpdate = (0, _hooks.useRender)();
   var _useRef = (0, _react.useRef)({
       id: undefined
     }),
@@ -49,9 +50,12 @@ var Card = function Card(props) {
     activeId = _useContext.activeId,
     getDefaultId = _useContext.getDefaultId,
     onActiveChange = _useContext.onActiveChange;
-  if (context.id === undefined) {
-    context.id = getDefaultId();
-  }
+  (0, _react.useEffect)(function () {
+    if (context.id === undefined) {
+      context.id = getDefaultId();
+      forceUpdate();
+    }
+  }, []);
   var id = (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : context.id;
   var collapsible = props.collapsible || inAccordion;
   var getCollpased = function getCollpased() {

package/cjs/select/result.js

@@ -300,9 +300,9 @@ var Result = function Result(props) {
     mounted.current = true;
   }, [focus]);
   (0, _react.useEffect)(function () {
-    handleResetMore();
+    setTimeout(handleResetMore);
   }, [valueProp, data]);
-  (0, _react.useLayoutEffect)(function () {
+  (0, _react.useEffect)(function () {
     if (shouldResetMore && more === -1 && compressed && resultRef.current && (props.value || [].length)) {
       var tagClassName = ".".concat(styles.tag.split(' ')[0]);
       if (shouldResetMore && isArray(value) && (value || []).length) {

package/cjs/tree/tree-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAgST,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAiST,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,4FAmOT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,4FAyOT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/tree/tree.js

@@ -75,6 +75,10 @@ var Tree = function Tree(props) {
     onDragStart = props.onDragStart,
     propsDatum = props.datum,
     rest = _objectWithoutProperties(props, _excluded);
+  var _useRef = (0, _react.useRef)({
+      mounted: false
+    }),
+    context = _useRef.current;
   var _useTree = (0, _hooks.useTree)({
       mode: mode,
       value: value,
@@ -190,6 +194,11 @@ var Tree = function Tree(props) {
     }
   };
   (0, _react.useEffect)(function () {
+    // 首次渲染不更新
+    if (!context.mounted) {
+      return;
+    }
+    if (!props.expanded) return;
     handleUpdateExpanded(expanded);
   }, [expanded]);
   (0, _react.useEffect)(function () {
@@ -198,6 +207,7 @@ var Tree = function Tree(props) {
   }, [active]);
   (0, _react.useEffect)(function () {
     if (getDatum) getDatum(datum);
+    context.mounted = true;
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: rootClass

package/esm/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,QAAA,MAAM,IAAI,UAAW,SAAS,gBA0G7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,QAAA,MAAM,IAAI,UAAW,SAAS,gBA8G7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/card/card.js

@@ -10,8 +10,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useState, useMemo, useRef, useContext } from 'react';
-import { usePersistFn, useDragMove, useDragResize } from '@sheinx/hooks';
+import { useState, useMemo, useRef, useContext, useEffect } from 'react';
+import { usePersistFn, useDragMove, useDragResize, useRender } from '@sheinx/hooks';
 import classNames from 'classnames';
 import { CardContext } from "./card.context";
 import { CardAccordionContext, defualtCardAccordionContextValue } from "./card-accordion-context";
@@ -25,6 +25,7 @@ var Card = function Card(props) {
     style = _props$style === void 0 ? {} : _props$style;
   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);
   var panelRef = useRef(null);
+  var forceUpdate = useRender();
   var _useRef = useRef({
       id: undefined
     }),
@@ -44,9 +45,12 @@ var Card = function Card(props) {
     activeId = _useContext.activeId,
     getDefaultId = _useContext.getDefaultId,
     onActiveChange = _useContext.onActiveChange;
-  if (context.id === undefined) {
-    context.id = getDefaultId();
-  }
+  useEffect(function () {
+    if (context.id === undefined) {
+      context.id = getDefaultId();
+      forceUpdate();
+    }
+  }, []);
   var id = (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : context.id;
   var collapsible = props.collapsible || inAccordion;
   var getCollpased = function getCollpased() {

package/esm/select/result.js

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useRef, useEffect, useLayoutEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { util, addResizeObserver } from '@sheinx/hooks';
 import Input from "./result-input";
@@ -292,9 +292,9 @@ var Result = function Result(props) {
     mounted.current = true;
   }, [focus]);
   useEffect(function () {
-    handleResetMore();
+    setTimeout(handleResetMore);
   }, [valueProp, data]);
-  useLayoutEffect(function () {
+  useEffect(function () {
     if (shouldResetMore && more === -1 && compressed && resultRef.current && (props.value || [].length)) {
       var tagClassName = ".".concat(styles.tag.split(' ')[0]);
       if (shouldResetMore && isArray(value) && (value || []).length) {

package/esm/tree/tree-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAgST,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAiST,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,4FAmOT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,4FAyOT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree.js

@@ -13,7 +13,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import { useTree, util } from '@sheinx/hooks';
 import RootTree from "./tree-root";
@@ -68,6 +68,10 @@ var Tree = function Tree(props) {
     onDragStart = props.onDragStart,
     propsDatum = props.datum,
     rest = _objectWithoutProperties(props, _excluded);
+  var _useRef = useRef({
+      mounted: false
+    }),
+    context = _useRef.current;
   var _useTree = useTree({
       mode: mode,
       value: value,
@@ -183,6 +187,11 @@ var Tree = function Tree(props) {
     }
   };
   useEffect(function () {
+    // 首次渲染不更新
+    if (!context.mounted) {
+      return;
+    }
+    if (!props.expanded) return;
     handleUpdateExpanded(expanded);
   }, [expanded]);
   useEffect(function () {
@@ -191,6 +200,7 @@ var Tree = function Tree(props) {
   }, [active]);
   useEffect(function () {
     if (getDatum) getDatum(datum);
+    context.mounted = true;
   }, []);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: rootClass

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.1.11",
+  "version": "3.1.13",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,10 +10,10 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.1.11",
+    "@sheinx/hooks": "3.1.13",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
-    "@shined/reactive": "^0.1.2"
+    "@shined/reactive": "^0.1.3-alpha.0"
   },
   "peerDependencies": {
     "react": ">=16.8",