@sheinx/base 3.4.0 → 3.4.2-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.
@@ -18,6 +18,7 @@ export declare const Input: (props: {
18
18
  onFocus?: ((e: React.FocusEvent) => void) | undefined;
19
19
  onBlur?: ((e: React.FocusEvent) => void) | undefined;
20
20
  onClick?: ((e?: React.MouseEvent) => void) | undefined;
21
+ readOnly?: boolean | undefined;
21
22
  }) => JSX.Element;
22
23
  interface ResultProps extends Pick<DatePickerProps<string>, 'jssStyle' | 'type' | 'inputable' | 'range' | 'placeholder'> {
23
24
  focused: boolean;
@@ -1 +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"}
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;;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"}
@@ -41,6 +41,7 @@ var Input = exports.Input = function Input(props) {
41
41
  placeholder: props.placeholder,
42
42
  autoComplete: 'off',
43
43
  value: value,
44
+ readOnly: props.readOnly,
44
45
  maxLength: props.maxLength,
45
46
  disabled: props.disabled,
46
47
  onBlur: props.onBlur,
@@ -134,12 +135,13 @@ var Result = function Result(props) {
134
135
  className: className,
135
136
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
136
137
  className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
137
- children: info.inputable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {
138
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {
138
139
  onRef: function onRef(el) {
139
140
  _onRef.current.inputRef = el;
140
141
  context.inputRefs[info.index] = el;
141
142
  },
142
- disabled: dis,
143
+ disabled: dis && info.inputable,
144
+ readOnly: !info.inputable,
143
145
  open: !!open,
144
146
  inputRef: inputRef,
145
147
  value: info.target || info.value || '',
@@ -166,10 +168,7 @@ var Result = function Result(props) {
166
168
  (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, e);
167
169
  },
168
170
  onClick: onClickProps
169
- }, info.index) : info.target || info.value || /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
170
- className: styles === null || styles === void 0 ? void 0 : styles.placeholder,
171
- children: info.place
172
- })
171
+ }, info.index)
173
172
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
174
173
  className: styles === null || styles === void 0 ? void 0 : styles.resultTextBg
175
174
  })]
