@nutui/nutui-react 2.6.13 → 2.6.15
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 +922 -893
- package/README.md +21 -28
- package/dist/esm/Audio.js +10 -11
- package/dist/esm/CalendarItem.js +3 -1
- package/dist/esm/CheckboxGroup.js +4 -5
- package/dist/esm/DatePicker.js +3 -4
- package/dist/esm/Dialog.js +1 -2
- package/dist/esm/Empty/style/style.css +1 -1
- package/dist/esm/Menu.js +2 -2
- package/dist/esm/PullToRefresh.js +0 -1
- package/dist/esm/RadioGroup.js +0 -1
- package/dist/esm/Sticky.js +24 -30
- package/dist/esm/Swipe.js +0 -1
- package/dist/esm/Swiper.js +11 -7
- package/dist/esm/SwiperItem.js +0 -1
- package/dist/esm/Table.js +6 -5
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/Uploader.js +12 -11
- package/dist/esm/WaterMark.js +3 -3
- package/dist/esm/cascader2.js +2 -2
- package/dist/esm/formitem2.js +3 -2
- package/dist/esm/menuitem2.js +2 -2
- package/dist/esm/radio2.js +0 -1
- 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 +92 -111
- package/dist/nutui.react.umd.js +92 -111
- package/dist/packages/empty/empty.scss +1 -1
- package/dist/packages/uploader/uploader.scss +3 -1
- package/dist/style.css +1 -1
- package/dist/styles/variables-jmapp.scss +1 -0
- package/dist/styles/variables.scss +1 -0
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/form/types.d.ts +1 -0
- package/dist/types/packages/infiniteloading/infiniteloading.taro.d.ts +2 -1
- package/dist/types/packages/swiperitem/swiperitem.d.ts +0 -1
- package/dist/types/packages/watermark/watermark.d.ts +10 -0
- package/dist/types/packages/watermark/watermark.taro.d.ts +2 -0
- package/dist/types/utils/get-scroll-parent.d.ts +1 -1
- package/dist/types/utils/use-client-rect.d.ts +1 -1
- package/package.json +2 -2
- package/dist/types/packages/form/usewatch.d.ts +0 -2
package/dist/esm/WaterMark.js
CHANGED
|
@@ -2,10 +2,10 @@ import React__default, { useState, useEffect } from "react";
|
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import { useConfig } from "./ConfigProvider.js";
|
|
4
4
|
import { C as ComponentDefaults } from "./typings.js";
|
|
5
|
-
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { content: "", fullPage: true, zIndex: 2e3, gapX: 24, gapY: 48, width: 120, height: 64, image: "", imageWidth: 120, imageHeight: 64, rotate: -22, color: "rgba(0,0,0,.15)", fontStyle: "normal", fontWeight: "normal", fontSize: 14 });
|
|
5
|
+
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { content: "", fullPage: true, zIndex: 2e3, gapX: 24, gapY: 48, width: 120, height: 64, startX: 0, startY: 0, image: "", imageWidth: 120, imageHeight: 64, rotate: -22, color: "rgba(0,0,0,.15)", fontStyle: "normal", fontWeight: "normal", fontSize: 14 });
|
|
6
6
|
const WaterMark = (props) => {
|
|
7
7
|
const { locale } = useConfig();
|
|
8
|
-
const { content, fullPage, zIndex, className, gapX, gapY, width, height, image, imageWidth, imageHeight, rotate, color, fontStyle, fontFamily, fontWeight, fontSize, style } = Object.assign(Object.assign({}, defaultProps), props);
|
|
8
|
+
const { content, fullPage, zIndex, className, gapX, gapY, startX, startY, width, height, image, imageWidth, imageHeight, rotate, color, fontStyle, fontFamily, fontWeight, fontSize, style } = Object.assign(Object.assign({}, defaultProps), props);
|
|
9
9
|
const [base64Url, setBase64Url] = useState("");
|
|
10
10
|
const classPrefix = "nut-watermark";
|
|
11
11
|
const classes = classNames(classPrefix, {
|
|
@@ -46,7 +46,7 @@ const WaterMark = (props) => {
|
|
|
46
46
|
const markSize = Number(fontSize) * ratio;
|
|
47
47
|
ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
|
|
48
48
|
ctx.fillStyle = color;
|
|
49
|
-
ctx.fillText(content,
|
|
49
|
+
ctx.fillText(content, startX, startY);
|
|
50
50
|
ctx.restore();
|
|
51
51
|
setBase64Url(canvas.toDataURL());
|
|
52
52
|
}
|
package/dist/esm/cascader2.js
CHANGED
|
@@ -208,7 +208,7 @@ const InternalCascader = (props, ref) => {
|
|
|
208
208
|
});
|
|
209
209
|
const syncValue = () => __awaiter(void 0, void 0, void 0, function* () {
|
|
210
210
|
const currentValue = innerValue;
|
|
211
|
-
if (currentValue === void 0 || currentValue
|
|
211
|
+
if (currentValue === void 0 || ![defaultValue, value].includes(currentValue) || !state.tree.nodes.length) {
|
|
212
212
|
return;
|
|
213
213
|
}
|
|
214
214
|
if (currentValue.length === 0) {
|
|
@@ -236,7 +236,7 @@ const InternalCascader = (props, ref) => {
|
|
|
236
236
|
state.initLoading = false;
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
|
-
if (needToSync.length && currentValue
|
|
239
|
+
if (needToSync.length && [defaultValue, value].includes(currentValue)) {
|
|
240
240
|
const pathNodes = state.tree.getPathNodesByValue(needToSync);
|
|
241
241
|
pathNodes.forEach((node, index) => {
|
|
242
242
|
state.tabsCursor = index;
|
package/dist/esm/formitem2.js
CHANGED
|
@@ -42,7 +42,7 @@ class FormStore {
|
|
|
42
42
|
this.store = values;
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
|
-
this.setFieldsValue = (newStore) => {
|
|
45
|
+
this.setFieldsValue = (newStore, needValidate = true) => {
|
|
46
46
|
this.store = Object.assign(Object.assign({}, this.store), newStore);
|
|
47
47
|
this.fieldEntities.forEach((entity) => {
|
|
48
48
|
const { name } = entity.props;
|
|
@@ -61,6 +61,7 @@ class FormStore {
|
|
|
61
61
|
item.entity.onStoreChange("update");
|
|
62
62
|
}
|
|
63
63
|
});
|
|
64
|
+
needValidate && this.validateFields();
|
|
64
65
|
};
|
|
65
66
|
this.setCallback = (callback) => {
|
|
66
67
|
this.callbacks = Object.assign(Object.assign({}, this.callbacks), callback);
|
|
@@ -209,7 +210,7 @@ class FormItem extends React__default.Component {
|
|
|
209
210
|
if (this.props.getValueFromEvent) {
|
|
210
211
|
next = this.props.getValueFromEvent(...args);
|
|
211
212
|
}
|
|
212
|
-
setFieldsValue({ [name]: next });
|
|
213
|
+
setFieldsValue({ [name]: next }, false);
|
|
213
214
|
} });
|
|
214
215
|
const { validateTrigger } = this.props;
|
|
215
216
|
let validateTriggers = [this.props.trigger || "onChange"];
|
package/dist/esm/menuitem2.js
CHANGED
|
@@ -133,8 +133,8 @@ const MenuItem = forwardRef((props, ref) => {
|
|
|
133
133
|
}, onClick: () => {
|
|
134
134
|
handleClick(item);
|
|
135
135
|
} },
|
|
136
|
-
item.value === innerValue ? React__default.createElement("i",
|
|
137
|
-
React__default.createElement("div", { className: getIconCName(item.value, value)
|
|
136
|
+
item.value === innerValue ? React__default.createElement("i", { className: "nut-menu-container-item-icon" }, icon || React__default.createElement(Check, { color: activeColor, className: getIconCName(item.value, value) })) : null,
|
|
137
|
+
React__default.createElement("div", { className: `nut-menu-container-item-title ${getIconCName(item.value, value)}`, style: {
|
|
138
138
|
color: `${item.value === innerValue ? activeColor : ""}`
|
|
139
139
|
} }, item.text)
|
|
140
140
|
);
|
package/dist/esm/radio2.js
CHANGED
|
@@ -86,7 +86,6 @@ const Radio = (props) => {
|
|
|
86
86
|
[`${classPrefix}-reverse`]: labelPosition === "left"
|
|
87
87
|
}, className), style, onClick: handleClick }, rest), renderRadioItem());
|
|
88
88
|
};
|
|
89
|
-
Radio.defaultProps = defaultProps;
|
|
90
89
|
Radio.displayName = "NutRadio";
|
|
91
90
|
Radio.Group = RadioGroup__default;
|
|
92
91
|
export {
|
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