@veltra/desktop 1.2.34 → 1.3.1

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 (114) hide show
  1. package/dist/components/action/action-group.vue.d.ts +2 -2
  2. package/dist/components/action/action.vue.d.ts +1 -1
  3. package/dist/components/auto-complete/auto-complete.vue.d.ts +1 -1
  4. package/dist/components/batch-edit/style2.css +0 -3
  5. package/dist/components/breadcrumb/style2.css +1 -2
  6. package/dist/components/button/style2.css +23 -7
  7. package/dist/components/calendar/style2.css +3 -0
  8. package/dist/components/card/style2.css +13 -11
  9. package/dist/components/cascade/cascade.vue.d.ts +7 -7
  10. package/dist/components/check-tag/style2.css +6 -1
  11. package/dist/components/checkbox/checkbox.js +10 -10
  12. package/dist/components/checkbox/checkbox.js.map +1 -1
  13. package/dist/components/checkbox/style2.css +20 -3
  14. package/dist/components/checkbox-group/checkbox-group.vue.d.ts +1 -1
  15. package/dist/components/code-editor/lang-loaders.js +1 -0
  16. package/dist/components/code-editor/lang-loaders.js.map +1 -1
  17. package/dist/components/code-editor/style2.css +2 -2
  18. package/dist/components/condition-editor/style2.css +2 -4
  19. package/dist/components/contextmenu/style2.css +2 -2
  20. package/dist/components/date-picker/date-picker.vue.d.ts +1 -1
  21. package/dist/components/date-range-picker/date-range-picker.vue.d.ts +1 -1
  22. package/dist/components/dialog/style2.css +3 -3
  23. package/dist/components/drawer/style2.css +1 -1
  24. package/dist/components/dropdown/style2.css +1 -1
  25. package/dist/components/empty/empty.vue.d.ts +1 -1
  26. package/dist/components/float-button/style2.css +1 -1
  27. package/dist/components/group-nav/style2.css +1 -1
  28. package/dist/components/input/input.vue.d.ts +3 -3
  29. package/dist/components/input/style2.css +5 -4
  30. package/dist/components/message/style2.css +7 -7
  31. package/dist/components/message-confirm/style2.css +1 -1
  32. package/dist/components/multi-select/multi-select.vue.d.ts +3 -3
  33. package/dist/components/multi-tree-select/multi-tree-select.vue.d.ts +6 -6
  34. package/dist/components/nav/style2.css +2 -2
  35. package/dist/components/notification/style2.css +1 -1
  36. package/dist/components/number/number.vue.d.ts +1 -1
  37. package/dist/components/number-input/number-input.vue.d.ts +3 -3
  38. package/dist/components/number-range-input/number-range-input.vue.d.ts +1 -1
  39. package/dist/components/pop-confirm/pop-confirm.vue.d.ts +1 -1
  40. package/dist/components/progress-nodes/progress-nodes.vue.d.ts +1 -1
  41. package/dist/components/radio/radio.js +5 -5
  42. package/dist/components/radio/radio.js.map +1 -1
  43. package/dist/components/radio/style2.css +12 -0
  44. package/dist/components/radio-group/radio-group.vue.d.ts +1 -1
  45. package/dist/components/rich-text-editor/style2.css +1 -1
  46. package/dist/components/scroll/style2.css +3 -3
  47. package/dist/components/select/select.vue.d.ts +2 -2
  48. package/dist/components/slider/slider-thumb.js +4 -2
  49. package/dist/components/slider/slider-thumb.js.map +1 -1
  50. package/dist/components/slider/style2.css +7 -0
  51. package/dist/components/switch/style2.css +15 -1
  52. package/dist/components/switch/switch.js +0 -1
  53. package/dist/components/switch/switch.js.map +1 -1
  54. package/dist/components/tabs/style2.css +7 -4
  55. package/dist/components/text/style2.css +5 -5
  56. package/dist/components/textarea/textarea.vue.d.ts +3 -3
  57. package/dist/components/tip/style2.css +2 -2
  58. package/dist/components/tree/tree.vue.d.ts +3 -3
  59. package/dist/components/tree-select/tree-select.vue.d.ts +5 -5
  60. package/dist/node_modules/.bun/@codemirror_autocomplete@6.20.3/node_modules/@codemirror/autocomplete/dist/index.js +1 -1
  61. package/dist/node_modules/.bun/@codemirror_lang-css@6.3.1/node_modules/@codemirror/lang-css/dist/index.js +914 -0
  62. package/dist/node_modules/.bun/@codemirror_lang-css@6.3.1/node_modules/@codemirror/lang-css/dist/index.js.map +1 -0
  63. package/dist/node_modules/.bun/@codemirror_lang-html@6.4.11/node_modules/@codemirror/lang-html/dist/index.js +994 -0
  64. package/dist/node_modules/.bun/@codemirror_lang-html@6.4.11/node_modules/@codemirror/lang-html/dist/index.js.map +1 -0
  65. package/dist/node_modules/.bun/@codemirror_lang-javascript@6.2.5/node_modules/@codemirror/lang-javascript/dist/index.js +1 -1
  66. package/dist/node_modules/.bun/@codemirror_lang-markdown@6.5.1/node_modules/@codemirror/lang-markdown/dist/index.js +471 -0
  67. package/dist/node_modules/.bun/@codemirror_lang-markdown@6.5.1/node_modules/@codemirror/lang-markdown/dist/index.js.map +1 -0
  68. package/dist/node_modules/.bun/@codemirror_language@6.12.4/node_modules/@codemirror/language/dist/index.js +71 -1
  69. package/dist/node_modules/.bun/@codemirror_language@6.12.4/node_modules/@codemirror/language/dist/index.js.map +1 -1
  70. package/dist/node_modules/.bun/@lezer_common@1.5.2/node_modules/@lezer/common/dist/index.js +326 -2
  71. package/dist/node_modules/.bun/@lezer_common@1.5.2/node_modules/@lezer/common/dist/index.js.map +1 -1
  72. package/dist/node_modules/.bun/@lezer_css@1.3.4/node_modules/@lezer/css/dist/index.js +250 -0
  73. package/dist/node_modules/.bun/@lezer_css@1.3.4/node_modules/@lezer/css/dist/index.js.map +1 -0
  74. package/dist/node_modules/.bun/@lezer_highlight@1.2.3/node_modules/@lezer/highlight/dist/index.js +1 -1
  75. package/dist/node_modules/.bun/@lezer_html@1.3.13/node_modules/@lezer/html/dist/index.js +438 -0
  76. package/dist/node_modules/.bun/@lezer_html@1.3.13/node_modules/@lezer/html/dist/index.js.map +1 -0
  77. package/dist/node_modules/.bun/@lezer_markdown@1.7.2/node_modules/@lezer/markdown/dist/index.js +1952 -0
  78. package/dist/node_modules/.bun/@lezer_markdown@1.7.2/node_modules/@lezer/markdown/dist/index.js.map +1 -0
  79. package/dist/types/code-editor.d.ts +1 -1
  80. package/package.json +7 -6
  81. package/src/components/batch-edit/style.scss +0 -5
  82. package/src/components/breadcrumb/style.scss +1 -2
  83. package/src/components/button/style.scss +18 -9
  84. package/src/components/calendar/style.scss +4 -0
  85. package/src/components/card/style.scss +5 -3
  86. package/src/components/check-tag/style.scss +7 -1
  87. package/src/components/checkbox/checkbox.vue +8 -2
  88. package/src/components/checkbox/style.scss +32 -3
  89. package/src/components/code-editor/lang-loaders.ts +1 -0
  90. package/src/components/code-editor/style.scss +2 -2
  91. package/src/components/condition-editor/style.scss +2 -4
  92. package/src/components/contextmenu/style.scss +1 -3
  93. package/src/components/dialog/style.scss +3 -3
  94. package/src/components/drawer/style.scss +1 -1
  95. package/src/components/dropdown/style.scss +1 -1
  96. package/src/components/float-button/style.scss +1 -1
  97. package/src/components/group-nav/style.scss +1 -3
  98. package/src/components/input/style.scss +4 -3
  99. package/src/components/message/style.scss +2 -2
  100. package/src/components/message-confirm/style.scss +1 -1
  101. package/src/components/nav/style.scss +2 -6
  102. package/src/components/notification/style.scss +1 -1
  103. package/src/components/radio/radio.vue +8 -9
  104. package/src/components/radio/style.scss +21 -0
  105. package/src/components/rich-text-editor/style.scss +1 -1
  106. package/src/components/scroll/style.scss +3 -3
  107. package/src/components/slider/slider-thumb.vue +1 -1
  108. package/src/components/slider/style.scss +10 -0
  109. package/src/components/switch/style.scss +25 -1
  110. package/src/components/switch/switch.vue +0 -1
  111. package/src/components/tabs/style.scss +7 -5
  112. package/src/components/text/style.scss +5 -5
  113. package/src/components/tip/style.scss +2 -2
  114. package/src/types/code-editor.ts +9 -1
@@ -79,37 +79,37 @@
79
79
  .u-message--color-primary {
80
80
  background-color: var(--u-color-primary-light-9);
81
81
  color: var(--u-color-primary);
82
- box-shadow: 0 0 4px 0px var(--u-color-primary-light-5);
82
+ box-shadow: var(--u-shadow-lg);
83
83
  }
84
84
  .u-message--color-success {
85
85
  background-color: var(--u-color-success-light-9);
86
86
  color: var(--u-color-success);
87
- box-shadow: 0 0 4px 0px var(--u-color-success-light-5);
87
+ box-shadow: var(--u-shadow-lg);
88
88
  }
89
89
  .u-message--color-warning {
90
90
  background-color: var(--u-color-warning-light-9);
91
91
  color: var(--u-color-warning);
92
- box-shadow: 0 0 4px 0px var(--u-color-warning-light-5);
92
+ box-shadow: var(--u-shadow-lg);
93
93
  }
94
94
  .u-message--color-danger {
95
95
  background-color: var(--u-color-danger-light-9);
96
96
  color: var(--u-color-danger);
97
- box-shadow: 0 0 4px 0px var(--u-color-danger-light-5);
97
+ box-shadow: var(--u-shadow-lg);
98
98
  }
99
99
  .u-message--color-info {
100
100
  background-color: var(--u-color-info-light-9);
101
101
  color: var(--u-color-info);
102
- box-shadow: 0 0 4px 0px var(--u-color-info-light-5);
102
+ box-shadow: var(--u-shadow-lg);
103
103
  }
104
104
  .u-message--color-disabled {
105
105
  background-color: var(--u-color-disabled-light-9);
106
106
  color: var(--u-color-disabled);
107
- box-shadow: 0 0 4px 0px var(--u-color-disabled-light-5);
107
+ box-shadow: var(--u-shadow-lg);
108
108
  }
109
109
  .u-message--color-default {
110
110
  background-color: var(--u-color-default);
111
111
  color: var(--u-text-color-main);
112
- box-shadow: 0 0 4px 0px var(--u-color-default);
112
+ box-shadow: var(--u-shadow-lg);
113
113
  }
114
114
 
115
115
  .message-move,
@@ -31,7 +31,7 @@
31
31
  width: 420px;
32
32
  background-color: var(--u-bg-color-top);
33
33
  border: var(--u-border);
34
- box-shadow: var(--u-shadow);
34
+ box-shadow: var(--u-shadow-lg);
35
35
  transition: opacity 0.3s, transform 0.4s;
36
36
  transform: translateY(-50%);
37
37
  }
@@ -26,14 +26,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
26
26
  "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
27
27
  onChange?: ((options: Record<string, any>[]) => any) | undefined;
28
28
  }>, {
29
- valueKey: string;
30
29
  labelKey: string;
31
- clearable: boolean;
30
+ valueKey: string;
32
31
  placeholder: string;
33
- visibilityLimit: number;
32
+ clearable: boolean;
34
33
  minWidth: string;
35
34
  disabled: boolean;
36
35
  readonly: boolean;
36
+ visibilityLimit: number;
37
37
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
38
38
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
39
39
  declare const _default: typeof __VLS_export;
@@ -14,23 +14,23 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
14
14
  "update:modelValue": (value: (string | number)[]) => any;
15
15
  } & {
16
16
  "update:modelValue": (value: any[]) => any;
17
- change: (checked: Record<string, any>[]) => any;
18
17
  clear: () => any;
18
+ change: (checked: Record<string, any>[]) => any;
19
19
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
20
20
  "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
21
- onChange?: ((checked: Record<string, any>[]) => any) | undefined;
22
21
  onClear?: (() => any) | undefined;
22
+ onChange?: ((checked: Record<string, any>[]) => any) | undefined;
23
23
  }>, {
24
- valueKey: string;
24
+ expandAll: boolean;
25
25
  labelKey: string;
26
- clearable: boolean;
26
+ valueKey: string;
27
27
  placeholder: string;
28
+ clearable: boolean;
28
29
  filterable: boolean;
29
- visibilityLimit: number;
30
30
  minWidth: string;
31
31
  disabled: boolean;
32
32
  readonly: boolean;
33
- expandAll: boolean;
33
+ visibilityLimit: number;
34
34
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
35
35
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
36
36
  declare const _default: typeof __VLS_export;
@@ -264,7 +264,7 @@
264
264
  background-repeat: no-repeat;
265
265
  border: 1px solid var(--u-border-color);
266
266
  border-radius: calc(var(--u-radius-large) + 6px);
267
- box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 12px 28px rgba(15, 23, 42, 0.08);
267
+ box-shadow: var(--u-shadow-lg);
268
268
  }
