@blueking/ai-ui-sdk 0.2.0-beta.2 → 0.2.0-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/dist/common/util.d.ts +5 -0
- package/dist/common/util.ts.js +8 -0
- package/dist/components/render-auto-height-textarea/index.vue.css +11 -11
- package/dist/components/render-auto-height-textarea/index.vue.js +1 -1
- package/dist/components/render-auto-refresh/index.vue.css +8 -8
- package/dist/components/render-auto-refresh/index.vue.js +1 -1
- package/dist/components/render-checkbox/index.script.vue.js.js +30 -5
- package/dist/components/render-checkbox/index.vue.css +9 -9
- package/dist/components/render-checkbox/index.vue.d.ts +4 -0
- package/dist/components/render-checkbox/index.vue.js +1 -1
- package/dist/components/render-choose-tag/index.script.vue.js.js +66 -3
- package/dist/components/render-choose-tag/index.vue.css +7 -7
- package/dist/components/render-choose-tag/index.vue.d.ts +1 -0
- package/dist/components/render-choose-tag/index.vue.js +1 -1
- package/dist/components/render-collapse/index.vue.css +2 -2
- package/dist/components/render-collapse/index.vue.js +1 -1
- package/dist/components/render-dataset/components/batch-delete-dataset-data/index.vue.css +3 -3
- package/dist/components/render-dataset/components/batch-delete-dataset-data/index.vue.js +1 -1
- package/dist/components/render-dataset/components/batch-edit-valid-dataset-data/index.vue.css +1 -1
- package/dist/components/render-dataset/components/batch-edit-valid-dataset-data/index.vue.js +1 -1
- package/dist/components/render-dataset/components/dataset-data-tool-icons/index.script.vue.js +1 -1
- package/dist/components/render-dataset/components/dataset-data-valid/index.vue.css +1 -1
- package/dist/components/render-dataset/components/dataset-data-valid/index.vue.js +1 -1
- package/dist/components/render-dataset/components/edit-dataset-data/index.vue.css +3 -3
- package/dist/components/render-dataset/components/edit-dataset-data/index.vue.js +1 -1
- package/dist/components/render-dataset/components/operation-record/index.vue.css +4 -4
- package/dist/components/render-dataset/components/operation-record/index.vue.js +1 -1
- package/dist/components/render-dataset/components/operation-record/table/index.vue.css +1 -1
- package/dist/components/render-dataset/components/operation-record/table/index.vue.js +1 -1
- package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.css +2 -2
- package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset/index.vue.css +2 -2
- package/dist/components/render-dataset/components/plus-dataset/index.vue.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/api.script.vue.js.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/api.vue.css +2 -2
- package/dist/components/render-dataset/components/plus-dataset-data/form/api.vue.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/footer.vue.css +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/footer.vue.js +1 -1
- package/dist/components/render-dataset/components/plus-dataset-data/form/index.vue.css +2 -2
- package/dist/components/render-dataset/components/plus-dataset-data/form/index.vue.js +1 -1
- package/dist/components/render-dataset/components/review-dataset-data/index.vue.css +10 -10
- package/dist/components/render-dataset/components/review-dataset-data/index.vue.js +1 -1
- package/dist/components/render-dataset-detail-origin-data/index.vue.css +3 -3
- package/dist/components/render-dataset-detail-origin-data/index.vue.js +1 -1
- package/dist/components/render-dataset-list/components/main.vue.css +3 -3
- package/dist/components/render-dataset-list/components/main.vue.js +1 -1
- package/dist/components/render-dataset-list/index.vue.css +2 -2
- package/dist/components/render-dataset-list/index.vue.js +1 -1
- package/dist/components/render-file-card/index.vue.css +11 -11
- package/dist/components/render-file-card/index.vue.d.ts +9 -5
- package/dist/components/render-file-card/index.vue.js +1 -1
- package/dist/components/render-file-type-icon/index.vue.css +5 -5
- package/dist/components/render-file-type-icon/index.vue.js +1 -1
- package/dist/components/render-header/index.vue.css +3 -3
- package/dist/components/render-header/index.vue.js +1 -1
- package/dist/components/render-like/index.vue.css +5 -5
- package/dist/components/render-like/index.vue.d.ts +3 -3
- package/dist/components/render-like/index.vue.js +1 -1
- package/dist/components/render-markdown/common.d.ts +19 -0
- package/dist/components/render-markdown/common.ts.js +41 -0
- package/dist/components/render-markdown/edit.d.ts +82 -0
- package/dist/components/render-markdown/edit.postcss.css +92 -0
- package/dist/components/render-markdown/edit.ts.js +226 -0
- package/dist/components/render-markdown/mark-down-code-copy.d.ts +7 -0
- package/dist/components/render-markdown/mark-down-code-copy.ts.js +73 -0
- package/dist/components/render-markdown/{mark-down.d.ts → view.d.ts} +11 -27
- package/dist/components/render-markdown/view.postcss.css +91 -0
- package/dist/components/render-markdown/view.ts.js +116 -0
- package/dist/components/render-router-tab/index.vue.css +3 -3
- package/dist/components/render-router-tab/index.vue.js +1 -1
- package/dist/components/render-search-empty/index.vue.d.ts +9 -5
- package/dist/components/render-search-select/index.script.vue.js.js +176 -20
- package/dist/components/render-search-select/index.vue.d.ts +14 -5
- package/dist/components/render-t-table/index.vue.css +27 -27
- package/dist/components/render-t-table/index.vue.d.ts +9 -5
- package/dist/components/render-t-table/index.vue.js +1 -1
- package/dist/components/render-tag-tree/index.vue.css +7 -7
- package/dist/components/render-tag-tree/index.vue.js +1 -1
- package/dist/components/render-tree/index.script.vue.js +23 -1
- package/dist/components/render-tree/index.vue.d.ts +9 -5
- package/dist/components.d.ts +3 -2
- package/dist/components.ts.js +3 -2
- package/dist/css/fonts/iconcool.eot +0 -0
- package/dist/css/fonts/iconcool.svg +1 -4
- package/dist/css/fonts/iconcool.ttf +0 -0
- package/dist/css/fonts/iconcool.woff +0 -0
- package/dist/css/iconcool.js +1 -1
- package/dist/css/style.css +1 -4
- package/dist/css/tailwind.css +54 -4
- package/dist/hooks/use-chat.d.ts +22 -12
- package/dist/hooks/use-ellipsis-tooltip.ts.js +6 -2
- package/dist/hooks/use-form-leave-confirm.ts.js +2 -0
- package/dist/hooks.d.ts +1 -0
- package/dist/hooks.ts.js +1 -0
- package/dist/http/helper/agent.ts.js +6 -0
- package/dist/http/helper/common.d.ts +7 -1
- package/dist/http/helper/common.ts.js +8 -0
- package/dist/http/helper/tool.ts.js +2 -1
- package/dist/types/agent.d.ts +6 -0
- package/dist/types/common.d.ts +5 -0
- package/dist/types/enum.d.ts +6 -0
- package/dist/types/enum.ts.js +7 -0
- package/dist/types/tool.d.ts +4 -1
- package/package.json +8 -5
- package/dist/components/render-markdown/mark-down-code.d.ts +0 -2
- package/dist/components/render-markdown/mark-down-code.ts.js +0 -171
- package/dist/components/render-markdown/mark-down-emoji.d.ts +0 -2
- package/dist/components/render-markdown/mark-down-emoji.ts.js +0 -4
- package/dist/components/render-markdown/mark-down.postcss.css +0 -154
- package/dist/components/render-markdown/mark-down.ts.js +0 -145
package/dist/types/enum.d.ts
CHANGED
|
@@ -154,6 +154,7 @@ export declare enum Module {
|
|
|
154
154
|
Dataset = "dataset",
|
|
155
155
|
Meta = "meta",
|
|
156
156
|
Cr = "cr",
|
|
157
|
+
Credential = "credential",
|
|
157
158
|
Market = "market"
|
|
158
159
|
}
|
|
159
160
|
export declare enum ResourcePermissionAction {
|
|
@@ -266,3 +267,8 @@ export declare enum ModelSpaceAuthMode {
|
|
|
266
267
|
Apply = "APPLY",
|
|
267
268
|
Grey = "GREY"
|
|
268
269
|
}
|
|
270
|
+
export declare enum SkillEffectiveStatus {
|
|
271
|
+
Pass = "pass",
|
|
272
|
+
Fail = "fail",
|
|
273
|
+
Error = "error"
|
|
274
|
+
}
|
package/dist/types/enum.ts.js
CHANGED
|
@@ -174,6 +174,7 @@ export var Module;
|
|
|
174
174
|
Module["Dataset"] = "dataset";
|
|
175
175
|
Module["Meta"] = "meta";
|
|
176
176
|
Module["Cr"] = "cr";
|
|
177
|
+
Module["Credential"] = "credential";
|
|
177
178
|
Module["Market"] = "market";
|
|
178
179
|
})(Module || (Module = {}));
|
|
179
180
|
export var ResourcePermissionAction;
|
|
@@ -299,3 +300,9 @@ export var ModelSpaceAuthMode;
|
|
|
299
300
|
ModelSpaceAuthMode["Apply"] = "APPLY";
|
|
300
301
|
ModelSpaceAuthMode["Grey"] = "GREY";
|
|
301
302
|
})(ModelSpaceAuthMode || (ModelSpaceAuthMode = {}));
|
|
303
|
+
export var SkillEffectiveStatus;
|
|
304
|
+
(function(SkillEffectiveStatus) {
|
|
305
|
+
SkillEffectiveStatus["Pass"] = "pass";
|
|
306
|
+
SkillEffectiveStatus["Fail"] = "fail";
|
|
307
|
+
SkillEffectiveStatus["Error"] = "error";
|
|
308
|
+
})(SkillEffectiveStatus || (SkillEffectiveStatus = {}));
|
package/dist/types/tool.d.ts
CHANGED
|
@@ -11,10 +11,11 @@ export interface IToolParam {
|
|
|
11
11
|
type: ApiValueType;
|
|
12
12
|
default: string | number | boolean;
|
|
13
13
|
description: string;
|
|
14
|
-
validate
|
|
14
|
+
validate?: {
|
|
15
15
|
enable: boolean;
|
|
16
16
|
rules: IToolRule[];
|
|
17
17
|
};
|
|
18
|
+
children?: IToolParam[];
|
|
18
19
|
}
|
|
19
20
|
export interface IToolFormApi extends IResourceFormCommonApi {
|
|
20
21
|
tool_name: string;
|
|
@@ -33,6 +34,7 @@ export interface IToolFormApi extends IResourceFormCommonApi {
|
|
|
33
34
|
}
|
|
34
35
|
export interface IToolApi extends IToolFormApi, Omit<IResourceCommonApi, 'id'> {
|
|
35
36
|
tool_id: number;
|
|
37
|
+
ref_count?: number;
|
|
36
38
|
}
|
|
37
39
|
export interface IToolForm extends IResourceFormCommon {
|
|
38
40
|
toolName: string;
|
|
@@ -48,4 +50,5 @@ export interface IToolForm extends IResourceFormCommon {
|
|
|
48
50
|
credentialType?: ToolCrdentialType;
|
|
49
51
|
}
|
|
50
52
|
export interface ITool extends IToolForm, IResourceCommon {
|
|
53
|
+
refCount?: number;
|
|
51
54
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blueking/ai-ui-sdk",
|
|
3
|
-
"version": "0.2.0-beta.
|
|
3
|
+
"version": "0.2.0-beta.21",
|
|
4
4
|
"description": "蓝鲸AI UI SDK",
|
|
5
5
|
"main": "dist/main.js",
|
|
6
6
|
"types": "dist/main.d.ts",
|
|
@@ -77,13 +77,16 @@
|
|
|
77
77
|
"author": "",
|
|
78
78
|
"license": "ISC",
|
|
79
79
|
"peerDependencies": {
|
|
80
|
+
"@blueking/xss-filter": "^0.0.10",
|
|
81
|
+
"@toast-ui/editor": "^3.2.2",
|
|
82
|
+
"@toast-ui/editor-plugin-code-syntax-highlight": "^3.1.0",
|
|
80
83
|
"bkui-vue": "*",
|
|
81
|
-
"tdesign-vue-next": "^1.16.0",
|
|
82
84
|
"dayjs": "^1.11.13",
|
|
85
|
+
"prismjs": "^1.30.0",
|
|
86
|
+
"tdesign-vue-next": "^1.16.0",
|
|
83
87
|
"tippy.js": "^6.3.7",
|
|
84
88
|
"vue": "^3.5.13",
|
|
85
|
-
"vue-router": "^4.5.1"
|
|
86
|
-
"x-mavon-editor": "0.0.20"
|
|
89
|
+
"vue-router": "^4.5.1"
|
|
87
90
|
},
|
|
88
91
|
"devDependencies": {
|
|
89
92
|
"@blueking/babel-preset-bk": "2.1.0",
|
|
@@ -95,6 +98,6 @@
|
|
|
95
98
|
"postcss-nested": "^7.0.2",
|
|
96
99
|
"postcss-nested-ancestors": "^3.0.0",
|
|
97
100
|
"typescript": "^5.5.4",
|
|
98
|
-
"vue-tsc": "^3.
|
|
101
|
+
"vue-tsc": "^3.2.6"
|
|
99
102
|
}
|
|
100
103
|
}
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
const languageSuffixMap = {
|
|
2
|
-
c: '.c',
|
|
3
|
-
'c++': '.cpp',
|
|
4
|
-
java: '.java',
|
|
5
|
-
python: '.py',
|
|
6
|
-
html: '.html',
|
|
7
|
-
css: '.css',
|
|
8
|
-
javascript: '.js',
|
|
9
|
-
js: '.js',
|
|
10
|
-
php: '.php',
|
|
11
|
-
ruby: '.rb',
|
|
12
|
-
swift: '.swift',
|
|
13
|
-
go: '.go',
|
|
14
|
-
perl: '.pl',
|
|
15
|
-
sql: '.sql',
|
|
16
|
-
xml: '.xml',
|
|
17
|
-
json: '.json',
|
|
18
|
-
vue: '.vue',
|
|
19
|
-
rust: '.rs',
|
|
20
|
-
jsx: '.jsx',
|
|
21
|
-
tsx: '.tsx',
|
|
22
|
-
typescript: '.ts',
|
|
23
|
-
ts: '.ts',
|
|
24
|
-
bash: '.sh'
|
|
25
|
-
};
|
|
26
|
-
const getLanguageSuffix = (name)=>languageSuffixMap[name.toLowerCase()] || '.txt';
|
|
27
|
-
let originalFence;
|
|
28
|
-
// 自定义代码块
|
|
29
|
-
export const MarkDownCodePlugin = (markdownIt)=>{
|
|
30
|
-
// 如果 originalFence 不存在,则获取原始的 fence 函数,防止嵌套调用
|
|
31
|
-
if (!originalFence) {
|
|
32
|
-
originalFence = markdownIt.renderer.rules.fence;
|
|
33
|
-
}
|
|
34
|
-
// 重写 fence 规则
|
|
35
|
-
markdownIt.block.ruler.at('fence', (state, startLine, endLine, silent)=>{
|
|
36
|
-
let pos = state.bMarks[startLine] + state.tShift[startLine];
|
|
37
|
-
let max = state.eMarks[startLine];
|
|
38
|
-
// 检查是否缩进过多
|
|
39
|
-
if (state.sCount[startLine] - state.blkIndent >= 4) {
|
|
40
|
-
return false;
|
|
41
|
-
}
|
|
42
|
-
// 检查是否有足够的字符
|
|
43
|
-
if (pos + 3 > max) {
|
|
44
|
-
return false;
|
|
45
|
-
}
|
|
46
|
-
const marker = state.src.charCodeAt(pos);
|
|
47
|
-
// 检查是否是有效的标记字符
|
|
48
|
-
if (marker !== 0x7E /* ~ */ && marker !== 0x60 /* ` */ ) {
|
|
49
|
-
return false;
|
|
50
|
-
}
|
|
51
|
-
// 获取标记的长度
|
|
52
|
-
let mem = pos;
|
|
53
|
-
pos = state.skipChars(pos, marker);
|
|
54
|
-
const len = pos - mem;
|
|
55
|
-
if (len < 3) {
|
|
56
|
-
return false;
|
|
57
|
-
}
|
|
58
|
-
const markup = state.src.slice(mem, pos);
|
|
59
|
-
const params = state.src.slice(pos, max);
|
|
60
|
-
// 检查参数中是否包含标记字符
|
|
61
|
-
if (marker === 0x60 /* ` */ ) {
|
|
62
|
-
if (params.indexOf(String.fromCharCode(marker)) >= 0) {
|
|
63
|
-
return false;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
// 验证模式直接返回
|
|
67
|
-
if (silent) {
|
|
68
|
-
return true;
|
|
69
|
-
}
|
|
70
|
-
// 寻找结束标记
|
|
71
|
-
let nextLine = startLine;
|
|
72
|
-
let haveEndMarker = false;
|
|
73
|
-
for(;;){
|
|
74
|
-
nextLine += 1;
|
|
75
|
-
if (nextLine >= endLine) {
|
|
76
|
-
break;
|
|
77
|
-
}
|
|
78
|
-
pos = state.bMarks[nextLine] + state.tShift[nextLine];
|
|
79
|
-
mem = pos;
|
|
80
|
-
max = state.eMarks[nextLine];
|
|
81
|
-
if (pos < max && state.sCount[nextLine] < state.blkIndent) {
|
|
82
|
-
break;
|
|
83
|
-
}
|
|
84
|
-
// 如果不是标记字符,继续
|
|
85
|
-
if (state.src.charCodeAt(pos) !== marker) {
|
|
86
|
-
continue;
|
|
87
|
-
}
|
|
88
|
-
// 检查标记长度
|
|
89
|
-
if (state.sCount[nextLine] - state.blkIndent >= 4) {
|
|
90
|
-
continue;
|
|
91
|
-
}
|
|
92
|
-
pos = state.skipChars(pos, marker);
|
|
93
|
-
// 结束标记必须至少和开始标记一样长
|
|
94
|
-
if (pos - mem < len) {
|
|
95
|
-
continue;
|
|
96
|
-
}
|
|
97
|
-
// 检查标记后是否只有空格
|
|
98
|
-
pos = state.skipSpaces(pos);
|
|
99
|
-
if (pos < max) {
|
|
100
|
-
continue;
|
|
101
|
-
}
|
|
102
|
-
haveEndMarker = true;
|
|
103
|
-
break;
|
|
104
|
-
}
|
|
105
|
-
// 设置结束行
|
|
106
|
-
state.line = nextLine + (haveEndMarker ? 1 : 0);
|
|
107
|
-
// 创建 token
|
|
108
|
-
const token = state.push('fence', 'code', 0);
|
|
109
|
-
token.info = params;
|
|
110
|
-
token.content = state.getLines(startLine + 1, nextLine, state.sCount[startLine], true);
|
|
111
|
-
token.markup = markup;
|
|
112
|
-
token.map = [
|
|
113
|
-
startLine,
|
|
114
|
-
state.line
|
|
115
|
-
];
|
|
116
|
-
token.haveEndMarker = haveEndMarker;
|
|
117
|
-
return true;
|
|
118
|
-
}, {
|
|
119
|
-
alt: [
|
|
120
|
-
'paragraph',
|
|
121
|
-
'reference',
|
|
122
|
-
'blockquote',
|
|
123
|
-
'list'
|
|
124
|
-
]
|
|
125
|
-
});
|
|
126
|
-
// 自定义代码块渲染
|
|
127
|
-
markdownIt.renderer.rules.fence = (tokens, idx, options, env, self)=>{
|
|
128
|
-
const token = tokens[idx];
|
|
129
|
-
const hasEndBlock = token.haveEndMarker;
|
|
130
|
-
let language = token.info.trim();
|
|
131
|
-
let code = token.content;
|
|
132
|
-
// 原始渲染
|
|
133
|
-
const originalCode = originalFence(tokens, idx, options, env, self);
|
|
134
|
-
// 1. 如果代码块和语言不为空,则渲染代码块
|
|
135
|
-
if (code.trim() && language && hasEndBlock) {
|
|
136
|
-
const encodeCode = encodeURIComponent(code);
|
|
137
|
-
return `<section class="full-screen-wrap markdown-body" style="background-color: #2e2e2e;">
|
|
138
|
-
<section class="code-header g-flex-row">
|
|
139
|
-
<span>${language}</span>
|
|
140
|
-
<span class="g-flex-row">
|
|
141
|
-
<i class="ai-ui-sdk-icon ai-ui-sdk-un-full-screen click-un-full-screen"></i>
|
|
142
|
-
<i class="ai-ui-sdk-icon ai-ui-sdk-full-screen click-full-screen"></i>
|
|
143
|
-
<i class="ai-ui-sdk-icon ai-ui-sdk-copy click-copy" data-clipboard-text="${encodeCode}"></i>
|
|
144
|
-
<i class="ai-ui-sdk-icon ai-ui-sdk-dongzuo-xiazai click-download" data-clipboard-text="${encodeCode}" data-file-name="ai${getLanguageSuffix(language)}"></i>
|
|
145
|
-
</span>
|
|
146
|
-
</section>
|
|
147
|
-
${originalCode}
|
|
148
|
-
</section>`;
|
|
149
|
-
}
|
|
150
|
-
// 2. 如果有结束标记并且有代码内容,则返回原始代码块
|
|
151
|
-
if (code.trim() && hasEndBlock) {
|
|
152
|
-
return originalCode;
|
|
153
|
-
}
|
|
154
|
-
// 3. 否则返回原始内容
|
|
155
|
-
// 开始标记
|
|
156
|
-
const start = token.markup;
|
|
157
|
-
// 结束标记
|
|
158
|
-
let end = '';
|
|
159
|
-
// 如果代码块长度大于行数,则添加结束标记(markdown不封闭语法)
|
|
160
|
-
if (hasEndBlock) {
|
|
161
|
-
end = '```';
|
|
162
|
-
}
|
|
163
|
-
// 如果代码块不为空,则添加换行符
|
|
164
|
-
if (code) {
|
|
165
|
-
code = code.replace(/\n/g, '<br>');
|
|
166
|
-
}
|
|
167
|
-
language = `${language}<br>`;
|
|
168
|
-
// 返回原始字符串
|
|
169
|
-
return `${start}${language}${code}${end}`;
|
|
170
|
-
};
|
|
171
|
-
};
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
.v-note-wrapper.markdown-body {
|
|
2
|
-
border: none !important;
|
|
3
|
-
min-height: auto;
|
|
4
|
-
background: transparent;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.v-note-wrapper.markdown-body li {
|
|
8
|
-
list-style: inherit !important;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.v-note-wrapper.markdown-body pre {
|
|
12
|
-
color: #abb2bf !important;
|
|
13
|
-
background: #1a1a1a !important;
|
|
14
|
-
font-size: 14px !important;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.v-note-show::-webkit-scrollbar {
|
|
18
|
-
width: 8px;
|
|
19
|
-
height: 8px;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.v-note-show::-webkit-scrollbar-thumb {
|
|
23
|
-
width: 8px;
|
|
24
|
-
height: 8px;
|
|
25
|
-
border-radius: 3px;
|
|
26
|
-
background-color: #dcdee5;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.v-note-show::-webkit-scrollbar-thumb:hover {
|
|
30
|
-
background-color: #979ba5;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.v-show-content {
|
|
34
|
-
height: auto !important;
|
|
35
|
-
font-size: 14px !important;
|
|
36
|
-
padding: 8px 25px !important;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.v-show-content p {
|
|
40
|
-
margin-bottom: 0 !important;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.v-show-content p + p {
|
|
44
|
-
margin-top: 16px;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.full-screen-wrap.markdown-body .code-header {
|
|
48
|
-
height: 40px;
|
|
49
|
-
justify-content: space-between;
|
|
50
|
-
background: #2e2e2e;
|
|
51
|
-
border-radius: 2px 2px 0 0;
|
|
52
|
-
padding: 0 18px;
|
|
53
|
-
color: #c4c6cc;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-un-full-screen,
|
|
57
|
-
.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-full-screen,
|
|
58
|
-
.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-copy {
|
|
59
|
-
margin-right: 12px;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-icon {
|
|
63
|
-
color: #979ba5;
|
|
64
|
-
cursor: pointer;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-icon:hover {
|
|
68
|
-
color: #3a84ff;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.full-screen-wrap.markdown-body .code-header + pre {
|
|
72
|
-
max-height: 500px;
|
|
73
|
-
overflow-y: auto;
|
|
74
|
-
color: #abb2bf !important;
|
|
75
|
-
background: #1a1a1a !important;
|
|
76
|
-
border-radius: 0 0 2px 2px !important;
|
|
77
|
-
font-size: 14px !important;
|
|
78
|
-
padding: 16px;
|
|
79
|
-
line-height: 1.45;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.full-screen-wrap.markdown-body .code-header + pre code {
|
|
83
|
-
font-size: 14px !important;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.full-screen-wrap.markdown-body .code-header + pre .hljs-comment {
|
|
87
|
-
color: #6a9954;
|
|
88
|
-
font-style: inherit;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.full-screen-wrap.markdown-body .code-header + pre .hljs {
|
|
92
|
-
overflow: initial;
|
|
93
|
-
background: #1a1a1a !important;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-track {
|
|
97
|
-
background: #2e2e2e;
|
|
98
|
-
border-left: 1px solid #3d3d3d;
|
|
99
|
-
border-top: 1px solid #3d3d3d;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar {
|
|
103
|
-
width: 14px;
|
|
104
|
-
height: 14px;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-corner {
|
|
108
|
-
background: #2e2e2e !important;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-thumb {
|
|
112
|
-
height: 5px;
|
|
113
|
-
border-radius: 1px;
|
|
114
|
-
background: rgb(121 121 121 / 40%);
|
|
115
|
-
border: 1px solid #4d4f56;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.full-screen-wrap.markdown-body:not(:first-child) {
|
|
119
|
-
margin-top: 8px !important;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.full-screen-wrap.markdown-body:not(:last-child) {
|
|
123
|
-
margin-bottom: 8px !important;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.full-screen-wrap.markdown-body.full-screen {
|
|
127
|
-
margin-top: 0 !important;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.full-screen-wrap.markdown-body.full-screen .code-header {
|
|
131
|
-
margin: 0;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.full-screen-wrap.markdown-body.full-screen pre {
|
|
135
|
-
max-height: calc(100vh - 40px);
|
|
136
|
-
height: calc(100vh - 40px);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.full-screen-wrap.markdown-body .full-screen-wrap.full-screen {
|
|
140
|
-
margin-top: 0 !important;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.full-screen-wrap.markdown-body .full-screen-wrap.full-screen .code-header {
|
|
144
|
-
margin: 0;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.full-screen-wrap.markdown-body .full-screen-wrap.full-screen pre {
|
|
148
|
-
max-height: calc(100vh - 40px);
|
|
149
|
-
height: calc(100vh - 40px);
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.v-note-img-wrapper {
|
|
153
|
-
display: none !important;
|
|
154
|
-
}
|
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
function _define_property(obj, key, value) {
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
function _object_spread(target) {
|
|
15
|
-
for(var i = 1; i < arguments.length; i++){
|
|
16
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
-
var ownKeys = Object.keys(source);
|
|
18
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
ownKeys.forEach(function(key) {
|
|
24
|
-
_define_property(target, key, source[key]);
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
}
|
|
29
|
-
function ownKeys(object, enumerableOnly) {
|
|
30
|
-
var keys = Object.keys(object);
|
|
31
|
-
if (Object.getOwnPropertySymbols) {
|
|
32
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
-
if (enumerableOnly) {
|
|
34
|
-
symbols = symbols.filter(function(sym) {
|
|
35
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
keys.push.apply(keys, symbols);
|
|
39
|
-
}
|
|
40
|
-
return keys;
|
|
41
|
-
}
|
|
42
|
-
function _object_spread_props(target, source) {
|
|
43
|
-
source = source != null ? source : {};
|
|
44
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
45
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
46
|
-
} else {
|
|
47
|
-
ownKeys(Object(source)).forEach(function(key) {
|
|
48
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
return target;
|
|
52
|
-
}
|
|
53
|
-
import { defineComponent, h } from 'vue';
|
|
54
|
-
import Mavon from 'x-mavon-editor';
|
|
55
|
-
import { MarkDownCodePlugin } from './mark-down-code.ts.js';
|
|
56
|
-
import { MarkDownEmojiPlugin } from './mark-down-emoji.ts.js';
|
|
57
|
-
import 'x-mavon-editor/dist/css/index.css';
|
|
58
|
-
import 'x-mavon-editor/dist/highlightjs/styles/atom-one-dark.min.css';
|
|
59
|
-
import './mark-down.postcss.css';
|
|
60
|
-
const defaultMDProps = {
|
|
61
|
-
defaultOpen: 'preview',
|
|
62
|
-
editable: false,
|
|
63
|
-
subfield: false,
|
|
64
|
-
toolbarsFlag: false,
|
|
65
|
-
boxShadow: false,
|
|
66
|
-
xssOptions: {
|
|
67
|
-
whiteList: {
|
|
68
|
-
a: [
|
|
69
|
-
'href',
|
|
70
|
-
'target',
|
|
71
|
-
'class',
|
|
72
|
-
'title'
|
|
73
|
-
],
|
|
74
|
-
section: [
|
|
75
|
-
'class'
|
|
76
|
-
],
|
|
77
|
-
i: [
|
|
78
|
-
'class'
|
|
79
|
-
],
|
|
80
|
-
span: [
|
|
81
|
-
'class',
|
|
82
|
-
'data-variable-index'
|
|
83
|
-
],
|
|
84
|
-
svg: [
|
|
85
|
-
'class'
|
|
86
|
-
],
|
|
87
|
-
use: [
|
|
88
|
-
'href'
|
|
89
|
-
],
|
|
90
|
-
ul: [
|
|
91
|
-
'class'
|
|
92
|
-
],
|
|
93
|
-
li: [
|
|
94
|
-
'class',
|
|
95
|
-
'title'
|
|
96
|
-
]
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
externalLink: {
|
|
100
|
-
markdown_css () {
|
|
101
|
-
return `${window.SITE_URL}/static/markdown/github-markdown.min.css`;
|
|
102
|
-
},
|
|
103
|
-
hljs_js () {
|
|
104
|
-
return `${window.SITE_URL}/static/highlightjs/highlight.min.js`;
|
|
105
|
-
},
|
|
106
|
-
hljs_css (css) {
|
|
107
|
-
return `${window.SITE_URL}/static/highlightjs/styles/${css}.min.css`;
|
|
108
|
-
},
|
|
109
|
-
hljs_lang (lang) {
|
|
110
|
-
return `${window.SITE_URL}/static/highlightjs/languages/${lang}.min.js`;
|
|
111
|
-
},
|
|
112
|
-
katex_css () {
|
|
113
|
-
return `${window.SITE_URL}/static/katex/katex.min.css`;
|
|
114
|
-
},
|
|
115
|
-
katex_js () {
|
|
116
|
-
return `${window.SITE_URL}/static/katex/katex.min.js`;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
|
-
export default defineComponent({
|
|
121
|
-
props: {
|
|
122
|
-
value: {
|
|
123
|
-
type: String
|
|
124
|
-
},
|
|
125
|
-
previewBackground: {
|
|
126
|
-
type: String,
|
|
127
|
-
default: '#fff'
|
|
128
|
-
}
|
|
129
|
-
},
|
|
130
|
-
setup (props) {
|
|
131
|
-
const mdRef = (md)=>{
|
|
132
|
-
if (!md) return;
|
|
133
|
-
// 注册代码块插件
|
|
134
|
-
MarkDownCodePlugin(md.markdownIt);
|
|
135
|
-
// 注册表情插件
|
|
136
|
-
MarkDownEmojiPlugin(md.markdownIt);
|
|
137
|
-
};
|
|
138
|
-
return ()=>h(Mavon.mavonEditor, _object_spread_props(_object_spread({}, defaultMDProps), {
|
|
139
|
-
previewBackground: props.previewBackground,
|
|
140
|
-
modelValue: props.value,
|
|
141
|
-
codeStyle: 'atom-one-dark',
|
|
142
|
-
ref: mdRef
|
|
143
|
-
}));
|
|
144
|
-
}
|
|
145
|
-
});
|