@qsxy/element-plus-react 1.0.0-next.22 → 1.0.0-next.23

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 (56) hide show
  1. package/dist/Breadcrumb/Breadcrumb.js +9 -0
  2. package/dist/Button/Button.js +3 -3
  3. package/dist/ColorPicker/ColorPicker.js +12 -2
  4. package/dist/ConfigProvider/ConfigProvider.d.ts +6 -22
  5. package/dist/ConfigProvider/ConfigProvider.js +22 -13
  6. package/dist/ConfigProvider/ConfigProviderContext.d.ts +5 -0
  7. package/dist/ConfigProvider/ConfigProviderContext.js +13 -0
  8. package/dist/ConfigProvider/index.d.ts +2 -2
  9. package/dist/ConfigProvider/index.js +1 -1
  10. package/dist/ConfigProvider/typings.d.ts +22 -0
  11. package/dist/ConfigProvider/typings.js +1 -0
  12. package/dist/Container/Aside.d.ts +5 -0
  13. package/dist/Container/Aside.js +26 -0
  14. package/dist/Container/Container.d.ts +5 -0
  15. package/dist/Container/Container.js +37 -0
  16. package/dist/Container/Footer.d.ts +5 -0
  17. package/dist/Container/Footer.js +26 -0
  18. package/dist/Container/Header.d.ts +5 -0
  19. package/dist/Container/Header.js +26 -0
  20. package/dist/Container/Main.d.ts +3 -0
  21. package/dist/Container/Main.js +14 -0
  22. package/dist/Container/index.d.ts +6 -0
  23. package/dist/Container/index.js +5 -0
  24. package/dist/Container/typings.d.ts +30 -0
  25. package/dist/Container/typings.js +1 -0
  26. package/dist/InputNumber/InputNumber.js +4 -4
  27. package/dist/Menu/Menu.js +84 -34
  28. package/dist/Menu/MenuContext.d.ts +4 -2
  29. package/dist/Menu/MenuContext.js +2 -0
  30. package/dist/Menu/MenuItem.d.ts +4 -1
  31. package/dist/Menu/MenuItem.js +7 -6
  32. package/dist/Menu/MenuItemGroup.d.ts +4 -1
  33. package/dist/Menu/MenuItemGroup.js +1 -0
  34. package/dist/Menu/SubMenu.d.ts +4 -1
  35. package/dist/Menu/SubMenu.js +86 -41
  36. package/dist/Message/Message.js +1 -1
  37. package/dist/Pagination/Options.js +1 -1
  38. package/dist/Pagination/Pagination.js +1 -1
  39. package/dist/Popper/Popper.js +1 -1
  40. package/dist/Popper/popperOptions.d.ts +5 -4
  41. package/dist/Popper/popperOptions.js +15 -6
  42. package/dist/Popper/typings.d.ts +1 -0
  43. package/dist/Table/Table.js +9 -1
  44. package/dist/Tooltip/Tooltip.js +1 -2
  45. package/dist/hooks/popperPropsUtils.js +1 -1
  46. package/dist/index.css +1 -1
  47. package/dist/index.d.ts +2 -0
  48. package/dist/index.js +1 -0
  49. package/package.json +1 -1
  50. package/theme-chalk/aside.scss +8 -0
  51. package/theme-chalk/container.scss +14 -0
  52. package/theme-chalk/footer.scss +12 -0
  53. package/theme-chalk/header.scss +12 -0
  54. package/theme-chalk/index.scss +5 -0
  55. package/theme-chalk/main.scss +14 -0
  56. package/theme-chalk/menu.scss +1 -0
@@ -165,7 +165,7 @@ var Popper = /*#__PURE__*/forwardRef(function (props, ref) {
165
165
  ref: setArrowElement,
166
166
  style: _objectSpread({}, styles.arrow)
167
167
  }) : null));
168
- }, [afterLeave, animation, attributes.popper, b, className, e, effect, id, is, onMouseEnter, onMouseLeave, popperClass, popperElement, popperStyle, props.children, showArrow, styles.arrow, styles.popper, transitionProps, visible]);
168
+ }, [afterLeave, animation, attributes.popper, b, className, e, effect, id, is, onMouseEnter, onMouseLeave, popperClass, popperElement, popperStyle, props.children, showArrow, styles.arrow, styles.popper, transitionProps, visible, zIndex]);
169
169
  return appendToBody ? /*#__PURE__*/createPortal(content, appendTo) : content;
170
170
  // <Transition visible={visible} name={animation} className={className} afterLeave={afterLeave} {...transitionProps}>
171
171
  // {Children.toArray(props.children).map(child => {
@@ -1,18 +1,19 @@
1
1
  import { Options, Placement, State, StrictModifiers } from '@popperjs/core';
2
- interface IUsePopperProps {
2
+ import { PopperOptions } from './typings';
3
+ type IUsePopperProps = {
3
4
  popperOptions?: Options;
4
5
  arrowOffset?: number;
5
6
  offset?: number;
6
7
  placement?: Placement;
7
8
  gpuAcceleration?: boolean;
8
- }
9
- interface ModifierProps {
9
+ } & Pick<PopperOptions, 'fallbackPlacements'>;
10
+ type ModifierProps = {
10
11
  offset?: number;
11
12
  arrow?: HTMLElement;
12
13
  arrowOffset?: number;
13
14
  gpuAcceleration?: boolean;
14
15
  placement?: Placement;
15
- }
16
+ } & Pick<PopperOptions, 'fallbackPlacements'>;
16
17
  export default function usePopperOptions(props: IUsePopperProps, arrowElement: any): {
17
18
  modifiers: StrictModifiers[];
18
19
  placement: Placement;
@@ -24,10 +24,11 @@ export default function usePopperOptions(props, arrowElement) {
24
24
  arrowOffset: props.arrowOffset,
25
25
  offset: props.offset,
26
26
  gpuAcceleration: props.gpuAcceleration,
27
- placement: props.placement
27
+ placement: props.placement,
28
+ fallbackPlacements: props.fallbackPlacements
28
29
  }, (_props$popperOptions = props.popperOptions) === null || _props$popperOptions === void 0 ? void 0 : _props$popperOptions.modifiers)
