shineout 3.4.0 → 3.4.1-fix.1

package/cjs/index.js

@@ -492,5 +492,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.4.0'
+  version: '3.4.1-fix.1'
 };

package/cjs/tests/utils.d.ts

@@ -22,6 +22,7 @@ export type ReactComponentType = React.ComponentType<BaseTestProps>;
 export declare function baseTest(Component: ReactComponentType | JSX.Element, selector: string, styleV?: StyleProps, styleRender?: string, className?: string, data?: any): void;
 export declare function childrenTest(Component: React.ComponentType<BaseTestProps>, selector: string): void;
 export declare function inputValueTest(element: Element, value: string): void;
+export declare function inputPlaceholderTest(element: Element, value: string): void;
 export declare function displayTest(Component: React.FC, displayName: string): void;
 export declare const delay: (time: number) => Promise<void>;
 type classNamesMapType = {

package/cjs/tests/utils.js

@@ -13,6 +13,7 @@ exports.componentsClassTest = componentsClassTest;
 exports.delay = exports.createClassName = void 0;
 exports.displayTest = displayTest;
 exports.hasAttributesTest = hasAttributesTest;
+exports.inputPlaceholderTest = inputPlaceholderTest;
 exports.inputValueTest = inputValueTest;
 exports.snapshotTest = snapshotTest;
 exports.snapshotTestByClick = snapshotTestByClick;
@@ -136,6 +137,9 @@ function childrenTest(Component, selector) {
 function inputValueTest(element, value) {
   attributesTest(element, 'value', value);
 }
+function inputPlaceholderTest(element, value) {
+  attributesTest(element, 'placeholder', value);
+}
 function displayTest(Component, displayName) {
   test('should start with Shineout display', function () {
     expect(Component.displayName).toBe(displayName);

package/dist/shineout.js

@@ -11991,7 +11991,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.4.0');
+/* harmony default export */ var version = ('3.4.1-fix.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -26847,7 +26847,9 @@ var treeStyle = {
   },
   noline: {
     '& $iconWrapper': {
-      // left: 12,
+      '& $icon': {
+        transition: 'transform .2s cubic-bezier(.34,.69,.1,1)'
+      }
     },
     '& $iconWrapper[data-expanded="false"][data-icon="false"]': {
       '& $icon': {
@@ -26869,16 +26871,38 @@ var treeStyle = {
       '&$leaf': {
         paddingLeft: 24
       }
+    },
+    '& > $root': {
+      '& > $node': {
+        paddingLeft: 24
+      }
     }
   },
   root: {
-    '& > :first-child$node': {
+    // '& > :first-child$node': {
+    //   '&::before': {
+    //     top: 18,
+    //   },
+    // },
+    // '& > :last-child$node': {
+    //   '&::before': {},
+    // },
+    '& > $node': {
+      paddingLeft: 12,
+      '& > $contentWrapper > $iconWrapper': {
+        '&[dir=ltr]': {
+          left: 0
+        },
+        '&[dir=rtl]': {
+          right: 0
+        }
+      },
       '&::before': {
-        top: 18
+        display: 'none'
+      },
+      '&::after': {
+        display: 'none'
       }
-    },
-    '& > :last-child$node': {
-      '&::before': {}
     }
   },
   small: {},
@@ -26986,6 +27010,7 @@ var treeStyle = {
     borderRadius: '50%',
     color: src.treeItemFontColor,
     cursor: 'pointer',
+    transition: 'background .2s ease',
     // transform: 'rotate(-90deg)',
     '&:hover': {
       background: src.treeItemHoverBackgroundColor
@@ -32431,19 +32456,18 @@ function useInputAble(props) {
   var render = useRender(syncValue);
   var shouldUseState = delay || !control;
   var value = shouldUseState ? stateValue : valuePo;
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (context.timer) {
-      clearTimeout(context.timer);
-      context.timer = null;
-    }
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     if (delay && control && props.value !== stateValue) {
       changeStateValue(props.value);
+    } else if (context.timer) {
+      clearTimeout(context.timer);
+      context.timer = null;
     }
   }, [props.value, delay, control]);
   var forceDelayChange = use_persist_fn(function () {
-    if (context.timer && context.delayChange) {
+    if (context.delayChange) context.delayChange();
+    if (context.timer) {
       clearTimeout(context.timer);
-      context.delayChange();
       context.timer = null;
       context.delayChange = null;
     }
@@ -36643,6 +36667,7 @@ var result_Input = function Input(props) {
     placeholder: props.placeholder,
     autoComplete: 'off',
     value: value,
+    readOnly: props.readOnly,
     maxLength: props.maxLength,
     disabled: props.disabled,
     onBlur: props.onBlur,
@@ -36736,12 +36761,13 @@ var Result = function Result(props) {
       className: className,
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
-        children: info.inputable ? /*#__PURE__*/(0,jsx_runtime.jsx)(result_Input, {
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(result_Input, {
           onRef: function onRef(el) {
             _onRef.current.inputRef = el;
             context.inputRefs[info.index] = el;
           },
-          disabled: dis,
+          disabled: dis && info.inputable,
+          readOnly: !info.inputable,
           open: !!open,
           inputRef: inputRef,
           value: info.target || info.value || '',
@@ -36768,10 +36794,7 @@ var Result = function Result(props) {
             (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, e);
           },
           onClick: onClickProps
-        }, info.index) : info.target || info.value || /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-          className: styles === null || styles === void 0 ? void 0 : styles.placeholder,
-          children: info.place
-        })
+        }, info.index)
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextBg
       })]
@@ -59346,7 +59369,6 @@ var TabsHeader = function TabsHeader(props) {
     handleTransform = _useTransform.handleTransform,
     setTransform = _useTransform.setTransform;
   var headerStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
-  var headerClass = classnames_default()(headerStyle.header, {});
   var headerWrapperClass = classnames_default()(headerStyle.headerWrapper, {});
   var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
   var calculateOffset = function calculateOffset(currentScrollOffsetStartValue, width, currentOffsetStartValue, currentOffsetEndOther, parentWidth) {
@@ -59419,12 +59441,13 @@ var TabsHeader = function TabsHeader(props) {
     });
   };
   var renderTab = function renderTab() {
+    var headerClass = classnames_default()(headerStyle.header, shape === 'card' ? headerStyle.cardHr : '');
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       ref: headerRef,
       className: headerClass,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         ref: scrollRef,
-        className: classnames_default()(headerStyle.headerScroll, shape === 'card' ? headerStyle.cardHr : ''),
+        className: headerStyle.headerScroll,
         onWheel: handleTransform,
         style: transformStyle,
         children: [shape === 'button' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button.Group, {
@@ -65054,7 +65077,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.4.0'
+  version: '3.4.1-fix.1'
 });
 }();
 /******/ 	return __webpack_exports__;