@nutui/nutui-react-taro 2.7.10 → 2.7.12-patch.0

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.
Files changed (22) hide show
  1. package/CHANGELOG.md +20 -5
  2. package/dist/esm/SearchBar/style/style.css +1 -1
  3. package/dist/esm/SearchBar.js +1 -1
  4. package/dist/esm/nutui-react.es.js +1 -1
  5. package/dist/esm/{searchbar.taro-BgwUn_Ma.js → searchbar.taro-B7UhNlBh.js} +22 -16
  6. package/dist/locales/base.js +1 -1
  7. package/dist/locales/en-US.js +1 -1
  8. package/dist/locales/id-ID.js +1 -1
  9. package/dist/locales/tr-TR.js +1 -1
  10. package/dist/locales/zh-CN.js +1 -1
  11. package/dist/locales/zh-TW.js +1 -1
  12. package/dist/locales/zh-UG.js +1 -1
  13. package/dist/nutui.react.es.js +27 -23
  14. package/dist/nutui.react.umd.js +27 -23
  15. package/dist/packages/searchbar/searchbar.scss +2 -0
  16. package/dist/style.css +1 -1
  17. package/dist/styles/theme-dark.css +71 -0
  18. package/dist/styles/theme-default.css +91 -0
  19. package/dist/styles/theme-jmapp.css +186 -0
  20. package/dist/styles/variables-jmapp.scss +4 -0
  21. package/dist/types/packages/searchbar/searchbar.taro.d.ts +11 -5
  22. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,11 +1,26 @@
