@veltra/desktop 1.1.15 → 1.1.19

package/dist/components/card/card-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-action.js","names":[],"sources":["../../../src/components/card/card-action.vue"],"sourcesContent":["<template>\n  <div :class=\"cls?.e('action')\" :style=\"style\">\n    <slot> </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { type CSSProperties, computed, inject } from 'vue'\n\nimport type { CardActionProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardAction' })\n\nconst props = defineProps<CardActionProps>()\n\nconst style = computed<CSSProperties>(() => {\n  return {\n    textAlign: props.alignRight ? 'right' : undefined\n  }\n})\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nif (!injected) {\n  console.warn('CardAction组件仅能在Card组件中使用')\n}\n</script>\n"],"mappings":";;;;;;;;EAcA,MAAM,QAAQ;EAEd,MAAM,QAAQ,eAA8B;AAC1C,UAAO,EACL,WAAW,MAAM,aAAa,UAAU,KAAA,GAC1C;IACD;EAED,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;AAE7B,MAAI,CAAC,SACH,SAAQ,KAAK,2BAA0B;;uBAzBvC,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAG,EAAE,EAAC,SAAA,CAAA;IAAa,OAAK,eAAE,MAAA,MAAK;OAC1C,WAAc,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"card-action.js","names":[],"sources":["../../../src/components/card/card-action.vue"],"sourcesContent":["<template>\n  <div :class=\"cls?.e('action')\" :style=\"style\">\n    <slot> </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { type CSSProperties, computed, inject } from 'vue'\n\nimport type { CardActionProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardAction' })\n\nconst props = defineProps<CardActionProps>()\n\nconst style = computed<CSSProperties>(() => {\n  return {\n    textAlign: props.alignRight ? 'right' : undefined\n  }\n})\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nif (!injected) {\n  console.warn('CardAction组件仅能在Card组件中使用')\n}\n</script>\n"],"mappings":";;;;;;;;EAcA,MAAM,QAAQ;EAEd,MAAM,QAAQ,eAA8B;GAC1C,OAAO,EACL,WAAW,MAAM,aAAa,UAAU,KAAA,GAC1C;IACD;EAED,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;EAE7B,IAAI,CAAC,UACH,QAAQ,KAAK,2BAA0B;;uBAzBvC,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAA,EAAK,EAAC,SAAA,CAAA;IAAa,OAAK,eAAE,MAAA,MAAK;OAC1C,WAAc,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/card/card-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-content.js","names":[],"sources":["../../../src/components/card/card-content.vue"],"sourcesContent":["<template>\n  <div :class=\"cls?.e('content')\" :style=\"style\">\n    <slot> </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, type CSSProperties } from 'vue'\n\nimport type { CardContentProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardContent' })\n\nconst props = defineProps<CardContentProps>()\n\nconst style = computed<CSSProperties | undefined>(() => {\n  return props.cover\n    ? {\n        padding: 0,\n        fontSize: 0\n      }\n    : undefined\n})\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nif (!injected) {\n  console.warn('CardContent组件仅能在Card组件中使用')\n}\n</script>\n"],"mappings":";;;;;;;;EAcA,MAAM,QAAQ;EAEd,MAAM,QAAQ,eAA0C;AACtD,UAAO,MAAM,QACT;IACE,SAAS;IACT,UAAU;IACZ,GACA,KAAA;IACL;EAED,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;AAE7B,MAAI,CAAC,SACH,SAAQ,KAAK,4BAA2B;;uBA5BxC,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAG,EAAE,EAAC,UAAA,CAAA;IAAc,OAAK,eAAE,MAAA,MAAK;OAC3C,WAAc,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"card-content.js","names":[],"sources":["../../../src/components/card/card-content.vue"],"sourcesContent":["<template>\n  <div :class=\"cls?.e('content')\" :style=\"style\">\n    <slot> </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, type CSSProperties } from 'vue'\n\nimport type { CardContentProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardContent' })\n\nconst props = defineProps<CardContentProps>()\n\nconst style = computed<CSSProperties | undefined>(() => {\n  return props.cover\n    ? {\n        padding: 0,\n        fontSize: 0\n      }\n    : undefined\n})\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nif (!injected) {\n  console.warn('CardContent组件仅能在Card组件中使用')\n}\n</script>\n"],"mappings":";;;;;;;;EAcA,MAAM,QAAQ;EAEd,MAAM,QAAQ,eAA0C;GACtD,OAAO,MAAM,QACT;IACE,SAAS;IACT,UAAU;IACZ,GACA,KAAA;IACL;EAED,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;EAE7B,IAAI,CAAC,UACH,QAAQ,KAAK,4BAA2B;;uBA5BxC,mBAEM,OAAA;IAFA,OAAK,eAAE,MAAA,IAAA,EAAK,EAAC,UAAA,CAAA;IAAc,OAAK,eAAE,MAAA,MAAK;OAC3C,WAAc,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/card/card-cover.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-cover.js","names":[],"sources":["../../../src/components/card/card-cover.vue"],"sourcesContent":["<template>\n  <div :class=\"cls?.e('cover')\" :style=\"style\">\n    <img\n      v-if=\"src\"\n      :src=\"src\"\n      draggable=\"false\"\n      alt=\"封面\"\n      :class=\"bem.is('height-fixed', props.height !== undefined)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { withUnit, bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { CardCoverProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardCover' })\n\nconst props = defineProps<CardCoverProps>()\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nif (!injected) {\n  console.warn('CardCover组件仅能在Card组件中使用')\n}\n\nconst style = computed(() => {\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAEd,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;AAE7B,MAAI,CAAC,SACH,SAAQ,KAAK,0BAAyB;EAGxC,MAAM,QAAQ,eAAe;AAC3B,UAAO,EACL,QAAQ,SAAS,MAAM,QAAQ,KAAI,EACrC;IACD;;uBAjCC,mBAQM,OAAA;IARA,OAAK,eAAE,MAAA,IAAG,EAAE,EAAC,QAAA,CAAA;IAAY,OAAK,eAAE,MAAA,MAAK;OAEjC,QAAA,OAAA,WAAA,EADR,mBAME,OAAA;;IAJC,KAAK,QAAA;IACN,WAAU;IACV,KAAI;IACH,OAAK,eAAE,MAAA,IAAG,CAAC,GAAE,gBAAiB,MAAM,WAAW,KAAA,EAAS,CAAA"}
+{"version":3,"file":"card-cover.js","names":[],"sources":["../../../src/components/card/card-cover.vue"],"sourcesContent":["<template>\n  <div :class=\"cls?.e('cover')\" :style=\"style\">\n    <img\n      v-if=\"src\"\n      :src=\"src\"\n      draggable=\"false\"\n      alt=\"封面\"\n      :class=\"bem.is('height-fixed', props.height !== undefined)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { withUnit, bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { CardCoverProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardCover' })\n\nconst props = defineProps<CardCoverProps>()\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nif (!injected) {\n  console.warn('CardCover组件仅能在Card组件中使用')\n}\n\nconst style = computed(() => {\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAEd,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;EAE7B,IAAI,CAAC,UACH,QAAQ,KAAK,0BAAyB;EAGxC,MAAM,QAAQ,eAAe;GAC3B,OAAO,EACL,QAAQ,SAAS,MAAM,QAAQ,KAAI,EACrC;IACD;;uBAjCC,mBAQM,OAAA;IARA,OAAK,eAAE,MAAA,IAAA,EAAK,EAAC,QAAA,CAAA;IAAY,OAAK,eAAE,MAAA,MAAK;OAEjC,QAAA,OAAA,WAAA,EADR,mBAME,OAAA;;IAJC,KAAK,QAAA;IACN,WAAU;IACV,KAAI;IACH,OAAK,eAAE,MAAA,IAAA,CAAI,GAAE,gBAAiB,MAAM,WAAW,KAAA,EAAS,CAAA"}

package/dist/components/card/card-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-header.js","names":[],"sources":["../../../src/components/card/card-header.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\">\n    <slot> </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\n\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardHeader' })\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nconst classList = computed(() => {\n  const ret: string[] = []\n  if (cls) {\n    ret.push(cls.e('header'))\n  }\n\n  return ret\n})\n\nif (!injected) {\n  console.warn('CardHeader组件仅能在Card组件中使用')\n}\n</script>\n"],"mappings":";;;;;;;EAaA,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;EAE7B,MAAM,YAAY,eAAe;GAC/B,MAAM,MAAgB,EAAC;AACvB,OAAI,IACF,KAAI,KAAK,IAAI,EAAE,SAAS,CAAA;AAG1B,UAAO;IACR;AAED,MAAI,CAAC,SACH,SAAQ,KAAK,2BAA0B;;uBAzBvC,mBAEM,OAAA,EAFA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,WAAc,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"card-header.js","names":[],"sources":["../../../src/components/card/card-header.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\">\n    <slot> </slot>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\n\nimport { CardDIKey } from './di'\n\ndefineOptions({ name: 'CardHeader' })\n\nconst injected = inject(CardDIKey)\nconst { cls } = injected || {}\n\nconst classList = computed(() => {\n  const ret: string[] = []\n  if (cls) {\n    ret.push(cls.e('header'))\n  }\n\n  return ret\n})\n\nif (!injected) {\n  console.warn('CardHeader组件仅能在Card组件中使用')\n}\n</script>\n"],"mappings":";;;;;;;EAaA,MAAM,WAAW,OAAO,UAAS;EACjC,MAAM,EAAE,QAAQ,YAAY,EAAC;EAE7B,MAAM,YAAY,eAAe;GAC/B,MAAM,MAAgB,EAAC;GACvB,IAAI,KACF,IAAI,KAAK,IAAI,EAAE,SAAS,CAAA;GAG1B,OAAO;IACR;EAED,IAAI,CAAC,UACH,QAAQ,KAAK,2BAA0B;;uBAzBvC,mBAEM,OAAA,EAFA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,WAAc,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" :style=\"styles\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed, provide } from 'vue'\n\nimport type { CardProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({\n  name: 'Card'\n})\n\nconst props = defineProps<CardProps>()\n\nconst cls = bem('card')\n\nconst { size } = useFormFallbackProps([props], { size: 'default' })\n\nconst classList = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('integrate', props.integrate)]\n})\n\nconst styles = computed(() => {\n  return {\n    width: withUnit(props.width, 'px')\n  }\n})\n\nprovide(CardDIKey, { cls, cardProps: props })\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAEd,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,EAAE,SAAS,qBAAqB,CAAC,MAAM,EAAE,EAAE,MAAM,WAAW,CAAA;EAElE,MAAM,YAAY,eAAe;AAC/B,UAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,MAAM;IAAE,IAAI,GAAG,aAAa,MAAM,UAAU;IAAA;IACvE;EAED,MAAM,SAAS,eAAe;AAC5B,UAAO,EACL,OAAO,SAAS,MAAM,OAAO,KAAI,EACnC;IACD;AAED,UAAQ,WAAW;GAAE;GAAK,WAAW;GAAO,CAAA;;uBAjC1C,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAG,OAAK,eAAE,OAAA,MAAM;OACpC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" :style=\"styles\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed, provide } from 'vue'\n\nimport type { CardProps } from '../../types'\nimport { CardDIKey } from './di'\n\ndefineOptions({\n  name: 'Card'\n})\n\nconst props = defineProps<CardProps>()\n\nconst cls = bem('card')\n\nconst { size } = useFormFallbackProps([props], { size: 'default' })\n\nconst classList = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('integrate', props.integrate)]\n})\n\nconst styles = computed(() => {\n  return {\n    width: withUnit(props.width, 'px')\n  }\n})\n\nprovide(CardDIKey, { cls, cardProps: props })\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAEd,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,EAAE,SAAS,qBAAqB,CAAC,MAAK,EAAG,EAAE,MAAM,WAAW,CAAA;EAElE,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,MAAK;IAAG,IAAI,GAAG,aAAa,MAAM,UAAS;IAAC;IACvE;EAED,MAAM,SAAS,eAAe;GAC5B,OAAO,EACL,OAAO,SAAS,MAAM,OAAO,KAAI,EACnC;IACD;EAED,QAAQ,WAAW;GAAE;GAAK,WAAW;GAAO,CAAA;;uBAjC1C,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAG,OAAK,eAAE,OAAA,MAAM;OACpC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/cascade/cascade-panel-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascade-panel-item.js","names":[],"sources":["../../../src/components/cascade/cascade-panel-item.vue"],"sourcesContent":["<template>\n  <u-scroll\n    tag=\"ul\"\n    :class=\"panelCls.b\"\n    ref=\"scroll-container\"\n    :content-class=\"panelCls.e('content')\"\n  >\n    <li\n      v-for=\"(node, index) of data\"\n      :key=\"node.value ?? index\"\n      ref=\"itemRefs\"\n      :class=\"getItemCls(node)\"\n      @click=\"emit('click', panelIndex, node)\"\n    >\n      <u-checkbox\n        v-if=\"cascadeProps.multiple\"\n        :class=\"panelCls.e('option-checkbox')\"\n        :model-value=\"checkedSet.has(node)\"\n        @update:model-value=\"emit('check', node, $event)\"\n      />\n\n      <span :class=\"panelCls.e('option-label')\">\n        {{ node.label }}\n      </span>\n\n      <u-icon :class=\"panelCls.e('option-expand')\" v-if=\"node.children?.length\">\n        <ArrowRight />\n      </u-icon>\n    </li>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem, scrollIntoContainerView } from '@veltra/utils'\nimport { inject, onMounted, shallowRef, useTemplateRef } from 'vue'\n\nimport type { CascadeNode } from '../../types'\nimport { UCheckbox } from '../checkbox'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { CascadeDIKey } from './di'\n\ndefineOptions({\n  name: 'UCascadePanelItem'\n})\n\nconst props = defineProps<{\n  data: CascadeNode[]\n  value?: string\n  panelIndex: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'click', panelIndex: number, item: CascadeNode): void\n  (e: 'check', item: CascadeNode, checked: boolean): void\n}>()\n\nconst { cls, cascadeProps, checkedSet } = inject(CascadeDIKey)!\n\nconst panelCls = cls.create('panel-item')\n\nconst optionCls = panelCls.e('option')\n\nfunction getItemCls(item: CascadeNode) {\n  const selected = props.value === item.value\n  return [\n    optionCls,\n    bem.is('active', selected),\n    bem.is('selected', selected && !cascadeProps.multiple)\n  ]\n}\n\nconst itemRefs = shallowRef<HTMLElement[]>([])\nconst scrollContainerRef = useTemplateRef('scroll-container')\n\nonMounted(() => {\n  const activeItem = itemRefs.value.find((el) => el.classList.contains(bem.is('active')))\n  if (activeItem) {\n    setTimeout(() => {\n      scrollIntoContainerView(activeItem, scrollContainerRef.value?.containerRef ?? null)\n    })\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAKb,MAAM,EAAE,KAAK,cAAc,eAAe,OAAO,aAAa;EAE9D,MAAM,WAAW,IAAI,OAAO,aAAY;EAExC,MAAM,YAAY,SAAS,EAAE,SAAQ;EAErC,SAAS,WAAW,MAAmB;GACrC,MAAM,WAAW,MAAM,UAAU,KAAK;AACtC,UAAO;IACL;IACA,IAAI,GAAG,UAAU,SAAS;IAC1B,IAAI,GAAG,YAAY,YAAY,CAAC,aAAa,SAAQ;IACvD;;EAGF,MAAM,WAAW,WAA0B,EAAE,CAAA;EAC7C,MAAM,qBAAqB,eAAe,mBAAkB;AAE5D,kBAAgB;GACd,MAAM,aAAa,SAAS,MAAM,MAAM,OAAO,GAAG,UAAU,SAAS,IAAI,GAAG,SAAS,CAAC,CAAA;AACtF,OAAI,WACF,kBAAiB;AACf,4BAAwB,YAAY,mBAAmB,OAAO,gBAAgB,KAAI;KACnF;IAEJ;;uBAlFC,YA4BW,MAAA,YAAA,EAAA;IA3BT,KAAI;IACH,OAAK,eAAE,MAAA,SAAQ,CAAC,EAAC;IAClB,KAAI;IACH,iBAAe,MAAA,SAAQ,CAAC,EAAC,UAAA;;2BAGK,EAAA,UAAA,KAAA,EAD/B,mBAqBK,UAAA,MAAA,WApBqB,QAAA,OAAhB,MAAM,UAAK;yBADrB,mBAqBK,MAAA;MAnBF,KAAK,KAAK,SAAS;;eAChB;MAAJ,KAAI;MACH,OAAK,eAAE,WAAW,KAAI,CAAA;MACtB,UAAK,WAAE,KAAI,SAAU,QAAA,YAAY,KAAI;;MAG9B,MAAA,aAAY,CAAC,YAAA,WAAA,EADrB,YAKE,MAAA,YAAA,EAAA;;OAHC,OAAK,eAAE,MAAA,SAAQ,CAAC,EAAC,kBAAA,CAAA;OACjB,eAAa,MAAA,WAAU,CAAC,IAAI,KAAI;OAChC,wBAAkB,WAAE,KAAI,SAAU,MAAM,OAAM;;;;;;MAGjD,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,SAAQ,CAAC,EAAC,eAAA,CAAA,EAAA,EAAA,gBACnB,KAAK,MAAK,EAAA,EAAA;MAGoC,KAAK,UAAU,UAAA,WAAA,EAAlE,YAES,MAAA,YAAA,EAAA;;OAFA,OAAK,eAAE,MAAA,SAAQ,CAAC,EAAC,gBAAA,CAAA;;8BACV,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"cascade-panel-item.js","names":[],"sources":["../../../src/components/cascade/cascade-panel-item.vue"],"sourcesContent":["<template>\n  <u-scroll\n    tag=\"ul\"\n    :class=\"panelCls.b\"\n    ref=\"scroll-container\"\n    :content-class=\"panelCls.e('content')\"\n  >\n    <li\n      v-for=\"(node, index) of data\"\n      :key=\"node.value ?? index\"\n      ref=\"itemRefs\"\n      :class=\"getItemCls(node)\"\n      @click=\"emit('click', panelIndex, node)\"\n    >\n      <u-checkbox\n        v-if=\"cascadeProps.multiple\"\n        :class=\"panelCls.e('option-checkbox')\"\n        :model-value=\"checkedSet.has(node)\"\n        @update:model-value=\"emit('check', node, $event)\"\n      />\n\n      <span :class=\"panelCls.e('option-label')\">\n        {{ node.label }}\n      </span>\n\n      <u-icon :class=\"panelCls.e('option-expand')\" v-if=\"node.children?.length\">\n        <ArrowRight />\n      </u-icon>\n    </li>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem, scrollIntoContainerView } from '@veltra/utils'\nimport { inject, onMounted, shallowRef, useTemplateRef } from 'vue'\n\nimport type { CascadeNode } from '../../types'\nimport { UCheckbox } from '../checkbox'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { CascadeDIKey } from './di'\n\ndefineOptions({\n  name: 'UCascadePanelItem'\n})\n\nconst props = defineProps<{\n  data: CascadeNode[]\n  value?: string\n  panelIndex: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'click', panelIndex: number, item: CascadeNode): void\n  (e: 'check', item: CascadeNode, checked: boolean): void\n}>()\n\nconst { cls, cascadeProps, checkedSet } = inject(CascadeDIKey)!\n\nconst panelCls = cls.create('panel-item')\n\nconst optionCls = panelCls.e('option')\n\nfunction getItemCls(item: CascadeNode) {\n  const selected = props.value === item.value\n  return [\n    optionCls,\n    bem.is('active', selected),\n    bem.is('selected', selected && !cascadeProps.multiple)\n  ]\n}\n\nconst itemRefs = shallowRef<HTMLElement[]>([])\nconst scrollContainerRef = useTemplateRef('scroll-container')\n\nonMounted(() => {\n  const activeItem = itemRefs.value.find((el) => el.classList.contains(bem.is('active')))\n  if (activeItem) {\n    setTimeout(() => {\n      scrollIntoContainerView(activeItem, scrollContainerRef.value?.containerRef ?? null)\n    })\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAKb,MAAM,EAAE,KAAK,cAAc,eAAe,OAAO,aAAY;EAE7D,MAAM,WAAW,IAAI,OAAO,aAAY;EAExC,MAAM,YAAY,SAAS,EAAE,SAAQ;EAErC,SAAS,WAAW,MAAmB;GACrC,MAAM,WAAW,MAAM,UAAU,KAAK;GACtC,OAAO;IACL;IACA,IAAI,GAAG,UAAU,SAAQ;IACzB,IAAI,GAAG,YAAY,YAAY,CAAC,aAAa,SAAQ;IACvD;;EAGF,MAAM,WAAW,WAA0B,EAAE,CAAA;EAC7C,MAAM,qBAAqB,eAAe,mBAAkB;EAE5D,gBAAgB;GACd,MAAM,aAAa,SAAS,MAAM,MAAM,OAAO,GAAG,UAAU,SAAS,IAAI,GAAG,SAAS,CAAC,CAAA;GACtF,IAAI,YACF,iBAAiB;IACf,wBAAwB,YAAY,mBAAmB,OAAO,gBAAgB,KAAI;KACnF;IAEJ;;uBAlFC,YA4BW,MAAA,YAAA,EAAA;IA3BT,KAAI;IACH,OAAK,eAAE,MAAA,SAAA,CAAS,EAAC;IAClB,KAAI;IACH,iBAAe,MAAA,SAAA,CAAS,EAAC,UAAA;;2BAGK,EAAA,UAAA,KAAA,EAD/B,mBAqBK,UAAA,MAAA,WApBqB,QAAA,OAAhB,MAAM,UAAK;yBADrB,mBAqBK,MAAA;MAnBF,KAAK,KAAK,SAAS;;eAChB;MAAJ,KAAI;MACH,OAAK,eAAE,WAAW,KAAI,CAAA;MACtB,UAAK,WAAE,KAAI,SAAU,QAAA,YAAY,KAAI;;MAG9B,MAAA,aAAA,CAAa,YAAA,WAAA,EADrB,YAKE,MAAA,YAAA,EAAA;;OAHC,OAAK,eAAE,MAAA,SAAA,CAAS,EAAC,kBAAA,CAAA;OACjB,eAAa,MAAA,WAAA,CAAW,IAAI,KAAI;OAChC,wBAAkB,WAAE,KAAI,SAAU,MAAM,OAAM;;;;;;MAGjD,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,SAAA,CAAS,EAAC,eAAA,CAAA,EAAA,EAAA,gBACnB,KAAK,MAAK,EAAA,EAAA;MAGoC,KAAK,UAAU,UAAA,WAAA,EAAlE,YAES,MAAA,YAAA,EAAA;;OAFA,OAAK,eAAE,MAAA,SAAA,CAAS,EAAC,gBAAA,CAAA;;8BACV,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA"}

