@veltra/desktop 1.1.28 → 1.1.30

package/dist/components/palette/use-hsv.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-hsv.js","names":[],"sources":["../../../src/components/palette/use-hsv.ts"],"sourcesContent":["import { n } from '@cat-kit/core'\nimport { reactive, readonly, ref, computed, type Ref, type ComputedRef } from 'vue'\n\nimport type { PaletteRGB } from '../../types'\nimport { HUE2RGB } from './color-transform'\n\ninterface UseHSVReturned {\n  HSV: { h: number; s: number; v: number }\n  alpha: Ref<number>\n  hueRGB: ComputedRef<PaletteRGB>\n  updateHue: (deg: number) => void\n  updateSV: ({ s, v }: { s: number; v: number }) => void\n  updateAlpha: (a: number) => void\n}\n\nexport function useHSV(): UseHSVReturned {\n  const HSV = reactive({ h: 0, s: 1, v: 1 })\n  /** 透明度 */\n  const alpha = ref(1)\n  /** 色调 RGB 值 */\n  const hueRGB = computed(() => HUE2RGB(HSV.h))\n\n  /**\n   * 更新色相值\n   * @param deg 色相值, 0-360\n   */\n  function updateHue(deg: number) {\n    HSV.h = deg\n  }\n\n  /**\n   * 更新饱和度和亮度\n   * @param sv { s: 饱和度, v: 亮度 }\n   */\n  function updateSV({ s, v }: { s: number; v: number }) {\n    HSV.s = s\n    HSV.v = v\n  }\n\n  /**\n   * 更新调色盘的透明度\n   * @param a 透明度, 0-1\n   */\n  function updateAlpha(a: number) {\n    alpha.value = +n(a).fixed({ maxPrecision: 2 })\n  }\n\n  return {\n    HSV: readonly(HSV),\n    alpha,\n    hueRGB,\n\n    updateHue,\n    updateSV,\n    updateAlpha\n  }\n}\n"],"mappings":";;;;AAeA,SAAgB,SAAyB;CACvC,MAAM,MAAM,SAAS;EAAE,GAAG;EAAG,GAAG;EAAG,GAAG;EAAG,CAAC;;CAE1C,MAAM,QAAQ,IAAI,EAAE;;CAEpB,MAAM,SAAS,eAAe,QAAQ,IAAI,EAAE,CAAC;;;;;CAM7C,SAAS,UAAU,KAAa;EAC9B,IAAI,IAAI;;;;;;CAOV,SAAS,SAAS,EAAE,GAAG,KAA+B;EACpD,IAAI,IAAI;EACR,IAAI,IAAI;;;;;;CAOV,SAAS,YAAY,GAAW;EAC9B,MAAM,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,CAAC;;CAGhD,OAAO;EACL,KAAK,SAAS,IAAI;EAClB;EACA;EAEA;EACA;EACA;EACD"}
+{"version":3,"file":"use-hsv.js","names":[],"sources":["../../../src/components/palette/use-hsv.ts"],"sourcesContent":["import { n } from '@cat-kit/core'\nimport { reactive, readonly, ref, computed, type Ref, type ComputedRef } from 'vue'\n\nimport type { PaletteRGB } from '../../types'\nimport { HUE2RGB } from './color-transform'\n\ninterface UseHSVReturned {\n  HSV: { h: number; s: number; v: number }\n  alpha: Ref<number>\n  hueRGB: ComputedRef<PaletteRGB>\n  updateHue: (deg: number) => void\n  updateSV: ({ s, v }: { s: number; v: number }) => void\n  updateAlpha: (a: number) => void\n}\n\nexport function useHSV(): UseHSVReturned {\n  const HSV = reactive({ h: 0, s: 1, v: 1 })\n  /** 透明度 */\n  const alpha = ref(1)\n  /** 色调 RGB 值 */\n  const hueRGB = computed(() => HUE2RGB(HSV.h))\n\n  /**\n   * 更新色相值\n   * @param deg 色相值, 0-360\n   */\n  function updateHue(deg: number) {\n    HSV.h = deg\n  }\n\n  /**\n   * 更新饱和度和亮度\n   * @param sv { s: 饱和度, v: 亮度 }\n   */\n  function updateSV({ s, v }: { s: number; v: number }) {\n    HSV.s = s\n    HSV.v = v\n  }\n\n  /**\n   * 更新调色盘的透明度\n   * @param a 透明度, 0-1\n   */\n  function updateAlpha(a: number) {\n    alpha.value = +n(a).fixed({ maxPrecision: 2 })\n  }\n\n  return {\n    HSV: readonly(HSV),\n    alpha,\n    hueRGB,\n\n    updateHue,\n    updateSV,\n    updateAlpha\n  }\n}\n"],"mappings":";;;;AAeA,SAAgB,SAAyB;CACvC,MAAM,MAAM,SAAS;EAAE,GAAG;EAAG,GAAG;EAAG,GAAG;CAAE,CAAC;;CAEzC,MAAM,QAAQ,IAAI,CAAC;;CAEnB,MAAM,SAAS,eAAe,QAAQ,IAAI,CAAC,CAAC;;;;;CAM5C,SAAS,UAAU,KAAa;EAC9B,IAAI,IAAI;CACV;;;;;CAMA,SAAS,SAAS,EAAE,GAAG,KAA+B;EACpD,IAAI,IAAI;EACR,IAAI,IAAI;CACV;;;;;CAMA,SAAS,YAAY,GAAW;EAC9B,MAAM,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;CAC/C;CAEA,OAAO;EACL,KAAK,SAAS,GAAG;EACjB;EACA;EAEA;EACA;EACA;CACF;AACF"}

package/dist/components/password-input/password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","names":[],"sources":["../../../src/components/password-input/password-input.vue"],"sourcesContent":["<template>\n  <u-input\n    :class=\"cls.b\"\n    :model-value=\"passwordText\"\n    v-bind=\"inputProps\"\n    :size=\"size\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :clearable=\"false\"\n    @native:input=\"handleUpdatePwd\"\n    @update:model-value=\"!$event && handleClear()\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <template #suffix>\n      <span :class=\"cls.e('suffix')\">\n        <UIcon v-if=\"showClear\" :class=\"cls.e('clear')\" title=\"清除\" @click.stop=\"handleClear\">\n          <Close />\n        </UIcon>\n        <UIcon :class=\"cls.e('visibility-toggle')\" :size=\"18\" @click.stop=\"toggleVisible\">\n          <Hide v-if=\"pwdVisible\" />\n          <View v-else />\n        </UIcon>\n      </span>\n    </template>\n\n    <template #prefix v-if=\"slots.prefix\">\n      <slot name=\"prefix\" />\n    </template>\n  </u-input>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Close, Hide, View } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, ref, shallowRef } from 'vue'\n\nimport type { PasswordInputProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({ name: 'PasswordInput' })\n\nconst props = withDefaults(defineProps<PasswordInputProps>(), {\n  clearable: false,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst slots = defineSlots<{ prefix?: () => any }>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst inputProps = computed(() => {\n  return o(props).pick(['disabled', 'placeholder', 'size'])\n})\n\nconst cls = bem('password-input')\n\nconst model = defineModel<string>()\n\nconst hovered = ref(false)\n\nconst handleMouseEnter = (): void => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = (): void => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst passwordChar = '●'\n\nconst handleUpdatePwd = (e: Event): void => {\n  const target = e.target as HTMLInputElement\n  const val = target.value\n  if (!val) {\n    model.value = val\n    return\n  }\n\n  // 字符从无到有\n  if (!model.value) {\n    model.value = val\n    return\n  }\n\n  const pointIndex = target.selectionStart!\n  let inputChar = pointIndex === 0 ? '' : val[pointIndex - 1]!\n  if (inputChar === passwordChar) inputChar = ''\n\n  // 光标右侧字符数量（当前字符长度减去光标位置）\n  const rightLen = val.length - pointIndex\n  // 光标左侧字符数量 （当光标前的字符是刚刚输入的，则为这个字符前的所有的字符，否则为光标前的所有赐福）\n  const leftLen = inputChar === '' ? pointIndex : pointIndex - 1\n\n  const leftVal = model.value.slice(0, leftLen)\n  const rightVal = rightLen === 0 ? '' : model.value.slice(-rightLen)\n\n  model.value = leftVal + inputChar + rightVal\n\n  nextTick(() => {\n    target.selectionStart = pointIndex\n    target.selectionEnd = pointIndex\n  })\n}\n\nconst handleClear = (): void => {\n  model.value = ''\n}\n\nconst pwdVisible = shallowRef(false)\n\nconst passwordText = computed<string | undefined>(() => {\n  if (pwdVisible.value) return model.value\n  return model.value ? passwordChar.repeat(model.value.length) : ''\n})\n\nconst toggleVisible = () => {\n  pwdVisible.value = !pwdVisible.value\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"password-input.js","names":[],"sources":["../../../src/components/password-input/password-input.vue"],"sourcesContent":["<template>\n  <u-input\n    :class=\"cls.b\"\n    :model-value=\"passwordText\"\n    v-bind=\"inputProps\"\n    :size=\"size\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :clearable=\"false\"\n    @native:input=\"handleUpdatePwd\"\n    @update:model-value=\"!$event && handleClear()\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <template #suffix>\n      <span :class=\"cls.e('suffix')\">\n        <UIcon v-if=\"showClear\" :class=\"cls.e('clear')\" title=\"清除\" @click.stop=\"handleClear\">\n          <Close />\n        </UIcon>\n        <UIcon :class=\"cls.e('visibility-toggle')\" :size=\"18\" @click.stop=\"toggleVisible\">\n          <Hide v-if=\"pwdVisible\" />\n          <View v-else />\n        </UIcon>\n      </span>\n    </template>\n\n    <template #prefix v-if=\"slots.prefix\">\n      <slot name=\"prefix\" />\n    </template>\n  </u-input>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Close, Hide, View } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, ref, shallowRef } from 'vue'\n\nimport type { PasswordInputProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({ name: 'PasswordInput' })\n\nconst props = withDefaults(defineProps<PasswordInputProps>(), {\n  clearable: false,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst slots = defineSlots<{ prefix?: () => any }>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst inputProps = computed(() => {\n  return o(props).pick(['disabled', 'placeholder', 'size'])\n})\n\nconst cls = bem('password-input')\n\nconst model = defineModel<string>()\n\nconst hovered = ref(false)\n\nconst handleMouseEnter = (): void => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = (): void => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst passwordChar = '●'\n\nconst handleUpdatePwd = (e: Event): void => {\n  const target = e.target as HTMLInputElement\n  const val = target.value\n  if (!val) {\n    model.value = val\n    return\n  }\n\n  // 字符从无到有\n  if (!model.value) {\n    model.value = val\n    return\n  }\n\n  const pointIndex = target.selectionStart!\n  let inputChar = pointIndex === 0 ? '' : val[pointIndex - 1]!\n  if (inputChar === passwordChar) inputChar = ''\n\n  // 光标右侧字符数量（当前字符长度减去光标位置）\n  const rightLen = val.length - pointIndex\n  // 光标左侧字符数量 （当光标前的字符是刚刚输入的，则为这个字符前的所有的字符，否则为光标前的所有赐福）\n  const leftLen = inputChar === '' ? pointIndex : pointIndex - 1\n\n  const leftVal = model.value.slice(0, leftLen)\n  const rightVal = rightLen === 0 ? '' : model.value.slice(-rightLen)\n\n  model.value = leftVal + inputChar + rightVal\n\n  nextTick(() => {\n    target.selectionStart = pointIndex\n    target.selectionEnd = pointIndex\n  })\n}\n\nconst handleClear = (): void => {\n  model.value = ''\n}\n\nconst pwdVisible = shallowRef(false)\n\nconst passwordText = computed<string | undefined>(() => {\n  if (pwdVisible.value) return model.value\n  return model.value ? passwordChar.repeat(model.value.length) : ''\n})\n\nconst toggleVisible = () => {\n  pwdVisible.value = !pwdVisible.value\n}\n</script>\n"],"mappings":"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"}

package/dist/components/password-input/password-input.vue.d.ts

@@ -1,6 +1,4 @@
 import { PasswordInputProps } from "../../types/password-input.js";
