bkui-vue 0.0.1-beta.20 → 0.0.1-beta.21
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/README.md +7 -3
- package/README_EN.md +7 -3
- package/dist/bkui-vue.cjs.js +230 -208
- package/dist/bkui-vue.esm.js +230 -208
- package/dist/bkui-vue.umd.js +230 -208
- package/dist/style.css +127 -85
- package/lib/button/button.css +9 -0
- package/lib/button/button.d.ts +25 -1
- package/lib/button/button.less +18 -10
- package/lib/button/button.variable.css +9 -0
- package/lib/button/index.d.ts +42 -4
- package/lib/button/index.js +1 -1
- package/lib/code-diff/code-diff.css +114 -0
- package/lib/code-diff/code-diff.d.ts +71 -0
- package/lib/code-diff/code-diff.less +144 -0
- package/lib/code-diff/code-diff.variable.css +207 -0
- package/lib/code-diff/index.d.ts +6 -0
- package/lib/date-picker/date-picker.d.ts +20 -130
- package/lib/date-picker/index.js +1 -1
- package/lib/date-picker/interface.d.ts +1 -1
- package/lib/date-picker/props.d.ts +111 -0
- package/lib/directives/clickoutside.d.ts +3 -23
- package/lib/directives/index.js +2 -2
- package/lib/input/index.d.ts +58 -4
- package/lib/input/index.js +2 -2
- package/lib/input/input.css +19 -2
- package/lib/input/input.d.ts +31 -1
- package/lib/input/input.less +25 -3
- package/lib/input/input.variable.css +19 -2
- package/lib/loading/index.d.ts +31 -9
- package/lib/loading/index.js +1 -1
- package/lib/loading/loading.css +98 -71
- package/lib/loading/loading.d.ts +23 -8
- package/lib/loading/loading.less +62 -49
- package/lib/loading/loading.variable.css +98 -71
- package/lib/shared/index.js +1 -1
- package/lib/shared/vue-types.d.ts +4 -0
- package/lib/tree/index.d.ts +17 -24
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +9 -8
- package/lib/tree/tree.css +1 -12
- package/lib/tree/tree.d.ts +8 -11
- package/lib/tree/tree.less +10 -24
- package/lib/tree/tree.variable.css +1 -12
- package/lib/tree/util.d.ts +9 -1
- package/package.json +1 -1
package/lib/button/index.d.ts
CHANGED
@@ -7,10 +7,12 @@ declare const BkButton: {
|
|
7
7
|
title: string;
|
8
8
|
text: boolean;
|
9
9
|
theme: string;
|
10
|
+
icon: string;
|
10
11
|
outline: boolean;
|
11
12
|
disabled: boolean;
|
12
13
|
loading: boolean;
|
13
14
|
hoverTheme: string;
|
15
|
+
iconRight: string;
|
14
16
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
15
17
|
theme: import("vue-types").VueTypeDef<string> & {
|
16
18
|
default: string;
|
@@ -22,12 +24,19 @@ declare const BkButton: {
|
|
22
24
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
23
25
|
default: string;
|
24
26
|
};
|
27
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
28
|
+
default: string;
|
29
|
+
};
|
30
|
+
iconRight: import("vue-types").VueTypeValidableDef<string> & {
|
31
|
+
default: string;
|
32
|
+
};
|
25
33
|
disabled: import("vue-types").VueTypeValidableDef<boolean> & {
|
26
34
|
default: boolean;
|
27
35
|
};
|
28
36
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
29
37
|
default: boolean;
|
30
38
|
};
|
39
|
+
laodingMode: import("vue-types").VueTypeDef<string>;
|
31
40
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
32
41
|
default: boolean;
|
33
42
|
};
|
@@ -39,7 +48,8 @@ declare const BkButton: {
|
|
39
48
|
};
|
40
49
|
}>> & {
|
41
50
|
onClick?: (...args: any[]) => any;
|
42
|
-
|
51
|
+
onMouseover?: (...args: any[]) => any;
|
52
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "icon" | "outline" | "disabled" | "loading" | "hoverTheme" | "iconRight">;
|
43
53
|
$attrs: {
|
44
54
|
[x: string]: unknown;
|
45
55
|
};
|
@@ -51,7 +61,7 @@ declare const BkButton: {
|
|
51
61
|
}>;
|
52
62
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
53
63
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
54
|
-
$emit: (event: "click", ...args: any[]) => void;
|
64
|
+
$emit: (event: "click" | "mouseover", ...args: any[]) => void;
|
55
65
|
$el: any;
|
56
66
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
57
67
|
theme: import("vue-types").VueTypeDef<string> & {
|
@@ -64,12 +74,19 @@ declare const BkButton: {
|
|
64
74
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
65
75
|
default: string;
|
66
76
|
};
|
77
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
78
|
+
default: string;
|
79
|
+
};
|
80
|
+
iconRight: import("vue-types").VueTypeValidableDef<string> & {
|
81
|
+
default: string;
|
82
|
+
};
|
67
83
|
disabled: import("vue-types").VueTypeValidableDef<boolean> & {
|
68
84
|
default: boolean;
|
69
85
|
};
|
70
86
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
71
87
|
default: boolean;
|
72
88
|
};
|
89
|
+
laodingMode: import("vue-types").VueTypeDef<string>;
|
73
90
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
74
91
|
default: boolean;
|
75
92
|
};
|
@@ -81,14 +98,17 @@ declare const BkButton: {
|
|
81
98
|
};
|
82
99
|
}>> & {
|
83
100
|
onClick?: (...args: any[]) => any;
|
84
|
-
|
101
|
+
onMouseover?: (...args: any[]) => any;
|
102
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], string, {
|
85
103
|
title: string;
|
86
104
|
text: boolean;
|
87
105
|
theme: string;
|
106
|
+
icon: string;
|
88
107
|
outline: boolean;
|
89
108
|
disabled: boolean;
|
90
109
|
loading: boolean;
|
91
110
|
hoverTheme: string;
|
111
|
+
iconRight: string;
|
92
112
|
}> & {
|
93
113
|
beforeCreate?: (() => void) | (() => void)[];
|
94
114
|
created?: (() => void) | (() => void)[];
|
@@ -120,12 +140,19 @@ declare const BkButton: {
|
|
120
140
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
121
141
|
default: string;
|
122
142
|
};
|
143
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
144
|
+
default: string;
|
145
|
+
};
|
146
|
+
iconRight: import("vue-types").VueTypeValidableDef<string> & {
|
147
|
+
default: string;
|
148
|
+
};
|
123
149
|
disabled: import("vue-types").VueTypeValidableDef<boolean> & {
|
124
150
|
default: boolean;
|
125
151
|
};
|
126
152
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
127
153
|
default: boolean;
|
128
154
|
};
|
155
|
+
laodingMode: import("vue-types").VueTypeDef<string>;
|
129
156
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
130
157
|
default: boolean;
|
131
158
|
};
|
@@ -137,6 +164,7 @@ declare const BkButton: {
|
|
137
164
|
};
|
138
165
|
}>> & {
|
139
166
|
onClick?: (...args: any[]) => any;
|
167
|
+
onMouseover?: (...args: any[]) => any;
|
140
168
|
} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
|
141
169
|
__isFragment?: never;
|
142
170
|
__isTeleport?: never;
|
@@ -152,12 +180,19 @@ declare const BkButton: {
|
|
152
180
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
153
181
|
default: string;
|
154
182
|
};
|
183
|
+
icon: import("vue-types").VueTypeValidableDef<string> & {
|
184
|
+
default: string;
|
185
|
+
};
|
186
|
+
iconRight: import("vue-types").VueTypeValidableDef<string> & {
|
187
|
+
default: string;
|
188
|
+
};
|
155
189
|
disabled: import("vue-types").VueTypeValidableDef<boolean> & {
|
156
190
|
default: boolean;
|
157
191
|
};
|
158
192
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
159
193
|
default: boolean;
|
160
194
|
};
|
195
|
+
laodingMode: import("vue-types").VueTypeDef<string>;
|
161
196
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
162
197
|
default: boolean;
|
163
198
|
};
|
@@ -169,14 +204,17 @@ declare const BkButton: {
|
|
169
204
|
};
|
170
205
|
}>> & {
|
171
206
|
onClick?: (...args: any[]) => any;
|
172
|
-
|
207
|
+
onMouseover?: (...args: any[]) => any;
|
208
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], "click" | "mouseover", {
|
173
209
|
title: string;
|
174
210
|
text: boolean;
|
175
211
|
theme: string;
|
212
|
+
icon: string;
|
176
213
|
outline: boolean;
|
177
214
|
disabled: boolean;
|
178
215
|
loading: boolean;
|
179
216
|
hoverTheme: string;
|
217
|
+
iconRight: string;
|
180
218
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
|
181
219
|
ButtonGroup: import("vue").DefineComponent<{
|
182
220
|
size: import("vue-types").VueTypeDef<string>;
|
package/lib/button/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../loading")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../loading"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e.Loading)}(this,(function(e,t,o,n){"use strict";function
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../loading")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../loading"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e.Loading)}(this,(function(e,t,o,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(n);function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var s=u(a.exports),l={theme:o.PropTypes.theme().def(""),hoverTheme:o.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:o.PropTypes.size(),title:o.PropTypes.string,icon:o.PropTypes.string,iconRight:o.PropTypes.string,disabled:o.PropTypes.bool,loading:o.PropTypes.bool,laodingMode:o.PropTypes.commonType(Object.values(n.BkLoadingMode)),outline:o.PropTypes.bool,text:o.PropTypes.bool,nativeType:{type:String}},c=t.defineComponent({name:"Button",props:l,emits:["click","mouseover"],setup:function(e,i){var u,a=i.slots,l=i.attrs,c=i.emit,d=t.ref(!1),p=null!==(u=a.default)&&void 0!==u&&u,f="bk-button",v=t.computed((function(){var t,n=e.hoverTheme?"".concat(f,"-hover-").concat(e.hoverTheme):"",i=e.theme?"".concat(f,"-").concat(e.theme):"",r=e.hoverTheme?"":i;return o.classes((t={"is-disabled":e.disabled,"is-outline":e.outline,"is-text":e.text&&!e.hoverTheme},s(t,"".concat(f,"-").concat(e.size),""!==e.size),s(t,"no-slot",!p),t),"".concat(r," ").concat(f," ").concat(n))})),m=t.computed((function(){return e.text||e.outline||e.hoverTheme?d.value&&!e.text?"white":e.hoverTheme||e.theme:["","default"].includes(e.theme)?"":"white"})),h=t.computed((function(){return e.size===n.BkLoadingSize.Small?n.BkLoadingSize.Mini:n.BkLoadingSize.Small})),b=function(){c("click")},y=function(){d.value=!0,c("mouseover")},g=function(){d.value=!1};return function(){var o;return t.createVNode("button",t.mergeProps({title:e.title,disabled:e.disabled,class:v.value,type:e.nativeType},l,{onClick:b,onMouseover:y,onMouseleave:g}),[e.loading&&t.createVNode(r.default,{class:"".concat(f,"-loading"),mode:e.laodingMode,theme:m.value,size:h.value},null),a.default&&t.createVNode("span",{class:"".concat(f,"-text")},[null===(o=a.default)||void 0===o?void 0:o.call(a)])])}}}),d=t.defineComponent({name:"ButtonGroup",props:{size:o.PropTypes.size()},setup:function(e,n){var i=t.computed((function(){return o.classes(s({},"bk-button-group-".concat(e.size),!!e.size),"bk-button-group")}));return function(){var e,o;return t.createVNode("div",{class:i.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}}),p=o.withInstallProps(c,{ButtonGroup:d});e.BkButton=p,e.BkButtonGroup=d,e.default=p,Object.defineProperty(e,"__esModule",{value:!0})}));
|
@@ -0,0 +1,114 @@
|
|
1
|
+
@import 'highlight.js/styles/googlecode.css';
|
2
|
+
/* stylelint-disable declaration-no-important */
|
3
|
+
.bk-code-diff {
|
4
|
+
position: relative;
|
5
|
+
}
|
6
|
+
.bk-code-diff .d2h-file-header {
|
7
|
+
display: none;
|
8
|
+
}
|
9
|
+
.bk-code-diff.dark {
|
10
|
+
color: #abb2bf !important;
|
11
|
+
background: #282c34;
|
12
|
+
}
|
13
|
+
.bk-code-diff.dark .hljs {
|
14
|
+
color: #abb2bf !important;
|
15
|
+
background: #282c34;
|
16
|
+
}
|
17
|
+
.bk-code-diff.dark .d2h-file-side-diff:nth-child(n + 2) .d2h-code-wrapper {
|
18
|
+
border-left-color: #313238;
|
19
|
+
}
|
20
|
+
.bk-code-diff.dark pre code.hljs {
|
21
|
+
display: block;
|
22
|
+
padding: 1em;
|
23
|
+
overflow-x: auto;
|
24
|
+
}
|
25
|
+
.bk-code-diff.dark code.hljs {
|
26
|
+
padding: 3px 5px;
|
27
|
+
}
|
28
|
+
.bk-code-diff.dark .hljs-comment,
|
29
|
+
.bk-code-diff.dark .hljs-quote {
|
30
|
+
font-style: italic;
|
31
|
+
color: #5c6370;
|
32
|
+
}
|
33
|
+
.bk-code-diff.dark .hljs-doctag,
|
34
|
+
.bk-code-diff.dark .hljs-formula,
|
35
|
+
.bk-code-diff.dark .hljs-keyword,
|
36
|
+
.bk-code-diff.dark .hljs-params {
|
37
|
+
color: #c678dd;
|
38
|
+
}
|
39
|
+
.bk-code-diff.dark .hljs-deletion,
|
40
|
+
.bk-code-diff.dark .hljs-name,
|
41
|
+
.bk-code-diff.dark .hljs-section,
|
42
|
+
.bk-code-diff.dark .hljs-selector-tag,
|
43
|
+
.bk-code-diff.dark .hljs-subst {
|
44
|
+
color: #e06c75;
|
45
|
+
}
|
46
|
+
.bk-code-diff.dark .hljs-literal {
|
47
|
+
color: #56b6c2;
|
48
|
+
}
|
49
|
+
.bk-code-diff.dark .hljs-addition,
|
50
|
+
.bk-code-diff.dark .hljs-attribute,
|
51
|
+
.bk-code-diff.dark .hljs-meta .hljs-string,
|
52
|
+
.bk-code-diff.dark .hljs-regexp,
|
53
|
+
.bk-code-diff.dark .hljs-string {
|
54
|
+
color: #98c379;
|
55
|
+
}
|
56
|
+
.bk-code-diff.dark .hljs-attr,
|
57
|
+
.bk-code-diff.dark .hljs-number,
|
58
|
+
.bk-code-diff.dark .hljs-selector-attr,
|
59
|
+
.bk-code-diff.dark .hljs-selector-class,
|
60
|
+
.bk-code-diff.dark .hljs-selector-pseudo,
|
61
|
+
.bk-code-diff.dark .hljs-template-variable,
|
62
|
+
.bk-code-diff.dark .hljs-type,
|
63
|
+
.bk-code-diff.dark .hljs-variable {
|
64
|
+
color: #d19a66;
|
65
|
+
}
|
66
|
+
.bk-code-diff.dark .hljs-bullet,
|
67
|
+
.bk-code-diff.dark .hljs-link,
|
68
|
+
.bk-code-diff.dark .hljs-meta,
|
69
|
+
.bk-code-diff.dark .hljs-selector-id,
|
70
|
+
.bk-code-diff.dark .hljs-symbol,
|
71
|
+
.bk-code-diff.dark .hljs-title {
|
72
|
+
color: #61aeee;
|
73
|
+
}
|
74
|
+
.bk-code-diff.dark .hljs-built_in,
|
75
|
+
.bk-code-diff.dark .hljs-class .hljs-title,
|
76
|
+
.bk-code-diff.dark .hljs-title.class_ {
|
77
|
+
color: #e6c07b;
|
78
|
+
}
|
79
|
+
.bk-code-diff.dark .hljs-emphasis {
|
80
|
+
font-style: italic;
|
81
|
+
}
|
82
|
+
.bk-code-diff.dark .hljs-strong {
|
83
|
+
font-weight: 700;
|
84
|
+
}
|
85
|
+
.bk-code-diff.dark .hljs-link {
|
86
|
+
text-decoration: underline;
|
87
|
+
}
|
88
|
+
.bk-code-diff.dark .d2h-code-linenumber,
|
89
|
+
.bk-code-diff.dark .d2h-code-side-linenumber {
|
90
|
+
font-size: 12px;
|
91
|
+
color: #8f8f89;
|
92
|
+
background: #282c34;
|
93
|
+
border: none;
|
94
|
+
}
|
95
|
+
.bk-code-diff.dark .d2h-info {
|
96
|
+
color: inherit;
|
97
|
+
background-color: transparent;
|
98
|
+
}
|
99
|
+
.bk-code-diff.dark .d2h-del {
|
100
|
+
background-color: #422321 !important;
|
101
|
+
}
|
102
|
+
.bk-code-diff.dark .d2h-del .hljs {
|
103
|
+
background: transparent;
|
104
|
+
}
|
105
|
+
.bk-code-diff.dark .d2h-ins {
|
106
|
+
background: #2d3324 !important;
|
107
|
+
}
|
108
|
+
.bk-code-diff.dark .d2h-ins .hljs {
|
109
|
+
background: transparent;
|
110
|
+
}
|
111
|
+
.bk-code-diff.dark .d2h-code-side-emptyplaceholder,
|
112
|
+
.bk-code-diff.dark .d2h-emptyplaceholder {
|
113
|
+
background-color: #292929 !important;
|
114
|
+
}
|
@@ -0,0 +1,71 @@
|
|
1
|
+
import { ExtractPropTypes } from 'vue';
|
2
|
+
import { ElementType } from '@bkui-vue/shared';
|
3
|
+
declare const diffFormats: readonly ["side-by-side", "line-by-line"];
|
4
|
+
export declare type DiffFormatType = ElementType<typeof diffFormats>;
|
5
|
+
export declare const LANGUAGES: readonly ["css", "java", "javascript", "json", "scss", "less", "stylus", "shell", "bash", "cpp", "go", "xml", "python", "typescript", "sql", "ruby", "vim", "php", "perl", "powershell", "makefile"];
|
6
|
+
export declare type LanguagesUnion = ElementType<typeof LANGUAGES>;
|
7
|
+
declare const themes: readonly ["dark", "light"];
|
8
|
+
export declare type ThemesUnion = ElementType<typeof themes>;
|
9
|
+
export declare const codeDiffProps: {
|
10
|
+
oldContent: import("vue-types").VueTypeValidableDef<string> & {
|
11
|
+
default: string;
|
12
|
+
};
|
13
|
+
newContent: import("vue-types").VueTypeValidableDef<string> & {
|
14
|
+
default: string;
|
15
|
+
};
|
16
|
+
diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
|
17
|
+
default: "side-by-side" | "line-by-line";
|
18
|
+
};
|
19
|
+
diffContext: import("vue-types").VueTypeValidableDef<number>;
|
20
|
+
theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
|
21
|
+
default: "dark" | "light";
|
22
|
+
};
|
23
|
+
language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
|
24
|
+
default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
|
25
|
+
};
|
26
|
+
};
|
27
|
+
export declare type CodeDiffPropsType = ExtractPropTypes<typeof codeDiffProps>;
|
28
|
+
declare const _default: import("vue").DefineComponent<{
|
29
|
+
oldContent: import("vue-types").VueTypeValidableDef<string> & {
|
30
|
+
default: string;
|
31
|
+
};
|
32
|
+
newContent: import("vue-types").VueTypeValidableDef<string> & {
|
33
|
+
default: string;
|
34
|
+
};
|
35
|
+
diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
|
36
|
+
default: "side-by-side" | "line-by-line";
|
37
|
+
};
|
38
|
+
diffContext: import("vue-types").VueTypeValidableDef<number>;
|
39
|
+
theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
|
40
|
+
default: "dark" | "light";
|
41
|
+
};
|
42
|
+
language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
|
43
|
+
default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
|
44
|
+
};
|
45
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
46
|
+
oldContent: import("vue-types").VueTypeValidableDef<string> & {
|
47
|
+
default: string;
|
48
|
+
};
|
49
|
+
newContent: import("vue-types").VueTypeValidableDef<string> & {
|
50
|
+
default: string;
|
51
|
+
};
|
52
|
+
diffFormat: import("vue-types").VueTypeValidableDef<"side-by-side" | "line-by-line"> & {
|
53
|
+
default: "side-by-side" | "line-by-line";
|
54
|
+
};
|
55
|
+
diffContext: import("vue-types").VueTypeValidableDef<number>;
|
56
|
+
theme: import("vue-types").VueTypeValidableDef<"dark" | "light"> & {
|
57
|
+
default: "dark" | "light";
|
58
|
+
};
|
59
|
+
language: import("vue-types").VueTypeValidableDef<"ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile"> & {
|
60
|
+
default: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
|
61
|
+
};
|
62
|
+
}>> & {
|
63
|
+
[x: string & `on${any}`]: (...args: any[]) => any;
|
64
|
+
}, {
|
65
|
+
theme: "dark" | "light";
|
66
|
+
oldContent: string;
|
67
|
+
newContent: string;
|
68
|
+
diffFormat: "side-by-side" | "line-by-line";
|
69
|
+
language: "ruby" | "css" | "java" | "javascript" | "json" | "scss" | "less" | "stylus" | "shell" | "bash" | "cpp" | "go" | "xml" | "python" | "typescript" | "sql" | "vim" | "php" | "perl" | "powershell" | "makefile";
|
70
|
+
}>;
|
71
|
+
export default _default;
|
@@ -0,0 +1,144 @@
|
|
1
|
+
@import '../styles/themes/themes.less';
|
2
|
+
@import 'highlight.js/styles/googlecode.css';
|
3
|
+
|
4
|
+
/* stylelint-disable declaration-no-important */
|
5
|
+
.@{bk-prefix}-code-diff {
|
6
|
+
position: relative;
|
7
|
+
|
8
|
+
.d2h-file-header {
|
9
|
+
display: none;
|
10
|
+
}
|
11
|
+
|
12
|
+
&.dark {
|
13
|
+
color: #abb2bf !important;
|
14
|
+
background: #282c34;
|
15
|
+
|
16
|
+
.hljs {
|
17
|
+
color: #abb2bf !important;
|
18
|
+
background: #282c34;
|
19
|
+
}
|
20
|
+
|
21
|
+
.d2h-file-side-diff {
|
22
|
+
&:nth-child(n + 2) {
|
23
|
+
.d2h-code-wrapper {
|
24
|
+
border-left-color: #313238;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
}
|
28
|
+
|
29
|
+
pre code.hljs {
|
30
|
+
display: block;
|
31
|
+
padding: 1em;
|
32
|
+
overflow-x: auto;
|
33
|
+
}
|
34
|
+
|
35
|
+
code.hljs {
|
36
|
+
padding: 3px 5px;
|
37
|
+
}
|
38
|
+
|
39
|
+
.hljs-comment,
|
40
|
+
.hljs-quote {
|
41
|
+
font-style: italic;
|
42
|
+
color: #5c6370;
|
43
|
+
}
|
44
|
+
|
45
|
+
.hljs-doctag,
|
46
|
+
.hljs-formula,
|
47
|
+
.hljs-keyword,
|
48
|
+
.hljs-params {
|
49
|
+
color: #c678dd;
|
50
|
+
}
|
51
|
+
|
52
|
+
.hljs-deletion,
|
53
|
+
.hljs-name,
|
54
|
+
.hljs-section,
|
55
|
+
.hljs-selector-tag,
|
56
|
+
.hljs-subst {
|
57
|
+
color: #e06c75;
|
58
|
+
}
|
59
|
+
|
60
|
+
.hljs-literal {
|
61
|
+
color: #56b6c2;
|
62
|
+
}
|
63
|
+
|
64
|
+
.hljs-addition,
|
65
|
+
.hljs-attribute,
|
66
|
+
.hljs-meta .hljs-string,
|
67
|
+
.hljs-regexp,
|
68
|
+
.hljs-string {
|
69
|
+
color: #98c379;
|
70
|
+
}
|
71
|
+
|
72
|
+
.hljs-attr,
|
73
|
+
.hljs-number,
|
74
|
+
.hljs-selector-attr,
|
75
|
+
.hljs-selector-class,
|
76
|
+
.hljs-selector-pseudo,
|
77
|
+
.hljs-template-variable,
|
78
|
+
.hljs-type,
|
79
|
+
.hljs-variable {
|
80
|
+
color: #d19a66;
|
81
|
+
}
|
82
|
+
|
83
|
+
.hljs-bullet,
|
84
|
+
.hljs-link,
|
85
|
+
.hljs-meta,
|
86
|
+
.hljs-selector-id,
|
87
|
+
.hljs-symbol,
|
88
|
+
.hljs-title {
|
89
|
+
color: #61aeee;
|
90
|
+
}
|
91
|
+
|
92
|
+
.hljs-built_in,
|
93
|
+
.hljs-class .hljs-title,
|
94
|
+
.hljs-title.class_ {
|
95
|
+
color: #e6c07b;
|
96
|
+
}
|
97
|
+
|
98
|
+
.hljs-emphasis {
|
99
|
+
font-style: italic;
|
100
|
+
}
|
101
|
+
|
102
|
+
.hljs-strong {
|
103
|
+
font-weight: 700;
|
104
|
+
}
|
105
|
+
|
106
|
+
.hljs-link {
|
107
|
+
text-decoration: underline;
|
108
|
+
}
|
109
|
+
|
110
|
+
.d2h-code-linenumber,
|
111
|
+
.d2h-code-side-linenumber {
|
112
|
+
font-size: 12px;
|
113
|
+
color: #8f8f89;
|
114
|
+
background: #282c34;
|
115
|
+
border: none;
|
116
|
+
}
|
117
|
+
|
118
|
+
.d2h-info {
|
119
|
+
color: inherit;
|
120
|
+
background-color: transparent;
|
121
|
+
}
|
122
|
+
|
123
|
+
.d2h-del {
|
124
|
+
background-color: #422321 !important;
|
125
|
+
|
126
|
+
.hljs {
|
127
|
+
background: transparent;
|
128
|
+
}
|
129
|
+
}
|
130
|
+
|
131
|
+
.d2h-ins {
|
132
|
+
background: #2d3324 !important;
|
133
|
+
|
134
|
+
.hljs {
|
135
|
+
background: transparent;
|
136
|
+
}
|
137
|
+
}
|
138
|
+
|
139
|
+
.d2h-code-side-emptyplaceholder,
|
140
|
+
.d2h-emptyplaceholder {
|
141
|
+
background-color: #292929 !important;
|
142
|
+
}
|
143
|
+
}
|
144
|
+
}
|