@nutui/nutui-react 0.1.0 → 0.1.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.
- package/dist/esm/Checkbox.js +1 -1
- package/dist/esm/CollapseItem.js +1 -1
- package/dist/esm/NavBar.js +1 -1
- package/dist/esm/NoticeBar.js +1 -1
- package/dist/esm/Radio.js +2 -3
- package/dist/esm/Rate.js +1 -1
- package/dist/esm/Tabbar.js +1 -4
- package/dist/esm/TabbarItem.js +1 -1
- package/dist/nutui.react.es.js +45 -44
- package/dist/nutui.react.umd.js +10 -10
- package/dist/packages/animatingnumbers/animatingnumbers.scss +1 -1
- package/dist/packages/calendar/calendar.scss +2 -1
- package/dist/packages/checkbox/checkbox.scss +1 -1
- package/dist/packages/collapse/collapse.scss +1 -1
- package/dist/packages/collapseitem/collapseitem.scss +2 -0
- package/dist/packages/navbar/navbar.scss +2 -0
- package/dist/packages/noticebar/noticebar.scss +2 -0
- package/dist/packages/popover/popover.scss +1 -1
- package/dist/packages/radio/radio.scss +2 -0
- package/dist/packages/rate/rate.scss +2 -0
- package/dist/packages/tabbaritem/{tabbarItem.scss → tabbaritem.scss} +2 -0
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/package.json +8 -3
package/dist/esm/Checkbox.js
CHANGED
|
@@ -8,7 +8,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
8
8
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
9
|
|
|
10
10
|
import React__default, { useState, useEffect } from 'react';
|
|
11
|
-
import
|
|
11
|
+
import Icon from './Icon.js';
|
|
12
12
|
import CheckboxGroup from './CheckboxGroup.js';
|
|
13
13
|
import { c as cn } from './bem-893ad28d.js';
|
|
14
14
|
import '@bem-react/classname';
|
package/dist/esm/CollapseItem.js
CHANGED
|
@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
7
7
|
|
|
8
8
|
import React__default, { useState, useEffect, useCallback } from 'react';
|
|
9
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
|
-
import
|
|
10
|
+
import Icon from './Icon.js';
|
|
11
11
|
import '@bem-react/classname';
|
|
12
12
|
var defaultProps = {
|
|
13
13
|
title: '',
|
package/dist/esm/NavBar.js
CHANGED
|
@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
5
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
6
|
|
|
7
7
|
import React__default from 'react';
|
|
8
|
-
import
|
|
8
|
+
import Icon from './Icon.js';
|
|
9
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
10
|
import '@bem-react/classname';
|
|
11
11
|
var defaultProps = {
|
package/dist/esm/NoticeBar.js
CHANGED
|
@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
6
6
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
7
|
|
|
8
8
|
import React__default, { useRef, useState, useEffect } from 'react';
|
|
9
|
-
import
|
|
9
|
+
import Icon from './Icon.js';
|
|
10
10
|
import { c as cn } from './bem-893ad28d.js';
|
|
11
11
|
import classNames from 'classnames';
|
|
12
12
|
import '@bem-react/classname';
|
package/dist/esm/Radio.js
CHANGED
|
@@ -8,11 +8,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
8
8
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
9
|
|
|
10
10
|
import React__default, { useState, useContext, useEffect } from 'react';
|
|
11
|
-
import
|
|
11
|
+
import Icon from './Icon.js';
|
|
12
12
|
import { R as RadioContext } from './context-aa058329.js';
|
|
13
13
|
import RadioGroup from './RadioGroup.js';
|
|
14
|
-
import './bem-893ad28d.js';
|
|
15
|
-
import '@bem-react/classname';
|
|
16
14
|
var defaultProps = {
|
|
17
15
|
disabled: false,
|
|
18
16
|
checked: false,
|
|
@@ -93,6 +91,7 @@ var Radio = function Radio(props) {
|
|
|
93
91
|
};
|
|
94
92
|
|
|
95
93
|
var handleClick = function handleClick(e) {
|
|
94
|
+
if (disabledStatement) return;
|
|
96
95
|
setCheckedStatement(!checkedStatement);
|
|
97
96
|
props.onChange && props.onChange(e);
|
|
98
97
|
context && context.onChange(valueStatement);
|
package/dist/esm/Rate.js
CHANGED
|
@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
7
7
|
|
|
8
8
|
import React__default, { useState, useEffect } from 'react';
|
|
9
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
|
-
import
|
|
10
|
+
import Icon from './Icon.js';
|
|
11
11
|
import '@bem-react/classname';
|
|
12
12
|
var defaultProps = {
|
|
13
13
|
count: 5,
|
package/dist/esm/Tabbar.js
CHANGED
|
@@ -7,7 +7,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
7
7
|
|
|
8
8
|
import React__default, { useState } from 'react';
|
|
9
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
|
-
import TabbarItem from './TabbarItem.js';
|
|
11
10
|
import '@bem-react/classname';
|
|
12
11
|
var defaultProps = {
|
|
13
12
|
visible: 0,
|
|
@@ -65,10 +64,8 @@ var Tabbar = function Tabbar(props) {
|
|
|
65
64
|
|
|
66
65
|
return React__default.cloneElement(child, childProps);
|
|
67
66
|
}));
|
|
68
|
-
};
|
|
69
|
-
|
|
67
|
+
};
|
|
70
68
|
|
|
71
|
-
Tabbar.TabbarItem = TabbarItem;
|
|
72
69
|
Tabbar.defaultProps = defaultProps;
|
|
73
70
|
Tabbar.displayName = 'NutTabbar';
|
|
74
71
|
export { Tabbar as default };
|
package/dist/esm/TabbarItem.js
CHANGED
|
@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
6
6
|
|
|
7
7
|
import React__default, { useEffect } from 'react';
|
|
8
8
|
import { c as cn } from './bem-893ad28d.js';
|
|
9
|
-
import
|
|
9
|
+
import Icon from './Icon.js';
|
|
10
10
|
import '@bem-react/classname';
|
|
11
11
|
var defaultProps = {
|
|
12
12
|
tabTitle: '',
|
package/dist/nutui.react.es.js
CHANGED
|
@@ -34,7 +34,7 @@ var __publicField = (obj, key, value) => {
|
|
|
34
34
|
return value;
|
|
35
35
|
};
|
|
36
36
|
/*!
|
|
37
|
-
* @nutui/nutui-react v0.1.
|
|
37
|
+
* @nutui/nutui-react v0.1.1 Wed Jan 05 2022 17:39:23 GMT+0800 (China Standard Time)
|
|
38
38
|
* (c) 2021 @jdf2e.
|
|
39
39
|
* Released under the MIT License.
|
|
40
40
|
*/
|
|
@@ -9249,6 +9249,47 @@ const NavBar = (props) => {
|
|
|
9249
9249
|
NavBar.defaultProps = defaultProps$r;
|
|
9250
9250
|
NavBar.displayName = "NutNavBar";
|
|
9251
9251
|
const defaultProps$q = {
|
|
9252
|
+
visible: 0,
|
|
9253
|
+
bottom: false,
|
|
9254
|
+
type: "",
|
|
9255
|
+
size: "",
|
|
9256
|
+
unactiveColor: "",
|
|
9257
|
+
activeColor: "",
|
|
9258
|
+
className: "",
|
|
9259
|
+
style: {},
|
|
9260
|
+
tabSwitch: () => {
|
|
9261
|
+
}
|
|
9262
|
+
};
|
|
9263
|
+
const Tabbar = (props) => {
|
|
9264
|
+
const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$q), props);
|
|
9265
|
+
const b2 = cn("tabbar");
|
|
9266
|
+
const [selectIndex, setSelectIndex] = useState(visible);
|
|
9267
|
+
const handleClick = (idx) => {
|
|
9268
|
+
setSelectIndex(idx);
|
|
9269
|
+
};
|
|
9270
|
+
return /* @__PURE__ */ React__default.createElement("div", {
|
|
9271
|
+
className: [`${b2()}`, bottom ? `${b2("bottom")}` : "", className].join(" "),
|
|
9272
|
+
style
|
|
9273
|
+
}, React__default.Children.map(children, (child, idx) => {
|
|
9274
|
+
if (!React__default.isValidElement(child)) {
|
|
9275
|
+
return null;
|
|
9276
|
+
}
|
|
9277
|
+
const childProps = __spreadProps(__spreadValues({}, child.props), {
|
|
9278
|
+
active: idx === selectIndex,
|
|
9279
|
+
index: idx,
|
|
9280
|
+
unactiveColor,
|
|
9281
|
+
activeColor,
|
|
9282
|
+
handleClick: () => {
|
|
9283
|
+
handleClick(idx);
|
|
9284
|
+
tabSwitch(child, idx);
|
|
9285
|
+
}
|
|
9286
|
+
});
|
|
9287
|
+
return React__default.cloneElement(child, childProps);
|
|
9288
|
+
}));
|
|
9289
|
+
};
|
|
9290
|
+
Tabbar.defaultProps = defaultProps$q;
|
|
9291
|
+
Tabbar.displayName = "NutTabbar";
|
|
9292
|
+
const defaultProps$p = {
|
|
9252
9293
|
tabTitle: "",
|
|
9253
9294
|
icon: "",
|
|
9254
9295
|
href: "",
|
|
@@ -9261,7 +9302,7 @@ const defaultProps$q = {
|
|
|
9261
9302
|
}
|
|
9262
9303
|
};
|
|
9263
9304
|
const TabbarItem = (props) => {
|
|
9264
|
-
const { tabTitle, icon, href, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$
|
|
9305
|
+
const { tabTitle, icon, href, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$p), props);
|
|
9265
9306
|
const b2 = cn("tabbar-item");
|
|
9266
9307
|
const bIcon = cn("tabbar-item__icon-box");
|
|
9267
9308
|
useEffect(() => {
|
|
@@ -9290,48 +9331,6 @@ const TabbarItem = (props) => {
|
|
|
9290
9331
|
className: bIcon({ "nav-word": true }, [bIcon({ "big-word": !icon })])
|
|
9291
9332
|
}, tabTitle)));
|
|
9292
9333
|
};
|
|
9293
|
-
const defaultProps$p = {
|
|
9294
|
-
visible: 0,
|
|
9295
|
-
bottom: false,
|
|
9296
|
-
type: "",
|
|
9297
|
-
size: "",
|
|
9298
|
-
unactiveColor: "",
|
|
9299
|
-
activeColor: "",
|
|
9300
|
-
className: "",
|
|
9301
|
-
style: {},
|
|
9302
|
-
tabSwitch: () => {
|
|
9303
|
-
}
|
|
9304
|
-
};
|
|
9305
|
-
const Tabbar = (props) => {
|
|
9306
|
-
const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$p), props);
|
|
9307
|
-
const b2 = cn("tabbar");
|
|
9308
|
-
const [selectIndex, setSelectIndex] = useState(visible);
|
|
9309
|
-
const handleClick = (idx) => {
|
|
9310
|
-
setSelectIndex(idx);
|
|
9311
|
-
};
|
|
9312
|
-
return /* @__PURE__ */ React__default.createElement("div", {
|
|
9313
|
-
className: [`${b2()}`, bottom ? `${b2("bottom")}` : "", className].join(" "),
|
|
9314
|
-
style
|
|
9315
|
-
}, React__default.Children.map(children, (child, idx) => {
|
|
9316
|
-
if (!React__default.isValidElement(child)) {
|
|
9317
|
-
return null;
|
|
9318
|
-
}
|
|
9319
|
-
const childProps = __spreadProps(__spreadValues({}, child.props), {
|
|
9320
|
-
active: idx === selectIndex,
|
|
9321
|
-
index: idx,
|
|
9322
|
-
unactiveColor,
|
|
9323
|
-
activeColor,
|
|
9324
|
-
handleClick: () => {
|
|
9325
|
-
handleClick(idx);
|
|
9326
|
-
tabSwitch(child, idx);
|
|
9327
|
-
}
|
|
9328
|
-
});
|
|
9329
|
-
return React__default.cloneElement(child, childProps);
|
|
9330
|
-
}));
|
|
9331
|
-
};
|
|
9332
|
-
Tabbar.TabbarItem = TabbarItem;
|
|
9333
|
-
Tabbar.defaultProps = defaultProps$p;
|
|
9334
|
-
Tabbar.displayName = "NutTabbar";
|
|
9335
9334
|
const defaultProps$o = {
|
|
9336
9335
|
disabled: false,
|
|
9337
9336
|
buttonSize: "",
|
|
@@ -11257,6 +11256,8 @@ const Radio = (props) => {
|
|
|
11257
11256
|
});
|
|
11258
11257
|
};
|
|
11259
11258
|
const handleClick = (e2) => {
|
|
11259
|
+
if (disabledStatement)
|
|
11260
|
+
return;
|
|
11260
11261
|
setCheckedStatement(!checkedStatement);
|
|
11261
11262
|
props.onChange && props.onChange(e2);
|
|
11262
11263
|
context2 && context2.onChange(valueStatement);
|