-import * as _$vue from "vue";
-
 //#region src/components/password-input/password-input.vue.d.ts
 type __VLS_Props = PasswordInputProps;
 type __VLS_Slots = {
@@ -10,15 +8,15 @@ type __VLS_ModelProps = {
   modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string | undefined) => any;
-}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
   disabled: boolean;
   readonly: boolean;
   clearable: boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/pop-confirm/pop-confirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pop-confirm.js","names":[],"sources":["../../../src/components/pop-confirm/pop-confirm.vue"],"sourcesContent":["<template>\n  <u-tip\n    :class=\"cls.b\"\n    :trigger=\"trigger\"\n    :direction=\"direction\"\n    :alignment=\"alignment\"\n    :content-tag=\"contentTag\"\n    v-model:visible=\"visible\"\n  >\n    <slot name=\"reference\" />\n\n    <template #content>\n      <div :class=\"[cls.m('main'), cls.m(size)]\">\n        <u-icon :size=\"16\" :class=\"cls.m('icon')\" :style=\"{ color: iconColor }\">\n          <component :is=\"icon\" />\n        </u-icon>\n        <span>\n          {{ title }}\n        </span>\n      </div>\n      <div :class=\"cls.m('action')\">\n        <u-button size=\"small\" @click=\"cancel\" type=\"primary\" text>\n          {{ cancelText }}\n        </u-button>\n        &nbsp;\n        <u-button size=\"small\" type=\"primary\" @click=\"confirm\">\n          {{ confirmText }}\n        </u-button>\n      </div>\n    </template>\n  </u-tip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { QuestionFilled } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { ref } from 'vue'\n\nimport type { PopConfirmProps, PopConfirmEmits } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { UTip } from '../tip'\n\ndefineOptions({ name: 'PopConfirm' })\n\nconst emit = defineEmits<PopConfirmEmits>()\n\nwithDefaults(defineProps<PopConfirmProps>(), {\n  trigger: 'click',\n  icon: QuestionFilled,\n  direction: 'bottom',\n  iconColor: '#ffc107',\n  confirmText: '确认',\n  cancelText: '取消'\n})\n\nconst cls = bem('pop-confirm')\n\nconst visible = ref(false)\n\nconst { formProps } = injectFormContext()\n\nconst { size } = useFormFallbackProps([formProps ?? {}], { size: 'default' })\n\nconst confirm = () => {\n  emit('confirm')\n  visible.value = false\n}\n\nconst cancel = () => {\n  emit('cancel')\n  visible.value = false\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA+CA,MAAM,OAAO;EAWb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,UAAU,IAAI,MAAK;EAEzB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,SAAS,qBAAqB,CAAC,aAAa,EAAE,CAAA,EAAG,EAAE,MAAM,WAAW,CAAA;EAE5E,MAAM,gBAAgB;GACpB,KAAK,UAAS;GACd,QAAQ,QAAQ;;EAGlB,MAAM,eAAe;GACnB,KAAK,SAAQ;GACb,QAAQ,QAAQ;;;uBAxEhB,YA6BQ,MAAA,YAAA,EAAA;IA5BL,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IACZ,SAAS,QAAA;IACT,WAAW,QAAA;IACX,WAAW,QAAA;IACX,eAAa,QAAA;IACN,SAAS,QAAA;8DAAA,QAAO,QAAA;;IAIb,SAAO,cAQV,CAPN,mBAOM,OAAA,EAPA,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,OAAA,EAAU,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA,EAAA,EAAA,CACrC,YAES,MAAA,YAAA,EAAA;KAFA,MAAM;KAAK,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA;KAAW,OAAK,eAAA,EAAA,OAAW,QAAA,WAAS,CAAA;;4BAC1C,EAAA,WAAA,EAAxB,YAAwB,wBAAR,QAAA,KAAI,CAAA,EAAA,CAAA;;+BAEtB,mBAEO,QAAA,MAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA,EAGZ,mBAQM,OAAA,EARA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA,EAAA,EAAA;KAChB,YAEW,MAAA,YAAA,EAAA;MAFD,MAAK;MAAS,SAAO;MAAQ,MAAK;MAAU,MAAA;;6BACpC,CAAA,gBAAA,gBAAb,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;;+CACJ,UAEX,GAAA;KAAA,YAEW,MAAA,YAAA,EAAA;MAFD,MAAK;MAAQ,MAAK;MAAW,SAAO;;6BAC3B,CAAA,gBAAA,gBAAd,QAAA,YAAW,EAAA,EAAA,CAAA,CAAA;;;;2BAjBK,CAAzB,WAAyB,KAAA,QAAA,YAAA,CAAA,CAAA"}
+{"version":3,"file":"pop-confirm.js","names":[],"sources":["../../../src/components/pop-confirm/pop-confirm.vue"],"sourcesContent":["<template>\n  <u-tip\n    :class=\"cls.b\"\n    :trigger=\"trigger\"\n    :direction=\"direction\"\n    :alignment=\"alignment\"\n    :content-tag=\"contentTag\"\n    v-model:visible=\"visible\"\n  >\n    <slot name=\"reference\" />\n\n    <template #content>\n      <div :class=\"[cls.m('main'), cls.m(size)]\">\n        <u-icon :size=\"16\" :class=\"cls.m('icon')\" :style=\"{ color: iconColor }\">\n          <component :is=\"icon\" />\n        </u-icon>\n        <span>\n          {{ title }}\n        </span>\n      </div>\n      <div :class=\"cls.m('action')\">\n        <u-button size=\"small\" @click=\"cancel\" type=\"primary\" text>\n          {{ cancelText }}\n        </u-button>\n        &nbsp;\n        <u-button size=\"small\" type=\"primary\" @click=\"confirm\">\n          {{ confirmText }}\n        </u-button>\n      </div>\n    </template>\n  </u-tip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { QuestionFilled } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { ref } from 'vue'\n\nimport type { PopConfirmProps, PopConfirmEmits } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { UTip } from '../tip'\n\ndefineOptions({ name: 'PopConfirm' })\n\nconst emit = defineEmits<PopConfirmEmits>()\n\nwithDefaults(defineProps<PopConfirmProps>(), {\n  trigger: 'click',\n  icon: QuestionFilled,\n  direction: 'bottom',\n  iconColor: '#ffc107',\n  confirmText: '确认',\n  cancelText: '取消'\n})\n\nconst cls = bem('pop-confirm')\n\nconst visible = ref(false)\n\nconst { formProps } = injectFormContext()\n\nconst { size } = useFormFallbackProps([formProps ?? {}], { size: 'default' })\n\nconst confirm = () => {\n  emit('confirm')\n  visible.value = false\n}\n\nconst cancel = () => {\n  emit('cancel')\n  visible.value = false\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA+CA,MAAM,OAAO;EAWb,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,UAAU,IAAI,KAAK;EAEzB,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,SAAS,qBAAqB,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,MAAM,UAAU,CAAC;EAE5E,MAAM,gBAAgB;GACpB,KAAK,SAAS;GACd,QAAQ,QAAQ;EAClB;EAEA,MAAM,eAAe;GACnB,KAAK,QAAQ;GACb,QAAQ,QAAQ;EAClB;;uBAzEE,YA6BQ,MAAA,WAAA,GAAA;IA5BL,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC;IACZ,SAAS,QAAA;IACT,WAAW,QAAA;IACX,WAAW,QAAA;IACX,eAAa,QAAA;IACN,SAAS,QAAA;8DAAA,QAAO,QAAA;;IAIb,SAAO,cAQV,CAPN,mBAOM,OAAA,EAPA,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,EAAC,MAAA,GAAU,MAAA,GAAA,EAAI,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA,EAAA,GAAA,CACrC,YAES,MAAA,WAAA,GAAA;KAFA,MAAM;KAAK,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA;KAAW,OAAK,eAAA,EAAA,OAAW,QAAA,UAAS,CAAA;;4BAC1C,EAAA,UAAA,GAAxB,YAAwB,wBAAR,QAAA,IAAI,CAAA,EAAA,CAAA;;+BAEtB,mBAEO,QAAA,MAAA,gBADF,QAAA,KAAK,GAAA,CAAA,CAAA,GAAA,CAAA,GAGZ,mBAQM,OAAA,EARA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,EAAA,GAAA;KAChB,YAEW,MAAA,WAAA,GAAA;MAFD,MAAK;MAAS,SAAO;MAAQ,MAAK;MAAU,MAAA;;6BACpC,CAAA,gBAAA,gBAAb,QAAA,UAAU,GAAA,CAAA,CAAA,CAAA;;;+CACJ,UAEX,EAAA;KAAA,YAEW,MAAA,WAAA,GAAA;MAFD,MAAK;MAAQ,MAAK;MAAW,SAAO;;6BAC3B,CAAA,gBAAA,gBAAd,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;;;2BAjBK,CAAzB,WAAyB,KAAA,QAAA,WAAA,CAAA,CAAA"}

package/dist/components/pop-confirm/pop-confirm.vue.d.ts

@@ -1,26 +1,24 @@
 import { TipDirection } from "../../types/tip.js";
 import { PopConfirmProps } from "../../types/pop-confirm.js";
-import * as _$vue from "vue";
-
 //#region src/components/pop-confirm/pop-confirm.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   reference?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<PopConfirmProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PopConfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   confirm: () => any;
   cancel: () => any;
-}, string, _$vue.PublicProps, Readonly<PopConfirmProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<PopConfirmProps> & Readonly<{
   onConfirm?: (() => any) | undefined;
   onCancel?: (() => any) | undefined;
 }>, {
   trigger: "hover" | "click";
   direction: TipDirection;
-  icon: _$vue.Component;
+  icon: import("vue").Component;
   iconColor: string;
   confirmText: string;
   cancelText: string;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/progress/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../../src/components/progress/progress.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <!-- 条形进度条 -->\n    <div :class=\"cls.e('bar-wrap')\" v-if=\"!circle\">\n      <div :class=\"cls.e('bar')\" :style=\"{ width: percentage + '%' }\">\n        <slot v-bind=\"{ percentage, type }\">{{ percentage }}%</slot>\n      </div>\n    </div>\n\n    <!-- 环形进度条 -->\n    <div\n      v-else\n      :class=\"cls.e('circle')\"\n      :style=\"{ height: withUnit(size, 'px'), width: withUnit(size, 'px') }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <circle cx=\"50\" cy=\"50\" :r=\"r\" fill=\"none\" stroke=\"#f5f8fa\" stroke-width=\"8\" />\n        <circle\n          :class=\"cls.e('circle-ring')\"\n          cx=\"50\"\n          cy=\"50\"\n          :r=\"r\"\n          fill=\"none\"\n          :stroke=\"stroke\"\n          stroke-width=\"8\"\n          :stroke-dasharray=\"dashArray\"\n          :stroke-dashoffset=\"offset\"\n          :stroke-linecap=\"percentage === 0 ? undefined : 'round'\"\n        />\n      </svg>\n\n      <div :class=\"cls.e('circle-content')\">\n        <slot v-bind=\"{ percentage, type }\"> {{ percentage }}% </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n } from '@cat-kit/core'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { ProgressProps, ColorType } from '../../types'\n\ndefineOptions({ name: 'Progress' })\n\nconst props = withDefaults(defineProps<ProgressProps>(), { type: 'primary', circle: false })\n\ndefineSlots<{\n  default: (props: {\n    /** 进度百分比 */\n    percentage: number\n    /** 样式类型 */\n    type: ColorType\n  }) => any\n}>()\n\nconst cls = bem('progress')\n\nconst percentage = computed(() => {\n  return n(props.percentage ?? 0).range(0, 100)\n})\n\nconst type = computed<ColorType>(() => {\n  const { type } = props\n  return typeof type === 'function' ? type(percentage.value) : type\n})\n\nconst className = computed(() => {\n  return [cls.b, bem.is('circle', props.circle), cls.m(type.value)]\n})\n\n/** 描边 */\nconst stroke = computed(() => {\n  return `var(--u-color-${type.value})`\n})\n\nconst r = 44\nconst c = 2 * Math.PI * r\nconst offset = c / 4\n\n/** 圆周 */\nconst dashArray = computed(() => {\n  const dashLen = (c * percentage.value) / 100\n  return `${dashLen}, ${c - dashLen}`\n})\n</script>\n"],"mappings":";;;;;;;;;;AA8EA,MAAM,IAAI;;;;;;;;;;;;;;;;;EA/BV,MAAM,QAAQ;EAWd,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,aAAa,eAAe;GAChC,OAAO,EAAE,MAAM,cAAc,EAAC,CAAE,MAAM,GAAG,IAAG;IAC7C;EAED,MAAM,OAAO,eAA0B;GACrC,MAAM,EAAE,SAAS;GACjB,OAAO,OAAO,SAAS,aAAa,KAAK,WAAW,MAAK,GAAI;IAC9D;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,GAAG,UAAU,MAAM,OAAM;IAAG,IAAI,EAAE,KAAK,MAAK;IAAC;IACjE;;EAGD,MAAM,SAAS,eAAe;GAC5B,OAAO,iBAAiB,KAAK,MAAM;IACpC;EAGD,MAAM,IAAI,IAAI,KAAK,KAAK;EACxB,MAAM,SAAS,IAAI;;EAGnB,MAAM,YAAY,eAAe;GAC/B,MAAM,UAAW,IAAI,WAAW,QAAS;GACzC,OAAO,GAAG,QAAQ,IAAI,IAAI;IAC3B;;uBArFC,mBAkCM,OAAA,EAlCA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,mBAAA,UAAA,EAAA,CACuC,QAAA,UAAA,WAAA,EAAvC,mBAIM,OAAA;;IAJA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;OAChB,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,MAAA,CAAA;IAAU,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,KAAA,CAAA;OACpD,WAA4D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA5C,WAAA;IAAU,MAAE,KAAA;IAAI,CAAA,CAAA,QAA4B,CAAA,gBAAA,gBAArB,WAAA,MAAU,GAAG,KAAC,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,KAAA,WAAA,EAKzD,mBAwBM,UAAA,EAAA,KAAA,GAAA,EAAA,CAzBN,mBAAA,UAAA,EACA,mBAwBM,OAAA;IAtBH,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA;IACZ,OAAK,eAAA;KAAA,QAAY,MAAA,SAAA,CAAS,QAAA,MAAI,KAAA;KAAA,OAAgB,MAAA,SAAA,CAAS,QAAA,MAAI,KAAA;KAAA,CAAA;qBAE5D,mBAcM,OAdN,YAcM,CAbJ,mBAA+E,UAAA;IAAvE,IAAG;IAAK,IAAG;IAAS;IAAG,MAAK;IAAO,QAAO;IAAU,gBAAa;OACzE,mBAWE,UAAA;IAVC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;IACb,IAAG;IACH,IAAG;IACC;IACJ,MAAK;IACJ,QAAQ,OAAA;IACT,gBAAa;IACZ,oBAAkB,UAAA;IAClB,qBAAmB;IACnB,kBAAgB,WAAA,UAAU,IAAS,KAAA,IAAS;gCAIjD,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,iBAAA,CAAA,EAAA,EAAA,CAChB,WAA8D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA9C,WAAA;IAAU,MAAE,KAAA;IAAI,CAAA,CAAA,QAA8B,CAAA,gBAAA,gBAAtB,WAAA,MAAU,GAAG,MAAE,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,EAAA"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../../src/components/progress/progress.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <!-- 条形进度条 -->\n    <div :class=\"cls.e('bar-wrap')\" v-if=\"!circle\">\n      <div :class=\"cls.e('bar')\" :style=\"{ width: percentage + '%' }\">\n        <slot v-bind=\"{ percentage, type }\">{{ percentage }}%</slot>\n      </div>\n    </div>\n\n    <!-- 环形进度条 -->\n    <div\n      v-else\n      :class=\"cls.e('circle')\"\n      :style=\"{ height: withUnit(size, 'px'), width: withUnit(size, 'px') }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <circle cx=\"50\" cy=\"50\" :r=\"r\" fill=\"none\" stroke=\"#f5f8fa\" stroke-width=\"8\" />\n        <circle\n          :class=\"cls.e('circle-ring')\"\n          cx=\"50\"\n          cy=\"50\"\n          :r=\"r\"\n          fill=\"none\"\n          :stroke=\"stroke\"\n          stroke-width=\"8\"\n          :stroke-dasharray=\"dashArray\"\n          :stroke-dashoffset=\"offset\"\n          :stroke-linecap=\"percentage === 0 ? undefined : 'round'\"\n        />\n      </svg>\n\n      <div :class=\"cls.e('circle-content')\">\n        <slot v-bind=\"{ percentage, type }\"> {{ percentage }}% </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n } from '@cat-kit/core'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { ProgressProps, ColorType } from '../../types'\n\ndefineOptions({ name: 'Progress' })\n\nconst props = withDefaults(defineProps<ProgressProps>(), { type: 'primary', circle: false })\n\ndefineSlots<{\n  default: (props: {\n    /** 进度百分比 */\n    percentage: number\n    /** 样式类型 */\n    type: ColorType\n  }) => any\n}>()\n\nconst cls = bem('progress')\n\nconst percentage = computed(() => {\n  return n(props.percentage ?? 0).range(0, 100)\n})\n\nconst type = computed<ColorType>(() => {\n  const { type } = props\n  return typeof type === 'function' ? type(percentage.value) : type\n})\n\nconst className = computed(() => {\n  return [cls.b, bem.is('circle', props.circle), cls.m(type.value)]\n})\n\n/** 描边 */\nconst stroke = computed(() => {\n  return `var(--u-color-${type.value})`\n})\n\nconst r = 44\nconst c = 2 * Math.PI * r\nconst offset = c / 4\n\n/** 圆周 */\nconst dashArray = computed(() => {\n  const dashLen = (c * percentage.value) / 100\n  return `${dashLen}, ${c - dashLen}`\n})\n</script>\n"],"mappings":";;;;;;;;;;AA8EA,MAAM,IAAI;;;;;;;;;;;;;;;;;EA/BV,MAAM,QAAQ;EAWd,MAAM,MAAM,IAAI,UAAU;EAE1B,MAAM,aAAa,eAAe;GAChC,OAAO,EAAE,MAAM,cAAc,CAAC,EAAE,MAAM,GAAG,GAAG;EAC9C,CAAC;EAED,MAAM,OAAO,eAA0B;GACrC,MAAM,EAAE,SAAS;GACjB,OAAO,OAAO,SAAS,aAAa,KAAK,WAAW,KAAK,IAAI;EAC/D,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,GAAG,UAAU,MAAM,MAAM;IAAG,IAAI,EAAE,KAAK,KAAK;GAAC;EAClE,CAAC;;EAGD,MAAM,SAAS,eAAe;GAC5B,OAAO,iBAAiB,KAAK,MAAM;EACrC,CAAC;EAGD,MAAM,IAAI,IAAI,KAAK,KAAK;EACxB,MAAM,SAAS,IAAI;;EAGnB,MAAM,YAAY,eAAe;GAC/B,MAAM,UAAW,IAAI,WAAW,QAAS;GACzC,OAAO,GAAG,QAAQ,IAAI,IAAI;EAC5B,CAAC;;uBArFC,mBAkCM,OAAA,EAlCA,OAAK,eAAE,UAAA,KAAS,EAAA,GAAA,CACpB,mBAAA,SAAA,GAAA,CACuC,QAAA,UAAA,UAAA,GAAvC,mBAIM,OAAA;;IAJA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,UAAA,CAAA;OAChB,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,KAAA,CAAA;IAAU,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,IAAA,CAAA;OACpD,WAA4D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA5C,WAAA;IAAU,MAAE,KAAA;GAAI,CAAA,CAAA,SAA4B,CAAA,gBAAA,gBAArB,WAAA,KAAU,IAAG,KAAC,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,MAAA,UAAA,GAKzD,mBAwBM,UAAA,EAAA,KAAA,EAAA,GAAA,CAzBN,mBAAA,SAAA,GACA,mBAwBM,OAAA;IAtBH,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA;IACZ,OAAK,eAAA;KAAA,QAAY,MAAA,QAAA,EAAS,QAAA,MAAI,IAAA;KAAA,OAAgB,MAAA,QAAA,EAAS,QAAA,MAAI,IAAA;IAAA,CAAA;qBAE5D,mBAcM,OAdN,YAcM,CAbJ,mBAA+E,UAAA;IAAvE,IAAG;IAAK,IAAG;IAAS;IAAG,MAAK;IAAO,QAAO;IAAU,gBAAa;OACzE,mBAWE,UAAA;IAVC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,aAAA,CAAA;IACb,IAAG;IACH,IAAG;IACC;IACJ,MAAK;IACJ,QAAQ,OAAA;IACT,gBAAa;IACZ,oBAAkB,UAAA;IAClB,qBAAmB;IACnB,kBAAgB,WAAA,UAAU,IAAS,KAAA,IAAS;gCAIjD,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,gBAAA,CAAA,EAAA,GAAA,CAChB,WAA8D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA9C,WAAA;IAAU,MAAE,KAAA;GAAI,CAAA,CAAA,SAA8B,CAAA,gBAAA,gBAAtB,WAAA,KAAU,IAAG,MAAE,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,EAAA,GAAA,CAAA"}

