@nutui/nutui-react-taro 2.0.0-alpha.16 → 2.0.0-alpha.18

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 (160) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/ActionSheet.js +2 -2
  4. package/dist/esm/Address.js +2 -2
  5. package/dist/esm/Audio.js +2 -2
  6. package/dist/esm/Avatar.js +2 -2
  7. package/dist/esm/Button.js +2 -1
  8. package/dist/esm/Calendar.js +2 -2
  9. package/dist/esm/Cascader.js +2 -2
  10. package/dist/esm/DatePicker.js +3 -3
  11. package/dist/esm/Dialog.js +3 -2
  12. package/dist/esm/Divider/style/style.css +1 -1
  13. package/dist/esm/Form/style/index.js +3 -1
  14. package/dist/esm/Form/style/style.css +1 -1
  15. package/dist/esm/Form.js +4 -4
  16. package/dist/esm/FormItem/style/index.js +1 -1
  17. package/dist/esm/FormItem/style/style.css +1 -1
  18. package/dist/esm/FormItem.js +1 -1
  19. package/dist/esm/ImagePreview.js +2 -2
  20. package/dist/esm/InputNumber/style/style.css +1 -1
  21. package/dist/esm/InputNumber.js +1 -1
  22. package/dist/esm/NumberKeyboard.js +2 -2
  23. package/dist/esm/Pagination/style/style.css +1 -1
  24. package/dist/esm/Picker.js +2 -2
  25. package/dist/esm/Popover.js +3 -3
  26. package/dist/esm/Popup.js +1 -1
  27. package/dist/esm/SearchBar.js +1 -1
  28. package/dist/esm/ShortPassword.js +2 -2
  29. package/dist/esm/SideNavBar.js +2 -2
  30. package/dist/esm/Skeleton.js +3 -3
  31. package/dist/esm/Swipe.js +2 -3
  32. package/dist/esm/Tabbar/style/style.css +1 -1
  33. package/dist/esm/Tabbar.js +2 -2
  34. package/dist/esm/TabbarItem/style/index.js +1 -1
  35. package/dist/esm/TabbarItem/style/style.css +1 -1
  36. package/dist/esm/TabbarItem.js +1 -1
  37. package/dist/esm/TimeSelect.js +2 -2
  38. package/dist/esm/Uploader.js +2 -2
  39. package/dist/esm/{actionsheet.taro-697a594b.js → actionsheet.taro-8e7cbd0f.js} +1 -1
  40. package/dist/esm/{address.taro-cc879a1d.js → address.taro-3cfe1767.js} +1 -1
  41. package/dist/esm/{audio.taro-64b15071.js → audio.taro-09305bcb.js} +1 -1
  42. package/dist/esm/{button.taro-01eae688.js → button.taro-60dfd83e.js} +18 -7
  43. package/dist/esm/{calendar.taro-02195ddb.js → calendar.taro-3568a214.js} +1 -1
  44. package/dist/esm/{cascader.taro-fb7a0230.js → cascader.taro-91cf3ca6.js} +1 -1
  45. package/dist/esm/{datepicker.taro-b480d072.js → datepicker.taro-108eb7c8.js} +1 -1
  46. package/dist/esm/{dialog.taro-e5c2cb03.js → dialog.taro-2de109c0.js} +1 -1
  47. package/dist/esm/form.taro-33a19e85.js +1275 -0
  48. package/dist/esm/formitem.taro-c9ded1ef.js +139 -0
  49. package/dist/esm/{imagepreview.taro-cfe0a4cc.js → imagepreview.taro-29717406.js} +1 -1
  50. package/dist/esm/{inputnumber.taro-6657d2c1.js → inputnumber.taro-c4c0cfb3.js} +5 -5
  51. package/dist/esm/{numberkeyboard.taro-18879f04.js → numberkeyboard.taro-ee984036.js} +1 -1
  52. package/dist/esm/nutui-react.es.js +27 -27
  53. package/dist/esm/{picker.taro-3781a455.js → picker.taro-9ca039c4.js} +54 -27
  54. package/dist/esm/{popover.taro-ba6c323a.js → popover.taro-52c02926.js} +12 -12
  55. package/dist/esm/{popup.taro-e756f3fc.js → popup.taro-687437a0.js} +1 -0
  56. package/dist/esm/{searchbar.taro-39351331.js → searchbar.taro-b2d6eff2.js} +2 -2
  57. package/dist/esm/{shortpassword.taro-cff61e4e.js → shortpassword.taro-4f714afb.js} +1 -1
  58. package/dist/esm/{sidenavbar.taro-1aefdd3c.js → sidenavbar.taro-03fb1fc6.js} +1 -1
  59. package/dist/esm/{skeleton.taro-ce714b06.js → skeleton.taro-e29f9f0c.js} +1 -1
  60. package/dist/esm/{swipe.taro-966af6d3.js → swipe.taro-4eb0cc9a.js} +6 -5
  61. package/dist/esm/{tabbar.taro-18eee41f.js → tabbar.taro-4f49ed90.js} +1 -1
  62. package/dist/esm/{tabbaritem.taro-89646ca1.js → tabbaritem.taro-16a380db.js} +16 -5
  63. package/dist/esm/{timeselect.taro-9e37e648.js → timeselect.taro-9de6ab39.js} +1 -1
  64. package/dist/esm/types/src/packages/button/button.d.ts +1 -0
  65. package/dist/esm/types/src/packages/elevator/elevator.d.ts +0 -1
  66. package/dist/esm/types/src/packages/elevator/elevator.taro.d.ts +0 -1
  67. package/dist/esm/types/src/packages/form/__tests__/form.spec.d.ts +1 -0
  68. package/dist/esm/types/src/packages/form/context.d.ts +4 -0
  69. package/dist/esm/types/src/packages/form/form.d.ts +11 -4
  70. package/dist/esm/types/src/packages/form/form.taro.d.ts +14 -4
  71. package/dist/esm/types/src/packages/form/index.d.ts +1 -0
  72. package/dist/esm/types/src/packages/form/index.taro.d.ts +1 -0
  73. package/dist/esm/types/src/packages/form/types.d.ts +4 -52
  74. package/dist/esm/types/src/packages/formitem/formitem.d.ts +16 -15
  75. package/dist/esm/types/src/packages/formitem/formitem.taro.d.ts +16 -12
  76. package/dist/esm/types/src/packages/formitem/index.d.ts +1 -0
  77. package/dist/esm/types/src/packages/formitem/index.taro.d.ts +1 -0
  78. package/dist/esm/types/src/packages/formitem/types.d.ts +1 -31
  79. package/dist/esm/types/src/packages/inputnumber/inputnumber.d.ts +1 -1
  80. package/dist/esm/types/src/packages/inputnumber/inputnumber.taro.d.ts +1 -1
  81. package/dist/esm/types/src/packages/picker/picker.d.ts +7 -2
  82. package/dist/esm/types/src/packages/picker/picker.taro.d.ts +7 -2
  83. package/dist/esm/types/src/packages/sticky/sticky.d.ts +0 -1
  84. package/dist/esm/types/src/packages/swipe/swipe.d.ts +2 -6
  85. package/dist/esm/types/src/packages/swipe/swipe.taro.d.ts +2 -6
  86. package/dist/esm/types/src/packages/tabbaritem/tabbaritem.d.ts +7 -2
  87. package/dist/esm/types/src/packages/tabbaritem/tabbaritem.taro.d.ts +7 -2
  88. package/dist/esm/types/src/utils/is-forward-ref-component.d.ts +1 -0
  89. package/dist/esm/{uploader.taro-5ad88f83.js → uploader.taro-13591ac2.js} +1 -1
  90. package/dist/locales/base.js +1 -1
  91. package/dist/locales/en-US.js +1 -1
  92. package/dist/locales/id-ID.js +1 -1
  93. package/dist/locales/tr-TR.js +1 -1
  94. package/dist/locales/zh-CN.js +1 -1
  95. package/dist/locales/zh-TW.js +1 -1
  96. package/dist/locales/zh-UG.js +1 -1
  97. package/dist/nutui.react.es.js +1689 -502
  98. package/dist/nutui.react.umd.js +1734 -547
  99. package/dist/packages/actionsheet/actionsheet.scss +6 -6
  100. package/dist/packages/divider/divider.scss +8 -7
  101. package/dist/packages/formitem/formitem.scss +1 -13
  102. package/dist/packages/inputnumber/inputnumber.scss +4 -2
  103. package/dist/packages/layout/layout.scss +0 -2
  104. package/dist/packages/pagination/pagination.scss +8 -30
  105. package/dist/packages/tabbaritem/tabbaritem.scss +1 -0
  106. package/dist/style.css +1 -1
  107. package/dist/style.mjs +1 -1
  108. package/dist/types/packages/animate/animate.taro.d.ts +3 -3
  109. package/dist/types/packages/audio/audio.taro.d.ts +28 -8
  110. package/dist/types/packages/avatar/avatar.taro.d.ts +4 -4
  111. package/dist/types/packages/avatargroup/avatargroup.taro.d.ts +5 -5
  112. package/dist/types/packages/button/button.taro.d.ts +4 -4
  113. package/dist/types/packages/cascader/cascader.taro.d.ts +4 -4
  114. package/dist/types/packages/checkboxgroup/checkboxgroup.taro.d.ts +3 -3
  115. package/dist/types/packages/datepicker/datepicker.taro.d.ts +75 -15
  116. package/dist/types/packages/divider/divider.taro.d.ts +2 -2
  117. package/dist/types/packages/drag/drag.taro.d.ts +1 -1
  118. package/dist/types/packages/elevator/elevator.taro.d.ts +0 -1
  119. package/dist/types/packages/empty/empty.taro.d.ts +3 -3
  120. package/dist/types/packages/fixednav/fixednav.taro.d.ts +3 -3
  121. package/dist/types/packages/form/context.d.ts +3 -0
  122. package/dist/types/packages/form/form.taro.d.ts +46 -4
  123. package/dist/types/packages/form/index.taro.d.ts +1 -0
  124. package/dist/types/packages/form/types.d.ts +4 -52
  125. package/dist/types/packages/formitem/formitem.taro.d.ts +45 -13
  126. package/dist/types/packages/formitem/index.taro.d.ts +1 -0
  127. package/dist/types/packages/formitem/types.d.ts +1 -31
  128. package/dist/types/packages/grid/grid.taro.d.ts +1 -1
  129. package/dist/types/packages/infiniteloading/infiniteloading.taro.d.ts +1 -1
  130. package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +1 -1
  131. package/dist/types/packages/noticebar/noticebar.taro.d.ts +3 -3
  132. package/dist/types/packages/overlay/overlay.taro.d.ts +1 -1
  133. package/dist/types/packages/picker/picker.d.ts +7 -2
  134. package/dist/types/packages/picker/picker.taro.d.ts +7 -2
  135. package/dist/types/packages/popover/popover.taro.d.ts +5 -5
  136. package/dist/types/packages/popup/popup.taro.d.ts +2 -2
  137. package/dist/types/packages/radio/radio.taro.d.ts +2 -2
  138. package/dist/types/packages/range/range.taro.d.ts +3 -3
  139. package/dist/types/packages/searchbar/searchbar.taro.d.ts +5 -5
  140. package/dist/types/packages/step/step.taro.d.ts +3 -3
  141. package/dist/types/packages/steps/steps.taro.d.ts +1 -1
  142. package/dist/types/packages/sticky/sticky.taro.d.ts +1 -1
  143. package/dist/types/packages/swipe/swipe.taro.d.ts +2 -6
  144. package/dist/types/packages/swiper/swiper.taro.d.ts +1 -1
  145. package/dist/types/packages/tabbaritem/tabbaritem.taro.d.ts +27 -2
  146. package/dist/types/packages/tabs/tabs.taro.d.ts +1 -1
  147. package/dist/types/packages/tag/tag.taro.d.ts +1 -1
  148. package/dist/types/packages/timeselect/timeselect.taro.d.ts +2 -2
  149. package/dist/types/packages/toast/toast.taro.d.ts +4 -4
  150. package/dist/types/packages/uploader/uploader.taro.d.ts +18 -18
  151. package/dist/types/utils/is-forward-ref-component.d.ts +1 -0
  152. package/package.json +1 -1
  153. package/dist/esm/form.taro-b06754e8.js +0 -182
  154. package/dist/esm/formitem.taro-b326809d.js +0 -108
  155. package/dist/esm/types/src/packages/formitem/formitemcontext.d.ts +0 -6
  156. package/dist/types/packages/formitem/formitemcontext.d.ts +0 -5
  157. package/dist/esm/{avatar.taro-8a26cd6c.js → avatar.taro-9ab097d0.js} +1 -1
  158. /package/dist/esm/types/src/packages/form/{useForm.d.ts → useform.d.ts} +0 -0
  159. /package/dist/esm/types/src/packages/form/{useForm.taro.d.ts → useform.taro.d.ts} +0 -0
  160. /package/dist/types/packages/form/{useForm.taro.d.ts → useform.taro.d.ts} +0 -0
