@nutui/nutui-react 2.6.23 → 2.7.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.
- package/CHANGELOG.md +20 -7
- package/dist/esm/AvatarCropper/style/style.css +1 -1
- package/dist/esm/AvatarCropper.js +1 -0
- package/dist/esm/Divider/style/style.css +1 -1
- package/dist/esm/InputNumber.js +4 -4
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +7 -4
- package/dist/nutui.react.umd.js +7 -4
- package/dist/packages/avatarcropper/avatarcropper.scss +1 -1
- package/dist/packages/divider/divider.scss +1 -2
- package/dist/style.css +1 -1
- package/dist/styles/variables-jmapp.scss +0 -1
- package/dist/styles/variables.scss +0 -1
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/inputnumber/inputnumber.d.ts +5 -0
- package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +1 -0
- package/package.json +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,13 +1,26 @@
|
|
|
1
|
-
# v2.
|
|
2
|
-
`2024-
|
|
1
|
+
# v2.7.0
|
|
2
|
+
`2024-11-01`
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
* :sparkles: feat: add plugin to remove rtl (#2673)
|
|
6
|
+
* :sparkles: feat: replacing the css paths imported from a specified package (#2675)
|
|
7
|
+
* :sparkles: feat(replace icon): jmapp icon (#2672)
|
|
8
|
+
* :sparkles: feat: add plugin to replace icons (#2671)
|
|
9
|
+
* :bug: fix(tabs): clicked tabs should be entirely visible (#2685)
|
|
10
|
+
* :bug: fix(avatarcropper): multi-language support (#2666)
|
|
11
|
+
* :bug: fix: optimize vertical type syntax for divider (#2664)
|
|
12
|
+
* :bug: fix: @nutui/icons-react changed to @nutui/icons-react-taro (#2651)
|
|
3
13
|
|
|
4
14
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
* :bug: fix: import error (#2648)
|
|
9
|
-
* :bug: fix(dialog): remove defaultprops (#2639)
|
|
15
|
+
# v2.6.23
|
|
16
|
+
|
|
17
|
+
`2024-10-18`
|
|
10
18
|
|
|
19
|
+
- :sparkles: feat(calendar): support renderBottomButton props (#2645)
|
|
20
|
+
- :sparkles: feat(calendar): support deleteIcon props (#2644)
|
|
21
|
+
- :bug: fix(overlay): tour position offset in tour.taro (#2631)
|
|
22
|
+
- :bug: fix: import error (#2648)
|
|
23
|
+
- :bug: fix(dialog): remove defaultprops (#2639)
|
|
11
24
|
|
|
12
25
|
# v2.6.22
|
|
13
26
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-avatar-cropper{position:relative;display:flex}.nut-avatar-cropper-edit-text{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-avatar-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, .7));z-index:1000}.nut-avatar-cropper-popup-canvas,.nut-avatar-cropper-popup-cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-avatar-cropper-popup-cut-canvas{z-index:0}.nut-avatar-cropper-popup-toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-avatar-cropper-popup-toolbar.top{top:0;bottom:inherit}.nut-avatar-cropper-popup-toolbar-flex{width:100%;display:flex;justify-content:space-between}.nut-avatar-cropper-popup-toolbar-item{color:#fff;
|
|
1
|
+
.nut-avatar-cropper{position:relative;display:flex}.nut-avatar-cropper-edit-text{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-avatar-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, .7));z-index:1000}.nut-avatar-cropper-popup-canvas,.nut-avatar-cropper-popup-cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-avatar-cropper-popup-cut-canvas{z-index:0}.nut-avatar-cropper-popup-toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-avatar-cropper-popup-toolbar.top{top:0;bottom:inherit}.nut-avatar-cropper-popup-toolbar-flex{width:100%;display:flex;justify-content:space-between;padding:15px}.nut-avatar-cropper-popup-toolbar-item{color:#fff;cursor:pointer;display:flex;align-items:center}.nut-avatar-cropper-popup-toolbar-item .nut-button{color:#fff}.nut-avatar-cropper-popup-highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:transparent}.nut-avatar-cropper-popup-highlight .highlight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:transparent;box-shadow:0 0 1000px 1000px #0009}.nut-avatar-cropper.round .nut-avatar-cropper-edit-text{border-radius:50%}[dir=rtl] .nut-avatar-cropper-edit-text,.nut-rtl .nut-avatar-cropper-edit-text,[dir=rtl] .nut-avatar-cropper-input,.nut-rtl .nut-avatar-cropper-input,[dir=rtl] .nut-avatar-cropper-popup,.nut-rtl .nut-avatar-cropper-popup,[dir=rtl] .nut-avatar-cropper-popup-canvas,[dir=rtl] .nut-avatar-cropper-popup-cut-canvas,.nut-rtl .nut-avatar-cropper-popup-canvas,.nut-rtl .nut-avatar-cropper-popup-cut-canvas,[dir=rtl] .nut-avatar-cropper-popup-toolbar,.nut-rtl .nut-avatar-cropper-popup-toolbar,[dir=rtl] .nut-avatar-cropper-popup-highlight,.nut-rtl .nut-avatar-cropper-popup-highlight{left:auto;right:0}[dir=rtl] .nut-avatar-cropper-popup-highlight .highlight,.nut-rtl .nut-avatar-cropper-popup-highlight .highlight{left:auto;right:50%;transform:translate(50%,-50%)}
|
|
@@ -22,6 +22,7 @@ const AvatarCropper = (props) => {
|
|
|
22
22
|
React__default.createElement(Button__default, { key: "rotate" }, locale.avatarCropper.rotate),
|
|
23
23
|
React__default.createElement(Button__default, { type: "success", key: "confirm" }, locale.confirm)
|
|
24
24
|
];
|
|
25
|
+
defaultProps.editText = locale.edit;
|
|
25
26
|
const _a = Object.assign(Object.assign({}, defaultProps), props), { children, maxZoom, space, toolbar, toolbarPosition, editText, shape, className, style, onConfirm, onCancel } = _a, rest = __rest(_a, ["children", "maxZoom", "space", "toolbar", "toolbarPosition", "editText", "shape", "className", "style", "onConfirm", "onCancel"]);
|
|
26
27
|
const cls = classNames(classPrefix, className, shape === "round" && "round");
|
|
27
28
|
const toolbarPositionCls = classNames(`${classPrefix}-popup-toolbar`, toolbarPosition);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-6, #595959));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider-center:before,.nut-divider-left:before,.nut-divider-right:before{margin-right:var(--nutui-divider-spacing, 8px)}.nut-divider-center:after,.nut-divider-left:after,.nut-divider-right:after{margin-left:var(--nutui-divider-spacing, 8px)}.nut-divider-left:before{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-right:after{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-hairline:before,.nut-divider-hairline:after{transform:scaleY(.5)}.nut-divider-vertical{
|
|
1
|
+
.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-6, #595959));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider-center:before,.nut-divider-left:before,.nut-divider-right:before{margin-right:var(--nutui-divider-spacing, 8px)}.nut-divider-center:after,.nut-divider-left:after,.nut-divider-right:after{margin-left:var(--nutui-divider-spacing, 8px)}.nut-divider-left:before{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-right:after{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-hairline:before,.nut-divider-hairline:after{transform:scaleY(.5)}.nut-divider-vertical{display:inline-block;width:auto;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:var(--nutui-divider-vertical-margin, 0 8px);vertical-align:middle}[dir=rtl] .nut-divider-center:before,[dir=rtl] .nut-divider-left:before,[dir=rtl] .nut-divider-right:before,.nut-rtl .nut-divider-center:before,.nut-rtl .nut-divider-left:before,.nut-rtl .nut-divider-right:before{margin-right:0;margin-left:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-center:after,[dir=rtl] .nut-divider-left:after,[dir=rtl] .nut-divider-right:after,.nut-rtl .nut-divider-center:after,.nut-rtl .nut-divider-left:after,.nut-rtl .nut-divider-right:after{margin-left:0;margin-right:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-vertical,.nut-rtl .nut-divider-vertical{border-left:none;border-right:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}
|
package/dist/esm/InputNumber.js
CHANGED
|
@@ -4,10 +4,10 @@ import { Minus, Plus } from "@nutui/icons-react";
|
|
|
4
4
|
import classNames from "classnames";
|
|
5
5
|
import { u as usePropsValue } from "./use-props-value.js";
|
|
6
6
|
import { C as ComponentDefaults } from "./typings.js";
|
|
7
|
-
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, readOnly: false, allowEmpty: false, min: 1, max: 9999, step: 1, digits: 0, async: false });
|
|
7
|
+
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, readOnly: false, allowEmpty: false, min: 1, max: 9999, step: 1, digits: 0, async: false, select: true });
|
|
8
8
|
const classPrefix = `nut-inputnumber`;
|
|
9
9
|
const InputNumber = (props) => {
|
|
10
|
-
const _a = Object.assign(Object.assign({}, defaultProps), props), { children, disabled, min, max, readOnly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange } = _a, restProps = __rest(_a, ["children", "disabled", "min", "max", "readOnly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"]);
|
|
10
|
+
const _a = Object.assign(Object.assign({}, defaultProps), props), { children, disabled, min, max, readOnly, value, defaultValue, allowEmpty, digits, step, async, select, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange } = _a, restProps = __rest(_a, ["children", "disabled", "min", "max", "readOnly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "select", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"]);
|
|
11
11
|
const classes = classNames(classPrefix, className, {
|
|
12
12
|
[`${classPrefix}-disabled`]: disabled
|
|
13
13
|
});
|
|
@@ -15,10 +15,10 @@ const InputNumber = (props) => {
|
|
|
15
15
|
const inputRef = useRef(null);
|
|
16
16
|
useEffect(() => {
|
|
17
17
|
var _a2, _b;
|
|
18
|
-
if (focused) {
|
|
18
|
+
if (select && focused) {
|
|
19
19
|
(_b = (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.select) === null || _b === void 0 ? void 0 : _b.call(_a2);
|
|
20
20
|
}
|
|
21
|
-
}, [focused]);
|
|
21
|
+
}, [select, focused]);
|
|
22
22
|
const [shadowValue, setShadowValue] = usePropsValue({
|
|
23
23
|
value: typeof value === "string" ? parseFloat(value) : value,
|
|
24
24
|
defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/tr-TR.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED
package/dist/locales/zh-UG.js
CHANGED
package/dist/nutui.react.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui-react v2.
|
|
2
|
+
* @nutui/nutui-react v2.7.0 Fri Nov 01 2024 15:59:16 GMT+0800 (China Standard Time)
|
|
3
3
|
* (c) 2023 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -14364,7 +14364,8 @@ const defaultProps$U = {
|
|
|
14364
14364
|
max: 9999,
|
|
14365
14365
|
step: 1,
|
|
14366
14366
|
digits: 0,
|
|
14367
|
-
async: false
|
|
14367
|
+
async: false,
|
|
14368
|
+
select: true
|
|
14368
14369
|
};
|
|
14369
14370
|
const classPrefix$g = `nut-inputnumber`;
|
|
14370
14371
|
const InputNumber = (props) => {
|
|
@@ -14380,6 +14381,7 @@ const InputNumber = (props) => {
|
|
|
14380
14381
|
digits,
|
|
14381
14382
|
step,
|
|
14382
14383
|
async,
|
|
14384
|
+
select,
|
|
14383
14385
|
className,
|
|
14384
14386
|
style,
|
|
14385
14387
|
formatter,
|
|
@@ -14401,10 +14403,10 @@ const InputNumber = (props) => {
|
|
|
14401
14403
|
const inputRef = useRef(null);
|
|
14402
14404
|
useEffect(() => {
|
|
14403
14405
|
var _a, _b;
|
|
14404
|
-
if (focused) {
|
|
14406
|
+
if (select && focused) {
|
|
14405
14407
|
(_b = (_a = inputRef.current) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a);
|
|
14406
14408
|
}
|
|
14407
|
-
}, [focused]);
|
|
14409
|
+
}, [select, focused]);
|
|
14408
14410
|
const [shadowValue, setShadowValue] = usePropsValue({
|
|
14409
14411
|
value: typeof value === "string" ? parseFloat(value) : value,
|
|
14410
14412
|
defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,
|
|
@@ -22923,6 +22925,7 @@ const AvatarCropper = (props) => {
|
|
|
22923
22925
|
/* @__PURE__ */ React__default.createElement(Button, { key: "rotate" }, locale.avatarCropper.rotate),
|
|
22924
22926
|
/* @__PURE__ */ React__default.createElement(Button, { type: "success", key: "confirm" }, locale.confirm)
|
|
22925
22927
|
];
|
|
22928
|
+
defaultProps.editText = locale.edit;
|
|
22926
22929
|
const {
|
|
22927
22930
|
children,
|
|
22928
22931
|
maxZoom,
|
package/dist/nutui.react.umd.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.nutui = {}, global2.React, global2.ReactDOM));
|
|
3
3
|
})(this, function(exports2, React, ReactDOM) {
|
|
4
4
|
"use strict";/*!
|
|
5
|
-
* @nutui/nutui-react v2.
|
|
5
|
+
* @nutui/nutui-react v2.7.0 Fri Nov 01 2024 15:59:16 GMT+0800 (China Standard Time)
|
|
6
6
|
* (c) 2023 @jdf2e.
|
|
7
7
|
* Released under the MIT License.
|
|
8
8
|
*/
|
|
@@ -14382,7 +14382,8 @@
|
|
|
14382
14382
|
max: 9999,
|
|
14383
14383
|
step: 1,
|
|
14384
14384
|
digits: 0,
|
|
14385
|
-
async: false
|
|
14385
|
+
async: false,
|
|
14386
|
+
select: true
|
|
14386
14387
|
};
|
|
14387
14388
|
const classPrefix$g = `nut-inputnumber`;
|
|
14388
14389
|
const InputNumber = (props) => {
|
|
@@ -14398,6 +14399,7 @@
|
|
|
14398
14399
|
digits,
|
|
14399
14400
|
step,
|
|
14400
14401
|
async,
|
|
14402
|
+
select,
|
|
14401
14403
|
className,
|
|
14402
14404
|
style,
|
|
14403
14405
|
formatter,
|
|
@@ -14419,10 +14421,10 @@
|
|
|
14419
14421
|
const inputRef = React.useRef(null);
|
|
14420
14422
|
React.useEffect(() => {
|
|
14421
14423
|
var _a, _b;
|
|
14422
|
-
if (focused) {
|
|
14424
|
+
if (select && focused) {
|
|
14423
14425
|
(_b = (_a = inputRef.current) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a);
|
|
14424
14426
|
}
|
|
14425
|
-
}, [focused]);
|
|
14427
|
+
}, [select, focused]);
|
|
14426
14428
|
const [shadowValue, setShadowValue] = usePropsValue({
|
|
14427
14429
|
value: typeof value === "string" ? parseFloat(value) : value,
|
|
14428
14430
|
defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,
|
|
@@ -22941,6 +22943,7 @@
|
|
|
22941
22943
|
/* @__PURE__ */ React.createElement(Button, { key: "rotate" }, locale.avatarCropper.rotate),
|
|
22942
22944
|
/* @__PURE__ */ React.createElement(Button, { type: "success", key: "confirm" }, locale.confirm)
|
|
22943
22945
|
];
|
|
22946
|
+
defaultProps.editText = locale.edit;
|
|
22944
22947
|
const {
|
|
22945
22948
|
children,
|
|
22946
22949
|
maxZoom,
|
|
@@ -49,13 +49,12 @@
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
&-vertical {
|
|
52
|
-
position: relative;
|
|
53
|
-
top: $divider-vertical-top;
|
|
54
52
|
display: inline-block;
|
|
55
53
|
width: auto;
|
|
56
54
|
height: $divider-vertical-height;
|
|
57
55
|
border-left: 1px solid $divider-border-color;
|
|
58
56
|
margin: $divider-vertical-margin;
|
|
57
|
+
vertical-align: middle;
|
|
59
58
|
}
|
|
60
59
|
}
|
|
61
60
|
|