@veltra/desktop 1.2.9 → 1.2.12

package/dist/components/radio/radio.js

@@ -3,10 +3,10 @@ import { useFormFallbackProps } from "@veltra/compositions";
 import { bem, injectFormContext } from "@veltra/utils";
 //#region src/components/radio/radio.vue
 const _hoisted_1 = ["value", "disabled"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Radio",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "URadio",
 	__name: "radio",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		value: {},
 		label: {},
 		disabled: {
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:modelValue"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:modelValue"], ["update:modelValue"]),
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
 		const props = __props;

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

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":[],"sources":["../../../src/components/radio/radio.vue"],"sourcesContent":["<template>\n  <label :class=\"classList\">\n    <!-- radio框 -->\n    <section :class=\"cls.e('button')\">\n      <input\n        type=\"radio\"\n        :class=\"cls.e('native')\"\n        :value=\"value\"\n        v-model=\"model\"\n        :disabled=\"disabled\"\n        hidden\n      />\n\n      <transition name=\"zoom-in\">\n        <span :class=\"cls.e('inner')\" v-if=\"radioChecked\"></span>\n      </transition>\n    </section>\n\n    <span :class=\"cls.e('label')\">\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioProps, RadioEmits } from '../../types'\n\ndefineOptions({ name: 'Radio' })\n\nconst model = defineModel<any>()\n\nconst props = withDefaults(defineProps<RadioProps>(), { disabled: undefined })\n\ndefineEmits<RadioEmits>()\n\nconst cls = bem('radio')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false\n})\n\nconst radioChecked = computed(() => model.value === props.value)\n\nconst classList = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('checked', radioChecked.value)\n  ]\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ,SAAgB,SAAA,YAAC;EAE/B,MAAM,QAAQ;EAId,MAAM,MAAM,IAAI,OAAO;EAEvB,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GACxE,MAAM;GACN,UAAU;EACZ,CAAC;EAED,MAAM,eAAe,eAAe,MAAM,UAAU,MAAM,KAAK;EAE/D,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,WAAW,aAAa,KAAK;GACtC;EACF,CAAC;;uBAzDC,mBAoBQ,SAAA,EApBA,OAAK,eAAE,UAAA,KAAS,EAAA,GAAA;IACtB,mBAAA,UAAA;IACA,mBAaU,WAAA,EAbA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,EAAA,GAAA,CAAA,eACpB,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA;KACZ,OAAO,QAAA;kEACC,MAAK,QAAA;KACb,UAAU,MAAA,QAAA;KACX,QAAA;6CAFS,MAAA,KAAK,CAAA,CAAA,GAKhB,YAEa,YAAA,EAFD,MAAK,UAAS,GAAA;4BACiC,CAArB,aAAA,SAAA,UAAA,GAApC,mBAAyD,QAAA;;MAAlD,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;;;;IAIvB,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA,EAAA,GAAA,CACjB,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"radio.js","names":[],"sources":["../../../src/components/radio/radio.vue"],"sourcesContent":["<template>\n  <label :class=\"classList\">\n    <!-- radio框 -->\n    <section :class=\"cls.e('button')\">\n      <input\n        type=\"radio\"\n        :class=\"cls.e('native')\"\n        :value=\"value\"\n        v-model=\"model\"\n        :disabled=\"disabled\"\n        hidden\n      />\n\n      <transition name=\"zoom-in\">\n        <span :class=\"cls.e('inner')\" v-if=\"radioChecked\"></span>\n      </transition>\n    </section>\n\n    <span :class=\"cls.e('label')\">\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { RadioProps, RadioEmits } from '../../types'\n\ndefineOptions({ name: 'URadio' })\n\nconst model = defineModel<any>()\n\nconst props = withDefaults(defineProps<RadioProps>(), { disabled: undefined })\n\ndefineEmits<RadioEmits>()\n\nconst cls = bem('radio')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false\n})\n\nconst radioChecked = computed(() => model.value === props.value)\n\nconst classList = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('checked', radioChecked.value)\n  ]\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ,SAAgB,SAAA,YAAC;EAE/B,MAAM,QAAQ;EAId,MAAM,MAAM,IAAI,OAAO;EAEvB,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GACxE,MAAM;GACN,UAAU;EACZ,CAAC;EAED,MAAM,eAAe,eAAe,MAAM,UAAU,MAAM,KAAK;EAE/D,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,WAAW,aAAa,KAAK;GACtC;EACF,CAAC;;uBAzDC,mBAoBQ,SAAA,EApBA,OAAK,eAAE,UAAA,KAAS,EAAA,GAAA;IACtB,mBAAA,UAAA;IACA,mBAaU,WAAA,EAbA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA,CAAA,eACpB,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;KACZ,OAAO,QAAA;kEACC,MAAK,QAAA;KACb,UAAU,MAAA,QAAA;KACX,QAAA;6CAFS,MAAA,KAAK,CAAA,CAAA,GAKhB,YAEa,YAAA,EAFD,MAAK,UAAS,GAAA;4BACiC,CAArB,aAAA,SAAA,UAAA,GAApC,mBAAyD,QAAA;;MAAlD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;;;;IAIvB,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,CACjB,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

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

