@rainbow-oh/yee-c 0.4.1 → 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/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/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/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
|
@@ -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: '清空选择',
|
|
@@ -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: '清空選擇',
|
package/dist/esm/style/size.css
CHANGED
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
--yee-btn-border-radius: 4px;
|
|
97
97
|
--yee-btn-loading-margin-inline-end: 6px;
|
|
98
98
|
--yee-btn-border-width: 1px;
|
|
99
|
-
--yee-btn-solid-active-box-shadow: 0 0
|
|
99
|
+
--yee-btn-solid-active-box-shadow: 0 0 4px 0;
|
|
100
100
|
--yee-btn-circle-min-width: 32px;
|
|
101
101
|
--yee-btn-icon-gap: 4px;
|
|
102
102
|
--yee-btn-disabled-opacity: 0.5;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @rainbow-oh/yee-c CSS Variables
|
|
3
3
|
* Auto-generated, do not edit manually
|
|
4
|
-
* Generated on 2026-
|
|
4
|
+
* Generated on 2026-07-01T03:21:30.989Z
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
/* ========== color.css ========== */
|
|
@@ -1214,7 +1214,7 @@
|
|
|
1214
1214
|
--yee-btn-border-radius: 4px;
|
|
1215
1215
|
--yee-btn-loading-margin-inline-end: 6px;
|
|
1216
1216
|
--yee-btn-border-width: 1px;
|
|
1217
|
-
--yee-btn-solid-active-box-shadow: 0 0
|
|
1217
|
+
--yee-btn-solid-active-box-shadow: 0 0 4px 0;
|
|
1218
1218
|
--yee-btn-circle-min-width: 32px;
|
|
1219
1219
|
--yee-btn-icon-gap: 4px;
|
|
1220
1220
|
--yee-btn-disabled-opacity: 0.5;
|
package/dist/esm/version.d.ts
CHANGED
package/dist/esm/version.js
CHANGED