29
30
  });
30
- }, [arrowElement, props.arrowOffset, props.gpuAcceleration, props.offset, props.placement, props.popperOptions]);
31
+ }, [arrowElement, props.arrowOffset, props.fallbackPlacements, props.gpuAcceleration, props.offset, props.placement, props.popperOptions]);
31
32
  }
32
33
  function deriveState(state) {
33
34
  var elements = Object.keys(state.elements);
@@ -61,7 +62,8 @@ export function buildModifier(props) {
61
62
  arrowOffset = props.arrowOffset,
62
63
  offset = props.offset,
63
64
  gpuAcceleration = props.gpuAcceleration,
64
- placement = props.placement;
65
+ placement = props.placement,
66
+ fallbackPlacements = props.fallbackPlacements;
65
67
  var modifiers = [{
66
68
  name: 'offset',
67
69
  options: {
@@ -92,10 +94,17 @@ export function buildModifier(props) {
92
94
  options: {
93
95
  padding: 5,
94
96
  fallbackPlacements: function () {
95
- if (placement === 'bottom-start') {
96
- return ['bottom', 'top-start', 'right', 'left'];
97
+ if (fallbackPlacements) {
98
+ if (typeof fallbackPlacements === 'function') {
99
+ return fallbackPlacements(placement);
100
+ }
101
+ return fallbackPlacements;
102
+ } else {
103
+ if (placement === 'bottom-start') {
104
+ return ['bottom', 'top-start', 'right', 'left'];
105
+ }
106
+ return ['bottom', 'top', 'right', 'left'];
97
107
  }
98
- return ['bottom', 'top', 'right', 'left'];
99
108
  }()
100
109
  }
101
110
  }, {
@@ -31,6 +31,7 @@ export type PopperOptions = {
31
31
  popperStyle?: React.CSSProperties;
32
32
  effect?: 'light' | 'dark' | string;
33
33
  popperOptions?: Options;
34
+ fallbackPlacements?: Placement[] | ((placement?: Placement) => Placement[]);
34
35
  };
35
36
  export type PopperProps = {
36
37
  visible: boolean;
@@ -8,6 +8,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
8
8
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
9
9
  import classNames from 'classnames';
10
10
  import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
11
+ import { useTranslation } from 'react-i18next';
12
+ import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
11
13
  import { Loading } from "../Loading";
12
14
  import Scrollbar from "../Scrollbar/Scrollbar";
13
15
  import { mergeDefaultProps } from "../Util";
@@ -21,13 +23,19 @@ import { useSelection } from "./hooks/useSelection";
21
23
  import { useTable } from "./hooks/useTable";
22
24
  import { TableIdManager } from "./util";
23
25
  function InternalTable(props, ref) {
26
+ var _useConfigProvider = useConfigProvider(),
27
+ locale = _useConfigProvider.locale;
28
+ var _useTranslation = useTranslation(),
29
+ t = _useTranslation.t;
24
30
  props = mergeDefaultProps({
25
31
  data: [],
26
32
  fit: true,
27
33
  showHeader: true,
28
34
  tableLayout: 'fixed',
29
35
  style: {},
30
- emptyText: '暂无数据',
36
+ emptyText: t('el.table.emptyText', {
37
+ lng: locale
38
+ }),
31
39
  selectOnIndeterminate: true
32
40
  }, props);
33
41
  var _props = props,
@@ -55,8 +55,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
55
55
  _partitionAnimationPr2 = _slicedToArray(_partitionAnimationPr, 1),
56
56
  transitionProps = _partitionAnimationPr2[0];
57
57
  var _useClassNames = useClassNames(classPrefix),
58
- e = _useClassNames.e,
59
- is = _useClassNames.is;
58
+ e = _useClassNames.e;
60
59
  var _useControlled = useControlled(props.visible, props.defaultVisible),
61
60
  _useControlled2 = _slicedToArray(_useControlled, 2),
62
61
  visible = _useControlled2[0],
@@ -1,7 +1,7 @@
1
1
  import forEach from 'lodash/forEach';
2
2
  import includes from 'lodash/includes';
3
3
  // @ts-ignore
4
- export var popperAllProps = ['popperInstRef', 'offset', 'placement', 'arrowOffset', 'showArrow', 'popperClass', 'popperStyle', 'name', 'display', 'unmountOnExit', 'transitionAppear', 'duration', 'gpuAcceleration', 'strategy', 'appendToBody', 'appendTo', 'popperOptions'];
4
+ export var popperAllProps = ['popperInstRef', 'offset', 'placement', 'arrowOffset', 'showArrow', 'popperClass', 'popperStyle', 'name', 'display', 'unmountOnExit', 'transitionAppear', 'duration', 'gpuAcceleration', 'strategy', 'appendToBody', 'appendTo', 'popperOptions', 'fallbackPlacements'];
5
5
 
6
6
  /**
7
7
  * Returns an array of objects consisting of: props of html input element and rest.