@@ -3,10 +3,10 @@ import { Fragment, createBlock, createElementBlock, createTextVNode, defineCompo
 import { useFormFallbackProps } from "@veltra/compositions";
 import { FORM_EMPTY_CONTENT, bem, injectFormContext } from "@veltra/utils";
 //#region src/components/radio-group/radio-group.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "RadioGroup",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "URadioGroup",
 	__name: "radio-group",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
 		items: {},
 		valueKey: { default: "value" },
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:modelValue", "change"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:modelValue", "change"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const model = useModel(__props, "modelValue");

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

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

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

@@ -14,10 +14,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   "onUpdate:modelValue"?: ((value: any) => any) | undefined;
   onChange?: ((item: Record<string, any>) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -54,9 +54,9 @@ const DEFAULT_TOOLBAR = [
 	"|",
 	"link"
 ];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "rich-text-editor",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
 		format: { default: "html" },
 		toolbar: { default: () => DEFAULT_TOOLBAR },

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.js","names":[],"sources":["../../../src/components/rich-text-editor/rich-text-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <toolbar\n      v-if=\"!isReadonly && toolbarItems.length > 0\"\n      :editor=\"editor\"\n      :toolbar=\"toolbarItems\"\n      :disabled=\"isDisabled\"\n    />\n    <div :class=\"cls.e('content')\">\n      <div\n        ref=\"editorContainer\"\n        :class=\"cls.e('editable')\"\n        :contenteditable=\"!isDisabled && !isReadonly\"\n      ></div>\n      <div v-if=\"showPlaceholder\" :class=\"cls.e('placeholder')\">\n        {{ placeholder }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport type { ToolbarItem } from '../../types'\n\nconst LEXICAL_THEME = {\n  paragraph: 'u-rte-paragraph',\n  heading: {\n    h1: 'u-rte-h1',\n    h2: 'u-rte-h2',\n    h3: 'u-rte-h3',\n    h4: 'u-rte-h4',\n    h5: 'u-rte-h5',\n    h6: 'u-rte-h6'\n  },\n  text: {\n    bold: 'u-rte-bold',\n    italic: 'u-rte-italic',\n    underline: 'u-rte-underline',\n    strikethrough: 'u-rte-strikethrough'\n  },\n  list: {\n    ul: 'u-rte-ul',\n    ol: 'u-rte-ol',\n    listitem: 'u-rte-li',\n    nested: { listitem: 'u-rte-li--nested' }\n  },\n  quote: 'u-rte-blockquote',\n\n  link: 'u-rte-link',\n  image: 'u-rte-image'\n}\n\nconst DEFAULT_TOOLBAR: ToolbarItem[] = [\n  'undo',\n  'redo',\n  '|',\n  'heading',\n  '|',\n  'bold',\n  'italic',\n  'underline',\n  'strikethrough',\n  '|',\n  'bullet-list',\n  'ordered-list',\n  '|',\n  'blockquote',\n  '|',\n  'link'\n]\n</script>\n\n<script lang=\"ts\" setup>\nimport { registerHistory, createEmptyHistoryState } from '@lexical/history'\nimport { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html'\nimport { LinkNode, AutoLinkNode } from '@lexical/link'\nimport { ListNode, ListItemNode, registerList } from '@lexical/list'\nimport { registerRichText } from '@lexical/rich-text'\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { createEditor, $getRoot, $createParagraphNode, type LexicalEditor } from 'lexical'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { RichTextEditorProps } from '../../types'\nimport Toolbar from './toolbar.vue'\n\nconst props = withDefaults(defineProps<RichTextEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  format: 'html',\n  toolbar: () => DEFAULT_TOOLBAR,\n  placeholder: ''\n})\n\nconst model = defineModel<string>()\n\nconst cls = bem('rich-text-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst isDisabled = computed(() => !!disabled.value)\nconst isReadonly = computed(() => !!readonly.value)\n\nconst className = computed<string[]>(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', isDisabled.value),\n    bem.is('readonly', isReadonly.value)\n  ]\n})\n\nconst toolbarItems = computed<ToolbarItem[]>(() => {\n  return props.toolbar ?? DEFAULT_TOOLBAR\n})\n\nconst editorContainer = useTemplateRef('editorContainer')\nconst editor = shallowRef<LexicalEditor | null>(null)\nconst showPlaceholder = ref(true)\nlet isComposing = false\nlet cleanupFns: (() => void)[] = []\n\nfunction initEditor() {\n  if (!editorContainer.value) return\n\n  const editorInstance = createEditor({\n    namespace: 'URichTextEditor',\n    theme: LEXICAL_THEME,\n    nodes: [HeadingNode, QuoteNode, ListNode, ListItemNode, LinkNode, AutoLinkNode],\n    editable: !isDisabled.value && !isReadonly.value,\n    onError: (error: Error) => {\n      console.error('Lexical error:', error)\n    }\n  })\n\n  editorInstance.setRootElement(editorContainer.value)\n\n  // Register plugins\n  cleanupFns.push(registerRichText(editorInstance))\n  cleanupFns.push(registerList(editorInstance))\n  cleanupFns.push(registerHistory(editorInstance, createEmptyHistoryState(), 300))\n\n  // Set initial value\n  if (model.value) {\n    setEditorContent(editorInstance, model.value)\n  }\n\n  // Listen for content changes\n  cleanupFns.push(\n    editorInstance.registerUpdateListener(({ editorState }) => {\n      editorState.read(\n        () => {\n          const root = $getRoot()\n          const textContent = root.getTextContent()\n          showPlaceholder.value = textContent.trim().length === 0\n\n          if (isComposing) return\n\n          let value: string\n          if (props.format === 'json') {\n            value = JSON.stringify(editorState.toJSON())\n          } else {\n            value = $generateHtmlFromNodes(editorInstance)\n          }\n\n          // Avoid circular updates: only emit if content really changed\n          if (value !== model.value) {\n            isComposing = true\n            model.value = value\n            // Use microtask to reset after Vue processes the update\n            queueMicrotask(() => {\n              isComposing = false\n            })\n          }\n        },\n        { 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\n// Watch external model changes\nwatch(model, (newVal) => {\n  if (!editor.value || isComposing) return\n\n  const editorInstance = editor.value\n\n  // Compare current content to avoid circular updates\n  editorInstance.read(() => {\n    let currentValue: string\n    if (props.format === 'json') {\n      currentValue = JSON.stringify(editorInstance.getEditorState().toJSON())\n    } else {\n      currentValue = $generateHtmlFromNodes(editorInstance)\n    }\n\n    if (currentValue !== newVal) {\n      isComposing = true\n      setEditorContent(editorInstance, newVal ?? '')\n      queueMicrotask(() => {\n        isComposing = false\n      })\n    }\n  })\n})\n\n// Watch disabled/readonly changes\nwatch([isDisabled, isReadonly], () => {\n  if (editor.value) {\n    editor.value.setEditable(!isDisabled.value && !isReadonly.value)\n  }\n})\n\nonMounted(() => {\n  initEditor()\n})\n\nonBeforeUnmount(() => {\n  cleanupFns.forEach((fn) => fn())\n  cleanupFns = []\n  editor.value = null\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"rich-text-editor.js","names":[],"sources":["../../../src/components/rich-text-editor/rich-text-editor.vue"],"sourcesContent":["<template>\n  <div :class=\"className\">\n    <toolbar\n      v-if=\"!isReadonly && toolbarItems.length > 0\"\n      :editor=\"editor\"\n      :toolbar=\"toolbarItems\"\n      :disabled=\"isDisabled\"\n    />\n    <div :class=\"cls.e('content')\">\n      <div\n        ref=\"editorContainer\"\n        :class=\"cls.e('editable')\"\n        :contenteditable=\"!isDisabled && !isReadonly\"\n      ></div>\n      <div v-if=\"showPlaceholder\" :class=\"cls.e('placeholder')\">\n        {{ placeholder }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport type { ToolbarItem } from '../../types'\n\nconst LEXICAL_THEME = {\n  paragraph: 'u-rte-paragraph',\n  heading: {\n    h1: 'u-rte-h1',\n    h2: 'u-rte-h2',\n    h3: 'u-rte-h3',\n    h4: 'u-rte-h4',\n    h5: 'u-rte-h5',\n    h6: 'u-rte-h6'\n  },\n  text: {\n    bold: 'u-rte-bold',\n    italic: 'u-rte-italic',\n    underline: 'u-rte-underline',\n    strikethrough: 'u-rte-strikethrough'\n  },\n  list: {\n    ul: 'u-rte-ul',\n    ol: 'u-rte-ol',\n    listitem: 'u-rte-li',\n    nested: { listitem: 'u-rte-li--nested' }\n  },\n  quote: 'u-rte-blockquote',\n\n  link: 'u-rte-link',\n  image: 'u-rte-image'\n}\n\nconst DEFAULT_TOOLBAR: ToolbarItem[] = [\n  'undo',\n  'redo',\n  '|',\n  'heading',\n  '|',\n  'bold',\n  'italic',\n  'underline',\n  'strikethrough',\n  '|',\n  'bullet-list',\n  'ordered-list',\n  '|',\n  'blockquote',\n  '|',\n  'link'\n]\n</script>\n\n<script lang=\"ts\" setup>\nimport { registerHistory, createEmptyHistoryState } from '@lexical/history'\nimport { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html'\nimport { LinkNode, AutoLinkNode } from '@lexical/link'\nimport { ListNode, ListItemNode, registerList } from '@lexical/list'\nimport { registerRichText } from '@lexical/rich-text'\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { createEditor, $getRoot, $createParagraphNode, type LexicalEditor } from 'lexical'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { RichTextEditorProps } from '../../types'\nimport Toolbar from './toolbar.vue'\n\nconst props = withDefaults(defineProps<RichTextEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  format: 'html',\n  toolbar: () => DEFAULT_TOOLBAR,\n  placeholder: ''\n})\n\nconst model = defineModel<string>()\n\nconst cls = bem('rich-text-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst isDisabled = computed(() => !!disabled.value)\nconst isReadonly = computed(() => !!readonly.value)\n\nconst className = computed<string[]>(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', isDisabled.value),\n    bem.is('readonly', isReadonly.value)\n  ]\n})\n\nconst toolbarItems = computed<ToolbarItem[]>(() => {\n  return props.toolbar ?? DEFAULT_TOOLBAR\n})\n\nconst editorContainer = useTemplateRef('editorContainer')\nconst editor = shallowRef<LexicalEditor | null>(null)\nconst showPlaceholder = ref(true)\nlet isComposing = false\nlet cleanupFns: (() => void)[] = []\n\nfunction initEditor() {\n  if (!editorContainer.value) return\n\n  const editorInstance = createEditor({\n    namespace: 'URichTextEditor',\n    theme: LEXICAL_THEME,\n    nodes: [HeadingNode, QuoteNode, ListNode, ListItemNode, LinkNode, AutoLinkNode],\n    editable: !isDisabled.value && !isReadonly.value,\n    onError: (error: Error) => {\n      console.error('Lexical error:', error)\n    }\n  })\n\n  editorInstance.setRootElement(editorContainer.value)\n\n  // Register plugins\n  cleanupFns.push(registerRichText(editorInstance))\n  cleanupFns.push(registerList(editorInstance))\n  cleanupFns.push(registerHistory(editorInstance, createEmptyHistoryState(), 300))\n\n  // Set initial value\n  if (model.value) {\n    setEditorContent(editorInstance, model.value)\n  }\n\n  // Listen for content changes\n  cleanupFns.push(\n    editorInstance.registerUpdateListener(({ editorState }) => {\n      editorState.read(\n        () => {\n          const root = $getRoot()\n          const textContent = root.getTextContent()\n          showPlaceholder.value = textContent.trim().length === 0\n\n          if (isComposing) return\n\n          let value: string\n          if (props.format === 'json') {\n            value = JSON.stringify(editorState.toJSON())\n          } else {\n            value = $generateHtmlFromNodes(editorInstance)\n          }\n\n          // Avoid circular updates: only emit if content really changed\n          if (value !== model.value) {\n            isComposing = true\n            model.value = value\n            // Use microtask to reset after Vue processes the update\n            queueMicrotask(() => {\n              isComposing = false\n            })\n          }\n        },\n        { 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\n// Watch external model changes\nwatch(model, (newVal) => {\n  if (!editor.value || isComposing) return\n\n  const editorInstance = editor.value\n\n  // Compare current content to avoid circular updates\n  editorInstance.read(() => {\n    let currentValue: string\n    if (props.format === 'json') {\n      currentValue = JSON.stringify(editorInstance.getEditorState().toJSON())\n    } else {\n      currentValue = $generateHtmlFromNodes(editorInstance)\n    }\n\n    if (currentValue !== newVal) {\n      isComposing = true\n      setEditorContent(editorInstance, newVal ?? '')\n      queueMicrotask(() => {\n        isComposing = false\n      })\n    }\n  })\n})\n\n// Watch disabled/readonly changes\nwatch([isDisabled, isReadonly], () => {\n  if (editor.value) {\n    editor.value.setEditable(!isDisabled.value && !isReadonly.value)\n  }\n})\n\nonMounted(() => {\n  initEditor()\n})\n\nonBeforeUnmount(() => {\n  cleanupFns.forEach((fn) => fn())\n  cleanupFns = []\n  editor.value = null\n})\n</script>\n"],"mappings":"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"}

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

@@ -10,9 +10,9 @@ declare const __VLS_export: import("vue").DefineComponent<RichTextEditorProps &
 }> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   placeholder: string;