package/dist/components/cascade/cascade.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascade.js","names":[],"sources":["../../../src/components/cascade/cascade.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    :class=\"[cls.b, bem.is('disabled', disabled), bem.is('multiple', multiple), cls.m(size)]\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    trigger=\"click\"\n    ref=\"dropdownRef\"\n    :disabled=\"disabled\"\n    width=\"auto\"\n    @mouseenter=\"hovered = true\"\n    @mouseleave=\"hovered = false\"\n    @update:visible=\"!$event && (qs = '')\"\n  >\n    <template #trigger>\n      <!-- 单选展示 -->\n      <u-input\n        v-if=\"!multiple\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        native-readonly\n        :model-value=\"displayedValue\"\n        @clear=\"handleClear\"\n      >\n        <template #suffix>\n          <u-icon :class=\"cls.e('arrow')\"><ArrowDown /></u-icon>\n        </template>\n      </u-input>\n\n      <!-- 多选展示 -->\n      <template v-if=\"multiple\">\n        <span :class=\"cls.e('placeholder')\" v-show=\"!modelValue?.length\">\n          {{ placeholder }}\n        </span>\n\n        <div v-if=\"modelValue?.length\" :class=\"cls.e('tags')\">\n          <u-tag\n            v-for=\"tag of tags\"\n            :key=\"tag.value\"\n            :closable=\"!disabled\"\n            @close=\"handleCloseTag(tag)\"\n          >\n            {{ tag.label }}\n          </u-tag>\n          <u-tag v-if=\"restTag\"> {{ restTag }}+ </u-tag>\n        </div>\n\n        <transition name=\"zoom-in\" mode=\"out-in\">\n          <u-icon\n            v-if=\"clearable && modelValue?.length && hovered && !disabled\"\n            :class=\"cls.e('clear')\"\n            @click.stop=\"handleClear\"\n          >\n            <Close />\n          </u-icon>\n\n          <u-icon :class=\"cls.e('arrow')\" v-else><ArrowDown /></u-icon>\n        </transition>\n      </template>\n    </template>\n\n    <template #content>\n      <!-- 过滤 -->\n      <div v-if=\"filterable\" :class=\"cls.e('panel-filter')\">\n        <u-input placeholder=\"输入关键字进行过滤\" v-model=\"qs\" :size=\"size\" clearable>\n          <template #suffix>\n            <u-icon><Search /></u-icon>\n          </template>\n        </u-input>\n      </div>\n\n      <div :class=\"cls.e('content')\" v-if=\"panelItemList.length\">\n        <UCascadePanelItem\n          v-for=\"({ nodes, key }, index) of panelItemList\"\n          :data=\"nodes\"\n          :key=\"key\"\n          :panel-index=\"index\"\n          :value=\"selectedNodeKeys[index]\"\n          @click=\"handleClick\"\n          @check=\"handleCheck\"\n        />\n      </div>\n\n      <div :class=\"cls.e('empty')\" v-else>\n        <UEmpty />\n      </div>\n    </template>\n  </u-dropdown>\n\n  <!-- 只读 -->\n  <template v-else>\n    <div :class=\"[cls.m(size)]\" v-if=\"multiple\">\n      <div :class=\"cls.e('tags')\">\n        <u-tag v-for=\"tag of tags\" :key=\"tag.value\">\n          {{ tag.label }}\n        </u-tag>\n      </div>\n    </div>\n    <template v-else>\n      {{ displayedValue || FORM_EMPTY_CONTENT }}\n    </template>\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Forest, o } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { ArrowDown, Close, Search } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, provide, shallowRef, triggerRef, watch } from 'vue'\n\nimport type { CascadeProps, CascadeEmits, DropdownExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UTag } from '../tag'\nimport UCascadePanelItem from './cascade-panel-item.vue'\nimport { CascadeDIKey } from './di'\nimport { CascadeNode } from './node'\nimport { useCheck } from './use-check'\nimport { useDataMap } from './use-data-map'\nimport { useSelect } from './use-select'\n\ndefineOptions({\n  name: 'Cascade'\n})\n\nconst props = withDefaults(defineProps<CascadeProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  separator: '/',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined,\n  childrenKey: 'children',\n  filterable: false,\n  data: () => [],\n  visibilityLimit: 3\n})\n\nconst emit = defineEmits<CascadeEmits>()\n\nconst cls = bem('cascade')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst forest = computed(() => {\n  return new Forest<Record<string, unknown>, any>({\n    data: (props.data ?? []) as Record<string, unknown>[],\n    childrenKey: props.childrenKey,\n    createNode: (data, index, depth, _forest, parent) => {\n      if (!data) {\n        return new CascadeNode({\n          data,\n          index,\n          depth,\n          value: '',\n          label: '',\n          parent\n        })\n      }\n\n      return new CascadeNode({\n        data,\n        index,\n        depth,\n        value: o(data).get(props.valueKey) ?? '',\n        label: o(data).get(props.labelKey) ?? '',\n        parent\n      })\n    }\n  })\n})\n\nconst { dataMap } = useDataMap({ props, forest })\n\nconst { userAction, isUserActive } = useUserAction()\n\nconst {\n  displayedValue,\n  selectItem,\n  updateSingleValue,\n  panelItemList,\n  getPanelItemList,\n  createPanelItem,\n  selectedNodeKeys\n} = useSelect({\n  props,\n  emit,\n  dataMap,\n  forest,\n  isUserActive,\n  dropdownRef\n})\n\nconst { hovered, tags, restTag, updateMultipleValue, handleCloseTag, checkItem, checkedSet } =\n  useCheck({\n    props,\n    forest,\n    getPanelItemList,\n    emit,\n    dataMap,\n    isUserActive,\n    disabled,\n    readonly\n  })\n\nconst commitSingleSelect = userAction((item: CascadeNode) => {\n  if (!props.strict) {\n    updateSingleValue()\n  } else if (!item.children?.length) {\n    updateSingleValue()\n  }\n})\n\nfunction handleClick(panelIndex: number, item: CascadeNode) {\n  selectItem(panelIndex, item)\n\n  if (!props.multiple) {\n    commitSingleSelect(item)\n  }\n}\n\nconst handleCheck = userAction((item: CascadeNode, checked: boolean) => {\n  checkItem(item, checked)\n})\n\nfunction handleClear() {\n  if (props.multiple) {\n    checkedSet.value.clear()\n    triggerRef(checkedSet)\n    updateMultipleValue()\n  } else {\n    selectedNodeKeys.value = []\n    updateSingleValue()\n  }\n\n  emit('clear')\n}\n\n// 过滤\nconst qs = shallowRef<string>('')\n\nwatch([qs, forest], ([qs, forest]) => {\n  const { filterable } = props\n  if (!filterable || !qs) {\n    forest.dfs((node) => {\n      node.visible = true\n    })\n    getPanelItemList(forest.roots)\n    return\n  }\n\n  const cache = new Set<CascadeNode>()\n\n  forest.dfs((node) => {\n    if (node.label?.toLowerCase().includes(qs.toLowerCase())) {\n      node.visible = true\n      let parent = node.parent\n      while (parent && !cache.has(parent)) {\n        parent.visible = true\n        cache.add(parent)\n        parent = parent.parent\n      }\n    } else {\n      node.visible = false\n    }\n  })\n\n  panelItemList.value = [createPanelItem(forest.roots)]\n})\n\nprovide(CascadeDIKey, {\n  cls,\n  size,\n  disabled,\n  readonly,\n  cascadeProps: props,\n  checkedSet\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkIA,MAAM,QAAQ;EAcd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,UAAS;EAEzB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,cAAc,YAA4B;EAEhD,MAAM,SAAS,eAAe;AAC5B,UAAO,IAAI,OAAqC;IAC9C,MAAO,MAAM,QAAQ,EAAE;IACvB,aAAa,MAAM;IACnB,aAAa,MAAM,OAAO,OAAO,SAAS,WAAW;AACnD,SAAI,CAAC,KACH,QAAO,IAAI,YAAY;MACrB;MACA;MACA;MACA,OAAO;MACP,OAAO;MACP;MACD,CAAA;AAGH,YAAO,IAAI,YAAY;MACrB;MACA;MACA;MACA,OAAO,EAAE,KAAK,CAAC,IAAI,MAAM,SAAS,IAAI;MACtC,OAAO,EAAE,KAAK,CAAC,IAAI,MAAM,SAAS,IAAI;MACtC;MACD,CAAA;;IAEJ,CAAA;IACF;EAED,MAAM,EAAE,YAAY,WAAW;GAAE;GAAO;GAAQ,CAAA;EAEhD,MAAM,EAAE,YAAY,iBAAiB,eAAc;EAEnD,MAAM,EACJ,gBACA,YACA,mBACA,eACA,kBACA,iBACA,qBACE,UAAU;GACZ;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;EAED,MAAM,EAAE,SAAS,MAAM,SAAS,qBAAqB,gBAAgB,WAAW,eAC9E,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;EAEH,MAAM,qBAAqB,YAAY,SAAsB;AAC3D,OAAI,CAAC,MAAM,OACT,oBAAkB;YACT,CAAC,KAAK,UAAU,OACzB,oBAAkB;IAErB;EAED,SAAS,YAAY,YAAoB,MAAmB;AAC1D,cAAW,YAAY,KAAI;AAE3B,OAAI,CAAC,MAAM,SACT,oBAAmB,KAAI;;EAI3B,MAAM,cAAc,YAAY,MAAmB,YAAqB;AACtE,aAAU,MAAM,QAAO;IACxB;EAED,SAAS,cAAc;AACrB,OAAI,MAAM,UAAU;AAClB,eAAW,MAAM,OAAM;AACvB,eAAW,WAAU;AACrB,yBAAoB;UACf;AACL,qBAAiB,QAAQ,EAAC;AAC1B,uBAAkB;;AAGpB,QAAK,QAAO;;EAId,MAAM,KAAK,WAAmB,GAAE;AAEhC,QAAM,CAAC,IAAI,OAAO,GAAG,CAAC,IAAI,YAAY;GACpC,MAAM,EAAE,eAAe;AACvB,OAAI,CAAC,cAAc,CAAC,IAAI;AACtB,WAAO,KAAK,SAAS;AACnB,UAAK,UAAU;MAChB;AACD,qBAAiB,OAAO,MAAK;AAC7B;;GAGF,MAAM,wBAAQ,IAAI,KAAiB;AAEnC,UAAO,KAAK,SAAS;AACnB,QAAI,KAAK,OAAO,aAAa,CAAC,SAAS,GAAG,aAAa,CAAC,EAAE;AACxD,UAAK,UAAU;KACf,IAAI,SAAS,KAAK;AAClB,YAAO,UAAU,CAAC,MAAM,IAAI,OAAO,EAAE;AACnC,aAAO,UAAU;AACjB,YAAM,IAAI,OAAM;AAChB,eAAS,OAAO;;UAGlB,MAAK,UAAU;KAElB;AAED,iBAAc,QAAQ,CAAC,gBAAgB,OAAO,MAAM,CAAA;IACrD;AAED,UAAQ,cAAc;GACpB;GACA;GACA;GACA;GACA,cAAc;GACd;GACD,CAAA;;WAjSU,MAAA,SAAQ,IAAA,WAAA,EADjB,YAuFa,MAAA,YAAA,EAAA;;IArFV,OAAK,eAAA;KAAG,MAAA,IAAG,CAAC;KAAG,MAAA,IAAG,CAAC,GAAE,YAAa,MAAA,SAAQ,CAAA;KAAG,MAAA,IAAG,CAAC,GAAE,YAAa,QAAA,SAAQ;KAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA;KAAA,CAAA;IACrF,iBAAa,CAAG,MAAA,IAAG,CAAC,EAAC,QAAA,EAAW,MAAA,IAAG,CAAC,GAAE,SAAU,MAAA,KAAI,CAAA,CAAA;IACrD,SAAQ;aACJ;IAAJ,KAAI;IACH,UAAU,MAAA,SAAQ;IACnB,OAAM;IACL,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;IACnB,cAAU,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;IACnB,oBAAc,OAAA,OAAA,OAAA,MAAA,WAAA,CAAG,WAAW,GAAA,QAAE;;IAEpB,SAAO,cACH;KAAb,mBAAA,SAAa;MAEJ,QAAA,YAAA,WAAA,EADT,YAaU,MAAA,cAAA,EAAA;;MAXP,MAAM,MAAA,KAAI;MACV,UAAU,MAAA,SAAQ;MAClB,aAAa,QAAA;MACb,WAAW,QAAA;MACZ,mBAAA;MACC,eAAa,MAAA,eAAc;MAC3B,SAAO;;MAEG,QAAM,cACuC,CAAtD,YAAsD,MAAA,YAAA,EAAA,EAA7C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA;8BAAwB,CAAb,YAAa,MAAA,UAAA,CAAA,CAAA,CAAA;;;;;;;;;;;KAIjD,mBAAA,SAAa;KACG,QAAA,YAAA,WAAA,EAAhB,mBA4BW,UAAA,EAAA,KAAA,GAAA,EAAA;qBA3BT,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,cAAA,CAAA,EAAA,EAAA,gBACd,QAAA,YAAW,EAAA,EAAA,EAAA,CAAA,CAAA,OAAA,CAD6B,QAAA,YAAY,OAAM,CAAA,CAAA;MAIpD,QAAA,YAAY,UAAA,WAAA,EAAvB,mBAUM,OAAA;;OAV0B,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;4BAC1C,mBAOQ,UAAA,MAAA,WANQ,MAAA,KAAI,GAAX,QAAG;2BADZ,YAOQ,MAAA,YAAA,EAAA;QALL,KAAK,IAAI;QACT,UAAQ,CAAG,MAAA,SAAQ;QACnB,UAAK,WAAE,MAAA,eAAc,CAAC,IAAG;;+BAEX,CAAA,gBAAA,gBAAZ,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;;iBAED,MAAA,QAAO,IAAA,WAAA,EAApB,YAA8C,MAAA,YAAA,EAAA,EAAA,KAAA,GAAA,EAAA;8BAAV,CAAA,gBAAA,gBAAV,MAAA,QAAO,CAAA,GAAG,MAAE,EAAA,CAAA,CAAA;;;MAGxC,YAUa,YAAA;OAVD,MAAK;OAAU,MAAK;;8BAOrB,CALD,QAAA,aAAa,QAAA,YAAY,UAAU,MAAA,QAAO,IAAA,CAAK,MAAA,SAAQ,IAAA,WAAA,EAD/D,YAMS,MAAA,YAAA,EAAA;;QAJN,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA;QACZ,SAAK,cAAO,aAAW,CAAA,OAAA,CAAA;;+BAEf,CAAT,YAAS,MAAA,MAAA,CAAA,CAAA,CAAA;;yCAGX,YAA6D,MAAA,YAAA,EAAA;;QAApD,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA;;+BAA+B,CAAb,YAAa,MAAA,UAAA,CAAA,CAAA,CAAA;;;;;;;IAK/C,SAAO,cACL;KAAX,mBAAA,OAAW;KACA,QAAA,cAAA,WAAA,EAAX,mBAMM,OAAA;;MANkB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,eAAA,CAAA;SAClC,YAIU,MAAA,cAAA,EAAA;MAJD,aAAY;kBAAqB,GAAA;mEAAA,GAAE,QAAA;MAAG,MAAM,MAAA,KAAI;MAAE,WAAA;;MAC9C,QAAM,cACY,CAA3B,YAA2B,MAAA,YAAA,EAAA,MAAA;8BAAT,CAAV,YAAU,MAAA,OAAA,CAAA,CAAA,CAAA;;;;;KAKa,MAAA,cAAa,CAAC,UAAA,WAAA,EAAnD,mBAUM,OAAA;;MAVA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;2BAChB,mBAQE,UAAA,MAAA,WAPkC,MAAA,cAAa,GAAA,EAArC,OAAO,OAAO,UAAK;0BAD/B,YAQE,aAAA;OANC,MAAM;OACD;OACL,eAAa;OACb,OAAO,MAAA,iBAAgB,CAAC;OACxB,SAAO;OACP,SAAO,MAAA,YAAW;;;;;;;qCAIvB,mBAEM,OAAA;;MAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA;SAChB,YAAU,MAAA,YAAA,CAAA,CAAA,EAAA,EAAA;;;;;;;uBAMhB,mBAWW,UAAA,EAAA,KAAA,GAAA,EAAA,CAZX,mBAAA,OAAW,EAEyB,QAAA,YAAA,WAAA,EAAlC,mBAMM,OAAA;;IANA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;OACtB,mBAIM,OAAA,EAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EAChB,mBAEQ,UAAA,MAAA,WAFa,MAAA,KAAI,GAAX,QAAG;wBAAjB,YAEQ,MAAA,YAAA,EAAA,EAFoB,KAAK,IAAI,OAAA,EAAA;4BACpB,CAAA,gBAAA,gBAAZ,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;;wCAIlB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,eAAc,IAAI,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA"}
+{"version":3,"file":"cascade.js","names":[],"sources":["../../../src/components/cascade/cascade.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    :class=\"[cls.b, bem.is('disabled', disabled), bem.is('multiple', multiple), cls.m(size)]\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    trigger=\"click\"\n    ref=\"dropdownRef\"\n    :disabled=\"disabled\"\n    width=\"auto\"\n    @mouseenter=\"hovered = true\"\n    @mouseleave=\"hovered = false\"\n    @update:visible=\"!$event && (qs = '')\"\n  >\n    <template #trigger>\n      <!-- 单选展示 -->\n      <u-input\n        v-if=\"!multiple\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        native-readonly\n        :model-value=\"displayedValue\"\n        @clear=\"handleClear\"\n      >\n        <template #suffix>\n          <u-icon :class=\"cls.e('arrow')\"><ArrowDown /></u-icon>\n        </template>\n      </u-input>\n\n      <!-- 多选展示 -->\n      <template v-if=\"multiple\">\n        <span :class=\"cls.e('placeholder')\" v-show=\"!modelValue?.length\">\n          {{ placeholder }}\n        </span>\n\n        <div v-if=\"modelValue?.length\" :class=\"cls.e('tags')\">\n          <u-tag\n            v-for=\"tag of tags\"\n            :key=\"tag.value\"\n            :closable=\"!disabled\"\n            @close=\"handleCloseTag(tag)\"\n          >\n            {{ tag.label }}\n          </u-tag>\n          <u-tag v-if=\"restTag\"> {{ restTag }}+ </u-tag>\n        </div>\n\n        <transition name=\"zoom-in\" mode=\"out-in\">\n          <u-icon\n            v-if=\"clearable && modelValue?.length && hovered && !disabled\"\n            :class=\"cls.e('clear')\"\n            @click.stop=\"handleClear\"\n          >\n            <Close />\n          </u-icon>\n\n          <u-icon :class=\"cls.e('arrow')\" v-else><ArrowDown /></u-icon>\n        </transition>\n      </template>\n    </template>\n\n    <template #content>\n      <!-- 过滤 -->\n      <div v-if=\"filterable\" :class=\"cls.e('panel-filter')\">\n        <u-input placeholder=\"输入关键字进行过滤\" v-model=\"qs\" :size=\"size\" clearable>\n          <template #suffix>\n            <u-icon><Search /></u-icon>\n          </template>\n        </u-input>\n      </div>\n\n      <div :class=\"cls.e('content')\" v-if=\"panelItemList.length\">\n        <UCascadePanelItem\n          v-for=\"({ nodes, key }, index) of panelItemList\"\n          :data=\"nodes\"\n          :key=\"key\"\n          :panel-index=\"index\"\n          :value=\"selectedNodeKeys[index]\"\n          @click=\"handleClick\"\n          @check=\"handleCheck\"\n        />\n      </div>\n\n      <div :class=\"cls.e('empty')\" v-else>\n        <UEmpty />\n      </div>\n    </template>\n  </u-dropdown>\n\n  <!-- 只读 -->\n  <template v-else>\n    <div :class=\"[cls.m(size)]\" v-if=\"multiple\">\n      <div :class=\"cls.e('tags')\">\n        <u-tag v-for=\"tag of tags\" :key=\"tag.value\">\n          {{ tag.label }}\n        </u-tag>\n      </div>\n    </div>\n    <template v-else>\n      {{ displayedValue || FORM_EMPTY_CONTENT }}\n    </template>\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Forest, o } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { ArrowDown, Close, Search } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, provide, shallowRef, triggerRef, watch } from 'vue'\n\nimport type { CascadeProps, CascadeEmits, DropdownExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UTag } from '../tag'\nimport UCascadePanelItem from './cascade-panel-item.vue'\nimport { CascadeDIKey } from './di'\nimport { CascadeNode } from './node'\nimport { useCheck } from './use-check'\nimport { useDataMap } from './use-data-map'\nimport { useSelect } from './use-select'\n\ndefineOptions({\n  name: 'Cascade'\n})\n\nconst props = withDefaults(defineProps<CascadeProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  separator: '/',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined,\n  childrenKey: 'children',\n  filterable: false,\n  data: () => [],\n  visibilityLimit: 3\n})\n\nconst emit = defineEmits<CascadeEmits>()\n\nconst cls = bem('cascade')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst forest = computed(() => {\n  return new Forest<Record<string, unknown>, any>({\n    data: (props.data ?? []) as Record<string, unknown>[],\n    childrenKey: props.childrenKey,\n    createNode: (data, index, depth, _forest, parent) => {\n      if (!data) {\n        return new CascadeNode({\n          data,\n          index,\n          depth,\n          value: '',\n          label: '',\n          parent\n        })\n      }\n\n      return new CascadeNode({\n        data,\n        index,\n        depth,\n        value: o(data).get(props.valueKey) ?? '',\n        label: o(data).get(props.labelKey) ?? '',\n        parent\n      })\n    }\n  })\n})\n\nconst { dataMap } = useDataMap({ props, forest })\n\nconst { userAction, isUserActive } = useUserAction()\n\nconst {\n  displayedValue,\n  selectItem,\n  updateSingleValue,\n  panelItemList,\n  getPanelItemList,\n  createPanelItem,\n  selectedNodeKeys\n} = useSelect({\n  props,\n  emit,\n  dataMap,\n  forest,\n  isUserActive,\n  dropdownRef\n})\n\nconst { hovered, tags, restTag, updateMultipleValue, handleCloseTag, checkItem, checkedSet } =\n  useCheck({\n    props,\n    forest,\n    getPanelItemList,\n    emit,\n    dataMap,\n    isUserActive,\n    disabled,\n    readonly\n  })\n\nconst commitSingleSelect = userAction((item: CascadeNode) => {\n  if (!props.strict) {\n    updateSingleValue()\n  } else if (!item.children?.length) {\n    updateSingleValue()\n  }\n})\n\nfunction handleClick(panelIndex: number, item: CascadeNode) {\n  selectItem(panelIndex, item)\n\n  if (!props.multiple) {\n    commitSingleSelect(item)\n  }\n}\n\nconst handleCheck = userAction((item: CascadeNode, checked: boolean) => {\n  checkItem(item, checked)\n})\n\nfunction handleClear() {\n  if (props.multiple) {\n    checkedSet.value.clear()\n    triggerRef(checkedSet)\n    updateMultipleValue()\n  } else {\n    selectedNodeKeys.value = []\n    updateSingleValue()\n  }\n\n  emit('clear')\n}\n\n// 过滤\nconst qs = shallowRef<string>('')\n\nwatch([qs, forest], ([qs, forest]) => {\n  const { filterable } = props\n  if (!filterable || !qs) {\n    forest.dfs((node) => {\n      node.visible = true\n    })\n    getPanelItemList(forest.roots)\n    return\n  }\n\n  const cache = new Set<CascadeNode>()\n\n  forest.dfs((node) => {\n    if (node.label?.toLowerCase().includes(qs.toLowerCase())) {\n      node.visible = true\n      let parent = node.parent\n      while (parent && !cache.has(parent)) {\n        parent.visible = true\n        cache.add(parent)\n        parent = parent.parent\n      }\n    } else {\n      node.visible = false\n    }\n  })\n\n  panelItemList.value = [createPanelItem(forest.roots)]\n})\n\nprovide(CascadeDIKey, {\n  cls,\n  size,\n  disabled,\n  readonly,\n  cascadeProps: props,\n  checkedSet\n})\n</script>\n"],"mappings":"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"}

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

