bkui-vue 0.0.3-beta.5 → 1.0.0
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 +36 -36
- package/dist/index.esm.js +9724 -9973
- package/dist/index.umd.js +36 -36
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/affix/index.js +16 -15
- package/lib/alert/index.js +25 -24
- package/lib/animate-number/index.js +7 -7
- package/lib/backtop/index.js +23 -22
- package/lib/badge/index.js +22 -21
- package/lib/breadcrumb/index.js +31 -30
- package/lib/button/index.js +42 -34
- package/lib/card/index.js +44 -37
- package/lib/cascader/index.js +105 -86
- package/lib/checkbox/index.js +39 -38
- package/lib/code-diff/code-diff.css +0 -1
- package/lib/code-diff/code-diff.d.ts +1 -0
- package/lib/code-diff/code-diff.less +1 -1
- package/lib/code-diff/code-diff.variable.css +0 -1
- package/lib/code-diff/index.js +152 -15
- package/lib/collapse/index.js +46 -45
- package/lib/collapse-transition/index.js +10 -10
- package/lib/color-picker/index.js +51 -50
- package/lib/components.js +63 -504
- package/lib/config-provider/index.js +30 -26
- package/lib/config-provider/use-global-config.d.ts +2 -2
- package/lib/container/index.js +28 -27
- package/lib/date-picker/index.js +72 -66
- package/lib/dialog/dialog.css +61 -35
- package/lib/dialog/dialog.d.ts +20 -11
- package/lib/dialog/dialog.less +2 -2
- package/lib/dialog/dialog.variable.css +61 -35
- package/lib/dialog/index.d.ts +38 -22
- package/lib/dialog/index.js +68 -54
- package/lib/dialog/props.d.ts +8 -4
- package/lib/directives/index.js +24 -24
- package/lib/dist.index.js +5 -61
- package/lib/divider/index.js +16 -15
- package/lib/dropdown/index.js +39 -32
- package/lib/exception/index.js +20 -19
- package/lib/fixed-navbar/index.js +16 -15
- package/lib/form/index.js +60 -59
- package/lib/hooks.js +8 -48
- package/lib/icon/angle-double-down-line.js +2 -2
- package/lib/icon/angle-double-left-line.js +2 -2
- package/lib/icon/angle-double-left.js +2 -2
- package/lib/icon/angle-double-right-line.js +2 -2
- package/lib/icon/angle-double-right.js +2 -2
- package/lib/icon/angle-double-up-line.js +2 -2
- package/lib/icon/angle-down-fill.js +2 -2
- package/lib/icon/angle-down-line.js +2 -2
- package/lib/icon/angle-down.js +2 -2
- package/lib/icon/angle-left.js +2 -2
- package/lib/icon/angle-right.js +2 -2
- package/lib/icon/angle-up-fill.js +2 -2
- package/lib/icon/angle-up.js +2 -2
- package/lib/icon/archive-fill.js +2 -2
- package/lib/icon/arrows-left.js +2 -2
- package/lib/icon/arrows-right.js +2 -2
- package/lib/icon/assistant.js +2 -2
- package/lib/icon/audio-fill.js +2 -2
- package/lib/icon/bk.js +2 -2
- package/lib/icon/circle.js +2 -2
- package/lib/icon/close-line.js +2 -2
- package/lib/icon/close.js +2 -2
- package/lib/icon/code.js +2 -2
- package/lib/icon/cog-shape.js +2 -2
- package/lib/icon/collapse-left.js +2 -2
- package/lib/icon/copy-shape.js +2 -2
- package/lib/icon/copy.js +2 -2
- package/lib/icon/data-shape.js +2 -2
- package/lib/icon/del.js +2 -2
- package/lib/icon/doc-fill.js +2 -2
- package/lib/icon/done.js +2 -2
- package/lib/icon/down-shape.js +2 -2
- package/lib/icon/down-small.js +2 -2
- package/lib/icon/edit-line.js +2 -2
- package/lib/icon/ellipsis.js +2 -2
- package/lib/icon/enlarge-line.js +2 -2
- package/lib/icon/error.js +2 -2
- package/lib/icon/excel-fill.js +2 -2
- package/lib/icon/exclamation-circle-shape.js +2 -2
- package/lib/icon/eye.js +2 -2
- package/lib/icon/filliscreen-line.js +2 -2
- package/lib/icon/fix-line.js +2 -2
- package/lib/icon/fix-shape.js +2 -2
- package/lib/icon/folder-open.js +2 -2
- package/lib/icon/folder-shape-open.js +2 -2
- package/lib/icon/folder-shape.js +2 -2
- package/lib/icon/folder.js +2 -2
- package/lib/icon/funnel.js +2 -2
- package/lib/icon/grag-fill.js +2 -2
- package/lib/icon/help-document-fill.js +2 -2
- package/lib/icon/help-fill.js +2 -2
- package/lib/icon/help.js +2 -2
- package/lib/icon/image-fill.js +15 -15
- package/lib/icon/img-error.js +15 -15
- package/lib/icon/img-placehoulder.js +15 -15
- package/lib/icon/index.js +386 -386
- package/lib/icon/info-line.js +15 -15
- package/lib/icon/info.js +15 -15
- package/lib/icon/left-shape.js +15 -15
- package/lib/icon/left-turn-line.js +15 -15
- package/lib/icon/loading.js +15 -15
- package/lib/icon/narrow-line.js +15 -15
- package/lib/icon/original.js +15 -15
- package/lib/icon/pdf-fill.js +15 -15
- package/lib/icon/play-shape.js +15 -15
- package/lib/icon/plus.js +15 -15
- package/lib/icon/ppt-fill.js +15 -15
- package/lib/icon/qq.js +15 -15
- package/lib/icon/right-shape.js +15 -15
- package/lib/icon/right-turn-line.js +15 -15
- package/lib/icon/search.js +15 -15
- package/lib/icon/share.js +15 -15
- package/lib/icon/spinner.js +15 -15
- package/lib/icon/success.js +15 -15
- package/lib/icon/switcher-loading.js +15 -15
- package/lib/icon/text-file.js +15 -15
- package/lib/icon/text-fill.js +15 -15
- package/lib/icon/transfer.js +15 -15
- package/lib/icon/tree-application-shape.js +15 -15
- package/lib/icon/unfull-screen.js +15 -15
- package/lib/icon/unvisible.js +15 -15
- package/lib/icon/up-shape.js +15 -15
- package/lib/icon/upload.js +15 -15
- package/lib/icon/video-fill.js +15 -15
- package/lib/icon/warn.js +15 -15
- package/lib/icon/weixin-pro.js +15 -15
- package/lib/icon/weixin.js +15 -15
- package/lib/image/index.js +43 -43
- package/lib/index.js +8 -72
- package/lib/info-box/index.d.ts +1 -0
- package/lib/info-box/index.js +177 -17384
- package/lib/info-box/info-box.css +10 -10
- package/lib/info-box/info-box.d.ts +4 -3
- package/lib/info-box/info-box.less +37 -34
- package/lib/info-box/info-box.variable.css +10 -10
- package/lib/input/index.js +62 -61
- package/lib/link/index.js +16 -15
- package/lib/loading/index.js +28 -27
- package/lib/locale/index.js +2 -2
- package/lib/menu/index.js +24 -23
- package/lib/message/index.js +41 -40
- package/lib/modal/index.d.ts +108 -65
- package/lib/modal/index.js +193 -135
- package/lib/modal/modal.css +36 -10
- package/lib/modal/modal.d.ts +40 -22
- package/lib/modal/modal.less +34 -0
- package/lib/modal/modal.variable.css +36 -10
- package/lib/modal/props.mixin.d.ts +8 -4
- package/lib/navigation/index.js +17 -16
- package/lib/notify/index.js +34 -33
- package/lib/overflow-title/index.js +31 -24
- package/lib/pagination/index.js +68 -54
- package/lib/plugin-popover/index.js +55 -55
- package/lib/plugins/index.js +2 -2
- package/lib/pop-confirm/index.js +43 -30
- package/lib/popover/index.js +59 -58
- package/lib/popover2/index.js +5 -5
- package/lib/preset.d.ts +2 -281
- package/lib/preset.js +16 -58
- package/lib/process/index.js +28 -28
- package/lib/progress/index.js +29 -28
- package/lib/radio/index.js +41 -40
- package/lib/rate/index.js +25 -24
- package/lib/resize-layout/index.d.ts +3 -3
- package/lib/resize-layout/index.js +28 -27
- package/lib/resize-layout/resize-layout.d.ts +1 -1
- package/lib/search-select/index.js +71 -53
- package/lib/select/index.js +172 -134
- package/lib/shared/index.d.ts +1 -2
- package/lib/shared/index.js +638 -1285
- package/lib/shared/mask.d.ts +11 -0
- package/lib/sideslider/index.d.ts +38 -22
- package/lib/sideslider/index.js +23 -17
- package/lib/sideslider/sideslider.css +12 -11
- package/lib/sideslider/sideslider.d.ts +20 -11
- package/lib/sideslider/sideslider.less +79 -77
- package/lib/sideslider/sideslider.variable.css +12 -11
- package/lib/slider/index.js +37 -24
- package/lib/steps/index.js +31 -30
- package/lib/swiper/index.js +17 -16
- package/lib/switcher/index.js +32 -31
- package/lib/tab/index.js +55 -54
- package/lib/table/components/table-column.d.ts +1 -0
- package/lib/table/index.d.ts +1 -0
- package/lib/table/index.js +200 -147
- package/lib/table/props.d.ts +1 -0
- package/lib/table/use-column.d.ts +3 -0
- package/lib/table-column/index.d.ts +3 -0
- package/lib/table-column/index.js +43 -43
- package/lib/tag/index.js +22 -21
- package/lib/tag-input/index.js +81 -67
- package/lib/time-picker/index.js +10 -9
- package/lib/timeline/index.js +14 -14
- package/lib/transfer/index.js +52 -38
- package/lib/tree/index.js +93 -74
- package/lib/upload/index.js +64 -50
- package/lib/virtual-render/index.js +36 -35
- package/package.json +8 -4
- package/lib/shared/mask-manager.d.ts +0 -89
- package/lib/shared/pop-manager.d.ts +0 -41
@@ -1,39 +1,39 @@
|
|
1
|
-
.bk-modal-
|
1
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
|
2
2
|
width: 440px;
|
3
3
|
}
|
4
|
-
.bk-modal-
|
4
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
|
5
5
|
width: 440px;
|
6
6
|
}
|
7
|
-
.bk-modal-
|
7
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
|
8
8
|
width: 400px;
|
9
9
|
}
|
10
|
-
.bk-modal-
|
10
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
|
11
11
|
border-radius: 2px;
|
12
12
|
}
|
13
|
-
.bk-modal-
|
13
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
|
14
14
|
padding: 24px 24px 0;
|
15
15
|
}
|
16
|
-
.bk-modal-
|
16
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
|
17
17
|
height: 27px;
|
18
18
|
margin: 15px 0 10px;
|
19
19
|
}
|
20
|
-
.bk-modal-
|
20
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
|
21
21
|
height: 100%;
|
22
22
|
max-height: 100%;
|
23
23
|
min-height: 100%;
|
24
24
|
padding: 0 50px 10px;
|
25
25
|
word-break: break-all;
|
26
26
|
}
|
27
|
-
.bk-modal-
|
27
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
|
28
28
|
margin-bottom: 10px;
|
29
29
|
text-align: center;
|
30
30
|
word-break: break-all;
|
31
31
|
}
|
32
|
-
.bk-modal-
|
32
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
|
33
33
|
padding: 0 65px 33px;
|
34
34
|
background-color: #fff;
|
35
35
|
border-top: none;
|
36
36
|
}
|
37
|
-
.bk-modal-
|
37
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
|
38
38
|
min-width: 88px;
|
39
39
|
}
|
@@ -6,10 +6,10 @@ export interface ModalFuncProps {
|
|
6
6
|
'ext-cls': string | string[];
|
7
7
|
type?: 'primary' | 'warning' | 'success' | 'danger';
|
8
8
|
infoType?: 'success' | 'danger' | 'warning' | 'loading';
|
9
|
-
title?: string;
|
9
|
+
title?: string | (() => VNode | string) | VNode;
|
10
10
|
subTitle?: string | (() => VNode) | VNode;
|
11
|
-
confirmText?: string;
|
12
|
-
cancelText?: string;
|
11
|
+
confirmText?: string | (() => VNode) | VNode;
|
12
|
+
cancelText?: string | (() => VNode) | VNode;
|
13
13
|
onConfirm?: (...args: any[]) => any;
|
14
14
|
onClosed?: (...args: any[]) => any;
|
15
15
|
boundary?: HTMLElement;
|
@@ -27,6 +27,7 @@ export interface ModalFuncProps {
|
|
27
27
|
declare const InfoBox: (config: Partial<ModalFuncProps>) => {
|
28
28
|
show: () => void;
|
29
29
|
hide: () => void;
|
30
|
+
update: (config: Partial<ModalFuncProps>) => void;
|
30
31
|
destroy: () => void;
|
31
32
|
};
|
32
33
|
export default InfoBox;
|
@@ -1,52 +1,55 @@
|
|
1
1
|
@import '../styles/themes/themes.less';
|
2
|
-
.@{bk-prefix}-modal-
|
2
|
+
.@{bk-prefix}-modal-ctx {
|
3
3
|
&.@{bk-prefix}-info-wrapper {
|
4
|
-
|
5
|
-
|
6
|
-
&.normal {
|
4
|
+
.@{bk-prefix}-modal-wrapper {
|
7
5
|
width: 440px;
|
8
|
-
}
|
9
6
|
|
10
|
-
|
11
|
-
|
12
|
-
|
7
|
+
&.normal {
|
8
|
+
width: 440px;
|
9
|
+
}
|
13
10
|
|
14
|
-
|
15
|
-
|
16
|
-
|
11
|
+
&.small {
|
12
|
+
width: 400px;
|
13
|
+
}
|
17
14
|
|
18
|
-
|
19
|
-
|
15
|
+
.@{bk-prefix}-modal-body {
|
16
|
+
border-radius: 2px;
|
17
|
+
}
|
20
18
|
|
21
|
-
.@{bk-prefix}-dialog-
|
22
|
-
|
23
|
-
|
19
|
+
.@{bk-prefix}-dialog-header {
|
20
|
+
padding: 24px 24px 0;
|
21
|
+
|
22
|
+
.@{bk-prefix}-dialog-title {
|
23
|
+
height: 27px;
|
24
|
+
margin: 15px 0 10px;
|
25
|
+
}
|
24
26
|
}
|
25
|
-
}
|
26
27
|
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
word-break: break-all;
|
33
|
-
.@{bk-prefix}-info-sub-title {
|
34
|
-
margin-bottom: 10px;
|
35
|
-
text-align: center;
|
28
|
+
.@{bk-prefix}-modal-content {
|
29
|
+
height: 100%;
|
30
|
+
max-height: 100%;
|
31
|
+
min-height: 100%;
|
32
|
+
padding: 0 50px 10px;
|
36
33
|
word-break: break-all;
|
34
|
+
.@{bk-prefix}-info-sub-title {
|
35
|
+
margin-bottom: 10px;
|
36
|
+
text-align: center;
|
37
|
+
word-break: break-all;
|
38
|
+
}
|
37
39
|
}
|
38
|
-
}
|
39
40
|
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
41
|
+
.@{bk-prefix}-modal-footer {
|
42
|
+
padding: 0 65px 33px;
|
43
|
+
background-color: #fff;
|
44
|
+
border-top: none;
|
44
45
|
|
45
|
-
|
46
|
-
|
47
|
-
|
46
|
+
.@{bk-prefix}-dialog-footer {
|
47
|
+
button {
|
48
|
+
min-width: 88px;
|
49
|
+
}
|
48
50
|
}
|
49
51
|
}
|
50
52
|
}
|
53
|
+
|
51
54
|
}
|
52
55
|
}
|
@@ -124,42 +124,42 @@
|
|
124
124
|
--search-select-message-color: var(--danger-color);
|
125
125
|
--search-select-menu-border-color: var(--disable-color);
|
126
126
|
}
|
127
|
-
.bk-modal-
|
127
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
|
128
128
|
width: 440px;
|
129
129
|
}
|
130
|
-
.bk-modal-
|
130
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
|
131
131
|
width: 440px;
|
132
132
|
}
|
133
|
-
.bk-modal-
|
133
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
|
134
134
|
width: 400px;
|
135
135
|
}
|
136
|
-
.bk-modal-
|
136
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
|
137
137
|
border-radius: 2px;
|
138
138
|
}
|
139
|
-
.bk-modal-
|
139
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
|
140
140
|
padding: 24px 24px 0;
|
141
141
|
}
|
142
|
-
.bk-modal-
|
142
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
|
143
143
|
height: 27px;
|
144
144
|
margin: 15px 0 10px;
|
145
145
|
}
|
146
|
-
.bk-modal-
|
146
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
|
147
147
|
height: 100%;
|
148
148
|
max-height: 100%;
|
149
149
|
min-height: 100%;
|
150
150
|
padding: 0 50px 10px;
|
151
151
|
word-break: break-all;
|
152
152
|
}
|
153
|
-
.bk-modal-
|
153
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
|
154
154
|
margin-bottom: 10px;
|
155
155
|
text-align: center;
|
156
156
|
word-break: break-all;
|
157
157
|
}
|
158
|
-
.bk-modal-
|
158
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
|
159
159
|
padding: 0 65px 33px;
|
160
160
|
background-color: #fff;
|
161
161
|
border-top: none;
|
162
162
|
}
|
163
|
-
.bk-modal-
|
163
|
+
.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
|
164
164
|
min-width: 88px;
|
165
165
|
}
|
package/lib/input/index.js
CHANGED
@@ -1,8 +1,9 @@
|
|
1
|
-
import
|
1
|
+
import "./input.less";
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
2
3
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
3
|
-
import * as
|
4
|
-
import * as
|
5
|
-
import * as
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
|
6
7
|
/******/ var __webpack_modules__ = ({
|
7
8
|
|
8
9
|
/***/ 7609:
|
@@ -416,13 +417,13 @@ var __webpack_exports__ = {};
|
|
416
417
|
|
417
418
|
// EXPORTS
|
418
419
|
__webpack_require__.d(__webpack_exports__, {
|
419
|
-
|
420
|
+
"default": () => (/* binding */ src)
|
420
421
|
});
|
421
422
|
|
422
423
|
;// CONCATENATED MODULE: external "../shared"
|
423
424
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
424
425
|
var y = x => () => x
|
425
|
-
const
|
426
|
+
const shared_namespaceObject = x({ ["InputBehaviorType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.InputBehaviorType, ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
|
426
427
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
|
427
428
|
function _arrayWithHoles(arr) {
|
428
429
|
if (Array.isArray(arr)) return arr;
|
@@ -597,17 +598,17 @@ const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBP
|
|
597
598
|
var regenerator = __webpack_require__(2841);
|
598
599
|
var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
|
599
600
|
;// CONCATENATED MODULE: external "../config-provider"
|
600
|
-
var
|
601
|
-
var
|
602
|
-
const
|
601
|
+
var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
602
|
+
var config_provider_y = x => () => x
|
603
|
+
const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
|
603
604
|
;// CONCATENATED MODULE: external "../directives"
|
604
|
-
var
|
605
|
-
var
|
606
|
-
const
|
605
|
+
var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
606
|
+
var directives_y = x => () => x
|
607
|
+
const directives_namespaceObject = directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__.bkTooltips });
|
607
608
|
;// CONCATENATED MODULE: external "../icon"
|
608
|
-
var
|
609
|
-
var
|
610
|
-
const
|
609
|
+
var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
610
|
+
var icon_y = x => () => x
|
611
|
+
const icon_namespaceObject = icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Close, ["DownSmall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.DownSmall, ["Eye"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Eye, ["Search"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Search, ["Unvisible"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Unvisible });
|
611
612
|
;// CONCATENATED MODULE: ../../packages/input/src/util.ts
|
612
613
|
/*
|
613
614
|
* Tencent is pleased to support the open source community by making
|
@@ -740,37 +741,37 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
740
741
|
|
741
742
|
|
742
743
|
var inputType = {
|
743
|
-
type:
|
744
|
-
clearable:
|
745
|
-
disabled:
|
746
|
-
readonly:
|
747
|
-
placeholder:
|
748
|
-
prefixIcon:
|
749
|
-
suffixIcon:
|
750
|
-
suffix:
|
751
|
-
prefix:
|
752
|
-
step:
|
753
|
-
max:
|
754
|
-
min:
|
755
|
-
maxlength:
|
756
|
-
maxcharacter:
|
757
|
-
behavior: (0,
|
758
|
-
showWordLimit:
|
759
|
-
showControl:
|
760
|
-
showClearOnlyHover:
|
761
|
-
precision:
|
744
|
+
type: shared_namespaceObject.PropTypes.string.def('text'),
|
745
|
+
clearable: shared_namespaceObject.PropTypes.bool,
|
746
|
+
disabled: shared_namespaceObject.PropTypes.bool,
|
747
|
+
readonly: shared_namespaceObject.PropTypes.bool,
|
748
|
+
placeholder: shared_namespaceObject.PropTypes.string.def(''),
|
749
|
+
prefixIcon: shared_namespaceObject.PropTypes.string,
|
750
|
+
suffixIcon: shared_namespaceObject.PropTypes.string,
|
751
|
+
suffix: shared_namespaceObject.PropTypes.string,
|
752
|
+
prefix: shared_namespaceObject.PropTypes.string,
|
753
|
+
step: shared_namespaceObject.PropTypes.integer,
|
754
|
+
max: shared_namespaceObject.PropTypes.integer,
|
755
|
+
min: shared_namespaceObject.PropTypes.integer,
|
756
|
+
maxlength: shared_namespaceObject.PropTypes.integer,
|
757
|
+
maxcharacter: shared_namespaceObject.PropTypes.integer,
|
758
|
+
behavior: (0,shared_namespaceObject.InputBehaviorType)(),
|
759
|
+
showWordLimit: shared_namespaceObject.PropTypes.bool,
|
760
|
+
showControl: shared_namespaceObject.PropTypes.bool.def(true),
|
761
|
+
showClearOnlyHover: shared_namespaceObject.PropTypes.bool.def(true),
|
762
|
+
precision: shared_namespaceObject.PropTypes.number.def(0).validate(function (val) {
|
762
763
|
return val >= 0 && val < 20;
|
763
764
|
}),
|
764
|
-
modelValue:
|
765
|
-
size:
|
766
|
-
rows:
|
767
|
-
selectReadonly:
|
768
|
-
withValidate:
|
769
|
-
overMaxLengthLimit:
|
770
|
-
showOverflowTooltips:
|
771
|
-
resize:
|
772
|
-
autosize:
|
773
|
-
stopPropagation:
|
765
|
+
modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]),
|
766
|
+
size: shared_namespaceObject.PropTypes.size(),
|
767
|
+
rows: shared_namespaceObject.PropTypes.number,
|
768
|
+
selectReadonly: shared_namespaceObject.PropTypes.bool.def(false),
|
769
|
+
withValidate: shared_namespaceObject.PropTypes.bool.def(true),
|
770
|
+
overMaxLengthLimit: shared_namespaceObject.PropTypes.bool.def(false),
|
771
|
+
showOverflowTooltips: shared_namespaceObject.PropTypes.bool.def(true),
|
772
|
+
resize: shared_namespaceObject.PropTypes.bool.def(true),
|
773
|
+
autosize: shared_namespaceObject.PropTypes.oneOfType([Boolean, Object]).def(false),
|
774
|
+
stopPropagation: shared_namespaceObject.PropTypes.bool.def(true)
|
774
775
|
};
|
775
776
|
var EVENTS;
|
776
777
|
(function (EVENTS) {
|
@@ -809,16 +810,16 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
809
810
|
// eslint-disable-next-line vue/no-reserved-component-names
|
810
811
|
name: 'Input',
|
811
812
|
directives: {
|
812
|
-
bkTooltips:
|
813
|
+
bkTooltips: directives_namespaceObject.bkTooltips
|
813
814
|
},
|
814
815
|
inheritAttrs: false,
|
815
816
|
props: inputType,
|
816
817
|
emits: inputEmitEventsType,
|
817
818
|
setup: function setup(props, ctx) {
|
818
|
-
var _usePrefix = (0,
|
819
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
819
820
|
resolveClassName = _usePrefix.resolveClassName;
|
820
|
-
var formItem = (0,
|
821
|
-
var t = (0,
|
821
|
+
var formItem = (0,shared_namespaceObject.useFormItem)();
|
822
|
+
var t = (0,config_provider_namespaceObject.useLocale)('input');
|
822
823
|
var isFocused = (0,external_vue_namespaceObject.ref)(false);
|
823
824
|
var isCNInput = (0,external_vue_namespaceObject.ref)(false);
|
824
825
|
var isTextArea = (0,external_vue_namespaceObject.computed)(function () {
|
@@ -837,7 +838,7 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
837
838
|
});
|
838
839
|
var inputCls = (0,external_vue_namespaceObject.computed)(function () {
|
839
840
|
var _classes;
|
840
|
-
return (0,
|
841
|
+
return (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(inputClsPrefix.value, "--").concat(props.size), !!props.size), _defineProperty(_classes, "resizable", props.resize), _defineProperty(_classes, 'is-focused', isFocused.value), _defineProperty(_classes, 'is-readonly', props.readonly && !props.selectReadonly), _defineProperty(_classes, 'is-disabled', props.disabled), _defineProperty(_classes, 'is-simplicity', props.behavior === 'simplicity'), _defineProperty(_classes, "".concat(ctx.attrs["class"]), !!ctx.attrs["class"]), _classes), inputClsPrefix.value);
|
841
842
|
});
|
842
843
|
var isOverflow = (0,external_vue_namespaceObject.ref)(false);
|
843
844
|
var textareaCalcStyle = (0,external_vue_namespaceObject.ref)({});
|
@@ -876,10 +877,10 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
876
877
|
var suffixCls = getCls('suffix-icon');
|
877
878
|
var suffixIconMap = {
|
878
879
|
search: function search() {
|
879
|
-
return (0,external_vue_namespaceObject.createVNode)(
|
880
|
+
return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Search, null, null);
|
880
881
|
},
|
881
882
|
password: function password() {
|
882
|
-
return (0,external_vue_namespaceObject.createVNode)(
|
883
|
+
return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Unvisible, {
|
883
884
|
"onClick": handleVisibleChange,
|
884
885
|
"class": suffixCls
|
885
886
|
}, null);
|
@@ -888,7 +889,7 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
888
889
|
var suffixIcon = (0,external_vue_namespaceObject.computed)(function () {
|
889
890
|
var icon = suffixIconMap[props.type];
|
890
891
|
if (pwdVisible.value) {
|
891
|
-
return (0,external_vue_namespaceObject.createVNode)(
|
892
|
+
return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Eye, {
|
892
893
|
"class": suffixCls,
|
893
894
|
"onClick": handleVisibleChange
|
894
895
|
}, null);
|
@@ -906,13 +907,13 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
906
907
|
});
|
907
908
|
var pwdVisible = (0,external_vue_namespaceObject.ref)(false);
|
908
909
|
var clearCls = (0,external_vue_namespaceObject.computed)(function () {
|
909
|
-
return (0,
|
910
|
+
return (0,shared_namespaceObject.classes)(_defineProperty({
|
910
911
|
'show-clear-only-hover': props.showClearOnlyHover
|
911
912
|
}, "".concat(inputClsPrefix.value, "--clear-icon"), true), suffixCls);
|
912
913
|
});
|
913
914
|
var maxLengthCls = (0,external_vue_namespaceObject.computed)(function () {
|
914
915
|
var _classes3;
|
915
|
-
return (0,
|
916
|
+
return (0,shared_namespaceObject.classes)((_classes3 = {}, _defineProperty(_classes3, getCls('max-length'), true), _defineProperty(_classes3, 'is-over-limit', ceilMaxLength.value - modelValueLength.value < 0), _classes3));
|
916
917
|
});
|
917
918
|
var getValueLimits = function getValueLimits(val) {
|
918
919
|
if (typeof props.maxcharacter === 'number') {
|
@@ -938,12 +939,12 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
938
939
|
return getValueLimits(modelValue).len;
|
939
940
|
});
|
940
941
|
var incControlCls = (0,external_vue_namespaceObject.computed)(function () {
|
941
|
-
return (0,
|
942
|
+
return (0,shared_namespaceObject.classes)({
|
942
943
|
'is-disabled': props.disabled || props.modelValue >= props.max
|
943
944
|
});
|
944
945
|
});
|
945
946
|
var decControlCls = (0,external_vue_namespaceObject.computed)(function () {
|
946
|
-
return (0,
|
947
|
+
return (0,shared_namespaceObject.classes)({
|
947
948
|
'is-disabled': props.disabled || props.modelValue <= props.min
|
948
949
|
});
|
949
950
|
});
|
@@ -1179,14 +1180,14 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
1179
1180
|
}, eventListener, bindProps.value, innerInputValue.value), null), !isTextArea.value && props.clearable && !!props.modelValue && (0,external_vue_namespaceObject.createVNode)("span", {
|
1180
1181
|
"class": clearCls.value,
|
1181
1182
|
"onClick": clear
|
1182
|
-
}, [(0,external_vue_namespaceObject.createVNode)(
|
1183
|
+
}, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, null, null)]), suffixIcon.value, showMaxLimit.value && (props.showWordLimit || isTextArea.value) && (0,external_vue_namespaceObject.createVNode)("p", {
|
1183
1184
|
"class": maxLengthCls.value
|
1184
1185
|
}, [props.overMaxLengthLimit ? ceilMaxLength.value - modelValueLength.value : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [modelValueLength.value, (0,external_vue_namespaceObject.createTextVNode)(" / "), (0,external_vue_namespaceObject.createVNode)("span", null, [ceilMaxLength.value])])]), isNumberInput.value && props.showControl && (0,external_vue_namespaceObject.createVNode)("div", {
|
1185
1186
|
"class": getCls('number-control')
|
1186
|
-
}, [(0,external_vue_namespaceObject.createVNode)(
|
1187
|
+
}, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.DownSmall, {
|
1187
1188
|
"class": incControlCls.value,
|
1188
1189
|
"onClick": handleInc
|
1189
|
-
}, null), (0,external_vue_namespaceObject.createVNode)(
|
1190
|
+
}, null), (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.DownSmall, {
|
1190
1191
|
"class": decControlCls.value,
|
1191
1192
|
"onClick": handleDec
|
1192
1193
|
}, null)]), (_ctx$slots$suffix = (_ctx$slots2 = ctx.slots) === null || _ctx$slots2 === void 0 || (_ctx$slots2$suffix = _ctx$slots2.suffix) === null || _ctx$slots2$suffix === void 0 ? void 0 : _ctx$slots2$suffix.call(_ctx$slots2)) !== null && _ctx$slots$suffix !== void 0 ? _ctx$slots$suffix : props.suffix && (0,external_vue_namespaceObject.createVNode)("div", {
|
@@ -1225,9 +1226,9 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
|
|
1225
1226
|
*/
|
1226
1227
|
|
1227
1228
|
|
1228
|
-
var BkInput = (0,
|
1229
|
+
var BkInput = (0,shared_namespaceObject.withInstall)(input);
|
1229
1230
|
/* harmony default export */ const src = (BkInput);
|
1230
1231
|
})();
|
1231
1232
|
|
1232
|
-
var __webpack_exports__default = __webpack_exports__
|
1233
|
+
var __webpack_exports__default = __webpack_exports__["default"];
|
1233
1234
|
export { __webpack_exports__default as default };
|
package/lib/link/index.js
CHANGED
@@ -1,7 +1,8 @@
|
|
1
|
-
import
|
1
|
+
import "./link.less";
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
2
3
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
3
4
|
import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
|
4
|
-
import * as
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
5
6
|
/******/ // The require scope
|
6
7
|
/******/ var __webpack_require__ = {};
|
7
8
|
/******/
|
@@ -28,13 +29,13 @@ var __webpack_exports__ = {};
|
|
28
29
|
|
29
30
|
// EXPORTS
|
30
31
|
__webpack_require__.d(__webpack_exports__, {
|
31
|
-
|
32
|
+
"default": () => (/* binding */ src)
|
32
33
|
});
|
33
34
|
|
34
35
|
;// CONCATENATED MODULE: external "../shared"
|
35
36
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
36
37
|
var y = x => () => x
|
37
|
-
const
|
38
|
+
const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
|
38
39
|
;// CONCATENATED MODULE: external "vue"
|
39
40
|
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
40
41
|
var external_vue_y = x => () => x
|
@@ -44,9 +45,9 @@ var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); retur
|
|
44
45
|
var external_vue_types_y = x => () => x
|
45
46
|
const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
|
46
47
|
;// CONCATENATED MODULE: external "../config-provider"
|
47
|
-
var
|
48
|
-
var
|
49
|
-
const
|
48
|
+
var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
49
|
+
var config_provider_y = x => () => x
|
50
|
+
const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
|
50
51
|
;// CONCATENATED MODULE: ../../packages/link/src/link.tsx
|
51
52
|
|
52
53
|
/*
|
@@ -90,10 +91,10 @@ var LinkThemeEnum;
|
|
90
91
|
name: 'Link',
|
91
92
|
props: {
|
92
93
|
theme: (0,external_vue_types_namespaceObject.toType)('linkTheme', {}).def(LinkThemeEnum.DEFAULT),
|
93
|
-
href:
|
94
|
-
disabled:
|
95
|
-
underline:
|
96
|
-
target:
|
94
|
+
href: shared_namespaceObject.PropTypes.string.def(''),
|
95
|
+
disabled: shared_namespaceObject.PropTypes.bool.def(false),
|
96
|
+
underline: shared_namespaceObject.PropTypes.bool.def(false),
|
97
|
+
target: shared_namespaceObject.PropTypes.string.def('_self')
|
97
98
|
},
|
98
99
|
emits: ['click'],
|
99
100
|
setup: function setup(props, _ref) {
|
@@ -105,7 +106,7 @@ var LinkThemeEnum;
|
|
105
106
|
}
|
106
107
|
emit('click', event);
|
107
108
|
};
|
108
|
-
var _usePrefix = (0,
|
109
|
+
var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
|
109
110
|
resolveClassName = _usePrefix.resolveClassName;
|
110
111
|
return {
|
111
112
|
handleClick: handleClick,
|
@@ -114,7 +115,7 @@ var LinkThemeEnum;
|
|
114
115
|
},
|
115
116
|
render: function render() {
|
116
117
|
var _this$$slots$default, _this$$slots;
|
117
|
-
var linkClass = (0,
|
118
|
+
var linkClass = (0,shared_namespaceObject.classes)({
|
118
119
|
'is-disabled': this.disabled,
|
119
120
|
'has-underline': this.underline
|
120
121
|
}, "".concat(this.theme, " ").concat(this.resolveClassName('link')));
|
@@ -154,7 +155,7 @@ var LinkThemeEnum;
|
|
154
155
|
*/
|
155
156
|
|
156
157
|
|
157
|
-
var BkLink = (0,
|
158
|
+
var BkLink = (0,shared_namespaceObject.withInstall)(src_link);
|
158
159
|
/* harmony default export */ const src = (BkLink);
|
159
|
-
var __webpack_exports__default = __webpack_exports__
|
160
|
+
var __webpack_exports__default = __webpack_exports__["default"];
|
160
161
|
export { __webpack_exports__default as default };
|