+  disabled: boolean;
+  readonly: boolean;
   format: RichTextFormat;
   toolbar: ToolbarItem[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -14,7 +14,7 @@ const _hoisted_2 = [
 	"onClick"
 ];
 const _hoisted_3 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "toolbar",
 	props: {
 		editor: {},

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

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

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

@@ -3,8 +3,8 @@ import { computed, createElementBlock, defineComponent, inject, normalizeClass,
 import { useDrag } from "@veltra/compositions";
 import { bem } from "@veltra/utils";
 //#region src/components/scroll/scroll-bar.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "ScrollBar",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UScrollBar",
 	__name: "scroll-bar",
 	props: { type: {} },
 	emits: ["drag"],

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

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

package/dist/components/scroll/scroll.js

@@ -6,8 +6,8 @@ import { bem, withUnit } from "@veltra/utils";
 import { debounce } from "@cat-kit/core";
 //#region src/components/scroll/scroll.vue
 const minSize = 20;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Scroll",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UScroll",
 	__name: "scroll",
 	props: {
 		tag: { default: "div" },

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: 'Scroll' })\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;;uBAzKlB,mBAmBM,OAAA;IAnBA,OAAK,eAAE,UAAA,KAAS;IAAG,OAAK,eAAE,MAAA,KAAK;aAAM;IAAJ,KAAI;;IACzC,mBAcM,OAAA;cAbA;KAAJ,KAAI;KACH,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,EAAC,WAAA,GAAe,QAAA,cAAc,CAAA;sBAC1B;KAChB,OAAK,eAAE,QAAA,cAAc;sBAEtB,YAOY,wBAHL,QAAA,GAAG,GAAA;cAHJ;KAAJ,KAAI;KACH,OAAK,eAAE,QAAA,YAAY;KACnB,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,EAAC,SAAA,GAAa,QAAA,YAAY,CAAA;;4BAG/B,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;IAIZ,YAAgF,aAAA;KAAlE,MAAK;KAAK,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;KAAY,QAAM,MAAA,WAAA;cAAiB;KAAJ,KAAI;;IACvE,YAAgF,aAAA;KAAlE,MAAK;KAAK,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;KAAY,QAAM,MAAA,WAAA;cAAiB;KAAJ,KAAI"}
+{"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":"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"}

package/dist/components/select/select.js

@@ -18,10 +18,10 @@ const _hoisted_2 = [
 	"data-index",
 	"title"
 ];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Select",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USelect",
 	__name: "select",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
 		text: {},
 		options: {},
@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		"text": {},
 		"textModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"update:label",
 		"update:modelValue",
 		"change"

package/dist/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["$slots"],"sources":["../../../src/components/select/select.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    trigger=\"click\"\n    :class=\"[cls.b, bem.is('disabled', disabled)]\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size), contentClass]\"\n    :content-style=\"contentStyle\"\n    :disabled=\"disabled\"\n    :min-width=\"minWidth\"\n    :width=\"width\"\n    @keydown=\"handleKeydown\"\n    @update:visible=\"handleDropdownVisible\"\n  >\n    <!-- 触发 -->\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        :model-value=\"displayedValue\"\n        @clear=\"handleClear\"\n        @keydown=\"handleKeydown\"\n        native-readonly\n      >\n        <template #prefix v-if=\"$slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n\n        <template #suffix>\n          <u-icon :class=\"cls.e('arrow')\">\n            <ArrowDown />\n          </u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <!-- 下拉内容 -->\n    <template #content>\n      <!-- 过滤器 -->\n      <div v-if=\"filterable\" :class=\"cls.e('content-filter')\">\n        <u-input placeholder=\"输入关键字进行搜索\" tabindex=\"0\" v-focus v-model=\"queryString\">\n          <template #suffix>\n            <u-icon>\n              <Search />\n            </u-icon>\n          </template>\n        </u-input>\n      </div>\n\n      <!--\n        单选列表。虚拟化启用时，内容容器 height 由 useVirtualizer 命令式写入；\n        此处 content-style 仅承担 grid 相关样式，避免 height 变化触发模板重渲染。\n      -->\n      <u-scroll\n        v-if=\"options.length\"\n        tag=\"ul\"\n        :class=\"cls.e('options')\"\n        ref=\"scrollRef\"\n        :content-class=\"[\n          cls.e('options-wrap'),\n          bem.is('virtual', virtualEnabled),\n          bem.is('grid', !!grid)\n        ]\"\n        :content-style=\"{\n          gridTemplateColumns: grid ? `repeat(${grid.cols}, minmax(0px, 1fr))` : undefined,\n          gridGap: grid ? withUnit(grid.gap, 'px') : undefined\n        }\"\n      >\n        <template v-if=\"virtualEnabled\">\n          <!-- @vue-ignore -->\n          <li\n            v-for=\"{ option, index, val, label, key, offset } of virtualOptions\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :key=\"key\"\n            :style=\"{ transform: `translateY(${offset}px)` }\"\n            :data-index=\"index\"\n            :ref=\"(el) => measureElement(index, el as Element | null)\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ label }}\n            </slot>\n          </li>\n        </template>\n\n        <template v-else>\n          <li\n            v-for=\"(option, index) of options\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :data-index=\"index\"\n            :title=\"o(option).get(labelKey)\"\n            :key=\"o(option).get(valueKey)\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ o(option).get(labelKey) }}\n            </slot>\n          </li>\n        </template>\n      </u-scroll>\n\n      <div v-else :class=\"cls.e('empty')\">\n        <UEmpty />\n      </div>\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedValue || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { useFormFallbackProps, useVirtualizer } from '@veltra/compositions'\nimport { vFocus } from '@veltra/directives'\nimport { ArrowDown, Search } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT, scrollIntoContainerView, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, watch } from 'vue'\n\nimport type {\n  SelectEmits,\n  SelectProps,\n  _SelectExposed,\n  DropdownExposed,\n  ScrollExposed\n} from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useOptions } from './use-options'\n\ndefineOptions({ name: 'Select' })\n\nconst props = withDefaults(defineProps<SelectProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<SelectEmits>()\n\ndefineSlots<{\n  /** 前缀插槽 */\n  prefix?: () => any\n  /** 默认插槽 */\n  default?: (scope: { option: Record<string, any>; index: number }) => any\n}>()\n\nconst cls = bem('select')\n\nconst optionClass = cls.e('option')\n\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst currentIndex = shallowRef(-1)\nconst label = defineModel('text')\nconst selected = shallowRef<Record<string, any>>()\n\nconst displayedValue = computed(() => {\n  if (label.value) return label.value\n\n  return selected.value ? o(selected.value).get(props.labelKey) : String(props.modelValue ?? '')\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\nconst scrollRef = shallowRef<ScrollExposed>()\n\nconst filterable = computed(() => {\n  return props.filterable || typeof props.options === 'function'\n})\n\nconst { queryString, options, temOptionsToCreatedOptions, clearCreatedOptions } = useOptions({\n  props\n})\n\n// TODO: 优化\nlet userSelecting = false\nfunction lock() {\n  userSelecting = true\n}\n\nfunction unlock() {\n  nextTick(() => {\n    userSelecting = false\n  })\n}\n\n// 回显\nwatch(\n  [() => props.modelValue, options],\n  ([modelValue, options]) => {\n    if (userSelecting) return\n\n    if (!options?.length) return\n\n    const { valueKey, labelKey } = props\n\n    if (modelValue !== undefined && modelValue !== null && modelValue !== '') {\n      currentIndex.value = options.findIndex((option) => o(option).get(valueKey) === modelValue)\n      selected.value = currentIndex.value >= 0 ? options[currentIndex.value] : undefined\n      label.value = selected.value ? o(selected.value).get(labelKey) : undefined\n    } else {\n      currentIndex.value = -1\n      selected.value = undefined\n      label.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst baseVirtualEnabled = computed(() => options.value.length > 80)\nconst virtualEnabled = computed(() => baseVirtualEnabled.value && !props.grid)\n\nconst { virtualizer, items } = useVirtualizer({\n  count: computed(() => options.value.length),\n  scrollEl: () => scrollRef.value?.containerRef ?? null,\n  contentEl: () => (virtualEnabled.value ? (scrollRef.value?.contentRef ?? null) : null),\n  gap: 4,\n  estimateSize: () => 40\n})\n\nconst virtualOptions = computed(() => {\n  const _options = options.value\n  const { labelKey, valueKey } = props\n  return items.value.map((item) => {\n    const option = _options[item.index]!\n    return {\n      option,\n      index: item.index,\n      label: o(option).get(labelKey),\n      val: o(option).get(valueKey),\n      key: item.index,\n      offset: item.start\n    }\n  })\n})\n\nconst measureElement: (index: number, el: Element | null) => void = (index, el) =>\n  virtualizer.measureElement(index, el)\n\nfunction scrollTo(index: number): void {\n  virtualizer.scrollToIndex(index, { align: 'center' })\n}\n\nwatch([scrollRef, virtualEnabled], ([scroll, virtualEnabled]) => {\n  if (!scroll || !props.modelValue) return\n\n  if (virtualEnabled) {\n    const index = options.value.findIndex((option) => option === selected.value)\n    index !== -1 && dropdownVisible.value && nextTick(() => scrollTo(index))\n  } else {\n    const selectedEl = scroll?.contentRef?.getElementsByClassName('is-selected')[0]\n    if (selectedEl) {\n      scrollIntoContainerView(selectedEl as HTMLElement, scroll.containerRef ?? null)\n    }\n  }\n})\n\nconst dropdownVisible = shallowRef(false)\n\nwatch(dropdownVisible, (v) => {\n  if (!v) {\n    queryString.value = ''\n  }\n})\n\nconst handleDropdownVisible = (visible: boolean) => {\n  if (!visible) {\n    queryString.value = ''\n  }\n}\n\n/** 单选 */\nconst handleSelect = (option: Record<string, any>, index: number) => {\n  lock()\n  selected.value = option\n\n  emit('update:modelValue', option?.[props.valueKey])\n  label.value = option?.[props.labelKey]\n  emit('change', option)\n  if (option.__isTemp) {\n    temOptionsToCreatedOptions()\n  }\n  currentIndex.value = index\n  dropdownRef.value?.close()\n\n  unlock()\n}\n\n/** 清除选项 */\nconst handleClear = () => {\n  lock()\n  selected.value = undefined\n  clearCreatedOptions()\n  emit('update:modelValue', undefined)\n  emit('change', undefined)\n  unlock()\n}\n\nfunction getCurrentEl() {\n  return scrollRef.value?.contentRef?.querySelector('li.is-selected') as HTMLElement | undefined\n}\n\nconst { handleKeydown } = useKeyboard({\n  options,\n  currentIndex,\n  selectOption: handleSelect,\n  getCurrentEl\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6IA,MAAM,QAAQ;EASd,MAAM,OAAO;EASb,MAAM,MAAM,IAAI,QAAQ;EAExB,MAAM,cAAc,IAAI,EAAE,QAAQ;EAElC,MAAM,EAAE,cAAc,kBAAkB;EACxC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,eAAe,WAAW,EAAE;EAClC,MAAM,QAAQ,SAAW,SAAC,MAAM;EAChC,MAAM,WAAW,WAAgC;EAEjD,MAAM,iBAAiB,eAAe;GACpC,IAAI,MAAM,OAAO,OAAO,MAAM;GAE9B,OAAO,SAAS,QAAQ,EAAE,SAAS,KAAK,EAAE,IAAI,MAAM,QAAQ,IAAI,OAAO,MAAM,cAAc,EAAE;EAC/F,CAAC;EAED,MAAM,cAAc,WAA4B;EAChD,MAAM,YAAY,WAA0B;EAE5C,MAAM,aAAa,eAAe;GAChC,OAAO,MAAM,cAAc,OAAO,MAAM,YAAY;EACtD,CAAC;EAED,MAAM,EAAE,aAAa,SAAS,4BAA4B,wBAAwB,WAAW,EAC3F,MACF,CAAC;EAGD,IAAI,gBAAgB;EACpB,SAAS,OAAO;GACd,gBAAgB;EAClB;EAEA,SAAS,SAAS;GAChB,eAAe;IACb,gBAAgB;GAClB,CAAC;EACH;EAGA,MACE,OAAO,MAAM,YAAY,OAAO,IAC/B,CAAC,YAAY,aAAa;GACzB,IAAI,eAAe;GAEnB,IAAI,CAAC,SAAS,QAAQ;GAEtB,MAAM,EAAE,UAAU,aAAa;GAE/B,IAAI,eAAe,KAAA,KAAa,eAAe,QAAQ,eAAe,IAAI;IACxE,aAAa,QAAQ,QAAQ,WAAW,WAAW,EAAE,MAAM,EAAE,IAAI,QAAQ,MAAM,UAAU;IACzF,SAAS,QAAQ,aAAa,SAAS,IAAI,QAAQ,aAAa,SAAS,KAAA;IACzE,MAAM,QAAQ,SAAS,QAAQ,EAAE,SAAS,KAAK,EAAE,IAAI,QAAQ,IAAI,KAAA;GACnE,OAAO;IACL,aAAa,QAAQ;IACrB,SAAS,QAAQ,KAAA;IACjB,MAAM,QAAQ,KAAA;GAChB;EACF,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,qBAAqB,eAAe,QAAQ,MAAM,SAAS,EAAE;EACnE,MAAM,iBAAiB,eAAe,mBAAmB,SAAS,CAAC,MAAM,IAAI;EAE7E,MAAM,EAAE,aAAa,UAAU,eAAe;GAC5C,OAAO,eAAe,QAAQ,MAAM,MAAM;GAC1C,gBAAgB,UAAU,OAAO,gBAAgB;GACjD,iBAAkB,eAAe,QAAS,UAAU,OAAO,cAAc,OAAQ;GACjF,KAAK;GACL,oBAAoB;EACtB,CAAC;EAED,MAAM,iBAAiB,eAAe;GACpC,MAAM,WAAW,QAAQ;GACzB,MAAM,EAAE,UAAU,aAAa;GAC/B,OAAO,MAAM,MAAM,KAAK,SAAS;IAC/B,MAAM,SAAS,SAAS,KAAK;IAC7B,OAAO;KACL;KACA,OAAO,KAAK;KACZ,OAAO,EAAE,MAAM,EAAE,IAAI,QAAQ;KAC7B,KAAK,EAAE,MAAM,EAAE,IAAI,QAAQ;KAC3B,KAAK,KAAK;KACV,QAAQ,KAAK;IACf;GACF,CAAC;EACH,CAAC;EAED,MAAM,kBAA+D,OAAO,OAC1E,YAAY,eAAe,OAAO,EAAE;EAEtC,SAAS,SAAS,OAAqB;GACrC,YAAY,cAAc,OAAO,EAAE,OAAO,SAAS,CAAC;EACtD;EAEA,MAAM,CAAC,WAAW,cAAc,IAAI,CAAC,QAAQ,oBAAoB;GAC/D,IAAI,CAAC,UAAU,CAAC,MAAM,YAAY;GAElC,IAAI,gBAAgB;IAClB,MAAM,QAAQ,QAAQ,MAAM,WAAW,WAAW,WAAW,SAAS,KAAK;IAC3E,UAAU,MAAM,gBAAgB,SAAS,eAAe,SAAS,KAAK,CAAC;GACzE,OAAO;IACL,MAAM,aAAa,QAAQ,YAAY,uBAAuB,aAAa,EAAE;IAC7E,IAAI,YACF,wBAAwB,YAA2B,OAAO,gBAAgB,IAAI;GAElF;EACF,CAAC;EAED,MAAM,kBAAkB,WAAW,KAAK;EAExC,MAAM,kBAAkB,MAAM;GAC5B,IAAI,CAAC,GACH,YAAY,QAAQ;EAExB,CAAC;EAED,MAAM,yBAAyB,YAAqB;GAClD,IAAI,CAAC,SACH,YAAY,QAAQ;EAExB;;EAGA,MAAM,gBAAgB,QAA6B,UAAkB;GACnE,KAAK;GACL,SAAS,QAAQ;GAEjB,KAAK,qBAAqB,SAAS,MAAM,SAAS;GAClD,MAAM,QAAQ,SAAS,MAAM;GAC7B,KAAK,UAAU,MAAM;GACrB,IAAI,OAAO,UACT,2BAA2B;GAE7B,aAAa,QAAQ;GACrB,YAAY,OAAO,MAAM;GAEzB,OAAO;EACT;;EAGA,MAAM,oBAAoB;GACxB,KAAK;GACL,SAAS,QAAQ,KAAA;GACjB,oBAAoB;GACpB,KAAK,qBAAqB,KAAA,CAAS;GACnC,KAAK,UAAU,KAAA,CAAS;GACxB,OAAO;EACT;EAEA,SAAS,eAAe;GACtB,OAAO,UAAU,OAAO,YAAY,cAAc,gBAAgB;EACpE;EAEA,MAAM,EAAE,kBAAkB,YAAY;GACpC;GACA;GACA,cAAc;GACd;EACF,CAAC;;WAlUU,MAAA,QAAA,KAAA,UAAA,GADT,YA2Ga,MAAA,WAAA,GAAA;;IAzGX,SAAQ;IACP,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,GAAG,MAAA,GAAA,EAAI,GAAE,YAAa,MAAA,QAAA,CAAQ,CAAA,CAAA;aACvC;IAAJ,KAAI;IACI,SAAS,gBAAA;+DAAA,gBAAe,QAAA,SAOf,qBAAA;IANhB,iBAAa;KAAG,MAAA,GAAA,EAAI,EAAC,OAAA;KAAW,MAAA,GAAA,EAAI,GAAE,SAAU,MAAA,IAAA,CAAI;KAAG,QAAA;IAAY;IACnE,iBAAe,QAAA;IACf,UAAU,MAAA,QAAA;IACV,aAAW,QAAA;IACX,OAAO,QAAA;IACP,WAAS,MAAA,aAAA;;IAIC,SAAO,cAoBN,CAnBV,YAmBU,MAAA,aAAA,GAAA;KAlBP,MAAM,MAAA,IAAA;KACN,UAAU,MAAA,QAAA;KACV,aAAa,QAAA;KACb,WAAW,QAAA;KACX,eAAa,eAAA;KACb,SAAO;KACP,WAAS,MAAA,aAAA;KACV,mBAAA;;KAMW,QAAM,cAGN,CAFT,YAES,MAAA,WAAA,GAAA,EAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA,EAAA,GAAA;6BACN,CAAb,YAAa,MAAA,SAAA,CAAA,CAAA,CAAA;;;;QANOA,KAAAA,OAAO,SAAA;WAApB;uBACa,CAAtB,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA;;;;;;;;;;IAYjB,SAAO,cACJ;KAAZ,mBAAA,OAAA;KACW,WAAA,SAAA,UAAA,GAAX,mBAQM,OAAA;;MARkB,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,gBAAA,CAAA;sCAClC,YAMU,MAAA,aAAA,GAAA;MAND,aAAY;MAAY,UAAS;kBAAqB,MAAA,WAAA;wFAAA,YAAW,QAAA,SAAA;;MAC7D,QAAM,cAGN,CAFT,YAES,MAAA,WAAA,GAAA,MAAA;8BADG,CAAV,YAAU,MAAA,MAAA,CAAA,CAAA,CAAA;;;;;KAMlB,mBAAA,gIAAA;KAKQ,MAAA,OAAA,EAAQ,UAAA,UAAA,GADhB,YA8CW,MAAA,WAAA,GAAA;;MA5CT,KAAI;MACH,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,SAAA,CAAA;eACT;MAAJ,KAAI;MACH,iBAAa;OAAc,MAAA,GAAA,EAAI,EAAC,cAAA;OAA4B,MAAA,GAAA,EAAI,GAAE,WAAY,eAAA,KAAc;OAAa,MAAA,GAAA,EAAI,GAAE,QAAA,CAAA,CAAW,QAAA,IAAI;;MAK9H,iBAAa;4BAAmC,QAAA,OAAI,UAAa,QAAA,KAAK,KAAI,uBAAwB,KAAA;gBAA8B,QAAA,OAAO,MAAA,QAAA,EAAS,QAAA,KAAK,KAAG,IAAA,IAAU,KAAA;;;6BAoBxJ,CAfK,eAAA,SAAA,UAAA,GAAhB,mBAeW,UAAA,EAAA,KAAA,EAAA,GAAA,CAdT,mBAAA,eAAA,IAAA,UAAA,IAAA,GACA,mBAYK,UAAA,MAAA,WAXkD,eAAA,QAAc,EAA1D,QAAQ,OAAO,KAAK,OAAO,KAAK,aAAM;2BADjD,mBAYK,MAAA;QAVF,OAAK,eAAA,CAAG,MAAA,WAAA,GAAa,MAAA,GAAA,EAAI,GAAE,YAAa,UAAU,aAAA,KAAY,CAAA,CAAA;QAC9D,UAAK,WAAE,aAAa,QAAQ,KAAK;QAC5B;QACL,OAAK,eAAA,EAAA,WAAA,cAA6B,OAAM,KAAA,CAAA;QACxC,cAAY;;QACZ,MAAM,OAAO,eAAe,OAAO,EAAE;WAEtC,WAEO,KAAA,QAAA,WAFP,WAEO,EAAA,SAAA,KAAA,GAAA;QAFS;QAAQ;OAAK,CAAA,SAEtB,CAAA,gBAAA,gBADF,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA;2CAMZ,mBAWK,UAAA,EAAA,KAAA,EAAA,GAAA,WAVuB,MAAA,OAAA,IAAlB,QAAQ,UAAK;2BADvB,mBAWK,MAAA;QATF,OAAK,eAAA,CAAG,MAAA,WAAA,GAAa,MAAA,GAAA,EAAI,GAAE,YAAa,UAAU,aAAA,KAAY,CAAA,CAAA;QAC9D,UAAK,WAAE,aAAa,QAAQ,KAAK;QACjC,cAAY;QACZ,OAAO,MAAA,CAAA,EAAE,MAAM,EAAE,IAAI,QAAA,QAAQ;QAC7B,KAAK,MAAA,CAAA,EAAE,MAAM,EAAE,IAAI,QAAA,QAAQ;WAE5B,WAEO,KAAA,QAAA,WAFP,WAEO,EAAA,SAAA,KAAA,GAAA;QAFS;QAAQ;OAAK,CAAA,SAEtB,CAAA,gBAAA,gBADF,MAAA,CAAA,EAAE,MAAM,EAAE,IAAI,QAAA,QAAQ,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;;;;;;yBAMjC,mBAEM,OAAA;;MAFO,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;SACvB,YAAU,MAAA,WAAA,CAAA,CAAA,GAAA,CAAA;;;;;;;;;;;;uBAKhB,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADN,eAAA,SAAkB,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"select.js","names":["$slots"],"sources":["../../../src/components/select/select.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    trigger=\"click\"\n    :class=\"[cls.b, bem.is('disabled', disabled)]\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size), contentClass]\"\n    :content-style=\"contentStyle\"\n    :disabled=\"disabled\"\n    :min-width=\"minWidth\"\n    :width=\"width\"\n    @keydown=\"handleKeydown\"\n    @update:visible=\"handleDropdownVisible\"\n  >\n    <!-- 触发 -->\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        :model-value=\"displayedValue\"\n        @clear=\"handleClear\"\n        @keydown=\"handleKeydown\"\n        native-readonly\n      >\n        <template #prefix v-if=\"$slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n\n        <template #suffix>\n          <u-icon :class=\"cls.e('arrow')\">\n            <ArrowDown />\n          </u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <!-- 下拉内容 -->\n    <template #content>\n      <!-- 过滤器 -->\n      <div v-if=\"filterable\" :class=\"cls.e('content-filter')\">\n        <u-input placeholder=\"输入关键字进行搜索\" tabindex=\"0\" v-focus v-model=\"queryString\">\n          <template #suffix>\n            <u-icon>\n              <Search />\n            </u-icon>\n          </template>\n        </u-input>\n      </div>\n\n      <!--\n        单选列表。虚拟化启用时，内容容器 height 由 useVirtualizer 命令式写入；\n        此处 content-style 仅承担 grid 相关样式，避免 height 变化触发模板重渲染。\n      -->\n      <u-scroll\n        v-if=\"options.length\"\n        tag=\"ul\"\n        :class=\"cls.e('options')\"\n        ref=\"scrollRef\"\n        :content-class=\"[\n          cls.e('options-wrap'),\n          bem.is('virtual', virtualEnabled),\n          bem.is('grid', !!grid)\n        ]\"\n        :content-style=\"{\n          gridTemplateColumns: grid ? `repeat(${grid.cols}, minmax(0px, 1fr))` : undefined,\n          gridGap: grid ? withUnit(grid.gap, 'px') : undefined\n        }\"\n      >\n        <template v-if=\"virtualEnabled\">\n          <!-- @vue-ignore -->\n          <li\n            v-for=\"{ option, index, val, label, key, offset } of virtualOptions\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :key=\"key\"\n            :style=\"{ transform: `translateY(${offset}px)` }\"\n            :data-index=\"index\"\n            :ref=\"(el) => measureElement(index, el as Element | null)\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ label }}\n            </slot>\n          </li>\n        </template>\n\n        <template v-else>\n          <li\n            v-for=\"(option, index) of options\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :data-index=\"index\"\n            :title=\"o(option).get(labelKey)\"\n            :key=\"o(option).get(valueKey)\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ o(option).get(labelKey) }}\n            </slot>\n          </li>\n        </template>\n      </u-scroll>\n\n      <div v-else :class=\"cls.e('empty')\">\n        <UEmpty />\n      </div>\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedValue || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { useFormFallbackProps, useVirtualizer } from '@veltra/compositions'\nimport { vFocus } from '@veltra/directives'\nimport { ArrowDown, Search } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT, scrollIntoContainerView, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, watch } from 'vue'\n\nimport type {\n  SelectEmits,\n  SelectProps,\n  _SelectExposed,\n  DropdownExposed,\n  ScrollExposed\n} from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useOptions } from './use-options'\n\ndefineOptions({ name: 'USelect' })\n\nconst props = withDefaults(defineProps<SelectProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<SelectEmits>()\n\ndefineSlots<{\n  /** 前缀插槽 */\n  prefix?: () => any\n  /** 默认插槽 */\n  default?: (scope: { option: Record<string, any>; index: number }) => any\n}>()\n\nconst cls = bem('select')\n\nconst optionClass = cls.e('option')\n\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst currentIndex = shallowRef(-1)\nconst label = defineModel('text')\nconst selected = shallowRef<Record<string, any>>()\n\nconst displayedValue = computed(() => {\n  if (label.value) return label.value\n\n  return selected.value ? o(selected.value).get(props.labelKey) : String(props.modelValue ?? '')\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\nconst scrollRef = shallowRef<ScrollExposed>()\n\nconst filterable = computed(() => {\n  return props.filterable || typeof props.options === 'function'\n})\n\nconst { queryString, options, temOptionsToCreatedOptions, clearCreatedOptions } = useOptions({\n  props\n})\n\n// TODO: 优化\nlet userSelecting = false\nfunction lock() {\n  userSelecting = true\n}\n\nfunction unlock() {\n  nextTick(() => {\n    userSelecting = false\n  })\n}\n\n// 回显\nwatch(\n  [() => props.modelValue, options],\n  ([modelValue, options]) => {\n    if (userSelecting) return\n\n    if (!options?.length) return\n\n    const { valueKey, labelKey } = props\n\n    if (modelValue !== undefined && modelValue !== null && modelValue !== '') {\n      currentIndex.value = options.findIndex((option) => o(option).get(valueKey) === modelValue)\n      selected.value = currentIndex.value >= 0 ? options[currentIndex.value] : undefined\n      label.value = selected.value ? o(selected.value).get(labelKey) : undefined\n    } else {\n      currentIndex.value = -1\n      selected.value = undefined\n      label.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst baseVirtualEnabled = computed(() => options.value.length > 80)\nconst virtualEnabled = computed(() => baseVirtualEnabled.value && !props.grid)\n\nconst { virtualizer, items } = useVirtualizer({\n  count: computed(() => options.value.length),\n  scrollEl: () => scrollRef.value?.containerRef ?? null,\n  contentEl: () => (virtualEnabled.value ? (scrollRef.value?.contentRef ?? null) : null),\n  gap: 4,\n  estimateSize: () => 40\n})\n\nconst virtualOptions = computed(() => {\n  const _options = options.value\n  const { labelKey, valueKey } = props\n  return items.value.map((item) => {\n    const option = _options[item.index]!\n    return {\n      option,\n      index: item.index,\n      label: o(option).get(labelKey),\n      val: o(option).get(valueKey),\n      key: item.index,\n      offset: item.start\n    }\n  })\n})\n\nconst measureElement: (index: number, el: Element | null) => void = (index, el) =>\n  virtualizer.measureElement(index, el)\n\nfunction scrollTo(index: number): void {\n  virtualizer.scrollToIndex(index, { align: 'center' })\n}\n\nwatch([scrollRef, virtualEnabled], ([scroll, virtualEnabled]) => {\n  if (!scroll || !props.modelValue) return\n\n  if (virtualEnabled) {\n    const index = options.value.findIndex((option) => option === selected.value)\n    index !== -1 && dropdownVisible.value && nextTick(() => scrollTo(index))\n  } else {\n    const selectedEl = scroll?.contentRef?.getElementsByClassName('is-selected')[0]\n    if (selectedEl) {\n      scrollIntoContainerView(selectedEl as HTMLElement, scroll.containerRef ?? null)\n    }\n  }\n})\n\nconst dropdownVisible = shallowRef(false)\n\nwatch(dropdownVisible, (v) => {\n  if (!v) {\n    queryString.value = ''\n  }\n})\n\nconst handleDropdownVisible = (visible: boolean) => {\n  if (!visible) {\n    queryString.value = ''\n  }\n}\n\n/** 单选 */\nconst handleSelect = (option: Record<string, any>, index: number) => {\n  lock()\n  selected.value = option\n\n  emit('update:modelValue', option?.[props.valueKey])\n  label.value = option?.[props.labelKey]\n  emit('change', option)\n  if (option.__isTemp) {\n    temOptionsToCreatedOptions()\n  }\n  currentIndex.value = index\n  dropdownRef.value?.close()\n\n  unlock()\n}\n\n/** 清除选项 */\nconst handleClear = () => {\n  lock()\n  selected.value = undefined\n  clearCreatedOptions()\n  emit('update:modelValue', undefined)\n  emit('change', undefined)\n  unlock()\n}\n\nfunction getCurrentEl() {\n  return scrollRef.value?.contentRef?.querySelector('li.is-selected') as HTMLElement | undefined\n}\n\nconst { handleKeydown } = useKeyboard({\n  options,\n  currentIndex,\n  selectOption: handleSelect,\n  getCurrentEl\n})\n</script>\n"],"mappings":"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"}

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

@@ -24,12 +24,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:text"?: ((value: any) => any) | undefined;
   "onUpdate:label"?: ((label?: string | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/select/use-keyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard.js","names":[],"sources":["../../../src/components/select/use-keyboard.ts"],"sourcesContent":["import { nextTick, type ShallowRef } from 'vue'\n\ninterface UseKeyboardConfig {\n  options: ShallowRef<Record<string, any>[]>\n  currentIndex: ShallowRef<number>\n  selectOption: (option: Record<string, any>, index: number) => void\n  getCurrentEl: () => HTMLElement | undefined\n}\n\ninterface UseKeyboardReturned {\n  /** 键盘事件处理 */\n  handleKeydown: (e: KeyboardEvent) => void\n}\n\nexport function useKeyboard(config: UseKeyboardConfig): UseKeyboardReturned {\n  const { currentIndex, options, selectOption, getCurrentEl } = config\n\n  async function navToCurrent() {\n    await nextTick()\n    getCurrentEl()?.scrollIntoView({ block: 'nearest' })\n  }\n\n  const keyHandler = {\n    ArrowDown: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.min(currentIndex.value + 1, options.value.length - 1)\n      navToCurrent()\n    },\n\n    ArrowUp: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.max(currentIndex.value - 1, 0)\n      navToCurrent()\n    },\n\n    Enter: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      if (currentIndex.value >= 0 && currentIndex.value < options.value.length) {\n        const selectedOption = options.value[currentIndex.value]!\n        selectOption(selectedOption, currentIndex.value)\n      }\n    }\n  }\n\n  /** 键盘事件处理 */\n  const handleKeydown = (e: KeyboardEvent) => {\n    keyHandler[e.key]?.(e)\n  }\n\n  return { handleKeydown }\n}\n"],"mappings":";;AAcA,SAAgB,YAAY,QAAgD;CAC1E,MAAM,EAAE,cAAc,SAAS,cAAc,iBAAiB;CAE9D,eAAe,eAAe;EAC5B,MAAM,SAAS;EACf,aAAa,GAAG,eAAe,EAAE,OAAO,UAAU,CAAC;CACrD;CAEA,MAAM,aAAa;EACjB,YAAY,MAAqB;GAC/B,IAAI,CAAC,QAAQ,OAAO;GACpB,EAAE,eAAe;GACjB,aAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,QAAQ,MAAM,SAAS,CAAC;GAC9E,aAAa;EACf;EAEA,UAAU,MAAqB;GAC7B,IAAI,CAAC,QAAQ,OAAO;GACpB,EAAE,eAAe;GACjB,aAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,CAAC;GACvD,aAAa;EACf;EAEA,QAAQ,MAAqB;GAC3B,IAAI,CAAC,QAAQ,OAAO;GACpB,EAAE,eAAe;GACjB,IAAI,aAAa,SAAS,KAAK,aAAa,QAAQ,QAAQ,MAAM,QAAQ;IACxE,MAAM,iBAAiB,QAAQ,MAAM,aAAa;IAClD,aAAa,gBAAgB,aAAa,KAAK;GACjD;EACF;CACF;;CAGA,MAAM,iBAAiB,MAAqB;EAC1C,WAAW,EAAE,OAAO,CAAC;CACvB;CAEA,OAAO,EAAE,cAAc;AACzB"}
+{"version":3,"file":"use-keyboard.js","names":[],"sources":["../../../src/components/select/use-keyboard.ts"],"sourcesContent":["import { nextTick, type ShallowRef } from 'vue'\n\ninterface UseKeyboardConfig {\n  options: ShallowRef<Record<string, any>[]>\n  currentIndex: ShallowRef<number>\n  selectOption: (option: Record<string, any>, index: number) => void\n  getCurrentEl: () => HTMLElement | undefined\n}\n\ninterface UseKeyboardReturned {\n  /** 键盘事件处理 */\n  handleKeydown: (e: KeyboardEvent) => void\n}\n\nexport function useKeyboard(config: UseKeyboardConfig): UseKeyboardReturned {\n  const { currentIndex, options, selectOption, getCurrentEl } = config\n\n  async function navToCurrent() {\n    await nextTick()\n    getCurrentEl()?.scrollIntoView({ block: 'nearest' })\n  }\n\n  const keyHandler = {\n    ArrowDown: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.min(currentIndex.value + 1, options.value.length - 1)\n      navToCurrent()\n    },\n\n    ArrowUp: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.max(currentIndex.value - 1, 0)\n      navToCurrent()\n    },\n\n    Enter: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      if (currentIndex.value >= 0 && currentIndex.value < options.value.length) {\n        const selectedOption = options.value[currentIndex.value]!\n        selectOption(selectedOption, currentIndex.value)\n      }\n    }\n  }\n\n  /** 键盘事件处理 */\n  const handleKeydown = (e: KeyboardEvent) => {\n    keyHandler[e.key]?.(e)\n  }\n\n  return { handleKeydown }\n}\n"],"mappings":";;AAcA,SAAgB,YAAY,QAAgD;CAC1E,MAAM,EAAE,cAAc,SAAS,cAAc,iBAAiB;CAE9D,eAAe,eAAe;EAC5B,MAAM,SAAS;EACf,aAAa,CAAC,EAAE,eAAe,EAAE,OAAO,UAAU,CAAC;CACrD;CAEA,MAAM,aAAa;EACjB,YAAY,MAAqB;GAC/B,IAAI,CAAC,QAAQ,OAAO;GACpB,EAAE,eAAe;GACjB,aAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,QAAQ,MAAM,SAAS,CAAC;GAC9E,aAAa;EACf;EAEA,UAAU,MAAqB;GAC7B,IAAI,CAAC,QAAQ,OAAO;GACpB,EAAE,eAAe;GACjB,aAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,CAAC;GACvD,aAAa;EACf;EAEA,QAAQ,MAAqB;GAC3B,IAAI,CAAC,QAAQ,OAAO;GACpB,EAAE,eAAe;GACjB,IAAI,aAAa,SAAS,KAAK,aAAa,QAAQ,QAAQ,MAAM,QAAQ;IACxE,MAAM,iBAAiB,QAAQ,MAAM,aAAa;IAClD,aAAa,gBAAgB,aAAa,KAAK;GACjD;EACF;CACF;;CAGA,MAAM,iBAAiB,MAAqB;EAC1C,WAAW,EAAE,IAAI,GAAG,CAAC;CACvB;CAEA,OAAO,EAAE,cAAc;AACzB"}

