@nutui/nutui-react 1.3.11 → 1.3.12
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 +13 -0
- package/dist/esm/Cell.js +7 -108
- package/dist/esm/CellGroup.js +4 -34
- package/dist/esm/Form/style/index.js +2 -0
- package/dist/esm/Form.js +188 -0
- package/dist/esm/FormItem/style/index.js +2 -0
- package/dist/esm/FormItem.js +9 -0
- package/dist/esm/Range.js +8 -5
- package/dist/esm/TextArea.js +7 -8
- package/dist/esm/cell-c8781626.js +108 -0
- package/dist/esm/cellgroup-3402f96c.js +34 -0
- package/dist/esm/formitem-46d4aca3.js +136 -0
- package/dist/esm/nutui-react.es.js +2 -0
- package/dist/esm/types/src/packages/form/demo.d.ts +3 -0
- package/dist/esm/types/src/packages/form/form.d.ts +9 -0
- package/dist/esm/types/src/packages/form/index.d.ts +2 -0
- package/dist/esm/types/src/packages/form/index.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/form/types.d.ts +82 -0
- package/dist/esm/types/src/packages/form/useForm.d.ts +2 -0
- package/dist/esm/types/src/packages/formitem/formitem.d.ts +30 -0
- package/dist/esm/types/src/packages/formitem/formitemcontext.d.ts +6 -0
- package/dist/esm/types/src/packages/formitem/index.d.ts +2 -0
- package/dist/esm/types/src/packages/formitem/types.d.ts +82 -0
- package/dist/esm/types/src/packages/formitem/useForm.d.ts +2 -0
- package/dist/esm/types/src/packages/nutui.react.build.d.ts +3 -1
- package/dist/esm/types/src/packages/nutui.react.d.ts +5 -1
- package/dist/esm/types/src/packages/nutui.react.scss.d.ts +2 -0
- package/dist/esm/types/src/packages/range/range.d.ts +3 -0
- 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/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +1785 -480
- package/dist/nutui.react.umd.js +1821 -514
- package/dist/packages/checkbox/checkbox.scss +1 -1
- package/dist/packages/form/form.scss +27 -0
- package/dist/packages/formitem/formitem.scss +87 -0
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/styles/themes/default.scss +2 -0
- package/dist/styles/variables.scss +77 -26
- package/dist/types/index.d.ts +94 -1
- package/dist/types/nutui.react.build.ts +5 -1
- package/package.json +6 -4
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
+
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
9
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
10
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
+
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; }
|
|
12
|
+
import React__default, { createContext } from 'react';
|
|
13
|
+
import { C as Cell } from './cell-c8781626.js';
|
|
14
|
+
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
15
|
+
var FormItemContext = createContext({});
|
|
16
|
+
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
17
|
+
name: '',
|
|
18
|
+
label: '',
|
|
19
|
+
className: '',
|
|
20
|
+
rules: [{
|
|
21
|
+
required: false,
|
|
22
|
+
message: ''
|
|
23
|
+
}],
|
|
24
|
+
disabled: false,
|
|
25
|
+
labelWidth: 90,
|
|
26
|
+
errorMessageAlign: 'left',
|
|
27
|
+
showErrorLine: true,
|
|
28
|
+
showErrorMessage: true
|
|
29
|
+
});
|
|
30
|
+
var FormItem = /*#__PURE__*/function (_React__default$Compo) {
|
|
31
|
+
_inherits(FormItem, _React__default$Compo);
|
|
32
|
+
var _super = _createSuper(FormItem);
|
|
33
|
+
function FormItem() {
|
|
34
|
+
var _this;
|
|
35
|
+
_classCallCheck(this, FormItem);
|
|
36
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
37
|
+
args[_key] = arguments[_key];
|
|
38
|
+
}
|
|
39
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
40
|
+
_defineProperty(_assertThisInitialized(_this), "cancelRegister", void 0);
|
|
41
|
+
_defineProperty(_assertThisInitialized(_this), "getControlled", function (children) {
|
|
42
|
+
var _this$context = _this.context,
|
|
43
|
+
getFieldValue = _this$context.getFieldValue,
|
|
44
|
+
setFieldsValue = _this$context.setFieldsValue;
|
|
45
|
+
var name = _this.props.name;
|
|
46
|
+
var type = children.type.NAME;
|
|
47
|
+
return {
|
|
48
|
+
value: getFieldValue(name),
|
|
49
|
+
onChange: function onChange(event) {
|
|
50
|
+
var newValue = event;
|
|
51
|
+
switch (type) {
|
|
52
|
+
case 'checkbox':
|
|
53
|
+
newValue = event.target.value;
|
|
54
|
+
break;
|
|
55
|
+
}
|
|
56
|
+
setFieldsValue(_defineProperty({}, name, newValue));
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
});
|
|
60
|
+
_defineProperty(_assertThisInitialized(_this), "onStoreChange", function () {
|
|
61
|
+
_this.forceUpdate();
|
|
62
|
+
});
|
|
63
|
+
_defineProperty(_assertThisInitialized(_this), "renderLayout", function (childNode) {
|
|
64
|
+
var _this$context$errList, _this$context$errList2;
|
|
65
|
+
var _defaultProps$_this$p = _objectSpread(_objectSpread({}, defaultProps), _this.props),
|
|
66
|
+
label = _defaultProps$_this$p.label,
|
|
67
|
+
name = _defaultProps$_this$p.name,
|
|
68
|
+
_defaultProps$_this$p2 = _defaultProps$_this$p.rules,
|
|
69
|
+
rules = _defaultProps$_this$p2 === void 0 ? [{
|
|
70
|
+
required: false,
|
|
71
|
+
message: ''
|
|
72
|
+
}] : _defaultProps$_this$p2,
|
|
73
|
+
className = _defaultProps$_this$p.className,
|
|
74
|
+
labelWidth = _defaultProps$_this$p.labelWidth,
|
|
75
|
+
errorMessageAlign = _defaultProps$_this$p.errorMessageAlign,
|
|
76
|
+
showErrorLine = _defaultProps$_this$p.showErrorLine,
|
|
77
|
+
showErrorMessage = _defaultProps$_this$p.showErrorMessage;
|
|
78
|
+
var item = ((_this$context$errList = _this.context.errList) === null || _this$context$errList === void 0 ? void 0 : _this$context$errList.length) > 0 && ((_this$context$errList2 = _this.context.errList) === null || _this$context$errList2 === void 0 ? void 0 : _this$context$errList2.filter(function (item) {
|
|
79
|
+
return item.field === name;
|
|
80
|
+
}));
|
|
81
|
+
var starPositon = _this.context.starPositon;
|
|
82
|
+
var renderStar = rules.length > 0 && rules[0].required && React__default.createElement("i", {
|
|
83
|
+
className: "required"
|
|
84
|
+
});
|
|
85
|
+
var renderLabel = starPositon === 'Right' ? React__default.createElement(React__default.Fragment, null, label, renderStar) : React__default.createElement(React__default.Fragment, null, renderStar, label);
|
|
86
|
+
return React__default.createElement(Cell, {
|
|
87
|
+
className: "nut-form-item ".concat(className)
|
|
88
|
+
}, label ? React__default.createElement("div", {
|
|
89
|
+
className: "nut-cell__title nut-form-item__label",
|
|
90
|
+
style: {
|
|
91
|
+
width: _this.pxCheck(labelWidth)
|
|
92
|
+
}
|
|
93
|
+
}, renderLabel) : null, React__default.createElement("div", {
|
|
94
|
+
className: "nut-cell__value nut-form-item__body"
|
|
95
|
+
}, React__default.createElement("div", {
|
|
96
|
+
className: "nut-form-item__body__slots"
|
|
97
|
+
}, childNode), item.length > 0 && React__default.createElement("div", {
|
|
98
|
+
className: "nut-form-item__body__tips",
|
|
99
|
+
style: {
|
|
100
|
+
textAlign: errorMessageAlign
|
|
101
|
+
}
|
|
102
|
+
}, item[0].message)));
|
|
103
|
+
});
|
|
104
|
+
_defineProperty(_assertThisInitialized(_this), "pxCheck", function (value) {
|
|
105
|
+
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
106
|
+
});
|
|
107
|
+
return _this;
|
|
108
|
+
}
|
|
109
|
+
_createClass(FormItem, [{
|
|
110
|
+
key: "componentDidMount",
|
|
111
|
+
value: function componentDidMount() {
|
|
112
|
+
// 注册组件实例到FormStore
|
|
113
|
+
this.cancelRegister = this.context.registerField(this);
|
|
114
|
+
}
|
|
115
|
+
}, {
|
|
116
|
+
key: "componentWillUnmount",
|
|
117
|
+
value: function componentWillUnmount() {
|
|
118
|
+
if (this.cancelRegister) {
|
|
119
|
+
this.cancelRegister();
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
// children添加value属性和onChange事件
|
|
123
|
+
}, {
|
|
124
|
+
key: "render",
|
|
125
|
+
value: function render() {
|
|
126
|
+
var children = this.props.children;
|
|
127
|
+
var c = Array.isArray(children) ? children[0] : children;
|
|
128
|
+
var returnChildNode = React__default.cloneElement(c, this.getControlled(c));
|
|
129
|
+
return this.renderLayout(returnChildNode);
|
|
130
|
+
}
|
|
131
|
+
}]);
|
|
132
|
+
return FormItem;
|
|
133
|
+
}(React__default.Component);
|
|
134
|
+
_defineProperty(FormItem, "defaultProps", defaultProps);
|
|
135
|
+
_defineProperty(FormItem, "contextType", FormItemContext);
|
|
136
|
+
export { FormItemContext as F, FormItem as a };
|
|
@@ -44,6 +44,8 @@ export { default as Uploader } from './Uploader.js';
|
|
|
44
44
|
export { default as Cascader } from './Cascader.js';
|
|
45
45
|
export { default as SearchBar } from './SearchBar.js';
|
|
46
46
|
export { default as NumberKeyboard } from './NumberKeyboard.js';
|
|
47
|
+
export { default as Form } from './Form.js';
|
|
48
|
+
export { default as FormItem } from './FormItem.js';
|
|
47
49
|
export { default as ActionSheet } from './ActionSheet.js';
|
|
48
50
|
export { default as BackTop } from './BackTop.js';
|
|
49
51
|
export { default as Drag } from './Drag.js';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
import { IComponent } from '@/utils/typings';
|
|
3
|
+
import { FormItem } from '../formitem/formitem';
|
|
4
|
+
import { BaseForm } from './types';
|
|
5
|
+
export interface FormProps extends IComponent, BaseForm {
|
|
6
|
+
}
|
|
7
|
+
export declare const Form: FunctionComponent<Partial<FormProps> & React.HTMLAttributes<HTMLFormElement>> & {
|
|
8
|
+
Item: typeof FormItem;
|
|
9
|
+
};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
export interface BaseForm {
|
|
2
|
+
/**
|
|
3
|
+
* 经 Form.useForm() 创建的 form 控制实例,不提供时会自动创建
|
|
4
|
+
*/
|
|
5
|
+
form: any;
|
|
6
|
+
/**
|
|
7
|
+
* label的位置
|
|
8
|
+
* 可选值 top/left/right
|
|
9
|
+
*/
|
|
10
|
+
labelPosition: string | number;
|
|
11
|
+
/**
|
|
12
|
+
* 表单分组名称
|
|
13
|
+
*/
|
|
14
|
+
formGroupTitle: string;
|
|
15
|
+
starPositon: string;
|
|
16
|
+
/**
|
|
17
|
+
* 表单校验成功回调
|
|
18
|
+
*/
|
|
19
|
+
onFinish: (obj: object) => void;
|
|
20
|
+
/**
|
|
21
|
+
* 表单校验失败回调
|
|
22
|
+
*/
|
|
23
|
+
onFinishFailed: (value: []) => void;
|
|
24
|
+
}
|
|
25
|
+
export interface FormItemRuleWithoutValidator {
|
|
26
|
+
[key: string]: any;
|
|
27
|
+
regex?: RegExp;
|
|
28
|
+
required?: boolean;
|
|
29
|
+
message?: string;
|
|
30
|
+
}
|
|
31
|
+
export interface FormItemRule extends FormItemRuleWithoutValidator {
|
|
32
|
+
validator?: (value: any, ruleCfg: FormItemRuleWithoutValidator) => boolean | string | Promise<boolean | string>;
|
|
33
|
+
}
|
|
34
|
+
export interface BaseFormField {
|
|
35
|
+
/**
|
|
36
|
+
* 字段名
|
|
37
|
+
*/
|
|
38
|
+
name: string;
|
|
39
|
+
/**
|
|
40
|
+
* label 标签的文本
|
|
41
|
+
*/
|
|
42
|
+
label: string;
|
|
43
|
+
/**
|
|
44
|
+
* 校验规则,设置字段的校验逻辑
|
|
45
|
+
*/
|
|
46
|
+
rules: FormItemRule[];
|
|
47
|
+
/**
|
|
48
|
+
* 是否禁用表单项
|
|
49
|
+
*/
|
|
50
|
+
disabled: boolean;
|
|
51
|
+
}
|
|
52
|
+
export declare type StoreValue = string | number;
|
|
53
|
+
export declare type NamePath = string | number;
|
|
54
|
+
export interface Callbacks<Values = any> {
|
|
55
|
+
onValuesChange?: (values: Values) => void;
|
|
56
|
+
onFinish?: (values: Values) => void;
|
|
57
|
+
onFinishFailed?: (Values: Values) => void;
|
|
58
|
+
}
|
|
59
|
+
export interface Store {
|
|
60
|
+
[name: string]: StoreValue;
|
|
61
|
+
}
|
|
62
|
+
export interface FormInstance<Values = any> {
|
|
63
|
+
registerField: (entity: FieldEntity) => () => void;
|
|
64
|
+
getFieldValue: (name: NamePath) => StoreValue;
|
|
65
|
+
setFieldsValue: (value: any) => void;
|
|
66
|
+
resetFields: (fields?: NamePath[]) => void;
|
|
67
|
+
submit: () => void;
|
|
68
|
+
setCallback: (callbacks: Callbacks) => void;
|
|
69
|
+
}
|
|
70
|
+
export interface FieldEntity {
|
|
71
|
+
onStoreChange: () => void;
|
|
72
|
+
getNamePath: () => NamePath;
|
|
73
|
+
props: {
|
|
74
|
+
name: NamePath;
|
|
75
|
+
rules?: any[];
|
|
76
|
+
dependencies?: NamePath[];
|
|
77
|
+
initialValue?: any;
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
export interface IDescriptor {
|
|
81
|
+
[name: string]: string;
|
|
82
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseFormField } from './types';
|
|
3
|
+
import { FormItemContext } from './formitemcontext';
|
|
4
|
+
import { IComponent } from '@/utils/typings';
|
|
5
|
+
declare type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
|
|
6
|
+
export interface FormItemProps extends IComponent, BaseFormField {
|
|
7
|
+
labelWidth: string | number;
|
|
8
|
+
errorMessageAlign: TextAlign;
|
|
9
|
+
showErrorLine: boolean;
|
|
10
|
+
showErrorMessage: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const defaultProps: FormItemProps;
|
|
13
|
+
export declare type FieldProps = typeof defaultProps & Partial<BaseFormField>;
|
|
14
|
+
export declare class FormItem extends React.Component<FieldProps> {
|
|
15
|
+
static defaultProps: FormItemProps;
|
|
16
|
+
static contextType: any;
|
|
17
|
+
context: React.ContextType<typeof FormItemContext>;
|
|
18
|
+
private cancelRegister;
|
|
19
|
+
componentDidMount(): void;
|
|
20
|
+
componentWillUnmount(): void;
|
|
21
|
+
getControlled: (children: React.ReactElement) => {
|
|
22
|
+
value: any;
|
|
23
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement> | number | string | string[]) => void;
|
|
24
|
+
};
|
|
25
|
+
onStoreChange: () => void;
|
|
26
|
+
renderLayout: (childNode: React.ReactNode) => JSX.Element;
|
|
27
|
+
pxCheck: (value: string | number) => string;
|
|
28
|
+
render(): JSX.Element;
|
|
29
|
+
}
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
export interface BaseForm {
|
|
2
|
+
/**
|
|
3
|
+
* 经 Form.useForm() 创建的 form 控制实例,不提供时会自动创建
|
|
4
|
+
*/
|
|
5
|
+
form: any;
|
|
6
|
+
/**
|
|
7
|
+
* label的位置
|
|
8
|
+
* 可选值 top/left/right
|
|
9
|
+
*/
|
|
10
|
+
labelPosition: string | number;
|
|
11
|
+
/**
|
|
12
|
+
* 表单分组名称
|
|
13
|
+
*/
|
|
14
|
+
formGroupTitle: string;
|
|
15
|
+
starPositon: string;
|
|
16
|
+
/**
|
|
17
|
+
* 表单校验成功回调
|
|
18
|
+
*/
|
|
19
|
+
onFinish: (obj: object) => void;
|
|
20
|
+
/**
|
|
21
|
+
* 表单校验失败回调
|
|
22
|
+
*/
|
|
23
|
+
onFinishFailed: (value: []) => void;
|
|
24
|
+
}
|
|
25
|
+
export interface FormItemRuleWithoutValidator {
|
|
26
|
+
[key: string]: any;
|
|
27
|
+
regex?: RegExp;
|
|
28
|
+
required?: boolean;
|
|
29
|
+
message?: string;
|
|
30
|
+
}
|
|
31
|
+
export interface FormItemRule extends FormItemRuleWithoutValidator {
|
|
32
|
+
validator?: (value: any, ruleCfg: FormItemRuleWithoutValidator) => boolean | string | Promise<boolean | string>;
|
|
33
|
+
}
|
|
34
|
+
export interface BaseFormField {
|
|
35
|
+
/**
|
|
36
|
+
* 字段名
|
|
37
|
+
*/
|
|
38
|
+
name: string;
|
|
39
|
+
/**
|
|
40
|
+
* label 标签的文本
|
|
41
|
+
*/
|
|
42
|
+
label: string;
|
|
43
|
+
/**
|
|
44
|
+
* 校验规则,设置字段的校验逻辑
|
|
45
|
+
*/
|
|
46
|
+
rules: FormItemRule[];
|
|
47
|
+
/**
|
|
48
|
+
* 是否禁用表单项
|
|
49
|
+
*/
|
|
50
|
+
disabled: boolean;
|
|
51
|
+
}
|
|
52
|
+
export declare type StoreValue = string | number;
|
|
53
|
+
export declare type NamePath = string | number;
|
|
54
|
+
export interface Callbacks<Values = any> {
|
|
55
|
+
onValuesChange?: (values: Values) => void;
|
|
56
|
+
onFinish?: (values: Values) => void;
|
|
57
|
+
onFinishFailed?: (Values: Values) => void;
|
|
58
|
+
}
|
|
59
|
+
export interface Store {
|
|
60
|
+
[name: string]: StoreValue;
|
|
61
|
+
}
|
|
62
|
+
export interface FormInstance<Values = any> {
|
|
63
|
+
registerField: (entity: FieldEntity) => () => void;
|
|
64
|
+
getFieldValue: (name: NamePath) => StoreValue;
|
|
65
|
+
setFieldsValue: (value: any) => void;
|
|
66
|
+
resetFields: (fields?: NamePath[]) => void;
|
|
67
|
+
submit: () => void;
|
|
68
|
+
setCallback: (callbacks: Callbacks) => void;
|
|
69
|
+
}
|
|
70
|
+
export interface FieldEntity {
|
|
71
|
+
onStoreChange: () => void;
|
|
72
|
+
getNamePath: () => NamePath;
|
|
73
|
+
props: {
|
|
74
|
+
name: NamePath;
|
|
75
|
+
rules?: any[];
|
|
76
|
+
dependencies?: NamePath[];
|
|
77
|
+
initialValue?: any;
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
export interface IDescriptor {
|
|
81
|
+
[name: string]: string;
|
|
82
|
+
}
|
|
@@ -44,6 +44,8 @@ import Uploader from '@/packages/uploader';
|
|
|
44
44
|
import Cascader from '@/packages/cascader';
|
|
45
45
|
import SearchBar from '@/packages/searchbar';
|
|
46
46
|
import NumberKeyboard from '@/packages/numberkeyboard';
|
|
47
|
+
import Form from '@/packages/form';
|
|
48
|
+
import FormItem from '@/packages/formitem';
|
|
47
49
|
import ActionSheet from '@/packages/actionsheet';
|
|
48
50
|
import BackTop from '@/packages/backtop';
|
|
49
51
|
import Drag from '@/packages/drag';
|
|
@@ -85,4 +87,4 @@ import Card from '@/packages/card';
|
|
|
85
87
|
import TimePannel from '@/packages/timepannel';
|
|
86
88
|
import TimeDetail from '@/packages/timedetail';
|
|
87
89
|
import TimeSelect from '@/packages/timeselect';
|
|
88
|
-
export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
|
|
90
|
+
export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
|
|
@@ -44,6 +44,8 @@ import Uploader from '@/packages/uploader';
|
|
|
44
44
|
import Cascader from '@/packages/cascader';
|
|
45
45
|
import SearchBar from '@/packages/searchbar';
|
|
46
46
|
import NumberKeyboard from '@/packages/numberkeyboard';
|
|
47
|
+
import Form from '@/packages/form';
|
|
48
|
+
import FormItem from '@/packages/formitem';
|
|
47
49
|
import ActionSheet from '@/packages/actionsheet';
|
|
48
50
|
import BackTop from '@/packages/backtop';
|
|
49
51
|
import Drag from '@/packages/drag';
|
|
@@ -131,6 +133,8 @@ import '@/packages/uploader/uploader.scss';
|
|
|
131
133
|
import '@/packages/cascader/cascader.scss';
|
|
132
134
|
import '@/packages/searchbar/searchbar.scss';
|
|
133
135
|
import '@/packages/numberkeyboard/numberkeyboard.scss';
|
|
136
|
+
import '@/packages/form/form.scss';
|
|
137
|
+
import '@/packages/formitem/formitem.scss';
|
|
134
138
|
import '@/packages/actionsheet/actionsheet.scss';
|
|
135
139
|
import '@/packages/backtop/backtop.scss';
|
|
136
140
|
import '@/packages/drag/drag.scss';
|
|
@@ -172,4 +176,4 @@ import '@/packages/card/card.scss';
|
|
|
172
176
|
import '@/packages/timepannel/timepannel.scss';
|
|
173
177
|
import '@/packages/timedetail/timedetail.scss';
|
|
174
178
|
import '@/packages/timeselect/timeselect.scss';
|
|
175
|
-
export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
|
|
179
|
+
export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
|
|
@@ -44,6 +44,8 @@ import '@/packages/uploader/uploader.scss';
|
|
|
44
44
|
import '@/packages/cascader/cascader.scss';
|
|
45
45
|
import '@/packages/searchbar/searchbar.scss';
|
|
46
46
|
import '@/packages/numberkeyboard/numberkeyboard.scss';
|
|
47
|
+
import '@/packages/form/form.scss';
|
|
48
|
+
import '@/packages/formitem/formitem.scss';
|
|
47
49
|
import '@/packages/actionsheet/actionsheet.scss';
|
|
48
50
|
import '@/packages/backtop/backtop.scss';
|
|
49
51
|
import '@/packages/drag/drag.scss';
|
|
@@ -12,6 +12,9 @@ export interface RangeProps {
|
|
|
12
12
|
hiddenTag: boolean;
|
|
13
13
|
min: number | string;
|
|
14
14
|
max: number | string;
|
|
15
|
+
minDesc: number | string;
|
|
16
|
+
maxDesc: number | string;
|
|
17
|
+
curValueDesc: number | string;
|
|
15
18
|
step: number | string;
|
|
16
19
|
modelValue: SliderValue;
|
|
17
20
|
button: React.ReactNode;
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED