@dt-frames/ui 1.0.50 → 1.0.52

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.
@@ -1,165 +0,0 @@
1
- @multiple-height: 30px;
2
- @component-background: #fff;
3
-
4
- .dt-reuse-tabs{
5
- line-height: 32px;
6
- height: 33px;
7
- border-bottom: 1px solid #e7e7e7;
8
-
9
- .ant-tabs-small {
10
- height: calc(@multiple-height + 2px);
11
- }
12
-
13
- .ant-tabs-card{
14
- .ant-tabs-nav{
15
- padding-top: 2px;
16
- height: calc(@multiple-height + 2px);
17
- margin: 0;
18
- background-color: @component-background;
19
- border: 0;
20
- box-shadow: none;
21
-
22
- &::before{
23
- border: none;
24
- }
25
-
26
- .ant-tabs-nav-container {
27
- height: @multiple-height;
28
- padding-top: 2px;
29
- }
30
- }
31
- }
32
-
33
- .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab{
34
- height: calc(@multiple-height - 2px);
35
- padding-right: 12px;
36
- line-height: calc(@multiple-height - 2px);
37
- color: @text-color-base;
38
- background-color: @component-background;
39
- transition: none;
40
-
41
- span{
42
- font-size: 12px;
43
- }
44
-
45
- &:hover {
46
- .ant-tabs-tab-remove {
47
- opacity: 1;
48
- }
49
- }
50
-
51
- .ant-tabs-tab-remove{
52
- width: 8px;
53
- height: 28px;
54
- font-size: 12px;
55
- color: inherit;
56
- opacity: 0;
57
- transition: none;
58
- margin-left: 2px;
59
- margin-right: -4px;
60
-
61
- &:hover {
62
- svg {
63
- width: 0.8em !important;
64
- }
65
- }
66
-
67
- svg {
68
- fill: @text-color-base;
69
- }
70
- }
71
-
72
- .ant-tabs-tab:not(.ant-tabs-tab-active) {
73
- &:hover {
74
- color: @primary-color;
75
- }
76
- }
77
- }
78
-
79
- .ant-tabs-tab-active {
80
- position: relative;
81
- padding-left: 18px;
82
- background: @primary-color !important;
83
- border: 0;
84
- transition: none;
85
-
86
- span {
87
- color: @white !important;
88
- }
89
-
90
- .ant-tabs-tab-remove {
91
- opacity: 1;
92
- }
93
-
94
- svg {
95
- width: 0.7em;
96
- fill: @white !important;
97
- }
98
- }
99
-
100
- .ant-tabs-nav > div:nth-child(1) {
101
- padding: 0 6px;
102
-
103
- .ant-tabs-tab {
104
- margin-right: 3px !important;
105
- }
106
- }
107
-
108
- .ant-tabs-tab:not(.ant-tabs-tab-active) {
109
- border: 1px solid #d9d9d9 !important;
110
- .anticon-close {
111
- font-size: 12px;
112
-
113
- svg {
114
- width: 0.6em;
115
- }
116
- }
117
- }
118
-
119
- .ant-dropdown-trigger {
120
- display: inline-flex;
121
- }
122
-
123
- &--hide-close {
124
- .ant-tabs-tab-remove {
125
- opacity: 0 !important;
126
- }
127
- }
128
-
129
- .reuse-tab-quick, .dt-tab-redo{
130
- display: inline-block;
131
- width: 36px;
132
- height: calc(@multiple-height + 6px);
133
- line-height: calc(@multiple-height + 6px);
134
- margin-top: -2px;
135
- color: rgba(0,0,0,0.73);
136
- text-align: center;
137
- cursor: pointer;
138
- border-left: 1px solid #d9d9d9;
139
-
140
- &:hover {
141
- color: #333;
142
- }
143
- }
144
-
145
- }
146
-
147
- .reuse-tabs__dropdown{
148
- .ant-dropdown-content {
149
- width: 172px;
150
- li > span{
151
- display: flex;
152
- }
153
-
154
- .dt-icon{
155
- width: 24px;
156
- display: inline-block;
157
- }
158
-
159
- .ant-dropdown-menu-item-disabled{
160
- .dt-icon{
161
- opacity: 0.6;
162
- }
163
- }
164
- }
165
- }
@@ -1,73 +0,0 @@
1
- @import './header/index.less';
2
- @import './sider/index.less';
3
- @import './tabs/index.less';
4
- @import './footer/index.less';
5
- @import './transition.less';
6
- @import '../components/icons/index.less';
7
- @import '../components/container/index.less';
8
-
9
- @page-bg-color: #f0f2f5;
10
-
11
- .dt-theme{
12
- width: 100%;
13
- height: 100%;
14
-
15
- .fixedWrap{
16
- .scrollbar__view{
17
- height: 100%;
18
- }
19
- }
20
-
21
- .dt-layout-content{
22
- position: relative;
23
- flex: 1 1 auto;
24
- min-height: 0;
25
- overflow-x: hidden;
26
-
27
- // 固定宽度模式
28
- &.fixed{
29
- width: 100%;
30
- padding: 0 calc((100% - 1200px) / 2);
31
- }
32
-
33
- .ant-layout-content{
34
- height: 100%;
35
- .dt-page{
36
- height: 100%;
37
- display: flex;
38
- flex-direction: column;
39
- padding: 12px;
40
- background: @page-bg-color;
41
- max-height: 100%;
42
- overflow: hidden;
43
- .basic-form--search{
44
- background: #fff;
45
- padding: 15px 30px 0;
46
- border-radius: 2px;
47
- &>div{
48
- border-bottom: 1px dashed #e7e7e7;
49
- }
50
- }
51
-
52
- .dt-table{
53
- padding: 6px 20px;
54
- border-radius: 2px;
55
- background: #fff;
56
- }
57
- .ant-table-wrapper{
58
- flex: 1;
59
- height: 0;
60
-
61
- .ant-spin-nested-loading{
62
- height: 100%;
63
- }
64
- }
65
- }
66
- }
67
- }
68
- }
69
-
70
- .ant-menu-dark .ant-menu-submenu-title:focus-visible {
71
- box-shadow: none;
72
- }
73
-
@@ -1,105 +0,0 @@
1
- /** zoom-fade */
2
- .zoom-fade-enter-active,
3
- .zoom-fade-leave-active {
4
- transition: transform 0.2s, opacity 0.3s ease-out;
5
- }
6
-
7
- .zoom-fade-enter-from {
8
- opacity: 0;
9
- transform: scale(0.92);
10
- }
11
-
12
- .zoom-fade-leave-to {
13
- opacity: 0;
14
- transform: scale(1.06);
15
- }
16
-
17
-
18
- /** zoom-out */
19
- .zoom-out-enter-active,
20
- .zoom-out-leave-active {
21
- transition: opacity 0.1 ease-in-out, transform 0.15s ease-out;
22
- }
23
-
24
- .zoom-out-enter-from,
25
- .zoom-out-leave-to {
26
- opacity: 0;
27
- transform: scale(0);
28
- }
29
-
30
- // fade
31
- .fade-transition {
32
- &-enter-active,
33
- &-leave-active {
34
- transition: opacity 0.2s ease-in-out;
35
- }
36
-
37
- &-enter-from,
38
- &-leave-to {
39
- opacity: 0;
40
- }
41
- }
42
-
43
- .fade-leave-active {
44
- position: absolute;
45
- left: 0;
46
- top: 0;
47
- }
48
-
49
- .fade-enter-active,
50
- .fade-leave-active {
51
- transition: opacity 0.2s ease-in-out;
52
- }
53
-
54
- .fade-enter-from,
55
- .fade-leave-to {
56
- opacity: 0;
57
- }
58
-
59
- /* fade-slide */
60
- .fade-slide-leave-active,
61
- .fade-slide-enter-active {
62
- transition: all 0.3s;
63
- }
64
-
65
- .fade-slide-enter-from {
66
- opacity: 0;
67
- transform: translateX(-30px);
68
- }
69
-
70
- .fade-slide-leave-to {
71
- opacity: 0;
72
- transform: translateX(30px);
73
- }
74
-
75
- /** fade-bottom */
76
- .fade-bottom-enter-active,
77
- .fade-bottom-leave-active {
78
- transition: opacity 0.25s, transform 0.3s;
79
- }
80
-
81
- .fade-bottom-enter-from {
82
- opacity: 0;
83
- transform: translateY(-10%);
84
- }
85
-
86
- .fade-bottom-leave-to {
87
- opacity: 0;
88
- transform: translateY(10%);
89
- }
90
-
91
- // fade-scale
92
- .fade-scale-leave-active,
93
- .fade-scale-enter-active {
94
- transition: all 0.28s;
95
- }
96
-
97
- .fade-scale-enter-from {
98
- opacity: 0;
99
- transform: scale(1.2);
100
- }
101
-
102
- .fade-scale-leave-to {
103
- opacity: 0;
104
- transform: scale(0.8);
105
- }
@@ -1,44 +0,0 @@
1
- import { RouteRecordRaw } from 'vue-router';
2
- declare const _sfc_main: import("vue").DefineComponent<{}, {
3
- getTransitionMode: import("vue").ComputedRef<import("@dt-frames/core").RouterTransition>;
4
- getOpenPageLoading: import("vue").ComputedRef<boolean>;
5
- getLayoutContentMode: import("vue").ComputedRef<import("@dt-frames/core").ContentMode>;
6
- getPageLoading: boolean;
7
- getCanCache: import("vue").ComputedRef<boolean>;
8
- tabStore: import("pinia").Store<"route-reuse", import("@dt-frames/core/es/store/routeReuse").RouteReuseState, {
9
- getTabList(): import("vue-router").RouteLocationNormalized[];
10
- getCachedTabList(): string[];
11
- getLastDragEndIndex(): number;
12
- }, {
13
- addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
14
- closeTab(path: string, router: import("vue-router").Router): void;
15
- closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
16
- closeLeftTabs(path: string): void;
17
- closeRightTabs(path: string): void;
18
- closeOtherTabs(path: string): void;
19
- bulkCloseTabs(pathList: string[]): void;
20
- updateCacheTab(): void;
21
- refreshPage(router: import("vue-router").Router): Promise<void>;
22
- sortTabs(oldIndex: number, newIndex: number): void;
23
- }>;
24
- getTransitionName: (route: RouteRecordRaw) => string | undefined;
25
- getCaches: import("vue").ComputedRef<string[]>;
26
- LayoutContent: import("vue").DefineComponent<{
27
- prefixCls: StringConstructor;
28
- hasSider: {
29
- type: BooleanConstructor;
30
- default: any;
31
- };
32
- tagName: StringConstructor;
33
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
34
- prefixCls: StringConstructor;
35
- hasSider: {
36
- type: BooleanConstructor;
37
- default: any;
38
- };
39
- tagName: StringConstructor;
40
- }>>, {
41
- hasSider: boolean;
42
- }>;
43
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
44
- export default _sfc_main;