package/dist/components/select/use-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-options.js","names":["o","chainObj"],"sources":["../../../src/components/select/use-options.ts"],"sourcesContent":["import { debounce, o as chainObj } from '@cat-kit/core'\nimport { computed, shallowRef, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { SelectProps } from '../../types'\n\ninterface Options {\n  props: SelectProps\n}\n\ninterface UseOptionsReturned {\n  /** 查询字符串 */\n  queryString: ShallowRef<string>\n  /** 选项 */\n  options: ComputedRef<Record<string, any>[]>\n  /** 所有选项 */\n  allOptions: ComputedRef<Record<string, any>[]>\n  /** 将临时选项转换为创建的选项 */\n  temOptionsToCreatedOptions: () => void\n  /** 清空用户创建的选项 */\n  clearCreatedOptions: () => void\n}\n\n// 允许创建的实现\n// 1. 在过滤时将选项加入待选列表中\n// 2. 如果选择了改临时选项，则取消该选项的临时标记\n// 3. 如果第二次重新选择\n\nexport function useOptions(o: Options): UseOptionsReturned {\n  const { props } = o\n\n  /** 筛选 */\n  const queryString = shallowRef('')\n\n  const remoteOptions = shallowRef<Record<string, any>[]>([])\n  const filteredOptions = shallowRef<Record<string, any>[]>([])\n  // 临时选项\n  const tempOptions = shallowRef<({ __isTemp: true } & Record<string, any>)[]>([])\n  // 创建的选项\n  const createdOptions = shallowRef<({ __isTemp: false } & Record<string, any>)[]>([])\n\n  function temOptionsToCreatedOptions() {\n    createdOptions.value = tempOptions.value.map((item) => {\n      return { ...item, __isTemp: false }\n    })\n  }\n\n  function clearCreatedOptions() {\n    createdOptions.value = []\n  }\n\n  const setTempOption = (qs: string, options?: Record<string, any>[]) => {\n    if (!qs?.trim() || !props.creatable) {\n      tempOptions.value = []\n      return\n    }\n    const exactMatch = options\n      ? options.some((option) => {\n          return chainObj(option).get(props.labelKey!) === qs\n        })\n      : false\n\n    if (!exactMatch) {\n      tempOptions.value = [{ [props.labelKey!]: qs, [props.valueKey!]: qs, __isTemp: true }]\n    }\n  }\n\n  const allOptions = computed(() => {\n    const { options } = props\n    if (typeof options === 'function') return remoteOptions.value\n    return options ?? []\n  })\n\n  /** 展示的选项 */\n  const options = computed(() => {\n    const { options } = props\n\n    if (typeof options === 'function') return remoteOptions.value\n\n    const prependOptions = tempOptions.value?.length ? tempOptions.value : createdOptions.value\n\n    if (!options) {\n      return prependOptions\n    }\n\n    return [...prependOptions, ...filteredOptions.value]\n  })\n\n  // TODO: 如有性能问题可以考虑优化\n  watch(\n    [queryString, () => props.options],\n    debounce(async ([qs, propsOptions]) => {\n      if (typeof propsOptions === 'function') {\n        const options = await propsOptions(qs)\n        remoteOptions.value = options\n        setTempOption(qs, options)\n      } else {\n        // 当选项不是函数时，可以创建选项\n        const { labelKey } = props\n\n        if (!qs) {\n          filteredOptions.value = propsOptions ?? []\n          setTempOption(qs, filteredOptions.value)\n          return\n        }\n\n        const _filteredOptions =\n          propsOptions?.filter((item) => {\n            return chainObj(item).get(labelKey!)?.includes(qs) ?? false\n          }) ?? []\n\n        setTempOption(qs, _filteredOptions)\n        filteredOptions.value = _filteredOptions\n      }\n    }, 200),\n    { immediate: true }\n  )\n\n  return { queryString, options, allOptions, temOptionsToCreatedOptions, clearCreatedOptions }\n}\n"],"mappings":";;;AA2BA,SAAgB,WAAW,KAAgC;CACzD,MAAM,EAAE,UAAUA;;CAGlB,MAAM,cAAc,WAAW,EAAE;CAEjC,MAAM,gBAAgB,WAAkC,CAAC,CAAC;CAC1D,MAAM,kBAAkB,WAAkC,CAAC,CAAC;CAE5D,MAAM,cAAc,WAAyD,CAAC,CAAC;CAE/E,MAAM,iBAAiB,WAA0D,CAAC,CAAC;CAEnF,SAAS,6BAA6B;EACpC,eAAe,QAAQ,YAAY,MAAM,KAAK,SAAS;GACrD,OAAO;IAAE,GAAG;IAAM,UAAU;GAAM;EACpC,CAAC;CACH;CAEA,SAAS,sBAAsB;EAC7B,eAAe,QAAQ,CAAC;CAC1B;CAEA,MAAM,iBAAiB,IAAY,YAAoC;EACrE,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,MAAM,WAAW;GACnC,YAAY,QAAQ,CAAC;GACrB;EACF;EAOA,IAAI,EANe,UACf,QAAQ,MAAM,WAAW;GACvB,OAAOC,EAAS,MAAM,EAAE,IAAI,MAAM,QAAS,MAAM;EACnD,CAAC,IACD,QAGF,YAAY,QAAQ,CAAC;IAAG,MAAM,WAAY;IAAK,MAAM,WAAY;GAAI,UAAU;EAAK,CAAC;CAEzF;CAEA,MAAM,aAAa,eAAe;EAChC,MAAM,EAAE,YAAY;EACpB,IAAI,OAAO,YAAY,YAAY,OAAO,cAAc;EACxD,OAAO,WAAW,CAAC;CACrB,CAAC;;CAGD,MAAM,UAAU,eAAe;EAC7B,MAAM,EAAE,YAAY;EAEpB,IAAI,OAAO,YAAY,YAAY,OAAO,cAAc;EAExD,MAAM,iBAAiB,YAAY,OAAO,SAAS,YAAY,QAAQ,eAAe;EAEtF,IAAI,CAAC,SACH,OAAO;EAGT,OAAO,CAAC,GAAG,gBAAgB,GAAG,gBAAgB,KAAK;CACrD,CAAC;CAGD,MACE,CAAC,mBAAmB,MAAM,OAAO,GACjC,SAAS,OAAO,CAAC,IAAI,kBAAkB;EACrC,IAAI,OAAO,iBAAiB,YAAY;GACtC,MAAM,UAAU,MAAM,aAAa,EAAE;GACrC,cAAc,QAAQ;GACtB,cAAc,IAAI,OAAO;EAC3B,OAAO;GAEL,MAAM,EAAE,aAAa;GAErB,IAAI,CAAC,IAAI;IACP,gBAAgB,QAAQ,gBAAgB,CAAC;IACzC,cAAc,IAAI,gBAAgB,KAAK;IACvC;GACF;GAEA,MAAM,mBACJ,cAAc,QAAQ,SAAS;IAC7B,OAAOA,EAAS,IAAI,EAAE,IAAI,QAAS,GAAG,SAAS,EAAE,KAAK;GACxD,CAAC,KAAK,CAAC;GAET,cAAc,IAAI,gBAAgB;GAClC,gBAAgB,QAAQ;EAC1B;CACF,GAAG,GAAG,GACN,EAAE,WAAW,KAAK,CACpB;CAEA,OAAO;EAAE;EAAa;EAAS;EAAY;EAA4B;CAAoB;AAC7F"}
+{"version":3,"file":"use-options.js","names":["o","chainObj"],"sources":["../../../src/components/select/use-options.ts"],"sourcesContent":["import { debounce, o as chainObj } from '@cat-kit/core'\nimport { computed, shallowRef, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { SelectProps } from '../../types'\n\ninterface Options {\n  props: SelectProps\n}\n\ninterface UseOptionsReturned {\n  /** 查询字符串 */\n  queryString: ShallowRef<string>\n  /** 选项 */\n  options: ComputedRef<Record<string, any>[]>\n  /** 所有选项 */\n  allOptions: ComputedRef<Record<string, any>[]>\n  /** 将临时选项转换为创建的选项 */\n  temOptionsToCreatedOptions: () => void\n  /** 清空用户创建的选项 */\n  clearCreatedOptions: () => void\n}\n\n// 允许创建的实现\n// 1. 在过滤时将选项加入待选列表中\n// 2. 如果选择了改临时选项，则取消该选项的临时标记\n// 3. 如果第二次重新选择\n\nexport function useOptions(o: Options): UseOptionsReturned {\n  const { props } = o\n\n  /** 筛选 */\n  const queryString = shallowRef('')\n\n  const remoteOptions = shallowRef<Record<string, any>[]>([])\n  const filteredOptions = shallowRef<Record<string, any>[]>([])\n  // 临时选项\n  const tempOptions = shallowRef<({ __isTemp: true } & Record<string, any>)[]>([])\n  // 创建的选项\n  const createdOptions = shallowRef<({ __isTemp: false } & Record<string, any>)[]>([])\n\n  function temOptionsToCreatedOptions() {\n    createdOptions.value = tempOptions.value.map((item) => {\n      return { ...item, __isTemp: false }\n    })\n  }\n\n  function clearCreatedOptions() {\n    createdOptions.value = []\n  }\n\n  const setTempOption = (qs: string, options?: Record<string, any>[]) => {\n    if (!qs?.trim() || !props.creatable) {\n      tempOptions.value = []\n      return\n    }\n    const exactMatch = options\n      ? options.some((option) => {\n          return chainObj(option).get(props.labelKey!) === qs\n        })\n      : false\n\n    if (!exactMatch) {\n      tempOptions.value = [{ [props.labelKey!]: qs, [props.valueKey!]: qs, __isTemp: true }]\n    }\n  }\n\n  const allOptions = computed(() => {\n    const { options } = props\n    if (typeof options === 'function') return remoteOptions.value\n    return options ?? []\n  })\n\n  /** 展示的选项 */\n  const options = computed(() => {\n    const { options } = props\n\n    if (typeof options === 'function') return remoteOptions.value\n\n    const prependOptions = tempOptions.value?.length ? tempOptions.value : createdOptions.value\n\n    if (!options) {\n      return prependOptions\n    }\n\n    return [...prependOptions, ...filteredOptions.value]\n  })\n\n  // TODO: 如有性能问题可以考虑优化\n  watch(\n    [queryString, () => props.options],\n    debounce(async ([qs, propsOptions]) => {\n      if (typeof propsOptions === 'function') {\n        const options = await propsOptions(qs)\n        remoteOptions.value = options\n        setTempOption(qs, options)\n      } else {\n        // 当选项不是函数时，可以创建选项\n        const { labelKey } = props\n\n        if (!qs) {\n          filteredOptions.value = propsOptions ?? []\n          setTempOption(qs, filteredOptions.value)\n          return\n        }\n\n        const _filteredOptions =\n          propsOptions?.filter((item) => {\n            return chainObj(item).get(labelKey!)?.includes(qs) ?? false\n          }) ?? []\n\n        setTempOption(qs, _filteredOptions)\n        filteredOptions.value = _filteredOptions\n      }\n    }, 200),\n    { immediate: true }\n  )\n\n  return { queryString, options, allOptions, temOptionsToCreatedOptions, clearCreatedOptions }\n}\n"],"mappings":";;;AA2BA,SAAgB,WAAW,KAAgC;CACzD,MAAM,EAAE,UAAUA;;CAGlB,MAAM,cAAc,WAAW,EAAE;CAEjC,MAAM,gBAAgB,WAAkC,CAAC,CAAC;CAC1D,MAAM,kBAAkB,WAAkC,CAAC,CAAC;CAE5D,MAAM,cAAc,WAAyD,CAAC,CAAC;CAE/E,MAAM,iBAAiB,WAA0D,CAAC,CAAC;CAEnF,SAAS,6BAA6B;EACpC,eAAe,QAAQ,YAAY,MAAM,KAAK,SAAS;GACrD,OAAO;IAAE,GAAG;IAAM,UAAU;GAAM;EACpC,CAAC;CACH;CAEA,SAAS,sBAAsB;EAC7B,eAAe,QAAQ,CAAC;CAC1B;CAEA,MAAM,iBAAiB,IAAY,YAAoC;EACrE,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,MAAM,WAAW;GACnC,YAAY,QAAQ,CAAC;GACrB;EACF;EAOA,IAAI,EANe,UACf,QAAQ,MAAM,WAAW;GACvB,OAAOC,EAAS,MAAM,CAAC,CAAC,IAAI,MAAM,QAAS,MAAM;EACnD,CAAC,IACD,QAGF,YAAY,QAAQ,CAAC;IAAG,MAAM,WAAY;IAAK,MAAM,WAAY;GAAI,UAAU;EAAK,CAAC;CAEzF;CAEA,MAAM,aAAa,eAAe;EAChC,MAAM,EAAE,YAAY;EACpB,IAAI,OAAO,YAAY,YAAY,OAAO,cAAc;EACxD,OAAO,WAAW,CAAC;CACrB,CAAC;;CAGD,MAAM,UAAU,eAAe;EAC7B,MAAM,EAAE,YAAY;EAEpB,IAAI,OAAO,YAAY,YAAY,OAAO,cAAc;EAExD,MAAM,iBAAiB,YAAY,OAAO,SAAS,YAAY,QAAQ,eAAe;EAEtF,IAAI,CAAC,SACH,OAAO;EAGT,OAAO,CAAC,GAAG,gBAAgB,GAAG,gBAAgB,KAAK;CACrD,CAAC;CAGD,MACE,CAAC,mBAAmB,MAAM,OAAO,GACjC,SAAS,OAAO,CAAC,IAAI,kBAAkB;EACrC,IAAI,OAAO,iBAAiB,YAAY;GACtC,MAAM,UAAU,MAAM,aAAa,EAAE;GACrC,cAAc,QAAQ;GACtB,cAAc,IAAI,OAAO;EAC3B,OAAO;GAEL,MAAM,EAAE,aAAa;GAErB,IAAI,CAAC,IAAI;IACP,gBAAgB,QAAQ,gBAAgB,CAAC;IACzC,cAAc,IAAI,gBAAgB,KAAK;IACvC;GACF;GAEA,MAAM,mBACJ,cAAc,QAAQ,SAAS;IAC7B,OAAOA,EAAS,IAAI,CAAC,CAAC,IAAI,QAAS,CAAC,EAAE,SAAS,EAAE,KAAK;GACxD,CAAC,KAAK,CAAC;GAET,cAAc,IAAI,gBAAgB;GAClC,gBAAgB,QAAQ;EAC1B;CACF,GAAG,GAAG,GACN,EAAE,WAAW,KAAK,CACpB;CAEA,OAAO;EAAE;EAAa;EAAS;EAAY;EAA4B;CAAoB;AAC7F"}

package/dist/components/slider/slider-thumb.js

@@ -2,7 +2,7 @@ import { sliderContextKey } from "./di.js";
 import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, unref, useTemplateRef, watch } from "vue";
 import { useDrag, useUserAction } from "@veltra/compositions";
 //#region src/components/slider/slider-thumb.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "slider-thumb",
 	props: { modelValue: {} },
 	emits: ["update:modelValue"],

package/dist/components/slider/slider-thumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../src/components/slider/slider-thumb.vue"],"sourcesContent":["<template>\n  <div ref=\"thumb\" :class=\"cls.e('thumb')\" :style></div>\n</template>\n<script lang=\"ts\" setup>\nimport { useDrag, useUserAction } from '@veltra/compositions'\nimport { computed, inject, useTemplateRef, watch } from 'vue'\n\nimport { sliderContextKey } from './di'\n\nconst props = defineProps<{ modelValue: number }>()\n\nconst emit = defineEmits<{ (e: 'update:modelValue', value: number): void }>()\n\nconst { cls, range, disabled, sliderProps, getOffsetByStep } = inject(sliderContextKey)!\n\nconst thumbRef = useTemplateRef('thumb')\n\nconst style = computed(() => {\n  if (sliderProps.vertical) {\n    return { transform: `translate(0, ${props.modelValue}px)` }\n  }\n  return { transform: `translate(${props.modelValue}px, 0)` }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nfunction updateModel(offset: number) {\n  offset = getOffsetByStep(offset)\n  emit('update:modelValue', offset)\n  return offset\n}\n\nconst dragger = useDrag({\n  target: computed(() => (disabled.value ? null : thumbRef.value)),\n\n  onDrag: userAction(({ offsetX, offsetY }) => {\n    updateModel(sliderProps.vertical ? offsetY : offsetX)\n  }),\n  rangeX: range,\n  rangeY: range,\n  onDragEnd: userAction(({ offsetX, offsetY }) => {\n    const offset = updateModel(sliderProps.vertical ? offsetY : offsetX)\n    updateDragger(offset)\n  })\n})\n\nfunction updateDragger(offset: number) {\n  if (sliderProps.vertical) {\n    dragger.update({ offsetY: offset })\n  } else {\n    dragger.update({ offsetX: offset })\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  (offset) => {\n    if (isUserActive()) return\n    updateDragger(offset)\n  }\n)\n</script>\n"],"mappings":";;;;;;;;;EASA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,KAAK,OAAO,UAAU,aAAa,oBAAoB,OAAO,gBAAgB;EAEtF,MAAM,WAAW,eAAe,OAAO;EAEvC,MAAM,QAAQ,eAAe;GAC3B,IAAI,YAAY,UACd,OAAO,EAAE,WAAW,gBAAgB,MAAM,WAAW,KAAK;GAE5D,OAAO,EAAE,WAAW,aAAa,MAAM,WAAW,QAAQ;EAC5D,CAAC;EAED,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,SAAS,YAAY,QAAgB;GACnC,SAAS,gBAAgB,MAAM;GAC/B,KAAK,qBAAqB,MAAM;GAChC,OAAO;EACT;EAEA,MAAM,UAAU,QAAQ;GACtB,QAAQ,eAAgB,SAAS,QAAQ,OAAO,SAAS,KAAM;GAE/D,QAAQ,YAAY,EAAE,SAAS,cAAc;IAC3C,YAAY,YAAY,WAAW,UAAU,OAAO;GACtD,CAAC;GACD,QAAQ;GACR,QAAQ;GACR,WAAW,YAAY,EAAE,SAAS,cAAc;IAE9C,cADe,YAAY,YAAY,WAAW,UAAU,OAC9C,CAAM;GACtB,CAAC;EACH,CAAC;EAED,SAAS,cAAc,QAAgB;GACrC,IAAI,YAAY,UACd,QAAQ,OAAO,EAAE,SAAS,OAAO,CAAC;QAElC,QAAQ,OAAO,EAAE,SAAS,OAAO,CAAC;EAEtC;EAEA,YACQ,MAAM,aACX,WAAW;GACV,IAAI,aAAa,GAAG;GACpB,cAAc,MAAM;EACtB,CACF;;uBA3DE,mBAAsD,OAAA;IAAjD,KAAI;IAAS,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;IAAY,OAAK,eAAL,MAAA,KAAK"}
+{"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../src/components/slider/slider-thumb.vue"],"sourcesContent":["<template>\n  <div ref=\"thumb\" :class=\"cls.e('thumb')\" :style></div>\n</template>\n<script lang=\"ts\" setup>\nimport { useDrag, useUserAction } from '@veltra/compositions'\nimport { computed, inject, useTemplateRef, watch } from 'vue'\n\nimport { sliderContextKey } from './di'\n\nconst props = defineProps<{ modelValue: number }>()\n\nconst emit = defineEmits<{ (e: 'update:modelValue', value: number): void }>()\n\nconst { cls, range, disabled, sliderProps, getOffsetByStep } = inject(sliderContextKey)!\n\nconst thumbRef = useTemplateRef('thumb')\n\nconst style = computed(() => {\n  if (sliderProps.vertical) {\n    return { transform: `translate(0, ${props.modelValue}px)` }\n  }\n  return { transform: `translate(${props.modelValue}px, 0)` }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nfunction updateModel(offset: number) {\n  offset = getOffsetByStep(offset)\n  emit('update:modelValue', offset)\n  return offset\n}\n\nconst dragger = useDrag({\n  target: computed(() => (disabled.value ? null : thumbRef.value)),\n\n  onDrag: userAction(({ offsetX, offsetY }) => {\n    updateModel(sliderProps.vertical ? offsetY : offsetX)\n  }),\n  rangeX: range,\n  rangeY: range,\n  onDragEnd: userAction(({ offsetX, offsetY }) => {\n    const offset = updateModel(sliderProps.vertical ? offsetY : offsetX)\n    updateDragger(offset)\n  })\n})\n\nfunction updateDragger(offset: number) {\n  if (sliderProps.vertical) {\n    dragger.update({ offsetY: offset })\n  } else {\n    dragger.update({ offsetX: offset })\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  (offset) => {\n    if (isUserActive()) return\n    updateDragger(offset)\n  }\n)\n</script>\n"],"mappings":";;;;;;;;;EASA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,KAAK,OAAO,UAAU,aAAa,oBAAoB,OAAO,gBAAgB;EAEtF,MAAM,WAAW,eAAe,OAAO;EAEvC,MAAM,QAAQ,eAAe;GAC3B,IAAI,YAAY,UACd,OAAO,EAAE,WAAW,gBAAgB,MAAM,WAAW,KAAK;GAE5D,OAAO,EAAE,WAAW,aAAa,MAAM,WAAW,QAAQ;EAC5D,CAAC;EAED,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,SAAS,YAAY,QAAgB;GACnC,SAAS,gBAAgB,MAAM;GAC/B,KAAK,qBAAqB,MAAM;GAChC,OAAO;EACT;EAEA,MAAM,UAAU,QAAQ;GACtB,QAAQ,eAAgB,SAAS,QAAQ,OAAO,SAAS,KAAM;GAE/D,QAAQ,YAAY,EAAE,SAAS,cAAc;IAC3C,YAAY,YAAY,WAAW,UAAU,OAAO;GACtD,CAAC;GACD,QAAQ;GACR,QAAQ;GACR,WAAW,YAAY,EAAE,SAAS,cAAc;IAE9C,cADe,YAAY,YAAY,WAAW,UAAU,OAC9C,CAAM;GACtB,CAAC;EACH,CAAC;EAED,SAAS,cAAc,QAAgB;GACrC,IAAI,YAAY,UACd,QAAQ,OAAO,EAAE,SAAS,OAAO,CAAC;QAElC,QAAQ,OAAO,EAAE,SAAS,OAAO,CAAC;EAEtC;EAEA,YACQ,MAAM,aACX,WAAW;GACV,IAAI,aAAa,GAAG;GACpB,cAAc,MAAM;EACtB,CACF;;uBA3DE,mBAAsD,OAAA;IAAjD,KAAI;IAAS,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;IAAY,OAAK,eAAL,MAAA,KAAK"}

package/dist/components/slider/slider.js

@@ -6,8 +6,8 @@ import { useFormFallbackProps, useUserAction } from "@veltra/compositions";
 import { bem, injectFormContext } from "@veltra/utils";
 //#region src/components/slider/slider.vue
 const _hoisted_1 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Slider",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USlider",
 	__name: "slider",
 	props: {
 		modelValue: {},