@rainbow-oh/yee-c 0.4.0 → 0.4.2
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/cjs/Anchor/anchor.js +29 -14
- package/dist/cjs/Button/demo/basic.js +1 -1
- package/dist/cjs/Button/demo/variant.d.ts +3 -0
- package/dist/cjs/Button/demo/variant.js +59 -0
- package/dist/cjs/Button/style/index.less +49 -11
- package/dist/cjs/DatePicker/date-picker-mobile.js +1 -1
- package/dist/cjs/Ellipsis/ellipsis.js +4 -2
- package/dist/cjs/Form/Form.js +1 -1
- package/dist/cjs/Form/form-store.js +2 -2
- package/dist/cjs/Form/{useForm.d.ts → hooks/useForm.d.ts} +1 -1
- package/dist/cjs/Form/{useForm.js → hooks/useForm.js} +4 -7
- package/dist/cjs/Form/hooks/useFormInstance.d.ts +1 -0
- package/dist/cjs/Form/hooks/useFormInstance.js +43 -0
- package/dist/{esm/Form → cjs/Form/hooks}/useWatch.d.ts +1 -1
- package/dist/cjs/Form/{useWatch.js → hooks/useWatch.js} +2 -2
- package/dist/cjs/Form/index.d.ts +4 -2
- package/dist/cjs/Form/index.js +4 -2
- package/dist/cjs/Input/password.js +5 -2
- package/dist/cjs/Pagination/pagination.js +4 -1
- package/dist/cjs/RangePicker/range-picker-mobile.js +3 -3
- package/dist/cjs/Space/compact.js +1 -1
- package/dist/cjs/Space/demo/compact.js +1 -13
- package/dist/cjs/Space/space.js +3 -1
- package/dist/cjs/Space/style/index.less +29 -9
- package/dist/cjs/Table/tbody/index.js +4 -1
- package/dist/cjs/Table/theader/filter.js +10 -5
- package/dist/cjs/TextArea/textarea.js +2 -1
- package/dist/cjs/Transfer/transfer-list.js +4 -1
- package/dist/cjs/locale/interface.d.ts +15 -0
- package/dist/cjs/locale/lang/en_US.js +12 -0
- package/dist/cjs/locale/lang/ja_JP.js +12 -0
- package/dist/cjs/locale/lang/zh_CN.js +12 -0
- package/dist/cjs/locale/lang/zh_TW.js +12 -0
- package/dist/cjs/style/size.css +1 -1
- package/dist/cjs/style/themes.css +1 -1
- package/dist/cjs/style/variables.css +2 -2
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/Anchor/anchor.js +37 -15
- package/dist/esm/Button/demo/basic.js +1 -0
- package/dist/esm/Button/demo/variant.d.ts +3 -0
- package/dist/esm/Button/demo/variant.js +49 -0
- package/dist/esm/Button/style/index.less +49 -11
- package/dist/esm/DatePicker/date-picker-mobile.js +1 -1
- package/dist/esm/Ellipsis/ellipsis.js +5 -2
- package/dist/esm/Form/Form.js +1 -1
- package/dist/esm/Form/form-store.js +2 -2
- package/dist/esm/Form/{useForm.d.ts → hooks/useForm.d.ts} +1 -1
- package/dist/esm/Form/{useForm.js → hooks/useForm.js} +3 -4
- package/dist/esm/Form/hooks/useFormInstance.d.ts +1 -0
- package/dist/esm/Form/hooks/useFormInstance.js +9 -0
- package/dist/{cjs/Form → esm/Form/hooks}/useWatch.d.ts +1 -1
- package/dist/esm/Form/{useWatch.js → hooks/useWatch.js} +1 -1
- package/dist/esm/Form/index.d.ts +4 -2
- package/dist/esm/Form/index.js +4 -2
- package/dist/esm/Input/password.js +6 -2
- package/dist/esm/Pagination/pagination.js +5 -1
- package/dist/esm/RangePicker/range-picker-mobile.js +3 -3
- package/dist/esm/Space/compact.js +1 -1
- package/dist/esm/Space/demo/compact.js +5 -14
- package/dist/esm/Space/space.js +3 -1
- package/dist/esm/Space/style/index.less +29 -9
- package/dist/esm/Table/tbody/index.js +5 -1
- package/dist/esm/Table/theader/filter.js +18 -13
- package/dist/esm/TextArea/textarea.js +2 -1
- package/dist/esm/Transfer/transfer-list.js +5 -1
- package/dist/esm/locale/interface.d.ts +15 -0
- package/dist/esm/locale/lang/en_US.js +12 -0
- package/dist/esm/locale/lang/ja_JP.js +12 -0
- package/dist/esm/locale/lang/zh_CN.js +12 -0
- package/dist/esm/locale/lang/zh_TW.js +12 -0
- package/dist/esm/style/size.css +1 -1
- package/dist/esm/style/themes.css +1 -1
- package/dist/esm/style/variables.css +2 -2
- package/dist/esm/version.d.ts +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/umd/yee-c.min.css +2 -2
- package/dist/umd/yee-c.min.js +1 -1
- package/package.json +1 -1
- package/src/Anchor/anchor.tsx +35 -16
- package/src/Button/demo/basic.tsx +3 -1
- package/src/Button/demo/variant.tsx +55 -0
- package/src/Button/index.en-US.md +1 -0
- package/src/Button/index.zh-CN.md +1 -0
- package/src/Button/style/index.less +49 -11
- package/src/DatePicker/date-picker-mobile.tsx +1 -1
- package/src/Ellipsis/ellipsis.tsx +6 -6
- package/src/Form/Form.tsx +1 -1
- package/src/Form/form-store.ts +2 -2
- package/src/Form/{useForm.ts → hooks/useForm.ts} +4 -6
- package/src/Form/hooks/useFormInstance.ts +12 -0
- package/src/Form/{useWatch.ts → hooks/useWatch.ts} +2 -2
- package/src/Form/index.en-US.md +2 -0
- package/src/Form/index.ts +5 -2
- package/src/Form/index.zh-CN.md +2 -0
- package/src/Input/password.tsx +5 -2
- package/src/Pagination/pagination.tsx +4 -1
- package/src/RangePicker/range-picker-mobile.tsx +4 -4
- package/src/Space/compact.tsx +1 -1
- package/src/Space/demo/compact.tsx +3 -13
- package/src/Space/space.tsx +4 -1
- package/src/Space/style/index.less +29 -9
- package/src/Table/tbody/index.tsx +4 -1
- package/src/Table/theader/filter.tsx +14 -11
- package/src/TextArea/textarea.tsx +3 -1
- package/src/Transfer/transfer-list.tsx +4 -1
- package/src/locale/interface.ts +21 -0
- package/src/locale/lang/en_US.ts +15 -0
- package/src/locale/lang/ja_JP.ts +15 -0
- package/src/locale/lang/zh_CN.ts +15 -0
- package/src/locale/lang/zh_TW.ts +15 -0
- package/src/style/size.css +1 -1
- package/src/version.ts +1 -1
|
@@ -17,6 +17,7 @@ import { motion } from 'motion/react';
|
|
|
17
17
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
18
18
|
import Button from "../Button";
|
|
19
19
|
import useMergedState from "../hooks/useMergedState";
|
|
20
|
+
import { useLocale } from "../locale";
|
|
20
21
|
import "./style/index.less";
|
|
21
22
|
var DEFAULT_LINE_HEIGHT = 22;
|
|
22
23
|
var DEFAULT_ANIMATION_DURATION = 300;
|
|
@@ -50,6 +51,9 @@ var Ellipsis = function Ellipsis(props) {
|
|
|
50
51
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
51
52
|
maxHeight = _useState4[0],
|
|
52
53
|
setMaxHeight = _useState4[1];
|
|
54
|
+
var _useLocale = useLocale(),
|
|
55
|
+
locale = _useLocale.locale;
|
|
56
|
+
var ellipsisLocale = locale.ellipsis;
|
|
53
57
|
var _useMergedState = useMergedState(defaultExpanded, {
|
|
54
58
|
value: controlledExpanded
|
|
55
59
|
}),
|
|
@@ -79,8 +83,7 @@ var Ellipsis = function Ellipsis(props) {
|
|
|
79
83
|
onExpand === null || onExpand === void 0 || onExpand(next);
|
|
80
84
|
};
|
|
81
85
|
var isCollapsed = !mergedExpanded && needEllipsis;
|
|
82
|
-
var
|
|
83
|
-
var buttonText = mergedExpanded ? collapseText !== null && collapseText !== void 0 ? collapseText : isZhCN ? '收起' : 'Collapse' : expandText !== null && expandText !== void 0 ? expandText : isZhCN ? '展开' : 'Expand';
|
|
86
|
+
var buttonText = mergedExpanded ? collapseText !== null && collapseText !== void 0 ? collapseText : ellipsisLocale.collapse : expandText !== null && expandText !== void 0 ? expandText : ellipsisLocale.expand;
|
|
84
87
|
var renderButton = function renderButton() {
|
|
85
88
|
if (!showExpandButton || !needEllipsis) return null;
|
|
86
89
|
if (mergedExpanded) {
|
package/dist/esm/Form/Form.js
CHANGED
|
@@ -15,7 +15,7 @@ import useEvent from "../hooks/useEvent";
|
|
|
15
15
|
import mergeContextToProps from "../utils/mergeContextToProps";
|
|
16
16
|
import FieldContext from "./FieldContext";
|
|
17
17
|
import FormContext from "./FormContext";
|
|
18
|
-
import useForm from "./useForm";
|
|
18
|
+
import useForm from "./hooks/useForm";
|
|
19
19
|
import "./style/index.less";
|
|
20
20
|
var Form = function Form(baseprops) {
|
|
21
21
|
var _useContext = useContext(GlobalContext),
|
|
@@ -44,8 +44,8 @@ export var FormStore = /*#__PURE__*/function () {
|
|
|
44
44
|
_defineProperty(this, "initialValues", {});
|
|
45
45
|
// List key manager
|
|
46
46
|
_defineProperty(this, "listKeyManagers", new Map());
|
|
47
|
-
// Default validation message
|
|
48
|
-
_defineProperty(this, "defaultValidateMessage", '
|
|
47
|
+
// Default validation message (overridden by useForm via locale)
|
|
48
|
+
_defineProperty(this, "defaultValidateMessage", '');
|
|
49
49
|
// useWatch subscription management
|
|
50
50
|
_defineProperty(this, "watchers", new Map());
|
|
51
51
|
// Field.Group group validators
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FormInstance } from '
|
|
1
|
+
import { FormInstance } from '../interface';
|
|
2
2
|
export default function useForm<Values = any>(form?: FormInstance<Values>): [FormInstance<Values>];
|
|
@@ -174,8 +174,8 @@
|
|
|
174
174
|
// }
|
|
175
175
|
|
|
176
176
|
import { useRef } from 'react';
|
|
177
|
-
import { useLocale } from "
|
|
178
|
-
import { FormStore } from "
|
|
177
|
+
import { useLocale } from "../../locale";
|
|
178
|
+
import { FormStore } from "../form-store";
|
|
179
179
|
export default function useForm(form) {
|
|
180
180
|
var _useLocale = useLocale(),
|
|
181
181
|
locale = _useLocale.locale;
|
|
@@ -184,10 +184,9 @@ export default function useForm(form) {
|
|
|
184
184
|
if (form) {
|
|
185
185
|
formRef.current = form;
|
|
186
186
|
} else {
|
|
187
|
-
var _locale$form;
|
|
188
187
|
var formStore = new FormStore();
|
|
189
188
|
// 设置默认验证消息
|
|
190
|
-
formStore.setDefaultValidateMessage(
|
|
189
|
+
formStore.setDefaultValidateMessage(locale.form.defaultRequiredMessage);
|
|
191
190
|
formRef.current = formStore.getForm();
|
|
192
191
|
}
|
|
193
192
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function useFormInstance(): import("..").FormInstance<any>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import FieldContext from "../FieldContext";
|
|
3
|
+
export default function useFormInstance() {
|
|
4
|
+
var form = useContext(FieldContext);
|
|
5
|
+
if (typeof form.getFieldsValue !== 'function') {
|
|
6
|
+
throw new Error('useFormInstance must be used inside a <Form>');
|
|
7
|
+
}
|
|
8
|
+
return form;
|
|
9
|
+
}
|
|
@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
5
5
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { useContext, useLayoutEffect, useState } from 'react';
|
|
8
|
-
import FieldContext from "
|
|
8
|
+
import FieldContext from "../FieldContext";
|
|
9
9
|
function useWatch(namePath, form) {
|
|
10
10
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
11
11
|
var formInstance = form !== null && form !== void 0 ? form : useContext(FieldContext);
|
package/dist/esm/Form/index.d.ts
CHANGED
|
@@ -2,14 +2,16 @@ import Field from './Field';
|
|
|
2
2
|
import InternalForm from './Form';
|
|
3
3
|
import Group from './Group';
|
|
4
4
|
import List from './List';
|
|
5
|
-
import useForm from './useForm';
|
|
6
|
-
import
|
|
5
|
+
import useForm from './hooks/useForm';
|
|
6
|
+
import useFormInstance from './hooks/useFormInstance';
|
|
7
|
+
import useWatch from './hooks/useWatch';
|
|
7
8
|
type FieldInterface = typeof Field & {
|
|
8
9
|
Group: typeof Group;
|
|
9
10
|
};
|
|
10
11
|
type FormInterface = typeof InternalForm & {
|
|
11
12
|
useForm: typeof useForm;
|
|
12
13
|
useWatch: typeof useWatch;
|
|
14
|
+
useFormInstance: typeof useFormInstance;
|
|
13
15
|
Field: FieldInterface;
|
|
14
16
|
List: typeof List;
|
|
15
17
|
};
|
package/dist/esm/Form/index.js
CHANGED
|
@@ -2,11 +2,13 @@ import Field from "./Field";
|
|
|
2
2
|
import InternalForm from "./Form";
|
|
3
3
|
import Group from "./Group";
|
|
4
4
|
import List from "./List";
|
|
5
|
-
import useForm from "./useForm";
|
|
6
|
-
import
|
|
5
|
+
import useForm from "./hooks/useForm";
|
|
6
|
+
import useFormInstance from "./hooks/useFormInstance";
|
|
7
|
+
import useWatch from "./hooks/useWatch";
|
|
7
8
|
var Form = InternalForm;
|
|
8
9
|
Form.useForm = useForm;
|
|
9
10
|
Form.useWatch = useWatch;
|
|
11
|
+
Form.useFormInstance = useFormInstance;
|
|
10
12
|
var FormField = Field;
|
|
11
13
|
FormField.Group = Group;
|
|
12
14
|
Form.Field = FormField;
|
|
@@ -11,6 +11,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
11
11
|
import { Eye, EyeOff } from 'lucide-react';
|
|
12
12
|
import React, { forwardRef, useContext } from 'react';
|
|
13
13
|
import { GlobalContext } from "../Config-Provider";
|
|
14
|
+
import { useLocale } from "../locale";
|
|
14
15
|
import mergeContextToProps from "../utils/mergeContextToProps";
|
|
15
16
|
import Input from "./input";
|
|
16
17
|
import "./style/index.less";
|
|
@@ -18,6 +19,9 @@ var Password = /*#__PURE__*/forwardRef(function (baseProps, ref) {
|
|
|
18
19
|
var _useContext = useContext(GlobalContext),
|
|
19
20
|
password = _useContext.password;
|
|
20
21
|
var props = mergeContextToProps(baseProps, password);
|
|
22
|
+
var _useLocale = useLocale(),
|
|
23
|
+
locale = _useLocale.locale;
|
|
24
|
+
var inputLocale = locale.input;
|
|
21
25
|
var _props$visibilityTogg = props.visibilityToggle,
|
|
22
26
|
visibilityToggle = _props$visibilityTogg === void 0 ? true : _props$visibilityTogg,
|
|
23
27
|
_props$prefixCls = props.prefixCls,
|
|
@@ -48,7 +52,7 @@ var Password = /*#__PURE__*/forwardRef(function (baseProps, ref) {
|
|
|
48
52
|
onKeyDown: handleKeyDown,
|
|
49
53
|
tabIndex: 0,
|
|
50
54
|
role: "button",
|
|
51
|
-
"aria-label":
|
|
55
|
+
"aria-label": inputLocale.hidePassword
|
|
52
56
|
}) : /*#__PURE__*/React.createElement(Eye, {
|
|
53
57
|
size: 14,
|
|
54
58
|
strokeWidth: 1,
|
|
@@ -56,7 +60,7 @@ var Password = /*#__PURE__*/forwardRef(function (baseProps, ref) {
|
|
|
56
60
|
onKeyDown: handleKeyDown,
|
|
57
61
|
tabIndex: 0,
|
|
58
62
|
role: "button",
|
|
59
|
-
"aria-label":
|
|
63
|
+
"aria-label": inputLocale.showPassword
|
|
60
64
|
});
|
|
61
65
|
return /*#__PURE__*/React.createElement(React.Fragment, null, icon, suffix);
|
|
62
66
|
};
|
|
@@ -19,6 +19,7 @@ import { GlobalContext } from "../Config-Provider";
|
|
|
19
19
|
import Input from "../Input";
|
|
20
20
|
import Select from "../Select";
|
|
21
21
|
import useMergedState from "../hooks/useMergedState";
|
|
22
|
+
import { useLocale } from "../locale";
|
|
22
23
|
import mergeContextToProps from "../utils/mergeContextToProps";
|
|
23
24
|
import Items from "./items";
|
|
24
25
|
import "./style/index.less";
|
|
@@ -26,6 +27,9 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
|
|
|
26
27
|
var _useContext = useContext(GlobalContext),
|
|
27
28
|
pagination = _useContext.pagination;
|
|
28
29
|
var props = mergeContextToProps(baseprops, pagination);
|
|
30
|
+
var _useLocale = useLocale(),
|
|
31
|
+
locale = _useLocale.locale;
|
|
32
|
+
var paginationLocale = locale.pagination;
|
|
29
33
|
var _props$prefixCls = props.prefixCls,
|
|
30
34
|
prefixCls = _props$prefixCls === void 0 ? 'yee-pagination' : _props$prefixCls,
|
|
31
35
|
disabled = props.disabled,
|
|
@@ -213,7 +217,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
|
|
|
213
217
|
return /*#__PURE__*/React.createElement("li", {
|
|
214
218
|
className: "".concat(prefixCls, "-quick-jumper"),
|
|
215
219
|
key: "quick-jumper"
|
|
216
|
-
}, /*#__PURE__*/React.createElement("span", null,
|
|
220
|
+
}, /*#__PURE__*/React.createElement("span", null, paginationLocale.jumpTo), renderNumber(clear));
|
|
217
221
|
};
|
|
218
222
|
if (hideOnSinglePage && pageCount <= 1 || pageCount === 0) {
|
|
219
223
|
return null;
|
|
@@ -286,7 +286,7 @@ var RangePickerMobile = function RangePickerMobile(props) {
|
|
|
286
286
|
block: true,
|
|
287
287
|
type: "primary",
|
|
288
288
|
onClick: handleTabConfirm
|
|
289
|
-
}, activeTab === 'start' ?
|
|
289
|
+
}, activeTab === 'start' ? rangepicker.next : rangepicker.confirm))
|
|
290
290
|
}, /*#__PURE__*/React.createElement("div", {
|
|
291
291
|
className: "".concat(prefixCls, "-mobile-tabs")
|
|
292
292
|
}, /*#__PURE__*/React.createElement("button", {
|
|
@@ -295,13 +295,13 @@ var RangePickerMobile = function RangePickerMobile(props) {
|
|
|
295
295
|
return setActiveTab('start');
|
|
296
296
|
},
|
|
297
297
|
type: "button"
|
|
298
|
-
},
|
|
298
|
+
}, rangepicker.startPlaceholder), /*#__PURE__*/React.createElement("button", {
|
|
299
299
|
className: clsx("".concat(prefixCls, "-mobile-tab"), activeTab === 'end' && "".concat(prefixCls, "-mobile-tab-active")),
|
|
300
300
|
onClick: function onClick() {
|
|
301
301
|
return setActiveTab('end');
|
|
302
302
|
},
|
|
303
303
|
type: "button"
|
|
304
|
-
},
|
|
304
|
+
}, rangepicker.endPlaceholder)), currentColumns.hasColumns && /*#__PURE__*/React.createElement(WheelPicker, {
|
|
305
305
|
columns: currentColumns.columns,
|
|
306
306
|
value: currentColumns.wheelValue,
|
|
307
307
|
onChange: handleWheelChangeAndAdvance,
|
|
@@ -17,7 +17,7 @@ var Compact = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
17
17
|
var wrappered = React.Children.map(children, function (child, index) {
|
|
18
18
|
if ( /*#__PURE__*/React.isValidElement(child)) {
|
|
19
19
|
var first = index === 0;
|
|
20
|
-
var middle = index > 0 && index < total;
|
|
20
|
+
var middle = index > 0 && index < total - 1;
|
|
21
21
|
var last = index > 0 && index === total - 1;
|
|
22
22
|
var _props = child.props;
|
|
23
23
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
import { Space } from "../..";
|
|
1
|
+
import { Button, Input, Space } from "../..";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export default (function () {
|
|
4
|
-
return /*#__PURE__*/React.createElement(Space.Compact, null, /*#__PURE__*/React.createElement(
|
|
5
|
-
placeholder: "Enter name"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
}), /*#__PURE__*/React.createElement("button", {
|
|
10
|
-
type: "button",
|
|
11
|
-
style: {
|
|
12
|
-
background: '#1890ff',
|
|
13
|
-
color: 'white',
|
|
14
|
-
border: 'none',
|
|
15
|
-
padding: '4px 11px'
|
|
16
|
-
}
|
|
4
|
+
return /*#__PURE__*/React.createElement(Space.Compact, null, /*#__PURE__*/React.createElement(Input, {
|
|
5
|
+
placeholder: "Enter name"
|
|
6
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
7
|
+
type: "primary"
|
|
17
8
|
}, "Submit"));
|
|
18
9
|
});
|
package/dist/esm/Space/space.js
CHANGED
|
@@ -46,6 +46,7 @@ var Space = /*#__PURE__*/forwardRef(function (baseprops, ref) {
|
|
|
46
46
|
if (!children) {
|
|
47
47
|
return null;
|
|
48
48
|
}
|
|
49
|
+
var loopCount = 1;
|
|
49
50
|
var loop = function loop(childs) {
|
|
50
51
|
var res = [];
|
|
51
52
|
childs.forEach(function (child, index) {
|
|
@@ -54,12 +55,13 @@ var Space = /*#__PURE__*/forwardRef(function (baseprops, ref) {
|
|
|
54
55
|
var itemStyle = isItem ? child.props.style : undefined;
|
|
55
56
|
var itemChildren = isItem ? child.props.children : child;
|
|
56
57
|
if ( /*#__PURE__*/React.isValidElement(child) && child.type === React.Fragment) {
|
|
58
|
+
loopCount++;
|
|
57
59
|
res = res.concat(loop(React.Children.toArray(child.props.children)));
|
|
58
60
|
} else {
|
|
59
61
|
res.push( /*#__PURE__*/React.createElement("div", {
|
|
60
62
|
className: clsx("".concat(prefixCls, "-item"), classNames === null || classNames === void 0 ? void 0 : classNames.item, itemClassName),
|
|
61
63
|
style: _objectSpread(_objectSpread({}, styles === null || styles === void 0 ? void 0 : styles.item), itemStyle),
|
|
62
|
-
key: index
|
|
64
|
+
key: "".concat(loopCount, "-").concat(index)
|
|
63
65
|
}, itemChildren));
|
|
64
66
|
}
|
|
65
67
|
});
|
|
@@ -18,12 +18,22 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
&-compact {
|
|
21
|
+
display: inline-flex;
|
|
21
22
|
align-items: flex-end;
|
|
22
23
|
|
|
23
24
|
&-first-item {
|
|
24
25
|
margin-inline-end: -1px;
|
|
26
|
+
border-top-right-radius: 0;
|
|
27
|
+
border-bottom-right-radius: 0;
|
|
28
|
+
|
|
29
|
+
&:hover,
|
|
30
|
+
&:active {
|
|
31
|
+
position: relative;
|
|
32
|
+
z-index: 1;
|
|
33
|
+
}
|
|
25
34
|
|
|
26
35
|
.yee-input-wrapper,
|
|
36
|
+
.yee-input,
|
|
27
37
|
.yee-tags,
|
|
28
38
|
&.yee-btn {
|
|
29
39
|
border-top-right-radius: 0;
|
|
@@ -39,6 +49,13 @@
|
|
|
39
49
|
|
|
40
50
|
&-middle-item {
|
|
41
51
|
margin-inline-end: -1px;
|
|
52
|
+
border-radius: 0;
|
|
53
|
+
|
|
54
|
+
&:hover,
|
|
55
|
+
&:active {
|
|
56
|
+
position: relative;
|
|
57
|
+
z-index: 1;
|
|
58
|
+
}
|
|
42
59
|
|
|
43
60
|
.yee-input-wrapper,
|
|
44
61
|
.yee-tags,
|
|
@@ -52,19 +69,22 @@
|
|
|
52
69
|
z-index: 1;
|
|
53
70
|
}
|
|
54
71
|
}
|
|
72
|
+
|
|
73
|
+
&-last-item {
|
|
74
|
+
border-top-left-radius: 0;
|
|
75
|
+
border-bottom-left-radius: 0;
|
|
76
|
+
|
|
77
|
+
.yee-input-wrapper,
|
|
78
|
+
.yee-tags,
|
|
79
|
+
&.yee-btn {
|
|
80
|
+
border-top-left-radius: 0;
|
|
81
|
+
border-bottom-left-radius: 0;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
55
84
|
}
|
|
56
85
|
|
|
57
86
|
&-item {
|
|
58
87
|
// flex: 1 1 auto;
|
|
59
88
|
display: inline-flex;
|
|
60
89
|
}
|
|
61
|
-
|
|
62
|
-
&-last-item {
|
|
63
|
-
.yee-input-wrapper,
|
|
64
|
-
.yee-tags,
|
|
65
|
-
&.yee-btn {
|
|
66
|
-
border-top-left-radius: 0;
|
|
67
|
-
border-bottom-left-radius: 0;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
90
|
}
|
|
@@ -3,6 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
5
|
import React from 'react';
|
|
6
|
+
import { useLocale } from "../../locale";
|
|
6
7
|
import { TableCtx } from "../table";
|
|
7
8
|
import LazyRow from "./lazy-row";
|
|
8
9
|
import TableRow from "./row";
|
|
@@ -13,13 +14,16 @@ var TableBody = function TableBody(props) {
|
|
|
13
14
|
rest = _objectWithoutProperties(props, _excluded);
|
|
14
15
|
var _React$useContext = React.useContext(TableCtx),
|
|
15
16
|
prefixCls = _React$useContext.prefixCls;
|
|
17
|
+
var _useLocale = useLocale(),
|
|
18
|
+
locale = _useLocale.locale;
|
|
19
|
+
var tableLocale = locale.table;
|
|
16
20
|
var empty = /*#__PURE__*/React.createElement("tbody", {
|
|
17
21
|
className: "".concat(prefixCls, "-tbody")
|
|
18
22
|
}, /*#__PURE__*/React.createElement("tr", {
|
|
19
23
|
className: "".concat(prefixCls, "-no-record")
|
|
20
24
|
}, /*#__PURE__*/React.createElement("td", {
|
|
21
25
|
colSpan: 999
|
|
22
|
-
},
|
|
26
|
+
}, tableLocale.emptyText)));
|
|
23
27
|
var dataLength = pageData.length;
|
|
24
28
|
if (dataLength === 0) return empty;
|
|
25
29
|
var getRenderRows = function getRenderRows() {
|
|
@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
5
5
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import clsx from 'clsx';
|
|
8
|
-
import {
|
|
8
|
+
import { ListFilter, Search } from 'lucide-react';
|
|
9
9
|
import React, { useContext, useEffect, useRef, useState } from 'react';
|
|
10
10
|
import Button from "../../Button";
|
|
11
11
|
import Divider from "../../Divider";
|
|
@@ -13,6 +13,7 @@ import Input from "../../Input";
|
|
|
13
13
|
import Popover from "../../Popover";
|
|
14
14
|
import Space from "../../Space";
|
|
15
15
|
import Tree from "../../Tree";
|
|
16
|
+
import { useLocale } from "../../locale";
|
|
16
17
|
import { TableCtx } from "../table";
|
|
17
18
|
var getStrLower = function getStrLower(str) {
|
|
18
19
|
if (typeof str === 'string') {
|
|
@@ -27,6 +28,9 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
|
|
|
27
28
|
onInternalFilter = props.onInternalFilter;
|
|
28
29
|
var _useContext = useContext(TableCtx),
|
|
29
30
|
prefixCls = _useContext.prefixCls;
|
|
31
|
+
var _useLocale = useLocale(),
|
|
32
|
+
locale = _useLocale.locale;
|
|
33
|
+
var tableLocale = locale.table;
|
|
30
34
|
var dataIndex = column.dataIndex;
|
|
31
35
|
var inputRef = useRef(null);
|
|
32
36
|
var _useState = useState(false),
|
|
@@ -96,6 +100,7 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
|
|
|
96
100
|
ok('search');
|
|
97
101
|
}
|
|
98
102
|
},
|
|
103
|
+
size: "small",
|
|
99
104
|
ref: inputRef
|
|
100
105
|
}) : null;
|
|
101
106
|
if (items) {
|
|
@@ -110,7 +115,7 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
|
|
|
110
115
|
} else {
|
|
111
116
|
dataSource = [{
|
|
112
117
|
key: 'all',
|
|
113
|
-
label:
|
|
118
|
+
label: tableLocale.filterAll,
|
|
114
119
|
children: filteredItems
|
|
115
120
|
}];
|
|
116
121
|
}
|
|
@@ -128,9 +133,6 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
|
|
|
128
133
|
onCheck: function onCheck(keys) {
|
|
129
134
|
return setSelectNodes(keys);
|
|
130
135
|
}
|
|
131
|
-
// selectedKeys={selectNodes}
|
|
132
|
-
// multiple
|
|
133
|
-
// onSelect={handleSelect}
|
|
134
136
|
}), /*#__PURE__*/React.createElement(Divider, {
|
|
135
137
|
style: {
|
|
136
138
|
margin: '8px 0'
|
|
@@ -143,13 +145,13 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
|
|
|
143
145
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
144
146
|
size: "small",
|
|
145
147
|
onClick: reset
|
|
146
|
-
},
|
|
148
|
+
}, tableLocale.filterReset), /*#__PURE__*/React.createElement(Button, {
|
|
147
149
|
size: "small",
|
|
148
150
|
onClick: function onClick() {
|
|
149
151
|
return ok('filter');
|
|
150
152
|
},
|
|
151
153
|
type: "primary"
|
|
152
|
-
},
|
|
154
|
+
}, tableLocale.filterConfirm)));
|
|
153
155
|
} else if (searchable) {
|
|
154
156
|
popup = /*#__PURE__*/React.createElement("div", {
|
|
155
157
|
className: clsx("".concat(prefixCls, "-filter-content"))
|
|
@@ -162,13 +164,13 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
|
|
|
162
164
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
163
165
|
size: "small",
|
|
164
166
|
onClick: reset
|
|
165
|
-
},
|
|
167
|
+
}, tableLocale.filterReset), /*#__PURE__*/React.createElement(Button, {
|
|
166
168
|
size: "small",
|
|
167
169
|
onClick: function onClick() {
|
|
168
170
|
return ok('search');
|
|
169
171
|
},
|
|
170
172
|
type: "primary"
|
|
171
|
-
},
|
|
173
|
+
}, tableLocale.filterConfirm)));
|
|
172
174
|
} else {
|
|
173
175
|
return null;
|
|
174
176
|
}
|
|
@@ -177,13 +179,16 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
|
|
|
177
179
|
};
|
|
178
180
|
var renderTrigger = function renderTrigger() {
|
|
179
181
|
var trigger = typeof icon === 'function' ? icon() : /*#__PURE__*/React.createElement(Button, {
|
|
180
|
-
icon: items ? /*#__PURE__*/React.createElement(
|
|
181
|
-
size:
|
|
182
|
+
icon: items ? /*#__PURE__*/React.createElement(ListFilter, {
|
|
183
|
+
size: 14,
|
|
182
184
|
strokeWidth: 1.5
|
|
183
185
|
}) : /*#__PURE__*/React.createElement(Search, {
|
|
184
|
-
size:
|
|
186
|
+
size: 14,
|
|
185
187
|
strokeWidth: 1.5
|
|
186
|
-
})
|
|
188
|
+
})
|
|
189
|
+
// variant={selectNodes.length ? 'filled' : undefined}
|
|
190
|
+
,
|
|
191
|
+
color: "info",
|
|
187
192
|
type: "text",
|
|
188
193
|
size: "small"
|
|
189
194
|
});
|
|
@@ -47,6 +47,7 @@ var TextArea = /*#__PURE__*/forwardRef(function (baseprops, ref) {
|
|
|
47
47
|
_useMergedState2 = _slicedToArray(_useMergedState, 2),
|
|
48
48
|
mergedValue = _useMergedState2[0],
|
|
49
49
|
setMergedValue = _useMergedState2[1];
|
|
50
|
+
console.log('mergedValue: ', mergedValue, value);
|
|
50
51
|
useEffect(function () {
|
|
51
52
|
var ele = componentRef.current;
|
|
52
53
|
if (ele && autoSize) {
|
|
@@ -105,7 +106,7 @@ var TextArea = /*#__PURE__*/forwardRef(function (baseprops, ref) {
|
|
|
105
106
|
};
|
|
106
107
|
var renderTextArea = function renderTextArea(props) {
|
|
107
108
|
return /*#__PURE__*/React.createElement("textarea", _extends({}, rest, props, {
|
|
108
|
-
value: mergedValue,
|
|
109
|
+
value: mergedValue || '',
|
|
109
110
|
onChange: handleChange,
|
|
110
111
|
ref: componentRef
|
|
111
112
|
}));
|
|
@@ -19,6 +19,7 @@ import React, { useContext, useMemo, useState } from 'react';
|
|
|
19
19
|
import Button from "../Button";
|
|
20
20
|
import Checkbox from "../Checkbox";
|
|
21
21
|
import Input from "../Input";
|
|
22
|
+
import { useLocale } from "../locale";
|
|
22
23
|
import Pagination from "../Pagination";
|
|
23
24
|
import { TransferContext } from "./transfer";
|
|
24
25
|
var TransferList = function TransferList(props) {
|
|
@@ -38,6 +39,9 @@ var TransferList = function TransferList(props) {
|
|
|
38
39
|
rowLabel = _useContext.rowLabel,
|
|
39
40
|
disabled = _useContext.disabled,
|
|
40
41
|
prefixCls = _useContext.prefixCls;
|
|
42
|
+
var _useLocale = useLocale(),
|
|
43
|
+
locale = _useLocale.locale;
|
|
44
|
+
var transferLocale = locale.transfer;
|
|
41
45
|
var _useState = useState(''),
|
|
42
46
|
_useState2 = _slicedToArray(_useState, 2),
|
|
43
47
|
searchValue = _useState2[0],
|
|
@@ -137,7 +141,7 @@ var TransferList = function TransferList(props) {
|
|
|
137
141
|
prefix: /*#__PURE__*/React.createElement(Search, {
|
|
138
142
|
size: 16
|
|
139
143
|
}),
|
|
140
|
-
placeholder:
|
|
144
|
+
placeholder: transferLocale.searchPlaceholder,
|
|
141
145
|
onChange: handleSearch
|
|
142
146
|
}));
|
|
143
147
|
};
|
|
@@ -26,6 +26,17 @@ export interface LocaleRangePicker {
|
|
|
26
26
|
export interface LocaleSelect {
|
|
27
27
|
noData: string;
|
|
28
28
|
}
|
|
29
|
+
export interface LocaleInput {
|
|
30
|
+
showPassword: string;
|
|
31
|
+
hidePassword: string;
|
|
32
|
+
}
|
|
33
|
+
export interface LocaleEllipsis {
|
|
34
|
+
expand: string;
|
|
35
|
+
collapse: string;
|
|
36
|
+
}
|
|
37
|
+
export interface LocaleTransfer {
|
|
38
|
+
searchPlaceholder: string;
|
|
39
|
+
}
|
|
29
40
|
export interface LocaleWeekPicker {
|
|
30
41
|
weekHeader: string[];
|
|
31
42
|
}
|
|
@@ -34,6 +45,7 @@ export interface LocaleTable {
|
|
|
34
45
|
filterConfirm: string;
|
|
35
46
|
filterReset: string;
|
|
36
47
|
filterEmptyText: string;
|
|
48
|
+
filterAll: string;
|
|
37
49
|
selectAll?: string;
|
|
38
50
|
selectInvert?: string;
|
|
39
51
|
selectNone?: string;
|
|
@@ -92,6 +104,9 @@ export interface Locale {
|
|
|
92
104
|
datepicker: LocaleDatePicker;
|
|
93
105
|
rangepicker: LocaleRangePicker;
|
|
94
106
|
select: LocaleSelect;
|
|
107
|
+
input: LocaleInput;
|
|
108
|
+
ellipsis: LocaleEllipsis;
|
|
109
|
+
transfer: LocaleTransfer;
|
|
95
110
|
weekpicker: LocaleWeekPicker;
|
|
96
111
|
table: LocaleTable;
|
|
97
112
|
pagination: LocalePagination;
|
|
@@ -28,6 +28,17 @@ var locale = {
|
|
|
28
28
|
select: {
|
|
29
29
|
noData: 'No Data'
|
|
30
30
|
},
|
|
31
|
+
input: {
|
|
32
|
+
showPassword: 'Show password',
|
|
33
|
+
hidePassword: 'Hide password'
|
|
34
|
+
},
|
|
35
|
+
ellipsis: {
|
|
36
|
+
expand: 'Expand',
|
|
37
|
+
collapse: 'Collapse'
|
|
38
|
+
},
|
|
39
|
+
transfer: {
|
|
40
|
+
searchPlaceholder: 'Search'
|
|
41
|
+
},
|
|
31
42
|
weekpicker: {
|
|
32
43
|
weekHeader: ['', 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
|
|
33
44
|
},
|
|
@@ -36,6 +47,7 @@ var locale = {
|
|
|
36
47
|
filterConfirm: 'Confirm',
|
|
37
48
|
filterReset: 'Reset',
|
|
38
49
|
filterEmptyText: 'No filters',
|
|
50
|
+
filterAll: 'All',
|
|
39
51
|
selectAll: 'Select All',
|
|
40
52
|
selectInvert: 'Invert Selection',
|
|
41
53
|
selectNone: 'Clear Selection',
|
|
@@ -28,6 +28,17 @@ var locale = {
|
|
|
28
28
|
select: {
|
|
29
29
|
noData: 'データなし'
|
|
30
30
|
},
|
|
31
|
+
input: {
|
|
32
|
+
showPassword: 'パスワードを表示',
|
|
33
|
+
hidePassword: 'パスワードを非表示'
|
|
34
|
+
},
|
|
35
|
+
ellipsis: {
|
|
36
|
+
expand: '展開',
|
|
37
|
+
collapse: '折りたたむ'
|
|
38
|
+
},
|
|
39
|
+
transfer: {
|
|
40
|
+
searchPlaceholder: '検索'
|
|
41
|
+
},
|
|
31
42
|
weekpicker: {
|
|
32
43
|
weekHeader: ['', '日', '月', '火', '水', '木', '金', '土']
|
|
33
44
|
},
|
|
@@ -36,6 +47,7 @@ var locale = {
|
|
|
36
47
|
filterConfirm: '確認',
|
|
37
48
|
filterReset: 'リセット',
|
|
38
49
|
filterEmptyText: 'フィルターなし',
|
|
50
|
+
filterAll: 'すべて',
|
|
39
51
|
selectAll: 'すべて選択',
|
|
40
52
|
selectInvert: '選択を反転',
|
|
41
53
|
selectNone: '選択をクリア',
|
|
@@ -28,6 +28,17 @@ var locale = {
|
|
|
28
28
|
select: {
|
|
29
29
|
noData: '暂无数据'
|
|
30
30
|
},
|
|
31
|
+
input: {
|
|
32
|
+
showPassword: '显示密码',
|
|
33
|
+
hidePassword: '隐藏密码'
|
|
34
|
+
},
|
|
35
|
+
ellipsis: {
|
|
36
|
+
expand: '展开',
|
|
37
|
+
collapse: '收起'
|
|
38
|
+
},
|
|
39
|
+
transfer: {
|
|
40
|
+
searchPlaceholder: '搜索'
|
|
41
|
+
},
|
|
31
42
|
weekpicker: {
|
|
32
43
|
weekHeader: ['', '日', '一', '二', '三', '四', '五', '六']
|
|
33
44
|
},
|
|
@@ -36,6 +47,7 @@ var locale = {
|
|
|
36
47
|
filterConfirm: '确定',
|
|
37
48
|
filterReset: '重置',
|
|
38
49
|
filterEmptyText: '无筛选条件',
|
|
50
|
+
filterAll: '全部',
|
|
39
51
|
selectAll: '全选',
|
|
40
52
|
selectInvert: '反选',
|
|
41
53
|
selectNone: '清空选择',
|