package/dist/components/progress/progress.vue.d.ts

@@ -1,6 +1,5 @@
 import { ProgressProps } from "../../types/progress.js";
 import { index_d_exports } from "../../types/index.js";
-import * as _$vue from "vue";
 
 //#region src/components/progress/progress.vue.d.ts
 type __VLS_Slots = {
@@ -9,10 +8,10 @@ type __VLS_Slots = {
     type: index_d_exports.ColorType;
   }) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
   type: index_d_exports.ColorType | ((percentage: number) => index_d_exports.ColorType);
   circle: boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/progress-nodes/progress-nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-nodes.js","names":[],"sources":["../../../src/components/progress-nodes/progress-nodes.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" :class=\"className\" :style=\"containerStyle\" @scroll=\"checkScroll\">\n    <ul :class=\"cls.e('list')\">\n      <li\n        v-for=\"(node, index) in nodes\"\n        :key=\"node.key ?? index\"\n        :class=\"[\n          cls.e('item'),\n          bem.is('checked', isChecked(node, index)),\n          bem.is('active', isActive(node))\n        ]\"\n        @click=\"handleClick(node, index)\"\n      >\n        <div :class=\"cls.e('node')\">\n          <!-- 虚线连接 -->\n          <div v-if=\"index !== nodes.length - 1\" :class=\"cls.e('link')\"></div>\n\n          <!-- 节点圆点 -->\n          <span :class=\"cls.e('dot')\">\n            <slot name=\"icon\" :node=\"node\" :index=\"index\" />\n          </span>\n        </div>\n\n        <div :class=\"cls.e('label')\">\n          <slot :node=\"node\" :index=\"index\">\n            {{ getLabel(node) }}\n          </slot>\n        </div>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { useDrag, useResizeObserver } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef, toRefs, useTemplateRef, watch, nextTick } from 'vue'\n\nimport type { ProgressNodesProps, ProgressNodesEmits } from '../../types'\n\ndefineOptions({ name: 'ProgressNodes' })\n\nconst props = withDefaults(defineProps<ProgressNodesProps>(), {\n  colorType: 'primary',\n  labelKey: 'label',\n  valueKey: 'value'\n})\n\nconst emit = defineEmits<ProgressNodesEmits>()\n\nconst { nodes } = toRefs(props)\n\nconst cls = bem('progress-nodes')\nconst containerRef = useTemplateRef('container')\nconst isDragging = shallowRef(false)\nconst isScrollable = shallowRef(false)\nconst showMaskStart = shallowRef(false)\nconst showMaskEnd = shallowRef(false)\n\nconst className = computed(() => [\n  cls.b,\n  cls.m(props.colorType),\n  bem.is('scrollable', isScrollable.value),\n  bem.is('dragging', isDragging.value),\n  bem.is('mask-start', showMaskStart.value),\n  bem.is('mask-end', showMaskEnd.value)\n])\n\nconst containerStyle = computed(() => {\n  const style: Record<string, string> = {}\n  const maxWidth = toCssSize(props.maxWidth)\n  if (maxWidth) style.maxWidth = maxWidth\n  return style\n})\n\nlet startScrollLeft = 0\n\nuseDrag({\n  target: containerRef,\n  onDragStart() {\n    if (!isScrollable.value) return\n    const container = containerRef.value\n    if (!container) return\n    isDragging.value = true\n    startScrollLeft = container.scrollLeft\n  },\n  onDrag({ x }) {\n    if (!isScrollable.value) return\n    const container = containerRef.value\n    if (!container) return\n    container.scrollLeft = startScrollLeft - x\n  },\n  onDragEnd() {\n    isDragging.value = false\n  }\n})\n\nuseResizeObserver({ targets: containerRef, onResize: checkScroll })\n\nwatch(\n  nodes,\n  () => {\n    nextTick(checkScroll)\n  },\n  { deep: true }\n)\n\nfunction checkScroll() {\n  const container = containerRef.value\n  if (!container) return\n\n  const { scrollLeft, scrollWidth, clientWidth } = container\n  isScrollable.value = scrollWidth > clientWidth + 1\n  showMaskStart.value = scrollLeft > 0\n  showMaskEnd.value = scrollLeft + clientWidth < scrollWidth - 1\n}\n\nfunction isChecked(node: Record<string, any>, index: number) {\n  return props.check?.(node, index) ?? false\n}\n\nfunction isActive(node: Record<string, any>) {\n  const value = o(node).get(props.valueKey)\n  return props.modelValue === value\n}\n\nfunction getLabel(node: Record<string, any>) {\n  return o(node).get(props.labelKey)\n}\n\nfunction handleClick(node: Record<string, any>, index: number) {\n  const value = o(node).get(props.valueKey)\n  emit('update:modelValue', value)\n  emit('click', node, index)\n}\n\nfunction toCssSize(value?: number | string) {\n  if (value === undefined) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"progress-nodes.js","names":[],"sources":["../../../src/components/progress-nodes/progress-nodes.vue"],"sourcesContent":["<template>\n  <div ref=\"container\" :class=\"className\" :style=\"containerStyle\" @scroll=\"checkScroll\">\n    <ul :class=\"cls.e('list')\">\n      <li\n        v-for=\"(node, index) in nodes\"\n        :key=\"node.key ?? index\"\n        :class=\"[\n          cls.e('item'),\n          bem.is('checked', isChecked(node, index)),\n          bem.is('active', isActive(node))\n        ]\"\n        @click=\"handleClick(node, index)\"\n      >\n        <div :class=\"cls.e('node')\">\n          <!-- 虚线连接 -->\n          <div v-if=\"index !== nodes.length - 1\" :class=\"cls.e('link')\"></div>\n\n          <!-- 节点圆点 -->\n          <span :class=\"cls.e('dot')\">\n            <slot name=\"icon\" :node=\"node\" :index=\"index\" />\n          </span>\n        </div>\n\n        <div :class=\"cls.e('label')\">\n          <slot :node=\"node\" :index=\"index\">\n            {{ getLabel(node) }}\n          </slot>\n        </div>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { useDrag, useResizeObserver } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef, toRefs, useTemplateRef, watch, nextTick } from 'vue'\n\nimport type { ProgressNodesProps, ProgressNodesEmits } from '../../types'\n\ndefineOptions({ name: 'ProgressNodes' })\n\nconst props = withDefaults(defineProps<ProgressNodesProps>(), {\n  colorType: 'primary',\n  labelKey: 'label',\n  valueKey: 'value'\n})\n\nconst emit = defineEmits<ProgressNodesEmits>()\n\nconst { nodes } = toRefs(props)\n\nconst cls = bem('progress-nodes')\nconst containerRef = useTemplateRef('container')\nconst isDragging = shallowRef(false)\nconst isScrollable = shallowRef(false)\nconst showMaskStart = shallowRef(false)\nconst showMaskEnd = shallowRef(false)\n\nconst className = computed(() => [\n  cls.b,\n  cls.m(props.colorType),\n  bem.is('scrollable', isScrollable.value),\n  bem.is('dragging', isDragging.value),\n  bem.is('mask-start', showMaskStart.value),\n  bem.is('mask-end', showMaskEnd.value)\n])\n\nconst containerStyle = computed(() => {\n  const style: Record<string, string> = {}\n  const maxWidth = toCssSize(props.maxWidth)\n  if (maxWidth) style.maxWidth = maxWidth\n  return style\n})\n\nlet startScrollLeft = 0\n\nuseDrag({\n  target: containerRef,\n  onDragStart() {\n    if (!isScrollable.value) return\n    const container = containerRef.value\n    if (!container) return\n    isDragging.value = true\n    startScrollLeft = container.scrollLeft\n  },\n  onDrag({ x }) {\n    if (!isScrollable.value) return\n    const container = containerRef.value\n    if (!container) return\n    container.scrollLeft = startScrollLeft - x\n  },\n  onDragEnd() {\n    isDragging.value = false\n  }\n})\n\nuseResizeObserver({ targets: containerRef, onResize: checkScroll })\n\nwatch(\n  nodes,\n  () => {\n    nextTick(checkScroll)\n  },\n  { deep: true }\n)\n\nfunction checkScroll() {\n  const container = containerRef.value\n  if (!container) return\n\n  const { scrollLeft, scrollWidth, clientWidth } = container\n  isScrollable.value = scrollWidth > clientWidth + 1\n  showMaskStart.value = scrollLeft > 0\n  showMaskEnd.value = scrollLeft + clientWidth < scrollWidth - 1\n}\n\nfunction isChecked(node: Record<string, any>, index: number) {\n  return props.check?.(node, index) ?? false\n}\n\nfunction isActive(node: Record<string, any>) {\n  const value = o(node).get(props.valueKey)\n  return props.modelValue === value\n}\n\nfunction getLabel(node: Record<string, any>) {\n  return o(node).get(props.labelKey)\n}\n\nfunction handleClick(node: Record<string, any>, index: number) {\n  const value = o(node).get(props.valueKey)\n  emit('update:modelValue', value)\n  emit('click', node, index)\n}\n\nfunction toCssSize(value?: number | string) {\n  if (value === undefined) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n}\n</script>\n"],"mappings":"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"}

package/dist/components/progress-nodes/progress-nodes.vue.d.ts

@@ -1,7 +1,4 @@
 import { ProgressNodesProps } from "../../types/progress-nodes.js";
-import * as _$vue from "vue";
-import * as _$_veltra_utils0 from "@veltra/utils";
-
 //#region src/components/progress-nodes/progress-nodes.vue.d.ts
 declare var __VLS_1: {
     node: Record<string, any>;
@@ -15,17 +12,17 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ProgressNodesProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<ProgressNodesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   "update:modelValue": (value: string | number) => any;
   click: (node: Record<string, any>, index: number) => any;
-}, string, _$vue.PublicProps, Readonly<ProgressNodesProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<ProgressNodesProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
   onClick?: ((node: Record<string, any>, index: number) => any) | undefined;
 }>, {
   labelKey: string;
   valueKey: string;
-  colorType: _$_veltra_utils0.ColorType;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+  colorType: import("@veltra/utils").ColorType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/radio/radio.js.map

@@ -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: 'Radio' })\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,aAAC;EAE/B,MAAM,QAAQ;EAId,MAAM,MAAM,IAAI,QAAO;EAEvB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAK,EAAG;GACxE,MAAM;GACN,UAAU;GACX,CAAA;EAED,MAAM,eAAe,eAAe,MAAM,UAAU,MAAM,MAAK;EAE/D,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAK;IAChB,IAAI,GAAG,YAAY,SAAS,MAAK;IACjC,IAAI,GAAG,WAAW,aAAa,MAAK;IACtC;IACD;;uBAzDC,mBAoBQ,SAAA,EApBA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA;IACtB,mBAAA,WAAA;IACA,mBAaU,WAAA,EAbA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA,EAAA,EAAA,CAAA,eACpB,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA;KACZ,OAAO,QAAA;kEACC,MAAK,QAAA;KACb,UAAU,MAAA,SAAA;KACX,QAAA;6CAFS,MAAA,MAAK,CAAA,CAAA,EAKhB,YAEa,YAAA,EAFD,MAAK,WAAS,EAAA;4BACiC,CAArB,aAAA,SAAA,WAAA,EAApC,mBAAyD,QAAA;;MAAlD,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;;;;IAIvB,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA,EAAA,EAAA,CACjB,WAAwB,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA"}
+{"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: 'Radio' })\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,EAAI,EAAC,QAAA,CAAA,EAAA,GAAA,CAAA,eACpB,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,EAAI,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,EAAI,EAAC,OAAA,CAAA;;;;IAIvB,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA,EAAA,GAAA,CACjB,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/radio/radio.vue.d.ts

@@ -1,6 +1,4 @@
 import { RadioProps } from "../../types/radio.js";
-import * as _$vue from "vue";
-
 //#region src/components/radio/radio.vue.d.ts
 type __VLS_Props = RadioProps;
 type __VLS_ModelProps = {
@@ -11,15 +9,15 @@ declare var __VLS_7: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: any) => any;
 } & {
   "update:modelValue": (value: any) => any;
-}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
   disabled: boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/radio-group/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":[],"sources":["../../../src/components/radio-group/radio-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, bem.is('block', block), cls.m(size)]\" v-if=\"!readonly\">\n    <u-radio\n      v-for=\"item of items\"\n      :key=\"item[valueKey]\"\n      :value=\"item[valueKey]\"\n      :model-value=\"model\"\n      @update:model-value=\"handleUpdate($event, item)\"\n      :disabled=\"disabledItem?.(item) || disabled\"\n      :size=\"size\"\n    >\n      {{ item[labelKey] }}\n    </u-radio>\n  </div>\n\n  <template v-else>\n    {{ items.find((item) => item[valueKey] === model)?.[labelKey] || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\n\nimport type { RadioGroupProps, RadioGroupEmits } from '../../types'\nimport URadio from '../radio/radio.vue'\n\ndefineOptions({ name: 'RadioGroup' })\n\nconst props = withDefaults(defineProps<RadioGroupProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst model = defineModel<any>()\n\nconst emit = defineEmits<RadioGroupEmits>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst cls = bem('radio-group')\n\nconst handleUpdate = (value: any, item: Record<string, any>) => {\n  model.value = value\n  emit('change', item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAOd,MAAM,QAAQ,SAAgB,SAAA,aAAC;EAE/B,MAAM,OAAO;EAEb,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAK,EAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,gBAAgB,OAAY,SAA8B;GAC9D,MAAM,QAAQ;GACd,KAAK,UAAU,KAAI;;;WApD+C,MAAA,SAAA,IAAA,WAAA,EAAlE,mBAYM,OAAA;;IAZA,OAAK,eAAA;KAAG,MAAA,IAAA,CAAI;KAAG,MAAA,IAAA,CAAI,GAAE,SAAU,QAAA,MAAK;KAAG,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA;KAAA,CAAA;yBACrD,mBAUU,UAAA,MAAA,WATO,QAAA,QAAR,SAAI;wBADb,YAUU,aAAA;KARP,KAAK,KAAK,QAAA;KACV,OAAO,KAAK,QAAA;KACZ,eAAa,MAAA;KACb,wBAAkB,WAAE,aAAa,QAAQ,KAAI;KAC7C,UAAU,QAAA,eAAe,KAAI,IAAK,MAAA,SAAA;KAClC,MAAM,MAAA,KAAA;;4BAEa,CAAA,gBAAA,gBAAjB,KAAK,QAAA,UAAQ,EAAA,EAAA,CAAA,CAAA;;;;;;;;;mCAIpB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,QAAA,MAAM,MAAM,SAAS,KAAK,QAAA,cAAc,MAAA,MAAK,GAAI,QAAA,aAAa,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"radio-group.js","names":[],"sources":["../../../src/components/radio-group/radio-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, bem.is('block', block), cls.m(size)]\" v-if=\"!readonly\">\n    <u-radio\n      v-for=\"item of items\"\n      :key=\"item[valueKey]\"\n      :value=\"item[valueKey]\"\n      :model-value=\"model\"\n      @update:model-value=\"handleUpdate($event, item)\"\n      :disabled=\"disabledItem?.(item) || disabled\"\n      :size=\"size\"\n    >\n      {{ item[labelKey] }}\n    </u-radio>\n  </div>\n\n  <template v-else>\n    {{ items.find((item) => item[valueKey] === model)?.[labelKey] || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\n\nimport type { RadioGroupProps, RadioGroupEmits } from '../../types'\nimport URadio from '../radio/radio.vue'\n\ndefineOptions({ name: 'RadioGroup' })\n\nconst props = withDefaults(defineProps<RadioGroupProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst model = defineModel<any>()\n\nconst emit = defineEmits<RadioGroupEmits>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst cls = bem('radio-group')\n\nconst handleUpdate = (value: any, item: Record<string, any>) => {\n  model.value = value\n  emit('change', item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAOd,MAAM,QAAQ,SAAgB,SAAA,YAAC;EAE/B,MAAM,OAAO;EAEb,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,gBAAgB,OAAY,SAA8B;GAC9D,MAAM,QAAQ;GACd,KAAK,UAAU,IAAI;EACrB;;WArDoE,MAAA,QAAA,KAAA,UAAA,GAAlE,mBAYM,OAAA;;IAZA,OAAK,eAAA;KAAG,MAAA,GAAA,EAAI;KAAG,MAAA,GAAA,EAAI,GAAE,SAAU,QAAA,KAAK;KAAG,MAAA,GAAA,EAAI,EAAE,MAAA,IAAA,CAAI;IAAA,CAAA;yBACrD,mBAUU,UAAA,MAAA,WATO,QAAA,QAAR,SAAI;wBADb,YAUU,aAAA;KARP,KAAK,KAAK,QAAA;KACV,OAAO,KAAK,QAAA;KACZ,eAAa,MAAA;KACb,wBAAkB,WAAE,aAAa,QAAQ,IAAI;KAC7C,UAAU,QAAA,eAAe,IAAI,KAAK,MAAA,QAAA;KAClC,MAAM,MAAA,IAAA;;4BAEa,CAAA,gBAAA,gBAAjB,KAAK,QAAA,SAAQ,GAAA,CAAA,CAAA,CAAA;;;;;;;;;mCAIpB,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADN,QAAA,MAAM,MAAM,SAAS,KAAK,QAAA,cAAc,MAAA,KAAK,IAAI,QAAA,aAAa,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -1,18 +1,16 @@
 import { RadioGroupProps } from "../../types/radio-group.js";
-import * as _$vue from "vue";
-
 //#region src/components/radio-group/radio-group.vue.d.ts
 type __VLS_Props = RadioGroupProps;
 type __VLS_ModelProps = {
   modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: any) => any;
 } & {
   "update:modelValue": (modelValue: any) => any;
   change: (item: Record<string, any>) => any;
-}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any) => any) | undefined;
   onChange?: ((item: Record<string, any>) => any) | undefined;
 }>, {
@@ -20,7 +18,7 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   readonly: boolean;
   labelKey: string;
   valueKey: string;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

package/dist/components/rich-text-editor/rich-text-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.js","names":[],"sources":["../../../src/components/rich-text-editor/rich-text-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <toolbar\n      v-if=\"!isReadonly && toolbarItems.length > 0\"\n      :editor=\"editor\"\n      :toolbar=\"toolbarItems\"\n      :disabled=\"isDisabled\"\n    />\n    <div :class=\"cls.e('content')\">\n      <div\n        ref=\"editorContainer\"\n        :class=\"cls.e('editable')\"\n        :contenteditable=\"!isDisabled && !isReadonly\"\n      ></div>\n      <div v-if=\"showPlaceholder\" :class=\"cls.e('placeholder')\">\n        {{ placeholder }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport type { ToolbarItem } from '../../types'\n\nconst LEXICAL_THEME = {\n  paragraph: 'u-rte-paragraph',\n  heading: {\n    h1: 'u-rte-h1',\n    h2: 'u-rte-h2',\n    h3: 'u-rte-h3',\n    h4: 'u-rte-h4',\n    h5: 'u-rte-h5',\n    h6: 'u-rte-h6'\n  },\n  text: {\n    bold: 'u-rte-bold',\n    italic: 'u-rte-italic',\n    underline: 'u-rte-underline',\n    strikethrough: 'u-rte-strikethrough'\n  },\n  list: {\n    ul: 'u-rte-ul',\n    ol: 'u-rte-ol',\n    listitem: 'u-rte-li',\n    nested: { listitem: 'u-rte-li--nested' }\n  },\n  quote: 'u-rte-blockquote',\n\n  link: 'u-rte-link',\n  image: 'u-rte-image'\n}\n\nconst DEFAULT_TOOLBAR: ToolbarItem[] = [\n  'undo',\n  'redo',\n  '|',\n  'heading',\n  '|',\n  'bold',\n  'italic',\n  'underline',\n  'strikethrough',\n  '|',\n  'bullet-list',\n  'ordered-list',\n  '|',\n  'blockquote',\n  '|',\n  'link'\n]\n</script>\n\n<script lang=\"ts\" setup>\nimport { registerHistory, createEmptyHistoryState } from '@lexical/history'\nimport { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html'\nimport { LinkNode, AutoLinkNode } from '@lexical/link'\nimport { ListNode, ListItemNode, registerList } from '@lexical/list'\nimport { registerRichText } from '@lexical/rich-text'\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { createEditor, $getRoot, $createParagraphNode, type LexicalEditor } from 'lexical'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { RichTextEditorProps } from '../../types'\nimport Toolbar from './toolbar.vue'\n\nconst props = withDefaults(defineProps<RichTextEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  format: 'html',\n  toolbar: () => DEFAULT_TOOLBAR,\n  placeholder: ''\n})\n\nconst model = defineModel<string>()\n\nconst cls = bem('rich-text-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst isDisabled = computed(() => !!disabled.value)\nconst isReadonly = computed(() => !!readonly.value)\n\nconst className = computed<string[]>(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', isDisabled.value),\n    bem.is('readonly', isReadonly.value)\n  ]\n})\n\nconst toolbarItems = computed<ToolbarItem[]>(() => {\n  return props.toolbar ?? DEFAULT_TOOLBAR\n})\n\nconst editorContainer = useTemplateRef('editorContainer')\nconst editor = shallowRef<LexicalEditor | null>(null)\nconst showPlaceholder = ref(true)\nlet isComposing = false\nlet cleanupFns: (() => void)[] = []\n\nfunction initEditor() {\n  if (!editorContainer.value) return\n\n  const editorInstance = createEditor({\n    namespace: 'URichTextEditor',\n    theme: LEXICAL_THEME,\n    nodes: [HeadingNode, QuoteNode, ListNode, ListItemNode, LinkNode, AutoLinkNode],\n    editable: !isDisabled.value && !isReadonly.value,\n    onError: (error: Error) => {\n      console.error('Lexical error:', error)\n    }\n  })\n\n  editorInstance.setRootElement(editorContainer.value)\n\n  // Register plugins\n  cleanupFns.push(registerRichText(editorInstance))\n  cleanupFns.push(registerList(editorInstance))\n  cleanupFns.push(registerHistory(editorInstance, createEmptyHistoryState(), 300))\n\n  // Set initial value\n  if (model.value) {\n    setEditorContent(editorInstance, model.value)\n  }\n\n  // Listen for content changes\n  cleanupFns.push(\n    editorInstance.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const root = $getRoot()\n        const textContent = root.getTextContent()\n        showPlaceholder.value = textContent.trim().length === 0\n\n        if (isComposing) return\n\n        let value: string\n        if (props.format === 'json') {\n          value = JSON.stringify(editorState.toJSON())\n        } else {\n          value = $generateHtmlFromNodes(editorInstance)\n        }\n\n        // Avoid circular updates: only emit if content really changed\n        if (value !== model.value) {\n          isComposing = true\n          model.value = value\n          // Use microtask to reset after Vue processes the update\n          queueMicrotask(() => {\n            isComposing = false\n          })\n        }\n      })\n    })\n  )\n\n  // Composing event listeners for IME\n  const rootElement = editorInstance.getRootElement()\n  if (rootElement) {\n    const onCompositionStart = () => {\n      isComposing = true\n    }\n    const onCompositionEnd = () => {\n      isComposing = false\n    }\n    rootElement.addEventListener('compositionstart', onCompositionStart)\n    rootElement.addEventListener('compositionend', onCompositionEnd)\n    cleanupFns.push(() => {\n      rootElement.removeEventListener('compositionstart', onCompositionStart)\n      rootElement.removeEventListener('compositionend', onCompositionEnd)\n    })\n  }\n\n  editor.value = editorInstance\n}\n\nfunction setEditorContent(editorInstance: LexicalEditor, value: string) {\n  editorInstance.update(() => {\n    const root = $getRoot()\n    root.clear()\n\n    if (props.format === 'json') {\n      try {\n        const parsedState = editorInstance.parseEditorState(value)\n        editorInstance.setEditorState(parsedState)\n      } catch {\n        // If JSON parse fails, treat as empty\n        root.append($createParagraphNode())\n      }\n    } else {\n      // HTML format\n      const parser = new DOMParser()\n      const dom = parser.parseFromString(value, 'text/html')\n      const nodes = $generateNodesFromDOM(editorInstance, dom)\n      root.append(...nodes)\n    }\n  })\n}\n\n// Watch external model changes\nwatch(model, (newVal) => {\n  if (!editor.value || isComposing) return\n\n  const editorInstance = editor.value\n\n  // Compare current content to avoid circular updates\n  editorInstance.getEditorState().read(() => {\n    let currentValue: string\n    if (props.format === 'json') {\n      currentValue = JSON.stringify(editorInstance.getEditorState().toJSON())\n    } else {\n      currentValue = $generateHtmlFromNodes(editorInstance)\n    }\n\n    if (currentValue !== newVal) {\n      isComposing = true\n      setEditorContent(editorInstance, newVal ?? '')\n      queueMicrotask(() => {\n        isComposing = false\n      })\n    }\n  })\n})\n\n// Watch disabled/readonly changes\nwatch([isDisabled, isReadonly], () => {\n  if (editor.value) {\n    editor.value.setEditable(!isDisabled.value && !isReadonly.value)\n  }\n})\n\nonMounted(() => {\n  initEditor()\n})\n\nonBeforeUnmount(() => {\n  cleanupFns.forEach((fn) => fn())\n  cleanupFns = []\n  editor.value = null\n})\n</script>\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,gBAAgB;CACpB,WAAW;CACX,SAAS;EACP,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACN;CACA,MAAM;EACJ,MAAM;EACN,QAAQ;EACR,WAAW;EACX,eAAe;EACjB;CACA,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,UAAU;EACV,QAAQ,EAAE,UAAU,oBAAmB;EACzC;CACA,OAAO;CAEP,MAAM;CACN,OAAO;CACT;AAEA,MAAM,kBAAiC;CACrC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAQd,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,MAAM,MAAM,IAAI,mBAAkB;EAElC,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAM,CAAA;EAElF,MAAM,aAAa,eAAe,CAAC,CAAC,SAAS,MAAK;EAClD,MAAM,aAAa,eAAe,CAAC,CAAC,SAAS,MAAK;EAElD,MAAM,YAAY,eAAyB;GACzC,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAK;IAChB,IAAI,GAAG,YAAY,WAAW,MAAK;IACnC,IAAI,GAAG,YAAY,WAAW,MAAK;IACrC;IACD;EAED,MAAM,eAAe,eAA8B;GACjD,OAAO,MAAM,WAAW;IACzB;EAED,MAAM,kBAAkB,eAAe,kBAAiB;EACxD,MAAM,SAAS,WAAiC,KAAI;EACpD,MAAM,kBAAkB,IAAI,KAAI;EAChC,IAAI,cAAc;EAClB,IAAI,aAA6B,EAAC;EAElC,SAAS,aAAa;GACpB,IAAI,CAAC,gBAAgB,OAAO;GAE5B,MAAM,iBAAiB,aAAa;IAClC,WAAW;IACX,OAAO;IACP,OAAO;KAAC;KAAa;KAAW;KAAU;KAAc;KAAU;KAAY;IAC9E,UAAU,CAAC,WAAW,SAAS,CAAC,WAAW;IAC3C,UAAU,UAAiB;KACzB,QAAQ,MAAM,kBAAkB,MAAK;;IAExC,CAAA;GAED,eAAe,eAAe,gBAAgB,MAAK;GAGnD,WAAW,KAAK,iBAAiB,eAAe,CAAA;GAChD,WAAW,KAAK,aAAa,eAAe,CAAA;GAC5C,WAAW,KAAK,gBAAgB,gBAAgB,yBAAwB,EAAG,IAAI,CAAA;GAG/E,IAAI,MAAM,OACR,iBAAiB,gBAAgB,MAAM,MAAK;GAI9C,WAAW,KACT,eAAe,wBAAwB,EAAE,kBAAkB;IACzD,YAAY,WAAW;KAGrB,gBAAgB,QAFH,UACO,CAAK,gBACD,CAAY,MAAK,CAAE,WAAW;KAEtD,IAAI,aAAa;KAEjB,IAAI;KACJ,IAAI,MAAM,WAAW,QACnB,QAAQ,KAAK,UAAU,YAAY,QAAQ,CAAA;UAE3C,QAAQ,uBAAuB,eAAc;KAI/C,IAAI,UAAU,MAAM,OAAO;MACzB,cAAc;MACd,MAAM,QAAQ;MAEd,qBAAqB;OACnB,cAAc;QACf;;MAEJ;KAEL,CAAA;GAGA,MAAM,cAAc,eAAe,gBAAe;GAClD,IAAI,aAAa;IACf,MAAM,2BAA2B;KAC/B,cAAc;;IAEhB,MAAM,yBAAyB;KAC7B,cAAc;;IAEhB,YAAY,iBAAiB,oBAAoB,mBAAkB;IACnE,YAAY,iBAAiB,kBAAkB,iBAAgB;IAC/D,WAAW,WAAW;KACpB,YAAY,oBAAoB,oBAAoB,mBAAkB;KACtE,YAAY,oBAAoB,kBAAkB,iBAAgB;MACnE;;GAGH,OAAO,QAAQ;;EAGjB,SAAS,iBAAiB,gBAA+B,OAAe;GACtE,eAAe,aAAa;IAC1B,MAAM,OAAO,UAAS;IACtB,KAAK,OAAM;IAEX,IAAI,MAAM,WAAW,QACnB,IAAI;KACF,MAAM,cAAc,eAAe,iBAAiB,MAAK;KACzD,eAAe,eAAe,YAAW;YACnC;KAEN,KAAK,OAAO,sBAAsB,CAAA;;SAE/B;KAIL,MAAM,QAAQ,sBAAsB,gBADxB,IADO,WACP,CAAO,gBAAgB,OAAO,YACa,CAAA;KACvD,KAAK,OAAO,GAAG,MAAK;;KAEvB;;EAIH,MAAM,QAAQ,WAAW;GACvB,IAAI,CAAC,OAAO,SAAS,aAAa;GAElC,MAAM,iBAAiB,OAAO;GAG9B,eAAe,gBAAe,CAAE,WAAW;IACzC,IAAI;IACJ,IAAI,MAAM,WAAW,QACnB,eAAe,KAAK,UAAU,eAAe,gBAAe,CAAE,QAAQ,CAAA;SAEtE,eAAe,uBAAuB,eAAc;IAGtD,IAAI,iBAAiB,QAAQ;KAC3B,cAAc;KACd,iBAAiB,gBAAgB,UAAU,GAAE;KAC7C,qBAAqB;MACnB,cAAc;OACf;;KAEJ;IACF;EAGD,MAAM,CAAC,YAAY,WAAU,QAAS;GACpC,IAAI,OAAO,OACT,OAAO,MAAM,YAAY,CAAC,WAAW,SAAS,CAAC,WAAW,MAAK;IAElE;EAED,gBAAgB;GACd,YAAW;IACZ;EAED,sBAAsB;GACpB,WAAW,SAAS,OAAO,IAAI,CAAA;GAC/B,aAAa,EAAC;GACd,OAAO,QAAQ;IAChB;;uBAvQC,mBAiBM,OAAA,EAjBA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CAAA,CAEX,WAAA,SAAc,aAAA,MAAa,SAAM,KAAA,WAAA,EAD1C,YAKE,aAAA;;IAHC,QAAQ,OAAA;IACR,SAAS,aAAA;IACT,UAAU,WAAA;;;;;2CAEb,mBASM,OAAA,EATA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,UAAA,CAAA,EAAA,EAAA,CAChB,mBAIO,OAAA;aAHD;IAAJ,KAAI;IACH,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;IACZ,iBAAe,CAAG,WAAA,SAAU,CAAK,WAAA;6BAEzB,gBAAA,SAAA,WAAA,EAAX,mBAEM,OAAA;;IAFuB,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;sBACpC,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"rich-text-editor.js","names":[],"sources":["../../../src/components/rich-text-editor/rich-text-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <toolbar\n      v-if=\"!isReadonly && toolbarItems.length > 0\"\n      :editor=\"editor\"\n      :toolbar=\"toolbarItems\"\n      :disabled=\"isDisabled\"\n    />\n    <div :class=\"cls.e('content')\">\n      <div\n        ref=\"editorContainer\"\n        :class=\"cls.e('editable')\"\n        :contenteditable=\"!isDisabled && !isReadonly\"\n      ></div>\n      <div v-if=\"showPlaceholder\" :class=\"cls.e('placeholder')\">\n        {{ placeholder }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport type { ToolbarItem } from '../../types'\n\nconst LEXICAL_THEME = {\n  paragraph: 'u-rte-paragraph',\n  heading: {\n    h1: 'u-rte-h1',\n    h2: 'u-rte-h2',\n    h3: 'u-rte-h3',\n    h4: 'u-rte-h4',\n    h5: 'u-rte-h5',\n    h6: 'u-rte-h6'\n  },\n  text: {\n    bold: 'u-rte-bold',\n    italic: 'u-rte-italic',\n    underline: 'u-rte-underline',\n    strikethrough: 'u-rte-strikethrough'\n  },\n  list: {\n    ul: 'u-rte-ul',\n    ol: 'u-rte-ol',\n    listitem: 'u-rte-li',\n    nested: { listitem: 'u-rte-li--nested' }\n  },\n  quote: 'u-rte-blockquote',\n\n  link: 'u-rte-link',\n  image: 'u-rte-image'\n}\n\nconst DEFAULT_TOOLBAR: ToolbarItem[] = [\n  'undo',\n  'redo',\n  '|',\n  'heading',\n  '|',\n  'bold',\n  'italic',\n  'underline',\n  'strikethrough',\n  '|',\n  'bullet-list',\n  'ordered-list',\n  '|',\n  'blockquote',\n  '|',\n  'link'\n]\n</script>\n\n<script lang=\"ts\" setup>\nimport { registerHistory, createEmptyHistoryState } from '@lexical/history'\nimport { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html'\nimport { LinkNode, AutoLinkNode } from '@lexical/link'\nimport { ListNode, ListItemNode, registerList } from '@lexical/list'\nimport { registerRichText } from '@lexical/rich-text'\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { createEditor, $getRoot, $createParagraphNode, type LexicalEditor } from 'lexical'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { RichTextEditorProps } from '../../types'\nimport Toolbar from './toolbar.vue'\n\nconst props = withDefaults(defineProps<RichTextEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  format: 'html',\n  toolbar: () => DEFAULT_TOOLBAR,\n  placeholder: ''\n})\n\nconst model = defineModel<string>()\n\nconst cls = bem('rich-text-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst isDisabled = computed(() => !!disabled.value)\nconst isReadonly = computed(() => !!readonly.value)\n\nconst className = computed<string[]>(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', isDisabled.value),\n    bem.is('readonly', isReadonly.value)\n  ]\n})\n\nconst toolbarItems = computed<ToolbarItem[]>(() => {\n  return props.toolbar ?? DEFAULT_TOOLBAR\n})\n\nconst editorContainer = useTemplateRef('editorContainer')\nconst editor = shallowRef<LexicalEditor | null>(null)\nconst showPlaceholder = ref(true)\nlet isComposing = false\nlet cleanupFns: (() => void)[] = []\n\nfunction initEditor() {\n  if (!editorContainer.value) return\n\n  const editorInstance = createEditor({\n    namespace: 'URichTextEditor',\n    theme: LEXICAL_THEME,\n    nodes: [HeadingNode, QuoteNode, ListNode, ListItemNode, LinkNode, AutoLinkNode],\n    editable: !isDisabled.value && !isReadonly.value,\n    onError: (error: Error) => {\n      console.error('Lexical error:', error)\n    }\n  })\n\n  editorInstance.setRootElement(editorContainer.value)\n\n  // Register plugins\n  cleanupFns.push(registerRichText(editorInstance))\n  cleanupFns.push(registerList(editorInstance))\n  cleanupFns.push(registerHistory(editorInstance, createEmptyHistoryState(), 300))\n\n  // Set initial value\n  if (model.value) {\n    setEditorContent(editorInstance, model.value)\n  }\n\n  // Listen for content changes\n  cleanupFns.push(\n    editorInstance.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const root = $getRoot()\n        const textContent = root.getTextContent()\n        showPlaceholder.value = textContent.trim().length === 0\n\n        if (isComposing) return\n\n        let value: string\n        if (props.format === 'json') {\n          value = JSON.stringify(editorState.toJSON())\n        } else {\n          value = $generateHtmlFromNodes(editorInstance)\n        }\n\n        // Avoid circular updates: only emit if content really changed\n        if (value !== model.value) {\n          isComposing = true\n          model.value = value\n          // Use microtask to reset after Vue processes the update\n          queueMicrotask(() => {\n            isComposing = false\n          })\n        }\n      })\n    })\n  )\n\n  // Composing event listeners for IME\n  const rootElement = editorInstance.getRootElement()\n  if (rootElement) {\n    const onCompositionStart = () => {\n      isComposing = true\n    }\n    const onCompositionEnd = () => {\n      isComposing = false\n    }\n    rootElement.addEventListener('compositionstart', onCompositionStart)\n    rootElement.addEventListener('compositionend', onCompositionEnd)\n    cleanupFns.push(() => {\n      rootElement.removeEventListener('compositionstart', onCompositionStart)\n      rootElement.removeEventListener('compositionend', onCompositionEnd)\n    })\n  }\n\n  editor.value = editorInstance\n}\n\nfunction setEditorContent(editorInstance: LexicalEditor, value: string) {\n  editorInstance.update(() => {\n    const root = $getRoot()\n    root.clear()\n\n    if (props.format === 'json') {\n      try {\n        const parsedState = editorInstance.parseEditorState(value)\n        editorInstance.setEditorState(parsedState)\n      } catch {\n        // If JSON parse fails, treat as empty\n        root.append($createParagraphNode())\n      }\n    } else {\n      // HTML format\n      const parser = new DOMParser()\n      const dom = parser.parseFromString(value, 'text/html')\n      const nodes = $generateNodesFromDOM(editorInstance, dom)\n      root.append(...nodes)\n    }\n  })\n}\n\n// Watch external model changes\nwatch(model, (newVal) => {\n  if (!editor.value || isComposing) return\n\n  const editorInstance = editor.value\n\n  // Compare current content to avoid circular updates\n  editorInstance.getEditorState().read(() => {\n    let currentValue: string\n    if (props.format === 'json') {\n      currentValue = JSON.stringify(editorInstance.getEditorState().toJSON())\n    } else {\n      currentValue = $generateHtmlFromNodes(editorInstance)\n    }\n\n    if (currentValue !== newVal) {\n      isComposing = true\n      setEditorContent(editorInstance, newVal ?? '')\n      queueMicrotask(() => {\n        isComposing = false\n      })\n    }\n  })\n})\n\n// Watch disabled/readonly changes\nwatch([isDisabled, isReadonly], () => {\n  if (editor.value) {\n    editor.value.setEditable(!isDisabled.value && !isReadonly.value)\n  }\n})\n\nonMounted(() => {\n  initEditor()\n})\n\nonBeforeUnmount(() => {\n  cleanupFns.forEach((fn) => fn())\n  cleanupFns = []\n  editor.value = null\n})\n</script>\n"],"mappings":"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"}

