@veltra/desktop 1.8.3 → 1.8.4

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: 'UPopConfirm' })\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;;GAzEE,OAAA,UAAA,GAAA,YA6BQ,MAAA,WAAA,GAAA;IA5BL,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IACZ,SAAS,QAAA;IACT,WAAW,QAAA;IACX,WAAW,QAAA;IACX,eAAa,QAAA;IACN,SAAS,QAAA;IAAA,oBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,QAAO,QAAA;;IAIb,SAAO,cAQV,CAPN,mBAOM,OAAA,EAPA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,GAAU,MAAA,GAAA,CAAG,CAAC,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA,EAAA,GACrC,CAAA,YAES,MAAA,WAAA,GAAA;KAFA,MAAM;KAAK,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;KAAW,OAAK,eAAA,EAAA,OAAW,QAAA,UAAS,CAAA;;KAClE,SAAA,cAAwB,EAAxB,UAAA,GAAA,YAAwB,wBAAR,QAAA,IAAI,CAAA,EAAA,CAAA;;IAEtB,GAAA,GAAA,CAAA,SAAA,OAAA,CAAA,GAAA,mBAEO,QAAA,MAAA,gBADF,QAAA,KAAK,GAAA,CAAA,CAAA,GAAA,CAGZ,GAAA,mBAQM,OAAA,EARA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;KAChB,YAEW,MAAA,WAAA,GAAA;MAFD,MAAK;MAAS,SAAO;MAAQ,MAAK;MAAU,MAAA;;MACpD,SAAA,cAAgB,CAAb,gBAAA,gBAAA,QAAA,UAAU,GAAA,CAAA,CAAA,CAAA;;;KACJ,OAAA,OAAA,OAAA,KAAA,gBAAA,UAEX,EAAA;KAAA,YAEW,MAAA,WAAA,GAAA;MAFD,MAAK;MAAQ,MAAK;MAAW,SAAO;;MAC5C,SAAA,cAAiB,CAAd,gBAAA,gBAAA,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;;;IAjBpB,SAAA,cAAyB,CAAzB,WAAyB,KAAA,QAAA,WAAA,CAAA,CAAA"}
+{"version":3,"file":"pop-confirm.js","names":["_openBlock","_createBlock","_unref","UTip","_normalizeClass","_withCtx","_createElementVNode","_createVNode","UIcon","_normalizeStyle","_resolveDynamicComponent","_toDisplayString","UButton","_createTextVNode","_renderSlot"],"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: 'UPopConfirm' })\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;;GAzEE,OAAAA,UAAA,GAAAC,YA6BQC,MAAAC,WAAA,GAAA;IA5BL,OAAKC,eAAEF,MAAA,GAAA,CAAG,CAAC,CAAC;IACZ,SAAS,QAAA;IACT,WAAW,QAAA;IACX,WAAW,QAAA;IACX,eAAa,QAAA;IACN,SAAS,QAAA;IAAA,oBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,QAAO,QAAA;;IAIb,SAAOG,cAQV,CAPNC,mBAOM,OAAA,EAPA,OAAKF,eAAA,CAAGF,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,GAAUA,MAAA,GAAA,CAAG,CAAC,EAAEA,MAAA,IAAA,CAAI,CAAA,CAAA,EAAA,GACrC,CAAAK,YAESL,MAAAM,WAAA,GAAA;KAFA,MAAM;KAAK,OAAKJ,eAAEF,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;KAAW,OAAKO,eAAA,EAAA,OAAW,QAAA,UAAS,CAAA;;KAClE,SAAAJ,cAAwB,EAAxBL,UAAA,GAAAC,YAAwBS,wBAAR,QAAA,IAAI,CAAA,EAAA,CAAA;;IAEtB,GAAA,GAAA,CAAA,SAAA,OAAA,CAAA,GAAAJ,mBAEO,QAAA,MAAAK,gBADF,QAAA,KAAK,GAAA,CAAA,CAAA,GAAA,CAGZ,GAAAL,mBAQM,OAAA,EARA,OAAKF,eAAEF,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;KAChBK,YAEWL,MAAAU,WAAA,GAAA;MAFD,MAAK;MAAS,SAAO;MAAQ,MAAK;MAAU,MAAA;;MACpD,SAAAP,cAAgB,CAAbQ,gBAAAF,gBAAA,QAAA,UAAU,GAAA,CAAA,CAAA,CAAA;;;KACJ,OAAA,OAAA,OAAA,KAAAE,gBAAA,UAEX,EAAA;KAAAN,YAEWL,MAAAU,WAAA,GAAA;MAFD,MAAK;MAAQ,MAAK;MAAW,SAAO;;MAC5C,SAAAP,cAAiB,CAAdQ,gBAAAF,gBAAA,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;;;IAjBpB,SAAAN,cAAyB,CAAzBS,WAAyB,KAAA,QAAA,WAAA,CAAA,CAAA"}

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: 'UProgress' })\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,CAAC,CAAC,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;;GArFC,OAAA,UAAA,GAAA,mBAkCM,OAAA,EAlCA,OAAK,eAAE,UAAA,KAAS,EAAA,GACpB,CAAA,mBAAA,SAAA,GACuC,CAAA,QAAA,UAAvC,UAAA,GAAA,mBAIM,OAAA;;IAJA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,UAAA,CAAA;GAChB,GAAA,CAAA,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA,CAAA;IAAU,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,IAAA,CAAA;GACpD,GAAA,CAAA,WAA4D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA5C,WAAA;IAAU,MAAE,KAAA;GAAI,CAAA,CAAA,SAA4B,CAArB,gBAAA,gBAAA,WAAA,KAAU,IAAG,KAAC,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAKzD,MAAA,UAAA,GAAA,mBAwBM,UAAA,EAAA,KAAA,EAAA,GAAA,CAzBN,mBAAA,SAAA,GACA,mBAwBM,OAAA;IAtBH,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;IACZ,OAAK,eAAA;KAAA,QAAY,MAAA,QAAA,CAAQ,CAAC,QAAA,MAAI,IAAA;KAAA,OAAgB,MAAA,QAAA,CAAQ,CAAC,QAAA,MAAI,IAAA;IAAA,CAAA;GAE5D,GAAA,EAAA,UAAA,GAAA,mBAcM,OAdN,YAcM,CAbJ,mBAA+E,UAAA;IAAvE,IAAG;IAAK,IAAG;IAAS;IAAG,MAAK;IAAO,QAAO;IAAU,gBAAa;GACzE,CAAA,GAAA,mBAWE,UAAA;IAVC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,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;GAIjD,GAAA,MAAA,IAAA,UAAA,CAAA,CAAA,IAAA,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,gBAAA,CAAA,EAAA,GAChB,CAAA,WAA8D,KAAA,QAAA,WAAA,eAAA,mBAAA;IAAA,YAA9C,WAAA;IAAU,MAAE,KAAA;GAAI,CAAA,CAAA,SAA8B,CAAtB,gBAAA,gBAAA,WAAA,KAAU,IAAG,MAAE,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,EAAA,GAAA,CAAA"}
+{"version":3,"file":"progress.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createCommentVNode","_unref","_createElementVNode","_normalizeStyle","_renderSlot","_normalizeProps","_guardReactiveProps","_createTextVNode","_toDisplayString","_Fragment"],"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: 'UProgress' })\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":"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"}

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, fieldKey } from '@veltra/utils'\nimport { computed, shallowRef, toRefs, useTemplateRef, watch, nextTick } from 'vue'\n\nimport type { ProgressNodesProps, ProgressNodesEmits } from '../../types'\n\ndefineOptions({ name: 'UProgressNodes' })\n\nconst props = withDefaults(defineProps<ProgressNodesProps>(), {\n  colorType: 'primary',\n  labelKey: 'label',\n  valueKey: 'value'\n})\n\nconst emit = defineEmits<ProgressNodesEmits>()\n\nconst labelKey = computed(() => fieldKey(props.labelKey, 'label'))\nconst valueKey = computed(() => fieldKey(props.valueKey, 'value'))\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(valueKey.value)\n  return props.modelValue === value\n}\n\nfunction getLabel(node: Record<string, any>) {\n  return o(node).get(labelKey.value)\n}\n\nfunction handleClick(node: Record<string, any>, index: number) {\n  const value = o(node).get(valueKey.value)\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":["_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_unref","_Fragment","_renderList","_createCommentVNode","_renderSlot","_createTextVNode","_toDisplayString"],"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, fieldKey } from '@veltra/utils'\nimport { computed, shallowRef, toRefs, useTemplateRef, watch, nextTick } from 'vue'\n\nimport type { ProgressNodesProps, ProgressNodesEmits } from '../../types'\n\ndefineOptions({ name: 'UProgressNodes' })\n\nconst props = withDefaults(defineProps<ProgressNodesProps>(), {\n  colorType: 'primary',\n  labelKey: 'label',\n  valueKey: 'value'\n})\n\nconst emit = defineEmits<ProgressNodesEmits>()\n\nconst labelKey = computed(() => fieldKey(props.labelKey, 'label'))\nconst valueKey = computed(() => fieldKey(props.valueKey, 'value'))\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(valueKey.value)\n  return props.modelValue === value\n}\n\nfunction getLabel(node: Record<string, any>) {\n  return o(node).get(labelKey.value)\n}\n\nfunction handleClick(node: Record<string, any>, index: number) {\n  const value = o(node).get(valueKey.value)\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/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    <input\n      type=\"radio\"\n      :class=\"cls.e('native')\"\n      :value=\"value\"\n      v-model=\"model\"\n      :disabled=\"disabled\"\n    />\n\n    <!-- radio框 -->\n    <section :class=\"cls.e('button')\">\n      <transition name=\"zoom-in\">\n        <span :class=\"cls.e('inner')\" v-if=\"radioChecked\"></span>\n      </transition>\n    </section>\n\n    <span :class=\"cls.e('label')\">\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioProps, RadioEmits } from '../../types'\n\ndefineOptions({ name: 'URadio' })\n\nconst model = defineModel<any>()\n\nconst props = withDefaults(defineProps<RadioProps>(), { disabled: undefined })\n\ndefineEmits<RadioEmits>()\n\nconst cls = bem('radio')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false\n})\n\nconst radioChecked = computed(() => model.value === props.value)\n\nconst classList = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('checked', radioChecked.value)\n  ]\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ,SAAgB,SAAA,YAAC;EAE/B,MAAM,QAAQ;EAId,MAAM,MAAM,IAAI,OAAO;EAEvB,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GACxE,MAAM;GACN,UAAU;EACZ,CAAC;EAED,MAAM,eAAe,eAAe,MAAM,UAAU,MAAM,KAAK;EAE/D,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,WAAW,aAAa,KAAK;GACtC;EACF,CAAC;;GAxDC,OAAA,UAAA,GAAA,mBAmBQ,SAAA,EAnBA,OAAK,eAAE,UAAA,KAAS,EAAA,GAAA;IACtB,eAAA,mBAME,SAAA;KALA,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;KACZ,OAAO,QAAA;KACC,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAK,QAAA;KACb,UAAU,MAAA,QAAA;IADF,GAAA,MAAA,IAAA,UAAA,GAAA,CAAA,CAAA,aAAA,MAAA,KAAK,CAAA,CAAA;IAIhB,mBAAA,UAAA;IACA,mBAIU,WAAA,EAJA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GACpB,CAAA,YAEa,YAAA,EAFD,MAAK,UAAS,GAAA;KACxB,SAAA,cAAyD,CAArB,aAAA,SAApC,UAAA,GAAA,mBAAyD,QAAA;;MAAlD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;;;;IAIvB,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GACjB,CAAA,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAf,gBAAA,gBAAA,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"radio.js","names":["_useModel","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","_unref","_vModelRadio","_createCommentVNode","_createVNode","_Transition","_withCtx","_renderSlot","_createTextVNode","_toDisplayString"],"sources":["../../../src/components/radio/radio.vue"],"sourcesContent":["<template>\n  <label :class=\"classList\">\n    <input\n      type=\"radio\"\n      :class=\"cls.e('native')\"\n      :value=\"value\"\n      v-model=\"model\"\n      :disabled=\"disabled\"\n    />\n\n    <!-- radio框 -->\n    <section :class=\"cls.e('button')\">\n      <transition name=\"zoom-in\">\n        <span :class=\"cls.e('inner')\" v-if=\"radioChecked\"></span>\n      </transition>\n    </section>\n\n    <span :class=\"cls.e('label')\">\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioProps, RadioEmits } from '../../types'\n\ndefineOptions({ name: 'URadio' })\n\nconst model = defineModel<any>()\n\nconst props = withDefaults(defineProps<RadioProps>(), { disabled: undefined })\n\ndefineEmits<RadioEmits>()\n\nconst cls = bem('radio')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false\n})\n\nconst radioChecked = computed(() => model.value === props.value)\n\nconst classList = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('checked', radioChecked.value)\n  ]\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQA,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;;GAxDC,OAAAC,UAAA,GAAAC,mBAmBQ,SAAA,EAnBA,OAAKC,eAAE,UAAA,KAAS,EAAA,GAAA;IACtBC,eAAAC,mBAME,SAAA;KALA,MAAK;KACJ,OAAKF,eAAEG,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;KACZ,OAAO,QAAA;KACC,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAK,QAAA;KACb,UAAUA,MAAA,QAAA;IADF,GAAA,MAAA,IAAA,UAAA,GAAA,CAAA,CAAAC,aAAA,MAAA,KAAK,CAAA,CAAA;IAIhBC,mBAAA,UAAA;IACAH,mBAIU,WAAA,EAJA,OAAKF,eAAEG,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GACpB,CAAAG,YAEaC,YAAA,EAFD,MAAK,UAAS,GAAA;KACxB,SAAAC,cAAyD,CAArB,aAAA,SAApCV,UAAA,GAAAC,mBAAyD,QAAA;;MAAlD,OAAKC,eAAEG,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;;;;IAIvBD,mBAEO,QAAA,EAFA,OAAKF,eAAEG,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GACjB,CAAAM,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAfC,gBAAAC,gBAAA,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":["$attrs"],"sources":["../../../src/components/radio-group/radio-group.vue"],"sourcesContent":["<template>\n  <div v-if=\"!readonly\" v-bind=\"$attrs\" :class=\"[cls.b, bem.is('block', block), cls.m(size)]\">\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, fieldKey, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioGroupProps, RadioGroupEmits } from '../../types'\nimport URadio from '../radio/radio.vue'\n\ndefineOptions({ name: 'URadioGroup', inheritAttrs: false })\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 labelKey = computed(() => fieldKey(props.labelKey, 'label'))\nconst valueKey = computed(() => fieldKey(props.valueKey, 'value'))\n\nconst handleUpdate = (value: any, item: Record<string, any>) => {\n  model.value = value\n  emit('change', item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BA,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,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;EACjE,MAAM,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;EAEjE,MAAM,gBAAgB,OAAY,SAA8B;GAC9D,MAAM,QAAQ;GACd,KAAK,UAAU,IAAI;EACrB;;GAzDc,OAAA,CAAA,MAAA,QAAA,KAAZ,UAAA,GAAA,mBAYM,OAZN,WAYM,EAAA,KAAA,EAAA,GAZwBA,KAAAA,QAAM,EAAG,OAAK;IAAG,MAAA,GAAA,CAAG,CAAC;IAAG,MAAA,GAAA,CAAG,CAAC,GAAE,SAAU,QAAA,KAAK;IAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAA,IAAA,CAAI;GAAA,EAAA,CAAA,GACtF,EAAA,UAAA,IAAA,GAAA,mBAUU,UAAA,MAAA,WATO,QAAA,QAAR,SAAI;IADb,OAAA,UAAA,GAAA,YAUU,aAAA;KARP,KAAK,KAAK,SAAA;KACV,OAAO,KAAK,SAAA;KACZ,eAAa,MAAA;KACb,wBAAkB,WAAE,aAAa,QAAQ,IAAI;KAC7C,UAAU,QAAA,eAAe,IAAI,KAAK,MAAA,QAAA;KAClC,MAAM,MAAA,IAAA;;KAEP,SAAA,cAAoB,CAAjB,gBAAA,gBAAA,KAAK,SAAA,MAAQ,GAAA,CAAA,CAAA,CAAA;;;;;;;;;GAIpB,CAAA,GAAA,GAAA,EAAA,GAAA,EAAA,MAAA,UAAA,GAAA,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CADN,gBAAA,gBAAA,QAAA,MAAM,MAAM,SAAS,KAAK,SAAA,WAAc,MAAA,KAAK,CAAA,GAAI,SAAA,UAAa,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"radio-group.js","names":["$attrs","_useModel","_unref","_openBlock","_createElementBlock","_mergeProps","_Fragment","_renderList","_createBlock","URadio","_withCtx","_createTextVNode","_toDisplayString"],"sources":["../../../src/components/radio-group/radio-group.vue"],"sourcesContent":["<template>\n  <div v-if=\"!readonly\" v-bind=\"$attrs\" :class=\"[cls.b, bem.is('block', block), cls.m(size)]\">\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, fieldKey, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioGroupProps, RadioGroupEmits } from '../../types'\nimport URadio from '../radio/radio.vue'\n\ndefineOptions({ name: 'URadioGroup', inheritAttrs: false })\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 labelKey = computed(() => fieldKey(props.labelKey, 'label'))\nconst valueKey = computed(() => fieldKey(props.valueKey, 'value'))\n\nconst handleUpdate = (value: any, item: Record<string, any>) => {\n  model.value = value\n  emit('change', item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,QAAQ;EAOd,MAAM,QAAQC,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,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;EACjE,MAAM,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;EAEjE,MAAM,gBAAgB,OAAY,SAA8B;GAC9D,MAAM,QAAQ;GACd,KAAK,UAAU,IAAI;EACrB;;GAzDc,OAAA,CAAAC,MAAA,QAAA,KAAZC,UAAA,GAAAC,mBAYM,OAZNC,WAYM,EAAA,KAAA,EAAA,GAZwBL,KAAAA,QAAM,EAAG,OAAK;IAAGE,MAAA,GAAA,CAAG,CAAC;IAAGA,MAAA,GAAA,CAAG,CAAC,GAAE,SAAU,QAAA,KAAK;IAAGA,MAAA,GAAA,CAAG,CAAC,EAAEA,MAAA,IAAA,CAAI;GAAA,EAAA,CAAA,GACtF,EAAAC,UAAA,IAAA,GAAAC,mBAUUE,UAAA,MAAAC,WATO,QAAA,QAAR,SAAI;IADb,OAAAJ,UAAA,GAAAK,YAUUC,aAAA;KARP,KAAK,KAAK,SAAA;KACV,OAAO,KAAK,SAAA;KACZ,eAAa,MAAA;KACb,wBAAkB,WAAE,aAAa,QAAQ,IAAI;KAC7C,UAAU,QAAA,eAAe,IAAI,KAAKP,MAAA,QAAA;KAClC,MAAMA,MAAA,IAAA;;KAEP,SAAAQ,cAAoB,CAAjBC,gBAAAC,gBAAA,KAAK,SAAA,MAAQ,GAAA,CAAA,CAAA,CAAA;;;;;;;;;GAIpB,CAAA,GAAA,GAAA,EAAA,GAAA,EAAA,MAAAT,UAAA,GAAAC,mBAEWE,UAAA,EAAA,KAAA,EAAA,GAAA,CADNK,gBAAAC,gBAAA,QAAA,MAAM,MAAM,SAAS,KAAK,SAAA,WAAc,MAAA,KAAK,CAAA,GAAI,SAAA,UAAaV,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}

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  'image'\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 {\n  $createRangeSelection,\n  $getNodeByKey,\n  $getRoot,\n  $createParagraphNode,\n  $nodesOfType,\n  $getSelection,\n  $isNodeSelection,\n  $setSelection,\n  COMMAND_PRIORITY_HIGH,\n  DROP_COMMAND,\n  PASTE_COMMAND,\n  createEditor,\n  type LexicalEditor\n} from 'lexical'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type {\n  RichTextEditorProps,\n  RichTextImageUploader,\n  _RichTextEditorExposed\n} from '../../types'\nimport {\n  ImageNode,\n  $isImageNode,\n  gcImageObjectUrls,\n  insertImageFiles,\n  revokeImageObjectUrls\n} from './image-node'\nimport Toolbar from './toolbar.vue'\nimport { useImageResize } from './use-image-resize'\n\nconst props = withDefaults(defineProps<RichTextEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  format: 'html',\n  toolbar: () => DEFAULT_TOOLBAR,\n  placeholder: '',\n  image: true\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  const items = props.toolbar ?? DEFAULT_TOOLBAR\n  return props.image ? items : items.filter((item) => item !== 'image')\n})\n\nconst editorContainer = useTemplateRef('editorContainer')\nconst editor = shallowRef<LexicalEditor | null>(null)\nconst showPlaceholder = ref(true)\nlet isComposing = false\nlet cleanupFns: (() => void)[] = []\n\nconst acceptsImage = () => props.image && !isDisabled.value && !isReadonly.value\n\n// 图片选中 / 拖拽缩放交互\nuseImageResize(editor, acceptsImage)\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, ImageNode],\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  // Image input: paste & drop\n  cleanupFns.push(\n    editorInstance.registerCommand(\n      PASTE_COMMAND,\n      (event) => {\n        if (!acceptsImage()) return false\n        if (insertImageFiles(editorInstance, event.clipboardData?.files ?? []) > 0) {\n          event.preventDefault()\n          return true\n        }\n        return false\n      },\n      COMMAND_PRIORITY_HIGH\n    ),\n    editorInstance.registerCommand(\n      DROP_COMMAND,\n      (event) => {\n        if (!acceptsImage()) return false\n        const files = event.dataTransfer?.files\n        if (!files?.length) return false\n        // 先把光标落到落点，再插入\n        const range = document.caretRangeFromPoint(event.clientX, event.clientY)\n        if (range) {\n          editorInstance.update(() => {\n            const selection = $createRangeSelection()\n            selection.applyDOMRange(range)\n            $setSelection(selection)\n          })\n        }\n        if (insertImageFiles(editorInstance, files) > 0) {\n          event.preventDefault()\n          return true\n        }\n        return false\n      },\n      COMMAND_PRIORITY_HIGH\n    )\n  )\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        () => {\n          const root = $getRoot()\n          const imageNodes = $nodesOfType(ImageNode)\n          showPlaceholder.value =\n            root.getTextContent().trim().length === 0 && imageNodes.length === 0\n\n          // 回收已从内容中移除的图片 objectURL\n          gcImageObjectUrls(editorInstance, new Set(imageNodes.map((node) => node.getSrc())))\n\n          if (isComposing) return\n\n          const value = serializeContent(editorInstance)\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        { editor: editorInstance }\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\nfunction serializeContent(editorInstance: LexicalEditor): string {\n  return editorInstance.read(() =>\n    props.format === 'json'\n      ? JSON.stringify(editorInstance.getEditorState().toJSON())\n      : $generateHtmlFromNodes(editorInstance)\n  )\n}\n\nlet isUploadingImages = false\n\nasync function uploadImages(upload: RichTextImageUploader): Promise<string> {\n  const editorInstance = editor.value\n  if (!editorInstance) return model.value ?? ''\n  if (isUploadingImages) throw new Error('图片正在上传中')\n\n  const pending = editorInstance.getEditorState().read(() =>\n    $nodesOfType(ImageNode)\n      .filter((node) => node.getFile())\n      .map((node) => ({ key: node.getKey(), file: node.getFile() as File }))\n  )\n\n  if (pending.length) {\n    isUploadingImages = true\n    try {\n      const urls = await Promise.all(pending.map(({ file }) => upload(file)))\n      editorInstance.update(() => {\n        pending.forEach(({ key }, index) => {\n          const node = $getNodeByKey(key)\n          if ($isImageNode(node)) node.setSrc(urls[index])\n        })\n      })\n    } finally {\n      isUploadingImages = false\n    }\n  }\n\n  return serializeContent(editorInstance)\n}\n\ndefineExpose<_RichTextEditorExposed>({ uploadImages })\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  const currentValue = serializeContent(editorInstance)\n\n  if (currentValue !== newVal) {\n    isComposing = true\n    setEditorContent(editorInstance, newVal ?? '')\n    queueMicrotask(() => {\n      isComposing = false\n    })\n  }\n})\n\n// Watch disabled/readonly changes\nwatch([isDisabled, isReadonly], () => {\n  if (!editor.value) return\n  editor.value.setEditable(!isDisabled.value && !isReadonly.value)\n  if (isDisabled.value || isReadonly.value) {\n    // 切出可编辑态时取消可能残留的图片选中\n    editor.value.update(() => {\n      if ($isNodeSelection($getSelection())) $setSelection(null)\n    })\n  }\n})\n\nonMounted(() => {\n  initEditor()\n})\n\nonBeforeUnmount(() => {\n  cleanupFns.forEach((fn) => fn())\n  cleanupFns = []\n  if (editor.value) revokeImageObjectUrls(editor.value)\n  editor.value = null\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"rich-text-editor.js","names":["_useModel","_openBlock","_createElementBlock","_normalizeClass","_createBlock","Toolbar","_createCommentVNode","_createElementVNode","_unref","_toDisplayString"],"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  'image'\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 {\n  $createRangeSelection,\n  $getNodeByKey,\n  $getRoot,\n  $createParagraphNode,\n  $nodesOfType,\n  $getSelection,\n  $isNodeSelection,\n  $setSelection,\n  COMMAND_PRIORITY_HIGH,\n  DROP_COMMAND,\n  PASTE_COMMAND,\n  createEditor,\n  type LexicalEditor\n} from 'lexical'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type {\n  RichTextEditorProps,\n  RichTextImageUploader,\n  _RichTextEditorExposed\n} from '../../types'\nimport {\n  ImageNode,\n  $isImageNode,\n  gcImageObjectUrls,\n  insertImageFiles,\n  revokeImageObjectUrls\n} from './image-node'\nimport Toolbar from './toolbar.vue'\nimport { useImageResize } from './use-image-resize'\n\nconst props = withDefaults(defineProps<RichTextEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  format: 'html',\n  toolbar: () => DEFAULT_TOOLBAR,\n  placeholder: '',\n  image: true\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  const items = props.toolbar ?? DEFAULT_TOOLBAR\n  return props.image ? items : items.filter((item) => item !== 'image')\n})\n\nconst editorContainer = useTemplateRef('editorContainer')\nconst editor = shallowRef<LexicalEditor | null>(null)\nconst showPlaceholder = ref(true)\nlet isComposing = false\nlet cleanupFns: (() => void)[] = []\n\nconst acceptsImage = () => props.image && !isDisabled.value && !isReadonly.value\n\n// 图片选中 / 拖拽缩放交互\nuseImageResize(editor, acceptsImage)\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, ImageNode],\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  // Image input: paste & drop\n  cleanupFns.push(\n    editorInstance.registerCommand(\n      PASTE_COMMAND,\n      (event) => {\n        if (!acceptsImage()) return false\n        if (insertImageFiles(editorInstance, event.clipboardData?.files ?? []) > 0) {\n          event.preventDefault()\n          return true\n        }\n        return false\n      },\n      COMMAND_PRIORITY_HIGH\n    ),\n    editorInstance.registerCommand(\n      DROP_COMMAND,\n      (event) => {\n        if (!acceptsImage()) return false\n        const files = event.dataTransfer?.files\n        if (!files?.length) return false\n        // 先把光标落到落点，再插入\n        const range = document.caretRangeFromPoint(event.clientX, event.clientY)\n        if (range) {\n          editorInstance.update(() => {\n            const selection = $createRangeSelection()\n            selection.applyDOMRange(range)\n            $setSelection(selection)\n          })\n        }\n        if (insertImageFiles(editorInstance, files) > 0) {\n          event.preventDefault()\n          return true\n        }\n        return false\n      },\n      COMMAND_PRIORITY_HIGH\n    )\n  )\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        () => {\n          const root = $getRoot()\n          const imageNodes = $nodesOfType(ImageNode)\n          showPlaceholder.value =\n            root.getTextContent().trim().length === 0 && imageNodes.length === 0\n\n          // 回收已从内容中移除的图片 objectURL\n          gcImageObjectUrls(editorInstance, new Set(imageNodes.map((node) => node.getSrc())))\n\n          if (isComposing) return\n\n          const value = serializeContent(editorInstance)\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        { editor: editorInstance }\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\nfunction serializeContent(editorInstance: LexicalEditor): string {\n  return editorInstance.read(() =>\n    props.format === 'json'\n      ? JSON.stringify(editorInstance.getEditorState().toJSON())\n      : $generateHtmlFromNodes(editorInstance)\n  )\n}\n\nlet isUploadingImages = false\n\nasync function uploadImages(upload: RichTextImageUploader): Promise<string> {\n  const editorInstance = editor.value\n  if (!editorInstance) return model.value ?? ''\n  if (isUploadingImages) throw new Error('图片正在上传中')\n\n  const pending = editorInstance.getEditorState().read(() =>\n    $nodesOfType(ImageNode)\n      .filter((node) => node.getFile())\n      .map((node) => ({ key: node.getKey(), file: node.getFile() as File }))\n  )\n\n  if (pending.length) {\n    isUploadingImages = true\n    try {\n      const urls = await Promise.all(pending.map(({ file }) => upload(file)))\n      editorInstance.update(() => {\n        pending.forEach(({ key }, index) => {\n          const node = $getNodeByKey(key)\n          if ($isImageNode(node)) node.setSrc(urls[index])\n        })\n      })\n    } finally {\n      isUploadingImages = false\n    }\n  }\n\n  return serializeContent(editorInstance)\n}\n\ndefineExpose<_RichTextEditorExposed>({ uploadImages })\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  const currentValue = serializeContent(editorInstance)\n\n  if (currentValue !== newVal) {\n    isComposing = true\n    setEditorContent(editorInstance, newVal ?? '')\n    queueMicrotask(() => {\n      isComposing = false\n    })\n  }\n})\n\n// Watch disabled/readonly changes\nwatch([isDisabled, isReadonly], () => {\n  if (!editor.value) return\n  editor.value.setEditable(!isDisabled.value && !isReadonly.value)\n  if (isDisabled.value || isReadonly.value) {\n    // 切出可编辑态时取消可能残留的图片选中\n    editor.value.update(() => {\n      if ($isNodeSelection($getSelection())) $setSelection(null)\n    })\n  }\n})\n\nonMounted(() => {\n  initEditor()\n})\n\nonBeforeUnmount(() => {\n  cleanupFns.forEach((fn) => fn())\n  cleanupFns = []\n  if (editor.value) revokeImageObjectUrls(editor.value)\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;CACN;CACA,MAAM;EACJ,MAAM;EACN,QAAQ;EACR,WAAW;EACX,eAAe;CACjB;CACA,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,UAAU;EACV,QAAQ,EAAE,UAAU,mBAAmB;CACzC;CACA,OAAO;CAEP,MAAM;CACN,OAAO;AACT;AAEA,MAAM,kBAAiC;CACrC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,MAAM,QAAQ;EASd,MAAM,QAAQA,SAAmB,SAAA,YAAC;EAElC,MAAM,MAAM,IAAI,kBAAkB;EAElC,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;EAElF,MAAM,aAAa,eAAe,CAAC,CAAC,SAAS,KAAK;EAClD,MAAM,aAAa,eAAe,CAAC,CAAC,SAAS,KAAK;EAElD,MAAM,YAAY,eAAyB;GACzC,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,WAAW,KAAK;IACnC,IAAI,GAAG,YAAY,WAAW,KAAK;GACrC;EACF,CAAC;EAED,MAAM,eAAe,eAA8B;GACjD,MAAM,QAAQ,MAAM,WAAW;GAC/B,OAAO,MAAM,QAAQ,QAAQ,MAAM,QAAQ,SAAS,SAAS,OAAO;EACtE,CAAC;EAED,MAAM,kBAAkB,eAAe,iBAAiB;EACxD,MAAM,SAAS,WAAiC,IAAI;EACpD,MAAM,kBAAkB,IAAI,IAAI;EAChC,IAAI,cAAc;EAClB,IAAI,aAA6B,CAAC;EAElC,MAAM,qBAAqB,MAAM,SAAS,CAAC,WAAW,SAAS,CAAC,WAAW;EAG3E,eAAe,QAAQ,YAAY;EAEnC,SAAS,aAAa;GACpB,IAAI,CAAC,gBAAgB,OAAO;GAE5B,MAAM,iBAAiB,aAAa;IAClC,WAAW;IACX,OAAO;IACP,OAAO;KAAC;KAAa;KAAW;KAAU;KAAc;KAAU;KAAc;IAAS;IACzF,UAAU,CAAC,WAAW,SAAS,CAAC,WAAW;IAC3C,UAAU,UAAiB;KACzB,QAAQ,MAAM,kBAAkB,KAAK;IACvC;GACF,CAAC;GAED,eAAe,eAAe,gBAAgB,KAAK;GAGnD,WAAW,KAAK,iBAAiB,cAAc,CAAC;GAChD,WAAW,KAAK,aAAa,cAAc,CAAC;GAC5C,WAAW,KAAK,gBAAgB,gBAAgB,wBAAwB,GAAG,GAAG,CAAC;GAG/E,WAAW,KACT,eAAe,gBACb,gBACC,UAAU;IACT,IAAI,CAAC,aAAa,GAAG,OAAO;IAC5B,IAAI,iBAAiB,gBAAgB,MAAM,eAAe,SAAS,CAAC,CAAC,IAAI,GAAG;KAC1E,MAAM,eAAe;KACrB,OAAO;IACT;IACA,OAAO;GACT,GACA,qBACF,GACA,eAAe,gBACb,eACC,UAAU;IACT,IAAI,CAAC,aAAa,GAAG,OAAO;IAC5B,MAAM,QAAQ,MAAM,cAAc;IAClC,IAAI,CAAC,OAAO,QAAQ,OAAO;IAE3B,MAAM,QAAQ,SAAS,oBAAoB,MAAM,SAAS,MAAM,OAAO;IACvE,IAAI,OACF,eAAe,aAAa;KAC1B,MAAM,YAAY,sBAAsB;KACxC,UAAU,cAAc,KAAK;KAC7B,cAAc,SAAS;IACzB,CAAC;IAEH,IAAI,iBAAiB,gBAAgB,KAAK,IAAI,GAAG;KAC/C,MAAM,eAAe;KACrB,OAAO;IACT;IACA,OAAO;GACT,GACA,qBACF,CACF;GAGA,IAAI,MAAM,OACR,iBAAiB,gBAAgB,MAAM,KAAK;GAI9C,WAAW,KACT,eAAe,wBAAwB,EAAE,kBAAkB;IACzD,YAAY,WACJ;KACJ,MAAM,OAAO,SAAS;KACtB,MAAM,aAAa,aAAa,SAAS;KACzC,gBAAgB,QACd,KAAK,eAAe,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,KAAK,WAAW,WAAW;KAGrE,kBAAkB,gBAAgB,IAAI,IAAI,WAAW,KAAK,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC;KAElF,IAAI,aAAa;KAEjB,MAAM,QAAQ,iBAAiB,cAAc;KAG7C,IAAI,UAAU,MAAM,OAAO;MACzB,cAAc;MACd,MAAM,QAAQ;MAEd,qBAAqB;OACnB,cAAc;MAChB,CAAC;KACH;IACF,GACA,EAAE,QAAQ,eAAe,CAC3B;GACF,CAAC,CACH;GAGA,MAAM,cAAc,eAAe,eAAe;GAClD,IAAI,aAAa;IACf,MAAM,2BAA2B;KAC/B,cAAc;IAChB;IACA,MAAM,yBAAyB;KAC7B,cAAc;IAChB;IACA,YAAY,iBAAiB,oBAAoB,kBAAkB;IACnE,YAAY,iBAAiB,kBAAkB,gBAAgB;IAC/D,WAAW,WAAW;KACpB,YAAY,oBAAoB,oBAAoB,kBAAkB;KACtE,YAAY,oBAAoB,kBAAkB,gBAAgB;IACpE,CAAC;GACH;GAEA,OAAO,QAAQ;EACjB;EAEA,SAAS,iBAAiB,gBAA+B,OAAe;GACtE,eAAe,aAAa;IAC1B,MAAM,OAAO,SAAS;IACtB,KAAK,MAAM;IAEX,IAAI,MAAM,WAAW,QACnB,IAAI;KACF,MAAM,cAAc,eAAe,iBAAiB,KAAK;KACzD,eAAe,eAAe,WAAW;IAC3C,QAAQ;KAEN,KAAK,OAAO,qBAAqB,CAAC;IACpC;SACK;KAGL,MAAM,MAAM,IADO,UACP,CAAA,CAAO,gBAAgB,OAAO,WAAW;KACrD,MAAM,QAAQ,sBAAsB,gBAAgB,GAAG;KACvD,KAAK,OAAO,GAAG,KAAK;IACtB;GACF,CAAC;EACH;EAEA,SAAS,iBAAiB,gBAAuC;GAC/D,OAAO,eAAe,WACpB,MAAM,WAAW,SACb,KAAK,UAAU,eAAe,eAAe,CAAC,CAAC,OAAO,CAAC,IACvD,uBAAuB,cAAc,CAC3C;EACF;EAEA,IAAI,oBAAoB;EAExB,eAAe,aAAa,QAAgD;GAC1E,MAAM,iBAAiB,OAAO;GAC9B,IAAI,CAAC,gBAAgB,OAAO,MAAM,SAAS;GAC3C,IAAI,mBAAmB,MAAM,IAAI,MAAM,SAAS;GAEhD,MAAM,UAAU,eAAe,eAAe,CAAC,CAAC,WAC9C,aAAa,SAAS,CAAA,CACnB,QAAQ,SAAS,KAAK,QAAQ,CAAC,CAAA,CAC/B,KAAK,UAAU;IAAE,KAAK,KAAK,OAAO;IAAG,MAAM,KAAK,QAAQ;GAAU,EAAE,CACzE;GAEA,IAAI,QAAQ,QAAQ;IAClB,oBAAoB;IACpB,IAAI;KACF,MAAM,OAAO,MAAM,QAAQ,IAAI,QAAQ,KAAK,EAAE,WAAW,OAAO,IAAI,CAAC,CAAC;KACtE,eAAe,aAAa;MAC1B,QAAQ,SAAS,EAAE,OAAO,UAAU;OAClC,MAAM,OAAO,cAAc,GAAG;OAC9B,IAAI,aAAa,IAAI,GAAG,KAAK,OAAO,KAAK,MAAM;MACjD,CAAC;KACH,CAAC;IACH,UAAU;KACR,oBAAoB;IACtB;GACF;GAEA,OAAO,iBAAiB,cAAc;EACxC;EAEA,SAAqC,EAAE,aAAa,CAAC;EAGrD,MAAM,QAAQ,WAAW;GACvB,IAAI,CAAC,OAAO,SAAS,aAAa;GAElC,MAAM,iBAAiB,OAAO;GAK9B,IAFqB,iBAAiB,cAElC,MAAiB,QAAQ;IAC3B,cAAc;IACd,iBAAiB,gBAAgB,UAAU,EAAE;IAC7C,qBAAqB;KACnB,cAAc;IAChB,CAAC;GACH;EACF,CAAC;EAGD,MAAM,CAAC,YAAY,UAAU,SAAS;GACpC,IAAI,CAAC,OAAO,OAAO;GACnB,OAAO,MAAM,YAAY,CAAC,WAAW,SAAS,CAAC,WAAW,KAAK;GAC/D,IAAI,WAAW,SAAS,WAAW,OAEjC,OAAO,MAAM,aAAa;IACxB,IAAI,iBAAiB,cAAc,CAAC,GAAG,cAAc,IAAI;GAC3D,CAAC;EAEL,CAAC;EAED,gBAAgB;GACd,WAAW;EACb,CAAC;EAED,sBAAsB;GACpB,WAAW,SAAS,OAAO,GAAG,CAAC;GAC/B,aAAa,CAAC;GACd,IAAI,OAAO,OAAO,sBAAsB,OAAO,KAAK;GACpD,OAAO,QAAQ;EACjB,CAAC;;GA3XC,OAAAC,UAAA,GAAAC,mBAiBM,OAAA,EAjBA,OAAKC,eAAE,UAAA,KAAS,EAAA,GAEX,CAAA,CAAA,WAAA,SAAc,aAAA,MAAa,SAAM,KAD1CF,UAAA,GAAAG,YAKEC,aAAA;;IAHC,QAAQ,OAAA;IACR,SAAS,aAAA;IACT,UAAU,WAAA;;;;;GAEb,CAAA,KAAAC,mBAAA,QAAA,IAAA,GAAAC,mBASM,OAAA,EATA,OAAKJ,eAAEK,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,CAAA,EAAA,GAChB,CAAAD,mBAIO,OAAA;IAHD,SAAA;IAAJ,KAAI;IACH,OAAKJ,eAAEK,MAAA,GAAA,CAAG,CAAC,EAAC,UAAA,CAAA;IACZ,iBAAe,CAAG,WAAA,SAAU,CAAK,WAAA;GAEzB,GAAA,MAAA,IAAA,UAAA,GAAA,gBAAA,SAAXP,UAAA,GAAAC,mBAEM,OAAA;;IAFuB,OAAKC,eAAEK,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;GACpC,GAAAC,gBAAA,QAAA,WAAW,GAAA,CAAA,KAAAH,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

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\n    <input ref=\"imageInput\" type=\"file\" accept=\"image/*\" multiple hidden @change=\"onImageChange\" />\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, useTemplateRef, watch } from 'vue'\n\nimport type { ToolbarItem } from '../../types'\nimport { insertImageFiles } from './image-node'\n\nconst props = defineProps<{\n  editor: LexicalEditor | null\n  toolbar: ToolbarItem[]\n  disabled: boolean\n}>()\n\nconst cls = bem('rich-text-editor')\n\nconst imageInput = useTemplateRef('imageInput')\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      () => {\n        const selection = $getSelection()\n        if (!$isRangeSelection(selection)) return\n\n        updateToolbarState(selection)\n      },\n      { editor: editorInstance }\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 'image':\n      imageInput.value?.click()\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 onImageChange(event: Event) {\n  const input = event.target as HTMLInputElement\n  if (input.files?.length && props.editor && !props.disabled) {\n    insertImageFiles(props.editor, input.files)\n  }\n  // 允许重复选择同一文件\n  input.value = ''\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  let shouldRemoveLink = false\n\n  editorInstance.read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) return\n\n    const parent = selection.anchor.getNode().getParent()\n    shouldRemoveLink = $isLinkNode(parent)\n  })\n\n  if (shouldRemoveLink) {\n    editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n    return\n  }\n\n  const url = prompt('请输入链接地址:', 'https://')\n  if (url && url !== 'https://') {\n    editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, url)\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    image: '图片',\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    image:\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=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><polyline points=\"21 15 16 10 5 21\"/></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":["_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_createElementVNode","_createStaticVNode"],"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\n    <input ref=\"imageInput\" type=\"file\" accept=\"image/*\" multiple hidden @change=\"onImageChange\" />\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, useTemplateRef, watch } from 'vue'\n\nimport type { ToolbarItem } from '../../types'\nimport { insertImageFiles } from './image-node'\n\nconst props = defineProps<{\n  editor: LexicalEditor | null\n  toolbar: ToolbarItem[]\n  disabled: boolean\n}>()\n\nconst cls = bem('rich-text-editor')\n\nconst imageInput = useTemplateRef('imageInput')\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      () => {\n        const selection = $getSelection()\n        if (!$isRangeSelection(selection)) return\n\n        updateToolbarState(selection)\n      },\n      { editor: editorInstance }\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 'image':\n      imageInput.value?.click()\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 onImageChange(event: Event) {\n  const input = event.target as HTMLInputElement\n  if (input.files?.length && props.editor && !props.disabled) {\n    insertImageFiles(props.editor, input.files)\n  }\n  // 允许重复选择同一文件\n  input.value = ''\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  let shouldRemoveLink = false\n\n  editorInstance.read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) return\n\n    const parent = selection.anchor.getNode().getParent()\n    shouldRemoveLink = $isLinkNode(parent)\n  })\n\n  if (shouldRemoveLink) {\n    editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n    return\n  }\n\n  const url = prompt('请输入链接地址:', 'https://')\n  if (url && url !== 'https://') {\n    editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, url)\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    image: '图片',\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    image:\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=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><polyline points=\"21 15 16 10 5 21\"/></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/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: 'UScrollBar' })\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;;GAvFC,OAAA,gBAAA,UAAA,GAAA,mBAA0E,OAAA;IAAjD,SAAA;IAAJ,KAAI;IAAU,OAAK,eAAE,MAAA,KAAA,CAAK;IAAG,OAAK,eAAE,UAAA,KAAS;GAAnD,GAAA,MAAA,CAAA,IAAA,CAAA,CAAA,OAAA,CAAA,CAAA,KAAA,KAAI,CAAA,CAAA"}
+{"version":3,"file":"scroll-bar.js","names":["_withDirectives","_openBlock","_createElementBlock","_normalizeStyle","_unref","_normalizeClass","_vShow"],"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: 'UScrollBar' })\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;;GAvFC,OAAAA,gBAAAC,UAAA,GAAAC,mBAA0E,OAAA;IAAjD,SAAA;IAAJ,KAAI;IAAU,OAAKC,eAAEC,MAAA,KAAA,CAAK;IAAG,OAAKC,eAAE,UAAA,KAAS;GAAnD,GAAA,MAAA,CAAA,IAAA,CAAA,CAAAC,OAAA,CAAA,CAAA,KAAA,KAAI,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","names":[],"sources":["../../../src/components/scroll/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" :style=\"style\" ref=\"scrollRef\">\n    <div\n      ref=\"containerRef\"\n      :class=\"[cls.e('container'), containerClass]\"\n      @scroll.passive=\"handleScroll\"\n      :style=\"containerStyle\"\n    >\n      <component\n        ref=\"contentRef\"\n        :style=\"contentStyle\"\n        :class=\"[cls.e('content'), contentClass]\"\n        :is=\"tag\"\n      >\n        <slot />\n      </component>\n    </div>\n\n    <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n    <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed, provide, shallowRef } from 'vue'\n\nimport type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'\nimport { ScrollDIKey } from './di'\nimport UScrollBar from './scroll-bar.vue'\n\ndefineOptions({ name: 'UScroll' })\n\nconst props = withDefaults(defineProps<ScrollProps>(), { tag: 'div' })\n\nconst emit = defineEmits<ScrollEmits>()\n\ndefineSlots<{\n  /** 默认插槽 */\n  default(): any\n  /** 内容插槽 */\n  content(): any\n}>()\n\nconst cls = bem('scroll')\n\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always)]\n})\n\nconst style = computed<CSSProperties>(() => {\n  return { height: withUnit(props.height, 'px') }\n})\n\nconst contentRef = shallowRef<HTMLElement>()\nconst scrollRef = shallowRef<HTMLElement>()\nconst containerRef = shallowRef<HTMLElement>()\nconst barX = shallowRef<InstanceType<typeof UScrollBar>>()\nconst barY = shallowRef<InstanceType<typeof UScrollBar>>()\nconst minSize = 20\n\nconst trackSize = { width: 0, height: 0 }\n\nconst updateBar = () => {\n  const container = containerRef.value\n  if (!container) return\n\n  const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container\n\n  emit('scroll', {\n    x: scrollLeft,\n    y: scrollTop,\n    sw: scrollWidth,\n    sh: scrollHeight,\n    cw: clientWidth,\n    ch: clientHeight\n  })\n\n  if (scrollHeight !== clientHeight) {\n    const barYHeight = Math.max((clientHeight / scrollHeight) * trackSize.height, minSize)\n    const barYTop = (scrollTop / (scrollHeight - clientHeight)) * (trackSize.height - barYHeight)\n    barY.value?.update(barYHeight, barYTop)\n  } else {\n    barY.value?.update(0, 0)\n  }\n\n  if (scrollWidth !== clientWidth) {\n    const barXWidth = Math.max((clientWidth / scrollWidth) * trackSize.width, minSize)\n    const barXLeft = (scrollLeft / (scrollWidth - clientWidth)) * (trackSize.width - barXWidth)\n    barX.value?.update(barXWidth, barXLeft)\n  } else {\n    barX.value?.update(0, 0)\n  }\n}\n\nconst handleDragX = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value\n    if (!container) return\n    const { clientWidth, scrollWidth } = container\n    container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleDragY = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value\n    if (!container) return\n    const { clientHeight, scrollHeight } = container\n    container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleScroll = () => {\n  updateBar()\n}\n\nuseResizeObserver({\n  targets: [contentRef, scrollRef],\n  onResize: (entries) => {\n    const trackEl = scrollRef.value\n    if (trackEl) {\n      trackSize.width = trackEl.clientWidth\n      trackSize.height = trackEl.clientHeight\n      barX.value?.setTrackSize(trackSize.width)\n      barY.value?.setTrackSize(trackSize.height)\n    }\n    updateBar()\n    if (entries.length) {\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\nconst scrollToLeft = (left: number) => {\n  const container = containerRef.value\n  if (!container) return\n  container.scrollTo({ left })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = containerRef.value\n  if (!container) return\n  container.scrollTo({ top })\n}\n\nconst scrollTo = (position: ScrollPosition) => {\n  if (position.x !== undefined) scrollToLeft(position.x)\n  if (position.y !== undefined) scrollToTop(position.y)\n}\n\nprovide(ScrollDIKey, { cls })\n\nconst exposed: _ScrollExposed = {\n  el: scrollRef,\n  contentRef,\n  containerRef,\n  scrollTo,\n  update: updateBar\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":";;;;;;;AA6DA,MAAM,UAAU;;;;;;;;;;;;;;;;EA1BhB,MAAM,QAAQ;EAEd,MAAM,OAAO;EASb,MAAM,MAAM,IAAI,QAAQ;EAExB,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,GAAG,IAAI,GAAG,UAAU,MAAM,MAAM,CAAC;EAC/C,CAAC;EAED,MAAM,QAAQ,eAA8B;GAC1C,OAAO,EAAE,QAAQ,SAAS,MAAM,QAAQ,IAAI,EAAE;EAChD,CAAC;EAED,MAAM,aAAa,WAAwB;EAC3C,MAAM,YAAY,WAAwB;EAC1C,MAAM,eAAe,WAAwB;EAC7C,MAAM,OAAO,WAA4C;EACzD,MAAM,OAAO,WAA4C;EAGzD,MAAM,YAAY;GAAE,OAAO;GAAG,QAAQ;EAAE;EAExC,MAAM,kBAAkB;GACtB,MAAM,YAAY,aAAa;GAC/B,IAAI,CAAC,WAAW;GAEhB,MAAM,EAAE,cAAc,cAAc,WAAW,aAAa,aAAa,eAAe;GAExF,KAAK,UAAU;IACb,GAAG;IACH,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;GACN,CAAC;GAED,IAAI,iBAAiB,cAAc;IACjC,MAAM,aAAa,KAAK,IAAK,eAAe,eAAgB,UAAU,QAAQ,OAAO;IACrF,MAAM,UAAW,aAAa,eAAe,iBAAkB,UAAU,SAAS;IAClF,KAAK,OAAO,OAAO,YAAY,OAAO;GACxC,OACE,KAAK,OAAO,OAAO,GAAG,CAAC;GAGzB,IAAI,gBAAgB,aAAa;IAC/B,MAAM,YAAY,KAAK,IAAK,cAAc,cAAe,UAAU,OAAO,OAAO;IACjF,MAAM,WAAY,cAAc,cAAc,gBAAiB,UAAU,QAAQ;IACjF,KAAK,OAAO,OAAO,WAAW,QAAQ;GACxC,OACE,KAAK,OAAO,OAAO,GAAG,CAAC;EAE3B;EAEA,MAAM,cAAc,UACjB,QAAgB,SAAiB;GAChC,MAAM,YAAY,aAAa;GAC/B,IAAI,CAAC,WAAW;GAChB,MAAM,EAAE,aAAa,gBAAgB;GACrC,UAAU,aAAc,UAAU,UAAU,QAAQ,SAAU,cAAc;EAC9E,GACA,MAAM,gBAAgB,GACtB,KACF;EAEA,MAAM,cAAc,UACjB,QAAgB,SAAiB;GAChC,MAAM,YAAY,aAAa;GAC/B,IAAI,CAAC,WAAW;GAChB,MAAM,EAAE,cAAc,iBAAiB;GACvC,UAAU,YAAa,UAAU,UAAU,SAAS,SAAU,eAAe;EAC/E,GACA,MAAM,gBAAgB,GACtB,KACF;EAEA,MAAM,qBAAqB;GACzB,UAAU;EACZ;EAEA,kBAAkB;GAChB,SAAS,CAAC,YAAY,SAAS;GAC/B,WAAW,YAAY;IACrB,MAAM,UAAU,UAAU;IAC1B,IAAI,SAAS;KACX,UAAU,QAAQ,QAAQ;KAC1B,UAAU,SAAS,QAAQ;KAC3B,KAAK,OAAO,aAAa,UAAU,KAAK;KACxC,KAAK,OAAO,aAAa,UAAU,MAAM;IAC3C;IACA,UAAU;IACV,IAAI,QAAQ,QACV,KACE,UACA,QAAQ,KAAK,UAAU,MAAM,MAAqB,CACpD;GAEJ;EACF,CAAC;EAED,MAAM,gBAAgB,SAAiB;GACrC,MAAM,YAAY,aAAa;GAC/B,IAAI,CAAC,WAAW;GAChB,UAAU,SAAS,EAAE,KAAK,CAAC;EAC7B;EAEA,MAAM,eAAe,QAAgB;GACnC,MAAM,YAAY,aAAa;GAC/B,IAAI,CAAC,WAAW;GAChB,UAAU,SAAS,EAAE,IAAI,CAAC;EAC5B;EAEA,MAAM,YAAY,aAA6B;GAC7C,IAAI,SAAS,MAAM,KAAA,GAAW,aAAa,SAAS,CAAC;GACrD,IAAI,SAAS,MAAM,KAAA,GAAW,YAAY,SAAS,CAAC;EACtD;EAEA,QAAQ,aAAa,EAAE,IAAI,CAAC;EAU5B,SAAa;GAPX,IAAI;GACJ;GACA;GACA;GACA,QAAQ;EAGG,CAAO;;GAzKlB,OAAA,UAAA,GAAA,mBAmBM,OAAA;IAnBA,OAAK,eAAE,UAAA,KAAS;IAAG,OAAK,eAAE,MAAA,KAAK;IAAM,SAAA;IAAJ,KAAI;;IACzC,mBAcM,OAAA;KAbA,SAAA;KAAJ,KAAI;KACH,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,WAAA,GAAe,QAAA,cAAc,CAAA;KAC1B,iBAAA;KAChB,OAAK,eAAE,QAAA,cAAc;IAEtB,GAAA,EAAA,UAAA,GAAA,YAOY,wBAHL,QAAA,GAAG,GAAA;KAHJ,SAAA;KAAJ,KAAI;KACH,OAAK,eAAE,QAAA,YAAY;KACnB,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,GAAa,QAAA,YAAY,CAAA;;KAGvC,SAAA,cAAQ,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;IAIZ,YAAgF,aAAA;KAAlE,MAAK;KAAK,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;KAAY,QAAM,MAAA,WAAA;KAAiB,SAAA;KAAJ,KAAI;;IACvE,YAAgF,aAAA;KAAlE,MAAK;KAAK,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;KAAY,QAAM,MAAA,WAAA;KAAiB,SAAA;KAAJ,KAAI"}
+{"version":3,"file":"scroll.js","names":["_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_unref","_createBlock","_resolveDynamicComponent","_withCtx","_renderSlot","_createVNode","UScrollBar"],"sources":["../../../src/components/scroll/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" :style=\"style\" ref=\"scrollRef\">\n    <div\n      ref=\"containerRef\"\n      :class=\"[cls.e('container'), containerClass]\"\n      @scroll.passive=\"handleScroll\"\n      :style=\"containerStyle\"\n    >\n      <component\n        ref=\"contentRef\"\n        :style=\"contentStyle\"\n        :class=\"[cls.e('content'), contentClass]\"\n        :is=\"tag\"\n      >\n        <slot />\n      </component>\n    </div>\n\n    <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n    <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed, provide, shallowRef } from 'vue'\n\nimport type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'\nimport { ScrollDIKey } from './di'\nimport UScrollBar from './scroll-bar.vue'\n\ndefineOptions({ name: 'UScroll' })\n\nconst props = withDefaults(defineProps<ScrollProps>(), { tag: 'div' })\n\nconst emit = defineEmits<ScrollEmits>()\n\ndefineSlots<{\n  /** 默认插槽 */\n  default(): any\n  /** 内容插槽 */\n  content(): any\n}>()\n\nconst cls = bem('scroll')\n\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always)]\n})\n\nconst style = computed<CSSProperties>(() => {\n  return { height: withUnit(props.height, 'px') }\n})\n\nconst contentRef = shallowRef<HTMLElement>()\nconst scrollRef = shallowRef<HTMLElement>()\nconst containerRef = shallowRef<HTMLElement>()\nconst barX = shallowRef<InstanceType<typeof UScrollBar>>()\nconst barY = shallowRef<InstanceType<typeof UScrollBar>>()\nconst minSize = 20\n\nconst trackSize = { width: 0, height: 0 }\n\nconst updateBar = () => {\n  const container = containerRef.value\n  if (!container) return\n\n  const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container\n\n  emit('scroll', {\n    x: scrollLeft,\n    y: scrollTop,\n    sw: scrollWidth,\n    sh: scrollHeight,\n    cw: clientWidth,\n    ch: clientHeight\n  })\n\n  if (scrollHeight !== clientHeight) {\n    const barYHeight = Math.max((clientHeight / scrollHeight) * trackSize.height, minSize)\n    const barYTop = (scrollTop / (scrollHeight - clientHeight)) * (trackSize.height - barYHeight)\n    barY.value?.update(barYHeight, barYTop)\n  } else {\n    barY.value?.update(0, 0)\n  }\n\n  if (scrollWidth !== clientWidth) {\n    const barXWidth = Math.max((clientWidth / scrollWidth) * trackSize.width, minSize)\n    const barXLeft = (scrollLeft / (scrollWidth - clientWidth)) * (trackSize.width - barXWidth)\n    barX.value?.update(barXWidth, barXLeft)\n  } else {\n    barX.value?.update(0, 0)\n  }\n}\n\nconst handleDragX = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value\n    if (!container) return\n    const { clientWidth, scrollWidth } = container\n    container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleDragY = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value\n    if (!container) return\n    const { clientHeight, scrollHeight } = container\n    container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleScroll = () => {\n  updateBar()\n}\n\nuseResizeObserver({\n  targets: [contentRef, scrollRef],\n  onResize: (entries) => {\n    const trackEl = scrollRef.value\n    if (trackEl) {\n      trackSize.width = trackEl.clientWidth\n      trackSize.height = trackEl.clientHeight\n      barX.value?.setTrackSize(trackSize.width)\n      barY.value?.setTrackSize(trackSize.height)\n    }\n    updateBar()\n    if (entries.length) {\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\nconst scrollToLeft = (left: number) => {\n  const container = containerRef.value\n  if (!container) return\n  container.scrollTo({ left })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = containerRef.value\n  if (!container) return\n  container.scrollTo({ top })\n}\n\nconst scrollTo = (position: ScrollPosition) => {\n  if (position.x !== undefined) scrollToLeft(position.x)\n  if (position.y !== undefined) scrollToTop(position.y)\n}\n\nprovide(ScrollDIKey, { cls })\n\nconst exposed: _ScrollExposed = {\n  el: scrollRef,\n  contentRef,\n  containerRef,\n  scrollTo,\n  update: updateBar\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":"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"}

package/dist/components/segment/segment.js.map

@@ -1 +1 @@
-{"version":3,"file":"segment.js","names":["$attrs"],"sources":["../../../src/components/segment/segment.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"[cls.b, bem.is('block', block), bem.is('disabled', disabled), cls.m(size)]\"\n    role=\"radiogroup\"\n  >\n    <div\n      v-for=\"item of items\"\n      :key=\"item[valueKey]\"\n      :class=\"[\n        cls.e('item'),\n        bem.is('active', item[valueKey] === model),\n        bem.is('disabled', disabled || Boolean(disabledItem?.(item)))\n      ]\"\n      role=\"radio\"\n      :aria-checked=\"item[valueKey] === model\"\n      :aria-disabled=\"disabled || Boolean(disabledItem?.(item))\"\n      tabindex=\"0\"\n      @click=\"handleSelect(item)\"\n      @keydown.enter.prevent=\"handleSelect(item)\"\n      @keydown.space.prevent=\"handleSelect(item)\"\n    >\n      <slot name=\"item\" :item=\"item\" :active=\"item[valueKey] === model\">\n        <span :class=\"cls.e('item-label')\">{{ item[labelKey] }}</span>\n      </slot>\n    </div>\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, fieldKey, FORM_EMPTY_CONTENT, injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { SegmentEmits, SegmentItem, SegmentProps } from '../../types'\n\ndefineOptions({ name: 'USegment', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<SegmentProps>(), {\n  items: () => [],\n  labelKey: 'label',\n  valueKey: 'value',\n  disabled: undefined,\n  readonly: undefined,\n  block: false\n})\n\nconst model = defineModel<any>()\n\nconst emit = defineEmits<SegmentEmits>()\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('segment')\n\nconst labelKey = computed(() => fieldKey(props.labelKey, 'label'))\nconst valueKey = computed(() => fieldKey(props.valueKey, 'value'))\n\nconst handleSelect = (item: SegmentItem) => {\n  if (disabled.value || props.disabledItem?.(item)) return\n  const val = item[valueKey.value]\n  if (model.value === val) return\n  model.value = val\n  emit('change', item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EASd,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,SAAS;EAEzB,MAAM,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;EACjE,MAAM,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;EAEjE,MAAM,gBAAgB,SAAsB;GAC1C,IAAI,SAAS,SAAS,MAAM,eAAe,IAAI,GAAG;GAClD,MAAM,MAAM,KAAK,SAAS;GAC1B,IAAI,MAAM,UAAU,KAAK;GACzB,MAAM,QAAQ;GACd,KAAK,UAAU,IAAI;EACrB;;GAzEW,OAAA,CAAA,MAAA,QAAA,KADT,UAAA,GAAA,mBA0BM,OA1BN,WA0BM,EAAA,KAAA,EAAA,GAxBIA,KAAAA,QAAM;IACb,OAAK;KAAG,MAAA,GAAA,CAAG,CAAC;KAAG,MAAA,GAAA,CAAG,CAAC,GAAE,SAAU,QAAA,KAAK;KAAG,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,MAAA,QAAA,CAAQ;KAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAA,IAAA,CAAI;IAAA;IAChF,MAAK;GAEL,CAAA,GAAA,EAAA,UAAA,IAAA,GAAA,mBAmBM,UAAA,MAAA,WAlBW,QAAA,QAAR,SAAI;IADb,OAAA,UAAA,GAAA,mBAmBM,OAAA;KAjBH,KAAK,KAAK,SAAA;KACV,OAAK,eAAA;MAAY,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA;MAAkB,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,KAAK,SAAA,WAAc,MAAA,KAAK;MAAW,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,MAAA,QAAA,KAAY,QAAQ,QAAA,eAAe,IAAI,CAAA,CAAA;;KAKvJ,MAAK;KACJ,gBAAc,KAAK,SAAA,WAAc,MAAA;KACjC,iBAAe,MAAA,QAAA,KAAY,QAAQ,QAAA,eAAe,IAAI,CAAA;KACvD,UAAS;KACR,UAAK,WAAE,aAAa,IAAI;KACxB,WAAO,CAAgB,SAAA,eAAA,WAAA,aAAa,IAAI,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GACjB,SAAA,eAAA,WAAA,aAAa,IAAI,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;IAEzC,GAAA,CAAA,WAEO,KAAA,QAAA,QAAA;KAFkB;KAAO,QAAQ,KAAK,SAAA,WAAc,MAAA;IAA3D,SAEO,CADL,mBAA8D,QAAA,EAAvD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAmB,GAAA,gBAAA,KAAK,SAAA,MAAQ,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA;GAKzD,CAAA,GAAA,GAAA,EAAA,GAAA,EAAA,MAAA,UAAA,GAAA,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CADN,gBAAA,gBAAA,QAAA,MAAM,MAAM,SAAS,KAAK,SAAA,WAAc,MAAA,KAAK,CAAA,GAAI,SAAA,UAAa,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"segment.js","names":["$attrs","_useModel","_unref","_openBlock","_createElementBlock","_mergeProps","_Fragment","_renderList","_normalizeClass","_withKeys","_withModifiers","_renderSlot","_createElementVNode","_toDisplayString","_createTextVNode"],"sources":["../../../src/components/segment/segment.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"[cls.b, bem.is('block', block), bem.is('disabled', disabled), cls.m(size)]\"\n    role=\"radiogroup\"\n  >\n    <div\n      v-for=\"item of items\"\n      :key=\"item[valueKey]\"\n      :class=\"[\n        cls.e('item'),\n        bem.is('active', item[valueKey] === model),\n        bem.is('disabled', disabled || Boolean(disabledItem?.(item)))\n      ]\"\n      role=\"radio\"\n      :aria-checked=\"item[valueKey] === model\"\n      :aria-disabled=\"disabled || Boolean(disabledItem?.(item))\"\n      tabindex=\"0\"\n      @click=\"handleSelect(item)\"\n      @keydown.enter.prevent=\"handleSelect(item)\"\n      @keydown.space.prevent=\"handleSelect(item)\"\n    >\n      <slot name=\"item\" :item=\"item\" :active=\"item[valueKey] === model\">\n        <span :class=\"cls.e('item-label')\">{{ item[labelKey] }}</span>\n      </slot>\n    </div>\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, fieldKey, FORM_EMPTY_CONTENT, injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { SegmentEmits, SegmentItem, SegmentProps } from '../../types'\n\ndefineOptions({ name: 'USegment', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<SegmentProps>(), {\n  items: () => [],\n  labelKey: 'label',\n  valueKey: 'value',\n  disabled: undefined,\n  readonly: undefined,\n  block: false\n})\n\nconst model = defineModel<any>()\n\nconst emit = defineEmits<SegmentEmits>()\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('segment')\n\nconst labelKey = computed(() => fieldKey(props.labelKey, 'label'))\nconst valueKey = computed(() => fieldKey(props.valueKey, 'value'))\n\nconst handleSelect = (item: SegmentItem) => {\n  if (disabled.value || props.disabledItem?.(item)) return\n  const val = item[valueKey.value]\n  if (model.value === val) return\n  model.value = val\n  emit('change', item)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EASd,MAAM,QAAQC,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,SAAS;EAEzB,MAAM,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;EACjE,MAAM,WAAW,eAAe,SAAS,MAAM,UAAU,OAAO,CAAC;EAEjE,MAAM,gBAAgB,SAAsB;GAC1C,IAAI,SAAS,SAAS,MAAM,eAAe,IAAI,GAAG;GAClD,MAAM,MAAM,KAAK,SAAS;GAC1B,IAAI,MAAM,UAAU,KAAK;GACzB,MAAM,QAAQ;GACd,KAAK,UAAU,IAAI;EACrB;;GAzEW,OAAA,CAAAC,MAAA,QAAA,KADTC,UAAA,GAAAC,mBA0BM,OA1BNC,WA0BM,EAAA,KAAA,EAAA,GAxBIL,KAAAA,QAAM;IACb,OAAK;KAAGE,MAAA,GAAA,CAAG,CAAC;KAAGA,MAAA,GAAA,CAAG,CAAC,GAAE,SAAU,QAAA,KAAK;KAAGA,MAAA,GAAA,CAAG,CAAC,GAAE,YAAaA,MAAA,QAAA,CAAQ;KAAGA,MAAA,GAAA,CAAG,CAAC,EAAEA,MAAA,IAAA,CAAI;IAAA;IAChF,MAAK;GAEL,CAAA,GAAA,EAAAC,UAAA,IAAA,GAAAC,mBAmBME,UAAA,MAAAC,WAlBW,QAAA,QAAR,SAAI;IADb,OAAAJ,UAAA,GAAAC,mBAmBM,OAAA;KAjBH,KAAK,KAAK,SAAA;KACV,OAAKI,eAAA;MAAYN,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA;MAAkBA,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,KAAK,SAAA,WAAc,MAAA,KAAK;MAAWA,MAAA,GAAA,CAAG,CAAC,GAAE,YAAaA,MAAA,QAAA,KAAY,QAAQ,QAAA,eAAe,IAAI,CAAA,CAAA;;KAKvJ,MAAK;KACJ,gBAAc,KAAK,SAAA,WAAc,MAAA;KACjC,iBAAeA,MAAA,QAAA,KAAY,QAAQ,QAAA,eAAe,IAAI,CAAA;KACvD,UAAS;KACR,UAAK,WAAE,aAAa,IAAI;KACxB,WAAO,CAAgBO,SAAAC,eAAA,WAAA,aAAa,IAAI,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GACjBD,SAAAC,eAAA,WAAA,aAAa,IAAI,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;IAEzC,GAAA,CAAAC,WAEO,KAAA,QAAA,QAAA;KAFkB;KAAO,QAAQ,KAAK,SAAA,WAAc,MAAA;IAA3D,SAEO,CADLC,mBAA8D,QAAA,EAAvD,OAAKJ,eAAEN,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAmB,GAAAW,gBAAA,KAAK,SAAA,MAAQ,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA;GAKzD,CAAA,GAAA,GAAA,EAAA,GAAA,EAAA,MAAAV,UAAA,GAAAC,mBAEWE,UAAA,EAAA,KAAA,EAAA,GAAA,CADNQ,gBAAAD,gBAAA,QAAA,MAAM,MAAM,SAAS,KAAK,SAAA,WAAc,MAAA,KAAK,CAAA,GAAI,SAAA,UAAaX,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/select/select.js

@@ -27,6 +27,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		options: {},
 		valueKey: { default: "value" },
 		labelKey: { default: "label" },
+		text: {},
 		clearable: {
 			type: Boolean,
 			default: true
@@ -73,12 +74,13 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			readonly: false
 		});
 		const currentIndex = shallowRef(-1);
-		/** 内部展示文案，仅由选项推导；通过 update:text 单向通知父级 */
+		/** 内部展示文案，仅由选项推导（未命中时展示 text 兜底）；经 update:text 通知父级 */
 		const label = shallowRef();
 		const selected = shallowRef();
 		const displayedValue = computed(() => {
 			if (label.value) return label.value;
-			return selected.value ? o(selected.value).get(labelKey.value) : String(props.modelValue ?? "");
+			if (selected.value) return o(selected.value).get(labelKey.value);
+			return props.text ?? String(props.modelValue ?? "");
 		});
 		const dropdownRef = shallowRef();
 		const scrollRef = shallowRef();
@@ -127,11 +129,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (!dropdownVisible.value) dropdownRef.value?.open();
 		}
 		const { userAction, isUserActive } = useUserAction();
-		/** 更新内部文案；值变化时单向 emit update:text */
+		/** 更新内部文案；值变化时 emit update:text（readonly 纯展示，不通知父级） */
 		function setLabel(next) {
 			if (label.value === next) return;
 			label.value = next;
-			emit("update:text", next);
+			if (!readonly.value) emit("update:text", next);
 		}
 		/** 按 modelValue 与完整选项列表同步高亮索引、选中项与显示标签（外部回显用，O(n)） */
 		function syncSelected(modelValue, sourceOptions) {
@@ -143,7 +145,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (modelValue !== void 0 && modelValue !== null && modelValue !== "") {
 				currentIndex.value = sourceOptions.findIndex((option) => o(option).get(valueKey.value) === modelValue);
 				selected.value = currentIndex.value >= 0 ? sourceOptions[currentIndex.value] : void 0;
-				setLabel(selected.value ? o(selected.value).get(labelKey.value) : void 0);
+				if (selected.value) setLabel(o(selected.value).get(labelKey.value));
+				else if (props.text) label.value = void 0;
+				else setLabel(void 0);
 			} else {
 				currentIndex.value = -1;
 				selected.value = void 0;