bkui-vue 0.0.1-beta.417 → 0.0.1-beta.419
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 +54 -54
- package/dist/index.esm.js +311 -182
- package/dist/index.umd.js +53 -53
- package/dist/locale/en.esm.js +1 -1
- package/dist/locale/en.esm.js.map +1 -1
- package/dist/locale/en.umd.js +1 -1
- package/dist/locale/en.umd.js.map +1 -1
- package/dist/locale/zh-cn.esm.js +1 -1
- package/dist/locale/zh-cn.esm.js.map +1 -1
- package/dist/locale/zh-cn.umd.js +1 -1
- package/dist/locale/zh-cn.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/badge/badge.d.ts +1 -1
- package/lib/badge/index.d.ts +4 -4
- package/lib/breadcrumb/breadcrumb-item.d.ts +1 -1
- package/lib/breadcrumb/breadcrumb.d.ts +1 -1
- package/lib/breadcrumb/index.d.ts +5 -5
- package/lib/cascader/cascader.d.ts +2 -2
- package/lib/cascader/index.d.ts +7 -7
- package/lib/collapse/collapse-panel.d.ts +7 -2
- package/lib/collapse/index.d.ts +7 -2
- package/lib/collapse/props.d.ts +3 -1
- package/lib/color-picker/color-picker.d.ts +1 -1
- package/lib/color-picker/index.d.ts +4 -4
- package/lib/components.d.ts +1 -0
- package/lib/components.js +1 -1
- package/lib/config-provider/config-provider.d.ts +8 -0
- package/lib/config-provider/index.d.ts +16 -0
- package/lib/config-provider/type.d.ts +4 -0
- package/lib/container/container.d.ts +1 -1
- package/lib/container/index.d.ts +4 -4
- package/lib/dialog/dialog.css +1 -1
- package/lib/dialog/dialog.d.ts +12 -7
- package/lib/dialog/dialog.less +1 -1
- package/lib/dialog/dialog.variable.css +1 -1
- package/lib/dialog/index.d.ts +27 -16
- package/lib/dialog/props.d.ts +5 -3
- package/lib/directives/index.js +1 -1
- package/lib/divider/divider.d.ts +3 -3
- package/lib/divider/index.d.ts +8 -8
- package/lib/divider/index.js +1 -1
- package/lib/divider/props.d.ts +1 -1
- package/lib/dropdown/dropdown.d.ts +6 -6
- package/lib/dropdown/index.d.ts +15 -15
- package/lib/fixed-navbar/fixed-navbar.d.ts +1 -1
- package/lib/fixed-navbar/index.d.ts +4 -4
- package/lib/icon/image-fill.js +1 -0
- package/lib/icon/index.js +1 -1
- package/lib/loading/index.js +1 -1
- package/lib/loading/loading.css +2 -0
- package/lib/loading/loading.less +2 -0
- package/lib/loading/loading.variable.css +2 -0
- package/lib/locale/index.js +1 -1
- package/lib/locale/lang/en.d.ts +4 -0
- package/lib/message/messageConstructor.d.ts +1 -1
- package/lib/modal/index.d.ts +22 -9
- package/lib/modal/modal.d.ts +8 -3
- package/lib/modal/props.mixin.d.ts +3 -1
- package/lib/notify/notifyConstructor.d.ts +1 -1
- package/lib/overflow-title/index.d.ts +2 -2
- package/lib/pagination/index.d.ts +4 -4
- package/lib/pagination/pagination.d.ts +1 -1
- package/lib/plugin-popover/index.js +1 -1
- package/lib/pop-confirm/index.d.ts +214 -0
- package/lib/pop-confirm/index.js +1 -0
- package/lib/pop-confirm/pop-confirm.css +28 -0
- package/lib/pop-confirm/pop-confirm.d.ts +79 -0
- package/lib/pop-confirm/pop-confirm.less +34 -0
- package/lib/pop-confirm/pop-confirm.variable.css +148 -0
- package/lib/pop-confirm/props.d.ts +59 -0
- package/lib/popover/content.d.ts +11 -0
- package/lib/popover/index.d.ts +70 -53
- package/lib/popover/index.js +1 -1
- package/lib/popover/popover.d.ts +31 -22
- package/lib/popover/props.d.ts +15 -7
- package/lib/popover/use-floating.d.ts +4 -1
- package/lib/popover/utils.d.ts +1 -0
- package/lib/preset.d.ts +8 -0
- package/lib/process/index.d.ts +4 -4
- package/lib/process/process.d.ts +1 -1
- package/lib/progress/index.d.ts +4 -4
- package/lib/progress/progress.d.ts +1 -1
- package/lib/select/index.d.ts +36 -21
- package/lib/select/select.d.ts +12 -7
- package/lib/shared/index.js +1 -1
- package/lib/shared/vue-types.d.ts +6 -4
- package/lib/sideslider/index.d.ts +19 -8
- package/lib/sideslider/sideslider.d.ts +8 -3
- package/lib/slider/index.d.ts +4 -4
- package/lib/slider/slider.d.ts +1 -1
- package/lib/steps/index.d.ts +4 -4
- package/lib/steps/steps.d.ts +1 -1
- package/lib/styles/index.d.ts +1 -0
- package/lib/switcher/index.d.ts +4 -4
- package/lib/switcher/switcher.d.ts +1 -1
- package/lib/tab/index.d.ts +11 -6
- package/lib/tab/props.d.ts +3 -1
- package/lib/tab/tab-panel.d.ts +7 -2
- package/lib/tab/tab.d.ts +1 -1
- package/lib/table/cache.d.ts +6 -0
- package/lib/table/components/table-column.d.ts +6 -1
- package/lib/table/const.d.ts +2 -0
- package/lib/table/index.d.ts +18 -3
- package/lib/table/index.js +1 -1
- package/lib/table/props.d.ts +1 -1
- package/lib/table-column/index.d.ts +18 -3
- package/lib/table-column/index.js +1 -1
- package/lib/tag/index.d.ts +4 -4
- package/lib/tag/tag.d.ts +1 -1
- package/lib/tag-input/index.d.ts +52 -32
- package/lib/tag-input/tag-input.d.ts +25 -15
- package/lib/tag-input/tag-props.d.ts +12 -7
- package/lib/timeline/index.d.ts +4 -4
- package/lib/timeline/timeline.d.ts +1 -1
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +10 -2
- package/lib/tree/use-search.d.ts +1 -1
- package/lib/upload/index.d.ts +4 -4
- package/lib/upload/upload.d.ts +1 -1
- package/package.json +1 -1
- package/lib/icon/img-error.js +0 -1
- /package/lib/overflow-title/components/{OverflowTitle.d.ts → overflow-title.d.ts} +0 -0
- /package/lib/overflow-title/directive/{overflowTitle.d.ts → overflow-title.d.ts} +0 -0
@@ -0,0 +1,214 @@
|
|
1
|
+
declare const BKPopConfirm: {
|
2
|
+
new (...args: any[]): {
|
3
|
+
$: import("vue").ComponentInternalInstance;
|
4
|
+
$data: {};
|
5
|
+
$props: Partial<{
|
6
|
+
title: string;
|
7
|
+
placement: string;
|
8
|
+
content: string;
|
9
|
+
width: string | number;
|
10
|
+
theme: string;
|
11
|
+
trigger: "hover" | "click";
|
12
|
+
icon: string;
|
13
|
+
confirmText: string;
|
14
|
+
cancelText: string;
|
15
|
+
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
16
|
+
trigger: import("vue-types").VueTypeDef<"hover" | "click"> & {
|
17
|
+
default: "hover" | "click";
|
18
|
+
};
|
19
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
20
|
+
default: string;
|
21
|
+
};
|
22
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
23
|
+
default: string;
|
24
|
+
};
|
25
|
+
confirmText: import("vue-types").VueTypeValidableDef<string> & {
|
26
|
+
default: string;
|
27
|
+
};
|
28
|
+
cancelText: import("vue-types").VueTypeValidableDef<string> & {
|
29
|
+
default: string;
|
30
|
+
};
|
31
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
32
|
+
default: string;
|
33
|
+
};
|
34
|
+
theme: import("vue-types").VueTypeValidableDef<string> & {
|
35
|
+
default: string;
|
36
|
+
} & {
|
37
|
+
default: string;
|
38
|
+
};
|
39
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
40
|
+
default: string;
|
41
|
+
} & {
|
42
|
+
default: string;
|
43
|
+
};
|
44
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
45
|
+
default: string | number;
|
46
|
+
};
|
47
|
+
}>> & {
|
48
|
+
onConfirm?: (...args: any[]) => any;
|
49
|
+
onCancel?: (...args: any[]) => any;
|
50
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "placement" | "content" | "width" | "theme" | "trigger" | "icon" | "confirmText" | "cancelText">;
|
51
|
+
$attrs: {
|
52
|
+
[x: string]: unknown;
|
53
|
+
};
|
54
|
+
$refs: {
|
55
|
+
[x: string]: unknown;
|
56
|
+
};
|
57
|
+
$slots: Readonly<{
|
58
|
+
[name: string]: import("vue").Slot;
|
59
|
+
}>;
|
60
|
+
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
61
|
+
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
62
|
+
$emit: (event: "confirm" | "cancel", ...args: any[]) => void;
|
63
|
+
$el: any;
|
64
|
+
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
65
|
+
trigger: import("vue-types").VueTypeDef<"hover" | "click"> & {
|
66
|
+
default: "hover" | "click";
|
67
|
+
};
|
68
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
69
|
+
default: string;
|
70
|
+
};
|
71
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
72
|
+
default: string;
|
73
|
+
};
|
74
|
+
confirmText: import("vue-types").VueTypeValidableDef<string> & {
|
75
|
+
default: string;
|
76
|
+
};
|
77
|
+
cancelText: import("vue-types").VueTypeValidableDef<string> & {
|
78
|
+
default: string;
|
79
|
+
};
|
80
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
81
|
+
default: string;
|
82
|
+
};
|
83
|
+
theme: import("vue-types").VueTypeValidableDef<string> & {
|
84
|
+
default: string;
|
85
|
+
} & {
|
86
|
+
default: string;
|
87
|
+
};
|
88
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
89
|
+
default: string;
|
90
|
+
} & {
|
91
|
+
default: string;
|
92
|
+
};
|
93
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
94
|
+
default: string | number;
|
95
|
+
};
|
96
|
+
}>> & {
|
97
|
+
onConfirm?: (...args: any[]) => any;
|
98
|
+
onCancel?: (...args: any[]) => any;
|
99
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("confirm" | "cancel")[], string, {
|
100
|
+
title: string;
|
101
|
+
placement: string;
|
102
|
+
content: string;
|
103
|
+
width: string | number;
|
104
|
+
theme: string;
|
105
|
+
trigger: "hover" | "click";
|
106
|
+
icon: string;
|
107
|
+
confirmText: string;
|
108
|
+
cancelText: string;
|
109
|
+
}> & {
|
110
|
+
beforeCreate?: (() => void) | (() => void)[];
|
111
|
+
created?: (() => void) | (() => void)[];
|
112
|
+
beforeMount?: (() => void) | (() => void)[];
|
113
|
+
mounted?: (() => void) | (() => void)[];
|
114
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
115
|
+
updated?: (() => void) | (() => void)[];
|
116
|
+
activated?: (() => void) | (() => void)[];
|
117
|
+
deactivated?: (() => void) | (() => void)[];
|
118
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
119
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
120
|
+
destroyed?: (() => void) | (() => void)[];
|
121
|
+
unmounted?: (() => void) | (() => void)[];
|
122
|
+
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
123
|
+
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
124
|
+
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
|
125
|
+
};
|
126
|
+
$forceUpdate: () => void;
|
127
|
+
$nextTick: typeof import("vue").nextTick;
|
128
|
+
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
129
|
+
} & Readonly<import("vue").ExtractPropTypes<{
|
130
|
+
trigger: import("vue-types").VueTypeDef<"hover" | "click"> & {
|
131
|
+
default: "hover" | "click";
|
132
|
+
};
|
133
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
134
|
+
default: string;
|
135
|
+
};
|
136
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
137
|
+
default: string;
|
138
|
+
};
|
139
|
+
confirmText: import("vue-types").VueTypeValidableDef<string> & {
|
140
|
+
default: string;
|
141
|
+
};
|
142
|
+
cancelText: import("vue-types").VueTypeValidableDef<string> & {
|
143
|
+
default: string;
|
144
|
+
};
|
145
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
146
|
+
default: string;
|
147
|
+
};
|
148
|
+
theme: import("vue-types").VueTypeValidableDef<string> & {
|
149
|
+
default: string;
|
150
|
+
} & {
|
151
|
+
default: string;
|
152
|
+
};
|
153
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
154
|
+
default: string;
|
155
|
+
} & {
|
156
|
+
default: string;
|
157
|
+
};
|
158
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
159
|
+
default: string | number;
|
160
|
+
};
|
161
|
+
}>> & {
|
162
|
+
onConfirm?: (...args: any[]) => any;
|
163
|
+
onCancel?: (...args: any[]) => any;
|
164
|
+
} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
|
165
|
+
__isFragment?: never;
|
166
|
+
__isTeleport?: never;
|
167
|
+
__isSuspense?: never;
|
168
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
169
|
+
trigger: import("vue-types").VueTypeDef<"hover" | "click"> & {
|
170
|
+
default: "hover" | "click";
|
171
|
+
};
|
172
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
173
|
+
default: string;
|
174
|
+
};
|
175
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
176
|
+
default: string;
|
177
|
+
};
|
178
|
+
confirmText: import("vue-types").VueTypeValidableDef<string> & {
|
179
|
+
default: string;
|
180
|
+
};
|
181
|
+
cancelText: import("vue-types").VueTypeValidableDef<string> & {
|
182
|
+
default: string;
|
183
|
+
};
|
184
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
185
|
+
default: string;
|
186
|
+
};
|
187
|
+
theme: import("vue-types").VueTypeValidableDef<string> & {
|
188
|
+
default: string;
|
189
|
+
} & {
|
190
|
+
default: string;
|
191
|
+
};
|
192
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
193
|
+
default: string;
|
194
|
+
} & {
|
195
|
+
default: string;
|
196
|
+
};
|
197
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
198
|
+
default: string | number;
|
199
|
+
};
|
200
|
+
}>> & {
|
201
|
+
onConfirm?: (...args: any[]) => any;
|
202
|
+
onCancel?: (...args: any[]) => any;
|
203
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("confirm" | "cancel")[], "confirm" | "cancel", {
|
204
|
+
title: string;
|
205
|
+
placement: string;
|
206
|
+
content: string;
|
207
|
+
width: string | number;
|
208
|
+
theme: string;
|
209
|
+
trigger: "hover" | "click";
|
210
|
+
icon: string;
|
211
|
+
confirmText: string;
|
212
|
+
cancelText: string;
|
213
|
+
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
214
|
+
export default BKPopConfirm;
|
@@ -0,0 +1 @@
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../config-provider"),require("../popover"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../config-provider","../popover","vue-types"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../config-provider"),require("../popover"),require("vue-types")):t(e["../shared"],e.vue,e["../button"],e["../config-provider"],e["../popover"],e["vue-types"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r,n,i)=>(()=>{"use strict";var p={4976:e=>{e.exports=o},2717:e=>{e.exports=r},5537:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t},210:e=>{e.exports=i}},c={};function u(e){var t=c[e];if(void 0!==t)return t.exports;var o=c[e]={exports:{}};return p[e](o,o.exports,u),o.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var o in t)u.o(t,o)&&!u.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{u.r(s),u.d(s,{default:()=>d});var e,t=u(4212),o=u(748),r=u(4976),n=u.n(r),i=u(2717),p=u(5537),c=u.n(p),a=u(210);!function(e){e.HOVER="hover",e.CLICK="click"}(e||(e={}));const f={trigger:(0,a.toType)("trigger",{}).def(e.HOVER),title:t.PropTypes.string,content:t.PropTypes.string,confirmText:t.PropTypes.string,cancelText:t.PropTypes.string,placement:t.PropTypes.oneOfType([(0,t.placementType)().def(t.PlacementEnum.TOP),t.PropTypes.string]).def(t.PlacementEnum.TOP),theme:t.PropTypes.string.def("light "),icon:t.PropTypes.string.def(""),width:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number]).def("auto")},l=(0,o.defineComponent)({name:"PopConfirm",components:{BkPopover:c(),BkButton:n()},props:f,emits:["confirm","cancel"],setup:function(e,t){var r=t.emit,p=t.slots,u=(0,o.ref)(!1),s=(0,i.useLocale)("popConfirm");function a(e){u.value=!1,r("confirm"),e.stopPropagation()}function f(e){u.value=!1,r("cancel"),e.stopPropagation()}function l(){return"function"==typeof p.icon?p.icon():e.icon}return function(){return(0,o.createVNode)(c(),{isShow:u.value,trigger:e.trigger,theme:e.theme,width:e.width,onAfterShow:function(){return u.value=!0},extCls:"bk-pop-confirm-box"},{default:function(){return p.default()},content:function(){return(0,o.createVNode)("div",{class:"bk-pop-confirm"},["function"==typeof p.content?p.content():(0,o.createVNode)(o.Fragment,null,[e.title?(0,o.createVNode)("div",{class:"bk-pop-confirm-title"},[(0,o.createVNode)("span",{class:"bk-pop-confirm-icon"},[l()]),(0,o.createVNode)("span",null,[e.title])]):"",(0,o.createVNode)("div",{class:"bk-pop-confirm-content"},[e.title?"":l(),e.content])]),(0,o.createVNode)("div",{class:"bk-pop-confirm-footer"},[(0,o.createVNode)(n(),{onClick:a,size:"small",theme:"primary"},{default:function(){return[s.value.ok]}}),(0,o.createVNode)(n(),{onClick:f,size:"small"},{default:function(){return[s.value.cancel]}})])])}})}}}),d=(0,t.withInstall)(l)})(),s})()));
|
@@ -0,0 +1,28 @@
|
|
1
|
+
.bk-popover.bk-pop-confirm-box {
|
2
|
+
padding: 16px 24px;
|
3
|
+
}
|
4
|
+
.bk-pop-confirm-title {
|
5
|
+
font-size: 14px;
|
6
|
+
color: #313238;
|
7
|
+
padding-bottom: 12px;
|
8
|
+
}
|
9
|
+
.bk-pop-confirm-icon {
|
10
|
+
color: #FF5656;
|
11
|
+
margin-right: 4px;
|
12
|
+
}
|
13
|
+
.bk-pop-confirm-content {
|
14
|
+
font-size: 12px;
|
15
|
+
color: #63656E;
|
16
|
+
padding: 0 0 20px;
|
17
|
+
}
|
18
|
+
.bk-pop-confirm-simple {
|
19
|
+
font-size: 14px;
|
20
|
+
}
|
21
|
+
.bk-pop-confirm-footer {
|
22
|
+
display: flex;
|
23
|
+
justify-content: flex-end;
|
24
|
+
align-items: center;
|
25
|
+
}
|
26
|
+
.bk-pop-confirm-footer .bk-button {
|
27
|
+
margin-left: 8px;
|
28
|
+
}
|
@@ -0,0 +1,79 @@
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
2
|
+
trigger: import("vue-types").VueTypeDef<"hover" | "click"> & {
|
3
|
+
default: "hover" | "click";
|
4
|
+
};
|
5
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
6
|
+
default: string;
|
7
|
+
};
|
8
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
9
|
+
default: string;
|
10
|
+
};
|
11
|
+
confirmText: import("vue-types").VueTypeValidableDef<string> & {
|
12
|
+
default: string;
|
13
|
+
};
|
14
|
+
cancelText: import("vue-types").VueTypeValidableDef<string> & {
|
15
|
+
default: string;
|
16
|
+
};
|
17
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
18
|
+
default: string;
|
19
|
+
};
|
20
|
+
theme: import("vue-types").VueTypeValidableDef<string> & {
|
21
|
+
default: string;
|
22
|
+
} & {
|
23
|
+
default: string;
|
24
|
+
};
|
25
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
26
|
+
default: string;
|
27
|
+
} & {
|
28
|
+
default: string;
|
29
|
+
};
|
30
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
31
|
+
default: string | number;
|
32
|
+
};
|
33
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("confirm" | "cancel")[], "confirm" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
34
|
+
trigger: import("vue-types").VueTypeDef<"hover" | "click"> & {
|
35
|
+
default: "hover" | "click";
|
36
|
+
};
|
37
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
38
|
+
default: string;
|
39
|
+
};
|
40
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
41
|
+
default: string;
|
42
|
+
};
|
43
|
+
confirmText: import("vue-types").VueTypeValidableDef<string> & {
|
44
|
+
default: string;
|
45
|
+
};
|
46
|
+
cancelText: import("vue-types").VueTypeValidableDef<string> & {
|
47
|
+
default: string;
|
48
|
+
};
|
49
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
50
|
+
default: string;
|
51
|
+
};
|
52
|
+
theme: import("vue-types").VueTypeValidableDef<string> & {
|
53
|
+
default: string;
|
54
|
+
} & {
|
55
|
+
default: string;
|
56
|
+
};
|
57
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
58
|
+
default: string;
|
59
|
+
} & {
|
60
|
+
default: string;
|
61
|
+
};
|
62
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
63
|
+
default: string | number;
|
64
|
+
};
|
65
|
+
}>> & {
|
66
|
+
onConfirm?: (...args: any[]) => any;
|
67
|
+
onCancel?: (...args: any[]) => any;
|
68
|
+
}, {
|
69
|
+
title: string;
|
70
|
+
placement: string;
|
71
|
+
content: string;
|
72
|
+
width: string | number;
|
73
|
+
theme: string;
|
74
|
+
trigger: "hover" | "click";
|
75
|
+
icon: string;
|
76
|
+
confirmText: string;
|
77
|
+
cancelText: string;
|
78
|
+
}>;
|
79
|
+
export default _default;
|
@@ -0,0 +1,34 @@
|
|
1
|
+
@import '../styles/themes/themes.less';
|
2
|
+
.bk-popover.bk-pop-confirm-box{
|
3
|
+
padding: 16px 24px;
|
4
|
+
}
|
5
|
+
//.@{bk-prefix}-pop-confirm {
|
6
|
+
.bk-pop-confirm {
|
7
|
+
|
8
|
+
&-title{
|
9
|
+
font-size: 14px;
|
10
|
+
color: #313238;
|
11
|
+
padding-bottom: 12px;
|
12
|
+
}
|
13
|
+
&-icon{
|
14
|
+
color: #FF5656;
|
15
|
+
margin-right: 4px;
|
16
|
+
}
|
17
|
+
&-content{
|
18
|
+
font-size: 12px;
|
19
|
+
color: #63656E;
|
20
|
+
padding: 0 0 20px;
|
21
|
+
}
|
22
|
+
&-simple{
|
23
|
+
font-size: 14px;
|
24
|
+
}
|
25
|
+
&-footer{
|
26
|
+
display: flex;
|
27
|
+
justify-content: flex-end;
|
28
|
+
align-items: center;
|
29
|
+
|
30
|
+
.bk-button{
|
31
|
+
margin-left: 8px;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
@@ -0,0 +1,148 @@
|
|
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-distable-checked-bg: #fafbfd;
|
57
|
+
--radio-button-checked-bg: #e1ecff;
|
58
|
+
--fixed-navbar-background: #fff;
|
59
|
+
--fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
|
60
|
+
--switch-default-color: #fff;
|
61
|
+
--switch-grey-color: #c4c6cc;
|
62
|
+
--breadcrumb-black-color: #979ba5;
|
63
|
+
--breadcrumb-primary-hover-color: #0082ff;
|
64
|
+
--breadcrumb-fn-main-color: #63656e;
|
65
|
+
--link-default-hover-color: #979ba5;
|
66
|
+
--link-primary-hover-color: #699df4;
|
67
|
+
--link-success-hover-color: #45e35f;
|
68
|
+
--link-warning-hover-color: #ffb848;
|
69
|
+
--link-danger-hover-color: #ff5656;
|
70
|
+
--link-default-disabled-color: #dcdee5;
|
71
|
+
--link-primary-disabled-color: #a3c5fd;
|
72
|
+
--link-success-disabled-color: #94f5a4;
|
73
|
+
--link-warning-disabled-color: #ffd695;
|
74
|
+
--link-danger-disabled-color: #fd9c9c;
|
75
|
+
--message-color: var(--default-color);
|
76
|
+
--message-primary-bg-color: #f0f8ff;
|
77
|
+
--message-primary-border-color: #e1ecff;
|
78
|
+
--message-primary-shadow-color: #e1e8f4;
|
79
|
+
--message-warning-bg-color: #fff4e2;
|
80
|
+
--message-warning-border-color: #ffe8c3;
|
81
|
+
--message-warning-shadow-color: #ede6db;
|
82
|
+
--message-success-bg-color: #f2fff4;
|
83
|
+
--message-success-border-color: #dcffe2;
|
84
|
+
--message-success-shadow-color: #cef0d7;
|
85
|
+
--message-danger-bg-color: #ffeded;
|
86
|
+
--message-danger-border-color: #ffdddd;
|
87
|
+
--message-danger-shadow-color: #f6dada;
|
88
|
+
--slider-default-bg: #dcdee5;
|
89
|
+
--slider-disable-bar-bg: #979ba5;
|
90
|
+
--menu-bg-color: #182132;
|
91
|
+
--submenu-bg-color: #151d2c;
|
92
|
+
--menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
|
93
|
+
--menu-color: #96a2b9;
|
94
|
+
--menu-group-color: var(--default-color);
|
95
|
+
--menu-width: 260px;
|
96
|
+
--menu-collapse-width: 60px;
|
97
|
+
--menu-active-color: white;
|
98
|
+
--nav-header-bg-color: #182132;
|
99
|
+
--nav-bg-color: #182132;
|
100
|
+
--date-picker-disabled-bg: #fafbfd;
|
101
|
+
--date-picker-dropdown-mb: 4px;
|
102
|
+
--date-picker-dropdown-bg: #fff;
|
103
|
+
--table-bg-color: var(--white-color);
|
104
|
+
--table-border-color: #dcdee5;
|
105
|
+
--table-head-bg-color: #fafbfd;
|
106
|
+
--table-head-font-color: #313238;
|
107
|
+
--table-body-font-color: #575961;
|
108
|
+
--table-row-hover-bg-color: #f5f7fa;
|
109
|
+
--table-row-active-bg-color: #f0f1f5;
|
110
|
+
--cascader-panel-border-color: #dcdee5;
|
111
|
+
--cascader-panel-hover: #f5f7fa;
|
112
|
+
--cascader-panel-active: #e1ecff;
|
113
|
+
--cascader-panel-disabled-bg: #fff;
|
114
|
+
--search-select-focus-border-color: var(--primary-color);
|
115
|
+
--search-select-focus-color: #3c96ff;
|
116
|
+
--search-select-font-color: var(--default-color);
|
117
|
+
--search-select-placeholder-color: var(--light-gray);
|
118
|
+
--search-select-message-color: var(--danger-color);
|
119
|
+
--search-select-menu-border-color: var(--disable-color);
|
120
|
+
}
|
121
|
+
.bk-popover.bk-pop-confirm-box {
|
122
|
+
padding: 16px 24px;
|
123
|
+
}
|
124
|
+
.bk-pop-confirm-title {
|
125
|
+
font-size: 14px;
|
126
|
+
color: #313238;
|
127
|
+
padding-bottom: 12px;
|
128
|
+
}
|
129
|
+
.bk-pop-confirm-icon {
|
130
|
+
color: #FF5656;
|
131
|
+
margin-right: 4px;
|
132
|
+
}
|
133
|
+
.bk-pop-confirm-content {
|
134
|
+
font-size: 12px;
|
135
|
+
color: #63656E;
|
136
|
+
padding: 0 0 20px;
|
137
|
+
}
|
138
|
+
.bk-pop-confirm-simple {
|
139
|
+
font-size: 14px;
|
140
|
+
}
|
141
|
+
.bk-pop-confirm-footer {
|
142
|
+
display: flex;
|
143
|
+
justify-content: flex-end;
|
144
|
+
align-items: center;
|
145
|
+
}
|
146
|
+
.bk-pop-confirm-footer .bk-button {
|
147
|
+
margin-left: 8px;
|
148
|
+
}
|
@@ -0,0 +1,59 @@
|
|
1
|
+
export declare enum TriggerEnum {
|
2
|
+
HOVER = "hover",
|
3
|
+
CLICK = "click"
|
4
|
+
}
|
5
|
+
export declare function triggerType(): import("vue-types").VueTypeDef<"hover" | "click"> & {
|
6
|
+
default: "hover" | "click";
|
7
|
+
};
|
8
|
+
export declare const PopConfirmEvent: {
|
9
|
+
confirm: {
|
10
|
+
type: FunctionConstructor;
|
11
|
+
default: () => any;
|
12
|
+
};
|
13
|
+
cancel: {
|
14
|
+
type: FunctionConstructor;
|
15
|
+
default: () => any;
|
16
|
+
};
|
17
|
+
};
|
18
|
+
export declare const PopConfirmProps: {
|
19
|
+
/**
|
20
|
+
* 触发方式
|
21
|
+
* 支持 click hover manual
|
22
|
+
* manual: 通过isShow控制显示、隐藏
|
23
|
+
*/
|
24
|
+
trigger: import("vue-types").VueTypeDef<"hover" | "click"> & {
|
25
|
+
default: "hover" | "click";
|
26
|
+
};
|
27
|
+
title: import("vue-types").VueTypeValidableDef<string> & {
|
28
|
+
default: string;
|
29
|
+
};
|
30
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
31
|
+
default: string;
|
32
|
+
};
|
33
|
+
confirmText: import("vue-types").VueTypeValidableDef<string> & {
|
34
|
+
default: string;
|
35
|
+
};
|
36
|
+
cancelText: import("vue-types").VueTypeValidableDef<string> & {
|
37
|
+
default: string;
|
38
|
+
};
|
39
|
+
placement: import("vue-types").VueTypeDef<string> & {
|
40
|
+
default: string;
|
41
|
+
};
|
42
|
+
theme: import("vue-types").VueTypeValidableDef<string> & {
|
43
|
+
default: string;
|
44
|
+
} & {
|
45
|
+
default: string;
|
46
|
+
};
|
47
|
+
/**
|
48
|
+
* 自定义icon:根据确认框中提示文字的语境来选择 icon的样式,当确认操作存在风险时,可选择带警示的icon来引起用户的注意。
|
49
|
+
*/
|
50
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
51
|
+
default: string;
|
52
|
+
} & {
|
53
|
+
default: string;
|
54
|
+
};
|
55
|
+
width: import("vue-types").VueTypeDef<string | number> & {
|
56
|
+
default: string | number;
|
57
|
+
};
|
58
|
+
};
|
59
|
+
export default PopConfirmProps;
|
package/lib/popover/content.d.ts
CHANGED
@@ -8,6 +8,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
8
8
|
maxHeight: import("vue-types").VueTypeDef<string | number> & {
|
9
9
|
default: string | number;
|
10
10
|
};
|
11
|
+
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
12
|
+
default: string;
|
13
|
+
} & {
|
14
|
+
default: string;
|
15
|
+
};
|
11
16
|
}, {
|
12
17
|
style: import("vue").ComputedRef<{
|
13
18
|
width: string | number;
|
@@ -24,9 +29,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
24
29
|
maxHeight: import("vue-types").VueTypeDef<string | number> & {
|
25
30
|
default: string | number;
|
26
31
|
};
|
32
|
+
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
33
|
+
default: string;
|
34
|
+
} & {
|
35
|
+
default: string;
|
36
|
+
};
|
27
37
|
}>>, {
|
28
38
|
width: string | number;
|
29
39
|
height: string | number;
|
30
40
|
maxHeight: string | number;
|
41
|
+
extCls: string;
|
31
42
|
}>;
|
32
43
|
export default _default;
|