package/dist/components/rich-text-editor/rich-text-editor.vue.d.ts

@@ -1,13 +1,11 @@
 import { RichTextEditorProps, RichTextFormat, ToolbarItem } from "../../types/rich-text-editor.js";
-import * as _$vue from "vue";
-
 //#region src/components/rich-text-editor/rich-text-editor.vue.d.ts
 declare const _default: typeof __VLS_export;
-declare const __VLS_export: _$vue.DefineComponent<RichTextEditorProps & {
+declare const __VLS_export: import("vue").DefineComponent<RichTextEditorProps & {
   modelValue?: string;
-}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string | undefined) => any;
-}, string, _$vue.PublicProps, Readonly<RichTextEditorProps & {
+}, string, import("vue").PublicProps, Readonly<RichTextEditorProps & {
   modelValue?: string;
 }> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
@@ -17,7 +15,7 @@ declare const __VLS_export: _$vue.DefineComponent<RichTextEditorProps & {
   placeholder: string;
   format: RichTextFormat;
   toolbar: ToolbarItem[];
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 //#endregion
 export { _default };
 //# sourceMappingURL=rich-text-editor.vue.d.ts.map

package/dist/components/rich-text-editor/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","names":[],"sources":["../../../src/components/rich-text-editor/toolbar.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('toolbar')\">\n    <template v-for=\"(item, index) in toolbar\" :key=\"index\">\n      <div v-if=\"item === '|'\" :class=\"cls.e('separator')\"></div>\n\n      <div v-else-if=\"item === 'heading'\" :class=\"[cls.e('toolbar-dropdown')]\">\n        <select\n          :class=\"[cls.e('heading-select'), { 'is-disabled': disabled }]\"\n          :value=\"activeHeading\"\n          :disabled=\"disabled\"\n          @change=\"onHeadingChange\"\n        >\n          <option value=\"paragraph\">正文</option>\n          <option value=\"h1\">Heading 1</option>\n          <option value=\"h2\">Heading 2</option>\n          <option value=\"h3\">Heading 3</option>\n          <option value=\"h4\">Heading 4</option>\n          <option value=\"h5\">Heading 5</option>\n          <option value=\"h6\">Heading 6</option>\n        </select>\n      </div>\n\n      <button\n        v-else\n        type=\"button\"\n        :class=\"[\n          cls.e('toolbar-btn'),\n          { 'is-active': isActive(item) },\n          { 'is-disabled': disabled }\n        ]\"\n        :disabled=\"disabled\"\n        :title=\"getTitle(item)\"\n        @click=\"onToolbarAction(item)\"\n      >\n        <span :class=\"cls.e('toolbar-icon')\" v-html=\"getIcon(item)\"></span>\n      </button>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\nimport { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, ListNode } from '@lexical/list'\nimport { $createHeadingNode, $isHeadingNode, type HeadingTagType } from '@lexical/rich-text'\nimport { $isQuoteNode, $createQuoteNode } from '@lexical/rich-text'\nimport { $setBlocksType } from '@lexical/selection'\nimport { $getNearestNodeOfType } from '@lexical/utils'\nimport { bem } from '@veltra/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  FORMAT_TEXT_COMMAND,\n  UNDO_COMMAND,\n  REDO_COMMAND,\n  type LexicalEditor,\n  $createParagraphNode,\n  type RangeSelection\n} from 'lexical'\nimport { ref, onBeforeUnmount, watch } from 'vue'\n\nimport type { ToolbarItem } from '../../types'\n\nconst props = defineProps<{\n  editor: LexicalEditor | null\n  toolbar: ToolbarItem[]\n  disabled: boolean\n}>()\n\nconst cls = bem('rich-text-editor')\n\n// Active states\nconst isBold = ref(false)\nconst isItalic = ref(false)\nconst isUnderline = ref(false)\nconst isStrikethrough = ref(false)\nconst isLink = ref(false)\nconst isBulletList = ref(false)\nconst isOrderedList = ref(false)\nconst isBlockquote = ref(false)\nconst activeHeading = ref('paragraph')\n\nlet cleanupListener: (() => void) | null = null\n\nfunction setupListener(editorInstance: LexicalEditor) {\n  cleanupListener?.()\n  cleanupListener = editorInstance.registerUpdateListener(({ editorState }) => {\n    editorState.read(() => {\n      const selection = $getSelection()\n      if (!$isRangeSelection(selection)) return\n\n      updateToolbarState(selection)\n    })\n  })\n}\n\nfunction updateToolbarState(selection: RangeSelection) {\n  isBold.value = selection.hasFormat('bold')\n  isItalic.value = selection.hasFormat('italic')\n  isUnderline.value = selection.hasFormat('underline')\n  isStrikethrough.value = selection.hasFormat('strikethrough')\n\n  // Check block type\n  const anchorNode = selection.anchor.getNode()\n  let element = anchorNode.getKey() === 'root' ? anchorNode : anchorNode.getTopLevelElementOrThrow()\n\n  if ($isHeadingNode(element)) {\n    activeHeading.value = (element as any).getTag()\n  } else {\n    activeHeading.value = 'paragraph'\n  }\n\n  // Check list\n  const parentList = $getNearestNodeOfType(anchorNode, ListNode)\n  if (parentList) {\n    const listType = (parentList as any).getListType()\n    isBulletList.value = listType === 'bullet'\n    isOrderedList.value = listType === 'number'\n  } else {\n    isBulletList.value = false\n    isOrderedList.value = false\n  }\n\n  // Check blockquote\n  isBlockquote.value = $isQuoteNode(element)\n\n  // Check link\n  const parent = anchorNode.getParent()\n  isLink.value = $isLinkNode(parent)\n}\n\nwatch(\n  () => props.editor,\n  (editorInstance) => {\n    if (editorInstance) {\n      setupListener(editorInstance)\n    }\n  },\n  { immediate: true }\n)\n\nfunction isActive(item: ToolbarItem): boolean {\n  switch (item) {\n    case 'bold':\n      return isBold.value\n    case 'italic':\n      return isItalic.value\n    case 'underline':\n      return isUnderline.value\n    case 'strikethrough':\n      return isStrikethrough.value\n    case 'bullet-list':\n      return isBulletList.value\n    case 'ordered-list':\n      return isOrderedList.value\n    case 'blockquote':\n      return isBlockquote.value\n    case 'link':\n      return isLink.value\n    default:\n      return false\n  }\n}\n\nfunction onToolbarAction(item: ToolbarItem) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  switch (item) {\n    case 'bold':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\n      break\n    case 'italic':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic')\n      break\n    case 'underline':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline')\n      break\n    case 'strikethrough':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough')\n      break\n    case 'code':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'code')\n      break\n    case 'bullet-list':\n      editorInstance.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined)\n      break\n    case 'ordered-list':\n      editorInstance.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined)\n      break\n    case 'blockquote':\n      editorInstance.update(() => {\n        const selection = $getSelection()\n        if ($isRangeSelection(selection)) {\n          if (isBlockquote.value) {\n            $setBlocksType(selection, () => $createParagraphNode())\n          } else {\n            $setBlocksType(selection, () => $createQuoteNode())\n          }\n        }\n      })\n      break\n    case 'link':\n      toggleLink(editorInstance)\n      break\n    case 'undo':\n      editorInstance.dispatchCommand(UNDO_COMMAND, undefined)\n      break\n    case 'redo':\n      editorInstance.dispatchCommand(REDO_COMMAND, undefined)\n      break\n  }\n\n  // Keep focus on editor\n  editorInstance.focus()\n}\n\nfunction onHeadingChange(event: Event) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  const value = (event.target as HTMLSelectElement).value\n\n  editorInstance.update(() => {\n    const selection = $getSelection()\n    if ($isRangeSelection(selection)) {\n      if (value === 'paragraph') {\n        $setBlocksType(selection, () => $createParagraphNode())\n      } else {\n        $setBlocksType(selection, () => $createHeadingNode(value as HeadingTagType))\n      }\n    }\n  })\n\n  editorInstance.focus()\n}\n\nfunction toggleLink(editorInstance: LexicalEditor) {\n  editorInstance.getEditorState().read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) return\n\n    const anchorNode = selection.anchor.getNode()\n    const parent = anchorNode.getParent()\n\n    if ($isLinkNode(parent)) {\n      // Remove link\n      editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n    } else {\n      // Insert link with prompt\n      const url = prompt('请输入链接地址:', 'https://')\n      if (url && url !== 'https://') {\n        editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, url)\n      }\n    }\n  })\n}\n\nfunction getTitle(item: ToolbarItem): string {\n  const titles: Record<string, string> = {\n    bold: '加粗',\n    italic: '斜体',\n    underline: '下划线',\n    strikethrough: '删除线',\n    code: '行内代码',\n    'bullet-list': '无序列表',\n    'ordered-list': '有序列表',\n    blockquote: '引用',\n    'code-block': '代码块',\n    link: '链接',\n    undo: '撤销',\n    redo: '重做'\n  }\n  return titles[item] ?? item\n}\n\nfunction getIcon(item: ToolbarItem): string {\n  const icons: Record<string, string> = {\n    bold: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/><path d=\"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/></svg>',\n    italic:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"4\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"20\" x2=\"5\" y2=\"20\"/><line x1=\"15\" y1=\"4\" x2=\"9\" y2=\"20\"/></svg>',\n    underline:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3\"/><line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"/></svg>',\n    strikethrough:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4H9a3 3 0 0 0-2.83 4\"/><path d=\"M14 12a4 4 0 0 1 0 8H6\"/><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/></svg>',\n    code: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>',\n    'bullet-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/></svg>',\n    'ordered-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/><path d=\"M4 6h1v4\"/><path d=\"M4 10h2\"/><path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1\"/></svg>',\n    blockquote:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z\"/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z\"/></svg>',\n    'code-block':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\"/><path d=\"m8 10-3 2 3 2\"/><path d=\"m16 10 3 2-3 2\"/><path d=\"m13 7-2 10\"/></svg>',\n    link: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg>',\n    undo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7v6h6\"/><path d=\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\"/></svg>',\n    redo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 7v6h-6\"/><path d=\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13\"/></svg>'\n  }\n  return icons[item] ?? ''\n}\n\nonBeforeUnmount(() => {\n  cleanupListener?.()\n  cleanupListener = null\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"toolbar.js","names":[],"sources":["../../../src/components/rich-text-editor/toolbar.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('toolbar')\">\n    <template v-for=\"(item, index) in toolbar\" :key=\"index\">\n      <div v-if=\"item === '|'\" :class=\"cls.e('separator')\"></div>\n\n      <div v-else-if=\"item === 'heading'\" :class=\"[cls.e('toolbar-dropdown')]\">\n        <select\n          :class=\"[cls.e('heading-select'), { 'is-disabled': disabled }]\"\n          :value=\"activeHeading\"\n          :disabled=\"disabled\"\n          @change=\"onHeadingChange\"\n        >\n          <option value=\"paragraph\">正文</option>\n          <option value=\"h1\">Heading 1</option>\n          <option value=\"h2\">Heading 2</option>\n          <option value=\"h3\">Heading 3</option>\n          <option value=\"h4\">Heading 4</option>\n          <option value=\"h5\">Heading 5</option>\n          <option value=\"h6\">Heading 6</option>\n        </select>\n      </div>\n\n      <button\n        v-else\n        type=\"button\"\n        :class=\"[\n          cls.e('toolbar-btn'),\n          { 'is-active': isActive(item) },\n          { 'is-disabled': disabled }\n        ]\"\n        :disabled=\"disabled\"\n        :title=\"getTitle(item)\"\n        @click=\"onToolbarAction(item)\"\n      >\n        <span :class=\"cls.e('toolbar-icon')\" v-html=\"getIcon(item)\"></span>\n      </button>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\nimport { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, ListNode } from '@lexical/list'\nimport { $createHeadingNode, $isHeadingNode, type HeadingTagType } from '@lexical/rich-text'\nimport { $isQuoteNode, $createQuoteNode } from '@lexical/rich-text'\nimport { $setBlocksType } from '@lexical/selection'\nimport { $getNearestNodeOfType } from '@lexical/utils'\nimport { bem } from '@veltra/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  FORMAT_TEXT_COMMAND,\n  UNDO_COMMAND,\n  REDO_COMMAND,\n  type LexicalEditor,\n  $createParagraphNode,\n  type RangeSelection\n} from 'lexical'\nimport { ref, onBeforeUnmount, watch } from 'vue'\n\nimport type { ToolbarItem } from '../../types'\n\nconst props = defineProps<{\n  editor: LexicalEditor | null\n  toolbar: ToolbarItem[]\n  disabled: boolean\n}>()\n\nconst cls = bem('rich-text-editor')\n\n// Active states\nconst isBold = ref(false)\nconst isItalic = ref(false)\nconst isUnderline = ref(false)\nconst isStrikethrough = ref(false)\nconst isLink = ref(false)\nconst isBulletList = ref(false)\nconst isOrderedList = ref(false)\nconst isBlockquote = ref(false)\nconst activeHeading = ref('paragraph')\n\nlet cleanupListener: (() => void) | null = null\n\nfunction setupListener(editorInstance: LexicalEditor) {\n  cleanupListener?.()\n  cleanupListener = editorInstance.registerUpdateListener(({ editorState }) => {\n    editorState.read(() => {\n      const selection = $getSelection()\n      if (!$isRangeSelection(selection)) return\n\n      updateToolbarState(selection)\n    })\n  })\n}\n\nfunction updateToolbarState(selection: RangeSelection) {\n  isBold.value = selection.hasFormat('bold')\n  isItalic.value = selection.hasFormat('italic')\n  isUnderline.value = selection.hasFormat('underline')\n  isStrikethrough.value = selection.hasFormat('strikethrough')\n\n  // Check block type\n  const anchorNode = selection.anchor.getNode()\n  let element = anchorNode.getKey() === 'root' ? anchorNode : anchorNode.getTopLevelElementOrThrow()\n\n  if ($isHeadingNode(element)) {\n    activeHeading.value = (element as any).getTag()\n  } else {\n    activeHeading.value = 'paragraph'\n  }\n\n  // Check list\n  const parentList = $getNearestNodeOfType(anchorNode, ListNode)\n  if (parentList) {\n    const listType = (parentList as any).getListType()\n    isBulletList.value = listType === 'bullet'\n    isOrderedList.value = listType === 'number'\n  } else {\n    isBulletList.value = false\n    isOrderedList.value = false\n  }\n\n  // Check blockquote\n  isBlockquote.value = $isQuoteNode(element)\n\n  // Check link\n  const parent = anchorNode.getParent()\n  isLink.value = $isLinkNode(parent)\n}\n\nwatch(\n  () => props.editor,\n  (editorInstance) => {\n    if (editorInstance) {\n      setupListener(editorInstance)\n    }\n  },\n  { immediate: true }\n)\n\nfunction isActive(item: ToolbarItem): boolean {\n  switch (item) {\n    case 'bold':\n      return isBold.value\n    case 'italic':\n      return isItalic.value\n    case 'underline':\n      return isUnderline.value\n    case 'strikethrough':\n      return isStrikethrough.value\n    case 'bullet-list':\n      return isBulletList.value\n    case 'ordered-list':\n      return isOrderedList.value\n    case 'blockquote':\n      return isBlockquote.value\n    case 'link':\n      return isLink.value\n    default:\n      return false\n  }\n}\n\nfunction onToolbarAction(item: ToolbarItem) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  switch (item) {\n    case 'bold':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\n      break\n    case 'italic':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic')\n      break\n    case 'underline':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline')\n      break\n    case 'strikethrough':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough')\n      break\n    case 'code':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'code')\n      break\n    case 'bullet-list':\n      editorInstance.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined)\n      break\n    case 'ordered-list':\n      editorInstance.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined)\n      break\n    case 'blockquote':\n      editorInstance.update(() => {\n        const selection = $getSelection()\n        if ($isRangeSelection(selection)) {\n          if (isBlockquote.value) {\n            $setBlocksType(selection, () => $createParagraphNode())\n          } else {\n            $setBlocksType(selection, () => $createQuoteNode())\n          }\n        }\n      })\n      break\n    case 'link':\n      toggleLink(editorInstance)\n      break\n    case 'undo':\n      editorInstance.dispatchCommand(UNDO_COMMAND, undefined)\n      break\n    case 'redo':\n      editorInstance.dispatchCommand(REDO_COMMAND, undefined)\n      break\n  }\n\n  // Keep focus on editor\n  editorInstance.focus()\n}\n\nfunction onHeadingChange(event: Event) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  const value = (event.target as HTMLSelectElement).value\n\n  editorInstance.update(() => {\n    const selection = $getSelection()\n    if ($isRangeSelection(selection)) {\n      if (value === 'paragraph') {\n        $setBlocksType(selection, () => $createParagraphNode())\n      } else {\n        $setBlocksType(selection, () => $createHeadingNode(value as HeadingTagType))\n      }\n    }\n  })\n\n  editorInstance.focus()\n}\n\nfunction toggleLink(editorInstance: LexicalEditor) {\n  editorInstance.getEditorState().read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) return\n\n    const anchorNode = selection.anchor.getNode()\n    const parent = anchorNode.getParent()\n\n    if ($isLinkNode(parent)) {\n      // Remove link\n      editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n    } else {\n      // Insert link with prompt\n      const url = prompt('请输入链接地址:', 'https://')\n      if (url && url !== 'https://') {\n        editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, url)\n      }\n    }\n  })\n}\n\nfunction getTitle(item: ToolbarItem): string {\n  const titles: Record<string, string> = {\n    bold: '加粗',\n    italic: '斜体',\n    underline: '下划线',\n    strikethrough: '删除线',\n    code: '行内代码',\n    'bullet-list': '无序列表',\n    'ordered-list': '有序列表',\n    blockquote: '引用',\n    'code-block': '代码块',\n    link: '链接',\n    undo: '撤销',\n    redo: '重做'\n  }\n  return titles[item] ?? item\n}\n\nfunction getIcon(item: ToolbarItem): string {\n  const icons: Record<string, string> = {\n    bold: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/><path d=\"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/></svg>',\n    italic:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"4\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"20\" x2=\"5\" y2=\"20\"/><line x1=\"15\" y1=\"4\" x2=\"9\" y2=\"20\"/></svg>',\n    underline:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3\"/><line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"/></svg>',\n    strikethrough:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4H9a3 3 0 0 0-2.83 4\"/><path d=\"M14 12a4 4 0 0 1 0 8H6\"/><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/></svg>',\n    code: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>',\n    'bullet-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/></svg>',\n    'ordered-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/><path d=\"M4 6h1v4\"/><path d=\"M4 10h2\"/><path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1\"/></svg>',\n    blockquote:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z\"/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z\"/></svg>',\n    'code-block':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\"/><path d=\"m8 10-3 2 3 2\"/><path d=\"m16 10 3 2-3 2\"/><path d=\"m13 7-2 10\"/></svg>',\n    link: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg>',\n    undo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7v6h6\"/><path d=\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\"/></svg>',\n    redo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 7v6h-6\"/><path d=\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13\"/></svg>'\n  }\n  return icons[item] ?? ''\n}\n\nonBeforeUnmount(() => {\n  cleanupListener?.()\n  cleanupListener = null\n})\n</script>\n"],"mappings":"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"}