@@ -11,14 +11,14 @@ declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {},
   onClear?: (() => any) | undefined;
   onChange?: ((...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any) | undefined;
 }>, {
-  data: Record<string, any>[];
   disabled: boolean;
   readonly: boolean;
-  placeholder: string;
-  clearable: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
+  data: Record<string, any>[];
+  placeholder: string;
+  clearable: boolean;
   filterable: boolean;
   visibilityLimit: number;
   separator: string;

package/dist/components/cascade/node.js.map

@@ -1 +1 @@
-{"version":3,"file":"node.js","names":[],"sources":["../../../src/components/cascade/node.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { shallowReactive } from 'vue'\n\nexport class CascadeNode<T extends Record<string, any> = Record<string, any>> extends TreeNode<\n  T,\n  CascadeNode<T>\n> {\n  visible = true\n\n  value: string\n  label: string\n\n  constructor(options: {\n    data: Record<string, any>\n    index: number\n    depth: number\n    value: string\n    label: string\n    parent?: CascadeNode<T>\n  }) {\n    const { data, index, depth, parent, value, label } = options\n    super(data as T, index, depth, parent)\n    this.value = value\n    this.label = label\n\n    return shallowReactive(this)\n  }\n}\n"],"mappings":";;;AAGA,IAAa,cAAb,cAAsF,SAGpF;CACA,UAAU;CAEV;CACA;CAEA,YAAY,SAOT;EACD,MAAM,EAAE,MAAM,OAAO,OAAO,QAAQ,OAAO,UAAU;AACrD,QAAM,MAAW,OAAO,OAAO,OAAO;AACtC,OAAK,QAAQ;AACb,OAAK,QAAQ;AAEb,SAAO,gBAAgB,KAAK"}
+{"version":3,"file":"node.js","names":[],"sources":["../../../src/components/cascade/node.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { shallowReactive } from 'vue'\n\nexport class CascadeNode<T extends Record<string, any> = Record<string, any>> extends TreeNode<\n  T,\n  CascadeNode<T>\n> {\n  visible = true\n\n  value: string\n  label: string\n\n  constructor(options: {\n    data: Record<string, any>\n    index: number\n    depth: number\n    value: string\n    label: string\n    parent?: CascadeNode<T>\n  }) {\n    const { data, index, depth, parent, value, label } = options\n    super(data as T, index, depth, parent)\n    this.value = value\n    this.label = label\n\n    return shallowReactive(this)\n  }\n}\n"],"mappings":";;;AAGA,IAAa,cAAb,cAAsF,SAGpF;CACA,UAAU;CAEV;CACA;CAEA,YAAY,SAOT;EACD,MAAM,EAAE,MAAM,OAAO,OAAO,QAAQ,OAAO,UAAU;EACrD,MAAM,MAAW,OAAO,OAAO,OAAO;EACtC,KAAK,QAAQ;EACb,KAAK,QAAQ;EAEb,OAAO,gBAAgB,KAAK"}

package/dist/components/cascade/use-check.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-check.js","names":[],"sources":["../../../src/components/cascade/use-check.ts"],"sourcesContent":["import { dfs, type Forest } from '@cat-kit/core'\nimport {\n  computed,\n  shallowRef,\n  triggerRef,\n  watch,\n  type ComputedRef,\n  type Ref,\n  type ShallowRef\n} from 'vue'\n\nimport type { CascadeProps, CascadeEmits, CascadeNode } from '../../types'\n\ninterface CheckOptions {\n  props: CascadeProps\n  emit: CascadeEmits\n  dataMap: ShallowRef<Map<string, CascadeNode>>\n  disabled: Ref<boolean>\n  readonly: Ref<boolean>\n  forest: Ref<Forest<Record<string, unknown>, any>>\n  isUserActive: () => boolean\n  getPanelItemList: (data?: CascadeNode[]) => void\n}\n\ninterface UseCheckReturned {\n  hovered: ShallowRef<boolean>\n  tags: ComputedRef<CascadeNode[]>\n  checkedSet: ShallowRef<Set<CascadeNode>>\n  restTag: ComputedRef<number>\n  handleCloseTag: (tag: CascadeNode) => void\n  updateMultipleValue: () => void\n  checkItem: (item: CascadeNode, checked: boolean) => void\n}\n\nexport function useCheck(options: CheckOptions): UseCheckReturned {\n  const { props, emit, dataMap, disabled, readonly, forest, isUserActive, getPanelItemList } =\n    options\n\n  const hovered = shallowRef(false)\n\n  const checkedSet = shallowRef(new Set<CascadeNode>())\n\n  const tags = computed(() => {\n    const { modelValue, multiple } = props\n    let tags: CascadeNode[] = []\n\n    if (!multiple || !Array.isArray(modelValue)) return tags\n\n    let { visibilityLimit } = props\n    if (visibilityLimit! < 0) {\n      visibilityLimit = 0\n    }\n\n    // 禁用时，显示全部\n    if (disabled.value || readonly.value) {\n      visibilityLimit = props.modelValue?.length ?? 0\n    }\n\n    modelValue.slice(0, visibilityLimit).forEach((k) => {\n      const option = dataMap.value.get(k)\n      option && tags.push(option)\n    })\n\n    return tags\n  })\n\n  function updateMultipleValue() {\n    const checkedArr = Array.from(checkedSet.value)\n    const targetValues = checkedArr.map((item) => item.value)\n    const targetLabels = checkedArr.map((item) => item.label)\n    emit('update:modelValue', targetValues)\n    emit('change', targetValues, targetLabels, checkedArr)\n  }\n\n  const restTag = computed(() => {\n    const { visibilityLimit, modelValue } = props\n\n    return Math.max((modelValue?.length ?? 0) - visibilityLimit!, 0)\n  })\n\n  function handleCloseTag(tag: CascadeNode) {\n    checkedSet.value.delete(tag)\n    updateMultipleValue()\n  }\n\n  function checkItem(item: CascadeNode, checked: boolean) {\n    const childrenKey = props.childrenKey ?? 'children'\n    if (checked) {\n      dfs(\n        item as unknown as Record<string, unknown>,\n        (node) => {\n          checkedSet.value.add(node as unknown as CascadeNode)\n        },\n        childrenKey\n      )\n    } else {\n      dfs(\n        item as unknown as Record<string, unknown>,\n        (node) => {\n          checkedSet.value.delete(node as unknown as CascadeNode)\n        },\n        childrenKey\n      )\n    }\n\n    triggerRef(checkedSet)\n\n    updateMultipleValue()\n  }\n\n  function initMultipleCheck() {\n    const { modelValue } = props\n    getPanelItemList()\n    if (Array.isArray(modelValue)) {\n      checkedSet.value = new Set(modelValue.map((v) => dataMap.value.get(v)!))\n    }\n  }\n\n  watch(\n    [() => props.multiple, () => props.modelValue, forest],\n    ([multiple]) => {\n      if (!multiple || isUserActive()) return\n      initMultipleCheck()\n    },\n    { immediate: false }\n  )\n\n  return { hovered, tags, checkedSet, restTag, handleCloseTag, updateMultipleValue, checkItem }\n}\n"],"mappings":";;;AAkCA,SAAgB,SAAS,SAAyC;CAChE,MAAM,EAAE,OAAO,MAAM,SAAS,UAAU,UAAU,QAAQ,cAAc,qBACtE;CAEF,MAAM,UAAU,WAAW,MAAM;CAEjC,MAAM,aAAa,2BAAW,IAAI,KAAkB,CAAC;CAErD,MAAM,OAAO,eAAe;EAC1B,MAAM,EAAE,YAAY,aAAa;EACjC,IAAI,OAAsB,EAAE;AAE5B,MAAI,CAAC,YAAY,CAAC,MAAM,QAAQ,WAAW,CAAE,QAAO;EAEpD,IAAI,EAAE,oBAAoB;AAC1B,MAAI,kBAAmB,EACrB,mBAAkB;AAIpB,MAAI,SAAS,SAAS,SAAS,MAC7B,mBAAkB,MAAM,YAAY,UAAU;AAGhD,aAAW,MAAM,GAAG,gBAAgB,CAAC,SAAS,MAAM;GAClD,MAAM,SAAS,QAAQ,MAAM,IAAI,EAAE;AACnC,aAAU,KAAK,KAAK,OAAO;IAC3B;AAEF,SAAO;GACP;CAEF,SAAS,sBAAsB;EAC7B,MAAM,aAAa,MAAM,KAAK,WAAW,MAAM;EAC/C,MAAM,eAAe,WAAW,KAAK,SAAS,KAAK,MAAM;EACzD,MAAM,eAAe,WAAW,KAAK,SAAS,KAAK,MAAM;AACzD,OAAK,qBAAqB,aAAa;AACvC,OAAK,UAAU,cAAc,cAAc,WAAW;;CAGxD,MAAM,UAAU,eAAe;EAC7B,MAAM,EAAE,iBAAiB,eAAe;AAExC,SAAO,KAAK,KAAK,YAAY,UAAU,KAAK,iBAAkB,EAAE;GAChE;CAEF,SAAS,eAAe,KAAkB;AACxC,aAAW,MAAM,OAAO,IAAI;AAC5B,uBAAqB;;CAGvB,SAAS,UAAU,MAAmB,SAAkB;EACtD,MAAM,cAAc,MAAM,eAAe;AACzC,MAAI,QACF,KACE,OACC,SAAS;AACR,cAAW,MAAM,IAAI,KAA+B;KAEtD,YACD;MAED,KACE,OACC,SAAS;AACR,cAAW,MAAM,OAAO,KAA+B;KAEzD,YACD;AAGH,aAAW,WAAW;AAEtB,uBAAqB;;CAGvB,SAAS,oBAAoB;EAC3B,MAAM,EAAE,eAAe;AACvB,oBAAkB;AAClB,MAAI,MAAM,QAAQ,WAAW,CAC3B,YAAW,QAAQ,IAAI,IAAI,WAAW,KAAK,MAAM,QAAQ,MAAM,IAAI,EAAE,CAAE,CAAC;;AAI5E,OACE;QAAO,MAAM;QAAgB,MAAM;EAAY;EAAO,GACrD,CAAC,cAAc;AACd,MAAI,CAAC,YAAY,cAAc,CAAE;AACjC,qBAAmB;IAErB,EAAE,WAAW,OAAO,CACrB;AAED,QAAO;EAAE;EAAS;EAAM;EAAY;EAAS;EAAgB;EAAqB;EAAW"}
+{"version":3,"file":"use-check.js","names":[],"sources":["../../../src/components/cascade/use-check.ts"],"sourcesContent":["import { dfs, type Forest } from '@cat-kit/core'\nimport {\n  computed,\n  shallowRef,\n  triggerRef,\n  watch,\n  type ComputedRef,\n  type Ref,\n  type ShallowRef\n} from 'vue'\n\nimport type { CascadeProps, CascadeEmits, CascadeNode } from '../../types'\n\ninterface CheckOptions {\n  props: CascadeProps\n  emit: CascadeEmits\n  dataMap: ShallowRef<Map<string, CascadeNode>>\n  disabled: Ref<boolean>\n  readonly: Ref<boolean>\n  forest: Ref<Forest<Record<string, unknown>, any>>\n  isUserActive: () => boolean\n  getPanelItemList: (data?: CascadeNode[]) => void\n}\n\ninterface UseCheckReturned {\n  hovered: ShallowRef<boolean>\n  tags: ComputedRef<CascadeNode[]>\n  checkedSet: ShallowRef<Set<CascadeNode>>\n  restTag: ComputedRef<number>\n  handleCloseTag: (tag: CascadeNode) => void\n  updateMultipleValue: () => void\n  checkItem: (item: CascadeNode, checked: boolean) => void\n}\n\nexport function useCheck(options: CheckOptions): UseCheckReturned {\n  const { props, emit, dataMap, disabled, readonly, forest, isUserActive, getPanelItemList } =\n    options\n\n  const hovered = shallowRef(false)\n\n  const checkedSet = shallowRef(new Set<CascadeNode>())\n\n  const tags = computed(() => {\n    const { modelValue, multiple } = props\n    let tags: CascadeNode[] = []\n\n    if (!multiple || !Array.isArray(modelValue)) return tags\n\n    let { visibilityLimit } = props\n    if (visibilityLimit! < 0) {\n      visibilityLimit = 0\n    }\n\n    // 禁用时，显示全部\n    if (disabled.value || readonly.value) {\n      visibilityLimit = props.modelValue?.length ?? 0\n    }\n\n    modelValue.slice(0, visibilityLimit).forEach((k) => {\n      const option = dataMap.value.get(k)\n      option && tags.push(option)\n    })\n\n    return tags\n  })\n\n  function updateMultipleValue() {\n    const checkedArr = Array.from(checkedSet.value)\n    const targetValues = checkedArr.map((item) => item.value)\n    const targetLabels = checkedArr.map((item) => item.label)\n    emit('update:modelValue', targetValues)\n    emit('change', targetValues, targetLabels, checkedArr)\n  }\n\n  const restTag = computed(() => {\n    const { visibilityLimit, modelValue } = props\n\n    return Math.max((modelValue?.length ?? 0) - visibilityLimit!, 0)\n  })\n\n  function handleCloseTag(tag: CascadeNode) {\n    checkedSet.value.delete(tag)\n    updateMultipleValue()\n  }\n\n  function checkItem(item: CascadeNode, checked: boolean) {\n    const childrenKey = props.childrenKey ?? 'children'\n    if (checked) {\n      dfs(\n        item as unknown as Record<string, unknown>,\n        (node) => {\n          checkedSet.value.add(node as unknown as CascadeNode)\n        },\n        childrenKey\n      )\n    } else {\n      dfs(\n        item as unknown as Record<string, unknown>,\n        (node) => {\n          checkedSet.value.delete(node as unknown as CascadeNode)\n        },\n        childrenKey\n      )\n    }\n\n    triggerRef(checkedSet)\n\n    updateMultipleValue()\n  }\n\n  function initMultipleCheck() {\n    const { modelValue } = props\n    getPanelItemList()\n    if (Array.isArray(modelValue)) {\n      checkedSet.value = new Set(modelValue.map((v) => dataMap.value.get(v)!))\n    }\n  }\n\n  watch(\n    [() => props.multiple, () => props.modelValue, forest],\n    ([multiple]) => {\n      if (!multiple || isUserActive()) return\n      initMultipleCheck()\n    },\n    { immediate: false }\n  )\n\n  return { hovered, tags, checkedSet, restTag, handleCloseTag, updateMultipleValue, checkItem }\n}\n"],"mappings":";;;AAkCA,SAAgB,SAAS,SAAyC;CAChE,MAAM,EAAE,OAAO,MAAM,SAAS,UAAU,UAAU,QAAQ,cAAc,qBACtE;CAEF,MAAM,UAAU,WAAW,MAAM;CAEjC,MAAM,aAAa,2BAAW,IAAI,KAAkB,CAAC;CAErD,MAAM,OAAO,eAAe;EAC1B,MAAM,EAAE,YAAY,aAAa;EACjC,IAAI,OAAsB,EAAE;EAE5B,IAAI,CAAC,YAAY,CAAC,MAAM,QAAQ,WAAW,EAAE,OAAO;EAEpD,IAAI,EAAE,oBAAoB;EAC1B,IAAI,kBAAmB,GACrB,kBAAkB;EAIpB,IAAI,SAAS,SAAS,SAAS,OAC7B,kBAAkB,MAAM,YAAY,UAAU;EAGhD,WAAW,MAAM,GAAG,gBAAgB,CAAC,SAAS,MAAM;GAClD,MAAM,SAAS,QAAQ,MAAM,IAAI,EAAE;GACnC,UAAU,KAAK,KAAK,OAAO;IAC3B;EAEF,OAAO;GACP;CAEF,SAAS,sBAAsB;EAC7B,MAAM,aAAa,MAAM,KAAK,WAAW,MAAM;EAC/C,MAAM,eAAe,WAAW,KAAK,SAAS,KAAK,MAAM;EACzD,MAAM,eAAe,WAAW,KAAK,SAAS,KAAK,MAAM;EACzD,KAAK,qBAAqB,aAAa;EACvC,KAAK,UAAU,cAAc,cAAc,WAAW;;CAGxD,MAAM,UAAU,eAAe;EAC7B,MAAM,EAAE,iBAAiB,eAAe;EAExC,OAAO,KAAK,KAAK,YAAY,UAAU,KAAK,iBAAkB,EAAE;GAChE;CAEF,SAAS,eAAe,KAAkB;EACxC,WAAW,MAAM,OAAO,IAAI;EAC5B,qBAAqB;;CAGvB,SAAS,UAAU,MAAmB,SAAkB;EACtD,MAAM,cAAc,MAAM,eAAe;EACzC,IAAI,SACF,IACE,OACC,SAAS;GACR,WAAW,MAAM,IAAI,KAA+B;KAEtD,YACD;OAED,IACE,OACC,SAAS;GACR,WAAW,MAAM,OAAO,KAA+B;KAEzD,YACD;EAGH,WAAW,WAAW;EAEtB,qBAAqB;;CAGvB,SAAS,oBAAoB;EAC3B,MAAM,EAAE,eAAe;EACvB,kBAAkB;EAClB,IAAI,MAAM,QAAQ,WAAW,EAC3B,WAAW,QAAQ,IAAI,IAAI,WAAW,KAAK,MAAM,QAAQ,MAAM,IAAI,EAAE,CAAE,CAAC;;CAI5E,MACE;QAAO,MAAM;QAAgB,MAAM;EAAY;EAAO,GACrD,CAAC,cAAc;EACd,IAAI,CAAC,YAAY,cAAc,EAAE;EACjC,mBAAmB;IAErB,EAAE,WAAW,OAAO,CACrB;CAED,OAAO;EAAE;EAAS;EAAM;EAAY;EAAS;EAAgB;EAAqB;EAAW"}

package/dist/components/cascade/use-data-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-data-map.js","names":[],"sources":["../../../src/components/cascade/use-data-map.ts"],"sourcesContent":["import { Forest, o } from '@cat-kit/core'\nimport { shallowRef, triggerRef, watchEffect, type ComputedRef, type ShallowRef } from 'vue'\n\nimport type { CascadeNode, CascadeProps } from '../../types'\n\ninterface DataMapOptions {\n  props: CascadeProps\n  forest: ComputedRef<Forest<Record<string, unknown>, any>>\n}\n\n/** 数据映射相关逻辑 */\ninterface UseDataMapReturned {\n  dataMap: ShallowRef<Map<string, CascadeNode>>\n}\n\nexport function useDataMap(options: DataMapOptions): UseDataMapReturned {\n  const { props, forest } = options\n  const dataMap = shallowRef(new Map<string, CascadeNode>())\n\n  watchEffect(() => {\n    const { valueKey } = props\n\n    dataMap.value.clear()\n\n    forest.value.dfs((node) => {\n      const value = o(node.data).get(valueKey!)\n      if (value !== null && value !== undefined) {\n        dataMap.value.set(value, node)\n      }\n    })\n\n    triggerRef(dataMap)\n  })\n\n  return { dataMap }\n}\n"],"mappings":";;;AAeA,SAAgB,WAAW,SAA6C;CACtE,MAAM,EAAE,OAAO,WAAW;CAC1B,MAAM,UAAU,2BAAW,IAAI,KAA0B,CAAC;AAE1D,mBAAkB;EAChB,MAAM,EAAE,aAAa;AAErB,UAAQ,MAAM,OAAO;AAErB,SAAO,MAAM,KAAK,SAAS;GACzB,MAAM,QAAQ,EAAE,KAAK,KAAK,CAAC,IAAI,SAAU;AACzC,OAAI,UAAU,QAAQ,UAAU,KAAA,EAC9B,SAAQ,MAAM,IAAI,OAAO,KAAK;IAEhC;AAEF,aAAW,QAAQ;GACnB;AAEF,QAAO,EAAE,SAAS"}
+{"version":3,"file":"use-data-map.js","names":[],"sources":["../../../src/components/cascade/use-data-map.ts"],"sourcesContent":["import { Forest, o } from '@cat-kit/core'\nimport { shallowRef, triggerRef, watchEffect, type ComputedRef, type ShallowRef } from 'vue'\n\nimport type { CascadeNode, CascadeProps } from '../../types'\n\ninterface DataMapOptions {\n  props: CascadeProps\n  forest: ComputedRef<Forest<Record<string, unknown>, any>>\n}\n\n/** 数据映射相关逻辑 */\ninterface UseDataMapReturned {\n  dataMap: ShallowRef<Map<string, CascadeNode>>\n}\n\nexport function useDataMap(options: DataMapOptions): UseDataMapReturned {\n  const { props, forest } = options\n  const dataMap = shallowRef(new Map<string, CascadeNode>())\n\n  watchEffect(() => {\n    const { valueKey } = props\n\n    dataMap.value.clear()\n\n    forest.value.dfs((node) => {\n      const value = o(node.data).get(valueKey!)\n      if (value !== null && value !== undefined) {\n        dataMap.value.set(value, node)\n      }\n    })\n\n    triggerRef(dataMap)\n  })\n\n  return { dataMap }\n}\n"],"mappings":";;;AAeA,SAAgB,WAAW,SAA6C;CACtE,MAAM,EAAE,OAAO,WAAW;CAC1B,MAAM,UAAU,2BAAW,IAAI,KAA0B,CAAC;CAE1D,kBAAkB;EAChB,MAAM,EAAE,aAAa;EAErB,QAAQ,MAAM,OAAO;EAErB,OAAO,MAAM,KAAK,SAAS;GACzB,MAAM,QAAQ,EAAE,KAAK,KAAK,CAAC,IAAI,SAAU;GACzC,IAAI,UAAU,QAAQ,UAAU,KAAA,GAC9B,QAAQ,MAAM,IAAI,OAAO,KAAK;IAEhC;EAEF,WAAW,QAAQ;GACnB;CAEF,OAAO,EAAE,SAAS"}

package/dist/components/cascade/use-select.js

@@ -20,7 +20,7 @@ function useSelect(options) {
 		const { modelValue, separator } = props;
 		return (modelValue && typeof modelValue === "string" ? modelValue.split(separator) : void 0)?.map((v) => {
 			return dataMap.value.get(v)?.label ?? v;
-		}).join(props.separator);
+		}).join(props.separator) ?? "";
 	});
 	function getPanelItemList(data) {
 		const _panelItemList = [];

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.js","names":[],"sources":["../../../src/components/cascade/use-select.ts"],"sourcesContent":["import { Forest } from '@cat-kit/core'\nimport { createIncrease } from '@veltra/utils'\nimport {\n  computed,\n  nextTick,\n  shallowRef,\n  triggerRef,\n  watch,\n  type ComputedRef,\n  type Ref,\n  type ShallowRef\n} from 'vue'\n\nimport type {\n  CascadeProps,\n  CascadeEmits,\n  CascadeNode,\n  DropdownExposed,\n  PanelItem\n} from '../../types'\n\ninterface SelectOptions {\n  props: CascadeProps\n  emit: CascadeEmits\n  isUserActive: () => boolean\n  forest: Ref<Forest<Record<string, unknown>, any>>\n  dataMap: Ref<Map<string, CascadeNode>>\n  dropdownRef: Ref<DropdownExposed | undefined>\n}\n\ninterface UseSelectReturned {\n  displayedValue: ComputedRef<string | undefined>\n  selectItem: (panelIndex: number, item: CascadeNode) => void\n  selectedNodeKeys: ShallowRef<string[]>\n  updateSingleValue: () => void\n  initSingleSelect: () => void\n  panelItemList: ShallowRef<PanelItem[]>\n  getPanelItemList: (data?: CascadeNode[]) => void\n  setPanelItem: (panelIndex: number, panelData?: CascadeNode[]) => void\n  createPanelItem: (nodes: CascadeNode[]) => PanelItem\n}\n\nexport function useSelect(options: SelectOptions): UseSelectReturned {\n  const { props, emit, dataMap, isUserActive, dropdownRef, forest } = options\n\n  /** 选中的节点key */\n  const selectedNodeKeys = shallowRef<string[]>([])\n\n  const currentItem = shallowRef<Record<string, any>>()\n\n  /** 面板数据 */\n  const panelItemList = shallowRef<PanelItem[]>([])\n  const uid = createIncrease()\n  function createPanelItem(nodes: CascadeNode[]): PanelItem {\n    return { key: uid(), nodes: nodes.filter((node) => node.visible) }\n  }\n\n  const displayedValue = computed(() => {\n    const { modelValue, separator } = props\n    const valueNodes =\n      modelValue && typeof modelValue === 'string' ? modelValue.split(separator!) : undefined\n    return valueNodes\n      ?.map((v) => {\n        const node = dataMap.value.get(v)\n        return node?.label ?? v\n      })\n      .join(props.separator)\n  })\n\n  function getPanelItemList(data?: CascadeNode[]) {\n    const _panelItemList: Array<PanelItem> = []\n    if (!data?.length) return panelItemList\n    _panelItemList.push(createPanelItem(data))\n\n    selectedNodeKeys.value.slice(0, -1).forEach((key) => {\n      const node = dataMap.value.get(key)\n      node?.children?.length && _panelItemList.push(createPanelItem(node.children))\n    })\n\n    panelItemList.value = _panelItemList\n  }\n\n  function setPanelItem(panelIndex: number, panelData?: CascadeNode[]) {\n    if (panelData?.length) {\n      panelItemList.value[panelIndex + 1] = createPanelItem(panelData)\n      panelItemList.value.splice(panelIndex + 2)\n    } else {\n      panelItemList.value.splice(panelIndex + 1)\n    }\n\n    triggerRef(panelItemList)\n  }\n\n  function updateSingleValue() {\n    const { separator } = props\n\n    const targetValue = selectedNodeKeys.value.length\n      ? selectedNodeKeys.value.join(separator!)\n      : undefined\n\n    const targetLabel = selectedNodeKeys.value\n      .map((key) => {\n        const node = dataMap.value.get(key)\n        return node?.label\n      })\n      .filter(Boolean)\n      .join(separator!)\n\n    emit('update:modelValue', targetValue)\n    emit('change', targetValue, targetLabel, currentItem.value!)\n  }\n\n  /**\n   * 单选选择\n   *\n   * @param panelIndex 面板索引\n   * @param item 选中的节点\n   */\n  function selectItem(panelIndex: number, item: CascadeNode) {\n    // 设置选中的节点\n    currentItem.value = item\n    selectedNodeKeys.value[panelIndex] = item.value\n    selectedNodeKeys.value.splice(panelIndex + 1)\n    triggerRef(selectedNodeKeys)\n\n    // 展开子级面板\n    setPanelItem(panelIndex, item.children)\n\n    nextTick(() => {\n      dropdownRef.value?.updateDropdown()\n    })\n\n    if (!item.children?.length && !props.multiple) {\n      dropdownRef.value?.close()\n    }\n  }\n\n  function initSingleSelect() {\n    const { modelValue, separator } = props\n\n    if (modelValue && typeof modelValue === 'string') {\n      const nodes = modelValue.split(separator!)\n      selectedNodeKeys.value = nodes\n      getPanelItemList(forest.value.roots)\n    } else {\n      selectedNodeKeys.value = []\n      getPanelItemList(forest.value.roots)\n    }\n  }\n\n  watch(\n    [() => props.multiple, () => props.modelValue, forest],\n    ([multiple]) => {\n      if (multiple || isUserActive()) return\n      initSingleSelect()\n    },\n    { immediate: true }\n  )\n\n  return {\n    displayedValue,\n    selectItem,\n    selectedNodeKeys,\n    updateSingleValue,\n    initSingleSelect,\n    panelItemList,\n    getPanelItemList,\n    setPanelItem,\n    createPanelItem\n  }\n}\n"],"mappings":";;;;AA0CA,SAAgB,UAAU,SAA2C;CACnE,MAAM,EAAE,OAAO,MAAM,SAAS,cAAc,aAAa,WAAW;;CAGpE,MAAM,mBAAmB,WAAqB,EAAE,CAAC;CAEjD,MAAM,cAAc,YAAiC;;CAGrD,MAAM,gBAAgB,WAAwB,EAAE,CAAC;CACjD,MAAM,MAAM,gBAAgB;CAC5B,SAAS,gBAAgB,OAAiC;AACxD,SAAO;GAAE,KAAK,KAAK;GAAE,OAAO,MAAM,QAAQ,SAAS,KAAK,QAAQ;GAAE;;CAGpE,MAAM,iBAAiB,eAAe;EACpC,MAAM,EAAE,YAAY,cAAc;AAGlC,UADE,cAAc,OAAO,eAAe,WAAW,WAAW,MAAM,UAAW,GAAG,KAAA,IAE5E,KAAK,MAAM;AAEX,UADa,QAAQ,MAAM,IAAI,EACpB,EAAE,SAAS;IACtB,CACD,KAAK,MAAM,UAAU;GACxB;CAEF,SAAS,iBAAiB,MAAsB;EAC9C,MAAM,iBAAmC,EAAE;AAC3C,MAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,iBAAe,KAAK,gBAAgB,KAAK,CAAC;AAE1C,mBAAiB,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,QAAQ;GACnD,MAAM,OAAO,QAAQ,MAAM,IAAI,IAAI;AACnC,SAAM,UAAU,UAAU,eAAe,KAAK,gBAAgB,KAAK,SAAS,CAAC;IAC7E;AAEF,gBAAc,QAAQ;;CAGxB,SAAS,aAAa,YAAoB,WAA2B;AACnE,MAAI,WAAW,QAAQ;AACrB,iBAAc,MAAM,aAAa,KAAK,gBAAgB,UAAU;AAChE,iBAAc,MAAM,OAAO,aAAa,EAAE;QAE1C,eAAc,MAAM,OAAO,aAAa,EAAE;AAG5C,aAAW,cAAc;;CAG3B,SAAS,oBAAoB;EAC3B,MAAM,EAAE,cAAc;EAEtB,MAAM,cAAc,iBAAiB,MAAM,SACvC,iBAAiB,MAAM,KAAK,UAAW,GACvC,KAAA;EAEJ,MAAM,cAAc,iBAAiB,MAClC,KAAK,QAAQ;AAEZ,UADa,QAAQ,MAAM,IAAI,IACpB,EAAE;IACb,CACD,OAAO,QAAQ,CACf,KAAK,UAAW;AAEnB,OAAK,qBAAqB,YAAY;AACtC,OAAK,UAAU,aAAa,aAAa,YAAY,MAAO;;;;;;;;CAS9D,SAAS,WAAW,YAAoB,MAAmB;AAEzD,cAAY,QAAQ;AACpB,mBAAiB,MAAM,cAAc,KAAK;AAC1C,mBAAiB,MAAM,OAAO,aAAa,EAAE;AAC7C,aAAW,iBAAiB;AAG5B,eAAa,YAAY,KAAK,SAAS;AAEvC,iBAAe;AACb,eAAY,OAAO,gBAAgB;IACnC;AAEF,MAAI,CAAC,KAAK,UAAU,UAAU,CAAC,MAAM,SACnC,aAAY,OAAO,OAAO;;CAI9B,SAAS,mBAAmB;EAC1B,MAAM,EAAE,YAAY,cAAc;AAElC,MAAI,cAAc,OAAO,eAAe,UAAU;AAEhD,oBAAiB,QADH,WAAW,MAAM,UACD;AAC9B,oBAAiB,OAAO,MAAM,MAAM;SAC/B;AACL,oBAAiB,QAAQ,EAAE;AAC3B,oBAAiB,OAAO,MAAM,MAAM;;;AAIxC,OACE;QAAO,MAAM;QAAgB,MAAM;EAAY;EAAO,GACrD,CAAC,cAAc;AACd,MAAI,YAAY,cAAc,CAAE;AAChC,oBAAkB;IAEpB,EAAE,WAAW,MAAM,CACpB;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-select.js","names":[],"sources":["../../../src/components/cascade/use-select.ts"],"sourcesContent":["import { Forest } from '@cat-kit/core'\nimport { createIncrease } from '@veltra/utils'\nimport {\n  computed,\n  nextTick,\n  shallowRef,\n  triggerRef,\n  watch,\n  type ComputedRef,\n  type Ref,\n  type ShallowRef\n} from 'vue'\n\nimport type {\n  CascadeProps,\n  CascadeEmits,\n  CascadeNode,\n  DropdownExposed,\n  PanelItem\n} from '../../types'\n\ninterface SelectOptions {\n  props: CascadeProps\n  emit: CascadeEmits\n  isUserActive: () => boolean\n  forest: Ref<Forest<Record<string, unknown>, any>>\n  dataMap: Ref<Map<string, CascadeNode>>\n  dropdownRef: Ref<DropdownExposed | undefined>\n}\n\ninterface UseSelectReturned {\n  displayedValue: ComputedRef<string | undefined>\n  selectItem: (panelIndex: number, item: CascadeNode) => void\n  selectedNodeKeys: ShallowRef<string[]>\n  updateSingleValue: () => void\n  initSingleSelect: () => void\n  panelItemList: ShallowRef<PanelItem[]>\n  getPanelItemList: (data?: CascadeNode[]) => void\n  setPanelItem: (panelIndex: number, panelData?: CascadeNode[]) => void\n  createPanelItem: (nodes: CascadeNode[]) => PanelItem\n}\n\nexport function useSelect(options: SelectOptions): UseSelectReturned {\n  const { props, emit, dataMap, isUserActive, dropdownRef, forest } = options\n\n  /** 选中的节点key */\n  const selectedNodeKeys = shallowRef<string[]>([])\n\n  const currentItem = shallowRef<Record<string, any>>()\n\n  /** 面板数据 */\n  const panelItemList = shallowRef<PanelItem[]>([])\n  const uid = createIncrease()\n  function createPanelItem(nodes: CascadeNode[]): PanelItem {\n    return { key: uid(), nodes: nodes.filter((node) => node.visible) }\n  }\n\n  const displayedValue = computed(() => {\n    const { modelValue, separator } = props\n    const valueNodes =\n      modelValue && typeof modelValue === 'string' ? modelValue.split(separator!) : undefined\n    return (\n      valueNodes\n        ?.map((v) => {\n          const node = dataMap.value.get(v)\n          return node?.label ?? v\n        })\n        .join(props.separator) ?? ''\n    )\n  })\n\n  function getPanelItemList(data?: CascadeNode[]) {\n    const _panelItemList: Array<PanelItem> = []\n    if (!data?.length) return panelItemList\n    _panelItemList.push(createPanelItem(data))\n\n    selectedNodeKeys.value.slice(0, -1).forEach((key) => {\n      const node = dataMap.value.get(key)\n      node?.children?.length && _panelItemList.push(createPanelItem(node.children))\n    })\n\n    panelItemList.value = _panelItemList\n  }\n\n  function setPanelItem(panelIndex: number, panelData?: CascadeNode[]) {\n    if (panelData?.length) {\n      panelItemList.value[panelIndex + 1] = createPanelItem(panelData)\n      panelItemList.value.splice(panelIndex + 2)\n    } else {\n      panelItemList.value.splice(panelIndex + 1)\n    }\n\n    triggerRef(panelItemList)\n  }\n\n  function updateSingleValue() {\n    const { separator } = props\n\n    const targetValue = selectedNodeKeys.value.length\n      ? selectedNodeKeys.value.join(separator!)\n      : undefined\n\n    const targetLabel = selectedNodeKeys.value\n      .map((key) => {\n        const node = dataMap.value.get(key)\n        return node?.label\n      })\n      .filter(Boolean)\n      .join(separator!)\n\n    emit('update:modelValue', targetValue)\n    emit('change', targetValue, targetLabel, currentItem.value!)\n  }\n\n  /**\n   * 单选选择\n   *\n   * @param panelIndex 面板索引\n   * @param item 选中的节点\n   */\n  function selectItem(panelIndex: number, item: CascadeNode) {\n    // 设置选中的节点\n    currentItem.value = item\n    selectedNodeKeys.value[panelIndex] = item.value\n    selectedNodeKeys.value.splice(panelIndex + 1)\n    triggerRef(selectedNodeKeys)\n\n    // 展开子级面板\n    setPanelItem(panelIndex, item.children)\n\n    nextTick(() => {\n      dropdownRef.value?.updateDropdown()\n    })\n\n    if (!item.children?.length && !props.multiple) {\n      dropdownRef.value?.close()\n    }\n  }\n\n  function initSingleSelect() {\n    const { modelValue, separator } = props\n\n    if (modelValue && typeof modelValue === 'string') {\n      const nodes = modelValue.split(separator!)\n      selectedNodeKeys.value = nodes\n      getPanelItemList(forest.value.roots)\n    } else {\n      selectedNodeKeys.value = []\n      getPanelItemList(forest.value.roots)\n    }\n  }\n\n  watch(\n    [() => props.multiple, () => props.modelValue, forest],\n    ([multiple]) => {\n      if (multiple || isUserActive()) return\n      initSingleSelect()\n    },\n    { immediate: true }\n  )\n\n  return {\n    displayedValue,\n    selectItem,\n    selectedNodeKeys,\n    updateSingleValue,\n    initSingleSelect,\n    panelItemList,\n    getPanelItemList,\n    setPanelItem,\n    createPanelItem\n  }\n}\n"],"mappings":";;;;AA0CA,SAAgB,UAAU,SAA2C;CACnE,MAAM,EAAE,OAAO,MAAM,SAAS,cAAc,aAAa,WAAW;;CAGpE,MAAM,mBAAmB,WAAqB,EAAE,CAAC;CAEjD,MAAM,cAAc,YAAiC;;CAGrD,MAAM,gBAAgB,WAAwB,EAAE,CAAC;CACjD,MAAM,MAAM,gBAAgB;CAC5B,SAAS,gBAAgB,OAAiC;EACxD,OAAO;GAAE,KAAK,KAAK;GAAE,OAAO,MAAM,QAAQ,SAAS,KAAK,QAAQ;GAAE;;CAGpE,MAAM,iBAAiB,eAAe;EACpC,MAAM,EAAE,YAAY,cAAc;EAGlC,QADE,cAAc,OAAO,eAAe,WAAW,WAAW,MAAM,UAAW,GAAG,KAAA,IAG1E,KAAK,MAAM;GAEX,OADa,QAAQ,MAAM,IAAI,EACpB,EAAE,SAAS;IACtB,CACD,KAAK,MAAM,UAAU,IAAI;GAE9B;CAEF,SAAS,iBAAiB,MAAsB;EAC9C,MAAM,iBAAmC,EAAE;EAC3C,IAAI,CAAC,MAAM,QAAQ,OAAO;EAC1B,eAAe,KAAK,gBAAgB,KAAK,CAAC;EAE1C,iBAAiB,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,QAAQ;GACnD,MAAM,OAAO,QAAQ,MAAM,IAAI,IAAI;GACnC,MAAM,UAAU,UAAU,eAAe,KAAK,gBAAgB,KAAK,SAAS,CAAC;IAC7E;EAEF,cAAc,QAAQ;;CAGxB,SAAS,aAAa,YAAoB,WAA2B;EACnE,IAAI,WAAW,QAAQ;GACrB,cAAc,MAAM,aAAa,KAAK,gBAAgB,UAAU;GAChE,cAAc,MAAM,OAAO,aAAa,EAAE;SAE1C,cAAc,MAAM,OAAO,aAAa,EAAE;EAG5C,WAAW,cAAc;;CAG3B,SAAS,oBAAoB;EAC3B,MAAM,EAAE,cAAc;EAEtB,MAAM,cAAc,iBAAiB,MAAM,SACvC,iBAAiB,MAAM,KAAK,UAAW,GACvC,KAAA;EAEJ,MAAM,cAAc,iBAAiB,MAClC,KAAK,QAAQ;GAEZ,OADa,QAAQ,MAAM,IAAI,IACpB,EAAE;IACb,CACD,OAAO,QAAQ,CACf,KAAK,UAAW;EAEnB,KAAK,qBAAqB,YAAY;EACtC,KAAK,UAAU,aAAa,aAAa,YAAY,MAAO;;;;;;;;CAS9D,SAAS,WAAW,YAAoB,MAAmB;EAEzD,YAAY,QAAQ;EACpB,iBAAiB,MAAM,cAAc,KAAK;EAC1C,iBAAiB,MAAM,OAAO,aAAa,EAAE;EAC7C,WAAW,iBAAiB;EAG5B,aAAa,YAAY,KAAK,SAAS;EAEvC,eAAe;GACb,YAAY,OAAO,gBAAgB;IACnC;EAEF,IAAI,CAAC,KAAK,UAAU,UAAU,CAAC,MAAM,UACnC,YAAY,OAAO,OAAO;;CAI9B,SAAS,mBAAmB;EAC1B,MAAM,EAAE,YAAY,cAAc;EAElC,IAAI,cAAc,OAAO,eAAe,UAAU;GAEhD,iBAAiB,QADH,WAAW,MAAM,UACD;GAC9B,iBAAiB,OAAO,MAAM,MAAM;SAC/B;GACL,iBAAiB,QAAQ,EAAE;GAC3B,iBAAiB,OAAO,MAAM,MAAM;;;CAIxC,MACE;QAAO,MAAM;QAAgB,MAAM;EAAY;EAAO,GACrD,CAAC,cAAc;EACd,IAAI,YAAY,cAAc,EAAE;EAChC,kBAAkB;IAEpB,EAAE,WAAW,MAAM,CACpB;CAED,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/components/check-tag/check-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-tag.js","names":[],"sources":["../../../src/components/check-tag/check-tag.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" @click=\"handleChange\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { CheckTagEmits, CheckTagProps } from '../../types'\n\ndefineOptions({\n  name: 'CheckTag'\n})\n\nconst cls = bem('check-tag')\n\nconst props = withDefaults(defineProps<CheckTagProps>(), {})\n\nconst emits = defineEmits<CheckTagEmits>()\n\nconst classList = computed(() => {\n  return [cls.b, bem.is('checked', props.checked)]\n})\n\nconst handleChange = () => {\n  emits('update:modelValue', props.checked)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EAgBA,MAAM,MAAM,IAAI,YAAW;EAE3B,MAAM,QAAQ;EAEd,MAAM,QAAQ;EAEd,MAAM,YAAY,eAAe;AAC/B,UAAO,CAAC,IAAI,GAAG,IAAI,GAAG,WAAW,MAAM,QAAQ,CAAA;IAChD;EAED,MAAM,qBAAqB;AACzB,SAAM,qBAAqB,MAAM,QAAO;;;uBA1BxC,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAG,SAAO;OAC9B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"check-tag.js","names":[],"sources":["../../../src/components/check-tag/check-tag.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" @click=\"handleChange\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { CheckTagEmits, CheckTagProps } from '../../types'\n\ndefineOptions({\n  name: 'CheckTag'\n})\n\nconst cls = bem('check-tag')\n\nconst props = withDefaults(defineProps<CheckTagProps>(), {})\n\nconst emits = defineEmits<CheckTagEmits>()\n\nconst classList = computed(() => {\n  return [cls.b, bem.is('checked', props.checked)]\n})\n\nconst handleChange = () => {\n  emits('update:modelValue', props.checked)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EAgBA,MAAM,MAAM,IAAI,YAAW;EAE3B,MAAM,QAAQ;EAEd,MAAM,QAAQ;EAEd,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,GAAG,IAAI,GAAG,WAAW,MAAM,QAAQ,CAAA;IAChD;EAED,MAAM,qBAAqB;GACzB,MAAM,qBAAqB,MAAM,QAAO;;;uBA1BxC,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAG,SAAO;OAC9B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/checkbox/checkbox-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-button.js","names":[],"sources":["../../../src/components/checkbox/checkbox-button.vue"],"sourcesContent":["<template>\n  <div v-if=\"!readonly\" :class=\"className\" @click=\"handleInput\">\n    <slot />\n  </div>\n\n  <u-tag v-else-if=\"checked !== undefined\" :type=\"checked ? 'success' : 'danger'\">\n    {{ checked ? '是' : '否' }}\n  </u-tag>\n\n  <template v-else>\n    {{ 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'\nimport { computed } from 'vue'\n\nimport type { CheckboxButtonProps, CheckboxButtonEmits } from '../../types'\nimport { UTag } from '../tag'\n\ndefineOptions({\n  name: 'CheckboxButton'\n})\n\nconst props = withDefaults(defineProps<CheckboxButtonProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  type: 'primary',\n  round: false\n})\n\nconst emit = defineEmits<CheckboxButtonEmits>()\n\nconst slot = defineSlots<{\n  default(): any\n}>()\n\nconst cls = bem('checkbox-button')\n\nconst checked = defineModel<boolean>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is(props.type),\n    bem.is('round', props.round),\n    bem.is('disabled', disabled.value),\n    bem.is('checked', checked.value)\n  ]\n})\n\nconst handleInput = () => {\n  checked.value = !checked.value\n  emit('change', !!checked.value)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAOd,MAAM,OAAO;AAEA,YAAA;EAIb,MAAM,MAAM,IAAI,kBAAiB;EAEjC,MAAM,UAAU,SAAoB,SAAA,aAAC;EAErC,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,MAAM,KAAK;IAClB,IAAI,GAAG,SAAS,MAAM,MAAM;IAC5B,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,WAAW,QAAQ,MAAK;IACjC;IACD;EAED,MAAM,oBAAoB;AACxB,WAAQ,QAAQ,CAAC,QAAQ;AACzB,QAAK,UAAU,CAAC,CAAC,QAAQ,MAAK;;;WAhElB,MAAA,SAAQ,IAAA,WAAA,EAApB,mBAEM,OAAA;;IAFiB,OAAK,eAAE,UAAA,MAAS;IAAG,SAAO;OAC/C,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAGQ,QAAA,UAAY,KAAA,KAAA,WAAA,EAA9B,YAEQ,MAAA,YAAA,EAAA;;IAFkC,MAAM,QAAA,QAAO,YAAA;;2BAC5B,CAAA,gBAAA,gBAAtB,QAAA,QAAO,MAAA,IAAA,EAAA,EAAA,CAAA,CAAA;;oCAGZ,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"checkbox-button.js","names":[],"sources":["../../../src/components/checkbox/checkbox-button.vue"],"sourcesContent":["<template>\n  <div v-if=\"!readonly\" :class=\"className\" @click=\"handleInput\">\n    <slot />\n  </div>\n\n  <u-tag v-else-if=\"checked !== undefined\" :type=\"checked ? 'success' : 'danger'\">\n    {{ checked ? '是' : '否' }}\n  </u-tag>\n\n  <template v-else>\n    {{ 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'\nimport { computed } from 'vue'\n\nimport type { CheckboxButtonProps, CheckboxButtonEmits } from '../../types'\nimport { UTag } from '../tag'\n\ndefineOptions({\n  name: 'CheckboxButton'\n})\n\nconst props = withDefaults(defineProps<CheckboxButtonProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  type: 'primary',\n  round: false\n})\n\nconst emit = defineEmits<CheckboxButtonEmits>()\n\nconst slot = defineSlots<{\n  default(): any\n}>()\n\nconst cls = bem('checkbox-button')\n\nconst checked = defineModel<boolean>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is(props.type),\n    bem.is('round', props.round),\n    bem.is('disabled', disabled.value),\n    bem.is('checked', checked.value)\n  ]\n})\n\nconst handleInput = () => {\n  checked.value = !checked.value\n  emit('change', !!checked.value)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEA,UAAA;EAIb,MAAM,MAAM,IAAI,kBAAiB;EAEjC,MAAM,UAAU,SAAoB,SAAA,aAAC;EAErC,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAK,EAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAK;IAChB,IAAI,GAAG,MAAM,KAAI;IACjB,IAAI,GAAG,SAAS,MAAM,MAAK;IAC3B,IAAI,GAAG,YAAY,SAAS,MAAK;IACjC,IAAI,GAAG,WAAW,QAAQ,MAAK;IACjC;IACD;EAED,MAAM,oBAAoB;GACxB,QAAQ,QAAQ,CAAC,QAAQ;GACzB,KAAK,UAAU,CAAC,CAAC,QAAQ,MAAK;;;WAhElB,MAAA,SAAA,IAAA,WAAA,EAAZ,mBAEM,OAAA;;IAFiB,OAAK,eAAE,UAAA,MAAS;IAAG,SAAO;OAC/C,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAGQ,QAAA,UAAY,KAAA,KAAA,WAAA,EAA9B,YAEQ,MAAA,YAAA,EAAA;;IAFkC,MAAM,QAAA,QAAO,YAAA;;2BAC5B,CAAA,gBAAA,gBAAtB,QAAA,QAAO,MAAA,IAAA,EAAA,EAAA,CAAA,CAAA;;oCAGZ,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/components/checkbox/checkbox-button.vue.d.ts

@@ -20,9 +20,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean) => any) | undefined;
 }>, {
-  type: _$_veltra_utils0.ColorType;
   disabled: boolean;
   readonly: boolean;
+  type: _$_veltra_utils0.ColorType;
   round: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["$slots"],"sources":["../../../src/components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <label :class=\"className\">\n    <span :class=\"cls.e('wrap')\">\n      <transition name=\"zoom-in\" mode=\"out-in\">\n        <svg viewBox=\"0 0 64 64\" v-if=\"checked\" fill=\"currentColor\">\n          <path\n            d=\"M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z\"\n          ></path>\n        </svg>\n        <span v-else-if=\"indeterminate\" :class=\"cls.m('indeterminate')\"></span>\n      </transition>\n    </span>\n\n    <input type=\"checkbox\" :checked=\"checked\" :disabled=\"disabled\" hidden @click=\"handleInput\" />\n\n    <span :class=\"cls.e('label')\" v-if=\"$slots.default\"><slot /> </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 { CheckboxProps, CheckboxEmits } from '../../types'\n\ndefineOptions({\n  name: 'Checkbox'\n})\nconst props = withDefaults(defineProps<CheckboxProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<CheckboxEmits>()\nconst cls = bem('checkbox')\n\nconst checked = defineModel<boolean>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('checked', checked.value || props.indeterminate)\n  ]\n})\n\nconst handleInput = (e: MouseEvent) => {\n  if (readonly.value) return\n  const target = e.target as HTMLInputElement\n  checked.value = target.checked\n  emit('change', target.checked, e)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAKd,MAAM,OAAO;EACb,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,UAAU,SAAoB,SAAA,aAAC;EAErC,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,WAAW,QAAQ,SAAS,MAAM,cAAa;IACxD;IACD;EAED,MAAM,eAAe,MAAkB;AACrC,OAAI,SAAS,MAAO;GACpB,MAAM,SAAS,EAAE;AACjB,WAAQ,QAAQ,OAAO;AACvB,QAAK,UAAU,OAAO,SAAS,EAAC;;;uBA7DhC,mBAeQ,SAAA,EAfA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA;IACtB,mBASO,QAAA,EATA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,CACjB,YAOa,YAAA;KAPD,MAAK;KAAU,MAAK;;4BAKxB,CAJyB,QAAA,SAAA,WAAA,EAA/B,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAHJ,mBAEQ,QAAA,EADN,GAAE,sRAAoR,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,IAGzQ,QAAA,iBAAA,WAAA,EAAjB,mBAAuE,QAAA;;MAAtC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,gBAAA,CAAA;;;;IAIjD,mBAA6F,SAAA;KAAtF,MAAK;KAAY,SAAS,QAAA;KAAU,UAAU,MAAA,SAAQ;KAAE,QAAA;KAAQ,SAAO;;IAE1CA,KAAAA,OAAO,WAAA,WAAA,EAA3C,mBAAoE,QAAA;;KAA7D,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA;QAAiC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA"}
+{"version":3,"file":"checkbox.js","names":["$slots"],"sources":["../../../src/components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <label :class=\"className\">\n    <span :class=\"cls.e('wrap')\">\n      <transition name=\"zoom-in\" mode=\"out-in\">\n        <svg viewBox=\"0 0 64 64\" v-if=\"checked\" fill=\"currentColor\">\n          <path\n            d=\"M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z\"\n          ></path>\n        </svg>\n        <span v-else-if=\"indeterminate\" :class=\"cls.m('indeterminate')\"></span>\n      </transition>\n    </span>\n\n    <input type=\"checkbox\" :checked=\"checked\" :disabled=\"disabled\" hidden @click=\"handleInput\" />\n\n    <span :class=\"cls.e('label')\" v-if=\"$slots.default\"><slot /> </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 { CheckboxProps, CheckboxEmits } from '../../types'\n\ndefineOptions({\n  name: 'Checkbox'\n})\nconst props = withDefaults(defineProps<CheckboxProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<CheckboxEmits>()\nconst cls = bem('checkbox')\n\nconst checked = defineModel<boolean>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('checked', checked.value || props.indeterminate)\n  ]\n})\n\nconst handleInput = (e: MouseEvent) => {\n  if (readonly.value) return\n  const target = e.target as HTMLInputElement\n  checked.value = target.checked\n  emit('change', target.checked, e)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAKd,MAAM,OAAO;EACb,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,UAAU,SAAoB,SAAA,aAAC;EAErC,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAK,EAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAK;IAChB,IAAI,GAAG,YAAY,SAAS,MAAK;IACjC,IAAI,GAAG,YAAY,SAAS,MAAK;IACjC,IAAI,GAAG,WAAW,QAAQ,SAAS,MAAM,cAAa;IACxD;IACD;EAED,MAAM,eAAe,MAAkB;GACrC,IAAI,SAAS,OAAO;GACpB,MAAM,SAAS,EAAE;GACjB,QAAQ,QAAQ,OAAO;GACvB,KAAK,UAAU,OAAO,SAAS,EAAC;;;uBA7DhC,mBAeQ,SAAA,EAfA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA;IACtB,mBASO,QAAA,EATA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA,EAAA,EAAA,CACjB,YAOa,YAAA;KAPD,MAAK;KAAU,MAAK;;4BAKxB,CAJyB,QAAA,SAAA,WAAA,EAA/B,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAHJ,mBAEQ,QAAA,EADN,GAAE,sRAAoR,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,IAGzQ,QAAA,iBAAA,WAAA,EAAjB,mBAAuE,QAAA;;MAAtC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,gBAAA,CAAA;;;;IAIjD,mBAA6F,SAAA;KAAtF,MAAK;KAAY,SAAS,QAAA;KAAU,UAAU,MAAA,SAAA;KAAU,QAAA;KAAQ,SAAO;;IAE1CA,KAAAA,OAAO,WAAA,WAAA,EAA3C,mBAAoE,QAAA;;KAA7D,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;QAAiC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA"}

package/dist/components/checkbox/style.js

@@ -1,3 +1,3 @@
 import "../tag/style.js";
 import "./style2.css";
-import "@veltra/styles/anime/zoom-in.scss";
+import "@veltra/styles/transitions/zoom-in.scss";

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","names":[],"sources":["../../../src/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(size), bem.is('block', block)]\" v-if=\"!readonly\">\n    <u-checkbox\n      v-for=\"item of items\"\n      :key=\"item[valueKey]\"\n      :model-value=\"getCheckStatus(item)\"\n      @update:model-value=\"handleUpdate($event, item)\"\n      :disabled=\"disabled\"\n      :size=\"size\"\n    >\n      {{ item[labelKey] }}\n    </u-checkbox>\n  </div>\n\n  <div v-else-if=\"model?.length\" :class=\"[cls.m(size), cls.e('readonly-tags')]\">\n    <div :class=\"cls.e('tags')\">\n      <u-tag v-for=\"tag of model\" :key=\"tag\">\n        {{ getLabel(tag) }}\n      </u-tag>\n    </div>\n  </div>\n\n  <template v-else>\n    {{ 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 { CheckboxGroupProps, CheckboxGroupEmits } from '../../types'\nimport { UCheckbox } from '../checkbox'\nimport { UTag } from '../tag'\n\ndefineOptions({\n  name: 'CheckboxGroup'\n})\n\nconst props = withDefaults(defineProps<CheckboxGroupProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  disabled: undefined,\n  readonly: undefined\n})\n\ndefineEmits<CheckboxGroupEmits>()\n\nconst model = defineModel<any[]>()\n\nconst cls = bem('checkbox-group')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\n/**\n * 获取checkbox的选中状态\n * @param item - 模型对象\n * @returns 模型值是否存在于model.value中\n */\nconst getCheckStatus = (item: Record<string, string | number>): boolean => {\n  const { valueKey } = props\n  const value = item[valueKey]\n  if (!value || !model.value) return false\n  return model.value.includes(value)\n}\n\n/**\n * 处理更新操作\n * @param  checked - 指示是否选中\n * @param item - 更新的项\n */\nconst handleUpdate = (checked: boolean, item: Record<string, string | number>) => {\n  const { valueKey } = props\n  const value = item[valueKey]\n  if (!value) return\n  if (checked) {\n    model.value = [...(model.value ?? []), value]\n  } else {\n    model.value = model.value?.filter((v) => v !== value)\n  }\n}\n\nconst getLabel = (value: string | number) => {\n  const { items, valueKey, labelKey } = props\n  const item = items.find((item) => item[valueKey] === value)\n  return item?.[labelKey]\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,QAAQ;EASd,MAAM,QAAQ,SAAkB,SAAA,aAAC;EAEjC,MAAM,MAAM,IAAI,iBAAgB;EAEhC,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;;;;;;EAOD,MAAM,kBAAkB,SAAmD;GACzE,MAAM,EAAE,aAAa;GACrB,MAAM,QAAQ,KAAK;AACnB,OAAI,CAAC,SAAS,CAAC,MAAM,MAAO,QAAO;AACnC,UAAO,MAAM,MAAM,SAAS,MAAK;;;;;;;EAQnC,MAAM,gBAAgB,SAAkB,SAA0C;GAChF,MAAM,EAAE,aAAa;GACrB,MAAM,QAAQ,KAAK;AACnB,OAAI,CAAC,MAAO;AACZ,OAAI,QACF,OAAM,QAAQ,CAAC,GAAI,MAAM,SAAS,EAAE,EAAG,MAAK;OAE5C,OAAM,QAAQ,MAAM,OAAO,QAAQ,MAAM,MAAM,MAAK;;EAIxD,MAAM,YAAY,UAA2B;GAC3C,MAAM,EAAE,OAAO,UAAU,aAAa;AAEtC,UADa,MAAM,MAAM,SAAS,KAAK,cAAc,MAC9C,GAAO;;;WA3FoD,MAAA,SAAQ,IAAA,WAAA,EAA1E,mBAWM,OAAA;;IAXA,OAAK,eAAA;KAAG,MAAA,IAAG,CAAC;KAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA;KAAG,MAAA,IAAG,CAAC,GAAE,SAAU,QAAA,MAAK;KAAA,CAAA;yBACrD,mBASa,UAAA,MAAA,WARI,QAAA,QAAR,SAAI;wBADb,YASa,MAAA,YAAA,EAAA;KAPV,KAAK,KAAK,QAAA;KACV,eAAa,eAAe,KAAI;KAChC,wBAAkB,WAAE,aAAa,QAAQ,KAAI;KAC7C,UAAU,MAAA,SAAQ;KAClB,MAAM,MAAA,KAAI;;4BAES,CAAA,gBAAA,gBAAjB,KAAK,QAAA,UAAQ,EAAA,EAAA,CAAA,CAAA;;;;;;;;qBAIJ,MAAA,OAAO,UAAA,WAAA,EAAvB,mBAMM,OAAA;;IAN0B,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,EAAG,MAAA,IAAG,CAAC,EAAC,gBAAA,CAAA,CAAA;OACxD,mBAIM,OAAA,EAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EAChB,mBAEQ,UAAA,MAAA,WAFa,MAAA,QAAP,QAAG;wBAAjB,YAEQ,MAAA,YAAA,EAAA,EAFqB,KAAK,KAAG,EAAA;4BAChB,CAAA,gBAAA,gBAAhB,SAAS,IAAG,CAAA,EAAA,EAAA,CAAA,CAAA;;;wCAKrB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"checkbox-group.js","names":[],"sources":["../../../src/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(size), bem.is('block', block)]\" v-if=\"!readonly\">\n    <u-checkbox\n      v-for=\"item of items\"\n      :key=\"item[valueKey]\"\n      :model-value=\"getCheckStatus(item)\"\n      @update:model-value=\"handleUpdate($event, item)\"\n      :disabled=\"disabled\"\n      :size=\"size\"\n    >\n      {{ item[labelKey] }}\n    </u-checkbox>\n  </div>\n\n  <div v-else-if=\"model?.length\" :class=\"[cls.m(size), cls.e('readonly-tags')]\">\n    <div :class=\"cls.e('tags')\">\n      <u-tag v-for=\"tag of model\" :key=\"tag\">\n        {{ getLabel(tag) }}\n      </u-tag>\n    </div>\n  </div>\n\n  <template v-else>\n    {{ 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 { CheckboxGroupProps, CheckboxGroupEmits } from '../../types'\nimport { UCheckbox } from '../checkbox'\nimport { UTag } from '../tag'\n\ndefineOptions({\n  name: 'CheckboxGroup'\n})\n\nconst props = withDefaults(defineProps<CheckboxGroupProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  disabled: undefined,\n  readonly: undefined\n})\n\ndefineEmits<CheckboxGroupEmits>()\n\nconst model = defineModel<any[]>()\n\nconst cls = bem('checkbox-group')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\n/**\n * 获取checkbox的选中状态\n * @param item - 模型对象\n * @returns 模型值是否存在于model.value中\n */\nconst getCheckStatus = (item: Record<string, string | number>): boolean => {\n  const { valueKey } = props\n  const value = item[valueKey]\n  if (!value || !model.value) return false\n  return model.value.includes(value)\n}\n\n/**\n * 处理更新操作\n * @param  checked - 指示是否选中\n * @param item - 更新的项\n */\nconst handleUpdate = (checked: boolean, item: Record<string, string | number>) => {\n  const { valueKey } = props\n  const value = item[valueKey]\n  if (!value) return\n  if (checked) {\n    model.value = [...(model.value ?? []), value]\n  } else {\n    model.value = model.value?.filter((v) => v !== value)\n  }\n}\n\nconst getLabel = (value: string | number) => {\n  const { items, valueKey, labelKey } = props\n  const item = items.find((item) => item[valueKey] === value)\n  return item?.[labelKey]\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,QAAQ;EASd,MAAM,QAAQ,SAAkB,SAAA,aAAC;EAEjC,MAAM,MAAM,IAAI,iBAAgB;EAEhC,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAK,EAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;;;;;;EAOD,MAAM,kBAAkB,SAAmD;GACzE,MAAM,EAAE,aAAa;GACrB,MAAM,QAAQ,KAAK;GACnB,IAAI,CAAC,SAAS,CAAC,MAAM,OAAO,OAAO;GACnC,OAAO,MAAM,MAAM,SAAS,MAAK;;;;;;;EAQnC,MAAM,gBAAgB,SAAkB,SAA0C;GAChF,MAAM,EAAE,aAAa;GACrB,MAAM,QAAQ,KAAK;GACnB,IAAI,CAAC,OAAO;GACZ,IAAI,SACF,MAAM,QAAQ,CAAC,GAAI,MAAM,SAAS,EAAC,EAAI,MAAK;QAE5C,MAAM,QAAQ,MAAM,OAAO,QAAQ,MAAM,MAAM,MAAK;;EAIxD,MAAM,YAAY,UAA2B;GAC3C,MAAM,EAAE,OAAO,UAAU,aAAa;GAEtC,OADa,MAAM,MAAM,SAAS,KAAK,cAAc,MAC9C,GAAO;;;WA3FoD,MAAA,SAAA,IAAA,WAAA,EAAlE,mBAWM,OAAA;;IAXA,OAAK,eAAA;KAAG,MAAA,IAAA,CAAI;KAAG,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA;KAAG,MAAA,IAAA,CAAI,GAAE,SAAU,QAAA,MAAK;KAAA,CAAA;yBACrD,mBASa,UAAA,MAAA,WARI,QAAA,QAAR,SAAI;wBADb,YASa,MAAA,YAAA,EAAA;KAPV,KAAK,KAAK,QAAA;KACV,eAAa,eAAe,KAAI;KAChC,wBAAkB,WAAE,aAAa,QAAQ,KAAI;KAC7C,UAAU,MAAA,SAAA;KACV,MAAM,MAAA,KAAA;;4BAEa,CAAA,gBAAA,gBAAjB,KAAK,QAAA,UAAQ,EAAA,EAAA,CAAA,CAAA;;;;;;;;qBAIJ,MAAA,OAAO,UAAA,WAAA,EAAvB,mBAMM,OAAA;;IAN0B,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAE,MAAA,KAAI,CAAA,EAAG,MAAA,IAAA,CAAI,EAAC,gBAAA,CAAA,CAAA;OACxD,mBAIM,OAAA,EAJA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EAChB,mBAEQ,UAAA,MAAA,WAFa,MAAA,QAAP,QAAG;wBAAjB,YAEQ,MAAA,YAAA,EAAA,EAFqB,KAAK,KAAG,EAAA;4BAChB,CAAA,gBAAA,gBAAhB,SAAS,IAAG,CAAA,EAAA,EAAA,CAAA,CAAA;;;wCAKrB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/components/code-editor/code-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.js","names":[],"sources":["../../../src/components/code-editor/code-editor.vue"],"sourcesContent":["<template>\n  <u-scroll :class=\"className\" :style=\"rootStyle\" @keyup.enter.stop>\n    <div ref=\"container\"></div>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Compartment, EditorState, type Extension } from '@codemirror/state'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { ViewPlugin, tooltips, type ViewUpdate } from '@codemirror/view'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, zIndex } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { EditorView, basicSetup } from 'codemirror'\nimport {\n  computed,\n  onBeforeUnmount,\n  shallowRef,\n  useTemplateRef,\n  watch,\n  type CSSProperties\n} from 'vue'\n\nimport type { CodeEditorLang, CodeEditorProps } from '../../types'\nimport { UScroll } from '../scroll'\n\ndefineOptions({ name: 'CodeEditor' })\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  dark: false,\n  defaultLines: 8\n})\n\nconst model = defineModel<string>()\n\nconst cls = bem('code-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed<string[]>(() => [\n  cls.b,\n  bem.is('disabled', disabled.value),\n  bem.is('readonly', readonly.value),\n  bem.is('dark', props.dark)\n])\n\nconst rootStyle = computed<CSSProperties>(() => ({\n  '--u-code-editor-default-lines': Math.max(1, props.defaultLines)\n}))\n\nconst containerRef = useTemplateRef('container')\nconst editor = shallowRef<EditorView | null>(null)\n\nconst langLoaders: Record<CodeEditorLang, () => Promise<Extension>> = {\n  js: () => import('@codemirror/lang-javascript').then((m) => m.javascript({ typescript: true })),\n  sql: () => import('@codemirror/lang-sql').then((m) => m.sql()),\n  java: () => import('@codemirror/lang-java').then((m) => m.java()),\n  json: () => import('@codemirror/lang-json').then((m) => m.json())\n}\n\nconst themeCompartment = new Compartment()\nconst editableCompartment = new Compartment()\nconst readOnlyCompartment = new Compartment()\nconst langCompartment = new Compartment()\n\nlet phantomGutter: HTMLElement | null = null\nlet phantomContainer: HTMLElement | null = null\nlet lastPhantomKey = ''\n\nfunction resetPhantomCache() {\n  phantomGutter = null\n  phantomContainer = null\n  lastPhantomKey = ''\n}\n\n/**\n * 在 .cm-lineNumbers 末尾追加占位行号 DOM，使可视行号数量补齐到 defaultLines。\n * CodeMirror 的 lineNumbers() 仅为真实文档行渲染行号，超出部分由本逻辑补全。\n */\nfunction syncPhantomLineNumbers() {\n  const view = editor.value\n  if (!view) return\n\n  if (!phantomGutter || !phantomGutter.isConnected) {\n    phantomGutter = view.dom.querySelector<HTMLElement>('.cm-gutter.cm-lineNumbers')\n  }\n  if (!phantomGutter) return\n\n  if (!phantomContainer) {\n    phantomContainer = document.createElement('div')\n    phantomContainer.className = 'cm-phantom-lines'\n  }\n  if (\n    phantomContainer.parentElement !== phantomGutter ||\n    phantomContainer !== phantomGutter.lastElementChild\n  ) {\n    phantomGutter.appendChild(phantomContainer)\n  }\n\n  const realLines = view.state.doc.lines\n  const target = Math.max(0, Math.max(1, props.defaultLines) - realLines)\n  const lineHeight = view.defaultLineHeight\n\n  const key = `${realLines}|${target}|${lineHeight}`\n  if (key === lastPhantomKey) return\n  lastPhantomKey = key\n\n  while (phantomContainer.children.length > target) {\n    phantomContainer.lastElementChild!.remove()\n  }\n  while (phantomContainer.children.length < target) {\n    const el = document.createElement('div')\n    el.className = 'cm-gutterElement cm-gutterElement-phantom'\n    phantomContainer.appendChild(el)\n  }\n  for (let i = 0; i < target; i++) {\n    const el = phantomContainer.children[i] as HTMLElement\n    const num = String(realLines + i + 1)\n    if (el.textContent !== num) el.textContent = num\n    if (lineHeight && el.style.height !== `${lineHeight}px`) {\n      el.style.height = `${lineHeight}px`\n    }\n  }\n}\n\nconst phantomLineNumbersPlugin = ViewPlugin.fromClass(\n  class {\n    update(update: ViewUpdate) {\n      if (update.docChanged || update.geometryChanged) {\n        syncPhantomLineNumbers()\n      }\n    }\n  }\n)\n\nfunction buildExtensions(): Extension[] {\n  return [\n    basicSetup,\n    tooltips({ parent: document.body }),\n    EditorView.theme({\n      '.cm-tooltip': { zIndex: zIndex() }\n    }),\n    themeCompartment.of(props.dark ? oneDark : []),\n    editableCompartment.of(EditorView.editable.of(!disabled.value)),\n    readOnlyCompartment.of(EditorState.readOnly.of(readonly.value)),\n    langCompartment.of([]),\n    phantomLineNumbersPlugin\n  ]\n}\n\nlet editorToken = 0\nlet langToken = 0\n\nasync function applyLanguage() {\n  const view = editor.value\n  if (!view) return\n  const myToken = ++langToken\n  const { language } = props\n  const ext = language ? await langLoaders[language]() : []\n  if (myToken !== langToken || editor.value !== view) return\n  view.dispatch({ effects: langCompartment.reconfigure(ext) })\n}\n\nfunction destroyEditor() {\n  ++editorToken\n  ++langToken\n  editor.value?.destroy()\n  editor.value = null\n  resetPhantomCache()\n}\n\nfunction createEditor() {\n  destroyEditor()\n  const myToken = ++editorToken\n  const parent = containerRef.value\n  if (!parent) return\n\n  const view = new EditorView({\n    doc: model.value,\n    extensions: buildExtensions(),\n    parent,\n    dispatch(tr) {\n      view.update([tr])\n      if (tr.docChanged) {\n        model.value = tr.state.doc.toString()\n      }\n    }\n  })\n\n  if (myToken !== editorToken) {\n    view.destroy()\n    return\n  }\n\n  editor.value = view\n  syncPhantomLineNumbers()\n  applyLanguage()\n}\n\nwatch(\n  containerRef,\n  (el) => {\n    if (el) createEditor()\n    else destroyEditor()\n  },\n  { immediate: true, flush: 'post' }\n)\n\nwatch(() => props.language, applyLanguage)\n\nwatch(\n  () => props.dark,\n  (dark) => {\n    editor.value?.dispatch({\n      effects: themeCompartment.reconfigure(dark ? oneDark : [])\n    })\n  }\n)\n\nwatch(disabled, (v) => {\n  editor.value?.dispatch({\n    effects: editableCompartment.reconfigure(EditorView.editable.of(!v))\n  })\n})\n\nwatch(readonly, (v) => {\n  editor.value?.dispatch({\n    effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v))\n  })\n})\n\nwatch(() => props.defaultLines, syncPhantomLineNumbers)\n\nwatch(\n  [() => props.modelValue, editor],\n  ([v, e]) => {\n    if (!e) return\n    if (e.composing) return\n    const next = v ?? ''\n    if (e.state.doc.toString() === next) return\n\n    const valueLength = next.length\n    const inRange = e.state.selection.ranges.every(\n      (range) => range.anchor <= valueLength && range.head <= valueLength\n    )\n    e.dispatch({\n      changes: { from: 0, to: e.state.doc.length, insert: next },\n      selection: inRange ? e.state.selection : { anchor: 0, head: 0 },\n      scrollIntoView: true\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(destroyEditor)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"code-editor.js","names":[],"sources":["../../../src/components/code-editor/code-editor.vue"],"sourcesContent":["<template>\n  <u-scroll :class=\"className\" :style=\"rootStyle\" @keyup.enter.stop>\n    <div ref=\"container\"></div>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Compartment, EditorState, type Extension } from '@codemirror/state'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { ViewPlugin, tooltips, type ViewUpdate } from '@codemirror/view'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, zIndex } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { EditorView, basicSetup } from 'codemirror'\nimport {\n  computed,\n  onBeforeUnmount,\n  shallowRef,\n  useTemplateRef,\n  watch,\n  type CSSProperties\n} from 'vue'\n\nimport type { CodeEditorLang, CodeEditorProps } from '../../types'\nimport { UScroll } from '../scroll'\n\ndefineOptions({ name: 'CodeEditor' })\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  dark: false,\n  defaultLines: 8\n})\n\nconst model = defineModel<string>()\n\nconst cls = bem('code-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed<string[]>(() => [\n  cls.b,\n  bem.is('disabled', disabled.value),\n  bem.is('readonly', readonly.value),\n  bem.is('dark', props.dark)\n])\n\nconst rootStyle = computed<CSSProperties>(() => ({\n  '--u-code-editor-default-lines': Math.max(1, props.defaultLines)\n}))\n\nconst containerRef = useTemplateRef('container')\nconst editor = shallowRef<EditorView | null>(null)\n\nconst langLoaders: Record<CodeEditorLang, () => Promise<Extension>> = {\n  js: () => import('@codemirror/lang-javascript').then((m) => m.javascript({ typescript: true })),\n  sql: () => import('@codemirror/lang-sql').then((m) => m.sql()),\n  java: () => import('@codemirror/lang-java').then((m) => m.java()),\n  json: () => import('@codemirror/lang-json').then((m) => m.json())\n}\n\nconst themeCompartment = new Compartment()\nconst editableCompartment = new Compartment()\nconst readOnlyCompartment = new Compartment()\nconst langCompartment = new Compartment()\n\nlet phantomGutter: HTMLElement | null = null\nlet phantomContainer: HTMLElement | null = null\nlet lastPhantomKey = ''\n\nfunction resetPhantomCache() {\n  phantomGutter = null\n  phantomContainer = null\n  lastPhantomKey = ''\n}\n\n/**\n * 在 .cm-lineNumbers 末尾追加占位行号 DOM，使可视行号数量补齐到 defaultLines。\n * CodeMirror 的 lineNumbers() 仅为真实文档行渲染行号，超出部分由本逻辑补全。\n */\nfunction syncPhantomLineNumbers() {\n  const view = editor.value\n  if (!view) return\n\n  if (!phantomGutter || !phantomGutter.isConnected) {\n    phantomGutter = view.dom.querySelector<HTMLElement>('.cm-gutter.cm-lineNumbers')\n  }\n  if (!phantomGutter) return\n\n  if (!phantomContainer) {\n    phantomContainer = document.createElement('div')\n    phantomContainer.className = 'cm-phantom-lines'\n  }\n  if (\n    phantomContainer.parentElement !== phantomGutter ||\n    phantomContainer !== phantomGutter.lastElementChild\n  ) {\n    phantomGutter.appendChild(phantomContainer)\n  }\n\n  const realLines = view.state.doc.lines\n  const target = Math.max(0, Math.max(1, props.defaultLines) - realLines)\n  const lineHeight = view.defaultLineHeight\n\n  const key = `${realLines}|${target}|${lineHeight}`\n  if (key === lastPhantomKey) return\n  lastPhantomKey = key\n\n  while (phantomContainer.children.length > target) {\n    phantomContainer.lastElementChild!.remove()\n  }\n  while (phantomContainer.children.length < target) {\n    const el = document.createElement('div')\n    el.className = 'cm-gutterElement cm-gutterElement-phantom'\n    phantomContainer.appendChild(el)\n  }\n  for (let i = 0; i < target; i++) {\n    const el = phantomContainer.children[i] as HTMLElement\n    const num = String(realLines + i + 1)\n    if (el.textContent !== num) el.textContent = num\n    if (lineHeight && el.style.height !== `${lineHeight}px`) {\n      el.style.height = `${lineHeight}px`\n    }\n  }\n}\n\nconst phantomLineNumbersPlugin = ViewPlugin.fromClass(\n  class {\n    update(update: ViewUpdate) {\n      if (update.docChanged || update.geometryChanged) {\n        syncPhantomLineNumbers()\n      }\n    }\n  }\n)\n\nfunction buildExtensions(): Extension[] {\n  return [\n    basicSetup,\n    tooltips({ parent: document.body }),\n    EditorView.theme({\n      '.cm-tooltip': { zIndex: zIndex() }\n    }),\n    themeCompartment.of(props.dark ? oneDark : []),\n    editableCompartment.of(EditorView.editable.of(!disabled.value)),\n    readOnlyCompartment.of(EditorState.readOnly.of(readonly.value)),\n    langCompartment.of([]),\n    phantomLineNumbersPlugin\n  ]\n}\n\nlet editorToken = 0\nlet langToken = 0\n\nasync function applyLanguage() {\n  const view = editor.value\n  if (!view) return\n  const myToken = ++langToken\n  const { language } = props\n  const ext = language ? await langLoaders[language]() : []\n  if (myToken !== langToken || editor.value !== view) return\n  view.dispatch({ effects: langCompartment.reconfigure(ext) })\n}\n\nfunction destroyEditor() {\n  ++editorToken\n  ++langToken\n  editor.value?.destroy()\n  editor.value = null\n  resetPhantomCache()\n}\n\nfunction createEditor() {\n  destroyEditor()\n  const myToken = ++editorToken\n  const parent = containerRef.value\n  if (!parent) return\n\n  const view = new EditorView({\n    doc: model.value,\n    extensions: buildExtensions(),\n    parent,\n    dispatch(tr) {\n      view.update([tr])\n      if (tr.docChanged) {\n        model.value = tr.state.doc.toString()\n      }\n    }\n  })\n\n  if (myToken !== editorToken) {\n    view.destroy()\n    return\n  }\n\n  editor.value = view\n  syncPhantomLineNumbers()\n  applyLanguage()\n}\n\nwatch(\n  containerRef,\n  (el) => {\n    if (el) createEditor()\n    else destroyEditor()\n  },\n  { immediate: true, flush: 'post' }\n)\n\nwatch(() => props.language, applyLanguage)\n\nwatch(\n  () => props.dark,\n  (dark) => {\n    editor.value?.dispatch({\n      effects: themeCompartment.reconfigure(dark ? oneDark : [])\n    })\n  }\n)\n\nwatch(disabled, (v) => {\n  editor.value?.dispatch({\n    effects: editableCompartment.reconfigure(EditorView.editable.of(!v))\n  })\n})\n\nwatch(readonly, (v) => {\n  editor.value?.dispatch({\n    effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v))\n  })\n})\n\nwatch(() => props.defaultLines, syncPhantomLineNumbers)\n\nwatch(\n  [() => props.modelValue, editor],\n  ([v, e]) => {\n    if (!e) return\n    if (e.composing) return\n    const next = v ?? ''\n    if (e.state.doc.toString() === next) return\n\n    const valueLength = next.length\n    const inRange = e.state.selection.ranges.every(\n      (range) => range.anchor <= valueLength && range.head <= valueLength\n    )\n    e.dispatch({\n      changes: { from: 0, to: e.state.doc.length, insert: next },\n      selection: inRange ? e.state.selection : { anchor: 0, head: 0 },\n      scrollIntoView: true\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(destroyEditor)\n</script>\n"],"mappings":"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"}

