@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.
Files changed (66) hide show
  1. package/components/WebGLRenderer.mjs +1 -1
  2. package/components/WebGPURenderer.mjs +1 -1
  3. package/components/agent-chat-provider/index.mjs +1 -1
  4. package/components/avatar/index.mjs +1 -1
  5. package/components/broadcasting-markdown/index.mjs +16 -13
  6. package/components/broadcasting-markdown/src/index.vue.d.ts +1 -75
  7. package/components/browserAll.mjs +1 -1
  8. package/components/bubble-list/index.mjs +3 -3
  9. package/components/bubble-templates/index.mjs +1 -1
  10. package/components/chat-independent/index.mjs +1 -1
  11. package/components/drawer/index.css +92 -92
  12. package/components/drawer/index.mjs +1 -1
  13. package/components/index2.mjs +90 -11
  14. package/components/lottie-animation/index.mjs +1 -1
  15. package/components/metahuman-broadcasting/index.d.ts +0 -1
  16. package/components/metahuman-broadcasting/index.mjs +3092 -68
  17. package/components/metahuman-broadcasting/src/index.vue.d.ts +75 -191
  18. package/components/monaco-editor/index.mjs +1 -1
  19. package/components/monaco-environment/index.mjs +1 -1
  20. package/components/pixi-frame/index.d.ts +4 -1
  21. package/components/pixi-frame/index.mjs +2 -2
  22. package/components/pixi-frame/src/bitmap-generator.vue.d.ts +146 -0
  23. package/components/recorder-button/index.mjs +1 -1
  24. package/components/routes-menu-content/index.mjs +3 -3
  25. package/components/scrollbar/index.mjs +3 -3
  26. package/components/sender/index.mjs +2 -2
  27. package/components/speech-button/index.mjs +3 -3
  28. package/components/table-columns/index.mjs +1 -1
  29. package/components/tables-v1/index.mjs +1 -1
  30. package/components/tables-v1-checkbox/index.mjs +1 -1
  31. package/components/text/index.mjs +1 -1
  32. package/components/typing-markdown/index.mjs +1 -1
  33. package/components/vditor/index.mjs +3 -3
  34. package/components/webworkerAll.mjs +1 -1
  35. package/components/xgplayer/index.mjs +2 -2
  36. package/icons/end/index.mjs +1 -1
  37. package/icons/keyboard/index.mjs +1 -1
  38. package/icons/start/index.mjs +1 -1
  39. package/icons/voice/index.mjs +1 -1
  40. package/index.css +92 -92
  41. package/package.json +4 -20
  42. package/shared/data/blobToAudioBuffer.d.ts +1 -0
  43. package/shared/data/imgUrlToBitmap.d.ts +1 -0
  44. package/shared/data/index.d.ts +2 -0
  45. package/shared/data/index.mjs +25 -0
  46. package/shared/StreamingInferenceService.mjs +0 -204
  47. package/shared/audioToFrames/index.d.ts +0 -19
  48. package/shared/audioToFrames/index.mjs +0 -44
  49. package/shared/audioToFrames/src/assets/mask.d.ts +0 -2
  50. package/shared/audioToFrames/src/audio/StreamingFeatureExtractorService.d.ts +0 -125
  51. package/shared/audioToFrames/src/audio/index.d.ts +0 -5
  52. package/shared/audioToFrames/src/audio/index.mjs +0 -375
  53. package/shared/audioToFrames/src/config.d.ts +0 -4
  54. package/shared/audioToFrames/src/core/constants.d.ts +0 -17
  55. package/shared/audioToFrames/src/core/index.d.ts +0 -6
  56. package/shared/audioToFrames/src/core/index.mjs +0 -24
  57. package/shared/audioToFrames/src/core/utils.d.ts +0 -26
  58. package/shared/audioToFrames/src/inference/StreamingInferenceService.d.ts +0 -189
  59. package/shared/audioToFrames/src/inference/index.d.ts +0 -5
  60. package/shared/audioToFrames/src/inference/index.mjs +0 -3
  61. package/shared/audioToFrames/src/media/DataLoaderService.d.ts +0 -59
  62. package/shared/audioToFrames/src/media/PredictiveFrameLoader.d.ts +0 -81
  63. package/shared/audioToFrames/src/media/index.d.ts +0 -6
  64. package/shared/audioToFrames/src/media/index.mjs +0 -236
  65. package/shared/config.mjs +0 -5
  66. 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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/agent-chat-provider/src/index.vue"]]);
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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/avatar/src/index.vue"]]);
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, withCtx } from 'vue';
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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/broadcasting-markdown/src/howler-speech.vue"]]);
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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/broadcasting-markdown/src/paragraph.vue"]]);
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
- if (props2.separators.includes(paragraph.value)) {
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 _component_VkTypingMarkdown = resolveComponent("VkTypingMarkdown");
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(_component_VkTypingMarkdown, {
4243
- source: _ctx.fulfilledTextValue,
4244
- pause: _ctx.status === _ctx.TickerStatus.stopped
4245
- }, null, 8, ["source", "pause"])
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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/broadcasting-markdown/src/index.vue"]]);
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',"/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/core/loading.vue"]]);
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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/core/index.vue"]]);
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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/index.vue"]]);
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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-templates/src/index.vue"]]);
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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/chat-independent/src/index.vue"]]);
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", "/home/runner/work/vunk-plus/vunk-plus/packages/components/drawer/src/index.vue"]]);
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);