package/dist/components/scroll/di.js.map

@@ -1 +1 @@
-{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/scroll/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { InjectionKey } from 'vue'\n\n/** 滚动条依赖注入 */\nexport const ScrollDIKey: InjectionKey<{ cls: BEM<'scroll'> }> = Symbol()\n"],"mappings":";;AAIA,MAAa,cAAoD,QAAQ"}
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/scroll/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { InjectionKey } from 'vue'\n\n/** 滚动条依赖注入 */\nexport const ScrollDIKey: InjectionKey<{ cls: BEM<'scroll'> }> = Symbol()\n"],"mappings":";;AAIA,MAAa,cAAoD,OAAO"}

package/dist/components/scroll/scroll-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-bar.js","names":[],"sources":["../../../src/components/scroll/scroll-bar.vue"],"sourcesContent":["<template>\n  <div v-show=\"!!size\" ref=\"domRef\" :style=\"style\" :class=\"className\"></div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport { ScrollDIKey } from './di'\n\ndefineOptions({ name: 'ScrollBar' })\n\nconst props = defineProps<{ type: 'x' | 'y' }>()\n\nconst emit = defineEmits<{ drag: [offset: number, size: number] }>()\n\n/** 滚动条高度(type为x时为宽度) */\nconst size = shallowRef(0)\n/** 滚动条偏移量 */\nconst offset = shallowRef(0)\n/** 滚动条拖拽前偏移量 */\nlet currentOffset = 0\n/** 滚动条轨道尺寸 */\nlet trackSize = 0\n\nconst { cls } = inject(ScrollDIKey)!\n\nconst dragging = shallowRef(false)\n\nconst className = computed(() => {\n  return [cls.e(`bar-${props.type}`), bem.is('active', dragging.value)]\n})\n\nconst style =\n  props.type === 'x'\n    ? computed(() => {\n        return { width: size.value + 'px', transform: `translateX(${offset.value}px)` }\n      })\n    : computed(() => {\n        return { height: size.value + 'px', transform: `translateY(${offset.value}px)` }\n      })\n\nconst domRef = shallowRef<HTMLElement>()\n\n/** 获取拖拽偏移量 */\nconst getDragOffset =\n  props.type === 'x'\n    ? (x: number, y: number) => currentOffset + x\n    : (x: number, y: number) => currentOffset + y\n\n// 应用拖拽\nuseDrag({\n  target: domRef,\n  onDragStart() {\n    dragging.value = true\n    currentOffset = offset.value\n  },\n  onDragEnd() {\n    dragging.value = false\n  },\n  onDrag({ x, y }) {\n    const newOffset = getDragOffset(x, y)\n    const maxOffset = trackSize - size.value\n\n    if (newOffset < 0) {\n      offset.value = 0\n    } else if (newOffset > maxOffset) {\n      offset.value = maxOffset\n    } else {\n      offset.value = newOffset\n    }\n\n    emit('drag', offset.value, size.value)\n  }\n})\n\ndefineExpose({\n  /** 更新滚动条状态 */\n  update(_size: number, _offset: number): void {\n    size.value = _size\n    offset.value = _offset\n  },\n\n  /** 设置轨道尺寸 */\n  setTrackSize(size: number): void {\n    trackSize = size\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAaA,MAAM,QAAQ;EAEd,MAAM,OAAO;;EAGb,MAAM,OAAO,WAAW,EAAC;;EAEzB,MAAM,SAAS,WAAW,EAAC;;EAE3B,IAAI,gBAAgB;;EAEpB,IAAI,YAAY;EAEhB,MAAM,EAAE,QAAQ,OAAO,YAAW;EAElC,MAAM,WAAW,WAAW,MAAK;EAEjC,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,EAAE,OAAO,MAAM,OAAM,EAAG,IAAI,GAAG,UAAU,SAAS,MAAM,CAAA;IACrE;EAED,MAAM,QACJ,MAAM,SAAS,MACX,eAAe;GACb,OAAO;IAAE,OAAO,KAAK,QAAQ;IAAM,WAAW,cAAc,OAAO,MAAM;IAAK;IAC/E,GACD,eAAe;GACb,OAAO;IAAE,QAAQ,KAAK,QAAQ;IAAM,WAAW,cAAc,OAAO,MAAM;IAAK;IAChF;EAEP,MAAM,SAAS,YAAwB;;EAGvC,MAAM,gBACJ,MAAM,SAAS,OACV,GAAW,MAAc,gBAAgB,KACzC,GAAW,MAAc,gBAAgB;EAGhD,QAAQ;GACN,QAAQ;GACR,cAAc;IACZ,SAAS,QAAQ;IACjB,gBAAgB,OAAO;;GAEzB,YAAY;IACV,SAAS,QAAQ;;GAEnB,OAAO,EAAE,GAAG,KAAK;IACf,MAAM,YAAY,cAAc,GAAG,EAAC;IACpC,MAAM,YAAY,YAAY,KAAK;IAEnC,IAAI,YAAY,GACd,OAAO,QAAQ;SACV,IAAI,YAAY,WACrB,OAAO,QAAQ;SAEf,OAAO,QAAQ;IAGjB,KAAK,QAAQ,OAAO,OAAO,KAAK,MAAK;;GAExC,CAAA;EAED,SAAa;;GAEX,OAAO,OAAe,SAAuB;IAC3C,KAAK,QAAQ;IACb,OAAO,QAAQ;;;GAIjB,aAAa,MAAoB;IAC/B,YAAY;;GAEf,CAAA;;uCAvFC,mBAA0E,OAAA;aAAjD;IAAJ,KAAI;IAAU,OAAK,eAAE,MAAA,MAAK,CAAA;IAAG,OAAK,eAAE,UAAA,MAAS;4BAAnD,KAAA,MAAI,CAAA,CAAA"}
+{"version":3,"file":"scroll-bar.js","names":[],"sources":["../../../src/components/scroll/scroll-bar.vue"],"sourcesContent":["<template>\n  <div v-show=\"!!size\" ref=\"domRef\" :style=\"style\" :class=\"className\"></div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport { ScrollDIKey } from './di'\n\ndefineOptions({ name: 'ScrollBar' })\n\nconst props = defineProps<{ type: 'x' | 'y' }>()\n\nconst emit = defineEmits<{ drag: [offset: number, size: number] }>()\n\n/** 滚动条高度(type为x时为宽度) */\nconst size = shallowRef(0)\n/** 滚动条偏移量 */\nconst offset = shallowRef(0)\n/** 滚动条拖拽前偏移量 */\nlet currentOffset = 0\n/** 滚动条轨道尺寸 */\nlet trackSize = 0\n\nconst { cls } = inject(ScrollDIKey)!\n\nconst dragging = shallowRef(false)\n\nconst className = computed(() => {\n  return [cls.e(`bar-${props.type}`), bem.is('active', dragging.value)]\n})\n\nconst style =\n  props.type === 'x'\n    ? computed(() => {\n        return { width: size.value + 'px', transform: `translateX(${offset.value}px)` }\n      })\n    : computed(() => {\n        return { height: size.value + 'px', transform: `translateY(${offset.value}px)` }\n      })\n\nconst domRef = shallowRef<HTMLElement>()\n\n/** 获取拖拽偏移量 */\nconst getDragOffset =\n  props.type === 'x'\n    ? (x: number, y: number) => currentOffset + x\n    : (x: number, y: number) => currentOffset + y\n\n// 应用拖拽\nuseDrag({\n  target: domRef,\n  onDragStart() {\n    dragging.value = true\n    currentOffset = offset.value\n  },\n  onDragEnd() {\n    dragging.value = false\n  },\n  onDrag({ x, y }) {\n    const newOffset = getDragOffset(x, y)\n    const maxOffset = trackSize - size.value\n\n    if (newOffset < 0) {\n      offset.value = 0\n    } else if (newOffset > maxOffset) {\n      offset.value = maxOffset\n    } else {\n      offset.value = newOffset\n    }\n\n    emit('drag', offset.value, size.value)\n  }\n})\n\ndefineExpose({\n  /** 更新滚动条状态 */\n  update(_size: number, _offset: number): void {\n    size.value = _size\n    offset.value = _offset\n  },\n\n  /** 设置轨道尺寸 */\n  setTrackSize(size: number): void {\n    trackSize = size\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAaA,MAAM,QAAQ;EAEd,MAAM,OAAO;;EAGb,MAAM,OAAO,WAAW,CAAC;;EAEzB,MAAM,SAAS,WAAW,CAAC;;EAE3B,IAAI,gBAAgB;;EAEpB,IAAI,YAAY;EAEhB,MAAM,EAAE,QAAQ,OAAO,WAAW;EAElC,MAAM,WAAW,WAAW,KAAK;EAEjC,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,EAAE,OAAO,MAAM,MAAM,GAAG,IAAI,GAAG,UAAU,SAAS,KAAK,CAAC;EACtE,CAAC;EAED,MAAM,QACJ,MAAM,SAAS,MACX,eAAe;GACb,OAAO;IAAE,OAAO,KAAK,QAAQ;IAAM,WAAW,cAAc,OAAO,MAAM;GAAK;EAChF,CAAC,IACD,eAAe;GACb,OAAO;IAAE,QAAQ,KAAK,QAAQ;IAAM,WAAW,cAAc,OAAO,MAAM;GAAK;EACjF,CAAC;EAEP,MAAM,SAAS,WAAwB;;EAGvC,MAAM,gBACJ,MAAM,SAAS,OACV,GAAW,MAAc,gBAAgB,KACzC,GAAW,MAAc,gBAAgB;EAGhD,QAAQ;GACN,QAAQ;GACR,cAAc;IACZ,SAAS,QAAQ;IACjB,gBAAgB,OAAO;GACzB;GACA,YAAY;IACV,SAAS,QAAQ;GACnB;GACA,OAAO,EAAE,GAAG,KAAK;IACf,MAAM,YAAY,cAAc,GAAG,CAAC;IACpC,MAAM,YAAY,YAAY,KAAK;IAEnC,IAAI,YAAY,GACd,OAAO,QAAQ;SACV,IAAI,YAAY,WACrB,OAAO,QAAQ;SAEf,OAAO,QAAQ;IAGjB,KAAK,QAAQ,OAAO,OAAO,KAAK,KAAK;GACvC;EACF,CAAC;EAED,SAAa;;GAEX,OAAO,OAAe,SAAuB;IAC3C,KAAK,QAAQ;IACb,OAAO,QAAQ;GACjB;;GAGA,aAAa,MAAoB;IAC/B,YAAY;GACd;EACF,CAAC;;uCAvFC,mBAA0E,OAAA;aAAjD;IAAJ,KAAI;IAAU,OAAK,eAAE,MAAA,KAAA,CAAK;IAAG,OAAK,eAAE,UAAA,KAAS;4BAAnD,KAAA,KAAI,CAAA,CAAA"}