@xfe-repo/web-components 1.2.2 → 1.2.3

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 (6) hide show
  1. package/dist/index.css +50 -0
  2. package/dist/index.d.mts +31 -2
  3. package/dist/index.d.ts +31 -2
  4. package/dist/index.js +738 -3
  5. package/dist/index.mjs +713 -2
  6. package/package.json +20 -4
package/dist/index.css CHANGED
@@ -2,3 +2,53 @@
2
2
  .index_module_loading {
3
3
  display: block;
4
4
  }
5
+
6
+ /* src/MultiWindow/MultiWindow.module.less */
7
+ .MultiWindow_module_multi_window {
8
+ display: flex;
9
+ justify-content: space-between;
10
+ align-items: center;
11
+ width: 100%;
12
+ }
13
+ .MultiWindow_module_multi_window .MultiWindow_module_tabs {
14
+ flex: 1;
15
+ max-width: calc(100% - 220px);
16
+ }
17
+ .MultiWindow_module_multi_window .MultiWindow_module_tabs .ant-tabs-nav {
18
+ margin: 0 12px;
19
+ }
20
+ .MultiWindow_module_multi_window .MultiWindow_module_tabs .ant-tabs-tab {
21
+ transition: none;
22
+ user-select: none;
23
+ }
24
+ .MultiWindow_module_multi_window .MultiWindow_module_search_tabs .ant-tabs-tab {
25
+ border: 1px solid var(--ant-color-primary) !important;
26
+ border-bottom: none !important;
27
+ }
28
+ .MultiWindow_module_multi_window .MultiWindow_module_operate {
29
+ display: flex;
30
+ align-items: center;
31
+ gap: 2px;
32
+ flex-shrink: 0;
33
+ }
34
+ .MultiWindow_module_multi_window .MultiWindow_module_search {
35
+ display: flex;
36
+ justify-content: flex-end;
37
+ align-items: center;
38
+ }
39
+ .MultiWindow_module_multi_window .MultiWindow_module_search .MultiWindow_module_input {
40
+ width: 150px;
41
+ }
42
+ .MultiWindow_module_multi_window .MultiWindow_module_collection {
43
+ margin-left: 10px;
44
+ max-width: 300px;
45
+ color: var(--ant-color-primary);
46
+ }
47
+ @media (max-width: 768px) {
48
+ .MultiWindow_module_multi_window .MultiWindow_module_tabs {
49
+ max-width: calc(100% - 60px);
50
+ }
51
+ .MultiWindow_module_multi_window .MultiWindow_module_search {
52
+ display: none;
53
+ }
54
+ }
package/dist/index.d.mts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { PureComponent } from 'react';
2
+ import React, { PureComponent, RefObject, ReactNode } from 'react';
3
+ import { ThemeConfig } from 'antd/lib';
4
+ import { KeepAliveRef, useKeepAliveRef } from 'keepalive-for-react';
3
5
 
4
6
  type Props = {
5
7
  loading: boolean;
@@ -8,4 +10,31 @@ declare class Loading extends PureComponent<Props> {
8
10
  render(): react_jsx_runtime.JSX.Element | null;
9
11
  }
10
12
 
11
- export { Loading };
13
+ type MultiWindowContentsRefType = RefObject<KeepAliveRef | undefined>;
14
+ declare const useMultiWindowContentsRef: typeof useKeepAliveRef;
15
+ type MultiWindowContentsProps = {
16
+ routerPath: string;
17
+ children: ReactNode;
18
+ contentRef?: MultiWindowContentsRefType;
19
+ };
20
+ declare const MultiWindowContents: React.MemoExoticComponent<(props: MultiWindowContentsProps) => react_jsx_runtime.JSX.Element>;
21
+
22
+ type PagePathType = {
23
+ label: string;
24
+ key: string;
25
+ fullPath: string;
26
+ closable?: boolean;
27
+ disabled?: boolean;
28
+ searchCollection?: string[];
29
+ };
30
+ type MultiWindowProps = {
31
+ routerPath: string;
32
+ collectionBlackList?: string[];
33
+ contentRef?: MultiWindowContentsRefType;
34
+ appName?: string;
35
+ theme?: ThemeConfig;
36
+ className?: string;
37
+ };
38
+ declare const MultiWindow: React.MemoExoticComponent<(props: MultiWindowProps) => react_jsx_runtime.JSX.Element>;
39
+
40
+ export { Loading, MultiWindow, MultiWindowContents, type MultiWindowContentsProps, type MultiWindowContentsRefType, type MultiWindowProps, type PagePathType, useMultiWindowContentsRef };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { PureComponent } from 'react';
2
+ import React, { PureComponent, RefObject, ReactNode } from 'react';
3
+ import { ThemeConfig } from 'antd/lib';
4
+ import { KeepAliveRef, useKeepAliveRef } from 'keepalive-for-react';
3
5
 
4
6
  type Props = {
5
7
  loading: boolean;
@@ -8,4 +10,31 @@ declare class Loading extends PureComponent<Props> {
8
10
  render(): react_jsx_runtime.JSX.Element | null;
9
11
  }
10
12
 
11
- export { Loading };
13
+ type MultiWindowContentsRefType = RefObject<KeepAliveRef | undefined>;
14
+ declare const useMultiWindowContentsRef: typeof useKeepAliveRef;
15
+ type MultiWindowContentsProps = {
16
+ routerPath: string;
17
+ children: ReactNode;
18
+ contentRef?: MultiWindowContentsRefType;
19
+ };
20
+ declare const MultiWindowContents: React.MemoExoticComponent<(props: MultiWindowContentsProps) => react_jsx_runtime.JSX.Element>;
21
+
22
+ type PagePathType = {
23
+ label: string;
24
+ key: string;
25
+ fullPath: string;
26
+ closable?: boolean;
27
+ disabled?: boolean;
28
+ searchCollection?: string[];
29
+ };
30
+ type MultiWindowProps = {
31
+ routerPath: string;
32
+ collectionBlackList?: string[];
33
+ contentRef?: MultiWindowContentsRefType;
34
+ appName?: string;
35
+ theme?: ThemeConfig;
36
+ className?: string;
37
+ };
38
+ declare const MultiWindow: React.MemoExoticComponent<(props: MultiWindowProps) => react_jsx_runtime.JSX.Element>;
39
+
40
+ export { Loading, MultiWindow, MultiWindowContents, type MultiWindowContentsProps, type MultiWindowContentsRefType, type MultiWindowProps, type PagePathType, useMultiWindowContentsRef };