@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.
Files changed (113) hide show
  1. package/dist/cjs/Anchor/anchor.js +29 -14
  2. package/dist/cjs/Button/demo/basic.js +1 -1
  3. package/dist/cjs/Button/demo/variant.d.ts +3 -0
  4. package/dist/cjs/Button/demo/variant.js +59 -0
  5. package/dist/cjs/Button/style/index.less +49 -11
  6. package/dist/cjs/DatePicker/date-picker-mobile.js +1 -1
  7. package/dist/cjs/Ellipsis/ellipsis.js +4 -2
  8. package/dist/cjs/Form/Form.js +1 -1
  9. package/dist/cjs/Form/form-store.js +2 -2
  10. package/dist/cjs/Form/{useForm.d.ts → hooks/useForm.d.ts} +1 -1
  11. package/dist/cjs/Form/{useForm.js → hooks/useForm.js} +4 -7
  12. package/dist/cjs/Form/hooks/useFormInstance.d.ts +1 -0
  13. package/dist/cjs/Form/hooks/useFormInstance.js +43 -0
  14. package/dist/{esm/Form → cjs/Form/hooks}/useWatch.d.ts +1 -1
  15. package/dist/cjs/Form/{useWatch.js → hooks/useWatch.js} +2 -2
  16. package/dist/cjs/Form/index.d.ts +4 -2
  17. package/dist/cjs/Form/index.js +4 -2
  18. package/dist/cjs/Input/password.js +5 -2
  19. package/dist/cjs/Pagination/pagination.js +4 -1
  20. package/dist/cjs/RangePicker/range-picker-mobile.js +3 -3
  21. package/dist/cjs/Space/compact.js +1 -1
  22. package/dist/cjs/Space/demo/compact.js +1 -13
  23. package/dist/cjs/Space/space.js +3 -1
  24. package/dist/cjs/Space/style/index.less +29 -9
  25. package/dist/cjs/Table/tbody/index.js +4 -1
  26. package/dist/cjs/Table/theader/filter.js +10 -5
  27. package/dist/cjs/TextArea/textarea.js +2 -1
  28. package/dist/cjs/Transfer/transfer-list.js +4 -1
  29. package/dist/cjs/locale/interface.d.ts +15 -0
  30. package/dist/cjs/locale/lang/en_US.js +12 -0
  31. package/dist/cjs/locale/lang/ja_JP.js +12 -0
  32. package/dist/cjs/locale/lang/zh_CN.js +12 -0
  33. package/dist/cjs/locale/lang/zh_TW.js +12 -0
  34. package/dist/cjs/style/size.css +1 -1
  35. package/dist/cjs/style/themes.css +1 -1
  36. package/dist/cjs/style/variables.css +2 -2
  37. package/dist/cjs/version.d.ts +1 -1
  38. package/dist/cjs/version.js +1 -1
  39. package/dist/esm/Anchor/anchor.js +37 -15
  40. package/dist/esm/Button/demo/basic.js +1 -0
  41. package/dist/esm/Button/demo/variant.d.ts +3 -0
  42. package/dist/esm/Button/demo/variant.js +49 -0
  43. package/dist/esm/Button/style/index.less +49 -11
  44. package/dist/esm/DatePicker/date-picker-mobile.js +1 -1
  45. package/dist/esm/Ellipsis/ellipsis.js +5 -2
  46. package/dist/esm/Form/Form.js +1 -1
  47. package/dist/esm/Form/form-store.js +2 -2
  48. package/dist/esm/Form/{useForm.d.ts → hooks/useForm.d.ts} +1 -1
  49. package/dist/esm/Form/{useForm.js → hooks/useForm.js} +3 -4
  50. package/dist/esm/Form/hooks/useFormInstance.d.ts +1 -0
  51. package/dist/esm/Form/hooks/useFormInstance.js +9 -0
  52. package/dist/{cjs/Form → esm/Form/hooks}/useWatch.d.ts +1 -1
  53. package/dist/esm/Form/{useWatch.js → hooks/useWatch.js} +1 -1
  54. package/dist/esm/Form/index.d.ts +4 -2
  55. package/dist/esm/Form/index.js +4 -2
  56. package/dist/esm/Input/password.js +6 -2
  57. package/dist/esm/Pagination/pagination.js +5 -1
  58. package/dist/esm/RangePicker/range-picker-mobile.js +3 -3
  59. package/dist/esm/Space/compact.js +1 -1
  60. package/dist/esm/Space/demo/compact.js +5 -14
  61. package/dist/esm/Space/space.js +3 -1
  62. package/dist/esm/Space/style/index.less +29 -9
  63. package/dist/esm/Table/tbody/index.js +5 -1
  64. package/dist/esm/Table/theader/filter.js +18 -13
  65. package/dist/esm/TextArea/textarea.js +2 -1
  66. package/dist/esm/Transfer/transfer-list.js +5 -1
  67. package/dist/esm/locale/interface.d.ts +15 -0
  68. package/dist/esm/locale/lang/en_US.js +12 -0
  69. package/dist/esm/locale/lang/ja_JP.js +12 -0
  70. package/dist/esm/locale/lang/zh_CN.js +12 -0
  71. package/dist/esm/locale/lang/zh_TW.js +12 -0
  72. package/dist/esm/style/size.css +1 -1
  73. package/dist/esm/style/themes.css +1 -1
  74. package/dist/esm/style/variables.css +2 -2
  75. package/dist/esm/version.d.ts +1 -1
  76. package/dist/esm/version.js +1 -1
  77. package/dist/umd/yee-c.min.css +2 -2
  78. package/dist/umd/yee-c.min.js +1 -1
  79. package/package.json +1 -1
  80. package/src/Anchor/anchor.tsx +35 -16
  81. package/src/Button/demo/basic.tsx +3 -1
  82. package/src/Button/demo/variant.tsx +55 -0
  83. package/src/Button/index.en-US.md +1 -0
  84. package/src/Button/index.zh-CN.md +1 -0
  85. package/src/Button/style/index.less +49 -11
  86. package/src/DatePicker/date-picker-mobile.tsx +1 -1
  87. package/src/Ellipsis/ellipsis.tsx +6 -6
  88. package/src/Form/Form.tsx +1 -1
  89. package/src/Form/form-store.ts +2 -2
  90. package/src/Form/{useForm.ts → hooks/useForm.ts} +4 -6
  91. package/src/Form/hooks/useFormInstance.ts +12 -0
  92. package/src/Form/{useWatch.ts → hooks/useWatch.ts} +2 -2
  93. package/src/Form/index.en-US.md +2 -0
  94. package/src/Form/index.ts +5 -2
  95. package/src/Form/index.zh-CN.md +2 -0
  96. package/src/Input/password.tsx +5 -2
  97. package/src/Pagination/pagination.tsx +4 -1
  98. package/src/RangePicker/range-picker-mobile.tsx +4 -4
  99. package/src/Space/compact.tsx +1 -1
  100. package/src/Space/demo/compact.tsx +3 -13
  101. package/src/Space/space.tsx +4 -1
  102. package/src/Space/style/index.less +29 -9
  103. package/src/Table/tbody/index.tsx +4 -1
  104. package/src/Table/theader/filter.tsx +14 -11
  105. package/src/TextArea/textarea.tsx +3 -1
  106. package/src/Transfer/transfer-list.tsx +4 -1
  107. package/src/locale/interface.ts +21 -0
  108. package/src/locale/lang/en_US.ts +15 -0
  109. package/src/locale/lang/ja_JP.ts +15 -0
  110. package/src/locale/lang/zh_CN.ts +15 -0
  111. package/src/locale/lang/zh_TW.ts +15 -0
  112. package/src/style/size.css +1 -1
  113. 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 isZhCN = typeof document !== 'undefined' ? (document.documentElement.lang || 'zh-CN').startsWith('zh') : true;
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) {
@@ -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", 'This is required field.');
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 './interface';
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 "../locale";
178
- import { FormStore } from "./form-store";
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(((_locale$form = locale.form) === null || _locale$form === void 0 ? void 0 : _locale$form.defaultRequiredMessage) || '该项为必填项');
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
+ }
@@ -1,3 +1,3 @@
1
- import type { FormInstance, NamePath } from './interface';
1
+ import type { FormInstance, NamePath } from '../interface';
2
2
  declare function useWatch<T = any>(namePath?: NamePath, form?: FormInstance): T | undefined;