package/dist/components/collapse/collapse-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.js","names":[],"sources":["../../../src/components/collapse/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\">\n    <div\n      :class=\"headerClassList\"\n      role=\"button\"\n      :aria-expanded=\"isActive\"\n      :aria-disabled=\"disabled\"\n      :tabindex=\"disabled ? -1 : 0\"\n      @click=\"handleClick\"\n      @keydown.enter.prevent=\"handleClick\"\n      @keydown.space.prevent=\"handleClick\"\n    >\n      <span :class=\"cls.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </span>\n\n      <span :class=\"cls.e('icon')\">\n        <slot name=\"icon\" :is-active=\"isActive\">\n          <UIcon><component :is=\"iconComponent\" /></UIcon>\n        </slot>\n      </span>\n    </div>\n    <div ref=\"wrapperEl\" :class=\"cls.e('content-wrapper')\" :aria-hidden=\"!isActive\">\n      <div :class=\"cls.e('content')\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport type { CollapseItemProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({\n  name: 'CollapseItem'\n})\n\nconst props = defineProps<CollapseItemProps>()\n\nconst context = inject(CollapseDIKey)!\n\nconst cls = context?.cls ?? bem('collapse')\n\nconst isActive = computed(() => !!context?.activeValues.value.includes(props.value))\n\nconst iconComponent = computed(() => context?.expandIcon.value ?? ArrowRight)\n\nconst classList = computed(() => [\n  cls.e('item'),\n  bem.is('active', isActive.value),\n  bem.is('disabled', props.disabled),\n  bem.is('bordered', context?.bordered.value)\n])\n\nconst headerClassList = computed(() => [\n  cls.e('header'),\n  bem.is('disabled', props.disabled),\n  bem.is('active', isActive.value)\n])\n\nconst handleClick = () => {\n  if (props.disabled) return\n  context?.toggle(props.value)\n}\n\nconst wrapperEl = ref<HTMLElement>()\n\nconst { expandTransition } = context\n\nonMounted(() => {\n  context?.register(props.value)\n  if (!wrapperEl.value) return\n  expandTransition.setExpanded(wrapperEl.value, isActive.value)\n})\n\nwatch(isActive, (active) => {\n  if (!wrapperEl.value) return\n  active ? expandTransition.expand(wrapperEl.value) : expandTransition.collapse(wrapperEl.value)\n})\n\nonBeforeUnmount(() => {\n  context?.unregister(props.value)\n  if (!wrapperEl.value) return\n  expandTransition.cancel(wrapperEl.value)\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAEd,MAAM,UAAU,OAAO,cAAc;EAErC,MAAM,MAAM,SAAS,OAAO,IAAI,WAAU;EAE1C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,aAAa,MAAM,SAAS,MAAM,MAAM,CAAA;EAEnF,MAAM,gBAAgB,eAAe,SAAS,WAAW,SAAS,WAAU;EAE5E,MAAM,YAAY,eAAe;GAC/B,IAAI,EAAE,OAAO;GACb,IAAI,GAAG,UAAU,SAAS,MAAM;GAChC,IAAI,GAAG,YAAY,MAAM,SAAS;GAClC,IAAI,GAAG,YAAY,SAAS,SAAS,MAAK;GAC3C,CAAA;EAED,MAAM,kBAAkB,eAAe;GACrC,IAAI,EAAE,SAAS;GACf,IAAI,GAAG,YAAY,MAAM,SAAS;GAClC,IAAI,GAAG,UAAU,SAAS,MAAK;GAChC,CAAA;EAED,MAAM,oBAAoB;AACxB,OAAI,MAAM,SAAU;AACpB,YAAS,OAAO,MAAM,MAAK;;EAG7B,MAAM,YAAY,KAAiB;EAEnC,MAAM,EAAE,qBAAqB;AAE7B,kBAAgB;AACd,YAAS,SAAS,MAAM,MAAK;AAC7B,OAAI,CAAC,UAAU,MAAO;AACtB,oBAAiB,YAAY,UAAU,OAAO,SAAS,MAAK;IAC7D;AAED,QAAM,WAAW,WAAW;AAC1B,OAAI,CAAC,UAAU,MAAO;AACtB,YAAS,iBAAiB,OAAO,UAAU,MAAM,GAAG,iBAAiB,SAAS,UAAU,MAAK;IAC9F;AAED,wBAAsB;AACpB,YAAS,WAAW,MAAM,MAAK;AAC/B,OAAI,CAAC,UAAU,MAAO;AACtB,oBAAiB,OAAO,UAAU,MAAK;IACxC;;uBAzFC,mBA0BM,OAAA,EA1BA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,mBAmBM,OAAA;IAlBH,OAAK,eAAE,gBAAA,MAAe;IACvB,MAAK;IACJ,iBAAe,SAAA;IACf,iBAAe,QAAA;IACf,UAAU,QAAA,WAAQ,KAAA;IAClB,SAAO;IACP,WAAO,CAAA,SAAA,cAAgB,aAAW,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,SAAA,cACX,aAAW,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;OAEnC,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA,CACjB,WAAqC,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAG7B,mBAIO,QAAA,EAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,CACjB,WAEO,KAAA,QAAA,QAAA,EAFY,UAAW,SAAA,OAAQ,QAE/B,CADL,YAAgD,MAAA,YAAA,EAAA,MAAA;2BAAR,EAAA,WAAA,EAAjC,YAAiC,wBAAjB,cAAA,MAAa,CAAA,EAAA,CAAA;;gCAI1C,mBAIM,OAAA;aAJG;IAAJ,KAAI;IAAa,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,kBAAA,CAAA;IAAsB,eAAW,CAAG,SAAA;OACpE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA,EAAA,EAAA,CAChB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"collapse-item.js","names":[],"sources":["../../../src/components/collapse/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\">\n    <div\n      :class=\"headerClassList\"\n      role=\"button\"\n      :aria-expanded=\"isActive\"\n      :aria-disabled=\"disabled\"\n      :tabindex=\"disabled ? -1 : 0\"\n      @click=\"handleClick\"\n      @keydown.enter.prevent=\"handleClick\"\n      @keydown.space.prevent=\"handleClick\"\n    >\n      <span :class=\"cls.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </span>\n\n      <span :class=\"cls.e('icon')\">\n        <slot name=\"icon\" :is-active=\"isActive\">\n          <UIcon><component :is=\"iconComponent\" /></UIcon>\n        </slot>\n      </span>\n    </div>\n    <div ref=\"wrapperEl\" :class=\"cls.e('content-wrapper')\" :aria-hidden=\"!isActive\">\n      <div :class=\"cls.e('content')\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport type { CollapseItemProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({\n  name: 'CollapseItem'\n})\n\nconst props = defineProps<CollapseItemProps>()\n\nconst context = inject(CollapseDIKey)!\n\nconst cls = context?.cls ?? bem('collapse')\n\nconst isActive = computed(() => !!context?.activeValues.value.includes(props.value))\n\nconst iconComponent = computed(() => context?.expandIcon.value ?? ArrowRight)\n\nconst classList = computed(() => [\n  cls.e('item'),\n  bem.is('active', isActive.value),\n  bem.is('disabled', props.disabled),\n  bem.is('bordered', context?.bordered.value)\n])\n\nconst headerClassList = computed(() => [\n  cls.e('header'),\n  bem.is('disabled', props.disabled),\n  bem.is('active', isActive.value)\n])\n\nconst handleClick = () => {\n  if (props.disabled) return\n  context?.toggle(props.value)\n}\n\nconst wrapperEl = ref<HTMLElement>()\n\nconst { expandTransition } = context\n\nonMounted(() => {\n  context?.register(props.value)\n  if (!wrapperEl.value) return\n  expandTransition.setExpanded(wrapperEl.value, isActive.value)\n})\n\nwatch(isActive, (active) => {\n  if (!wrapperEl.value) return\n  active ? expandTransition.expand(wrapperEl.value) : expandTransition.collapse(wrapperEl.value)\n})\n\nonBeforeUnmount(() => {\n  context?.unregister(props.value)\n  if (!wrapperEl.value) return\n  expandTransition.cancel(wrapperEl.value)\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAEd,MAAM,UAAU,OAAO,cAAa;EAEpC,MAAM,MAAM,SAAS,OAAO,IAAI,WAAU;EAE1C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,aAAa,MAAM,SAAS,MAAM,MAAM,CAAA;EAEnF,MAAM,gBAAgB,eAAe,SAAS,WAAW,SAAS,WAAU;EAE5E,MAAM,YAAY,eAAe;GAC/B,IAAI,EAAE,OAAM;GACZ,IAAI,GAAG,UAAU,SAAS,MAAK;GAC/B,IAAI,GAAG,YAAY,MAAM,SAAQ;GACjC,IAAI,GAAG,YAAY,SAAS,SAAS,MAAK;GAC3C,CAAA;EAED,MAAM,kBAAkB,eAAe;GACrC,IAAI,EAAE,SAAQ;GACd,IAAI,GAAG,YAAY,MAAM,SAAQ;GACjC,IAAI,GAAG,UAAU,SAAS,MAAK;GAChC,CAAA;EAED,MAAM,oBAAoB;GACxB,IAAI,MAAM,UAAU;GACpB,SAAS,OAAO,MAAM,MAAK;;EAG7B,MAAM,YAAY,KAAiB;EAEnC,MAAM,EAAE,qBAAqB;EAE7B,gBAAgB;GACd,SAAS,SAAS,MAAM,MAAK;GAC7B,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,YAAY,UAAU,OAAO,SAAS,MAAK;IAC7D;EAED,MAAM,WAAW,WAAW;GAC1B,IAAI,CAAC,UAAU,OAAO;GACtB,SAAS,iBAAiB,OAAO,UAAU,MAAK,GAAI,iBAAiB,SAAS,UAAU,MAAK;IAC9F;EAED,sBAAsB;GACpB,SAAS,WAAW,MAAM,MAAK;GAC/B,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,OAAO,UAAU,MAAK;IACxC;;uBAzFC,mBA0BM,OAAA,EA1BA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,mBAmBM,OAAA;IAlBH,OAAK,eAAE,gBAAA,MAAe;IACvB,MAAK;IACJ,iBAAe,SAAA;IACf,iBAAe,QAAA;IACf,UAAU,QAAA,WAAQ,KAAA;IAClB,SAAO;IACP,WAAO,CAAA,SAAA,cAAgB,aAAW,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,SAAA,cACX,aAAW,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;OAEnC,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA,EAAA,EAAA,CACjB,WAAqC,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAG7B,mBAIO,QAAA,EAJA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,OAAA,CAAA,EAAA,EAAA,CACjB,WAEO,KAAA,QAAA,QAAA,EAFY,UAAW,SAAA,OAAQ,QAE/B,CADL,YAAgD,MAAA,YAAA,EAAA,MAAA;2BAAR,EAAA,WAAA,EAAjC,YAAiC,wBAAjB,cAAA,MAAa,CAAA,EAAA,CAAA;;gCAI1C,mBAIM,OAAA;aAJG;IAAJ,KAAI;IAAa,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,kBAAA,CAAA;IAAsB,eAAW,CAAG,SAAA;OACpE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,UAAA,CAAA,EAAA,EAAA,CAChB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA,CAAA,EAAA,EAAA"}

