@voicenter-team/voicenter-ui-plus 3.0.9 → 3.0.10

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 (22) hide show
  1. package/library/assets/assets/sass/main.css +1 -1
  2. package/library/assets/components/VcForm/UiComponents/VcInputLabel.css +1 -1
  3. package/library/assets/components/VcForm/VcFormItem.css +1 -1
  4. package/library/assets/components/VcMdEditor/VcMdEditorContent.css +1 -1
  5. package/library/assets/components/VcSystemUserPrompt/VcSystemUserPrompt.css +1 -0
  6. package/library/components/VcForm/UiComponents/VcInputLabel.vue.mjs +22 -22
  7. package/library/components/VcMdEditor/VcMdEditorToolbar.vue.mjs +44 -42
  8. package/library/components/VcSystemUserPrompt/VcSystemUserPrompt.vue.mjs +35 -17
  9. package/library/components/VcSystemUserPrompt/VcSystemUserPrompt.vue3.mjs +5 -0
  10. package/library/components/VcSystemUserPrompt/enum.mjs +3 -3
  11. package/library/index.mjs +1 -0
  12. package/library/index.mjs.br +0 -0
  13. package/library/index.mjs.gz +0 -0
  14. package/library/plugin.mjs +1 -0
  15. package/library/plugin.mjs.br +0 -0
  16. package/library/plugin.mjs.gz +0 -0
  17. package/library/style.css +6 -4
  18. package/library/style.css.br +0 -0
  19. package/library/style.css.gz +0 -0
  20. package/library/types/components/VcSystemUserPrompt/VcSystemUserPrompt.vue.d.ts +5 -2
  21. package/package.json +1 -1
  22. package/library/components/VcSystemUserPrompt/VcSystemUserPrompt.vue2.mjs +0 -4
package/library/components/VcMdEditor/VcMdEditorToolbar.vue.mjs CHANGED
@@ -20,35 +20,37 @@ import _sfc_main$3 from "../VcIcon/VcIcon.vue.mjs";
20
20
  import { Heading, List, FileCode2, Braces, ChevronRight } from "@lucide/vue";
21
21
  const _hoisted_1 = { class: "vc-markdown-editor__toolbar flex items-center divide-x divide-ui-lines space h-full" };
22
22
  const _hoisted_2 = { class: "flex items-center px-1" };
23
- const _hoisted_3 = { class: "hidden md:inline-flex" };
23
+ const _hoisted_3 = { class: "toolbar-item-nav-item" };
24
24
  const _hoisted_4 = { class: "p-2 rounded divide-y divide-ui-lines" };
25
25
  const _hoisted_5 = { class: "w-full flex items-center gap-2" };
26
- const _hoisted_6 = { class: "flex items-center gap-1 px-1" };
27
- const _hoisted_7 = { class: "hidden md:inline-flex" };
28
- const _hoisted_8 = { class: "p-2 rounded divide-y divide-ui-lines" };
29
- const _hoisted_9 = { class: "w-full flex items-center gap-2" };
30
- const _hoisted_10 = { class: "flex items-center gap-1 px-1" };
31
- const _hoisted_11 = { class: "hidden md:inline-flex" };
32
- const _hoisted_12 = { class: "p-2 rounded divide-y divide-ui-lines" };
33
- const _hoisted_13 = { class: "w-full flex items-center gap-2" };
34
- const _hoisted_14 = {
26
+ const _hoisted_6 = { class: "toolbar-item-menu-item" };
27
+ const _hoisted_7 = { class: "flex items-center gap-1 px-1" };
28
+ const _hoisted_8 = { class: "toolbar-item-nav-item" };
29
+ const _hoisted_9 = { class: "p-2 rounded divide-y divide-ui-lines" };
30
+ const _hoisted_10 = { class: "w-full flex items-center gap-2" };
31
+ const _hoisted_11 = { class: "toolbar-item-menu-item" };
32
+ const _hoisted_12 = { class: "flex items-center gap-1 px-1" };
33
+ const _hoisted_13 = { class: "toolbar-item-nav-item" };
34
+ const _hoisted_14 = { class: "p-2 rounded divide-y divide-ui-lines" };
35
+ const _hoisted_15 = { class: "w-full flex items-center gap-2" };
36
+ const _hoisted_16 = {
35
37
  key: 0,
36
38
  class: "flex items-center gap-1 px-1"
37
39
  };
38
- const _hoisted_15 = { class: "hidden md:inline-flex" };
39
- const _hoisted_16 = {
40
+ const _hoisted_17 = { class: "toolbar-item-nav-item" };
41
+ const _hoisted_18 = {
40
42
  key: 1,
41
43
  class: "p-2 rounded divide-y divide-ui-lines max-h-96 overflow-x-auto"
42
44
  };
43
- const _hoisted_17 = { class: "w-full flex items-center gap-2" };
44
- const _hoisted_18 = { class: "capitalize" };
45
- const _hoisted_19 = { key: 1 };
46
- const _hoisted_20 = { class: "w-full flex items-center gap-2" };
47
- const _hoisted_21 = { class: "capitalize flex-grow text-start" };
48
- const _hoisted_22 = { class: "p-2 rounded divide-y divide-ui-lines" };
49
- const _hoisted_23 = { class: "py-0.5" };
50
- const _hoisted_24 = { class: "py-0.5" };
45
+ const _hoisted_19 = { class: "w-full flex items-center gap-2" };
46
+ const _hoisted_20 = { class: "capitalize toolbar-item-menu-item" };
47
+ const _hoisted_21 = { key: 1 };
48
+ const _hoisted_22 = { class: "w-full flex items-center gap-2" };
49
+ const _hoisted_23 = { class: "capitalize flex-grow text-start toolbar-item-menu-item" };
50
+ const _hoisted_24 = { class: "p-2 rounded divide-y divide-ui-lines" };
51
51
  const _hoisted_25 = { class: "py-0.5" };
52
+ const _hoisted_26 = { class: "py-0.5" };
53
+ const _hoisted_27 = { class: "py-0.5" };
52
54
  const CASCADER_ACTION_OPENING = "__opening__";
53
55
  const CASCADER_ACTION_CLOSING = "__closing__";
54
56
  const CASCADER_ACTION_VALUE = "__value__";
@@ -241,7 +243,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
241
243
  icon: item.icon,
242
244
  class: "icon-sm"
243
245
  }, null, 8, ["icon"]),