3
3
  export default useWatch;
@@ -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 "./FieldContext";
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);
@@ -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 useWatch from './useWatch';
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
  };
@@ -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 useWatch from "./useWatch";
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": "\u9690\u85CF\u5BC6\u7801"
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": "\u663E\u793A\u5BC6\u7801"
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, 'Go to'), renderNumber(clear));
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' ? (rangepicker === null || rangepicker === void 0 ? void 0 : rangepicker.next) || 'Next' : (rangepicker === null || rangepicker === void 0 ? void 0 : rangepicker.confirm) || 'Confirm'))
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
- }, (rangepicker === null || rangepicker === void 0 ? void 0 : rangepicker.startPlaceholder) || '开始日期'), /*#__PURE__*/React.createElement("button", {
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
- }, (rangepicker === null || rangepicker === void 0 ? void 0 : rangepicker.endPlaceholder) || '结束日期')), currentColumns.hasColumns && /*#__PURE__*/React.createElement(WheelPicker, {
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("input", {
5
- placeholder: "Enter name",
6
- style: {
7
- padding: '4px 11px'
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
  });
@@ -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
- }, 'There is no record.')));
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 { Filter, Search } from 'lucide-react';
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: 'All',
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
- }, "Reset"), /*#__PURE__*/React.createElement(Button, {
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
- }, "Confirm")));
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
- }, "Reset"), /*#__PURE__*/React.createElement(Button, {
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
- }, "Confirm")));
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(Filter, {
181
- size: 16,
182
+ icon: items ? /*#__PURE__*/React.createElement(ListFilter, {
183
+ size: 14,
182
184
  strokeWidth: 1.5
183
185
  }) : /*#__PURE__*/React.createElement(Search, {
184
- size: 16,
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: "Search",
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: '清空选择',