package/dist/components/collapse/collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","names":[],"sources":["../../../src/components/collapse/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" role=\"region\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useModel } from '@veltra/compositions'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, provide, ref } from 'vue'\n\nimport type { CollapseEmits, CollapseModelValue, CollapseProps, CollapseValue } from '../../types'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({\n  name: 'Collapse'\n})\n\nconst props = withDefaults(defineProps<CollapseProps>(), {\n  accordion: false,\n  defaultCollapseAll: false,\n  bordered: false\n})\nconst emit = defineEmits<CollapseEmits>()\n\nconst cls = bem('collapse')\n\nconst expandTransition = new ExpandTransition({\n  transition: 'height 0.24s cubic-bezier(0.4, 0, 0.2, 1)'\n})\n\nconst { size } = useFormFallbackProps([props], { size: 'default' })\n\nconst expandIcon = computed(() => props.expandIcon)\n\nconst bordered = computed(() => props.bordered)\n\nconst classList = computed(() => [cls.b, cls.m(size.value), bem.is('bordered', bordered.value)])\n\nconst modelValue = useModel<CollapseProps, 'modelValue'>({\n  props,\n  emit,\n  propName: 'modelValue'\n})\n\nconst activeValues = computed<CollapseValue[]>(() => {\n  const v = modelValue.value\n  if (v === undefined || v === null) return []\n  return Array.isArray(v) ? v : [v]\n})\n\nconst update = (next: CollapseModelValue) => {\n  modelValue.value = next\n  emit('change', next)\n}\n\nconst toggle = (value: CollapseValue) => {\n  if (props.accordion) {\n    update(activeValues.value[0] === value ? [] : value)\n    return\n  }\n\n  const values = activeValues.value.slice()\n  const index = values.indexOf(value)\n  if (index > -1) values.splice(index, 1)\n  else values.push(value)\n  update(values)\n}\n\n// 收集子组件已注册的 values\nconst registeredValues = ref<CollapseValue[]>([])\n\n// 初始捕获 modelValue 是否具有有效初值\nconst hasInitialValue =\n  modelValue.value !== undefined &&\n  modelValue.value !== null &&\n  (!Array.isArray(modelValue.value) || modelValue.value.length > 0)\n\nconst register = (value: CollapseValue) => {\n  if (!registeredValues.value.includes(value)) {\n    registeredValues.value.push(value)\n\n    // 若默认展开全部（defaultCollapseAll 为 false）且外部未指定初始值，则自动展开该子项\n    if (!props.defaultCollapseAll && !hasInitialValue) {\n      if (props.accordion) {\n        if (registeredValues.value.length === 1) {\n          update(value)\n        }\n      } else {\n        const current = Array.isArray(modelValue.value)\n          ? modelValue.value\n          : modelValue.value !== undefined && modelValue.value !== null\n            ? [modelValue.value]\n            : []\n        if (!current.includes(value)) {\n          update([...current, value])\n        }\n      }\n    }\n  }\n}\n\nconst unregister = (value: CollapseValue) => {\n  const idx = registeredValues.value.indexOf(value)\n  if (idx > -1) {\n    registeredValues.value.splice(idx, 1)\n  }\n}\n\nprovide(CollapseDIKey, {\n  cls,\n  size,\n  bordered,\n  expandIcon,\n  activeValues,\n  toggle,\n  expandTransition,\n  register,\n  unregister\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,mBAAmB,IAAI,iBAAiB,EAC5C,YAAY,6CACb,CAAA;EAED,MAAM,EAAE,SAAS,qBAAqB,CAAC,MAAM,EAAE,EAAE,MAAM,WAAW,CAAA;EAElE,MAAM,aAAa,eAAe,MAAM,WAAU;EAElD,MAAM,WAAW,eAAe,MAAM,SAAQ;EAE9C,MAAM,YAAY,eAAe;GAAC,IAAI;GAAG,IAAI,EAAE,KAAK,MAAM;GAAE,IAAI,GAAG,YAAY,SAAS,MAAM;GAAC,CAAA;EAE/F,MAAM,aAAa,WAAsC;GACvD;GACA;GACA,UAAU;GACX,CAAA;EAED,MAAM,eAAe,eAAgC;GACnD,MAAM,IAAI,WAAW;AACrB,OAAI,MAAM,KAAA,KAAa,MAAM,KAAM,QAAO,EAAC;AAC3C,UAAO,MAAM,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAC;IACjC;EAED,MAAM,UAAU,SAA6B;AAC3C,cAAW,QAAQ;AACnB,QAAK,UAAU,KAAI;;EAGrB,MAAM,UAAU,UAAyB;AACvC,OAAI,MAAM,WAAW;AACnB,WAAO,aAAa,MAAM,OAAO,QAAQ,EAAE,GAAG,MAAK;AACnD;;GAGF,MAAM,SAAS,aAAa,MAAM,OAAM;GACxC,MAAM,QAAQ,OAAO,QAAQ,MAAK;AAClC,OAAI,QAAQ,GAAI,QAAO,OAAO,OAAO,EAAC;OACjC,QAAO,KAAK,MAAK;AACtB,UAAO,OAAM;;EAIf,MAAM,mBAAmB,IAAqB,EAAE,CAAA;EAGhD,MAAM,kBACJ,WAAW,UAAU,KAAA,KACrB,WAAW,UAAU,SACpB,CAAC,MAAM,QAAQ,WAAW,MAAM,IAAI,WAAW,MAAM,SAAS;EAEjE,MAAM,YAAY,UAAyB;AACzC,OAAI,CAAC,iBAAiB,MAAM,SAAS,MAAM,EAAE;AAC3C,qBAAiB,MAAM,KAAK,MAAK;AAGjC,QAAI,CAAC,MAAM,sBAAsB,CAAC,gBAChC,KAAI,MAAM;SACJ,iBAAiB,MAAM,WAAW,EACpC,QAAO,MAAK;WAET;KACL,MAAM,UAAU,MAAM,QAAQ,WAAW,MAAK,GAC1C,WAAW,QACX,WAAW,UAAU,KAAA,KAAa,WAAW,UAAU,OACrD,CAAC,WAAW,MAAK,GACjB,EAAC;AACP,SAAI,CAAC,QAAQ,SAAS,MAAM,CAC1B,QAAO,CAAC,GAAG,SAAS,MAAM,CAAA;;;;EAOpC,MAAM,cAAc,UAAyB;GAC3C,MAAM,MAAM,iBAAiB,MAAM,QAAQ,MAAK;AAChD,OAAI,MAAM,GACR,kBAAiB,MAAM,OAAO,KAAK,EAAC;;AAIxC,UAAQ,eAAe;GACrB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;;uBAtHC,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAE,MAAK;OAC3B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"collapse.js","names":[],"sources":["../../../src/components/collapse/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" role=\"region\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useModel } from '@veltra/compositions'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, provide, ref } from 'vue'\n\nimport type { CollapseEmits, CollapseModelValue, CollapseProps, CollapseValue } from '../../types'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({\n  name: 'Collapse'\n})\n\nconst props = withDefaults(defineProps<CollapseProps>(), {\n  accordion: false,\n  defaultCollapseAll: false,\n  bordered: false\n})\nconst emit = defineEmits<CollapseEmits>()\n\nconst cls = bem('collapse')\n\nconst expandTransition = new ExpandTransition({\n  transition: 'height 0.24s cubic-bezier(0.4, 0, 0.2, 1)'\n})\n\nconst { size } = useFormFallbackProps([props], { size: 'default' })\n\nconst expandIcon = computed(() => props.expandIcon)\n\nconst bordered = computed(() => props.bordered)\n\nconst classList = computed(() => [cls.b, cls.m(size.value), bem.is('bordered', bordered.value)])\n\nconst modelValue = useModel<CollapseProps, 'modelValue'>({\n  props,\n  emit,\n  propName: 'modelValue'\n})\n\nconst activeValues = computed<CollapseValue[]>(() => {\n  const v = modelValue.value\n  if (v === undefined || v === null) return []\n  return Array.isArray(v) ? v : [v]\n})\n\nconst update = (next: CollapseModelValue) => {\n  modelValue.value = next\n  emit('change', next)\n}\n\nconst toggle = (value: CollapseValue) => {\n  if (props.accordion) {\n    update(activeValues.value[0] === value ? [] : value)\n    return\n  }\n\n  const values = activeValues.value.slice()\n  const index = values.indexOf(value)\n  if (index > -1) values.splice(index, 1)\n  else values.push(value)\n  update(values)\n}\n\n// 收集子组件已注册的 values\nconst registeredValues = ref<CollapseValue[]>([])\n\n// 初始捕获 modelValue 是否具有有效初值\nconst hasInitialValue =\n  modelValue.value !== undefined &&\n  modelValue.value !== null &&\n  (!Array.isArray(modelValue.value) || modelValue.value.length > 0)\n\nconst register = (value: CollapseValue) => {\n  if (!registeredValues.value.includes(value)) {\n    registeredValues.value.push(value)\n\n    // 若默认展开全部（defaultCollapseAll 为 false）且外部未指定初始值，则自动展开该子项\n    if (!props.defaultCollapseAll && !hasInitialValue) {\n      if (props.accordion) {\n        if (registeredValues.value.length === 1) {\n          update(value)\n        }\n      } else {\n        const current = Array.isArray(modelValue.value)\n          ? modelValue.value\n          : modelValue.value !== undefined && modelValue.value !== null\n            ? [modelValue.value]\n            : []\n        if (!current.includes(value)) {\n          update([...current, value])\n        }\n      }\n    }\n  }\n}\n\nconst unregister = (value: CollapseValue) => {\n  const idx = registeredValues.value.indexOf(value)\n  if (idx > -1) {\n    registeredValues.value.splice(idx, 1)\n  }\n}\n\nprovide(CollapseDIKey, {\n  cls,\n  size,\n  bordered,\n  expandIcon,\n  activeValues,\n  toggle,\n  expandTransition,\n  register,\n  unregister\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,mBAAmB,IAAI,iBAAiB,EAC5C,YAAY,6CACb,CAAA;EAED,MAAM,EAAE,SAAS,qBAAqB,CAAC,MAAK,EAAG,EAAE,MAAM,WAAW,CAAA;EAElE,MAAM,aAAa,eAAe,MAAM,WAAU;EAElD,MAAM,WAAW,eAAe,MAAM,SAAQ;EAE9C,MAAM,YAAY,eAAe;GAAC,IAAI;GAAG,IAAI,EAAE,KAAK,MAAK;GAAG,IAAI,GAAG,YAAY,SAAS,MAAK;GAAE,CAAA;EAE/F,MAAM,aAAa,WAAsC;GACvD;GACA;GACA,UAAU;GACX,CAAA;EAED,MAAM,eAAe,eAAgC;GACnD,MAAM,IAAI,WAAW;GACrB,IAAI,MAAM,KAAA,KAAa,MAAM,MAAM,OAAO,EAAC;GAC3C,OAAO,MAAM,QAAQ,EAAC,GAAI,IAAI,CAAC,EAAC;IACjC;EAED,MAAM,UAAU,SAA6B;GAC3C,WAAW,QAAQ;GACnB,KAAK,UAAU,KAAI;;EAGrB,MAAM,UAAU,UAAyB;GACvC,IAAI,MAAM,WAAW;IACnB,OAAO,aAAa,MAAM,OAAO,QAAQ,EAAC,GAAI,MAAK;IACnD;;GAGF,MAAM,SAAS,aAAa,MAAM,OAAM;GACxC,MAAM,QAAQ,OAAO,QAAQ,MAAK;GAClC,IAAI,QAAQ,IAAI,OAAO,OAAO,OAAO,EAAC;QACjC,OAAO,KAAK,MAAK;GACtB,OAAO,OAAM;;EAIf,MAAM,mBAAmB,IAAqB,EAAE,CAAA;EAGhD,MAAM,kBACJ,WAAW,UAAU,KAAA,KACrB,WAAW,UAAU,SACpB,CAAC,MAAM,QAAQ,WAAW,MAAK,IAAK,WAAW,MAAM,SAAS;EAEjE,MAAM,YAAY,UAAyB;GACzC,IAAI,CAAC,iBAAiB,MAAM,SAAS,MAAK,EAAG;IAC3C,iBAAiB,MAAM,KAAK,MAAK;IAGjC,IAAI,CAAC,MAAM,sBAAsB,CAAC,iBAChC,IAAI,MAAM;SACJ,iBAAiB,MAAM,WAAW,GACpC,OAAO,MAAK;WAET;KACL,MAAM,UAAU,MAAM,QAAQ,WAAW,MAAK,GAC1C,WAAW,QACX,WAAW,UAAU,KAAA,KAAa,WAAW,UAAU,OACrD,CAAC,WAAW,MAAK,GACjB,EAAC;KACP,IAAI,CAAC,QAAQ,SAAS,MAAK,EACzB,OAAO,CAAC,GAAG,SAAS,MAAM,CAAA;;;;EAOpC,MAAM,cAAc,UAAyB;GAC3C,MAAM,MAAM,iBAAiB,MAAM,QAAQ,MAAK;GAChD,IAAI,MAAM,IACR,iBAAiB,MAAM,OAAO,KAAK,EAAC;;EAIxC,QAAQ,eAAe;GACrB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;;uBAtHC,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAE,MAAK;OAC3B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}