269
269
  .u-nav__container {
270
270
  padding: 8px;
@@ -344,7 +344,7 @@
344
344
  -webkit-backdrop-filter: var(--u-bg-filter);
345
345
  border: 1px solid var(--u-border-color);
346
346
  border-radius: calc(var(--u-radius-large) + 4px);
347
- box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.08);
347
+ box-shadow: var(--u-shadow-lg);
348
348
  }
349
349
  .u-collapsed-nav__panel .u-tip__arrow {
350
350
  display: none;
@@ -22,7 +22,7 @@
22
22
  transition: opacity 0.3s, transform 0.4s, top 0.4s;
23
23
  border: var(--u-border);
24
24
  background-color: var(--u-bg-color-top);
25
- box-shadow: var(--u-shadow);
25
+ box-shadow: var(--u-shadow-lg);
26
26
  margin: 4px;
27
27
  overflow: hidden;
28
28
  }
@@ -1,8 +1,8 @@
1
1
  import { NumberProps } from "../../types/number.js";
2
2
  //#region src/components/number/number.vue.d.ts
3
3
  declare const __VLS_export: import("vue").DefineComponent<NumberProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NumberProps> & Readonly<{}>, {
4
- duration: number;
5
4
  format: "currency" | "percent" | "decimal";
5
+ duration: number;
6
6
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
7
  declare const _default: typeof __VLS_export;
8
8
  //#endregion
@@ -13,15 +13,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
13
13
  "update:modelValue": (value: number | undefined) => any;
14
14
  } & {
15
15
  "update:modelValue": (value?: number | undefined) => any;
16
- change: (value?: number | undefined) => any;
17
16
  clear: () => any;
17
+ change: (value?: number | undefined) => any;
18
18
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
19
19
  "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
20
- onChange?: ((value?: number | undefined) => any) | undefined;
21
20
  onClear?: (() => any) | undefined;
21
+ onChange?: ((value?: number | undefined) => any) | undefined;
22
22
  }>, {
23
- clearable: boolean;
24
23
  placeholder: string;
24
+ clearable: boolean;
25
25
  disabled: boolean;
26
26
  readonly: boolean;
27
27
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -25,9 +25,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
25
25
  clearable: boolean;
26
26
  disabled: boolean;
27
27
  readonly: boolean;
28
+ separator: string;
28
29
  startPlaceholder: string;
29
30
  endPlaceholder: string;
30
- separator: string;
31
31
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
32
32
  declare const _default: typeof __VLS_export;
33
33
  //#endregion
@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<PopConfirmProps, {}, {},
13
13
  onCancel?: (() => any) | undefined;
14
14
  }>, {
15
15
  trigger: "hover" | "click";
16
- icon: import("vue").Component;
17
16
  direction: TipDirection;
17
+ icon: import("vue").Component;
18
18
  iconColor: string;
19
19
  confirmText: string;
20
20
  cancelText: string;
@@ -19,8 +19,8 @@ declare const __VLS_base: import("vue").DefineComponent<ProgressNodesProps, {},
19
19
  "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
20
20
  onClick?: ((node: Record<string, any>, index: number) => any) | undefined;
21
21
  }>, {
22
- valueKey: string;
23
22
  labelKey: string;
23
+ valueKey: string;
24
24
  colorType: import("@veltra/utils").ColorType;
25
25
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
26
26
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -45,15 +45,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
45
45
  });