1
- # v2.7.10
2
- `2025-03-14`
1
+ # v2.7.12
2
+
3
+ `2025-03-28`
4
+
5
+ - :sparkles: feat: 构建主题的css文件 (#3133)
6
+
7
+ # v2.7.11
3
8
 
9
+ `2025-03-28`
4
10
 
5
- * :sparkles: feat(calendar): add viewmode (#2985)
6
- * :bug: fix(calendar): defaultvalue 为空时,渲染异常 (#3015)
7
- * :bug: fix(tabs): 修复tabs数量过多时的滚动操作bug (#3014)
11
+ - :bug: fix(searchbar): 支付宝小程序设置 enableInPageRenderInput 后无法触发 onChange (#3125)
12
+ - :bug: fix: build jmapp (#3124)
13
+ - :bug: fix(SearchBar): demos fixed (#3100)
14
+ - :bug: fix: add $calendar-panel-item
15
+ - 💡 test: fixed calenader (#3099)
16
+
17
+ # v2.7.10
18
+
19
+ `2025-03-14`
8
20
 
21
+ - :sparkles: feat(calendar): add viewmode (#2985)
22
+ - :bug: fix(calendar): defaultvalue 为空时,渲染异常 (#3015)
23
+ - :bug: fix(tabs): 修复tabs数量过多时的滚动操作bug (#3014)
9
24
 
10
25
  # v2.7.9
11
26
 
package/dist/esm/SearchBar/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-searchbar-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nutui-searchbar-content-padding, 0 12px);height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-searchbar-content-border-radius, 4px)}.nut-searchbar-icon{display:flex;justify-content:center;align-items:center}.nut-searchbar-clear,.nut-searchbar-rightin{width:16px;height:16px;color:var(--nutui-black-5)}.nut-searchbar-left,.nut-searchbar-right{display:flex}.nut-searchbar-left.nut-icon,.nut-searchbar-right.nut-icon{width:20px;height:20px}.nut-searchbar-left{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div,.nut-searchbar-left>span,.nut-searchbar-left>svg{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div:last-child,.nut-searchbar-left>span:last-child,.nut-searchbar-left>svg:last-child{margin-right:0}.nut-searchbar-right{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div,.nut-searchbar-right>span,.nut-searchbar-right>svg{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div:first-child,.nut-searchbar-right>span:first-child,.nut-searchbar-right>svg:first-child{margin-left:0}.nut-searchbar-left>text,.nut-searchbar-left>view{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>text:last-child,.nut-searchbar-left>view:last-child{margin-right:0}.nut-searchbar-right>text,.nut-searchbar-right>view{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>text:first-child,.nut-searchbar-right>view:first-child{margin-left:0}.nut-searchbar-input-box{display:flex;align-items:center;flex:1}.nut-searchbar-input{border:0;outline:0;box-sizing:border-box;width:100%;height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);padding:var(--nutui-searchbar-input-padding, 0 4px);font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-7, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar-round{border-radius:var(--nutui-searchbar-content-round-border-radius, 18px)}.nut-searchbar-disabled{cursor:not-allowed}[dir=rtl] .nut-searchbar-left,.nut-rtl .nut-searchbar-left{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>div,[dir=rtl] .nut-searchbar-left>span,[dir=rtl] .nut-searchbar-left>svg,.nut-rtl .nut-searchbar-left>div,.nut-rtl .nut-searchbar-left>span,.nut-rtl .nut-searchbar-left>svg{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>div.nut-icon,[dir=rtl] .nut-searchbar-left>span.nut-icon,[dir=rtl] .nut-searchbar-left>svg.nut-icon,.nut-rtl .nut-searchbar-left>div.nut-icon,.nut-rtl .nut-searchbar-left>span.nut-icon,.nut-rtl .nut-searchbar-left>svg.nut-icon{transform:rotate(180deg)}[dir=rtl] .nut-searchbar-left>div:last-child,[dir=rtl] .nut-searchbar-left>span:last-child,[dir=rtl] .nut-searchbar-left>svg:last-child,.nut-rtl .nut-searchbar-left>div:last-child,.nut-rtl .nut-searchbar-left>span:last-child,.nut-rtl .nut-searchbar-left>svg:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right,.nut-rtl .nut-searchbar-right{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>div,[dir=rtl] .nut-searchbar-right>span,[dir=rtl] .nut-searchbar-right>svg,.nut-rtl .nut-searchbar-right>div,.nut-rtl .nut-searchbar-right>span,.nut-rtl .nut-searchbar-right>svg{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>div:first-child,[dir=rtl] .nut-searchbar-right>span:first-child,[dir=rtl] .nut-searchbar-right>svg:first-child,.nut-rtl .nut-searchbar-right>div:first-child,.nut-rtl .nut-searchbar-right>span:first-child,.nut-rtl .nut-searchbar-right>svg:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-searchbar-left>text,[dir=rtl] .nut-searchbar-left>view,.nut-rtl .nut-searchbar-left>text,.nut-rtl .nut-searchbar-left>view{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>text:last-child,[dir=rtl] .nut-searchbar-left>view:last-child,.nut-rtl .nut-searchbar-left>text:last-child,.nut-rtl .nut-searchbar-left>view:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right>text,[dir=rtl] .nut-searchbar-right>view,.nut-rtl .nut-searchbar-right>text,.nut-rtl .nut-searchbar-right>view{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>text:first-child,[dir=rtl] .nut-searchbar-right>view:first-child,.nut-rtl .nut-searchbar-right>text:first-child,.nut-rtl .nut-searchbar-right>view:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-searchbar-input,.nut-rtl .nut-searchbar-input{text-align:var(--nutui-searchbar-input-text-align, right)}
1
+ .nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-searchbar-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nutui-searchbar-content-padding, 0 12px);height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-searchbar-content-border-radius, 4px)}.nut-searchbar-icon{display:flex;justify-content:center;align-items:center}.nut-searchbar-clear,.nut-searchbar-rightin{width:16px;height:16px;color:var(--nutui-black-5)}.nut-searchbar-left,.nut-searchbar-right{display:flex}.nut-searchbar-left.nut-icon,.nut-searchbar-right.nut-icon{width:20px;height:20px}.nut-searchbar-left{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div,.nut-searchbar-left>span,.nut-searchbar-left>svg{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div:last-child,.nut-searchbar-left>span:last-child,.nut-searchbar-left>svg:last-child{margin-right:0}.nut-searchbar-right{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div,.nut-searchbar-right>span,.nut-searchbar-right>svg{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div:first-child,.nut-searchbar-right>span:first-child,.nut-searchbar-right>svg:first-child{margin-left:0}.nut-searchbar-left>text,.nut-searchbar-left>view{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>text:last-child,.nut-searchbar-left>view:last-child{margin-right:0}.nut-searchbar-right>text,.nut-searchbar-right>view{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>text:first-child,.nut-searchbar-right>view:first-child{margin-left:0}.nut-searchbar-input-box{display:flex;align-items:center;flex:1}.nut-searchbar-input{display:flex;align-items:center;border:0;outline:0;box-sizing:border-box;width:100%;height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);padding:var(--nutui-searchbar-input-padding, 0 4px);font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-7, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar-round{border-radius:var(--nutui-searchbar-content-round-border-radius, 18px)}.nut-searchbar-disabled{cursor:not-allowed}[dir=rtl] .nut-searchbar-left,.nut-rtl .nut-searchbar-left{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>div,[dir=rtl] .nut-searchbar-left>span,[dir=rtl] .nut-searchbar-left>svg,.nut-rtl .nut-searchbar-left>div,.nut-rtl .nut-searchbar-left>span,.nut-rtl .nut-searchbar-left>svg{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>div.nut-icon,[dir=rtl] .nut-searchbar-left>span.nut-icon,[dir=rtl] .nut-searchbar-left>svg.nut-icon,.nut-rtl .nut-searchbar-left>div.nut-icon,.nut-rtl .nut-searchbar-left>span.nut-icon,.nut-rtl .nut-searchbar-left>svg.nut-icon{transform:rotate(180deg)}[dir=rtl] .nut-searchbar-left>div:last-child,[dir=rtl] .nut-searchbar-left>span:last-child,[dir=rtl] .nut-searchbar-left>svg:last-child,.nut-rtl .nut-searchbar-left>div:last-child,.nut-rtl .nut-searchbar-left>span:last-child,.nut-rtl .nut-searchbar-left>svg:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right,.nut-rtl .nut-searchbar-right{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>div,[dir=rtl] .nut-searchbar-right>span,[dir=rtl] .nut-searchbar-right>svg,.nut-rtl .nut-searchbar-right>div,.nut-rtl .nut-searchbar-right>span,.nut-rtl .nut-searchbar-right>svg{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>div:first-child,[dir=rtl] .nut-searchbar-right>span:first-child,[dir=rtl] .nut-searchbar-right>svg:first-child,.nut-rtl .nut-searchbar-right>div:first-child,.nut-rtl .nut-searchbar-right>span:first-child,.nut-rtl .nut-searchbar-right>svg:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-searchbar-left>text,[dir=rtl] .nut-searchbar-left>view,.nut-rtl .nut-searchbar-left>text,.nut-rtl .nut-searchbar-left>view{margin-right:0;margin-left:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-left>text:last-child,[dir=rtl] .nut-searchbar-left>view:last-child,.nut-rtl .nut-searchbar-left>text:last-child,.nut-rtl .nut-searchbar-left>view:last-child{margin-right:0;margin-left:0}[dir=rtl] .nut-searchbar-right>text,[dir=rtl] .nut-searchbar-right>view,.nut-rtl .nut-searchbar-right>text,.nut-rtl .nut-searchbar-right>view{margin-left:0;margin-right:var(--nutui-searchbar-gap, 16px)}[dir=rtl] .nut-searchbar-right>text:first-child,[dir=rtl] .nut-searchbar-right>view:first-child,.nut-rtl .nut-searchbar-right>text:first-child,.nut-rtl .nut-searchbar-right>view:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-searchbar-input,.nut-rtl .nut-searchbar-input{text-align:var(--nutui-searchbar-input-text-align, right)}
package/dist/esm/SearchBar.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as SearchBar } from "./searchbar.taro-BgwUn_Ma.js";
1
+ import { S as SearchBar } from "./searchbar.taro-B7UhNlBh.js";
2
2
  export {
3
3
  SearchBar as default
4
4
  };
package/dist/esm/nutui-react.es.js CHANGED
@@ -42,7 +42,7 @@ import { P } from "./picker.taro-Ctc0Wt4S.js";
42
42
  import { R as R2, a as a3 } from "./radio.taro-M2in687s.js";
43
43
  import { R as R3 } from "./range.taro-C5SuX_2b.js";
44
44
  import { R as R4 } from "./rate.taro-DsDMiRHd.js";
45
- import { S as S7 } from "./searchbar.taro-BgwUn_Ma.js";
45
+ import { S as S7 } from "./searchbar.taro-B7UhNlBh.js";
46
46
  import { S as S8 } from "./shortpassword.taro--atvsdZp.js";
47
47
  import { S as S9 } from "./signature.taro-BW4eiGIR.js";
48
48
  import { S as S10 } from "./switch.taro-CdBmDo18.js";
package/dist/esm/{searchbar.taro-BgwUn_Ma.js → searchbar.taro-B7UhNlBh.js} RENAMED
@@ -1,4 +1,6 @@
1
1
  import React__default, { useRef, useState, useEffect } from "react";
2
+ import Taro from "@tarojs/taro";
3
+ import { View, Input } from "@tarojs/components";
2
4
  import { Search, ArrowLeft, MaskClose } from "@nutui/icons-react-taro";
3
5
  import { u as useConfig } from "./configprovider.taro-DpK4IiCE.js";
4
6
  import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
@@ -14,30 +16,34 @@ const SearchBar = (props) => {
14
16
  searchSelf && searchSelf.focus();
15
17
  };
16
18
  const change = (event) => {
17
- if (value === event.target.value)
19
+ if (value === event.detail.value)
18
20
  return;
19
- onChange && (onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value, event));
20
- setValue(event.target.value);
21
- event.target.value === "" && forceFocus();
21
+ onChange && (onChange === null || onChange === void 0 ? void 0 : onChange(event.detail.value, event));
22
+ setValue(event.detail.value);
23
+ event.detail.value === "" && forceFocus();
22
24
  };
23
25
  const focus = (event) => {
24
- const { value: value2 } = event.target;
26
+ const { value: value2 } = event.detail;
25
27
  onFocus && (onFocus === null || onFocus === void 0 ? void 0 : onFocus(value2, event));
26
28
  };
27
29
  const blur = (event) => {
28
30
  const searchSelf = searchRef.current;
29
31
  searchSelf && searchSelf.blur();
30
- const { value: value2 } = event.target;
32
+ const { value: value2 } = event.detail;
31
33
  onBlur && (onBlur === null || onBlur === void 0 ? void 0 : onBlur(value2, event));
32
34
  };
33
35
  useEffect(() => {
34
36
  setValue(outerValue || "");
35
37
  }, [outerValue]);
36
38
  useEffect(() => {
37
- autoFocus && forceFocus();
39
+ if (Taro.getEnv() === "WEB") {
40
+ autoFocus && forceFocus();
41
+ }
38
42
  }, [autoFocus]);
39
43
  const renderField = () => {
40
- return React__default.createElement("input", { className: `${classPrefix}-input ${clearable ? `${classPrefix}-input-clear` : ""}`, ref: searchRef, style, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
44
+ return React__default.createElement(Input, { className: `${classPrefix}-input ${clearable ? `${classPrefix}-input-clear` : ""}`, ref: searchRef, style, value: (value || "").toString(), placeholder: placeholder || locale.placeholder, disabled: disabled || readOnly, maxlength: maxLength, nativeProps: {
45
+ onKeyPress: onKeypress
46
+ }, autoFocus, onInput: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
41
47
  };
42
48
  const clickInput = (e) => {
43
49
  onInputClick && onInputClick(e);
@@ -45,26 +51,26 @@ const SearchBar = (props) => {
45
51
  const renderLeftIn = () => {
46
52
  if (!leftIn)
47
53
  return null;
48
- return React__default.createElement("div", { className: `${classPrefix}-leftin ${classPrefix}-icon` }, leftIn);
54
+ return React__default.createElement(View, { className: `${classPrefix}-leftin ${classPrefix}-icon` }, leftIn);
49
55
  };
50
56
  const renderLeft = () => {
51
57
  if (!backable && !left)
52
58
  return null;
53
- return React__default.createElement("div", { className: `${classPrefix}-left` }, backable ? React__default.createElement(ArrowLeft, { size: "16" }) : left);
59
+ return React__default.createElement(View, { className: `${classPrefix}-left` }, backable ? React__default.createElement(ArrowLeft, { size: "16" }) : left);
54
60
  };
55
61
  const renderRightIn = () => {
56
62
  if (!rightIn)
57
63
  return null;
58
- return React__default.createElement("div", { className: `${classPrefix}-rightin ${classPrefix}-icon` }, rightIn);
64
+ return React__default.createElement(View, { className: `${classPrefix}-rightin ${classPrefix}-icon` }, rightIn);
59
65
  };
60
66
  const renderRight = () => {
61
67
  if (!right)
62
68
  return null;
63
- return React__default.createElement("div", { className: `${classPrefix}-right` }, right);
69
+ return React__default.createElement(View, { className: `${classPrefix}-right` }, right);
64
70
  };
65
71
  const handleClear = () => {
66
72
  return React__default.createElement(
67
- "div",
73
+ View,
68
74
  { className: `${classPrefix}-clear ${classPrefix}-icon`, onClick: (e) => clearaVal(e) },
69
75
  React__default.createElement(MaskClose, { size: 16 })
70
76
  );
@@ -87,14 +93,14 @@ const SearchBar = (props) => {
87
93
  }
88
94
  };
89
95
  return React__default.createElement(
90
- "div",
96
+ View,
91
97
  { className: `${classPrefix} ${disabled ? `${classPrefix}-disabled` : ""} ${className || ""}`, style },
92
98
  renderLeft(),
93
99
  React__default.createElement(
94
- "div",
100
+ View,
95
101
  { className: `${classPrefix}-content ${shape === "round" ? `${classPrefix}-round` : ""}` },
96
102
  renderLeftIn(),
97
- React__default.createElement("div", { className: "nut-searchbar-input-box" }, renderField()),
103
+ React__default.createElement(View, { className: "nut-searchbar-input-box" }, renderField()),
98
104
  clearable && !value && renderRightIn(),
99
105
  clearable && value && handleClear()
100
106
  ),
package/dist/locales/base.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:51:16 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.7.12 Mon Mar 31 2025 20:15:10 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/locales/en-US.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:51:16 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.7.12 Mon Mar 31 2025 20:15:10 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/locales/id-ID.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:51:16 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.7.12 Mon Mar 31 2025 20:15:10 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/locales/tr-TR.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:51:16 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.7.12 Mon Mar 31 2025 20:15:10 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/locales/zh-CN.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:51:16 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.7.12 Mon Mar 31 2025 20:15:10 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/locales/zh-TW.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:51:16 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.7.12 Mon Mar 31 2025 20:15:10 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/locales/zh-UG.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:51:16 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.7.12 Mon Mar 31 2025 20:15:10 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/nutui.react.es.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:50:54 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react-taro v2.7.12 Mon Mar 31 2025 20:14:47 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -12556,41 +12556,45 @@ const SearchBar = (props) => {
12556
12556
  searchSelf && searchSelf.focus();
12557
12557
  };
12558
12558
  const change = (event) => {
12559
- if (value === event.target.value) return;
12560
- onChange && (onChange == null ? void 0 : onChange(event.target.value, event));
12561
- setValue(event.target.value);
12562
- event.target.value === "" && forceFocus();
12559
+ if (value === event.detail.value) return;
12560
+ onChange && (onChange == null ? void 0 : onChange(event.detail.value, event));
12561
+ setValue(event.detail.value);
12562
+ event.detail.value === "" && forceFocus();
12563
12563
  };
12564
12564
  const focus = (event) => {
12565
- const { value: value2 } = event.target;
12565
+ const { value: value2 } = event.detail;
12566
12566
  onFocus && (onFocus == null ? void 0 : onFocus(value2, event));
12567
12567
  };
12568
12568
  const blur = (event) => {
12569
12569
  const searchSelf = searchRef.current;
12570
12570
  searchSelf && searchSelf.blur();
12571
- const { value: value2 } = event.target;
12571
+ const { value: value2 } = event.detail;
12572
12572
  onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
12573
12573
  };
12574
12574
  useEffect(() => {
12575
12575
  setValue(outerValue || "");
12576
12576
  }, [outerValue]);
12577
12577
  useEffect(() => {
12578
- autoFocus && forceFocus();
12578
+ if (Taro.getEnv() === "WEB") {
12579
+ autoFocus && forceFocus();
12580
+ }
12579
12581
  }, [autoFocus]);
12580
12582
  const renderField = () => {
12581
12583
  return /* @__PURE__ */ React__default.createElement(
12582
- "input",
12584
+ Input$1,
12583
12585
  {
12584
12586
  className: `${classPrefix2}-input ${clearable ? `${classPrefix2}-input-clear` : ""}`,
12585
12587
  ref: searchRef,
12586
12588
  style,
12587
- value: value || "",
12589
+ value: (value || "").toString(),
12588
12590
  placeholder: placeholder || locale.placeholder,
12589
- disabled,
12590
- readOnly,
12591
- maxLength,
12592
- onKeyPress: onKeypress,
12593
- onChange: (e2) => change(e2),
12591
+ disabled: disabled || readOnly,
12592
+ maxlength: maxLength,
12593
+ nativeProps: {
12594
+ onKeyPress: onKeypress
12595
+ },
12596
+ autoFocus,
12597
+ onInput: (e2) => change(e2),
12594
12598
  onFocus: (e2) => focus(e2),
12595
12599
  onBlur: (e2) => blur(e2),
12596
12600
  onClick: (e2) => clickInput(e2)
@@ -12602,23 +12606,23 @@ const SearchBar = (props) => {
12602
12606
  };
12603
12607
  const renderLeftIn = () => {
12604
12608
  if (!leftIn) return null;
12605
- return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-leftin ${classPrefix2}-icon` }, leftIn);
12609
+ return /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix2}-leftin ${classPrefix2}-icon` }, leftIn);
12606
12610
  };
12607
12611
  const renderLeft = () => {
12608
12612
  if (!backable && !left2) return null;
12609
- return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React__default.createElement(j$1, { size: "16" }) : left2);
12613
+ return /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React__default.createElement(j$1, { size: "16" }) : left2);
12610
12614
  };
12611
12615
  const renderRightIn = () => {
12612
12616
  if (!rightIn) return null;
12613
- return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-rightin ${classPrefix2}-icon` }, rightIn);
12617
+ return /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix2}-rightin ${classPrefix2}-icon` }, rightIn);
12614
12618
  };
12615
12619
  const renderRight = () => {
12616
12620
  if (!right2) return null;
12617
- return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right` }, right2);
12621
+ return /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix2}-right` }, right2);
12618
12622
  };
12619
12623
  const handleClear = () => {
12620
12624
  return /* @__PURE__ */ React__default.createElement(
12621
- "div",
12625
+ View,
12622
12626
  {
12623
12627
  className: `${classPrefix2}-clear ${classPrefix2}-icon`,
12624
12628
  onClick: (e2) => clearaVal(e2)
@@ -12644,19 +12648,19 @@ const SearchBar = (props) => {
12644
12648
  }
12645
12649
  };
12646
12650
  return /* @__PURE__ */ React__default.createElement(
12647
- "div",
12651
+ View,
12648
12652
  {
12649
12653
  className: `${classPrefix2} ${disabled ? `${classPrefix2}-disabled` : ""} ${className || ""}`,
12650
12654
  style
12651
12655
  },
12652
12656
  renderLeft(),
12653
12657
  /* @__PURE__ */ React__default.createElement(
12654
- "div",
12658
+ View,
12655
12659
  {
12656
12660
  className: `${classPrefix2}-content ${shape === "round" ? `${classPrefix2}-round` : ""}`
12657
12661
  },
12658
12662
  renderLeftIn(),
12659
- /* @__PURE__ */ React__default.createElement("div", { className: "nut-searchbar-input-box" }, renderField()),
12663
+ /* @__PURE__ */ React__default.createElement(View, { className: "nut-searchbar-input-box" }, renderField()),
12660
12664
  clearable && !value && renderRightIn(),
12661
12665
  clearable && value && handleClear()
12662
12666
  ),
package/dist/nutui.react.umd.js CHANGED
@@ -2,7 +2,7 @@
2
2
  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
3
3
  })(this, function(exports2, React, Taro, components, ReactDOM) {
4
4
  "use strict";/*!
5
- * @nutui/nutui-react-taro v2.7.10 Fri Mar 14 2025 14:50:54 GMT+0800 (China Standard Time)
5
+ * @nutui/nutui-react-taro v2.7.12 Mon Mar 31 2025 20:14:47 GMT+0800 (China Standard Time)
6
6
  * (c) 2023 @jdf2e.
7
7
  * Released under the MIT License.
8
8
  */
@@ -12572,41 +12572,45 @@
12572
12572
  searchSelf && searchSelf.focus();
12573
12573
  };
12574
12574
  const change = (event) => {
12575
- if (value === event.target.value) return;
12576
- onChange && (onChange == null ? void 0 : onChange(event.target.value, event));
12577
- setValue(event.target.value);
12578
- event.target.value === "" && forceFocus();
12575
+ if (value === event.detail.value) return;
12576
+ onChange && (onChange == null ? void 0 : onChange(event.detail.value, event));
12577
+ setValue(event.detail.value);
12578
+ event.detail.value === "" && forceFocus();
12579
12579
  };
12580
12580
  const focus = (event) => {
12581
- const { value: value2 } = event.target;
12581
+ const { value: value2 } = event.detail;
12582
12582
  onFocus && (onFocus == null ? void 0 : onFocus(value2, event));
12583
12583
  };
12584
12584
  const blur = (event) => {
12585
12585
  const searchSelf = searchRef.current;
12586
12586
  searchSelf && searchSelf.blur();
12587
- const { value: value2 } = event.target;
12587
+ const { value: value2 } = event.detail;
12588
12588
  onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
12589
12589
  };
12590
12590
  React.useEffect(() => {
12591
12591
  setValue(outerValue || "");
12592
12592
  }, [outerValue]);
12593
12593
  React.useEffect(() => {
12594
- autoFocus && forceFocus();
12594
+ if (Taro.getEnv() === "WEB") {
12595
+ autoFocus && forceFocus();
12596
+ }
12595
12597
  }, [autoFocus]);
12596
12598
  const renderField = () => {
12597
12599
  return /* @__PURE__ */ React.createElement(
12598
- "input",
12600
+ components.Input,
12599
12601
  {
12600
12602
  className: `${classPrefix2}-input ${clearable ? `${classPrefix2}-input-clear` : ""}`,
12601
12603
  ref: searchRef,
12602
12604
  style,
12603
- value: value || "",
12605
+ value: (value || "").toString(),
12604
12606
  placeholder: placeholder || locale.placeholder,
12605
- disabled,
12606
- readOnly,
12607
- maxLength,
12608
- onKeyPress: onKeypress,
12609
- onChange: (e2) => change(e2),
12607
+ disabled: disabled || readOnly,
12608
+ maxlength: maxLength,
12609
+ nativeProps: {
12610
+ onKeyPress: onKeypress
12611
+ },
12612
+ autoFocus,
12613
+ onInput: (e2) => change(e2),
12610
12614
  onFocus: (e2) => focus(e2),
12611
12615
  onBlur: (e2) => blur(e2),
12612
12616
  onClick: (e2) => clickInput(e2)
@@ -12618,23 +12622,23 @@
12618
12622
  };
12619
12623
  const renderLeftIn = () => {
12620
12624
  if (!leftIn) return null;
12621
- return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-leftin ${classPrefix2}-icon` }, leftIn);
12625
+ return /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix2}-leftin ${classPrefix2}-icon` }, leftIn);
12622
12626
  };
12623
12627
  const renderLeft = () => {
12624
12628
  if (!backable && !left2) return null;
12625
- return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React.createElement(j$1, { size: "16" }) : left2);
12629
+ return /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React.createElement(j$1, { size: "16" }) : left2);
12626
12630
  };
12627
12631
  const renderRightIn = () => {
12628
12632
  if (!rightIn) return null;
12629
- return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-rightin ${classPrefix2}-icon` }, rightIn);
12633
+ return /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix2}-rightin ${classPrefix2}-icon` }, rightIn);
12630
12634
  };
12631
12635
  const renderRight = () => {
12632
12636
  if (!right2) return null;
12633
- return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-right` }, right2);
12637
+ return /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix2}-right` }, right2);
12634
12638
  };
12635
12639
  const handleClear = () => {
12636
12640
  return /* @__PURE__ */ React.createElement(
12637
- "div",
12641
+ components.View,
12638
12642
  {
12639
12643
  className: `${classPrefix2}-clear ${classPrefix2}-icon`,
12640
12644
  onClick: (e2) => clearaVal(e2)
@@ -12660,19 +12664,19 @@
12660
12664
  }
12661
12665
  };
12662
12666
  return /* @__PURE__ */ React.createElement(
12663
- "div",
12667
+ components.View,
12664
12668
  {
12665
12669
  className: `${classPrefix2} ${disabled ? `${classPrefix2}-disabled` : ""} ${className || ""}`,
12666
12670
  style
12667
12671
  },
12668
12672
  renderLeft(),
12669
12673
  /* @__PURE__ */ React.createElement(
12670
- "div",
12674
+ components.View,
12671
12675
  {
12672
12676
  className: `${classPrefix2}-content ${shape === "round" ? `${classPrefix2}-round` : ""}`
12673
12677
  },
12674
12678
  renderLeftIn(),
12675
- /* @__PURE__ */ React.createElement("div", { className: "nut-searchbar-input-box" }, renderField()),
12679
+ /* @__PURE__ */ React.createElement(components.View, { className: "nut-searchbar-input-box" }, renderField()),
12676
12680
  clearable && !value && renderRightIn(),
12677
12681
  clearable && value && handleClear()
12678
12682
  ),
package/dist/packages/searchbar/searchbar.scss CHANGED
@@ -96,6 +96,8 @@
96
96
  }
97
97
 
98
98
  &-input {
99
+ display: flex;
100
+ align-items: center;
99
101
  border: 0;
100
102
  outline: 0;
101
103
  box-sizing: border-box;