bkui-vue 0.0.2-table-refactor.6 → 0.0.2-table-refactor.8
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/index.cjs.js +20 -20
- package/dist/index.esm.js +1176 -1170
- package/dist/index.umd.js +20 -20
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/affix/index.js +1 -1
- package/lib/alert/index.js +1 -1
- package/lib/animate-number/index.js +1 -1
- package/lib/backtop/backtop.css +8 -8
- package/lib/backtop/backtop.less +3 -1
- package/lib/backtop/backtop.variable.css +11 -11
- package/lib/backtop/index.js +1 -1
- package/lib/badge/index.js +1 -1
- package/lib/breadcrumb/breadcrumb.css +4 -4
- package/lib/breadcrumb/breadcrumb.variable.css +4 -4
- package/lib/breadcrumb/index.js +1 -1
- package/lib/button/index.js +1 -1
- package/lib/card/card.css +4 -4
- package/lib/card/card.variable.css +4 -4
- package/lib/card/index.js +1 -1
- package/lib/cascader/cascader.css +4 -4
- package/lib/cascader/cascader.variable.css +4 -4
- package/lib/cascader/index.js +1 -1
- package/lib/checkbox/index.js +1 -1
- package/lib/code-diff/index.js +1 -1
- package/lib/collapse/index.js +1 -1
- package/lib/collapse-transition/index.js +1 -1
- package/lib/color-picker/index.js +1 -1
- package/lib/components.js +1 -1
- package/lib/config-provider/index.js +1 -1
- package/lib/container/container.css +4 -4
- package/lib/container/container.variable.css +4 -4
- package/lib/container/index.js +1 -1
- package/lib/date-picker/index.js +1 -1
- package/lib/dialog/index.js +1 -1
- package/lib/directives/index.js +1 -1
- package/lib/dist.index.js +1 -1
- package/lib/divider/index.js +1 -1
- package/lib/dropdown/index.js +1 -1
- package/lib/exception/index.js +1 -1
- package/lib/fixed-navbar/index.js +1 -1
- package/lib/form/index.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/icon/angle-double-down-line.js +1 -1
- package/lib/icon/angle-double-left-line.js +1 -1
- package/lib/icon/angle-double-left.js +1 -1
- package/lib/icon/angle-double-right-line.js +1 -1
- package/lib/icon/angle-double-right.js +1 -1
- package/lib/icon/angle-double-up-line.js +1 -1
- package/lib/icon/angle-down-fill.js +1 -1
- package/lib/icon/angle-down-line.js +1 -1
- package/lib/icon/angle-down.js +1 -1
- package/lib/icon/angle-left.js +1 -1
- package/lib/icon/angle-right.js +1 -1
- package/lib/icon/angle-up-fill.js +1 -1
- package/lib/icon/angle-up.js +1 -1
- package/lib/icon/archive-fill.js +1 -1
- package/lib/icon/arrows-left.js +1 -1
- package/lib/icon/arrows-right.js +1 -1
- package/lib/icon/assistant.js +1 -1
- package/lib/icon/audio-fill.js +1 -1
- package/lib/icon/bk.js +1 -1
- package/lib/icon/circle.js +1 -1
- package/lib/icon/close-line.js +1 -1
- package/lib/icon/close.js +1 -1
- package/lib/icon/code.js +1 -1
- package/lib/icon/cog-shape.js +1 -1
- package/lib/icon/collapse-left.js +1 -1
- package/lib/icon/copy-shape.js +1 -1
- package/lib/icon/copy.js +1 -1
- package/lib/icon/data-shape.js +1 -1
- package/lib/icon/del.js +1 -1
- package/lib/icon/doc-fill.js +1 -1
- package/lib/icon/done.js +1 -1
- package/lib/icon/down-shape.js +1 -1
- package/lib/icon/down-small.js +1 -1
- package/lib/icon/edit-line.js +1 -1
- package/lib/icon/ellipsis.js +1 -1
- package/lib/icon/enlarge-line.js +1 -1
- package/lib/icon/error.js +1 -1
- package/lib/icon/excel-fill.js +1 -1
- package/lib/icon/exclamation-circle-shape.js +1 -1
- package/lib/icon/eye.js +1 -1
- package/lib/icon/filliscreen-line.js +1 -1
- package/lib/icon/fix-line.js +1 -1
- package/lib/icon/fix-shape.js +1 -1
- package/lib/icon/folder-open.js +1 -1
- package/lib/icon/folder-shape-open.js +1 -1
- package/lib/icon/folder-shape.js +1 -1
- package/lib/icon/folder.js +1 -1
- package/lib/icon/funnel.js +1 -1
- package/lib/icon/help-document-fill.js +1 -1
- package/lib/icon/help-fill.js +1 -1
- package/lib/icon/help.js +1 -1
- package/lib/icon/image-fill.js +1 -1
- package/lib/icon/img-error.js +1 -1
- package/lib/icon/img-placehoulder.js +1 -1
- package/lib/icon/index.js +1 -1
- package/lib/icon/info-line.js +1 -1
- package/lib/icon/info.js +1 -1
- package/lib/icon/left-shape.js +1 -1
- package/lib/icon/left-turn-line.js +1 -1
- package/lib/icon/narrow-line.js +1 -1
- package/lib/icon/original.js +1 -1
- package/lib/icon/pdf-fill.js +1 -1
- package/lib/icon/play-shape.js +1 -1
- package/lib/icon/plus.js +1 -1
- package/lib/icon/ppt-fill.js +1 -1
- package/lib/icon/qq.js +1 -1
- package/lib/icon/right-shape.js +1 -1
- package/lib/icon/right-turn-line.js +1 -1
- package/lib/icon/search.js +1 -1
- package/lib/icon/share.js +1 -1
- package/lib/icon/spinner.js +1 -1
- package/lib/icon/success.js +1 -1
- package/lib/icon/switcher-loading.js +1 -1
- package/lib/icon/text-file.js +1 -1
- package/lib/icon/text-fill.js +1 -1
- package/lib/icon/transfer.js +1 -1
- package/lib/icon/tree-application-shape.js +1 -1
- package/lib/icon/unfull-screen.js +1 -1
- package/lib/icon/unvisible.js +1 -1
- package/lib/icon/up-shape.js +1 -1
- package/lib/icon/upload.js +1 -1
- package/lib/icon/video-fill.js +1 -1
- package/lib/icon/warn.js +1 -1
- package/lib/icon/weixin-pro.js +1 -1
- package/lib/icon/weixin.js +1 -1
- package/lib/image/index.js +1 -1
- package/lib/index.js +1 -1
- package/lib/info-box/index.js +1 -1
- package/lib/input/index.js +1 -1
- package/lib/input/input.css +4 -4
- package/lib/input/input.variable.css +4 -4
- package/lib/link/index.js +1 -1
- package/lib/loading/index.js +1 -1
- package/lib/loading/loading.css +4 -4
- package/lib/loading/loading.variable.css +4 -4
- package/lib/locale/index.js +1 -1
- package/lib/menu/index.js +1 -1
- package/lib/menu/menu.css +4 -4
- package/lib/menu/menu.variable.css +4 -4
- package/lib/message/index.js +1 -1
- package/lib/modal/index.js +1 -1
- package/lib/navigation/index.js +1 -1
- package/lib/notify/index.js +1 -1
- package/lib/overflow-title/index.js +1 -1
- package/lib/pagination/index.js +1 -1
- package/lib/plugin-popover/index.js +1 -1
- package/lib/plugins/index.js +1 -1
- package/lib/pop-confirm/index.js +1 -1
- package/lib/popover/index.js +1 -1
- package/lib/popover2/index.js +1 -1
- package/lib/preset.js +1 -1
- package/lib/process/index.js +1 -1
- package/lib/progress/index.js +1 -1
- package/lib/progress/progress.css +4 -4
- package/lib/progress/progress.variable.css +4 -4
- package/lib/radio/index.js +1 -1
- package/lib/rate/index.js +1 -1
- package/lib/resize-layout/index.js +1 -1
- package/lib/search-select/index.js +1 -1
- package/lib/search-select/search-select.css +11 -11
- package/lib/search-select/search-select.less +13 -9
- package/lib/search-select/search-select.variable.css +11 -11
- package/lib/select/index.js +1 -1
- package/lib/select/select.css +4 -4
- package/lib/select/select.variable.css +28 -28
- package/lib/shared/index.js +1 -1
- package/lib/sideslider/index.js +1 -1
- package/lib/slider/index.js +1 -1
- package/lib/steps/index.js +1 -1
- package/lib/styles/mixins/animate.css +4 -4
- package/lib/styles/mixins/animate.less +10 -6
- package/lib/styles/mixins/animate.variable.css +126 -4
- package/lib/styles/mixins/mixins.css +4 -4
- package/lib/styles/mixins/mixins.variable.css +4 -4
- package/lib/swiper/index.js +1 -1
- package/lib/switcher/index.js +1 -1
- package/lib/switcher/switcher.css +4 -4
- package/lib/switcher/switcher.variable.css +4 -4
- package/lib/tab/index.js +1 -1
- package/lib/table/components/table-column.d.ts +1 -0
- package/lib/table/index.d.ts +1 -0
- package/lib/table/index.js +1 -1
- package/lib/table/props.d.ts +1 -0
- package/lib/table/table.css +3 -1
- package/lib/table/table.less +3 -1
- package/lib/table/table.variable.css +3 -1
- package/lib/table/use-column.d.ts +2 -0
- package/lib/table-column/index.d.ts +3 -0
- package/lib/table-column/index.js +1 -1
- package/lib/tag/index.js +1 -1
- package/lib/tag-input/index.js +1 -1
- package/lib/time-picker/index.js +1 -1
- package/lib/timeline/index.js +1 -1
- package/lib/transfer/index.js +1 -1
- package/lib/tree/index.js +1 -1
- package/lib/upload/index.js +1 -1
- package/lib/upload/upload.css +4 -4
- package/lib/upload/upload.variable.css +4 -4
- package/lib/virtual-render/index.js +1 -1
- package/package.json +1 -1
@@ -11,11 +11,11 @@
|
|
11
11
|
background-color: transparent;
|
12
12
|
}
|
13
13
|
}
|
14
|
-
.bk-
|
15
|
-
.bk-
|
14
|
+
.bk-transition .bk-fade-enter-active,
|
15
|
+
.bk-transition .bk-fade-leave-active {
|
16
16
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
17
17
|
}
|
18
|
-
.bk-
|
19
|
-
.bk-
|
18
|
+
.bk-transition .bk-fade-enter,
|
19
|
+
.bk-transition .bk-fade-leave-to {
|
20
20
|
opacity: 0;
|
21
21
|
}
|
@@ -1,3 +1,5 @@
|
|
1
|
+
@import '../themes/themes.less';
|
2
|
+
|
1
3
|
@keyframes loading-scale-animate {
|
2
4
|
0% {
|
3
5
|
transform: scale(1);
|
@@ -13,15 +15,17 @@
|
|
13
15
|
background-color: transparent;
|
14
16
|
}
|
15
17
|
}
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
.bk-fade-leave-active {
|
18
|
+
.fade-transition() {
|
19
|
+
.@{bk-prefix}-fade-enter-active,
|
20
|
+
.@{bk-prefix}-fade-leave-active {
|
20
21
|
transition: all .3s cubic-bezier(.55, 0, .1, 1);
|
21
22
|
}
|
22
23
|
|
23
|
-
|
24
|
-
|
24
|
+
.@{bk-prefix}-fade-enter,
|
25
|
+
.@{bk-prefix}-fade-leave-to {
|
25
26
|
opacity: 0;
|
26
27
|
}
|
27
28
|
}
|
29
|
+
.@{bk-prefix}-transition {
|
30
|
+
.fade-transition();
|
31
|
+
}
|
@@ -1,3 +1,125 @@
|
|
1
|
+
:root {
|
2
|
+
--bk-prefix: bk;
|
3
|
+
--popover-max-height: 216px;
|
4
|
+
--primary-color: #3a84ff;
|
5
|
+
--success-color: #2dcb56;
|
6
|
+
--warning-color: #ff9c01;
|
7
|
+
--danger-color: #ea3636;
|
8
|
+
--default-color: #63656e;
|
9
|
+
--gray-color: #979ba5;
|
10
|
+
--light-gray: #c4c6cc;
|
11
|
+
--white-color: white;
|
12
|
+
--whitesmoke-color: #fafbfd;
|
13
|
+
--disable-color: #dcdee5;
|
14
|
+
--font-size-base: 12px;
|
15
|
+
--font-size-medium: 14px;
|
16
|
+
--font-size-large: 16px;
|
17
|
+
--line-height-base: 16px;
|
18
|
+
--line-height-medium: 16px;
|
19
|
+
--line-height-large: 18px;
|
20
|
+
--component-size-small: 26px;
|
21
|
+
--component-size-base: 32px;
|
22
|
+
--component-size-large: 40px;
|
23
|
+
--border-width-base: 1px;
|
24
|
+
--border-style-base: solid;
|
25
|
+
--border-radius-base: 2px;
|
26
|
+
--border-style-color: var(--light-gray);
|
27
|
+
--input-disabled-bg: #fafbfd;
|
28
|
+
--input-disabled-border: var(--disable-color);
|
29
|
+
--input-height-base: var(--component-size-base);
|
30
|
+
--input-color: var(--default-color);
|
31
|
+
--input-bg: white;
|
32
|
+
--input-border-color: var(--light-gray);
|
33
|
+
--input-broder-radius: 3px;
|
34
|
+
--input-shadow-color: #a3c5fd;
|
35
|
+
--input-horizontal-padding: 10px;
|
36
|
+
--input-block-color: #f5f7fa;
|
37
|
+
--input-block-hover-color: #eaebf0;
|
38
|
+
--input-icon-size: var(--font-size-medium);
|
39
|
+
--input-maxlength-color: #979ba5;
|
40
|
+
--button-primary-hover-color: #5594fa;
|
41
|
+
--button-danger-hover-color: #ff5656;
|
42
|
+
--button-success-hover-color: #45e35f;
|
43
|
+
--button-warning-hover-color: #ffb848;
|
44
|
+
--button-default-hover-border-color: #979ba5;
|
45
|
+
--button-primary-active-color: #2c77f4;
|
46
|
+
--button-danger-active-color: #db2626;
|
47
|
+
--button-success-active-color: #1ab943;
|
48
|
+
--button-warning-active-color: #eb9000;
|
49
|
+
--button-selected-bg-color: #e1ecff;
|
50
|
+
--button-disabled-selected-bg-color: #f0f1f5;
|
51
|
+
--radio-font-color: #63656e;
|
52
|
+
--radio-active-color: #5594fa;
|
53
|
+
--radio-hover-border-color: #979ba5;
|
54
|
+
--radio-disabled-border: #dcdee5;
|
55
|
+
--radio-disabled-font-color: #c4c6cc;
|
56
|
+
--radio-disabled-checked-bg: #a3c5fd;
|
57
|
+
--radio-button-checked-bg: #e1ecff;
|
58
|
+
--radio-button-disabled-checked-bg: #fafbfd;
|
59
|
+
--checkbox-disabled-checked-bg: #a3c5fd;
|
60
|
+
--fixed-navbar-background: #fff;
|
61
|
+
--fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
|
62
|
+
--switch-default-color: #fff;
|
63
|
+
--switch-grey-color: #c4c6cc;
|
64
|
+
--breadcrumb-black-color: #979ba5;
|
65
|
+
--breadcrumb-primary-hover-color: #0082ff;
|
66
|
+
--breadcrumb-fn-main-color: #63656e;
|
67
|
+
--link-default-hover-color: #979ba5;
|
68
|
+
--link-primary-hover-color: #699df4;
|
69
|
+
--link-success-hover-color: #45e35f;
|
70
|
+
--link-warning-hover-color: #ffb848;
|
71
|
+
--link-danger-hover-color: #ff5656;
|
72
|
+
--link-default-disabled-color: #dcdee5;
|
73
|
+
--link-primary-disabled-color: #a3c5fd;
|
74
|
+
--link-success-disabled-color: #94f5a4;
|
75
|
+
--link-warning-disabled-color: #ffd695;
|
76
|
+
--link-danger-disabled-color: #fd9c9c;
|
77
|
+
--message-color: var(--default-color);
|
78
|
+
--message-primary-bg-color: #f0f8ff;
|
79
|
+
--message-primary-border-color: #e1ecff;
|
80
|
+
--message-primary-shadow-color: #e1e8f4;
|
81
|
+
--message-warning-bg-color: #fff4e2;
|
82
|
+
--message-warning-border-color: #ffe8c3;
|
83
|
+
--message-warning-shadow-color: #ede6db;
|
84
|
+
--message-success-bg-color: #f2fff4;
|
85
|
+
--message-success-border-color: #dcffe2;
|
86
|
+
--message-success-shadow-color: #cef0d7;
|
87
|
+
--message-danger-bg-color: #ffeded;
|
88
|
+
--message-danger-border-color: #ffdddd;
|
89
|
+
--message-danger-shadow-color: #f6dada;
|
90
|
+
--slider-default-bg: #dcdee5;
|
91
|
+
--slider-disable-bar-bg: #979ba5;
|
92
|
+
--menu-bg-color: #182132;
|
93
|
+
--submenu-bg-color: #151d2c;
|
94
|
+
--menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
|
95
|
+
--menu-color: #96a2b9;
|
96
|
+
--menu-group-color: var(--default-color);
|
97
|
+
--menu-width: 260px;
|
98
|
+
--menu-collapse-width: 60px;
|
99
|
+
--menu-active-color: white;
|
100
|
+
--nav-header-bg-color: #182132;
|
101
|
+
--nav-bg-color: #182132;
|
102
|
+
--date-picker-disabled-bg: #fafbfd;
|
103
|
+
--date-picker-dropdown-mb: 4px;
|
104
|
+
--date-picker-dropdown-bg: #fff;
|
105
|
+
--table-bg-color: var(--white-color);
|
106
|
+
--table-border-color: #dcdee5;
|
107
|
+
--table-head-bg-color: #fafbfd;
|
108
|
+
--table-head-font-color: #313238;
|
109
|
+
--table-body-font-color: #63656E;
|
110
|
+
--table-row-hover-bg-color: #f5f7fa;
|
111
|
+
--table-row-active-bg-color: #f0f1f5;
|
112
|
+
--cascader-panel-border-color: #dcdee5;
|
113
|
+
--cascader-panel-hover: #f5f7fa;
|
114
|
+
--cascader-panel-active: #e1ecff;
|
115
|
+
--cascader-panel-disabled-bg: #fff;
|
116
|
+
--search-select-focus-border-color: var(--primary-color);
|
117
|
+
--search-select-focus-color: #3c96ff;
|
118
|
+
--search-select-font-color: var(--default-color);
|
119
|
+
--search-select-placeholder-color: var(--light-gray);
|
120
|
+
--search-select-message-color: var(--danger-color);
|
121
|
+
--search-select-menu-border-color: var(--disable-color);
|
122
|
+
}
|
1
123
|
@keyframes loading-scale-animate {
|
2
124
|
0% {
|
3
125
|
transform: scale(1);
|
@@ -11,11 +133,11 @@
|
|
11
133
|
background-color: transparent;
|
12
134
|
}
|
13
135
|
}
|
14
|
-
.bk-
|
15
|
-
.bk-
|
136
|
+
.bk-transition .bk-fade-enter-active,
|
137
|
+
.bk-transition .bk-fade-leave-active {
|
16
138
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
17
139
|
}
|
18
|
-
.bk-
|
19
|
-
.bk-
|
140
|
+
.bk-transition .bk-fade-enter,
|
141
|
+
.bk-transition .bk-fade-leave-to {
|
20
142
|
opacity: 0;
|
21
143
|
}
|
@@ -11,12 +11,12 @@
|
|
11
11
|
background-color: transparent;
|
12
12
|
}
|
13
13
|
}
|
14
|
-
.bk-
|
15
|
-
.bk-
|
14
|
+
.bk-transition .bk-fade-enter-active,
|
15
|
+
.bk-transition .bk-fade-leave-active {
|
16
16
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
17
17
|
}
|
18
|
-
.bk-
|
19
|
-
.bk-
|
18
|
+
.bk-transition .bk-fade-enter,
|
19
|
+
.bk-transition .bk-fade-leave-to {
|
20
20
|
opacity: 0;
|
21
21
|
}
|
22
22
|
.clearfix-style::after {
|
@@ -11,12 +11,12 @@
|
|
11
11
|
background-color: transparent;
|
12
12
|
}
|
13
13
|
}
|
14
|
-
.bk-
|
15
|
-
.bk-
|
14
|
+
.bk-transition .bk-fade-enter-active,
|
15
|
+
.bk-transition .bk-fade-leave-active {
|
16
16
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
17
17
|
}
|
18
|
-
.bk-
|
19
|
-
.bk-
|
18
|
+
.bk-transition .bk-fade-enter,
|
19
|
+
.bk-transition .bk-fade-leave-to {
|
20
20
|
opacity: 0;
|
21
21
|
}
|
22
22
|
.clearfix-style::after {
|
package/lib/swiper/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
import*as e from"../shared";import*as n from"vue";import*as t from"../config-provider";var o={d:(e,n)=>{for(var t in n)o.o(n,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)},r={};o.d(r,{Z:()=>d});const a=(i={PropTypes:()=>e.PropTypes,withInstall:()=>e.withInstall},u={},o.d(u,i),u);var i,u;function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function c(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==l(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!==l(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===l(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const s=(e=>{var n={};return o.d(n,e),n})({computed:()=>n.computed,createVNode:()=>n.createVNode,defineComponent:()=>n.defineComponent,onBeforeUnmount:()=>n.onBeforeUnmount,onMounted:()=>n.onMounted,ref:()=>n.ref,toRefs:()=>n.toRefs,watch:()=>n.watch}),p=(e=>{var n={};return o.d(n,e),n})({usePrefix:()=>t.usePrefix}),v=(0,s.defineComponent)({name:"Swiper",props:{isLoop:a.PropTypes.bool.def(!0),loopTime:a.PropTypes.number.def(8e3),pics:a.PropTypes.array.def([]),list:a.PropTypes.array.def([]),height:a.PropTypes.number,width:a.PropTypes.number},emits:["index-change"],setup:function(e,n){var t,o=n.emit,r=n.slots,a=(0,s.toRefs)(e),i=a.isLoop,u=a.loopTime,l=a.pics,v=a.list,d=a.height,f=a.width,m=(0,s.ref)(),h=(0,s.ref)(0),w=(0,s.ref)(0),y=(0,s.ref)(0),g=(0,s.ref)(0),b=(0,p.usePrefix)().resolveClassName,P=(0,s.computed)((function(){var e;return(null===(e=v.value)||void 0===e?void 0:e.length)>0?v.value:l.value})),T=(0,s.computed)((function(){return{width:"".concat(w.value*P.value.length,"px"),transform:"translateX(-".concat(w.value*h.value,"px)")}})),x=(0,s.computed)((function(){return{width:"".concat(w.value,"px"),height:"".concat(y.value,"px")}})),N=function(e){var n=e;e>=P.value.length&&(n=0),e<0&&(n=P.value.length-1),h.value=n,o("index-change",n)},V=function(e){return["".concat(b("swiper-img")),c({},"".concat(b("swiper-link")),e.link),e.class]},S=function(e){return{"background-image":"url(".concat(e.url,")"),"background-color":e.color}},k=function(e){return c({},"".concat(b("current-index")),h.value===e)},C=function e(){i.value&&(g.value=window.setTimeout((function(){N(h.value+1),e()}),u.value))},O=function(){var e,n=function(e){if(void 0===e)return{height:0,width:0};var n=getComputedStyle(e),t=e.clientWidth-parseFloat(n.paddingTop)-parseFloat(n.paddingBottom);return{height:e.clientHeight-parseFloat(n.paddingLeft)-parseFloat(n.paddingRight),width:t}}(null===(e=m.value)||void 0===e?void 0:e.parentElement);w.value=+f.value>0?f.value:n.width,y.value=+d.value>0?d.value:n.height};return(0,s.watch)([d,f],O),(0,s.onMounted)((function(){var e,n;O(),C(),(n=null===(e=m.value)||void 0===e?void 0:e.parentElement)&&window.ResizeObserver&&(t=new ResizeObserver((function(){O()}))).observe(n)})),(0,s.onBeforeUnmount)((function(){var e;window.clearTimeout(g.value),null===(e=t.disconnect)||void 0===e||e.call(t)})),function(){return(0,s.createVNode)("section",{class:"".concat(b("swiper-home")),ref:m,style:x.value},[(0,s.createVNode)("hgroup",{style:T.value,class:"".concat(b("transition")," ").concat(b("swiper-main"))},[P.value.map((function(e){var n,t;return(0,s.createVNode)("h3",{class:"".concat(b("swiper-card")),style:x.value},[null!==(t=null===(n=r.default)||void 0===n?void 0:n.call(r,e))&&void 0!==t?t:(0,s.createVNode)("span",{class:V(e),style:S(e),onClick:function(){var n;(n=e.link)&&window.open(n,"_blank")}},null)])}))]),(0,s.createVNode)("ul",{class:"".concat(b("swiper-index"))},[P.value.map((function(e,n){return(0,s.createVNode)("li",{class:k(n),onMouseover:function(){return N(n)}},null)}))]),(0,s.createVNode)("span",{class:"".concat(b("swiper-nav")," ").concat(b("nav-prev")),onClick:function(){return N(h.value-1)}},[(0,s.createVNode)("i",{class:"".concat(b("swiper-nav-icon"))},null)]),(0,s.createVNode)("span",{class:"".concat(b("swiper-nav")," ").concat(b("nav-next")),onClick:function(){return N(h.value+1)}},[(0,s.createVNode)("i",{class:"".concat(b("swiper-nav-icon"))},null)])])}}}),d=(0,a.withInstall)(v);var f=r.Z;export{f as default};
|
package/lib/switcher/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
import*as e from"../shared";import*as o from"vue";import*as r from"../config-provider";import*as t from"../icon";var n={d:(e,o)=>{for(var r in o)n.o(o,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},o:(e,o)=>Object.prototype.hasOwnProperty.call(e,o)},i={};n.d(i,{Z:()=>b});const a=(u={PropTypes:()=>e.PropTypes,SwitcherThemeType:()=>e.SwitcherThemeType,useFormItem:()=>e.useFormItem,withInstall:()=>e.withInstall},s={},n.d(s,u),s);var u,s;function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function p(e,o,r){return(o=function(e){var o=function(e,o){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,"string");if("object"!==l(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===l(o)?o:String(o)}(o))in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}const c=(e=>{var o={};return n.d(o,e),o})({computed:()=>o.computed,createVNode:()=>o.createVNode,defineComponent:()=>o.defineComponent,ref:()=>o.ref,watch:()=>o.watch}),f=(e=>{var o={};return n.d(o,e),o})({usePrefix:()=>r.usePrefix}),d=(e=>{var o={};return n.d(o,e),o})({SwitcherLoading:()=>t.SwitcherLoading});var y,m,v={theme:(0,a.SwitcherThemeType)(),size:a.PropTypes.size(),disabled:a.PropTypes.bool,showText:a.PropTypes.bool,isOutline:a.PropTypes.bool,onText:a.PropTypes.string.def("ON"),offText:a.PropTypes.string.def("OFF"),isSquare:a.PropTypes.bool,extCls:a.PropTypes.string,beforeChange:a.PropTypes.func.def(void 0),trueValue:a.PropTypes.oneOfType([a.PropTypes.string,a.PropTypes.number,a.PropTypes.bool]).def(!0),falseValue:a.PropTypes.oneOfType([a.PropTypes.string,a.PropTypes.number,a.PropTypes.bool]).def(!1),value:a.PropTypes.oneOfType([a.PropTypes.string,a.PropTypes.number,a.PropTypes.bool]).def(!1),modelValue:a.PropTypes.oneOfType([a.PropTypes.string,a.PropTypes.number,a.PropTypes.bool]).def(!1),withValidate:a.PropTypes.bool.def(!0)};!function(e){e.UPDATE="update:modelValue",e.CHANGE="change"}(m||(m={}));var T=(p(y={},m.UPDATE,(function(e){return e})),p(y,m.CHANGE,(function(e){return!!e})),y);const h=(0,c.defineComponent)({name:"Switcher",props:v,emits:T,setup:function(e,o){var r=o.emit,t=(0,a.useFormItem)(),n=(0,f.usePrefix)().resolveClassName,i=(0,c.ref)(!1),u=(0,c.computed)((function(){return e.trueValue===l.value})),s=(0,c.ref)(!1!==e.modelValue),l=(0,c.computed)((function(){return s.value?e.modelValue:e.value})),y=(0,c.computed)((function(){var o,r=(p(o={},e.extCls,!!e.extCls),p(o,"".concat(n("switcher")),!0),p(o,"".concat(n("switcher-outline")),e.isOutline),p(o,"".concat(n("switcher-square")),e.isSquare),p(o,"show-label",e.showText),p(o,"is-disabled",e.disabled),p(o,"is-checked",u.value),p(o,"is-unchecked",!u.value),p(o,"is-loading",i.value),p(o,"".concat(n("primary")),"primary"===e.theme),o);return e.size&&!e.showText&&(r["".concat(n("switcher-".concat(e.size)))]=!0),r}));(0,c.watch)((function(){return e.modelValue}),(function(){var o;s.value=!0,e.withValidate&&(null===(o=null==t?void 0:t.validate)||void 0===o||o.call(t,"change"))})),(0,c.watch)((function(){return e.value}),(function(){s.value=!1}));var v=function(o){if(o.stopPropagation(),o.preventDefault(),!e.disabled&&!i.value){var t=u.value?e.falseValue:e.trueValue,n=!u.value,a=function(){r(m.UPDATE,t),r(m.CHANGE,n)},s=!0;if("function"==typeof e.beforeChange&&"function"==typeof(s=e.beforeChange(t)).then)return i.value=!0,s.then((function(){a()})).finally((function(){i.value=!1}));s&&a()}},T=function(e){"Enter"!==e.code&&"Enter"!==e.key&&13!==e.keyCode||v(e)};return function(){return(0,c.createVNode)("div",{class:y.value,onClick:v,tabindex:"0",onKeydown:T},[i.value?(0,c.createVNode)(d.SwitcherLoading,{class:"".concat(n("switcher-loading"))},null):"",e.showText?(0,c.createVNode)("span",{class:"switcher-text"},[u.value?e.onText:e.offText]):""])}}}),b=(0,a.withInstall)(h);var P=i.Z;export{P as default};
|
@@ -11,12 +11,12 @@
|
|
11
11
|
background-color: transparent;
|
12
12
|
}
|
13
13
|
}
|
14
|
-
.bk-
|
15
|
-
.bk-
|
14
|
+
.bk-transition .bk-fade-enter-active,
|
15
|
+
.bk-transition .bk-fade-leave-active {
|
16
16
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
17
17
|
}
|
18
|
-
.bk-
|
19
|
-
.bk-
|
18
|
+
.bk-transition .bk-fade-enter,
|
19
|
+
.bk-transition .bk-fade-leave-to {
|
20
20
|
opacity: 0;
|
21
21
|
}
|
22
22
|
.clearfix-style::after {
|
@@ -133,12 +133,12 @@
|
|
133
133
|
background-color: transparent;
|
134
134
|
}
|
135
135
|
}
|
136
|
-
.bk-
|
137
|
-
.bk-
|
136
|
+
.bk-transition .bk-fade-enter-active,
|
137
|
+
.bk-transition .bk-fade-leave-active {
|
138
138
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
139
139
|
}
|
140
|
-
.bk-
|
141
|
-
.bk-
|
140
|
+
.bk-transition .bk-fade-enter,
|
141
|
+
.bk-transition .bk-fade-leave-to {
|
142
142
|
opacity: 0;
|
143
143
|
}
|
144
144
|
.clearfix-style::after {
|
package/lib/tab/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue-types"),require("vue"),require("../config-provider"),require("../directives"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue-types","vue","../config-provider","../directives","../icon/"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue-types"),require("vue"),require("../config-provider"),require("../directives"),require("../icon/")):t(e["../shared"],e["vue-types"],e.vue,e["../config-provider"],e["../directives"],e["../icon/"]);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(self,((e,t,a,r,o,n)=>(()=>{"use strict";var s={2717:e=>{e.exports=r},4061:e=>{e.exports=o},7685:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=a},210:e=>{e.exports=t}},i={};function l(e){var t=i[e];if(void 0!==t)return t.exports;var a=i[e]={exports:{}};return s[e](a,a.exports,l),a.exports}l.d=(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{l.r(c),l.d(c,{BkTab:()=>P,BkTabPanel:()=>T,PositionEnum:()=>t,SortTypeEnum:()=>o,default:()=>C});var e,t,a=l(4212),r=l(210);!function(e){e.CARD="card",e.BORDER_CARD="border-card",e.UNBORDER_CARD="unborder-card",e.CARD_TAB="card-tab",e.CARD_GRID="card-grid"}(e||(e={})),function(e){e.LEFT="left",e.RIGHT="right",e.TOP="top"}(t||(t={}));var o,n=(0,r.toType)("position",{}).def(t.TOP);!function(e){e.REPLACE="replace",e.INSERT="insert"}(o||(o={}));var s=(0,r.toType)("sortType",{}).def(o.REPLACE),i={tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(e){return e}},tabRemove:{type:Function,default:function(e){return e}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},p={name:a.PropTypes.oneOfType([a.PropTypes.number,a.PropTypes.string]).def(""),label:a.PropTypes.string||a.PropTypes.func,tips:a.PropTypes.string,closable:a.PropTypes.bool,visible:a.PropTypes.bool.def(!0),disabled:a.PropTypes.bool,sortable:a.PropTypes.bool,renderDirective:(0,a.renderDirectiveType)(),panel:a.PropTypes.string||a.PropTypes.func},d={active:a.PropTypes.oneOfType([a.PropTypes.number,a.PropTypes.string]).def(""),type:(0,r.toType)("type",{}).def(e.BORDER_CARD),tabPosition:n,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:s,labelHeight:a.PropTypes.number.def(50),scrollStep:a.PropTypes.number.def(200),extCls:a.PropTypes.string.def(""),validateActive:a.PropTypes.bool.def(!0),showHeader:a.PropTypes.bool.def(!0),changeOnHover:a.PropTypes.bool.def(!1),changeOnHoverDelay:a.PropTypes.number.def(1e3),activeBarSize:a.PropTypes.number.def(2),activeBarColor:a.PropTypes.string.def("#3a84ff")},u=Object.assign({active:a.PropTypes.oneOfType([a.PropTypes.number,a.PropTypes.string]).def(""),type:(0,r.toType)("type",{}).def(e.BORDER_CARD),activeBarColor:a.PropTypes.string.def("#3a84ff"),activeBarSize:a.PropTypes.number.def(2),panels:{type:Array,default:function(){return[]}},tabPosition:n,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:s,labelHeight:a.PropTypes.number.def(50),scrollStep:a.PropTypes.number.def(200),validateActive:a.PropTypes.bool.def(!0),changeOnHover:a.PropTypes.bool.def(!1),changeOnHoverDelay:a.PropTypes.number.def(1e3)},i);function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}var v=l(748),b=l(2717),h=l(4061),y=l(7685);const g=(0,v.defineComponent)({name:"TabNav",directives:{bkTooltips:h.bkTooltips},props:u,setup:function(a){var r=(0,v.ref)(null),o=(0,v.computed)((function(){var o={width:0,height:0,bottom:0,left:0};if(!r.value)return o;if([t.LEFT,t.RIGHT].includes(a.tabPosition)){var n=r.value,s=n.clientHeight,i=n.offsetTop,l={width:"".concat(a.activeBarSize,"px"),height:"".concat(s,"px"),top:"".concat(i,"px"),background:a.activeBarColor};return a.tabPosition===t.LEFT?l.right=0:l.left=0,l}if(a.type===e.UNBORDER_CARD){var c=r.value,p=c.clientWidth,d=c.offsetLeft;return{width:"".concat(p,"px"),height:"".concat(a.activeBarSize,"px"),left:"".concat(d,"px"),bottom:0,background:a.activeBarColor}}return o})),n=(0,v.computed)((function(){if(!Array.isArray(a.panels)||!a.panels.length)return[];var e=[],t=!1;return a.panels.filter((function(r,o){if(!r.props)return null;var n=r.props,s=n.name,i=n.label,l=n.closable,c=n.visible,p=n.disabled,d=n.sortable,u=n.tips;return!!c&&(a.active===s&&(t=!0),e.push({name:s,closable:l,visible:c,disabled:p,sortable:d,tips:u,tabLabel:function(e){return r.slots.label?(0,v.h)(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(o+1):"string"==typeof e?e:"function"==typeof e?(0,v.h)(e):e}(i)}),!0)})),!t&&a.validateActive&&a.panels[0].props&&a.tabChange(a.panels[0].props.name),e})),s=(0,v.ref)(-1),i=(0,v.ref)(-1),l=(0,v.ref)(""),c=function(e,t){return e===t},p={handleTabAdd:function(e){a.tabAdd(e)},dragstart:function(e,t){i.value=e,l.value=a.guid,Object.assign(t.dataTransfer,{effectAllowed:"move"}),a.tabDrag(e,t)},dragenter:function(e){c(l.value,a.guid)&&(s.value=e)},dragend:function(){s.value=-1,i.value=-1,l.value=null},drop:function(e,t){if(!c(l.value,a.guid))return!1;a.tabSort(i.value,e,t)},handleTabChange:function(e){a.tabChange(e)},handleTabRemove:function(e,t){a.tabRemove(e,t)}},d=(0,b.usePrefix)().resolveClassName;return Object.assign(Object.assign({},p),{activeRef:r,activeBarStyle:o,navs:n,dragenterIndex:s,dragStartIndex:i,draggingEle:l,guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4),resolveClassName:d})},render:function(){var t,a,r,o=this,n=this.active,s=this.closable,i=this.addable,l=this.sortable,c=this.sortType,p=this.labelHeight,d=this.dragstart,u=this.dragenter,f=this.dragend,b=this.drop,h="function"==typeof this.$slots.setting?(0,v.createVNode)("div",{class:this.resolveClassName("tab-header-setting")},[this.$slots.setting()]):null,g=(r=[],"function"==typeof o.$slots.add?r.push(null===(a=(t=o.$slots).add)||void 0===a?void 0:a.call(t,v.h)):i&&r.push((0,v.createVNode)("div",{onClick:o.handleTabAdd},[(0,v.createVNode)(y.Plus,{style:"display:flex;",width:26,height:26},null)])),r.length?(0,v.createVNode)("div",{class:o.resolveClassName("tab-header-operation")},[r.map((function(e,t){return(0,v.createVNode)("div",{class:o.resolveClassName("tab-header-item"),key:t},[e])}))]):null);return(0,v.createVNode)("div",{style:{lineHeight:"".concat(p,"px")},class:this.resolveClassName("tab-header")},[(0,v.createVNode)("div",{class:[this.resolveClassName("tab-header-nav"),g||h?"tab-header-auto":""]},[o.type===e.UNBORDER_CARD?(0,v.createVNode)("div",{style:o.activeBarStyle,class:o.resolveClassName("tab-header-active-bar")},null):"",o.navs.map((function(e,t){if(!e)return null;var a,r=e.name,i=e.disabled,p=e.tabLabel,h=function(e,t){return!i&&(e||t)};return(0,v.withDirectives)((0,v.createVNode)("div",{key:r,onClick:function(){return!i&&o.handleTabChange(r)},draggable:h(e.sortable,l),onDragstart:function(e){return d(t,e)},ref:n===r?"activeRef":"",onDragenter:function(e){e.preventDefault(),u(t)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),f()},onDrop:function(e){e.preventDefault(),b(t,c)},class:(a=[o.resolveClassName("tab-header-item")],i&&a.push(o.resolveClassName("tab-header--disabled")),n===r&&a.push(o.resolveClassName("tab-header--active")),a.join(" "))},[(0,v.createVNode)("div",null,[p]),h(e.closable,s)?(0,v.createVNode)("span",{class:o.resolveClassName("tab-header--close"),onClick:function(){return o.handleTabRemove(t,e)}},[(0,v.createVNode)(y.Close,null,null)]):""]),[[(0,v.resolveDirective)("bk-tooltips"),{content:e.tips,disabled:!e.tips}]])}))]),g,h])}}),m=(0,v.defineComponent)({name:"Tab",components:{TabNav:g},props:d,emits:["add-panel","tab-change","remove-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],setup:function(e,t){var a=t.slots,r=t.emit,n=(0,v.ref)(!1),s=(0,v.ref)([]),i=(0,v.getCurrentInstance)(),l=function e(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return(t.children||[]).forEach((function(t){var r=t.type;"TabPanel"===(r=r.name||r)&&t.component?a.push(t.component):r!==v.Fragment&&"template"!==r||e(t,a)})),a},c=function(){if(a.default){var e=i.subTree.children[1].children;if(!e)return;var t=e[0],r=l(t);r.length!==s.value.length&&(s.value=r)}};(0,v.onMounted)((function(){c(),n.value=!0,(0,v.onUpdated)((function(){c()}))}));var p={tabAdd:function(e){r("add",{e}),r("add-panel",{e})},tabChange:function(e){r("change",e),r("tab-change",e),r("update:active",e)},tabRemove:function(e,t){r("remove",e,t),r("remove-panel",e,t)},tabSort:function(e,t,a){var n,i=s.value;if(a===o.INSERT)if(e<t)i.splice(t+1,0,s[e]),i.splice(e,1);else{if(!(e>t))return!1;i.splice(t,0,s[e]),i.splice(e+1,1)}else{var l=i[t];i[t]=i[e],i[e]=l}s.value=function(e){if(Array.isArray(e))return f(e)}(n=i)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?f(e,t):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),r("sort",e,t,a),r("sort-change",e,t,a)},tabDrag:function(e,t){r("drag",e,t),r("on-drag-tab",e,t)}},d=(0,b.usePrefix)().resolveClassName;return Object.assign(Object.assign({},p),{isMounted:n,panels:s,resolveClassName:d})},render:function(){var a,r,o,n,s,i=this;return(0,v.createVNode)("div",{class:(s=[i.resolveClassName("tab"),i.extCls],i.tabPosition===t.TOP?s.push(i.resolveClassName("tab--".concat(i.tabPosition)),i.resolveClassName("tab--".concat(i.type))):(s.push(i.resolveClassName("tab--".concat(i.tabPosition))),i.type===e.CARD_TAB&&s.push(i.resolveClassName("tab--vertical-tab"))),s)},[(o=i.panels,n={panels:o,active:i.active,type:i.type,closable:i.closable,addable:i.addable,sortable:i.sortable,sortType:i.sortType,labelHeight:i.labelHeight,scrollStep:i.scrollStep,validateActive:i.validateActive,changeOnHover:i.changeOnHover,changeOnHoverDelay:i.changeOnHoverDelay,tabPosition:i.tabPosition,activeBarSize:i.activeBarSize,activeBarColor:i.activeBarColor,tabAdd:i.tabAdd,tabChange:i.tabChange,tabRemove:i.tabRemove,tabSort:i.tabSort,tabDrag:i.tabDrag},o&&Array.isArray(o)?(0,v.createVNode)(g,n,i.$slots):null),(0,v.createVNode)("div",{class:this.resolveClassName("tab-content")},[null===(r=(a=this.$slots).default)||void 0===r?void 0:r.call(a)])])}}),T=(0,v.defineComponent)({name:"TabPanel",props:p,render:function(){var e=this,t=this.name===this.$parent.active,a=(0,b.usePrefix)().resolveClassName;return(0,v.withDirectives)((0,v.createVNode)("div",{ref:"content",class:a("tab-panel")},[!e.visible||"if"===e.renderDirective&&!t?null:"function"==typeof e.panel?e.panel(v.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[v.vShow,t]])}});var P=(0,a.withInstallProps)(m,{TabPanel:T});const C=P})(),c})()));
|
1
|
+
import*as e from"../shared";import*as t from"vue-types";import*as a from"vue";import*as r from"../config-provider";import*as n from"../directives";import*as o from"../icon/";var s={d:(e,t)=>{for(var a in t)s.o(t,a)&&!s.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},l={};s.d(l,{ff:()=>B,yt:()=>S,Uj:()=>v,oY:()=>f,ZP:()=>w});const i=(c={PropTypes:()=>e.PropTypes,renderDirectiveType:()=>e.renderDirectiveType,withInstallProps:()=>e.withInstallProps},p={},s.d(p,c),p);var c,p;const d=(e=>{var t={};return s.d(t,e),t})({toType:()=>t.toType});var u,v;!function(e){e.CARD="card",e.BORDER_CARD="border-card",e.UNBORDER_CARD="unborder-card",e.CARD_TAB="card-tab",e.CARD_GRID="card-grid"}(u||(u={})),function(e){e.LEFT="left",e.RIGHT="right",e.TOP="top"}(v||(v={}));var f,b=(0,d.toType)("position",{}).def(v.TOP);!function(e){e.REPLACE="replace",e.INSERT="insert"}(f||(f={}));var h=(0,d.toType)("sortType",{}).def(f.REPLACE),y={tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(e){return e}},tabRemove:{type:Function,default:function(e){return e}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},g={name:i.PropTypes.oneOfType([i.PropTypes.number,i.PropTypes.string]).def(""),label:i.PropTypes.string||i.PropTypes.func,tips:i.PropTypes.string,closable:i.PropTypes.bool,visible:i.PropTypes.bool.def(!0),disabled:i.PropTypes.bool,sortable:i.PropTypes.bool,renderDirective:(0,i.renderDirectiveType)(),panel:i.PropTypes.string||i.PropTypes.func},m={active:i.PropTypes.oneOfType([i.PropTypes.number,i.PropTypes.string]).def(""),type:(0,d.toType)("type",{}).def(u.BORDER_CARD),tabPosition:b,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:h,labelHeight:i.PropTypes.number.def(50),scrollStep:i.PropTypes.number.def(200),extCls:i.PropTypes.string.def(""),validateActive:i.PropTypes.bool.def(!0),showHeader:i.PropTypes.bool.def(!0),changeOnHover:i.PropTypes.bool.def(!1),changeOnHoverDelay:i.PropTypes.number.def(1e3),activeBarSize:i.PropTypes.number.def(2),activeBarColor:i.PropTypes.string.def("#3a84ff")},T=Object.assign({active:i.PropTypes.oneOfType([i.PropTypes.number,i.PropTypes.string]).def(""),type:(0,d.toType)("type",{}).def(u.BORDER_CARD),activeBarColor:i.PropTypes.string.def("#3a84ff"),activeBarSize:i.PropTypes.number.def(2),panels:{type:Array,default:function(){return[]}},tabPosition:b,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:h,labelHeight:i.PropTypes.number.def(50),scrollStep:i.PropTypes.number.def(200),validateActive:i.PropTypes.bool.def(!0),changeOnHover:i.PropTypes.bool.def(!1),changeOnHoverDelay:i.PropTypes.number.def(1e3)},y);function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}const C=(e=>{var t={};return s.d(t,e),t})({Fragment:()=>a.Fragment,computed:()=>a.computed,createVNode:()=>a.createVNode,defineComponent:()=>a.defineComponent,getCurrentInstance:()=>a.getCurrentInstance,h:()=>a.h,onMounted:()=>a.onMounted,onUpdated:()=>a.onUpdated,ref:()=>a.ref,resolveDirective:()=>a.resolveDirective,vShow:()=>a.vShow,withDirectives:()=>a.withDirectives}),D=(e=>{var t={};return s.d(t,e),t})({usePrefix:()=>r.usePrefix}),N=(e=>{var t={};return s.d(t,e),t})({bkTooltips:()=>n.bkTooltips}),A=(e=>{var t={};return s.d(t,e),t})({Close:()=>o.Close,Plus:()=>o.Plus}),R=(0,C.defineComponent)({name:"TabNav",directives:{bkTooltips:N.bkTooltips},props:T,setup:function(e){var t=(0,C.ref)(null),a=(0,C.computed)((function(){var a={width:0,height:0,bottom:0,left:0};if(!t.value)return a;if([v.LEFT,v.RIGHT].includes(e.tabPosition)){var r=t.value,n=r.clientHeight,o=r.offsetTop,s={width:"".concat(e.activeBarSize,"px"),height:"".concat(n,"px"),top:"".concat(o,"px"),background:e.activeBarColor};return e.tabPosition===v.LEFT?s.right=0:s.left=0,s}if(e.type===u.UNBORDER_CARD){var l=t.value,i=l.clientWidth,c=l.offsetLeft;return{width:"".concat(i,"px"),height:"".concat(e.activeBarSize,"px"),left:"".concat(c,"px"),bottom:0,background:e.activeBarColor}}return a})),r=(0,C.computed)((function(){if(!Array.isArray(e.panels)||!e.panels.length)return[];var t=[],a=!1;return e.panels.filter((function(r,n){if(!r.props)return null;var o=r.props,s=o.name,l=o.label,i=o.closable,c=o.visible,p=o.disabled,d=o.sortable,u=o.tips;return!!c&&(e.active===s&&(a=!0),t.push({name:s,closable:i,visible:c,disabled:p,sortable:d,tips:u,tabLabel:function(e){return r.slots.label?(0,C.h)(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(n+1):"string"==typeof e?e:"function"==typeof e?(0,C.h)(e):e}(l)}),!0)})),!a&&e.validateActive&&e.panels[0].props&&e.tabChange(e.panels[0].props.name),t})),n=(0,C.ref)(-1),o=(0,C.ref)(-1),s=(0,C.ref)(""),l=function(e,t){return e===t},i={handleTabAdd:function(t){e.tabAdd(t)},dragstart:function(t,a){o.value=t,s.value=e.guid,Object.assign(a.dataTransfer,{effectAllowed:"move"}),e.tabDrag(t,a)},dragenter:function(t){l(s.value,e.guid)&&(n.value=t)},dragend:function(){n.value=-1,o.value=-1,s.value=null},drop:function(t,a){if(!l(s.value,e.guid))return!1;e.tabSort(o.value,t,a)},handleTabChange:function(t){e.tabChange(t)},handleTabRemove:function(t,a){e.tabRemove(t,a)}},c=(0,D.usePrefix)().resolveClassName;return Object.assign(Object.assign({},i),{activeRef:t,activeBarStyle:a,navs:r,dragenterIndex:n,dragStartIndex:o,draggingEle:s,guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4),resolveClassName:c})},render:function(){var e,t,a,r=this,n=this.active,o=this.closable,s=this.addable,l=this.sortable,i=this.sortType,c=this.labelHeight,p=this.dragstart,d=this.dragenter,v=this.dragend,f=this.drop,b="function"==typeof this.$slots.setting?(0,C.createVNode)("div",{class:this.resolveClassName("tab-header-setting")},[this.$slots.setting()]):null,h=(a=[],"function"==typeof r.$slots.add?a.push(null===(t=(e=r.$slots).add)||void 0===t?void 0:t.call(e,C.h)):s&&a.push((0,C.createVNode)("div",{onClick:r.handleTabAdd},[(0,C.createVNode)(A.Plus,{style:"display:flex;",width:26,height:26},null)])),a.length?(0,C.createVNode)("div",{class:r.resolveClassName("tab-header-operation")},[a.map((function(e,t){return(0,C.createVNode)("div",{class:r.resolveClassName("tab-header-item"),key:t},[e])}))]):null);return(0,C.createVNode)("div",{style:{lineHeight:"".concat(c,"px")},class:this.resolveClassName("tab-header")},[(0,C.createVNode)("div",{class:[this.resolveClassName("tab-header-nav"),h||b?"tab-header-auto":""]},[r.type===u.UNBORDER_CARD?(0,C.createVNode)("div",{style:r.activeBarStyle,class:r.resolveClassName("tab-header-active-bar")},null):"",r.navs.map((function(e,t){if(!e)return null;var a,s=e.name,c=e.disabled,u=e.tabLabel,b=function(e,t){return!c&&(e||t)};return(0,C.withDirectives)((0,C.createVNode)("div",{key:s,onClick:function(){return!c&&r.handleTabChange(s)},draggable:b(e.sortable,l),onDragstart:function(e){return p(t,e)},ref:n===s?"activeRef":"",onDragenter:function(e){e.preventDefault(),d(t)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),v()},onDrop:function(e){e.preventDefault(),f(t,i)},class:(a=[r.resolveClassName("tab-header-item")],c&&a.push(r.resolveClassName("tab-header--disabled")),n===s&&a.push(r.resolveClassName("tab-header--active")),a.join(" "))},[(0,C.createVNode)("div",null,[u]),b(e.closable,o)?(0,C.createVNode)("span",{class:r.resolveClassName("tab-header--close"),onClick:function(){return r.handleTabRemove(t,e)}},[(0,C.createVNode)(A.Close,null,null)]):""]),[[(0,C.resolveDirective)("bk-tooltips"),{content:e.tips,disabled:!e.tips}]])}))]),h,b])}}),O=(0,C.defineComponent)({name:"Tab",components:{TabNav:R},props:m,emits:["add-panel","tab-change","remove-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],setup:function(e,t){var a=t.slots,r=t.emit,n=(0,C.ref)(!1),o=(0,C.ref)([]),s=(0,C.getCurrentInstance)(),l=function e(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return(t.children||[]).forEach((function(t){var r=t.type;"TabPanel"===(r=r.name||r)&&t.component?a.push(t.component):r!==C.Fragment&&"template"!==r||e(t,a)})),a},i=function(){if(a.default){var e=s.subTree.children[1].children;if(!e)return;var t=e[0],r=l(t);r.length!==o.value.length&&(o.value=r)}};(0,C.onMounted)((function(){i(),n.value=!0,(0,C.onUpdated)((function(){i()}))}));var c={tabAdd:function(e){r("add",{e}),r("add-panel",{e})},tabChange:function(e){r("change",e),r("tab-change",e),r("update:active",e)},tabRemove:function(e,t){r("remove",e,t),r("remove-panel",e,t)},tabSort:function(e,t,a){var n,s=o.value;if(a===f.INSERT)if(e<t)s.splice(t+1,0,o[e]),s.splice(e,1);else{if(!(e>t))return!1;s.splice(t,0,o[e]),s.splice(e+1,1)}else{var l=s[t];s[t]=s[e],s[e]=l}o.value=function(e){if(Array.isArray(e))return P(e)}(n=s)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,t){if(e){if("string"==typeof e)return P(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?P(e,t):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),r("sort",e,t,a),r("sort-change",e,t,a)},tabDrag:function(e,t){r("drag",e,t),r("on-drag-tab",e,t)}},p=(0,D.usePrefix)().resolveClassName;return Object.assign(Object.assign({},c),{isMounted:n,panels:o,resolveClassName:p})},render:function(){var e,t,a,r,n,o=this;return(0,C.createVNode)("div",{class:(n=[o.resolveClassName("tab"),o.extCls],o.tabPosition===v.TOP?n.push(o.resolveClassName("tab--".concat(o.tabPosition)),o.resolveClassName("tab--".concat(o.type))):(n.push(o.resolveClassName("tab--".concat(o.tabPosition))),o.type===u.CARD_TAB&&n.push(o.resolveClassName("tab--vertical-tab"))),n)},[(a=o.panels,r={panels:a,active:o.active,type:o.type,closable:o.closable,addable:o.addable,sortable:o.sortable,sortType:o.sortType,labelHeight:o.labelHeight,scrollStep:o.scrollStep,validateActive:o.validateActive,changeOnHover:o.changeOnHover,changeOnHoverDelay:o.changeOnHoverDelay,tabPosition:o.tabPosition,activeBarSize:o.activeBarSize,activeBarColor:o.activeBarColor,tabAdd:o.tabAdd,tabChange:o.tabChange,tabRemove:o.tabRemove,tabSort:o.tabSort,tabDrag:o.tabDrag},a&&Array.isArray(a)?(0,C.createVNode)(R,r,o.$slots):null),(0,C.createVNode)("div",{class:this.resolveClassName("tab-content")},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])])}}),S=(0,C.defineComponent)({name:"TabPanel",props:g,render:function(){var e=this,t=this.name===this.$parent.active,a=(0,D.usePrefix)().resolveClassName;return(0,C.withDirectives)((0,C.createVNode)("div",{ref:"content",class:a("tab-panel")},[!e.visible||"if"===e.renderDirective&&!t?null:"function"==typeof e.panel?e.panel(C.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[C.vShow,t]])}});var B=(0,i.withInstallProps)(O,{TabPanel:S});const w=B;var E=l.ff,x=l.yt,H=l.Uj,V=l.oY,I=l.ZP;export{E as BkTab,x as BkTabPanel,H as PositionEnum,V as SortTypeEnum,I as default};
|
@@ -157,6 +157,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
157
157
|
filterScope?: import("../props").SortScope;
|
158
158
|
btnSave?: string | boolean;
|
159
159
|
btnReset?: string | boolean;
|
160
|
+
height?: number;
|
160
161
|
maxHeight?: number;
|
161
162
|
};
|
162
163
|
type?: "none" | "selection" | "index" | "expand";
|
package/lib/table/index.d.ts
CHANGED
@@ -1315,6 +1315,7 @@ declare const BkTable: {
|
|
1315
1315
|
filterScope?: import("./props").SortScope;
|
1316
1316
|
btnSave?: string | boolean;
|
1317
1317
|
btnReset?: string | boolean;
|
1318
|
+
height?: number;
|
1318
1319
|
maxHeight?: number;
|
1319
1320
|
};
|
1320
1321
|
type?: "none" | "selection" | "index" | "expand";
|