@beppla/tapas-ui 1.2.3 → 1.2.5
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.
package/commonjs/Tab/TapasTab.js
CHANGED
|
@@ -57,10 +57,11 @@ const TapasTab = ({
|
|
|
57
57
|
const adjustedButtonStyle = _react.default.useMemo(() => {
|
|
58
58
|
if (widthMode === 'content') {
|
|
59
59
|
const contentStyle = {
|
|
60
|
-
|
|
60
|
+
flexGrow: 0,
|
|
61
61
|
// 不自动增长
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
flexShrink: 0,
|
|
63
|
+
// 不自动收缩
|
|
64
|
+
paddingHorizontal: contentPadding
|
|
64
65
|
};
|
|
65
66
|
if (minTabWidth !== undefined) {
|
|
66
67
|
contentStyle.minWidth = minTabWidth;
|
|
@@ -73,6 +74,22 @@ const TapasTab = ({
|
|
|
73
74
|
return buttonStyle;
|
|
74
75
|
}, [widthMode, buttonStyle, minTabWidth, maxTabWidth, contentPadding]);
|
|
75
76
|
|
|
77
|
+
// 为 content 模式定制 titleStyle
|
|
78
|
+
const adjustedTitleStyle = _react.default.useMemo(() => {
|
|
79
|
+
if (widthMode === 'content') {
|
|
80
|
+
// 使用类型断言来支持 Web 专有属性
|
|
81
|
+
const contentTitleStyle = {
|
|
82
|
+
whiteSpace: 'nowrap',
|
|
83
|
+
// Web: 防止文本换行
|
|
84
|
+
overflow: 'hidden',
|
|
85
|
+
// 隐藏溢出
|
|
86
|
+
textOverflow: 'ellipsis' // Web: 显示省略号
|
|
87
|
+
};
|
|
88
|
+
return [titleStyle, contentTitleStyle];
|
|
89
|
+
}
|
|
90
|
+
return titleStyle;
|
|
91
|
+
}, [widthMode, titleStyle]);
|
|
92
|
+
|
|
76
93
|
// 处理 children，为每个 Tab.Item 添加样式
|
|
77
94
|
const renderChildren = _react.default.useMemo(() => {
|
|
78
95
|
if (widthMode === 'content' && children) {
|
|
@@ -80,20 +97,20 @@ const TapasTab = ({
|
|
|
80
97
|
if (/*#__PURE__*/_react.default.isValidElement(child) && child.type === _themed.Tab.Item) {
|
|
81
98
|
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
82
99
|
buttonStyle: adjustedButtonStyle,
|
|
83
|
-
titleStyle:
|
|
100
|
+
titleStyle: adjustedTitleStyle
|
|
84
101
|
});
|
|
85
102
|
}
|
|
86
103
|
return child;
|
|
87
104
|
});
|
|
88
105
|
}
|
|
89
106
|
return children;
|
|
90
|
-
}, [widthMode, children, adjustedButtonStyle,
|
|
107
|
+
}, [widthMode, children, adjustedButtonStyle, adjustedTitleStyle]);
|
|
91
108
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Tab, {
|
|
92
109
|
...props,
|
|
93
110
|
scrollable: widthMode === 'content',
|
|
94
111
|
containerStyle: containerStyle,
|
|
95
112
|
buttonStyle: widthMode === 'fill' ? buttonStyle : undefined,
|
|
96
|
-
titleStyle: titleStyle,
|
|
113
|
+
titleStyle: widthMode === 'fill' ? titleStyle : undefined,
|
|
97
114
|
children: renderChildren
|
|
98
115
|
});
|
|
99
116
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_themed","_jsxRuntime","e","__esModule","default","TapasTab","widthMode","minTabWidth","maxTabWidth","contentPadding","containerStyle","buttonStyle","titleStyle","children","props","adjustedButtonStyle","React","useMemo","contentStyle","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_themed","_jsxRuntime","e","__esModule","default","TapasTab","widthMode","minTabWidth","maxTabWidth","contentPadding","containerStyle","buttonStyle","titleStyle","children","props","adjustedButtonStyle","React","useMemo","contentStyle","flexGrow","flexShrink","paddingHorizontal","undefined","minWidth","maxWidth","adjustedTitleStyle","contentTitleStyle","whiteSpace","overflow","textOverflow","renderChildren","Children","map","child","isValidElement","type","RNETab","Item","cloneElement","jsx","Tab","scrollable","exports","_default"],"sourceRoot":"../../../components","sources":["Tab/TapasTab.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AALtE;AACA;AACA;AACA;;AAiCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,QAAgE,GAAGA,CAAC;EAC/EC,SAAS,GAAG,MAAM;EAClBC,WAAW;EACXC,WAAW;EACXC,cAAc,GAAG,EAAE;EACnBC,cAAc;EACdC,WAAW;EACXC,UAAU;EACVC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ;EACA,MAAMC,mBAAmB,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAM;IAC9C,IAAIX,SAAS,KAAK,SAAS,EAAE;MAC3B,MAAMY,YAAuB,GAAG;QAC9BC,QAAQ,EAAE,CAAC;QAAO;QAClBC,UAAU,EAAE,CAAC;QAAK;QAClBC,iBAAiB,EAAEZ;MACrB,CAAC;MAED,IAAIF,WAAW,KAAKe,SAAS,EAAE;QAC7BJ,YAAY,CAACK,QAAQ,GAAGhB,WAAW;MACrC;MAEA,IAAIC,WAAW,KAAKc,SAAS,EAAE;QAC7BJ,YAAY,CAACM,QAAQ,GAAGhB,WAAW;MACrC;MAEA,OAAO,CAACG,WAAW,EAAEO,YAAY,CAAC;IACpC;IACA,OAAOP,WAAW;EACpB,CAAC,EAAE,CAACL,SAAS,EAAEK,WAAW,EAAEJ,WAAW,EAAEC,WAAW,EAAEC,cAAc,CAAC,CAAC;;EAEtE;EACA,MAAMgB,kBAAkB,GAAGT,cAAK,CAACC,OAAO,CAAC,MAAM;IAC7C,IAAIX,SAAS,KAAK,SAAS,EAAE;MAC3B;MACA,MAAMoB,iBAAsB,GAAG;QAC7BC,UAAU,EAAE,QAAQ;QAAE;QACtBC,QAAQ,EAAE,QAAQ;QAAE;QACpBC,YAAY,EAAE,UAAU,CAAE;MAC5B,CAAC;MACD,OAAO,CAACjB,UAAU,EAAEc,iBAAiB,CAAC;IACxC;IACA,OAAOd,UAAU;EACnB,CAAC,EAAE,CAACN,SAAS,EAAEM,UAAU,CAAC,CAAC;;EAE3B;EACA,MAAMkB,cAAc,GAAGd,cAAK,CAACC,OAAO,CAAC,MAAM;IACzC,IAAIX,SAAS,KAAK,SAAS,IAAIO,QAAQ,EAAE;MACvC,OAAOG,cAAK,CAACe,QAAQ,CAACC,GAAG,CAACnB,QAAQ,EAAGoB,KAAK,IAAK;QAC7C,IAAI,aAAAjB,cAAK,CAACkB,cAAc,CAAeD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,WAAM,CAACC,IAAI,EAAE;UAC3E,oBAAOrB,cAAK,CAACsB,YAAY,CAACL,KAAK,EAAE;YAC/BtB,WAAW,EAAEI,mBAAmB;YAChCH,UAAU,EAAEa;UACd,CAAC,CAAC;QACJ;QACA,OAAOQ,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOpB,QAAQ;EACjB,CAAC,EAAE,CAACP,SAAS,EAAEO,QAAQ,EAAEE,mBAAmB,EAAEU,kBAAkB,CAAC,CAAC;EAElE,oBACE,IAAAxB,WAAA,CAAAsC,GAAA,EAACvC,OAAA,CAAAwC,GAAM;IAAA,GACD1B,KAAK;IACT2B,UAAU,EAAEnC,SAAS,KAAK,SAAU;IACpCI,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEL,SAAS,KAAK,MAAM,GAAGK,WAAW,GAAGW,SAAU;IAC5DV,UAAU,EAAEN,SAAS,KAAK,MAAM,GAAGM,UAAU,GAAGU,SAAU;IAAAT,QAAA,EAEzDiB;EAAc,CACT,CAAC;AAEb,CAAC;;AAED;AAAAY,OAAA,CAAArC,QAAA,GAAAA,QAAA;AACAA,QAAQ,CAACgC,IAAI,GAAGD,WAAM,CAACC,IAAI;AAAC,IAAAM,QAAA,GAAAD,OAAA,CAAAtC,OAAA,GAEbC,QAAQ","ignoreList":[]}
|
package/module/Tab/TapasTab.js
CHANGED
|
@@ -51,10 +51,11 @@ export const TapasTab = ({
|
|
|
51
51
|
const adjustedButtonStyle = React.useMemo(() => {
|
|
52
52
|
if (widthMode === 'content') {
|
|
53
53
|
const contentStyle = {
|
|
54
|
-
|
|
54
|
+
flexGrow: 0,
|
|
55
55
|
// 不自动增长
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
flexShrink: 0,
|
|
57
|
+
// 不自动收缩
|
|
58
|
+
paddingHorizontal: contentPadding
|
|
58
59
|
};
|
|
59
60
|
if (minTabWidth !== undefined) {
|
|
60
61
|
contentStyle.minWidth = minTabWidth;
|
|
@@ -67,6 +68,22 @@ export const TapasTab = ({
|
|
|
67
68
|
return buttonStyle;
|
|
68
69
|
}, [widthMode, buttonStyle, minTabWidth, maxTabWidth, contentPadding]);
|
|
69
70
|
|
|
71
|
+
// 为 content 模式定制 titleStyle
|
|
72
|
+
const adjustedTitleStyle = React.useMemo(() => {
|
|
73
|
+
if (widthMode === 'content') {
|
|
74
|
+
// 使用类型断言来支持 Web 专有属性
|
|
75
|
+
const contentTitleStyle = {
|
|
76
|
+
whiteSpace: 'nowrap',
|
|
77
|
+
// Web: 防止文本换行
|
|
78
|
+
overflow: 'hidden',
|
|
79
|
+
// 隐藏溢出
|
|
80
|
+
textOverflow: 'ellipsis' // Web: 显示省略号
|
|
81
|
+
};
|
|
82
|
+
return [titleStyle, contentTitleStyle];
|
|
83
|
+
}
|
|
84
|
+
return titleStyle;
|
|
85
|
+
}, [widthMode, titleStyle]);
|
|
86
|
+
|
|
70
87
|
// 处理 children，为每个 Tab.Item 添加样式
|
|
71
88
|
const renderChildren = React.useMemo(() => {
|
|
72
89
|
if (widthMode === 'content' && children) {
|
|
@@ -74,20 +91,20 @@ export const TapasTab = ({
|
|
|
74
91
|
if (/*#__PURE__*/React.isValidElement(child) && child.type === RNETab.Item) {
|
|
75
92
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
76
93
|
buttonStyle: adjustedButtonStyle,
|
|
77
|
-
titleStyle:
|
|
94
|
+
titleStyle: adjustedTitleStyle
|
|
78
95
|
});
|
|
79
96
|
}
|
|
80
97
|
return child;
|
|
81
98
|
});
|
|
82
99
|
}
|
|
83
100
|
return children;
|
|
84
|
-
}, [widthMode, children, adjustedButtonStyle,
|
|
101
|
+
}, [widthMode, children, adjustedButtonStyle, adjustedTitleStyle]);
|
|
85
102
|
return /*#__PURE__*/_jsx(RNETab, {
|
|
86
103
|
...props,
|
|
87
104
|
scrollable: widthMode === 'content',
|
|
88
105
|
containerStyle: containerStyle,
|
|
89
106
|
buttonStyle: widthMode === 'fill' ? buttonStyle : undefined,
|
|
90
|
-
titleStyle: titleStyle,
|
|
107
|
+
titleStyle: widthMode === 'fill' ? titleStyle : undefined,
|
|
91
108
|
children: renderChildren
|
|
92
109
|
});
|
|
93
110
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Tab","RNETab","jsx","_jsx","TapasTab","widthMode","minTabWidth","maxTabWidth","contentPadding","containerStyle","buttonStyle","titleStyle","children","props","adjustedButtonStyle","useMemo","contentStyle","
|
|
1
|
+
{"version":3,"names":["React","Tab","RNETab","jsx","_jsx","TapasTab","widthMode","minTabWidth","maxTabWidth","contentPadding","containerStyle","buttonStyle","titleStyle","children","props","adjustedButtonStyle","useMemo","contentStyle","flexGrow","flexShrink","paddingHorizontal","undefined","minWidth","maxWidth","adjustedTitleStyle","contentTitleStyle","whiteSpace","overflow","textOverflow","renderChildren","Children","map","child","isValidElement","type","Item","cloneElement","scrollable"],"sourceRoot":"../../../components","sources":["Tab/TapasTab.tsx"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TapasTab.d.ts","sourceRoot":"","sources":["../../../components/Tab/TapasTab.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;CAClF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,MAAM,CAAC,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"TapasTab.d.ts","sourceRoot":"","sources":["../../../components/Tab/TapasTab.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;CAClF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,MAAM,CAAC,IAAI,CAAA;CA0E1E,CAAC;AAKF,eAAe,QAAQ,CAAC"}
|