@vunk/plus 1.10.2 → 1.10.3
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/components/WebGLRenderer.mjs +1 -1
- package/components/WebGPURenderer.mjs +1 -1
- package/components/agent-chat-provider/index.mjs +1 -1
- package/components/avatar/index.mjs +1 -1
- package/components/broadcasting-markdown/index.mjs +16 -13
- package/components/broadcasting-markdown/src/index.vue.d.ts +1 -75
- package/components/browserAll.mjs +1 -1
- package/components/bubble-list/index.mjs +3 -3
- package/components/bubble-templates/index.mjs +1 -1
- package/components/chat-independent/index.mjs +1 -1
- package/components/drawer/index.css +92 -92
- package/components/drawer/index.mjs +1 -1
- package/components/index2.mjs +90 -11
- package/components/lottie-animation/index.mjs +1 -1
- package/components/metahuman-broadcasting/index.d.ts +0 -1
- package/components/metahuman-broadcasting/index.mjs +3092 -68
- package/components/metahuman-broadcasting/src/index.vue.d.ts +75 -191
- package/components/monaco-editor/index.mjs +1 -1
- package/components/monaco-environment/index.mjs +1 -1
- package/components/pixi-frame/index.d.ts +4 -1
- package/components/pixi-frame/index.mjs +2 -2
- package/components/pixi-frame/src/bitmap-generator.vue.d.ts +146 -0
- package/components/recorder-button/index.mjs +1 -1
- package/components/routes-menu-content/index.mjs +3 -3
- package/components/scrollbar/index.mjs +3 -3
- package/components/sender/index.mjs +2 -2
- package/components/speech-button/index.mjs +3 -3
- package/components/table-columns/index.mjs +1 -1
- package/components/tables-v1/index.mjs +1 -1
- package/components/tables-v1-checkbox/index.mjs +1 -1
- package/components/text/index.mjs +1 -1
- package/components/typing-markdown/index.mjs +1 -1
- package/components/vditor/index.mjs +3 -3
- package/components/webworkerAll.mjs +1 -1
- package/components/xgplayer/index.mjs +2 -2
- package/icons/end/index.mjs +1 -1
- package/icons/keyboard/index.mjs +1 -1
- package/icons/start/index.mjs +1 -1
- package/icons/voice/index.mjs +1 -1
- package/index.css +92 -92
- package/package.json +4 -20
- package/shared/data/blobToAudioBuffer.d.ts +1 -0
- package/shared/data/imgUrlToBitmap.d.ts +1 -0
- package/shared/data/index.d.ts +2 -0
- package/shared/data/index.mjs +25 -0
- package/shared/StreamingInferenceService.mjs +0 -204
- package/shared/audioToFrames/index.d.ts +0 -19
- package/shared/audioToFrames/index.mjs +0 -44
- package/shared/audioToFrames/src/assets/mask.d.ts +0 -2
- package/shared/audioToFrames/src/audio/StreamingFeatureExtractorService.d.ts +0 -125
- package/shared/audioToFrames/src/audio/index.d.ts +0 -5
- package/shared/audioToFrames/src/audio/index.mjs +0 -375
- package/shared/audioToFrames/src/config.d.ts +0 -4
- package/shared/audioToFrames/src/core/constants.d.ts +0 -17
- package/shared/audioToFrames/src/core/index.d.ts +0 -6
- package/shared/audioToFrames/src/core/index.mjs +0 -24
- package/shared/audioToFrames/src/core/utils.d.ts +0 -26
- package/shared/audioToFrames/src/inference/StreamingInferenceService.d.ts +0 -189
- package/shared/audioToFrames/src/inference/index.d.ts +0 -5
- package/shared/audioToFrames/src/inference/index.mjs +0 -3
- package/shared/audioToFrames/src/media/DataLoaderService.d.ts +0 -59
- package/shared/audioToFrames/src/media/PredictiveFrameLoader.d.ts +0 -81
- package/shared/audioToFrames/src/media/index.d.ts +0 -6
- package/shared/audioToFrames/src/media/index.mjs +0 -236
- package/shared/config.mjs +0 -5
- package/shared/constants.mjs +0 -7
|
@@ -6,8 +6,8 @@ import '@vunk/shared/enum';
|
|
|
6
6
|
import '@vunk/shared/promise';
|
|
7
7
|
import './_commonjsHelpers.mjs';
|
|
8
8
|
import './_plugin-vue_export-helper.mjs';
|
|
9
|
-
import '@vunk/core/composables';
|
|
10
9
|
import '@vunk/shared/object';
|
|
10
|
+
import '@vunk/core/composables';
|
|
11
11
|
|
|
12
12
|
class GlBatchAdaptor {
|
|
13
13
|
constructor() {
|
|
@@ -6,8 +6,8 @@ import '@vunk/shared/enum';
|
|
|
6
6
|
import '@vunk/shared/promise';
|
|
7
7
|
import './_commonjsHelpers.mjs';
|
|
8
8
|
import './_plugin-vue_export-helper.mjs';
|
|
9
|
-
import '@vunk/core/composables';
|
|
10
9
|
import '@vunk/shared/object';
|
|
10
|
+
import '@vunk/core/composables';
|
|
11
11
|
|
|
12
12
|
const tempState = State.for2d();
|
|
13
13
|
class GpuBatchAdaptor {
|
|
@@ -185,7 +185,7 @@ var _sfc_main = defineComponent({
|
|
|
185
185
|
}
|
|
186
186
|
});
|
|
187
187
|
|
|
188
|
-
var VkAgentChatProvider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "
|
|
188
|
+
var VkAgentChatProvider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\labCode\\vunk-plus\\packages\\components\\agent-chat-provider\\src\\index.vue"]]);
|
|
189
189
|
|
|
190
190
|
class MessageViewManager {
|
|
191
191
|
constructor() {
|
|
@@ -36,7 +36,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
36
36
|
/* FORWARDED */
|
|
37
37
|
}, 8, ["style"]);
|
|
38
38
|
}
|
|
39
|
-
var VkAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "
|
|
39
|
+
var VkAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\avatar\\src\\index.vue"]]);
|
|
40
40
|
|
|
41
41
|
var types = /*#__PURE__*/Object.freeze({
|
|
42
42
|
__proto__: null
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { VkTypingMarkdown } from '@vunk/plus/components/typing-markdown';
|
|
2
1
|
import { setData } from '@vunk/core';
|
|
3
2
|
import { useDeferred, useDataComputed } from '@vunk/core/composables';
|
|
4
3
|
import { blobToDataURL } from '@vunk/shared/data/blob';
|
|
5
4
|
import { TickerStatus } from '@vunk/shared/enum';
|
|
6
|
-
import { shallowRef, computed, watch, onBeforeUnmount, watchEffect, defineComponent, onMounted, renderSlot, nextTick, createCommentVNode, ref, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, renderList, createBlock
|
|
5
|
+
import { shallowRef, computed, watch, onBeforeUnmount, watchEffect, defineComponent, onMounted, renderSlot, nextTick, createCommentVNode, ref, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createTextVNode, renderList, createBlock } from 'vue';
|
|
7
6
|
import { noop } from '@vunk/shared/function';
|
|
8
7
|
import { c as commonjsGlobal } from '../_commonjsHelpers.mjs';
|
|
9
8
|
import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
|
|
@@ -3493,7 +3492,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3493
3492
|
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3494
3493
|
return renderSlot(_ctx.$slots, "default", { status: $props.status });
|
|
3495
3494
|
}
|
|
3496
|
-
var HowlerSpeechView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "
|
|
3495
|
+
var HowlerSpeechView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\broadcasting-markdown\\src\\howler-speech.vue"]]);
|
|
3497
3496
|
|
|
3498
3497
|
const LogLevels = {
|
|
3499
3498
|
silent: Number.NEGATIVE_INFINITY,
|
|
@@ -4048,13 +4047,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4048
4047
|
deferred: $setup.theDef
|
|
4049
4048
|
}) : createCommentVNode("v-if", true);
|
|
4050
4049
|
}
|
|
4051
|
-
var ParagraphView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "
|
|
4050
|
+
var ParagraphView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\broadcasting-markdown\\src\\paragraph.vue"]]);
|
|
4052
4051
|
|
|
4053
4052
|
var _sfc_main = defineComponent({
|
|
4054
4053
|
name: "VkBroadcastingMarkdown",
|
|
4055
4054
|
components: {
|
|
4056
4055
|
ParagraphView,
|
|
4057
|
-
VkTypingMarkdown,
|
|
4058
4056
|
HowlerSpeechView
|
|
4059
4057
|
},
|
|
4060
4058
|
props,
|
|
@@ -4077,10 +4075,10 @@ var _sfc_main = defineComponent({
|
|
|
4077
4075
|
if (!props2.textToSpeech) {
|
|
4078
4076
|
return;
|
|
4079
4077
|
}
|
|
4080
|
-
|
|
4078
|
+
const value = props2.render(paragraph.value);
|
|
4079
|
+
if (props2.separators.includes(value)) {
|
|
4081
4080
|
return;
|
|
4082
4081
|
}
|
|
4083
|
-
const value = props2.render(paragraph.value);
|
|
4084
4082
|
if (!value) {
|
|
4085
4083
|
return;
|
|
4086
4084
|
}
|
|
@@ -4231,7 +4229,7 @@ var _sfc_main = defineComponent({
|
|
|
4231
4229
|
});
|
|
4232
4230
|
|
|
4233
4231
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4234
|
-
const
|
|
4232
|
+
const _component_ElButton = resolveComponent("ElButton");
|
|
4235
4233
|
const _component_HowlerSpeechView = resolveComponent("HowlerSpeechView");
|
|
4236
4234
|
const _component_ParagraphView = resolveComponent("ParagraphView");
|
|
4237
4235
|
return openBlock(), createElementBlock(
|
|
@@ -4239,10 +4237,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4239
4237
|
null,
|
|
4240
4238
|
[
|
|
4241
4239
|
renderSlot(_ctx.$slots, "default", { paragraphs: _ctx.theData }, () => [
|
|
4242
|
-
createVNode(
|
|
4243
|
-
|
|
4244
|
-
|
|
4245
|
-
|
|
4240
|
+
createVNode(_component_ElButton, {
|
|
4241
|
+
onClick: _cache[0] || (_cache[0] = () => console.log(_ctx.theData))
|
|
4242
|
+
}, {
|
|
4243
|
+
default: withCtx(() => _cache[1] || (_cache[1] = [
|
|
4244
|
+
createTextVNode(" paragraphs ")
|
|
4245
|
+
])),
|
|
4246
|
+
_: 1
|
|
4247
|
+
/* STABLE */
|
|
4248
|
+
})
|
|
4246
4249
|
]),
|
|
4247
4250
|
(openBlock(true), createElementBlock(
|
|
4248
4251
|
Fragment,
|
|
@@ -4288,7 +4291,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4288
4291
|
/* STABLE_FRAGMENT */
|
|
4289
4292
|
);
|
|
4290
4293
|
}
|
|
4291
|
-
var VkBroadcastingMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "
|
|
4294
|
+
var VkBroadcastingMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\broadcasting-markdown\\src\\index.vue"]]);
|
|
4292
4295
|
|
|
4293
4296
|
var types = /*#__PURE__*/Object.freeze({
|
|
4294
4297
|
__proto__: null
|
|
@@ -168,8 +168,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
168
168
|
source: string;
|
|
169
169
|
render: (text: string) => string;
|
|
170
170
|
processing: (paragraph: Paragraph) => void;
|
|
171
|
-
delay: number;
|
|
172
171
|
status: TickerStatus;
|
|
172
|
+
delay: number;
|
|
173
173
|
separators: string[];
|
|
174
174
|
keepRead: boolean;
|
|
175
175
|
textToSpeech: import("./types").TextToSpeech;
|
|
@@ -249,80 +249,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
249
249
|
enable: boolean;
|
|
250
250
|
retryTimes: number;
|
|
251
251
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
252
|
-
VkTypingMarkdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
253
|
-
source: {
|
|
254
|
-
type: StringConstructor;
|
|
255
|
-
default: string;
|
|
256
|
-
};
|
|
257
|
-
delay: {
|
|
258
|
-
type: NumberConstructor;
|
|
259
|
-
default: number;
|
|
260
|
-
};
|
|
261
|
-
pause: {
|
|
262
|
-
type: BooleanConstructor;
|
|
263
|
-
default: boolean;
|
|
264
|
-
};
|
|
265
|
-
disabled: {
|
|
266
|
-
type: BooleanConstructor;
|
|
267
|
-
default: boolean;
|
|
268
|
-
};
|
|
269
|
-
markdownItSetup: {
|
|
270
|
-
type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
|
|
271
|
-
default: null;
|
|
272
|
-
};
|
|
273
|
-
finished: {
|
|
274
|
-
type: BooleanConstructor;
|
|
275
|
-
};
|
|
276
|
-
loading: {
|
|
277
|
-
type: BooleanConstructor;
|
|
278
|
-
default: boolean;
|
|
279
|
-
};
|
|
280
|
-
}>, {
|
|
281
|
-
htmlText: import("vue").Ref<string, string>;
|
|
282
|
-
isDebouncedTyping: Readonly<import("vue").Ref<boolean, boolean>>;
|
|
283
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
284
|
-
typing: null;
|
|
285
|
-
'update:finished': null;
|
|
286
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
287
|
-
source: {
|
|
288
|
-
type: StringConstructor;
|
|
289
|
-
default: string;
|
|
290
|
-
};
|
|
291
|
-
delay: {
|
|
292
|
-
type: NumberConstructor;
|
|
293
|
-
default: number;
|
|
294
|
-
};
|
|
295
|
-
pause: {
|
|
296
|
-
type: BooleanConstructor;
|
|
297
|
-
default: boolean;
|
|
298
|
-
};
|
|
299
|
-
disabled: {
|
|
300
|
-
type: BooleanConstructor;
|
|
301
|
-
default: boolean;
|
|
302
|
-
};
|
|
303
|
-
markdownItSetup: {
|
|
304
|
-
type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
|
|
305
|
-
default: null;
|
|
306
|
-
};
|
|
307
|
-
finished: {
|
|
308
|
-
type: BooleanConstructor;
|
|
309
|
-
};
|
|
310
|
-
loading: {
|
|
311
|
-
type: BooleanConstructor;
|
|
312
|
-
default: boolean;
|
|
313
|
-
};
|
|
314
|
-
}>> & Readonly<{
|
|
315
|
-
onTyping?: ((...args: any[]) => any) | undefined;
|
|
316
|
-
"onUpdate:finished"?: ((...args: any[]) => any) | undefined;
|
|
317
|
-
}>, {
|
|
318
|
-
source: string;
|
|
319
|
-
pause: boolean;
|
|
320
|
-
disabled: boolean;
|
|
321
|
-
loading: boolean;
|
|
322
|
-
delay: number;
|
|
323
|
-
markdownItSetup: (md: import("markdown-it-async").MarkdownItAsync) => void;
|
|
324
|
-
finished: boolean;
|
|
325
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
326
252
|
HowlerSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
327
253
|
source: {
|
|
328
254
|
type: StringConstructor;
|
|
@@ -5,8 +5,8 @@ import '@vunk/shared/enum';
|
|
|
5
5
|
import '@vunk/shared/promise';
|
|
6
6
|
import './_commonjsHelpers.mjs';
|
|
7
7
|
import './_plugin-vue_export-helper.mjs';
|
|
8
|
-
import '@vunk/core/composables';
|
|
9
8
|
import '@vunk/shared/object';
|
|
9
|
+
import '@vunk/core/composables';
|
|
10
10
|
import './colorToUniform.mjs';
|
|
11
11
|
|
|
12
12
|
class FederatedEvent {
|
|
@@ -25,7 +25,7 @@ function _sfc_render$2(_ctx, _cache) {
|
|
|
25
25
|
createStaticVNode("<defs><filter id=\"master_svg0_62_10054\" filterUnits=\"objectBoundingBox\" color-interpolation-filters=\"sRGB\" x=\"-0.030120481927710843\" y=\"-0.030120481927710843\" width=\"1.0602409638554218\" height=\"1.0602409638554218\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"5\" result=\"effect1_foregroundBlur\"></feGaussianBlur></filter><linearGradient id=\"master_svg1_62_10082\" x1=\"0.5\" y1=\"-0.13192443549633026\" x2=\"0.42319029569625854\" y2=\"1.368432641029358\"><stop offset=\"9.145302325487137%\" stop-color=\"currentColor\" stop-opacity=\"1\"></stop><stop offset=\"13.636428117752075%\" stop-color=\"currentColor\" stop-opacity=\"0.07539999485015869\"></stop><stop offset=\"16.968481242656708%\" stop-color=\"currentColor\" stop-opacity=\"0\"></stop></linearGradient></defs><g transform=\"matrix(0,1,-1,0,704,-664)\" filter=\"url(#master_svg0_62_10054)\"><path d=\"M1016,684C1199.359,684,1348,535.359,1348,352C1348,168.641,1199.359,20,1016,20C832.641,20,684,168.641,684,352C684,535.359,832.641,684,1016,684ZM1016,32C1192.731,32,1336,175.269,1336,352C1336,528.731,1192.731,672,1016,672C839.269,672,696,528.731,696,352C696,175.269,839.269,32,1016,32Z\" fill-rule=\"evenodd\" fill=\"url(#master_svg1_62_10082)\" fill-opacity=\"1\"></path></g>", 2)
|
|
26
26
|
])))
|
|
27
27
|
}
|
|
28
|
-
var loadingBg = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render$2],['__file',"
|
|
28
|
+
var loadingBg = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render$2],['__file',"D:\\labCode\\vunk-plus\\packages\\components\\bubble-list\\src\\core\\loading.vue"]]);
|
|
29
29
|
|
|
30
30
|
var _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
31
31
|
__name: "index",
|
|
@@ -294,7 +294,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
294
294
|
])
|
|
295
295
|
]);
|
|
296
296
|
}
|
|
297
|
-
var BubbleList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "
|
|
297
|
+
var BubbleList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\bubble-list\\src\\core\\index.vue"]]);
|
|
298
298
|
|
|
299
299
|
const props = {
|
|
300
300
|
items: {
|
|
@@ -401,7 +401,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
401
401
|
/* FORWARDED */
|
|
402
402
|
});
|
|
403
403
|
}
|
|
404
|
-
var VkBubbleList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "
|
|
404
|
+
var VkBubbleList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\bubble-list\\src\\index.vue"]]);
|
|
405
405
|
|
|
406
406
|
var types = /*#__PURE__*/Object.freeze({
|
|
407
407
|
__proto__: null
|
|
@@ -48,7 +48,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
48
48
|
/* STABLE */
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
|
-
var VkBubbleTemplates = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "
|
|
51
|
+
var VkBubbleTemplates = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\bubble-templates\\src\\index.vue"]]);
|
|
52
52
|
|
|
53
53
|
var types = /*#__PURE__*/Object.freeze({
|
|
54
54
|
__proto__: null
|
|
@@ -237,7 +237,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
237
237
|
])
|
|
238
238
|
]);
|
|
239
239
|
}
|
|
240
|
-
var VkChatIndependent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "
|
|
240
|
+
var VkChatIndependent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\chat-independent\\src\\index.vue"]]);
|
|
241
241
|
|
|
242
242
|
var types = /*#__PURE__*/Object.freeze({
|
|
243
243
|
__proto__: null
|
|
@@ -1,124 +1,124 @@
|
|
|
1
|
-
.vk-drawer-modal.is-closed {
|
|
2
|
-
display: block!important; /* 保持抽屉关闭时,toggle 仍然可见 */
|
|
1
|
+
.vk-drawer-modal.is-closed {
|
|
2
|
+
display: block!important; /* 保持抽屉关闭时,toggle 仍然可见 */
|
|
3
3
|
visibility: hidden; /* 抽屉本体不可见 */
|
|
4
4
|
}
|
|
5
|
-
.vk-drawer-modal.is-closed .el-drawer.rtl {
|
|
5
|
+
.vk-drawer-modal.is-closed .el-drawer.rtl {
|
|
6
6
|
transform: translateX(100%); /* 抽屉本体移出可视区域 */
|
|
7
7
|
}
|
|
8
|
-
.vk-drawer-modal.is-closed .el-drawer.ltr {
|
|
8
|
+
.vk-drawer-modal.is-closed .el-drawer.ltr {
|
|
9
9
|
transform: translateX(-100%); /* 抽屉本体移出可视区域 */
|
|
10
10
|
}
|
|
11
|
-
.vk-drawer-modal.is-closed .el-drawer.ttb {
|
|
11
|
+
.vk-drawer-modal.is-closed .el-drawer.ttb {
|
|
12
12
|
transform: translateY(-100%); /* 抽屉本体移出可视区域 */
|
|
13
13
|
}
|
|
14
|
-
.vk-drawer-modal.is-closed .el-drawer.btt {
|
|
14
|
+
.vk-drawer-modal.is-closed .el-drawer.btt {
|
|
15
15
|
transform: translateY(100%); /* 抽屉本体移出可视区域 */
|
|
16
16
|
}
|
|
17
|
-
.vk-drawer-modal .vk-drawer-toggle {
|
|
17
|
+
.vk-drawer-modal .vk-drawer-toggle {
|
|
18
18
|
visibility: visible; /* 保持 toggle 可见 */
|
|
19
19
|
}
|
|
20
|
-
.vk-drawer-modal.is-absolute{
|
|
20
|
+
.vk-drawer-modal.is-absolute{
|
|
21
21
|
position: absolute!important;
|
|
22
22
|
}
|
|
23
|
-
.vk-drawer-modal.is-absolute.no-modal {
|
|
23
|
+
.vk-drawer-modal.is-absolute.no-modal {
|
|
24
24
|
pointer-events: none;
|
|
25
25
|
}
|
|
26
|
-
.vk-drawer-modal.is-absolute.no-modal .el-drawer {
|
|
26
|
+
.vk-drawer-modal.is-absolute.no-modal .el-drawer {
|
|
27
27
|
pointer-events: initial;
|
|
28
28
|
}
|
|
29
|
-
.vk-drawer-toggle {
|
|
30
|
-
position: absolute;
|
|
31
|
-
z-index: 2;
|
|
32
|
-
|
|
33
|
-
/* 尺寸 */
|
|
34
|
-
width: 40px;
|
|
35
|
-
height: 80px;
|
|
36
|
-
|
|
37
|
-
/* 布局 */
|
|
38
|
-
display: flex;
|
|
39
|
-
align-items: center;
|
|
40
|
-
justify-content: center;
|
|
41
|
-
|
|
42
|
-
/* 交互 */
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
user-select: none;
|
|
45
|
-
|
|
46
|
-
/* 文字样式 */
|
|
29
|
+
.vk-drawer-toggle {
|
|
30
|
+
position: absolute;
|
|
31
|
+
z-index: 2;
|
|
32
|
+
|
|
33
|
+
/* 尺寸 */
|
|
34
|
+
width: 40px;
|
|
35
|
+
height: 80px;
|
|
36
|
+
|
|
37
|
+
/* 布局 */
|
|
38
|
+
display: flex;
|
|
39
|
+
align-items: center;
|
|
40
|
+
justify-content: center;
|
|
41
|
+
|
|
42
|
+
/* 交互 */
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
user-select: none;
|
|
45
|
+
|
|
46
|
+
/* 文字样式 */
|
|
47
47
|
color: var(--el-text-color-primary);
|
|
48
48
|
}
|
|
49
|
-
.vk-drawer-toggle.is-rtl {
|
|
50
|
-
|
|
51
|
-
/* 位置 */
|
|
52
|
-
top: 25%;
|
|
53
|
-
left: 0;
|
|
54
|
-
transform: translate(-100%, 0);
|
|
55
|
-
|
|
56
|
-
/* 外观 */
|
|
57
|
-
background-color: var(--el-bg-color);
|
|
58
|
-
border: 1px solid var(--el-border-color);
|
|
59
|
-
border-right: none; /* 右侧不要边框,因为贴着 drawer */
|
|
60
|
-
|
|
61
|
-
/* 圆角 */
|
|
62
|
-
border-top-left-radius: var(--el-border-radius-base);
|
|
63
|
-
border-bottom-left-radius: var(--el-border-radius-base);
|
|
64
|
-
|
|
65
|
-
/* 文字排列 */
|
|
49
|
+
.vk-drawer-toggle.is-rtl {
|
|
50
|
+
|
|
51
|
+
/* 位置 */
|
|
52
|
+
top: 25%;
|
|
53
|
+
left: 0;
|
|
54
|
+
transform: translate(-100%, 0);
|
|
55
|
+
|
|
56
|
+
/* 外观 */
|
|
57
|
+
background-color: var(--el-bg-color);
|
|
58
|
+
border: 1px solid var(--el-border-color);
|
|
59
|
+
border-right: none; /* 右侧不要边框,因为贴着 drawer */
|
|
60
|
+
|
|
61
|
+
/* 圆角 */
|
|
62
|
+
border-top-left-radius: var(--el-border-radius-base);
|
|
63
|
+
border-bottom-left-radius: var(--el-border-radius-base);
|
|
64
|
+
|
|
65
|
+
/* 文字排列 */
|
|
66
66
|
writing-mode: vertical-rl; /* 竖向文字 */
|
|
67
67
|
}
|
|
68
|
-
.vk-drawer-toggle.is-ltr {
|
|
69
|
-
|
|
70
|
-
/* 位置 */
|
|
71
|
-
top: 25%;
|
|
72
|
-
right: 0;
|
|
73
|
-
transform: translate(100%, 0);
|
|
74
|
-
|
|
75
|
-
/* 外观 */
|
|
76
|
-
background-color: var(--el-bg-color);
|
|
77
|
-
border: 1px solid var(--el-border-color);
|
|
78
|
-
border-left: none; /* 左侧不要边框,因为贴着 drawer */
|
|
79
|
-
|
|
80
|
-
/* 圆角 */
|
|
81
|
-
border-top-right-radius: var(--el-border-radius-base);
|
|
82
|
-
border-bottom-right-radius: var(--el-border-radius-base);
|
|
83
|
-
|
|
84
|
-
/* 文字排列 */
|
|
68
|
+
.vk-drawer-toggle.is-ltr {
|
|
69
|
+
|
|
70
|
+
/* 位置 */
|
|
71
|
+
top: 25%;
|
|
72
|
+
right: 0;
|
|
73
|
+
transform: translate(100%, 0);
|
|
74
|
+
|
|
75
|
+
/* 外观 */
|
|
76
|
+
background-color: var(--el-bg-color);
|
|
77
|
+
border: 1px solid var(--el-border-color);
|
|
78
|
+
border-left: none; /* 左侧不要边框,因为贴着 drawer */
|
|
79
|
+
|
|
80
|
+
/* 圆角 */
|
|
81
|
+
border-top-right-radius: var(--el-border-radius-base);
|
|
82
|
+
border-bottom-right-radius: var(--el-border-radius-base);
|
|
83
|
+
|
|
84
|
+
/* 文字排列 */
|
|
85
85
|
writing-mode: vertical-rl; /* 竖向文字 */
|
|
86
86
|
}
|
|
87
|
-
.vk-drawer-toggle.is-ttb {
|
|
88
|
-
|
|
89
|
-
/* 位置 */
|
|
90
|
-
bottom: 0;
|
|
91
|
-
left: 25%;
|
|
92
|
-
transform: translate(0, 100%);
|
|
93
|
-
|
|
94
|
-
/* 外观 */
|
|
95
|
-
background-color: var(--el-bg-color);
|
|
96
|
-
border: 1px solid var(--el-border-color);
|
|
97
|
-
border-top: none; /* 上侧不要边框,因为贴着 drawer */
|
|
98
|
-
|
|
99
|
-
/* 圆角 */
|
|
100
|
-
border-bottom-left-radius: var(--el-border-radius-base);
|
|
87
|
+
.vk-drawer-toggle.is-ttb {
|
|
88
|
+
|
|
89
|
+
/* 位置 */
|
|
90
|
+
bottom: 0;
|
|
91
|
+
left: 25%;
|
|
92
|
+
transform: translate(0, 100%);
|
|
93
|
+
|
|
94
|
+
/* 外观 */
|
|
95
|
+
background-color: var(--el-bg-color);
|
|
96
|
+
border: 1px solid var(--el-border-color);
|
|
97
|
+
border-top: none; /* 上侧不要边框,因为贴着 drawer */
|
|
98
|
+
|
|
99
|
+
/* 圆角 */
|
|
100
|
+
border-bottom-left-radius: var(--el-border-radius-base);
|
|
101
101
|
border-bottom-right-radius: var(--el-border-radius-base);
|
|
102
102
|
}
|
|
103
|
-
.vk-drawer-toggle.is-btt {
|
|
104
|
-
|
|
105
|
-
/* 位置 */
|
|
106
|
-
top: 0;
|
|
107
|
-
left: 25%;
|
|
108
|
-
transform: translate(0, -100%);
|
|
109
|
-
|
|
110
|
-
/* 外观 */
|
|
111
|
-
background-color: var(--el-bg-color);
|
|
112
|
-
border: 1px solid var(--el-border-color);
|
|
113
|
-
border-bottom: none; /* 下侧不要边框,因为贴着 drawer */
|
|
114
|
-
|
|
115
|
-
/* 圆角 */
|
|
116
|
-
border-top-left-radius: var(--el-border-radius-base);
|
|
103
|
+
.vk-drawer-toggle.is-btt {
|
|
104
|
+
|
|
105
|
+
/* 位置 */
|
|
106
|
+
top: 0;
|
|
107
|
+
left: 25%;
|
|
108
|
+
transform: translate(0, -100%);
|
|
109
|
+
|
|
110
|
+
/* 外观 */
|
|
111
|
+
background-color: var(--el-bg-color);
|
|
112
|
+
border: 1px solid var(--el-border-color);
|
|
113
|
+
border-bottom: none; /* 下侧不要边框,因为贴着 drawer */
|
|
114
|
+
|
|
115
|
+
/* 圆角 */
|
|
116
|
+
border-top-left-radius: var(--el-border-radius-base);
|
|
117
117
|
border-top-right-radius: var(--el-border-radius-base);
|
|
118
118
|
}
|
|
119
|
-
.vk-drawer-toggle:hover {
|
|
119
|
+
.vk-drawer-toggle:hover {
|
|
120
120
|
background-color: var(--el-fill-color-light);
|
|
121
121
|
}
|
|
122
|
-
.vk-drawer-toggle:active {
|
|
122
|
+
.vk-drawer-toggle:active {
|
|
123
123
|
background-color: var(--el-fill-color);
|
|
124
124
|
}
|
|
@@ -103,7 +103,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
103
103
|
/* FORWARDED */
|
|
104
104
|
}, 16, ["modal-class"]);
|
|
105
105
|
}
|
|
106
|
-
var VkDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "
|
|
106
|
+
var VkDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\drawer\\src\\index.vue"]]);
|
|
107
107
|
|
|
108
108
|
VkDrawer.install = (app) => {
|
|
109
109
|
app.component(VkDrawer.name || "VkDrawer", VkDrawer);
|