@sheinx/base 3.4.0 → 3.4.1

package/cjs/date-picker/result.d.ts

@@ -18,6 +18,7 @@ export declare const Input: (props: {
     onFocus?: ((e: React.FocusEvent) => void) | undefined;
     onBlur?: ((e: React.FocusEvent) => void) | undefined;
     onClick?: ((e?: React.MouseEvent) => void) | undefined;
+    readOnly?: boolean | undefined;
 }) => JSX.Element;
 interface ResultProps extends Pick<DatePickerProps<string>, 'jssStyle' | 'type' | 'inputable' | 'range' | 'placeholder'> {
     focused: boolean;

package/cjs/date-picker/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,KAAK;;WAET,MAAM;;;;kBAIC,MAAM,KAAK,IAAI;mBACf,gBAAgB,KAAK,IAAI;uBACrB,gBAAgB,KAAK,IAAI;;;;;;mBAS7B,oBAAoB,KAAK,IAAI;mBAC7B,gBAAgB,KAAK,IAAI;kBAC1B,gBAAgB,KAAK,IAAI;oBACvB,gBAAgB,KAAK,IAAI;iBAyCzC,CAAC;AACF,UAAU,WACR,SAAQ,IAAI,CACV,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAC5D;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC;QAC5B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;KACnC,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC1C;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBA0JjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,KAAK;;WAET,MAAM;;;;kBAIC,MAAM,KAAK,IAAI;mBACf,gBAAgB,KAAK,IAAI;uBACrB,gBAAgB,KAAK,IAAI;;;;;;mBAS7B,oBAAoB,KAAK,IAAI;mBAC7B,gBAAgB,KAAK,IAAI;kBAC1B,gBAAgB,KAAK,IAAI;oBACvB,gBAAgB,KAAK,IAAI;;iBA2CzC,CAAC;AACF,UAAU,WACR,SAAQ,IAAI,CACV,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAC5D;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC;QAC5B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;KACnC,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC1C;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAuJjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/date-picker/result.js

@@ -41,6 +41,7 @@ var Input = exports.Input = function Input(props) {
     placeholder: props.placeholder,
     autoComplete: 'off',
     value: value,
+    readOnly: props.readOnly,
     maxLength: props.maxLength,
     disabled: props.disabled,
     onBlur: props.onBlur,
@@ -134,12 +135,13 @@ var Result = function Result(props) {
       className: className,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
-        children: info.inputable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(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 || '',
@@ -166,10 +168,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, _jsxRuntime.jsx)("span", {
-          className: styles === null || styles === void 0 ? void 0 : styles.placeholder,
-          children: info.place
-        })
+        }, info.index)
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextBg
       })]

package/cjs/tabs/tabs-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAuQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAqQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/tabs/tabs-header.js