46
46
  return (_ctx, _cache) => {
47
47
  return openBlock(), createElementBlock("label", { class: normalizeClass(classList.value) }, [
48
- createCommentVNode(" radio框 "),
49
- createElementVNode("section", { class: normalizeClass(unref(cls).e("button")) }, [withDirectives(createElementVNode("input", {
48
+ withDirectives(createElementVNode("input", {
50
49
  type: "radio",
51
50
  class: normalizeClass(unref(cls).e("native")),
52
51
  value: __props.value,
53
52
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
54
- disabled: unref(disabled),
55
- hidden: ""
56
- }, null, 10, _hoisted_1), [[vModelRadio, model.value]]), createVNode(Transition, { name: "zoom-in" }, {
53
+ disabled: unref(disabled)
54
+ }, null, 10, _hoisted_1), [[vModelRadio, model.value]]),
55
+ createCommentVNode(" radio框 "),
56
+ createElementVNode("section", { class: normalizeClass(unref(cls).e("button")) }, [createVNode(Transition, { name: "zoom-in" }, {
57
57
  default: withCtx(() => [radioChecked.value ? (openBlock(), createElementBlock("span", {
58
58
  key: 0,
59
59
  class: normalizeClass(unref(cls).e("inner"))
@@ -1 +1 @@
1
- {"version":3,"file":"radio.js","names":[],"sources":["../../../src/components/radio/radio.vue"],"sourcesContent":["<template>\n <label :class=\"classList\">\n <!-- radio框 -->\n <section :class=\"cls.e('button')\">\n <input\n type=\"radio\"\n :class=\"cls.e('native')\"\n :value=\"value\"\n v-model=\"model\"\n :disabled=\"disabled\"\n hidden\n />\n\n <transition name=\"zoom-in\">\n <span :class=\"cls.e('inner')\" v-if=\"radioChecked\"></span>\n </transition>\n </section>\n\n <span :class=\"cls.e('label')\">\n <slot>{{ label }}</slot>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioProps, RadioEmits } from '../../types'\n\ndefineOptions({ name: 'URadio' })\n\nconst model = defineModel<any>()\n\nconst props = withDefaults(defineProps<RadioProps>(), { disabled: undefined })\n\ndefineEmits<RadioEmits>()\n\nconst cls = bem('radio')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled } = useFormFallbackProps([formProps ?? {}, props], {\n size: 'default',\n disabled: false\n})\n\nconst radioChecked = computed(() => model.value === props.value)\n\nconst classList = computed(() => {\n return [\n cls.b,\n cls.m(size.value),\n bem.is('disabled', disabled.value),\n bem.is('checked', radioChecked.value)\n ]\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ,SAAgB,SAAA,YAAC;EAE/B,MAAM,QAAQ;EAId,MAAM,MAAM,IAAI,OAAO;EAEvB,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GACxE,MAAM;GACN,UAAU;EACZ,CAAC;EAED,MAAM,eAAe,eAAe,MAAM,UAAU,MAAM,KAAK;EAE/D,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,WAAW,aAAa,KAAK;GACtC;EACF,CAAC;;uBAzDC,mBAoBQ,SAAA,EApBA,OAAK,eAAE,UAAA,KAAS,EAAA,GAAA;IACtB,mBAAA,UAAA;IACA,mBAaU,WAAA,EAbA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA,CAAA,eACpB,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;KACZ,OAAO,QAAA;kEACC,MAAK,QAAA;KACb,UAAU,MAAA,QAAA;KACX,QAAA;6CAFS,MAAA,KAAK,CAAA,CAAA,GAKhB,YAEa,YAAA,EAFD,MAAK,UAAS,GAAA;4BACiC,CAArB,aAAA,SAAA,UAAA,GAApC,mBAAyD,QAAA;;MAAlD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;;;;IAIvB,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,CACjB,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}
1
+ {"version":3,"file":"radio.js","names":[],"sources":["../../../src/components/radio/radio.vue"],"sourcesContent":["<template>\n <label :class=\"classList\">\n <input\n type=\"radio\"\n :class=\"cls.e('native')\"\n :value=\"value\"\n v-model=\"model\"\n :disabled=\"disabled\"\n />\n\n <!-- radio框 -->\n <section :class=\"cls.e('button')\">\n <transition name=\"zoom-in\">\n <span :class=\"cls.e('inner')\" v-if=\"radioChecked\"></span>\n </transition>\n </section>\n\n <span :class=\"cls.e('label')\">\n <slot>{{ label }}</slot>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioProps, RadioEmits } from '../../types'\n\ndefineOptions({ name: 'URadio' })\n\nconst model = defineModel<any>()\n\nconst props = withDefaults(defineProps<RadioProps>(), { disabled: undefined })\n\ndefineEmits<RadioEmits>()\n\nconst cls = bem('radio')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled } = useFormFallbackProps([formProps ?? {}, props], {\n size: 'default',\n disabled: false\n})\n\nconst radioChecked = computed(() => model.value === props.value)\n\nconst classList = computed(() => {\n return [\n cls.b,\n cls.m(size.value),\n bem.is('disabled', disabled.value),\n bem.is('checked', radioChecked.value)\n ]\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ,SAAgB,SAAA,YAAC;EAE/B,MAAM,QAAQ;EAId,MAAM,MAAM,IAAI,OAAO;EAEvB,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GACxE,MAAM;GACN,UAAU;EACZ,CAAC;EAED,MAAM,eAAe,eAAe,MAAM,UAAU,MAAM,KAAK;EAE/D,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,WAAW,aAAa,KAAK;GACtC;EACF,CAAC;;uBAxDC,mBAmBQ,SAAA,EAnBA,OAAK,eAAE,UAAA,KAAS,EAAA,GAAA;mBACtB,mBAME,SAAA;KALA,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;KACZ,OAAO,QAAA;kEACC,MAAK,QAAA;KACb,UAAU,MAAA,QAAA;6CADF,MAAA,KAAK,CAAA,CAAA;IAIhB,mBAAA,UAAA;IACA,mBAIU,WAAA,EAJA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA,CACpB,YAEa,YAAA,EAFD,MAAK,UAAS,GAAA;4BACiC,CAArB,aAAA,SAAA,UAAA,GAApC,mBAAyD,QAAA;;MAAlD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;;;;IAIvB,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,CACjB,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}
@@ -71,12 +71,18 @@
71
71
  border-radius: 50%;
72
72
  border: var(--u-border-width) var(--u-border-style) var(--u-radio-border, #ccc);
73
73
  overflow: hidden;
74
+ transition: border-color var(--u-transition-fast) var(--u-transition-ease), box-shadow var(--u-transition-fast) var(--u-transition-ease);
74
75
  }
75
76
  .u-radio.is-checked .u-radio__button {
76
77
  border-color: var(--u-color-primary);
77
78
  }
78
79
  .u-radio__native {
80
+ position: absolute;
81
+ width: 0;
82
+ height: 0;
79
83
  opacity: 0;
84
+ margin: 0;
85
+ pointer-events: none;
80
86
  }
81
87
  .u-radio__label {
82
88
  padding-left: var(--u-gap-small);
@@ -87,6 +93,12 @@
87
93
  display: block;
88
94
  height: 100%;
89
95
  }
96
+ .u-radio:not(.is-disabled):hover .u-radio__button {
97
+ border-color: var(--u-color-primary);
98
+ }
99
+ .u-radio:not(.is-disabled) .u-radio__native:focus-visible + .u-radio__button {
100
+ box-shadow: var(--u-focus-ring);
101
+ }
90
102
  .u-radio.is-disabled {
91
103
  color: var(--u-text-color-disabled);
92
104
  cursor: not-allowed;
@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
14
14
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
15
15
  onChange?: ((item: Record<string, any>) => any) | undefined;
16
16
  }>, {
17
- valueKey: string;
18
17
  labelKey: string;
18
+ valueKey: string;
19
19
  disabled: boolean;
20
20
  readonly: boolean;
21
21
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -30,7 +30,7 @@
30
30
  }
31
31
  .u-rich-text-editor:focus-within {
32
32
  border-color: var(--u-color-primary);
33
- box-shadow: 0 0 0 2px rgba(var(--u-color-primary), 0.1);
33
+ box-shadow: var(--u-focus-ring);
34
34
  }
35
35
  .u-rich-text-editor--small {
36
36
  border-radius: var(--u-radius-small);
@@ -46,18 +46,18 @@
46
46
  cursor: default;
47
47
  position: absolute;
48
48
  border-radius: 6px;
49
- background-color: rgba(153, 153, 153, 0.4);
49
+ background-color: var(--u-text-color-assist-a-40);
50
50
  will-change: transform;
51
51
  transition: opacity 0.3s ease-in, background-color 0.3s ease-in, height 0.15s ease-in, width 0.15s ease-in;
52
52
  z-index: 1;
53
53
  }
54
54
  .u-scroll__bar-x:hover, .u-scroll__bar-y:hover {
55
- background-color: rgba(153, 153, 153, 0.6);
55
+ background-color: var(--u-text-color-assist-a-60);
56
56
  border-radius: 10px;
57
57
  }
58
58
  .u-scroll__bar-x.is-active, .u-scroll__bar-y.is-active {
59
59
  opacity: 1;
60
- background-color: #999;
60
+ background-color: var(--u-text-color-assist);
61
61
  border-radius: 10px;
62
62
  }
63
63
  .u-scroll.is-always .u-scroll__bar-y {
@@ -24,10 +24,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
24
24
  "onUpdate:text"?: ((value: any) => any) | undefined;
25
25
  "onUpdate:label"?: ((label?: string | undefined) => any) | undefined;
26
26
  }>, {
27
- valueKey: string;
28
27
  labelKey: string;
29
- clearable: boolean;
28
+ valueKey: string;
30
29
  placeholder: string;
30
+ clearable: boolean;
31
31
  disabled: boolean;
32
32
  readonly: boolean;
33
33
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -2,6 +2,7 @@ import { sliderContextKey } from "./di.js";
2
2
  import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, unref, useTemplateRef, watch } from "vue";
3
3
  import { useDrag, useUserAction } from "@veltra/compositions";
4
4
  //#region src/components/slider/slider-thumb.vue
5
+ const _hoisted_1 = ["tabindex"];
5
6
  const _sfc_main = /*@__PURE__*/ defineComponent({
6
7
  __name: "slider-thumb",
7
8
  props: { modelValue: {} },
@@ -44,8 +45,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
44
45
  return openBlock(), createElementBlock("div", {
45
46
  ref: "thumb",
46
47
  class: normalizeClass(unref(cls).e("thumb")),
47
- style: normalizeStyle(style.value)
48
- }, null, 6);
48
+ style: normalizeStyle(style.value),
49
+ tabindex: unref(disabled) ? -1 : 0
50
+ }, null, 14, _hoisted_1);
49
51
  };
50
52
  }
51
53
  });
@@ -1 +1 @@
1
- {"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../src/components/slider/slider-thumb.vue"],"sourcesContent":["<template>\n <div ref=\"thumb\" :class=\"cls.e('thumb')\" :style></div>\n</template>\n<script lang=\"ts\" setup>\nimport { useDrag, useUserAction } from '@veltra/compositions'\nimport { computed, inject, useTemplateRef, watch } from 'vue'\n\nimport { sliderContextKey } from './di'\n\nconst props = defineProps<{ modelValue: number }>()\n\nconst emit = defineEmits<{ (e: 'update:modelValue', value: number): void }>()\n\nconst { cls, range, disabled, sliderProps, getOffsetByStep } = inject(sliderContextKey)!\n\nconst thumbRef = useTemplateRef('thumb')\n\nconst style = computed(() => {\n if (sliderProps.vertical) {\n return { transform: `translate(0, ${props.modelValue}px)` }\n }\n return { transform: `translate(${props.modelValue}px, 0)` }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nfunction updateModel(offset: number) {\n offset = getOffsetByStep(offset)\n emit('update:modelValue', offset)\n return offset\n}\n\nconst dragger = useDrag({\n target: computed(() => (disabled.value ? null : thumbRef.value)),\n\n onDrag: userAction(({ offsetX, offsetY }) => {\n updateModel(sliderProps.vertical ? offsetY : offsetX)\n }),\n rangeX: range,\n rangeY: range,\n onDragEnd: userAction(({ offsetX, offsetY }) => {\n const offset = updateModel(sliderProps.vertical ? offsetY : offsetX)\n updateDragger(offset)\n })\n})\n\nfunction updateDragger(offset: number) {\n if (sliderProps.vertical) {\n dragger.update({ offsetY: offset })\n } else {\n dragger.update({ offsetX: offset })\n }\n}\n\nwatch(\n () => props.modelValue,\n (offset) => {\n if (isUserActive()) return\n updateDragger(offset)\n }\n)\n</script>\n"],"mappings":";;;;;;;;;EASA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,KAAK,OAAO,UAAU,aAAa,oBAAoB,OAAO,gBAAgB;EAEtF,MAAM,WAAW,eAAe,OAAO;EAEvC,MAAM,QAAQ,eAAe;GAC3B,IAAI,YAAY,UACd,OAAO,EAAE,WAAW,gBAAgB,MAAM,WAAW,KAAK;GAE5D,OAAO,EAAE,WAAW,aAAa,MAAM,WAAW,QAAQ;EAC5D,CAAC;EAED,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,SAAS,YAAY,QAAgB;GACnC,SAAS,gBAAgB,MAAM;GAC/B,KAAK,qBAAqB,MAAM;GAChC,OAAO;EACT;EAEA,MAAM,UAAU,QAAQ;GACtB,QAAQ,eAAgB,SAAS,QAAQ,OAAO,SAAS,KAAM;GAE/D,QAAQ,YAAY,EAAE,SAAS,cAAc;IAC3C,YAAY,YAAY,WAAW,UAAU,OAAO;GACtD,CAAC;GACD,QAAQ;GACR,QAAQ;GACR,WAAW,YAAY,EAAE,SAAS,cAAc;IAE9C,cADe,YAAY,YAAY,WAAW,UAAU,OAC9C,CAAM;GACtB,CAAC;EACH,CAAC;EAED,SAAS,cAAc,QAAgB;GACrC,IAAI,YAAY,UACd,QAAQ,OAAO,EAAE,SAAS,OAAO,CAAC;QAElC,QAAQ,OAAO,EAAE,SAAS,OAAO,CAAC;EAEtC;EAEA,YACQ,MAAM,aACX,WAAW;GACV,IAAI,aAAa,GAAG;GACpB,cAAc,MAAM;EACtB,CACF;;uBA3DE,mBAAsD,OAAA;IAAjD,KAAI;IAAS,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;IAAY,OAAK,eAAL,MAAA,KAAK"}
1
+ {"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../src/components/slider/slider-thumb.vue"],"sourcesContent":["<template>\n <div ref=\"thumb\" :class=\"cls.e('thumb')\" :style :tabindex=\"disabled ? -1 : 0\"></div>\n</template>\n<script lang=\"ts\" setup>\nimport { useDrag, useUserAction } from '@veltra/compositions'\nimport { computed, inject, useTemplateRef, watch } from 'vue'\n\nimport { sliderContextKey } from './di'\n\nconst props = defineProps<{ modelValue: number }>()\n\nconst emit = defineEmits<{ (e: 'update:modelValue', value: number): void }>()\n\nconst { cls, range, disabled, sliderProps, getOffsetByStep } = inject(sliderContextKey)!\n\nconst thumbRef = useTemplateRef('thumb')\n\nconst style = computed(() => {\n if (sliderProps.vertical) {\n return { transform: `translate(0, ${props.modelValue}px)` }\n }\n return { transform: `translate(${props.modelValue}px, 0)` }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nfunction updateModel(offset: number) {\n offset = getOffsetByStep(offset)\n emit('update:modelValue', offset)\n return offset\n}\n\nconst dragger = useDrag({\n target: computed(() => (disabled.value ? null : thumbRef.value)),\n\n onDrag: userAction(({ offsetX, offsetY }) => {\n updateModel(sliderProps.vertical ? offsetY : offsetX)\n }),\n rangeX: range,\n rangeY: range,\n onDragEnd: userAction(({ offsetX, offsetY }) => {\n const offset = updateModel(sliderProps.vertical ? offsetY : offsetX)\n updateDragger(offset)\n })\n})\n\nfunction updateDragger(offset: number) {\n if (sliderProps.vertical) {\n dragger.update({ offsetY: offset })\n } else {\n dragger.update({ offsetX: offset })\n }\n}\n\nwatch(\n () => props.modelValue,\n (offset) => {\n if (isUserActive()) return\n updateDragger(offset)\n }\n)\n</script>\n"],"mappings":";;;;;;;;;;EASA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,KAAK,OAAO,UAAU,aAAa,oBAAoB,OAAO,gBAAgB;EAEtF,MAAM,WAAW,eAAe,OAAO;EAEvC,MAAM,QAAQ,eAAe;GAC3B,IAAI,YAAY,UACd,OAAO,EAAE,WAAW,gBAAgB,MAAM,WAAW,KAAK;GAE5D,OAAO,EAAE,WAAW,aAAa,MAAM,WAAW,QAAQ;EAC5D,CAAC;EAED,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,SAAS,YAAY,QAAgB;GACnC,SAAS,gBAAgB,MAAM;GAC/B,KAAK,qBAAqB,MAAM;GAChC,OAAO;EACT;EAEA,MAAM,UAAU,QAAQ;GACtB,QAAQ,eAAgB,SAAS,QAAQ,OAAO,SAAS,KAAM;GAE/D,QAAQ,YAAY,EAAE,SAAS,cAAc;IAC3C,YAAY,YAAY,WAAW,UAAU,OAAO;GACtD,CAAC;GACD,QAAQ;GACR,QAAQ;GACR,WAAW,YAAY,EAAE,SAAS,cAAc;IAE9C,cADe,YAAY,YAAY,WAAW,UAAU,OAC9C,CAAM;GACtB,CAAC;EACH,CAAC;EAED,SAAS,cAAc,QAAgB;GACrC,IAAI,YAAY,UACd,QAAQ,OAAO,EAAE,SAAS,OAAO,CAAC;QAElC,QAAQ,OAAO,EAAE,SAAS,OAAO,CAAC;EAEtC;EAEA,YACQ,MAAM,aACX,WAAW;GACV,IAAI,aAAa,GAAG;GACpB,cAAc,MAAM;EACtB,CACF;;uBA3DE,mBAAoF,OAAA;IAA/E,KAAI;IAAS,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;IAAY,OAAK,eAAL,MAAA,KAAK;IAAE,UAAU,MAAA,QAAA,IAAQ,KAAA"}
@@ -163,7 +163,14 @@
163
163
  cursor: grab;
164
164
  z-index: 1;
165
165
  border: 4px solid var(--u-color-primary);
166
+ transition: box-shadow var(--u-transition-fast) var(--u-transition-ease);
167
+ }
168
+ .u-slider__thumb:hover {
169
+ box-shadow: 0 0 0 3px var(--u-color-primary-a-8);
166
170
  }
167
171
  .u-slider__thumb:active {
168
172
  cursor: grabbing;
169
173
  }
174
+ .u-slider__thumb:focus-visible {
175
+ box-shadow: var(--u-focus-ring);
176
+ }
@@ -38,6 +38,16 @@
38
38
  .u-switch.is-readonly {
39
39
  cursor: default;
40
40
  }
41
+ .u-switch:not(.is-disabled):not(.is-readonly):hover .u-switch__button {
42
+ background-color: var(--u-color-primary-light-7);
43
+ border-color: var(--u-color-primary-light-5);
44
+ }
45
+ .u-switch:not(.is-disabled):not(.is-readonly):hover.is-checked .u-switch__button {
46
+ background-color: var(--u-color-primary-dark-1);
47
+ }
48
+ .u-switch:not(.is-disabled):not(.is-readonly) .u-switch__native:focus-visible ~ .u-switch__button {
49
+ box-shadow: var(--u-focus-ring);
50
+ }
41
51
  .u-switch--small .u-switch__button {
42
52
  height: var(--u-switch-height-small);
43
53
  width: calc(var(--u-switch-height-small) * 2 - 4px);
@@ -63,8 +73,12 @@
63
73
  height: calc(var(--u-switch-height-large) - 4px);
64
74
  }
65
75
  .u-switch__native {
76
+ position: absolute;
77
+ width: 0;
78
+ height: 0;
66
79
  opacity: 0;
67
- visibility: hidden;
80
+ margin: 0;
81
+ pointer-events: none;
68
82
  }
69
83
  .u-switch__button {
70
84
  display: flex;
@@ -59,7 +59,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
59
59
  createElementVNode("input", {
60
60
  type: "checkbox",
61
61
  class: normalizeClass(unref(cls).e("native")),
62
- hidden: "",
63
62
  checked: model.value,
64
63
  disabled: unref(disabled),
65
64
  onInput: handleInput
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","names":[],"sources":["../../../src/components/switch/switch.vue"],"sourcesContent":["<template>\n <label :class=\"switchClass\" @click.stop>\n <input\n type=\"checkbox\"\n :class=\"cls.e('native')\"\n hidden\n :checked=\"model\"\n :disabled=\"disabled\"\n @input=\"handleInput\"\n />\n <span :class=\"[cls.e('text'), bem.is('selected', !model)]\" v-if=\"inactiveText\">\n {{ inactiveText }}\n </span>\n\n <div :class=\"cls.e('button')\">\n <span :class=\"cls.e('thumb')\"></span>\n </div>\n\n <span v-if=\"activeText\" :class=\"[cls.e('text'), bem.is('selected', model)]\">\n {{ activeText }}\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { SwitchEmits, SwitchProps, _SwitchExposed } from '../../types'\n\ndefineOptions({ name: 'USwitch' })\n\nconst props = withDefaults(defineProps<SwitchProps>(), { disabled: undefined, readonly: undefined })\n\nconst emit = defineEmits<SwitchEmits>()\n\nconst model = defineModel<boolean>()\n\nconst cls = bem('switch')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst switchClass = computed(() => {\n return [\n cls.b,\n cls.m(size.value),\n bem.is('disabled', disabled.value),\n bem.is('readonly', readonly.value),\n bem.is('checked', model.value)\n ]\n})\n\nconst handleInput = (e: Event) => {\n if (disabled.value || readonly.value) return\n\n const newValue = (e.target as HTMLInputElement).checked\n model.value = newValue\n emit('change', newValue)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAoB,SAAA,YAAC;EAEnC,MAAM,MAAM,IAAI,QAAQ;EAExB,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;EAElF,MAAM,cAAc,eAAe;GACjC,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,WAAW,MAAM,KAAK;GAC/B;EACF,CAAC;EAED,MAAM,eAAe,MAAa;GAChC,IAAI,SAAS,SAAS,SAAS,OAAO;GAEtC,MAAM,WAAY,EAAE,OAA4B;GAChD,MAAM,QAAQ;GACd,KAAK,UAAU,QAAQ;EACzB;;uBA7DE,mBAoBQ,SAAA;IApBA,OAAK,eAAE,YAAA,KAAW;IAAG,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;;IACrC,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;KACb,QAAA;KACC,SAAS,MAAA;KACT,UAAU,MAAA,QAAA;KACV,SAAO;;IAEuD,QAAA,gBAAA,UAAA,GAAjE,mBAEO,QAAA;;KAFA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,GAAU,MAAA,GAAA,CAAG,CAAC,GAAE,YAAA,CAAc,MAAA,KAAK,CAAA,CAAA;uBAClD,QAAA,YAAY,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;IAGjB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA,CAChB,mBAAqC,QAAA,EAA9B,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,MAAA,CAAA,CAAA,GAAA,CAAA;IAGT,QAAA,cAAA,UAAA,GAAZ,mBAEO,QAAA;;KAFkB,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,GAAU,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,MAAA,KAAK,CAAA,CAAA;uBACnE,QAAA,UAAU,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}
1
+ {"version":3,"file":"switch.js","names":[],"sources":["../../../src/components/switch/switch.vue"],"sourcesContent":["<template>\n <label :class=\"switchClass\" @click.stop>\n <input\n type=\"checkbox\"\n :class=\"cls.e('native')\"\n :checked=\"model\"\n :disabled=\"disabled\"\n @input=\"handleInput\"\n />\n <span :class=\"[cls.e('text'), bem.is('selected', !model)]\" v-if=\"inactiveText\">\n {{ inactiveText }}\n </span>\n\n <div :class=\"cls.e('button')\">\n <span :class=\"cls.e('thumb')\"></span>\n </div>\n\n <span v-if=\"activeText\" :class=\"[cls.e('text'), bem.is('selected', model)]\">\n {{ activeText }}\n </span>\n </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { SwitchEmits, SwitchProps, _SwitchExposed } from '../../types'\n\ndefineOptions({ name: 'USwitch' })\n\nconst props = withDefaults(defineProps<SwitchProps>(), { disabled: undefined, readonly: undefined })\n\nconst emit = defineEmits<SwitchEmits>()\n\nconst model = defineModel<boolean>()\n\nconst cls = bem('switch')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst switchClass = computed(() => {\n return [\n cls.b,\n cls.m(size.value),\n bem.is('disabled', disabled.value),\n bem.is('readonly', readonly.value),\n bem.is('checked', model.value)\n ]\n})\n\nconst handleInput = (e: Event) => {\n if (disabled.value || readonly.value) return\n\n const newValue = (e.target as HTMLInputElement).checked\n model.value = newValue\n emit('change', newValue)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAoB,SAAA,YAAC;EAEnC,MAAM,MAAM,IAAI,QAAQ;EAExB,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;EAElF,MAAM,cAAc,eAAe;GACjC,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,WAAW,MAAM,KAAK;GAC/B;EACF,CAAC;EAED,MAAM,eAAe,MAAa;GAChC,IAAI,SAAS,SAAS,SAAS,OAAO;GAEtC,MAAM,WAAY,EAAE,OAA4B;GAChD,MAAM,QAAQ;GACd,KAAK,UAAU,QAAQ;EACzB;;uBA5DE,mBAmBQ,SAAA;IAnBA,OAAK,eAAE,YAAA,KAAW;IAAG,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;;IACrC,mBAME,SAAA;KALA,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;KACZ,SAAS,MAAA;KACT,UAAU,MAAA,QAAA;KACV,SAAO;;IAEuD,QAAA,gBAAA,UAAA,GAAjE,mBAEO,QAAA;;KAFA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,GAAU,MAAA,GAAA,CAAG,CAAC,GAAE,YAAA,CAAc,MAAA,KAAK,CAAA,CAAA;uBAClD,QAAA,YAAY,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;IAGjB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA,CAChB,mBAAqC,QAAA,EAA9B,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,MAAA,CAAA,CAAA,GAAA,CAAA;IAGT,QAAA,cAAA,UAAA,GAAZ,mBAEO,QAAA;;KAFkB,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,GAAU,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,MAAA,KAAK,CAAA,CAAA;uBACnE,QAAA,UAAU,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}
@@ -115,7 +115,10 @@
115
115
  .u-tabs-bar__item.is-active {
116
116
  color: var(--u-color-primary);
117
117
  background-color: var(--u-tabs-active-bg, var(--u-bg-color-top));
118
- box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.06);
118
+ box-shadow: var(--u-shadow-sm);
119
+ }
120
+ .u-tabs-bar__item:focus-visible {
121
+ box-shadow: var(--u-focus-ring);
119
122
  }
120
123
  .u-tabs-bar__item-label {
121
124
  display: inline-flex;
@@ -143,10 +146,10 @@
143
146
  }
144
147
  .u-tabs-bar__close:hover {
145
148
  color: var(--u-text-color-title);
146
- background-color: rgba(15, 23, 42, 0.08);
149
+ background-color: var(--u-text-color-title-a-8);
147
150
  }
148
151
  .u-tabs-bar__close:active {
149
- background-color: rgba(15, 23, 42, 0.14);
152
+ background-color: var(--u-text-color-title-a-11);
150
153
  }
151
154
  .u-tabs-bar--horizontal .u-tabs-bar__item .u-tabs-bar__close {
152
155
  width: 0;
@@ -182,7 +185,7 @@
182
185
  .u-tabs-bar__nav:hover:not(:disabled) {
183
186
  color: var(--u-text-color-title);
184
187
  background-color: var(--u-tabs-active-bg, var(--u-bg-color-top));
185
- box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.06);
188
+ box-shadow: var(--u-shadow-sm);
186
189
  }
187
190
  .u-tabs-bar__nav:disabled {
188
191
  cursor: not-allowed;
@@ -24,27 +24,27 @@
24
24
  .u-text.is-main-title {
25
25
  font-size: 18px;
26
26
  font-weight: 600;
27
- color: #333;
27
+ color: var(--u-text-color-title);
28
28
  }
29
29
  .u-text.is-title {
30
30
  font-size: 16px;
31
31
  font-weight: 600;
32
- color: #333;
32
+ color: var(--u-text-color-main);
33
33
  }
34
34
  .u-text.is-sub-title {
35
35
  font-size: 16px;
36
36
  font-weight: 500;
37
- color: #999;
37
+ color: var(--u-text-color-placeholder);
38
38
  }
39
39
  .u-text.is-content {
40
40
  font-size: 14px;
41
41
  font-weight: 300;
42
- color: #666;
42
+ color: var(--u-text-color-second);
43
43
  }
44
44
  .u-text.is-additional {
45
45
  font-size: 12px;
46
46
  font-weight: 300;
47
- color: #999;
47
+ color: var(--u-text-color-assist);
48
48
  }
49
49
  .u-text.is-italic {
50
50
  font-style: italic;
@@ -9,19 +9,19 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
9
9
  "update:modelValue": (value: string | undefined) => any;
10
10
  } & {
11
11
  "update:modelValue": (value: string) => any;
12
+ clear: () => any;
12
13
  change: (value: string) => any;
13
14
  focus: () => any;
14
- clear: () => any;
15
15
  blur: () => any;
16
16
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
17
17
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
18
+ onClear?: (() => any) | undefined;
18
19
  onChange?: ((value: string) => any) | undefined;
19
20
  onFocus?: (() => any) | undefined;
20
- onClear?: (() => any) | undefined;
21
21
  onBlur?: (() => any) | undefined;
22
22
  }>, {
23
- clearable: boolean;
24
23
  placeholder: string;
24
+ clearable: boolean;
25
25
  disabled: boolean;
26
26
  readonly: boolean;
27
27
  resize: boolean;
@@ -22,7 +22,7 @@
22
22
  position: absolute;
23
23
  left: 0;
24
24
  top: 0;
25
- box-shadow: var(--u-shadow);
25
+ box-shadow: var(--u-shadow-lg);
26
26
  border-radius: var(--u-radius-default);
27
27
  color: var(--u-text-color-main);
28
28
  }
@@ -40,7 +40,7 @@
40
40
  .u-tip__arrow {
41
41
  position: absolute;
42
42
  z-index: -1;
43
- box-shadow: var(--u-shadow);
43
+ box-shadow: var(--u-shadow-lg);
44
44
  background-color: var(--u-bg-color-top);
45
45
  transform: rotate(45deg);
46
46
  }
@@ -19,11 +19,11 @@ declare const __VLS_base: import("vue").DefineComponent<TreeProps, _TreeExposed,
19
19
  "onNode-contextmenu"?: ((event: MouseEvent, node: TreeNode<Record<string, any>>) => any) | undefined;
20
20
  "onSelected-synced"?: ((selected?: Record<string, any> | undefined) => any) | undefined;
21
21
  }>, {
22
- valueKey: string;
23
- labelKey: string;
24
- data: Record<string, any>[];
25
22
  expandOnClickNode: boolean;
23
+ labelKey: string;
24
+ valueKey: string;
26
25
  childrenKey: string;
26
+ data: Record<string, any>[];
27
27
  checkStrictly: boolean;
28
28
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
29
29
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -15,24 +15,24 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
15
15
  "update:modelValue": (value: string | number | undefined) => any;
16
16
  } & {
17
17
  "update:modelValue": (value?: string | number | undefined) => any;
18
- change: (selectedData?: Record<string, any> | undefined) => any;
19
18
  clear: () => any;
19
+ change: (selectedData?: Record<string, any> | undefined) => any;
20
20
  "update:text": (text?: string | undefined) => any;
21
21
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
22
22
  "onUpdate:modelValue"?: ((value?: string | number | undefined) => any) | undefined;
23
- onChange?: ((selectedData?: Record<string, any> | undefined) => any) | undefined;
24
23
  onClear?: (() => any) | undefined;
24
+ onChange?: ((selectedData?: Record<string, any> | undefined) => any) | undefined;
25
25
  "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
26
26
  }>, {
27
- valueKey: string;
27
+ expandAll: boolean;
28
28
  labelKey: string;
29
- clearable: boolean;
29
+ valueKey: string;
30
30
  placeholder: string;
31
+ clearable: boolean;
31
32
  filterable: boolean;
32
33
  minWidth: string;
33
34
  disabled: boolean;
34
35
  readonly: boolean;
35
- expandAll: boolean;
36
36
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
37
37
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
38
38
  declare const _default: typeof __VLS_export;
@@ -1745,6 +1745,6 @@ const completionKeymap = [
1745
1745
  ];
1746
1746
  const completionKeymapExt = /*@__PURE__*/ Prec.highest(/*@__PURE__*/ keymap.computeN([completionConfig], (state) => state.facet(completionConfig).defaultKeymap ? [completionKeymap] : []));
1747
1747
  //#endregion
1748
- export { autocompletion, closeBrackets, closeBracketsKeymap, completeFromList, completionKeymap, ifNotIn, snippetCompletion };
1748
+ export { CompletionContext, autocompletion, closeBrackets, closeBracketsKeymap, completeFromList, completionKeymap, ifNotIn, snippetCompletion };
1749
1749
 
1750
1750
  //# sourceMappingURL=index.js.map