@@ -1,182 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
- var __publicField = (obj, key, value) => {
4
- __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
- return value;
6
- };
7
- import React, { useRef } from "react";
8
- import { C as ComponentDefaults } from "./typings-11d83a22.js";
9
- import { C as CellGroup } from "./cellgroup.taro-a790d91b.js";
10
- import { a as FormItemContext, F as FormItem } from "./formitem.taro-b326809d.js";
11
- class FormStore {
12
- constructor() {
13
- __publicField(this, "store", {});
14
- // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
15
- __publicField(this, "fieldEntities", []);
16
- // 所有的组件实例
17
- // 成功和失败的回调
18
- __publicField(this, "callbacks", {});
19
- __publicField(this, "errList", []);
20
- /**
21
- * 注册组件实例
22
- * @param field
23
- */
24
- __publicField(this, "registerField", (field) => {
25
- this.fieldEntities.push(field);
26
- return () => {
27
- this.fieldEntities = this.fieldEntities.filter((item) => item != field);
28
- delete this.store[field.props.name];
29
- };
30
- });
31
- __publicField(this, "getFieldValue", (name) => {
32
- return this.store[name];
33
- });
34
- /**
35
- * 存储组件数据
36
- * @param newStore { [name]: newValue }
37
- */
38
- __publicField(this, "setFieldsValue", (newStore) => {
39
- this.store = {
40
- ...this.store,
41
- ...newStore
42
- };
43
- this.fieldEntities.forEach((enetity) => {
44
- const { name } = enetity.props;
45
- Object.keys(newStore).forEach((key) => {
46
- if (key === name) {
47
- enetity.onStoreChange();
48
- }
49
- });
50
- });
51
- });
52
- /**
53
- * 表单校验
54
- * rules: { required: true, message: '' }
55
- * descriptor: {
56
- * username: {
57
- * type: 'string',
58
- * required: true,
59
- * validator: (rule, value) => {
60
- * return /^[a-zA-Z0-9]+$/.test(value)
61
- * },
62
- * },
63
- * }
64
- */
65
- __publicField(this, "validate", () => {
66
- const err = [];
67
- this.errList.length = 0;
68
- this.fieldEntities.forEach((entity) => {
69
- const { name, rules = [] } = entity.props;
70
- const descriptor = {};
71
- if (rules.length) {
72
- if (rules.length > 1) {
73
- descriptor[name] = [];
74
- rules.map((v) => {
75
- descriptor[name].push(v);
76
- });
77
- } else {
78
- descriptor[name] = rules[0];
79
- }
80
- }
81
- });
82
- return err;
83
- });
84
- __publicField(this, "setCallback", (callback) => {
85
- this.callbacks = {
86
- ...this.callbacks,
87
- ...callback
88
- };
89
- });
90
- __publicField(this, "submit", () => {
91
- var _a, _b, _c, _d;
92
- const err = this.validate();
93
- if (err.length === 0) {
94
- (_b = (_a = this.callbacks).onFinish) == null ? void 0 : _b.call(_a, this.store);
95
- } else if (err.length > 0) {
96
- (_d = (_c = this.callbacks).onFinishFailed) == null ? void 0 : _d.call(_c, err);
97
- }
98
- });
99
- __publicField(this, "resetFields", () => {
100
- });
101
- __publicField(this, "getForm", () => {
102
- return {
103
- setCallback: this.setCallback,
104
- registerField: this.registerField,
105
- getFieldValue: this.getFieldValue,
106
- setFieldsValue: this.setFieldsValue,
107
- submit: this.submit,
108
- store: this.store,
109
- errList: this.errList,
110
- fieldEntities: this.fieldEntities
111
- };
112
- });
113
- this.callbacks = {
114
- onFinish: (value) => {
115
- },
116
- onFinishFailed: () => {
117
- }
118
- };
119
- }
120
- }
121
- const useForm = (form) => {
122
- const formRef = useRef();
123
- if (!formRef.current) {
124
- if (form) {
125
- formRef.current = form;
126
- } else {
127
- const formStore = new FormStore();
128
- formRef.current = formStore.getForm();
129
- }
130
- }
131
- return [formRef.current];
132
- };
133
- const defaultProps = {
134
- ...ComponentDefaults,
135
- className: "",
136
- style: void 0,
137
- form: {},
138
- labelPosition: "Right",
139
- formGroupTitle: "",
140
- onFinish: (obj) => {
141
- },
142
- onFinishFailed: (value) => {
143
- },
144
- starPositon: "Left"
145
- };
146
- const PositionInfo = {
147
- Top: "form-layout-top",
148
- Left: "form-layout-left",
149
- Right: "form-layout-right"
150
- };
151
- const Form = (props) => {
152
- const { children, onFinish, onFinishFailed, labelPosition, starPositon, ...rest } = {
153
- ...defaultProps,
154
- ...props
155
- };
156
- console.log("46 dddd");
157
- const [formInstance] = useForm();
158
- formInstance.starPositon = starPositon;
159
- const { setCallback, submit } = formInstance;
160
- setCallback({
161
- onFinish,
162
- onFinishFailed
163
- });
164
- return React.createElement(
165
- "form",
166
- { className: `nut-form ${PositionInfo[labelPosition]} ${props.className}`, style: props.style, onSubmit: (e) => {
167
- e.preventDefault();
168
- submit();
169
- } },
170
- React.createElement(
171
- CellGroup,
172
- null,
173
- React.createElement(FormItemContext.Provider, { value: formInstance }, children)
174
- )
175
- );
176
- };
177
- Form.defaultProps = defaultProps;
178
- Form.displayName = "NutForm";
179
- Form.Item = FormItem;
180
- export {
181
- Form as F
182
- };
@@ -1,108 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
- var __publicField = (obj, key, value) => {
4
- __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
- return value;
6
- };
7
- import React, { createContext } from "react";
8
- import { C as Cell } from "./cell.taro-4e31d1fa.js";
9
- import { C as ComponentDefaults } from "./typings-11d83a22.js";
10
- const FormItemContext = createContext({});
11
- const defaultProps = {
12
- ...ComponentDefaults,
13
- name: "",
14
- label: "",
15
- className: "",
16
- rules: [{ required: false, message: "" }],
17
- disabled: false,
18
- labelWidth: 90,
19
- errorMessageAlign: "left",
20
- showErrorLine: true,
21
- showErrorMessage: true
22
- };
23
- class FormItem extends React.Component {
24
- constructor() {
25
- super(...arguments);
26
- __publicField(this, "cancelRegister");
27
- // children添加value属性和onChange事件
28
- __publicField(this, "getControlled", (children) => {
29
- const { getFieldValue, setFieldsValue } = this.context;
30
- const { name } = this.props;
31
- const type = children.type.NAME;
32
- return {
33
- value: getFieldValue(name),
34
- onChange: (event) => {
35
- let newValue = event;
36
- switch (type) {
37
- case "checkbox":
38
- newValue = event.target.value;
39
- break;
40
- }
41
- setFieldsValue({ [name]: newValue });
42
- }
43
- };
44
- });
45
- __publicField(this, "onStoreChange", () => {
46
- this.forceUpdate();
47
- });
48
- __publicField(this, "renderLayout", (childNode) => {
49
- var _a, _b;
50
- const { label, name, rules = [{ required: false, message: "" }], className, labelWidth, errorMessageAlign, showErrorLine, showErrorMessage } = {
51
- ...defaultProps,
52
- ...this.props
53
- };
54
- const item = ((_a = this.context.errList) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
55
- return item2.field === name;
56
- }));
57
- const { starPositon } = this.context;
58
- const renderStar = rules.length > 0 && rules[0].required && React.createElement("i", { className: "required" });
59
- const renderLabel = starPositon === "Right" ? React.createElement(
60
- React.Fragment,
61
- null,
62
- label,
63
- renderStar
64
- ) : React.createElement(
65
- React.Fragment,
66
- null,
67
- renderStar,
68
- label
69
- );
70
- return React.createElement(
71
- Cell,
72
- { className: `nut-form-item ${className}` },
73
- label ? React.createElement("div", { className: "nut-cell__title nut-form-item__label", style: {
74
- width: this.pxCheck(labelWidth)
75
- } }, renderLabel) : null,
76
- React.createElement(
77
- "div",
78
- { className: "nut-cell__value nut-form-item__body" },
79
- React.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
80
- item.length > 0 && React.createElement("div", { className: "nut-form-item__body__tips", style: { textAlign: errorMessageAlign } }, item[0].message)
81
- )
82
- );
83
- });
84
- __publicField(this, "pxCheck", (value) => {
85
- return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
86
- });
87
- }
88
- componentDidMount() {
89
- this.cancelRegister = this.context.registerField(this);
90
- }
91
- componentWillUnmount() {
92
- if (this.cancelRegister) {
93
- this.cancelRegister();
94
- }
95
- }
96
- render() {
97
- const { children } = this.props;
98
- const c = Array.isArray(children) ? children[0] : children;
99
- const returnChildNode = React.cloneElement(c, this.getControlled(c));
100
- return this.renderLayout(returnChildNode);
101
- }
102
- }
103
- __publicField(FormItem, "defaultProps", defaultProps);
104
- __publicField(FormItem, "contextType", FormItemContext);
105
- export {
106
- FormItem as F,
107
- FormItemContext as a
108
- };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- interface ConfigConsumerProps {
3
- [propName: string]: any;
4
- }
5
- export declare const FormItemContext: import("react").Context<ConfigConsumerProps>;
6
- export {};
@@ -1,5 +0,0 @@
1
- interface ConfigConsumerProps {
2
- [propName: string]: any;
3
- }
4
- export declare const FormItemContext: import("react").Context<ConfigConsumerProps>;
5
- export {};
@@ -1,8 +1,8 @@
1
1
  import React, { useState, useRef, useContext, useEffect } from "react";
2
2
  import classNames from "classnames";
3
+ import { My } from "@nutui/icons-react-taro";
3
4
  import { I as Image } from "./image.taro-fde6e649.js";
4
5
  import { A as AvatarContext } from "./context-d0fccf11.js";
5
- import { My } from "@nutui/icons-react-taro";
6
6
  import { C as ComponentDefaults } from "./typings-11d83a22.js";
7
7
  const defaultProps = {
8
8
  ...ComponentDefaults,