@@ -84,7 +84,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 = (0, _classnames.default)(headerStyle.header, {});
   var headerWrapperClass = (0, _classnames.default)(headerStyle.headerWrapper, {});
   var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
   var calculateOffset = function calculateOffset(currentScrollOffsetStartValue, width, currentOffsetStartValue, currentOffsetEndOther, parentWidth) {
@@ -157,12 +156,13 @@ var TabsHeader = function TabsHeader(props) {
     });
   };
   var renderTab = function renderTab() {
+    var headerClass = (0, _classnames.default)(headerStyle.header, shape === 'card' ? headerStyle.cardHr : '');
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: headerRef,
       className: headerClass,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         ref: scrollRef,
-        className: (0, _classnames.default)(headerStyle.headerScroll, shape === 'card' ? headerStyle.cardHr : ''),
+        className: headerStyle.headerScroll,
         onWheel: handleTransform,
         style: transformStyle,
         children: [shape === 'button' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default.Group, {

package/esm/date-picker/result.d.ts

@@ -18,6 +18,7 @@ export declare const Input: (props: {
     onFocus?: ((e: React.FocusEvent) => void) | undefined;
     onBlur?: ((e: React.FocusEvent) => void) | undefined;
     onClick?: ((e?: React.MouseEvent) => void) | undefined;
+    readOnly?: boolean | undefined;
 }) => JSX.Element;
 interface ResultProps extends Pick<DatePickerProps<string>, 'jssStyle' | 'type' | 'inputable' | 'range' | 'placeholder'> {
     focused: boolean;

package/esm/date-picker/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,KAAK;;WAET,MAAM;;;;kBAIC,MAAM,KAAK,IAAI;mBACf,gBAAgB,KAAK,IAAI;uBACrB,gBAAgB,KAAK,IAAI;;;;;;mBAS7B,oBAAoB,KAAK,IAAI;mBAC7B,gBAAgB,KAAK,IAAI;kBAC1B,gBAAgB,KAAK,IAAI;oBACvB,gBAAgB,KAAK,IAAI;iBAyCzC,CAAC;AACF,UAAU,WACR,SAAQ,IAAI,CACV,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAC5D;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC;QAC5B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;KACnC,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC1C;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBA0JjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,KAAK;;WAET,MAAM;;;;kBAIC,MAAM,KAAK,IAAI;mBACf,gBAAgB,KAAK,IAAI;uBACrB,gBAAgB,KAAK,IAAI;;;;;;mBAS7B,oBAAoB,KAAK,IAAI;mBAC7B,gBAAgB,KAAK,IAAI;kBAC1B,gBAAgB,KAAK,IAAI;oBACvB,gBAAgB,KAAK,IAAI;;iBA2CzC,CAAC;AACF,UAAU,WACR,SAAQ,IAAI,CACV,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAC5D;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC;QAC5B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;KACnC,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC1C;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAuJjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/date-picker/result.js

@@ -32,6 +32,7 @@ export var Input = function Input(props) {
     placeholder: props.placeholder,
     autoComplete: 'off',
     value: value,
+    readOnly: props.readOnly,
     maxLength: props.maxLength,
     disabled: props.disabled,
     onBlur: props.onBlur,
@@ -125,12 +126,13 @@ var Result = function Result(props) {
       className: className,
       children: [/*#__PURE__*/_jsx("span", {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
-        children: info.inputable ? /*#__PURE__*/_jsx(Input, {
+        children: /*#__PURE__*/_jsx(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 || '',
@@ -157,10 +159,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__*/_jsx("span", {
-          className: styles === null || styles === void 0 ? void 0 : styles.placeholder,
-          children: info.place
-        })
+        }, info.index)
       }), /*#__PURE__*/_jsx("div", {
         className: styles === null || styles === void 0 ? void 0 : styles.resultTextBg
       })]

package/esm/tabs/tabs-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAuQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAqQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/tabs/tabs-header.js

@@ -78,7 +78,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(headerStyle.header, {});
   var headerWrapperClass = classNames(headerStyle.headerWrapper, {});
   var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
   var calculateOffset = function calculateOffset(currentScrollOffsetStartValue, width, currentOffsetStartValue, currentOffsetEndOther, parentWidth) {
@@ -151,12 +150,13 @@ var TabsHeader = function TabsHeader(props) {
     });
   };
   var renderTab = function renderTab() {
+    var headerClass = classNames(headerStyle.header, shape === 'card' ? headerStyle.cardHr : '');
     return /*#__PURE__*/_jsx("div", {
       ref: headerRef,
       className: headerClass,
       children: /*#__PURE__*/_jsxs("div", {
         ref: scrollRef,
-        className: classNames(headerStyle.headerScroll, shape === 'card' ? headerStyle.cardHr : ''),
+        className: headerStyle.headerScroll,
         onWheel: handleTransform,
         style: transformStyle,
         children: [shape === 'button' && /*#__PURE__*/_jsx(Button.Group, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.4.0",
+    "@sheinx/hooks": "3.4.1",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"