244
- createElementVNode("span", null, toDisplayString(item.label), 1)
246
+ createElementVNode("span", _hoisted_6, toDisplayString(item.label), 1)
245
247
  ])
246
248
  ]),
247
249
  _: 2
@@ -253,7 +255,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
253
255
  _: 1
254
256
  }, 8, ["teleported", "disabled"])
255
257
  ]),
256
- createElementVNode("div", _hoisted_6, [
258
+ createElementVNode("div", _hoisted_7, [
257
259
  createVNode(_sfc_main$1, {
258
260
  ref_key: "listPopoverRef",
259
261
  ref: listPopoverRef,
@@ -272,13 +274,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
272
274
  size: "small"
273
275
  }, {
274
276
  default: withCtx(() => [
275
- createElementVNode("span", _hoisted_7, toDisplayString(unref(tVU).t("voicenterUi.mdEditor.listAction")), 1)
277
+ createElementVNode("span", _hoisted_8, toDisplayString(unref(tVU).t("voicenterUi.mdEditor.listAction")), 1)
276
278
  ]),
277
279
  _: 1
278
280
  }, 8, ["icon"])
279
281
  ]),
280
282
  default: withCtx(() => [
281
- createElementVNode("div", _hoisted_8, [
283
+ createElementVNode("div", _hoisted_9, [
282
284
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(listMenuItems), (item) => {
283
285
  return openBlock(), createElementBlock("div", {
284
286
  key: item.label,
@@ -291,12 +293,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
291
293
  onClick: ($event) => handleHeading(item)
292
294
  }, {
293
295
  default: withCtx(() => [
294
- createElementVNode("div", _hoisted_9, [
296
+ createElementVNode("div", _hoisted_10, [
295
297
  createVNode(_sfc_main$3, {
296
298
  icon: item.icon,
297
299
  class: "icon-sm"
298
300
  }, null, 8, ["icon"]),
299
- createElementVNode("span", null, toDisplayString(item.label), 1)
301
+ createElementVNode("span", _hoisted_11, toDisplayString(item.label), 1)
300
302
  ])
301
303
  ]),
302
304
  _: 2
@@ -308,7 +310,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
308
310
  _: 1
309
311
  }, 8, ["teleported", "disabled"])
310
312
  ]),
311
- createElementVNode("div", _hoisted_10, [
313
+ createElementVNode("div", _hoisted_12, [
312
314
  createVNode(_sfc_main$1, {
313
315
  ref_key: "advancedPopoverRef",
314
316
  ref: advancedPopoverRef,
@@ -327,13 +329,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
327
329
  size: "small"
328
330
  }, {
329
331
  default: withCtx(() => [
330
- createElementVNode("span", _hoisted_11, toDisplayString(unref(tVU).t("voicenterUi.mdEditor.advanceAction")), 1)
332
+ createElementVNode("span", _hoisted_13, toDisplayString(unref(tVU).t("voicenterUi.mdEditor.advanceAction")), 1)
331
333
  ]),
332
334
  _: 1
333
335
  }, 8, ["icon"])
334
336
  ]),
335
337
  default: withCtx(() => [
336
- createElementVNode("div", _hoisted_12, [
338
+ createElementVNode("div", _hoisted_14, [
337
339
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(advancedMenuItems), (item) => {
338
340
  return openBlock(), createElementBlock("div", {
339
341
  key: item.label,
@@ -346,7 +348,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
346
348
  onClick: ($event) => handleHeading(item)
347
349
  }, {
348
350
  default: withCtx(() => [
349
- createElementVNode("div", _hoisted_13, [
351
+ createElementVNode("div", _hoisted_15, [
350
352
  createVNode(_sfc_main$3, {
351
353
  icon: item.icon,
352
354
  class: "icon-sm"
@@ -363,7 +365,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
363
365
  _: 1
364
366
  }, 8, ["teleported", "disabled"])
365
367
  ]),
366
- ((_a = __props.parameters) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_14, [
368
+ ((_a = __props.parameters) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_16, [
367
369
  createVNode(_sfc_main$1, {
368
370
  ref_key: "parameterPopoverRef",
369
371
  ref: parameterPopoverRef,
@@ -385,7 +387,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
385
387
  size: "small"
386
388
  }, {
387
389
  default: withCtx(() => [
388
- createElementVNode("span", _hoisted_15, toDisplayString(unref(tVU).t("voicenterUi.mdEditor.toolbar.parameter")), 1)
390
+ createElementVNode("span", _hoisted_17, toDisplayString(unref(tVU).t("voicenterUi.mdEditor.toolbar.parameter")), 1)
389
391
  ]),
390
392
  _: 1
391
393
  }, 8, ["icon"])
@@ -400,7 +402,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
400
402
  teleported: __props.isTeleported,
401
403
  class: "vc-markdown-editor__cascader-panel",
402
404
  onChange: onCascaderChange
403
- }, null, 8, ["modelValue", "options", "teleported"])) : (openBlock(), createElementBlock("div", _hoisted_16, [
405
+ }, null, 8, ["modelValue", "options", "teleported"])) : (openBlock(), createElementBlock("div", _hoisted_18, [
404
406
  (openBlock(true), createElementBlock(Fragment, null, renderList(flatParameters.value, (parameter, index) => {
405
407
  return openBlock(), createElementBlock("div", {
406
408
  key: `${parameter.tag}-${index}`,
@@ -414,13 +416,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
414
416
  onClick: ($event) => handleInsertParameter(parameter)
415
417
  }, {
416
418
  default: withCtx(() => [
417
- createElementVNode("div", _hoisted_17, [
419
+ createElementVNode("div", _hoisted_19, [
418
420
  createVNode(_sfc_main$3, { icon: unref(Braces) }, null, 8, ["icon"]),
419
- createElementVNode("span", _hoisted_18, toDisplayString(parameter.label), 1)
421
+ createElementVNode("span", _hoisted_20, toDisplayString(parameter.label), 1)
420
422
  ])
421
423
  ]),
422
424
  _: 2
423
- }, 1032, ["onClick"])) : (openBlock(), createElementBlock("div", _hoisted_19, [
425
+ }, 1032, ["onClick"])) : (openBlock(), createElementBlock("div", _hoisted_21, [
424
426
  createVNode(_sfc_main$1, {
425
427
  teleported: __props.isTeleported,
426
428
  disabled: __props.disabled,
@@ -434,8 +436,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
434
436
  block: ""
435
437
  }, {
436
438
  default: withCtx(() => [
437
- createElementVNode("div", _hoisted_20, [
438
- createElementVNode("span", _hoisted_21, toDisplayString(parameter.label), 1),
439
+ createElementVNode("div", _hoisted_22, [
440
+ createElementVNode("span", _hoisted_23, toDisplayString(parameter.label), 1),
439
441
  createVNode(_sfc_main$3, { icon: unref(ChevronRight) }, null, 8, ["icon"])
440
442
  ])
441
443
  ]),
@@ -443,8 +445,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
443
445
  }, 1024)
444
446
  ]),
445
447
  default: withCtx(() => [
446
- createElementVNode("div", _hoisted_22, [
447
- createElementVNode("div", _hoisted_23, [
448
+ createElementVNode("div", _hoisted_24, [
449
+ createElementVNode("div", _hoisted_25, [
448
450
  createVNode(_sfc_main$2, {
449
451
  size: "small",
450
452
  block: "",
@@ -459,7 +461,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
459
461
  _: 1
460
462
  }, 8, ["onClick"])
461
463
  ]),
462
- createElementVNode("div", _hoisted_24, [
464
+ createElementVNode("div", _hoisted_26, [
463
465
  createVNode(_sfc_main$2, {
464
466
  size: "small",
465
467
  block: "",
@@ -474,7 +476,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
474
476
  _: 1
475
477
  }, 8, ["onClick"])
476
478
  ]),
477
- createElementVNode("div", _hoisted_25, [
479
+ createElementVNode("div", _hoisted_27, [
478
480
  createVNode(_sfc_main$2, {
479
481
  size: "small",
480
482
  block: "",
package/library/components/VcSystemUserPrompt/VcSystemUserPrompt.vue.mjs CHANGED
@@ -1,14 +1,15 @@
1
- import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, withDirectives, vShow } from "vue";
1
+ import '../../assets/components/VcSystemUserPrompt/VcSystemUserPrompt.css';
2
+ import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, toDisplayString, withDirectives, vShow } from "vue";
2
3
  import { SYSTEM_USER_PROMPT_DEFAULT_TAB, systemUserPromptEnum, systemUserPromptOptions, SYSTEM_PROMPT_VALUE, USER_PROMPT_VALUE } from "./enum.mjs";
3
- import _sfc_main$2 from "../VcMdEditor/VcMdEditor.vue.mjs";
4
+ import _sfc_main$1 from "../VcMdEditor/VcMdEditor.vue.mjs";
4
5
  import { useVModel } from "@vueuse/core";
5
- import _sfc_main$1 from "../VcViewSwitcher/VcViewSwitcher.vue.mjs";
6
- import '../../assets/components/VcViewSwitcher/VcViewSwitcher.css';/* empty css */
7
6
  const _hoisted_1 = { class: "vc-system-user-prompt" };
8
7
  const _hoisted_2 = { class: "w-full vc-system-user-prompt__nav" };
9
- const _hoisted_3 = { class: "vc-system-user-prompt__content pt-4 pb-3" };
10
- const _hoisted_4 = { class: "vc-system-user-prompt__content-system" };
11
- const _hoisted_5 = { class: "vc-system-user-prompt__content-user" };
8
+ const _hoisted_3 = { class: "flex-center gap-2" };
9
+ const _hoisted_4 = { class: "text-sm" };
10
+ const _hoisted_5 = { class: "vc-system-user-prompt__content pb-3 pt-1" };
11
+ const _hoisted_6 = { class: "vc-system-user-prompt__content-system" };
12
+ const _hoisted_7 = { class: "vc-system-user-prompt__content-user" };
12
13
  const MIN_HEIGHT = 200;
13
14
  const MAX_HEIGHT = 600;
14
15
  const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,7 +22,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
21
22
  readonly: { type: Boolean },
22
23
  isTeleported: { type: Boolean },
23
24
  useParameters: { type: Boolean },
24
- parameters: {}
25
+ parameters: {},
26
+ navigationSize: {},
27
+ navigationColor: {}
25
28
  },
26
29
  emits: ["update:modelValue"],
27
30
  setup(__props, { expose: __expose, emit: __emit }) {
@@ -73,18 +76,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
73
76
  }
74
77
  });
75
78
  return (_ctx, _cache) => {
79
+ const _component_VcIcon = resolveComponent("VcIcon");
80
+ const _component_VcRadioButtonsGroup = resolveComponent("VcRadioButtonsGroup");
76
81
  return openBlock(), createElementBlock("div", _hoisted_1, [
77
82
  createElementVNode("div", _hoisted_2, [
78
- createVNode(_sfc_main$1, {
83
+ createVNode(_component_VcRadioButtonsGroup, {
79
84
  modelValue: activeTab.value,
80
85
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
81
- options: unref(systemUserPromptOptions),
82
- config: unref(systemUserPromptEnum)
83
- }, null, 8, ["modelValue", "options", "config"])
86
+ radios: unref(systemUserPromptOptions),
87
+ config: unref(systemUserPromptEnum),
88
+ size: __props.navigationSize,
89
+ color: __props.navigationColor
90
+ }, {
91
+ item: withCtx(({ option }) => [
92
+ createElementVNode("div", _hoisted_3, [
93
+ createVNode(_component_VcIcon, {
94
+ icon: option.icon,
95
+ size: 16
96
+ }, null, 8, ["icon"]),
97
+ createElementVNode("span", _hoisted_4, toDisplayString(option.label), 1)
98
+ ])
99
+ ]),
100
+ _: 1
101
+ }, 8, ["modelValue", "radios", "config", "size", "color"])
84
102
  ]),
85
- createElementVNode("div", _hoisted_3, [
86
- withDirectives(createElementVNode("div", _hoisted_4, [
87
- createVNode(_sfc_main$2, {
103
+ createElementVNode("div", _hoisted_5, [
104
+ withDirectives(createElementVNode("div", _hoisted_6, [
105
+ createVNode(_sfc_main$1, {
88
106
  ref_key: "systemPromptEditorRef",
89
107
  ref: systemPromptEditorRef,
90
108
  modelValue: systemPromptModel.value,
@@ -100,8 +118,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
100
118
  ], 512), [
101
119
  [vShow, activeTab.value === unref(SYSTEM_PROMPT_VALUE)]
102
120
  ]),
103
- withDirectives(createElementVNode("div", _hoisted_5, [
104
- createVNode(_sfc_main$2, {
121
+ withDirectives(createElementVNode("div", _hoisted_7, [
122
+ createVNode(_sfc_main$1, {
105
123
  ref_key: "userPromptEditorRef",
106
124
  ref: userPromptEditorRef,
107
125
  modelValue: userPromptModel.value,
package/library/components/VcSystemUserPrompt/VcSystemUserPrompt.vue3.mjs ADDED
@@ -0,0 +1,5 @@
1
+ import _sfc_main from "./VcSystemUserPrompt.vue.mjs";
2
+ import '../../assets/components/VcSystemUserPrompt/VcSystemUserPrompt.css';/* empty css */
3
+ export {
4
+ _sfc_main as default
5
+ };
package/library/components/VcSystemUserPrompt/enum.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { tVU } from "../../localization/index.mjs";
2
- import { AppWindow } from "@lucide/vue";
2
+ import { SquarePen, UserPen } from "@lucide/vue";
3
3
  const SYSTEM_USER_PROMPT_DEFAULT_TAB = "system";
4
4
  const SYSTEM_PROMPT_VALUE = "system";
5
5
  const USER_PROMPT_VALUE = "user";
@@ -12,12 +12,12 @@ const systemUserPromptOptions = [
12
12
  {
13
13
  name: tVU.t("voicenterUi.systemPrompt.system").toString(),
14
14
  key: SYSTEM_PROMPT_VALUE,
15
- icon: AppWindow
15
+ icon: SquarePen
16
16
  },
17
17
  {
18
18
  name: tVU.t("voicenterUi.systemPrompt.user").toString(),
19
19
  key: USER_PROMPT_VALUE,
20
- icon: AppWindow
20
+ icon: UserPen
21
21
  }
22
22
  ];
23
23
  export {
package/library/index.mjs CHANGED
@@ -131,6 +131,7 @@ import { default as default70 } from "./components/VcMeterGroup/VcMeterGroup.vue
131
131
  import { default as default71 } from "./components/VcMeterGroup/VcMeterGroupLabel.vue.mjs";
132
132
  import { default as default72 } from "./components/VcMdEditor/VcMdEditor.vue.mjs";
133
133
  import { default as default73 } from "./components/VcSystemUserPrompt/VcSystemUserPrompt.vue.mjs";
134
+ /* empty css */
134
135
  import { default as default74 } from "./components/VcSoundplayer/VcSoundPlayer.vue.mjs";
135
136
  /* empty css */
136
137
  import { default as default75 } from "./components/VcJsonSchema/VcJsonSchema.vue.mjs";
package/library/index.mjs.br CHANGED
Binary file
package/library/index.mjs.gz CHANGED
Binary file
package/library/plugin.mjs CHANGED
@@ -135,6 +135,7 @@ import _sfc_main$12 from "./components/VcMeterGroup/VcMeterGroup.vue.mjs";
135
135
  import _sfc_main$13 from "./components/VcMeterGroup/VcMeterGroupLabel.vue.mjs";
136
136
  import _sfc_main$14 from "./components/VcMdEditor/VcMdEditor.vue.mjs";
137
137
  import _sfc_main$15 from "./components/VcSystemUserPrompt/VcSystemUserPrompt.vue.mjs";
138
+ /* empty css */
138
139
  import _sfc_main$16 from "./components/VcSoundplayer/VcSoundPlayer.vue.mjs";
139
140
  /* empty css */
140
141
  import _sfc_main$17 from "./components/VcJsonSchema/VcJsonSchema.vue.mjs";
package/library/plugin.mjs.br CHANGED
Binary file
package/library/plugin.mjs.gz CHANGED
Binary file