@@ -15,13 +15,13 @@ var ListColumnsOption = function ListColumnsOption(props) {
15
15
  datum = props.datum,
16
16
  size = props.size,
17
17
  multiple = props.multiple,
18
+ columns = props.columns,
18
19
  _props$columnWidth = props.columnWidth,
19
20
  columnWidth = _props$columnWidth === void 0 ? 160 : _props$columnWidth,
20
- renderItemProp = props.renderItem,
21
- closePop = props.closePop;
21
+ renderItemProp = props.renderItem;
22
22
  var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
23
23
  var style = {
24
- width: columnWidth
24
+ width: columns && columns <= 1 ? '100%' : columnWidth
25
25
  };
26
26
  var isChecked = datum.check(data);
27
27
  var isDisabled = datum.disabledCheck(data);
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { JssStyleType, SelectProps, DatumType } from './select.type';
3
- export interface ListColumnsOptionProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'multiple' | 'columnWidth' | 'size'> {
3
+ export interface ListColumnsOptionProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'multiple' | 'columnWidth' | 'size' | 'columns'> {
4
4
  jssStyle?: JssStyleType;
5
5
  data: DataItem;
6
6
  datum: DatumType<DataItem, Value>;
@@ -1 +1 @@
1
- {"version":3,"file":"list-columns-option.type.d.ts","sourceRoot":"","sources":["list-columns-option.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAErE,MAAM,WAAW,sBAAsB,CAAC,QAAQ,EAAE,KAAK,CACrD,SAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,MAAM,CAAC;IAC/E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}
1
+ {"version":3,"file":"list-columns-option.type.d.ts","sourceRoot":"","sources":["list-columns-option.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAErE,MAAM,WAAW,sBAAsB,CAAC,QAAQ,EAAE,KAAK,CACrD,SAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3F,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}
@@ -1 +1 @@
1
- {"version":3,"file":"list-columns.d.ts","sourceRoot":"","sources":["list-columns.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,QAAA,MAAM,WAAW,yEAqMhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"list-columns.d.ts","sourceRoot":"","sources":["list-columns.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,QAAA,MAAM,WAAW,yEAsMhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -119,6 +119,7 @@ var ColumnsList = function ColumnsList(props) {
119
119
  data: item,
120
120
  size: size,
121
121
  datum: datum,
122
+ columns: columns,
122
123
  multiple: multiple,
123
124
  columnWidth: columnWidth,
124
125
  renderItem: renderItemProp,
@@ -692,7 +692,7 @@ function Select(props0) {
692
692
  children: [tipNode, renderResult(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.AbsoluteList, {
693
693
  adjust: adjust,
694
694
  focus: open,
695
- fixedWidth: !props.columns && (autoAdapt ? 'min' : true),
695
+ fixedWidth: (!props.columns || props.columns <= 1) && (autoAdapt ? 'min' : true),
696
696
  absolute: props.absolute,
697
697
  zIndex: props.zIndex,
698
698
  position: position,
@@ -1 +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"}
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,gBAqQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -84,7 +84,6 @@ var TabsHeader = function TabsHeader(props) {
84
84
  handleTransform = _useTransform.handleTransform,
85
85
  setTransform = _useTransform.setTransform;
86
86
  var headerStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
87
- var headerClass = (0, _classnames.default)(headerStyle.header, {});
88
87
  var headerWrapperClass = (0, _classnames.default)(headerStyle.headerWrapper, {});
89
88
  var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
90
89
  var calculateOffset = function calculateOffset(currentScrollOffsetStartValue, width, currentOffsetStartValue, currentOffsetEndOther, parentWidth) {
@@ -157,12 +156,13 @@ var TabsHeader = function TabsHeader(props) {
157
156
  });
158
157
  };
159
158
  var renderTab = function renderTab() {
159
+ var headerClass = (0, _classnames.default)(headerStyle.header, shape === 'card' ? headerStyle.cardHr : '');
160
160
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
161
161
  ref: headerRef,
162
162
  className: headerClass,
163
163
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
164
164
  ref: scrollRef,
165
- className: (0, _classnames.default)(headerStyle.headerScroll, shape === 'card' ? headerStyle.cardHr : ''),
165
+ className: headerStyle.headerScroll,
166
166
  onWheel: handleTransform,
167
167
  style: transformStyle,
168
168
  children: [shape === 'button' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default.Group, {
@@ -18,6 +18,7 @@ export declare const Input: (props: {
18
18
  onFocus?: ((e: React.FocusEvent) => void) | undefined;
19
19
  onBlur?: ((e: React.FocusEvent) => void) | undefined;
20
20
  onClick?: ((e?: React.MouseEvent) => void) | undefined;
21
+ readOnly?: boolean | undefined;
21
22
  }) => JSX.Element;
22
23
  interface ResultProps extends Pick<DatePickerProps<string>, 'jssStyle' | 'type' | 'inputable' | 'range' | 'placeholder'> {
23
24
  focused: boolean;
@@ -1 +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"}
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;;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"}
@@ -32,6 +32,7 @@ export var Input = function Input(props) {
32
32
  placeholder: props.placeholder,
33
33
  autoComplete: 'off',
34
34
  value: value,
35
+ readOnly: props.readOnly,
35
36
  maxLength: props.maxLength,
36
37
  disabled: props.disabled,
37
38
  onBlur: props.onBlur,
@@ -125,12 +126,13 @@ var Result = function Result(props) {
125
126
  className: className,
126
127
  children: [/*#__PURE__*/_jsx("span", {
127
128
  className: styles === null || styles === void 0 ? void 0 : styles.resultTextPadding,
128
- children: info.inputable ? /*#__PURE__*/_jsx(Input, {
129
+ children: /*#__PURE__*/_jsx(Input, {
129
130
  onRef: function onRef(el) {
130
131
  _onRef.current.inputRef = el;
131
132
  context.inputRefs[info.index] = el;
132
133
  },
133
- disabled: dis,
134
+ disabled: dis && info.inputable,
135
+ readOnly: !info.inputable,
134
136
  open: !!open,
135
137
  inputRef: inputRef,
136
138
  value: info.target || info.value || '',
@@ -157,10 +159,7 @@ var Result = function Result(props) {
157
159
  (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, e);
158
160
  },
159
161
  onClick: onClickProps
160
- }, info.index) : info.target || info.value || /*#__PURE__*/_jsx("span", {
161
- className: styles === null || styles === void 0 ? void 0 : styles.placeholder,
162
- children: info.place
163
- })
162
+ }, info.index)
164
163
  }), /*#__PURE__*/_jsx("div", {
165
164
  className: styles === null || styles === void 0 ? void 0 : styles.resultTextBg
166
165
  })]
@@ -8,13 +8,13 @@ var ListColumnsOption = function ListColumnsOption(props) {
8
8
  datum = props.datum,
9
9
  size = props.size,
10
10
  multiple = props.multiple,
11
+ columns = props.columns,
11
12
  _props$columnWidth = props.columnWidth,
12
13
  columnWidth = _props$columnWidth === void 0 ? 160 : _props$columnWidth,
13
- renderItemProp = props.renderItem,
14
- closePop = props.closePop;
14
+ renderItemProp = props.renderItem;
15
15
  var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
16
16
  var style = {
17
- width: columnWidth
17
+ width: columns && columns <= 1 ? '100%' : columnWidth
18
18
  };
19
19
  var isChecked = datum.check(data);
20
20
  var isDisabled = datum.disabledCheck(data);
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { JssStyleType, SelectProps, DatumType } from './select.type';
3
- export interface ListColumnsOptionProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'multiple' | 'columnWidth' | 'size'> {
3
+ export interface ListColumnsOptionProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'multiple' | 'columnWidth' | 'size' | 'columns'> {
4
4
  jssStyle?: JssStyleType;
5
5
  data: DataItem;
6
6
  datum: DatumType<DataItem, Value>;
@@ -1 +1 @@
1
- {"version":3,"file":"list-columns-option.type.d.ts","sourceRoot":"","sources":["list-columns-option.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAErE,MAAM,WAAW,sBAAsB,CAAC,QAAQ,EAAE,KAAK,CACrD,SAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,MAAM,CAAC;IAC/E,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}
1
+ {"version":3,"file":"list-columns-option.type.d.ts","sourceRoot":"","sources":["list-columns-option.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAErE,MAAM,WAAW,sBAAsB,CAAC,QAAQ,EAAE,KAAK,CACrD,SAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3F,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}
@@ -1 +1 @@
1
- {"version":3,"file":"list-columns.d.ts","sourceRoot":"","sources":["list-columns.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,QAAA,MAAM,WAAW,yEAqMhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"list-columns.d.ts","sourceRoot":"","sources":["list-columns.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,QAAA,MAAM,WAAW,yEAsMhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -113,6 +113,7 @@ var ColumnsList = function ColumnsList(props) {
113
113
  data: item,
114
114
  size: size,
115
115
  datum: datum,
116
+ columns: columns,
116
117
  multiple: multiple,
117
118
  columnWidth: columnWidth,
118
119
  renderItem: renderItemProp,
@@ -685,7 +685,7 @@ function Select(props0) {
685
685
  children: [tipNode, renderResult(), /*#__PURE__*/_jsx(AbsoluteList, {
686
686
  adjust: adjust,
687
687
  focus: open,
688
- fixedWidth: !props.columns && (autoAdapt ? 'min' : true),
688
+ fixedWidth: (!props.columns || props.columns <= 1) && (autoAdapt ? 'min' : true),
689
689
  absolute: props.absolute,
690
690
  zIndex: props.zIndex,
691
691
  position: position,
@@ -1 +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"}
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,gBAqQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -78,7 +78,6 @@ var TabsHeader = function TabsHeader(props) {
78
78
  handleTransform = _useTransform.handleTransform,
79
79
  setTransform = _useTransform.setTransform;
80
80
  var headerStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
81
- var headerClass = classNames(headerStyle.header, {});
82
81
  var headerWrapperClass = classNames(headerStyle.headerWrapper, {});
83
82
  var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
84
83
  var calculateOffset = function calculateOffset(currentScrollOffsetStartValue, width, currentOffsetStartValue, currentOffsetEndOther, parentWidth) {
@@ -151,12 +150,13 @@ var TabsHeader = function TabsHeader(props) {
151
150
  });
152
151
  };
153
152
  var renderTab = function renderTab() {
153
+ var headerClass = classNames(headerStyle.header, shape === 'card' ? headerStyle.cardHr : '');
154
154
  return /*#__PURE__*/_jsx("div", {
155
155
  ref: headerRef,
156
156
  className: headerClass,
157
157
  children: /*#__PURE__*/_jsxs("div", {
158
158
  ref: scrollRef,
159
- className: classNames(headerStyle.headerScroll, shape === 'card' ? headerStyle.cardHr : ''),
159
+ className: headerStyle.headerScroll,
160
160
  onWheel: handleTransform,
161
161
  style: transformStyle,
162
162
  children: [shape === 'button' && /*#__PURE__*/_jsx(Button.Group, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.4.0",
3
+ "version": "3.4.2-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.4.0",
13
+ "@sheinx/hooks": "3.4.2-beta.1",
14
14
  "immer": "^10.0.0",
15
15
  "classnames": "^2.0.0",
16
16
  "@shined/reactive": "^0.1.3-alpha.0"