@veltra/desktop 1.2.9 → 1.2.12

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

@@ -1 +1 @@
-{"version":3,"file":"action-group.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport { MoreFilled } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes } from '@veltra/utils'\nimport { cloneVNode, provide, shallowRef, type VNode } from 'vue'\n\nimport type { _ActionGroupExposed, ActionGroupProps } from '../../types'\nimport { UButton } from '../button'\nimport { UTip } from '../tip'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'ActionGroup',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n  size: 'small',\n  text: true,\n  type: 'primary'\n})\n\nconst cls = bem('action-group')\n\nconst slots = defineSlots<{\n  default?: () => VNode[]\n}>()\n\nfunction isInDropdownNode(node: VNode): boolean {\n  const p = node.props as Record<string, unknown> | null\n  if (!p) return false\n  const v = p.inDropdown ?? p['in-dropdown']\n  return v === true || v === '' || v === 'true'\n}\n\nconst tipVisible = shallowRef(false)\n\nfunction closeTip() {\n  tipVisible.value = false\n}\n\nfunction withSeparators(nodes: VNode[]) {\n  return nodes.flatMap((node, index) => {\n    if (index === 0) return [node]\n\n    return [\n      <i\n        key={`separator-${index}`}\n        class={cls.e('separator')}\n        aria-hidden=\"true\"\n      />,\n      node\n    ]\n  })\n}\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.()\n  if (!nodes) return []\n\n  const extracted = extractNormalVNodes(nodes).filter(\n    (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'\n  )\n\n  const visible: VNode[] = []\n  const fixedHidden: VNode[] = []\n\n  extracted.forEach((node) => {\n    if (isInDropdownNode(node)) {\n      fixedHidden.push(node)\n    } else {\n      visible.push(node)\n    }\n  })\n\n  const willOverflow = visible.length > props.max\n  const overflow = willOverflow ? visible.splice(props.max - 1) : []\n\n  const hiddenNodes = [...overflow, ...fixedHidden]\n\n  const dropdownNodes = hiddenNodes.map((node) =>\n    cloneVNode(node, { inDropdown: true, circle: false })\n  )\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip\n      direction=\"bottom\"\n      alignment=\"end\"\n      trigger=\"click\"\n      class={cls.e('dropdown')}\n      visible={tipVisible.value}\n      onUpdate:visible={(val: boolean) => {\n        tipVisible.value = val\n      }}\n    >\n      {{\n        content: () => dropdownNodes,\n        default: () => (\n          <UButton\n            class={cls.e('more')}\n            type={props.type}\n            size={props.size}\n            text={props.text}\n            circle\n            icon={MoreFilled}\n          />\n        )\n      }}\n    </UTip>\n  ) : null\n\n  return withSeparators(dropdown ? [...visible, dropdown] : visible)\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n  closeTip\n})\n\ndefineExpose<_ActionGroupExposed>({\n  closeTip\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"action-group.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport { MoreFilled } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes } from '@veltra/utils'\nimport { cloneVNode, provide, shallowRef, type VNode } from 'vue'\n\nimport type { _ActionGroupExposed, ActionGroupProps } from '../../types'\nimport { UButton } from '../button'\nimport { UTip } from '../tip'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'UActionGroup',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n  size: 'small',\n  text: true,\n  type: 'primary'\n})\n\nconst cls = bem('action-group')\n\nconst slots = defineSlots<{\n  default?: () => VNode[]\n}>()\n\nfunction isInDropdownNode(node: VNode): boolean {\n  const p = node.props as Record<string, unknown> | null\n  if (!p) return false\n  const v = p.inDropdown ?? p['in-dropdown']\n  return v === true || v === '' || v === 'true'\n}\n\nconst tipVisible = shallowRef(false)\n\nfunction closeTip() {\n  tipVisible.value = false\n}\n\nfunction withSeparators(nodes: VNode[]) {\n  return nodes.flatMap((node, index) => {\n    if (index === 0) return [node]\n\n    return [\n      <i\n        key={`separator-${index}`}\n        class={cls.e('separator')}\n        aria-hidden=\"true\"\n      />,\n      node\n    ]\n  })\n}\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.()\n  if (!nodes) return []\n\n  const extracted = extractNormalVNodes(nodes).filter(\n    (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'\n  )\n\n  const visible: VNode[] = []\n  const fixedHidden: VNode[] = []\n\n  extracted.forEach((node) => {\n    if (isInDropdownNode(node)) {\n      fixedHidden.push(node)\n    } else {\n      visible.push(node)\n    }\n  })\n\n  const willOverflow = visible.length > props.max\n  const overflow = willOverflow ? visible.splice(props.max - 1) : []\n\n  const hiddenNodes = [...overflow, ...fixedHidden]\n\n  const dropdownNodes = hiddenNodes.map((node) =>\n    cloneVNode(node, { inDropdown: true, circle: false })\n  )\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip\n      direction=\"bottom\"\n      alignment=\"end\"\n      trigger=\"click\"\n      class={cls.e('dropdown')}\n      visible={tipVisible.value}\n      onUpdate:visible={(val: boolean) => {\n        tipVisible.value = val\n      }}\n    >\n      {{\n        content: () => dropdownNodes,\n        default: () => (\n          <UButton\n            class={cls.e('more')}\n            type={props.type}\n            size={props.size}\n            text={props.text}\n            circle\n            icon={MoreFilled}\n          />\n        )\n      }}\n    </UTip>\n  ) : null\n\n  return withSeparators(dropdown ? [...visible, dropdown] : visible)\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n  closeTip\n})\n\ndefineExpose<_ActionGroupExposed>({\n  closeTip\n})\n</script>\n"],"mappings":""}

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

@@ -6,10 +6,10 @@ type __VLS_Slots = {
   default?: () => VNode[];
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
-  size: "small" | "default" | "large";
   type: import("@veltra/utils").ColorType;
-  max: number;
   text: boolean;
+  size: "small" | "default" | "large";
+  max: number;
   circle: boolean;
   loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ import { bem, extractNormalVNodes } from "@veltra/utils";
 import { MoreFilled } from "@veltra/icons/normal";
 //#region src/components/action/action-group.vue?vue&type=script&setup=true&lang.tsx
 var action_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	name: "ActionGroup",
+	name: "UActionGroup",
 	inheritAttrs: false,
 	__name: "action-group",
 	props: {

package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-group.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport { MoreFilled } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes } from '@veltra/utils'\nimport { cloneVNode, provide, shallowRef, type VNode } from 'vue'\n\nimport type { _ActionGroupExposed, ActionGroupProps } from '../../types'\nimport { UButton } from '../button'\nimport { UTip } from '../tip'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'ActionGroup',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n  size: 'small',\n  text: true,\n  type: 'primary'\n})\n\nconst cls = bem('action-group')\n\nconst slots = defineSlots<{\n  default?: () => VNode[]\n}>()\n\nfunction isInDropdownNode(node: VNode): boolean {\n  const p = node.props as Record<string, unknown> | null\n  if (!p) return false\n  const v = p.inDropdown ?? p['in-dropdown']\n  return v === true || v === '' || v === 'true'\n}\n\nconst tipVisible = shallowRef(false)\n\nfunction closeTip() {\n  tipVisible.value = false\n}\n\nfunction withSeparators(nodes: VNode[]) {\n  return nodes.flatMap((node, index) => {\n    if (index === 0) return [node]\n\n    return [\n      <i\n        key={`separator-${index}`}\n        class={cls.e('separator')}\n        aria-hidden=\"true\"\n      />,\n      node\n    ]\n  })\n}\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.()\n  if (!nodes) return []\n\n  const extracted = extractNormalVNodes(nodes).filter(\n    (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'\n  )\n\n  const visible: VNode[] = []\n  const fixedHidden: VNode[] = []\n\n  extracted.forEach((node) => {\n    if (isInDropdownNode(node)) {\n      fixedHidden.push(node)\n    } else {\n      visible.push(node)\n    }\n  })\n\n  const willOverflow = visible.length > props.max\n  const overflow = willOverflow ? visible.splice(props.max - 1) : []\n\n  const hiddenNodes = [...overflow, ...fixedHidden]\n\n  const dropdownNodes = hiddenNodes.map((node) =>\n    cloneVNode(node, { inDropdown: true, circle: false })\n  )\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip\n      direction=\"bottom\"\n      alignment=\"end\"\n      trigger=\"click\"\n      class={cls.e('dropdown')}\n      visible={tipVisible.value}\n      onUpdate:visible={(val: boolean) => {\n        tipVisible.value = val\n      }}\n    >\n      {{\n        content: () => dropdownNodes,\n        default: () => (\n          <UButton\n            class={cls.e('more')}\n            type={props.type}\n            size={props.size}\n            text={props.text}\n            circle\n            icon={MoreFilled}\n          />\n        )\n      }}\n    </UTip>\n  ) : null\n\n  return withSeparators(dropdown ? [...visible, dropdown] : visible)\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n  closeTip\n})\n\ndefineExpose<_ActionGroupExposed>({\n  closeTip\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EASd,MAAM,MAAM,IAAI,cAAc;EAE9B,MAAM,QAAQ,SAAA;EAId,SAAS,iBAAiB,MAAsB;GAC9C,MAAM,IAAI,KAAK;GACf,IAAI,CAAC,GAAG,OAAO;GACf,MAAM,IAAI,EAAE,cAAc,EAAE;GAC5B,OAAO,MAAM,QAAQ,MAAM,MAAM,MAAM;EACzC;EAEA,MAAM,aAAa,WAAW,KAAK;EAEnC,SAAS,WAAW;GAClB,WAAW,QAAQ;EACrB;EAEA,SAAS,eAAe,OAAgB;GACtC,OAAO,MAAM,SAAS,MAAM,UAAU;IACpC,IAAI,UAAU,GAAG,OAAO,CAAC,IAAI;IAE7B,OAAO,CAAA,YAAA,KAAA;KAAA,OAEE,aAAa;KAAO,SAClB,IAAI,EAAE,WAAW;KAAC,eAAA;IAAA,GAAA,IAAA,GAG3B,IAAG;GAEP,CAAC;EACH;EAEA,SAAS,gBAAgB;GACvB,MAAM,QAAQ,MAAM,UAAU;GAC9B,IAAI,CAAC,OAAO,OAAO,CAAA;GAEnB,MAAM,YAAY,oBAAoB,KAAK,EAAE,QAC1C,SAAU,KAAK,MAA+C,SAAS,QAC1E;GAEA,MAAM,UAAmB,CAAA;GACzB,MAAM,cAAuB,CAAA;GAE7B,UAAU,SAAS,SAAS;IAC1B,IAAI,iBAAiB,IAAI,GACvB,YAAY,KAAK,IAAI;SAErB,QAAQ,KAAK,IAAI;GAErB,CAAC;GAKD,MAAM,cAAc,CAAC,GAHA,QAAQ,SAAS,MAAM,MACZ,QAAQ,OAAO,MAAM,MAAM,CAAC,IAAI,CAAA,GAE9B,GAAG,WAAW;GAEhD,MAAM,gBAAgB,YAAY,KAAK,SACrC,WAAW,MAAM;IAAE,YAAY;IAAM,QAAQ;GAAM,CAAC,CACtD;GAEA,MAAM,WAAW,YAAY,SAAM,YAAA,WAAA;IAAA,aAAA;IAAA,aAAA;IAAA,WAAA;IAAA,SAKxB,IAAI,EAAE,UAAU;IAAC,WACf,WAAW;IAAK,qBACN,QAAiB;KAClC,WAAW,QAAQ;IACrB;GAAC,GAAA;IAGC,eAAe;IACf,eAAS,YAAA,aAAA;KAAA,SAEE,IAAI,EAAE,MAAM;KAAC,QACd,MAAM;KAAI,QACV,MAAM;KAAI,QACV,MAAM;KAAI,UAAA;KAAA,QAEV;IAAU,GAAA,IAAA;GAEpB,CAAA,IAGF;GAEJ,OAAO,eAAe,WAAW,CAAC,GAAG,SAAS,QAAQ,IAAI,OAAO;EACnE;EAEA,QAAQ,aAAa;GACnB,YAAY;GACZ;EACF,CAAC;EAED,SAAkC,EAChC,SACF,CAAC;;2BA9HC,mBAAwE,UAAA,MAAA,WAA9C,cAAa,IAArB,SAAI;wBAAtB,YAAwE,wBAAR,IAAI,GAAA,EAAxB,KAAK,KAAK,IAAA,CAAA"}
+{"version":3,"file":"action-group.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport { MoreFilled } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes } from '@veltra/utils'\nimport { cloneVNode, provide, shallowRef, type VNode } from 'vue'\n\nimport type { _ActionGroupExposed, ActionGroupProps } from '../../types'\nimport { UButton } from '../button'\nimport { UTip } from '../tip'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'UActionGroup',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n  size: 'small',\n  text: true,\n  type: 'primary'\n})\n\nconst cls = bem('action-group')\n\nconst slots = defineSlots<{\n  default?: () => VNode[]\n}>()\n\nfunction isInDropdownNode(node: VNode): boolean {\n  const p = node.props as Record<string, unknown> | null\n  if (!p) return false\n  const v = p.inDropdown ?? p['in-dropdown']\n  return v === true || v === '' || v === 'true'\n}\n\nconst tipVisible = shallowRef(false)\n\nfunction closeTip() {\n  tipVisible.value = false\n}\n\nfunction withSeparators(nodes: VNode[]) {\n  return nodes.flatMap((node, index) => {\n    if (index === 0) return [node]\n\n    return [\n      <i\n        key={`separator-${index}`}\n        class={cls.e('separator')}\n        aria-hidden=\"true\"\n      />,\n      node\n    ]\n  })\n}\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.()\n  if (!nodes) return []\n\n  const extracted = extractNormalVNodes(nodes).filter(\n    (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'\n  )\n\n  const visible: VNode[] = []\n  const fixedHidden: VNode[] = []\n\n  extracted.forEach((node) => {\n    if (isInDropdownNode(node)) {\n      fixedHidden.push(node)\n    } else {\n      visible.push(node)\n    }\n  })\n\n  const willOverflow = visible.length > props.max\n  const overflow = willOverflow ? visible.splice(props.max - 1) : []\n\n  const hiddenNodes = [...overflow, ...fixedHidden]\n\n  const dropdownNodes = hiddenNodes.map((node) =>\n    cloneVNode(node, { inDropdown: true, circle: false })\n  )\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip\n      direction=\"bottom\"\n      alignment=\"end\"\n      trigger=\"click\"\n      class={cls.e('dropdown')}\n      visible={tipVisible.value}\n      onUpdate:visible={(val: boolean) => {\n        tipVisible.value = val\n      }}\n    >\n      {{\n        content: () => dropdownNodes,\n        default: () => (\n          <UButton\n            class={cls.e('more')}\n            type={props.type}\n            size={props.size}\n            text={props.text}\n            circle\n            icon={MoreFilled}\n          />\n        )\n      }}\n    </UTip>\n  ) : null\n\n  return withSeparators(dropdown ? [...visible, dropdown] : visible)\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n  closeTip\n})\n\ndefineExpose<_ActionGroupExposed>({\n  closeTip\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EASd,MAAM,MAAM,IAAI,cAAc;EAE9B,MAAM,QAAQ,SAAA;EAId,SAAS,iBAAiB,MAAsB;GAC9C,MAAM,IAAI,KAAK;GACf,IAAI,CAAC,GAAG,OAAO;GACf,MAAM,IAAI,EAAE,cAAc,EAAE;GAC5B,OAAO,MAAM,QAAQ,MAAM,MAAM,MAAM;EACzC;EAEA,MAAM,aAAa,WAAW,KAAK;EAEnC,SAAS,WAAW;GAClB,WAAW,QAAQ;EACrB;EAEA,SAAS,eAAe,OAAgB;GACtC,OAAO,MAAM,SAAS,MAAM,UAAU;IACpC,IAAI,UAAU,GAAG,OAAO,CAAC,IAAI;IAE7B,OAAO,CAAA,YAAA,KAAA;KAAA,OAEE,aAAa;KAAO,SAClB,IAAI,EAAE,WAAW;KAAC,eAAA;IAAA,GAAA,IAAA,GAG3B,IAAG;GAEP,CAAC;EACH;EAEA,SAAS,gBAAgB;GACvB,MAAM,QAAQ,MAAM,UAAU;GAC9B,IAAI,CAAC,OAAO,OAAO,CAAA;GAEnB,MAAM,YAAY,oBAAoB,KAAK,CAAC,CAAC,QAC1C,SAAU,KAAK,MAA+C,SAAS,QAC1E;GAEA,MAAM,UAAmB,CAAA;GACzB,MAAM,cAAuB,CAAA;GAE7B,UAAU,SAAS,SAAS;IAC1B,IAAI,iBAAiB,IAAI,GACvB,YAAY,KAAK,IAAI;SAErB,QAAQ,KAAK,IAAI;GAErB,CAAC;GAKD,MAAM,cAAc,CAAC,GAHA,QAAQ,SAAS,MAAM,MACZ,QAAQ,OAAO,MAAM,MAAM,CAAC,IAAI,CAAA,GAE9B,GAAG,WAAW;GAEhD,MAAM,gBAAgB,YAAY,KAAK,SACrC,WAAW,MAAM;IAAE,YAAY;IAAM,QAAQ;GAAM,CAAC,CACtD;GAEA,MAAM,WAAW,YAAY,SAAM,YAAA,WAAA;IAAA,aAAA;IAAA,aAAA;IAAA,WAAA;IAAA,SAKxB,IAAI,EAAE,UAAU;IAAC,WACf,WAAW;IAAK,qBACN,QAAiB;KAClC,WAAW,QAAQ;IACrB;GAAC,GAAA;IAGC,eAAe;IACf,eAAS,YAAA,aAAA;KAAA,SAEE,IAAI,EAAE,MAAM;KAAC,QACd,MAAM;KAAI,QACV,MAAM;KAAI,QACV,MAAM;KAAI,UAAA;KAAA,QAEV;IAAU,GAAA,IAAA;GAEpB,CAAA,IAGF;GAEJ,OAAO,eAAe,WAAW,CAAC,GAAG,SAAS,QAAQ,IAAI,OAAO;EACnE;EAEA,QAAQ,aAAa;GACnB,YAAY;GACZ;EACF,CAAC;EAED,SAAkC,EAChC,SACF,CAAC;;2BA9HC,mBAAwE,UAAA,MAAA,WAA9C,cAAa,IAArB,SAAI;wBAAtB,YAAwE,wBAAR,IAAI,GAAA,EAAxB,KAAK,KAAK,IAAA,CAAA"}

package/dist/components/action/action.js

@@ -5,8 +5,8 @@ import { computed, createBlock, createVNode, defineComponent, inject, mergeProps
 import { bem } from "@veltra/utils";
 import { o } from "@cat-kit/core";
 //#region src/components/action/action.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Action",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAction",
 	inheritAttrs: false,
 	__name: "action",
 	props: {

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

@@ -1 +1 @@
-{"version":3,"file":"action.js","names":["$attrs"],"sources":["../../../src/components/action/action.vue"],"sourcesContent":["<template>\n  <u-pop-confirm\n    v-if=\"needConfirm\"\n    title=\"确认执行此操作吗？\"\n    style=\"display: inline-block\"\n    direction=\"left\"\n    @confirm=\"handleConfirm\"\n  >\n    <template #reference>\n      <u-button\n        :class=\"cls.b\"\n        :loading\n        :circle\n        :propagate=\"false\"\n        v-bind=\"{ ...buttonProps, ...$attrs }\"\n      >\n        <slot />\n      </u-button>\n    </template>\n  </u-pop-confirm>\n\n  <u-button\n    v-else\n    :class=\"cls.b\"\n    :loading\n    :circle\n    :propagate=\"false\"\n    v-bind=\"{ ...buttonProps, ...$attrs }\"\n    @click=\"handleRun\"\n  >\n    <slot />\n  </u-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { ActionEmits, ActionProps } from '../../types'\nimport { UButton } from '../button'\nimport { UPopConfirm } from '../pop-confirm'\nimport { ActionDIKey } from './di'\n\ndefineOptions({ name: 'Action', inheritAttrs: false })\n\n// 这里所有可继承自 `<u-action-group>` 的默认值都强制为 `undefined`，\n// 否则 Vue 对 Boolean 类型 prop 的默认值（false）会让 `??` 兜底始终失效\nconst props = withDefaults(defineProps<ActionProps>(), {\n  inDropdown: false,\n  loading: undefined,\n  circle: undefined,\n  text: undefined,\n  size: undefined,\n  type: undefined\n})\n\nconst ctx = inject(ActionDIKey, undefined)\n\nconst size = computed(() => props.size ?? ctx?.groupProps.size ?? 'small')\nconst text = computed(() => props.text ?? ctx?.groupProps.text ?? true)\nconst type = computed(() => props.type ?? ctx?.groupProps.type ?? 'primary')\n\nconst loading = computed(() => {\n  return props.loading ?? ctx?.groupProps.loading\n})\n\n// 下拉菜单中的操作项强制非圆形以呈现完整文本，否则跟随用户/分组配置\nconst circle = computed(() => {\n  if (props.inDropdown) return false\n  return props.circle ?? ctx?.groupProps.circle\n})\n\nconst buttonProps = computed(() => {\n  return {\n    ...o(props as Record<string, any>).omit([\n      'needConfirm',\n      'loading',\n      'circle',\n      'propagate',\n      'size',\n      'text',\n      'type',\n      'inDropdown'\n    ]),\n    size: size.value,\n    text: text.value,\n    type: type.value\n  }\n})\n\nconst emit = defineEmits<ActionEmits>()\n\nconst cls = bem('action')\n\nfunction handleConfirm() {\n  handleRun()\n}\n\nfunction handleRun() {\n  emit('run')\n\n  if (props.inDropdown) {\n    ctx?.closeTip()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EASd,MAAM,MAAM,OAAO,aAAa,KAAA,CAAS;EAEzC,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,OAAO;EACzE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,IAAI;EACtE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,SAAS;EAE3E,MAAM,UAAU,eAAe;GAC7B,OAAO,MAAM,WAAW,KAAK,WAAW;EAC1C,CAAC;EAGD,MAAM,SAAS,eAAe;GAC5B,IAAI,MAAM,YAAY,OAAO;GAC7B,OAAO,MAAM,UAAU,KAAK,WAAW;EACzC,CAAC;EAED,MAAM,cAAc,eAAe;GACjC,OAAO;IACL,GAAG,EAAE,KAA4B,EAAE,KAAK;KACtC;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,CAAC;IACD,MAAM,KAAK;IACX,MAAM,KAAK;IACX,MAAM,KAAK;GACb;EACF,CAAC;EAED,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,QAAQ;EAExB,SAAS,gBAAgB;GACvB,UAAU;EACZ;EAEA,SAAS,YAAY;GACnB,KAAK,KAAK;GAEV,IAAI,MAAM,YACR,KAAK,SAAS;EAElB;;UAvGU,QAAA,eAAA,UAAA,GADR,YAkBgB,MAAA,WAAA,GAAA;;IAhBd,OAAM;IACN,OAAA,EAAA,WAAA,eAAA;IACA,WAAU;IACT,WAAS;;IAEC,WAAS,cASP,CARX,YAQW,MAAA,WAAA,GARX,WAQW;KAPR,OAAO,MAAA,GAAA,EAAI;KACX,SAAA,QAAA;KACA,QAAA,OAAA;KACA,WAAW;;QACC,YAAA;KAAW,GAAKA,KAAAA;IAAM,CAAA,GAAA;4BAE3B,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;;;uBAKd,YAUW,MAAA,WAAA,GAVX,WAUW;;IARR,OAAO,MAAA,GAAA,EAAI;IACX,SAAA,QAAA;IACA,QAAA,OAAA;IACA,WAAW;;OACC,YAAA;IAAW,GAAKA,KAAAA;GAAM,GAAA,EAClC,SAAO,UAAS,CAAA,GAAA;2BAET,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"action.js","names":["$attrs"],"sources":["../../../src/components/action/action.vue"],"sourcesContent":["<template>\n  <u-pop-confirm\n    v-if=\"needConfirm\"\n    title=\"确认执行此操作吗？\"\n    style=\"display: inline-block\"\n    direction=\"left\"\n    @confirm=\"handleConfirm\"\n  >\n    <template #reference>\n      <u-button\n        :class=\"cls.b\"\n        :loading\n        :circle\n        :propagate=\"false\"\n        v-bind=\"{ ...buttonProps, ...$attrs }\"\n      >\n        <slot />\n      </u-button>\n    </template>\n  </u-pop-confirm>\n\n  <u-button\n    v-else\n    :class=\"cls.b\"\n    :loading\n    :circle\n    :propagate=\"false\"\n    v-bind=\"{ ...buttonProps, ...$attrs }\"\n    @click=\"handleRun\"\n  >\n    <slot />\n  </u-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { ActionEmits, ActionProps } from '../../types'\nimport { UButton } from '../button'\nimport { UPopConfirm } from '../pop-confirm'\nimport { ActionDIKey } from './di'\n\ndefineOptions({ name: 'UAction', inheritAttrs: false })\n\n// 这里所有可继承自 `<u-action-group>` 的默认值都强制为 `undefined`，\n// 否则 Vue 对 Boolean 类型 prop 的默认值（false）会让 `??` 兜底始终失效\nconst props = withDefaults(defineProps<ActionProps>(), {\n  inDropdown: false,\n  loading: undefined,\n  circle: undefined,\n  text: undefined,\n  size: undefined,\n  type: undefined\n})\n\nconst ctx = inject(ActionDIKey, undefined)\n\nconst size = computed(() => props.size ?? ctx?.groupProps.size ?? 'small')\nconst text = computed(() => props.text ?? ctx?.groupProps.text ?? true)\nconst type = computed(() => props.type ?? ctx?.groupProps.type ?? 'primary')\n\nconst loading = computed(() => {\n  return props.loading ?? ctx?.groupProps.loading\n})\n\n// 下拉菜单中的操作项强制非圆形以呈现完整文本，否则跟随用户/分组配置\nconst circle = computed(() => {\n  if (props.inDropdown) return false\n  return props.circle ?? ctx?.groupProps.circle\n})\n\nconst buttonProps = computed(() => {\n  return {\n    ...o(props as Record<string, any>).omit([\n      'needConfirm',\n      'loading',\n      'circle',\n      'propagate',\n      'size',\n      'text',\n      'type',\n      'inDropdown'\n    ]),\n    size: size.value,\n    text: text.value,\n    type: type.value\n  }\n})\n\nconst emit = defineEmits<ActionEmits>()\n\nconst cls = bem('action')\n\nfunction handleConfirm() {\n  handleRun()\n}\n\nfunction handleRun() {\n  emit('run')\n\n  if (props.inDropdown) {\n    ctx?.closeTip()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EASd,MAAM,MAAM,OAAO,aAAa,KAAA,CAAS;EAEzC,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,OAAO;EACzE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,IAAI;EACtE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,SAAS;EAE3E,MAAM,UAAU,eAAe;GAC7B,OAAO,MAAM,WAAW,KAAK,WAAW;EAC1C,CAAC;EAGD,MAAM,SAAS,eAAe;GAC5B,IAAI,MAAM,YAAY,OAAO;GAC7B,OAAO,MAAM,UAAU,KAAK,WAAW;EACzC,CAAC;EAED,MAAM,cAAc,eAAe;GACjC,OAAO;IACL,GAAG,EAAE,KAA4B,CAAC,CAAC,KAAK;KACtC;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,CAAC;IACD,MAAM,KAAK;IACX,MAAM,KAAK;IACX,MAAM,KAAK;GACb;EACF,CAAC;EAED,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,QAAQ;EAExB,SAAS,gBAAgB;GACvB,UAAU;EACZ;EAEA,SAAS,YAAY;GACnB,KAAK,KAAK;GAEV,IAAI,MAAM,YACR,KAAK,SAAS;EAElB;;UAvGU,QAAA,eAAA,UAAA,GADR,YAkBgB,MAAA,WAAA,GAAA;;IAhBd,OAAM;IACN,OAAA,EAAA,WAAA,eAAA;IACA,WAAU;IACT,WAAS;;IAEC,WAAS,cASP,CARX,YAQW,MAAA,WAAA,GARX,WAQW;KAPR,OAAO,MAAA,GAAA,CAAG,CAAC;KACX,SAAA,QAAA;KACA,QAAA,OAAA;KACA,WAAW;;QACC,YAAA;KAAW,GAAKA,KAAAA;IAAM,CAAA,GAAA;4BAE3B,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;;;uBAKd,YAUW,MAAA,WAAA,GAVX,WAUW;;IARR,OAAO,MAAA,GAAA,CAAG,CAAC;IACX,SAAA,QAAA;IACA,QAAA,OAAA;IACA,WAAW;;OACC,YAAA;IAAW,GAAKA,KAAAA;GAAM,GAAA,EAClC,SAAO,UAAS,CAAA,GAAA;2BAET,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

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

@@ -12,9 +12,9 @@ declare const __VLS_base: import("vue").DefineComponent<ActionProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
-  size: import("@veltra/utils").ComponentSize;
   type: ButtonType;
   text: boolean;
+  size: import("@veltra/utils").ComponentSize;
   circle: boolean;
   loading: boolean;
   inDropdown: boolean;

package/dist/components/auto-complete/auto-complete.js

@@ -10,11 +10,11 @@ import { vRipple } from "@veltra/directives";
 //#region src/components/auto-complete/auto-complete.vue
 const _hoisted_1 = ["data-key"];
 const _hoisted_2 = ["onClick", "data-key"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "AutoComplete",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UAutoComplete",
 	inheritAttrs: false,
 	__name: "auto-complete",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
 		placeholder: { default: "请输入" },
 		suggestions: {},
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:modelValue", "select"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:modelValue", "select"], ["update:modelValue"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;

package/dist/components/auto-complete/auto-complete.js.map

@@ -1 +1 @@
-{"version":3,"file":"auto-complete.js","names":[],"sources":["../../../src/components/auto-complete/auto-complete.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    trigger=\"click\"\n    :class=\"[cls.b, cls.m(size), bem.is('disabled', disabled)]\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    :disabled=\"disabled\"\n  >\n    <!-- 触发 -->\n    <template #trigger>\n      <!-- 单选 -->\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        v-model=\"model\"\n        @keydown=\"handleInputKeydown\"\n      >\n        <template #suffix v-if=\"slots.suffix\">\n          <slot name=\"suffix\" />\n        </template>\n\n        <template #prefix v-if=\"slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n      </u-input>\n    </template>\n\n    <!-- 下拉内容 -->\n    <template #content>\n      <u-scroll tag=\"ul\" :class=\"cls.e('options')\" ref=\"scrollRef\">\n        <li\n          v-if=\"displayCachedSuggestion\"\n          :class=\"[optionClass, bem.is('active', isCachedActive)]\"\n          @click=\"handleSelectCachedOption(displayCachedSuggestion)\"\n          v-ripple=\"cls.e('ripple')\"\n          :data-key=\"displayCachedSuggestion\"\n          :key=\"displayCachedSuggestion\"\n        >\n          <slot v-bind=\"{ option: displayCachedSuggestion, index: -1 }\">\n            {{ displayCachedSuggestion }}\n          </slot>\n        </li>\n\n        <li\n          v-for=\"(option, index) of suggestions\"\n          :class=\"[\n            optionClass,\n            bem.is('selected', option === model),\n            bem.is('active', isActiveOption(index))\n          ]\"\n          @click=\"handleSelect(option)\"\n          v-ripple=\"cls.e('ripple')\"\n          :data-key=\"option\"\n          :key=\"option\"\n        >\n          <slot v-bind=\"{ option, index }\">\n            {{ option }}\n          </slot>\n        </li>\n      </u-scroll>\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ model || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { bem, FORM_EMPTY_CONTENT, scrollIntoContainerView } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { AutoCompleteEmits, AutoCompleteProps, _AutoCompleteExposed } from '../../types'\nimport type { DropdownExposed, ScrollExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useSuggestions } from './use-suggestions'\n\ndefineOptions({ name: 'AutoComplete', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<AutoCompleteProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  allowCustom: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<AutoCompleteEmits>()\n\nconst slots = defineSlots<{\n  default?: (props: { option: string; index: number }) => any\n  suffix?: () => any\n  prefix?: () => any\n}>()\n\n// 当前输入框的值\nconst model = defineModel<string>()\n\nconst cls = bem('auto-complete')\n\nconst optionClass = cls.e('option')\n\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\nconst dropdownVisible = shallowRef(false)\nconst scrollRef = shallowRef<ScrollExposed>()\n\nwatch(scrollRef, (scroll) => {\n  if (scroll && model.value !== undefined) {\n    const li = scroll.contentRef!.querySelector(`li[data-key=\"${model.value}\"]`) as HTMLElement\n    li && scrollIntoContainerView(li, scroll.containerRef ?? null)\n  }\n})\n\nconst { suggestions, appendedSuggestions, cachedSuggestion } = useSuggestions({ props, model })\n\nconst displayCachedSuggestion = computed(() => {\n  if (!props.allowCustom) return undefined\n  return cachedSuggestion.value\n})\n\nconst keyboardOptions = computed(() => {\n  const currentSuggestions = suggestions.value\n  return displayCachedSuggestion.value\n    ? [displayCachedSuggestion.value, ...currentSuggestions]\n    : currentSuggestions\n})\n\nconst { point, handleKeydown } = useKeyboard({\n  options: keyboardOptions,\n  dropdownVisible,\n  getDefaultIndex: (options) => {\n    if (!options.length) return -1\n    if (model.value) {\n      const matchIndex = options.indexOf(model.value)\n      if (matchIndex > -1) return matchIndex\n    }\n    return 0\n  },\n  onSelect: (option, index) => {\n    if (displayCachedSuggestion.value && index === 0) {\n      handleSelectCachedOption(option)\n      return\n    }\n    handleSelect(option)\n  }\n})\n\nconst isCachedActive = computed(() => !!displayCachedSuggestion.value && point.value === 0)\n\nconst isActiveOption = (index: number) => {\n  const offset = displayCachedSuggestion.value ? 1 : 0\n  return point.value === index + offset\n}\n\nconst handleInputKeydown = (event: KeyboardEvent) => {\n  if (!dropdownVisible.value && event.key === 'Enter' && displayCachedSuggestion.value) {\n    event.preventDefault()\n    event.stopPropagation()\n    handleSelectCachedOption(displayCachedSuggestion.value)\n    return\n  }\n  handleKeydown(event)\n}\n\nwatch([point, keyboardOptions], ([currentPoint, options]) => {\n  if (!scrollRef.value || currentPoint < 0) return\n  const currentOption = options[currentPoint]\n  if (!currentOption) return\n  const target = scrollRef.value.contentRef?.querySelector(\n    `li[data-key=\"${currentOption}\"]`\n  ) as HTMLElement | null\n  if (target) {\n    scrollIntoContainerView(target, scrollRef.value.containerRef ?? null)\n  }\n})\n\n/** 选中选项 */\nconst handleSelect = (option: string) => {\n  model.value = option\n  dropdownRef.value?.close()\n  saveCache()\n  emit('select', option)\n}\n\nfunction saveCache() {\n  if (!model.value) return\n  appendedSuggestions.value = [...appendedSuggestions.value, model.value]\n}\n\nconst handleSelectCachedOption = (cachedOption: string) => {\n  appendedSuggestions.value = [...appendedSuggestions.value, cachedOption]\n  dropdownRef.value?.close()\n}\n\ndefineExpose<_AutoCompleteExposed>({\n  open: () => dropdownRef.value?.open(),\n  close: () => dropdownRef.value?.close()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAA;EAOd,MAAM,QAAQ,SAAmB,SAAA,YAAC;EAElC,MAAM,MAAM,IAAI,eAAe;EAE/B,MAAM,cAAc,IAAI,EAAE,QAAQ;EAElC,MAAM,EAAE,cAAc,kBAAkB;EACxC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,cAAc,WAA4B;EAChD,MAAM,kBAAkB,WAAW,KAAK;EACxC,MAAM,YAAY,WAA0B;EAE5C,MAAM,YAAY,WAAW;GAC3B,IAAI,UAAU,MAAM,UAAU,KAAA,GAAW;IACvC,MAAM,KAAK,OAAO,WAAY,cAAc,gBAAgB,MAAM,MAAM,GAAG;IAC3E,MAAM,wBAAwB,IAAI,OAAO,gBAAgB,IAAI;GAC/D;EACF,CAAC;EAED,MAAM,EAAE,aAAa,qBAAqB,qBAAqB,eAAe;GAAE;GAAO;EAAM,CAAC;EAE9F,MAAM,0BAA0B,eAAe;GAC7C,IAAI,CAAC,MAAM,aAAa,OAAO,KAAA;GAC/B,OAAO,iBAAiB;EAC1B,CAAC;EAED,MAAM,kBAAkB,eAAe;GACrC,MAAM,qBAAqB,YAAY;GACvC,OAAO,wBAAwB,QAC3B,CAAC,wBAAwB,OAAO,GAAG,kBAAkB,IACrD;EACN,CAAC;EAED,MAAM,EAAE,OAAO,kBAAkB,YAAY;GAC3C,SAAS;GACT;GACA,kBAAkB,YAAY;IAC5B,IAAI,CAAC,QAAQ,QAAQ,OAAO;IAC5B,IAAI,MAAM,OAAO;KACf,MAAM,aAAa,QAAQ,QAAQ,MAAM,KAAK;KAC9C,IAAI,aAAa,IAAI,OAAO;IAC9B;IACA,OAAO;GACT;GACA,WAAW,QAAQ,UAAU;IAC3B,IAAI,wBAAwB,SAAS,UAAU,GAAG;KAChD,yBAAyB,MAAM;KAC/B;IACF;IACA,aAAa,MAAM;GACrB;EACF,CAAC;EAED,MAAM,iBAAiB,eAAe,CAAC,CAAC,wBAAwB,SAAS,MAAM,UAAU,CAAC;EAE1F,MAAM,kBAAkB,UAAkB;GACxC,MAAM,SAAS,wBAAwB,QAAQ,IAAI;GACnD,OAAO,MAAM,UAAU,QAAQ;EACjC;EAEA,MAAM,sBAAsB,UAAyB;GACnD,IAAI,CAAC,gBAAgB,SAAS,MAAM,QAAQ,WAAW,wBAAwB,OAAO;IACpF,MAAM,eAAe;IACrB,MAAM,gBAAgB;IACtB,yBAAyB,wBAAwB,KAAK;IACtD;GACF;GACA,cAAc,KAAK;EACrB;EAEA,MAAM,CAAC,OAAO,eAAe,IAAI,CAAC,cAAc,aAAa;GAC3D,IAAI,CAAC,UAAU,SAAS,eAAe,GAAG;GAC1C,MAAM,gBAAgB,QAAQ;GAC9B,IAAI,CAAC,eAAe;GACpB,MAAM,SAAS,UAAU,MAAM,YAAY,cACzC,gBAAgB,cAAc,GAChC;GACA,IAAI,QACF,wBAAwB,QAAQ,UAAU,MAAM,gBAAgB,IAAI;EAExE,CAAC;;EAGD,MAAM,gBAAgB,WAAmB;GACvC,MAAM,QAAQ;GACd,YAAY,OAAO,MAAM;GACzB,UAAU;GACV,KAAK,UAAU,MAAM;EACvB;EAEA,SAAS,YAAY;GACnB,IAAI,CAAC,MAAM,OAAO;GAClB,oBAAoB,QAAQ,CAAC,GAAG,oBAAoB,OAAO,MAAM,KAAK;EACxE;EAEA,MAAM,4BAA4B,iBAAyB;GACzD,oBAAoB,QAAQ,CAAC,GAAG,oBAAoB,OAAO,YAAY;GACvE,YAAY,OAAO,MAAM;EAC3B;EAEA,SAAmC;GACjC,YAAY,YAAY,OAAO,KAAK;GACpC,aAAa,YAAY,OAAO,MAAM;EACxC,CAAC;;WApNU,MAAA,QAAA,KAAA,UAAA,GADT,YAgEa,MAAA,WAAA,GAAA;;IA9DX,SAAQ;IACP,OAAK,eAAA;KAAG,MAAA,GAAA,EAAI;KAAG,MAAA,GAAA,EAAI,EAAE,MAAA,IAAA,CAAI;KAAG,MAAA,GAAA,EAAI,GAAE,YAAa,MAAA,QAAA,CAAQ;IAAA,CAAA;aACpD;IAAJ,KAAI;IACI,SAAS,gBAAA;8DAAA,gBAAe,QAAA;IAC/B,iBAAa,CAAG,MAAA,GAAA,EAAI,EAAC,OAAA,GAAW,MAAA,GAAA,EAAI,GAAE,SAAU,MAAA,IAAA,CAAI,CAAA;IACpD,UAAU,MAAA,QAAA;;IAGA,SAAO,cACL,CAAX,mBAAA,MAAA,GACA,YAeU,MAAA,aAAA,GAAA;KAdP,MAAM,MAAA,IAAA;KACN,UAAU,MAAA,QAAA;KACV,aAAa,QAAA;KACb,WAAW,QAAA;iBACH,MAAA;kEAAA,MAAK,QAAA;KACb,WAAS;8BAEc,MAAM,SAAA;WAAnB;uBACa,CAAtB,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA;;gBAGA,MAAM,SAAA;WAAnB;uBACa,CAAtB,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA;;;;;;;;;IAMjB,SAAO,cA+BL,CA9BX,YA8BW,MAAA,WAAA,GAAA;KA9BD,KAAI;KAAM,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,SAAA,CAAA;cAAiB;KAAJ,KAAI;;4BAY1C,CAVG,wBAAA,QAAA,gBAAA,UAAA,GADR,mBAWK,MAAA;MATF,OAAK,eAAA,CAAG,MAAA,WAAA,GAAa,MAAA,GAAA,EAAI,GAAE,UAAW,eAAA,KAAc,CAAA,CAAA;MACpD,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,yBAAyB,wBAAA,KAAuB;MAEvD,YAAU,wBAAA;MACV,KAAK,wBAAA;SAEN,WAEO,KAAA,QAAA,WAAA,eAAA,mBAAA;MAAA,QAFiB,wBAAA;MAAuB,OAAA;KAAA,CAAA,CAAA,SAExC,CAAA,gBAAA,gBADF,wBAAA,KAAuB,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA,IAAA,CAAA,CAAA,MAAA,OAAA,GALlB,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,QAAA,IAAA,IAAA,UAAA,IAAA,GASjB,mBAeK,UAAA,MAAA,WAduB,MAAA,WAAA,IAAlB,QAAQ,UAAK;0CADvB,mBAeK,MAAA;OAbF,OAAK,eAAA;QAAgB,MAAA,WAAA;QAAyB,MAAA,GAAA,EAAI,GAAE,YAAa,WAAW,MAAA,KAAK;QAAe,MAAA,GAAA,EAAI,GAAE,UAAW,eAAe,KAAK,CAAA;;OAKrI,UAAK,WAAE,aAAa,MAAM;OAE1B,YAAU;OACV,KAAK;UAEN,WAEO,KAAA,QAAA,WAFP,WAEO,EAAA,SAAA,KAAA,GAAA;OAFS;OAAQ;MAAK,CAAA,SAEtB,CAAA,gBAAA,gBADF,MAAM,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA,IAAA,CAAA,CAAA,MAAA,OAAA,GALD,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,CAAA,CAAA;;;;;;;;;;uBAYvB,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADN,MAAA,SAAS,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"auto-complete.js","names":[],"sources":["../../../src/components/auto-complete/auto-complete.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    trigger=\"click\"\n    :class=\"[cls.b, cls.m(size), bem.is('disabled', disabled)]\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    :disabled=\"disabled\"\n  >\n    <!-- 触发 -->\n    <template #trigger>\n      <!-- 单选 -->\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        v-model=\"model\"\n        @keydown=\"handleInputKeydown\"\n      >\n        <template #suffix v-if=\"slots.suffix\">\n          <slot name=\"suffix\" />\n        </template>\n\n        <template #prefix v-if=\"slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n      </u-input>\n    </template>\n\n    <!-- 下拉内容 -->\n    <template #content>\n      <u-scroll tag=\"ul\" :class=\"cls.e('options')\" ref=\"scrollRef\">\n        <li\n          v-if=\"displayCachedSuggestion\"\n          :class=\"[optionClass, bem.is('active', isCachedActive)]\"\n          @click=\"handleSelectCachedOption(displayCachedSuggestion)\"\n          v-ripple=\"cls.e('ripple')\"\n          :data-key=\"displayCachedSuggestion\"\n          :key=\"displayCachedSuggestion\"\n        >\n          <slot v-bind=\"{ option: displayCachedSuggestion, index: -1 }\">\n            {{ displayCachedSuggestion }}\n          </slot>\n        </li>\n\n        <li\n          v-for=\"(option, index) of suggestions\"\n          :class=\"[\n            optionClass,\n            bem.is('selected', option === model),\n            bem.is('active', isActiveOption(index))\n          ]\"\n          @click=\"handleSelect(option)\"\n          v-ripple=\"cls.e('ripple')\"\n          :data-key=\"option\"\n          :key=\"option\"\n        >\n          <slot v-bind=\"{ option, index }\">\n            {{ option }}\n          </slot>\n        </li>\n      </u-scroll>\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ model || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { bem, FORM_EMPTY_CONTENT, scrollIntoContainerView } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { AutoCompleteEmits, AutoCompleteProps, _AutoCompleteExposed } from '../../types'\nimport type { DropdownExposed, ScrollExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useSuggestions } from './use-suggestions'\n\ndefineOptions({ name: 'UAutoComplete', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<AutoCompleteProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  allowCustom: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<AutoCompleteEmits>()\n\nconst slots = defineSlots<{\n  default?: (props: { option: string; index: number }) => any\n  suffix?: () => any\n  prefix?: () => any\n}>()\n\n// 当前输入框的值\nconst model = defineModel<string>()\n\nconst cls = bem('auto-complete')\n\nconst optionClass = cls.e('option')\n\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\nconst dropdownVisible = shallowRef(false)\nconst scrollRef = shallowRef<ScrollExposed>()\n\nwatch(scrollRef, (scroll) => {\n  if (scroll && model.value !== undefined) {\n    const li = scroll.contentRef!.querySelector(`li[data-key=\"${model.value}\"]`) as HTMLElement\n    li && scrollIntoContainerView(li, scroll.containerRef ?? null)\n  }\n})\n\nconst { suggestions, appendedSuggestions, cachedSuggestion } = useSuggestions({ props, model })\n\nconst displayCachedSuggestion = computed(() => {\n  if (!props.allowCustom) return undefined\n  return cachedSuggestion.value\n})\n\nconst keyboardOptions = computed(() => {\n  const currentSuggestions = suggestions.value\n  return displayCachedSuggestion.value\n    ? [displayCachedSuggestion.value, ...currentSuggestions]\n    : currentSuggestions\n})\n\nconst { point, handleKeydown } = useKeyboard({\n  options: keyboardOptions,\n  dropdownVisible,\n  getDefaultIndex: (options) => {\n    if (!options.length) return -1\n    if (model.value) {\n      const matchIndex = options.indexOf(model.value)\n      if (matchIndex > -1) return matchIndex\n    }\n    return 0\n  },\n  onSelect: (option, index) => {\n    if (displayCachedSuggestion.value && index === 0) {\n      handleSelectCachedOption(option)\n      return\n    }\n    handleSelect(option)\n  }\n})\n\nconst isCachedActive = computed(() => !!displayCachedSuggestion.value && point.value === 0)\n\nconst isActiveOption = (index: number) => {\n  const offset = displayCachedSuggestion.value ? 1 : 0\n  return point.value === index + offset\n}\n\nconst handleInputKeydown = (event: KeyboardEvent) => {\n  if (!dropdownVisible.value && event.key === 'Enter' && displayCachedSuggestion.value) {\n    event.preventDefault()\n    event.stopPropagation()\n    handleSelectCachedOption(displayCachedSuggestion.value)\n    return\n  }\n  handleKeydown(event)\n}\n\nwatch([point, keyboardOptions], ([currentPoint, options]) => {\n  if (!scrollRef.value || currentPoint < 0) return\n  const currentOption = options[currentPoint]\n  if (!currentOption) return\n  const target = scrollRef.value.contentRef?.querySelector(\n    `li[data-key=\"${currentOption}\"]`\n  ) as HTMLElement | null\n  if (target) {\n    scrollIntoContainerView(target, scrollRef.value.containerRef ?? null)\n  }\n})\n\n/** 选中选项 */\nconst handleSelect = (option: string) => {\n  model.value = option\n  dropdownRef.value?.close()\n  saveCache()\n  emit('select', option)\n}\n\nfunction saveCache() {\n  if (!model.value) return\n  appendedSuggestions.value = [...appendedSuggestions.value, model.value]\n}\n\nconst handleSelectCachedOption = (cachedOption: string) => {\n  appendedSuggestions.value = [...appendedSuggestions.value, cachedOption]\n  dropdownRef.value?.close()\n}\n\ndefineExpose<_AutoCompleteExposed>({\n  open: () => dropdownRef.value?.open(),\n  close: () => dropdownRef.value?.close()\n})\n</script>\n"],"mappings":"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"}

package/dist/components/auto-complete/auto-complete.vue.d.ts

@@ -22,10 +22,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Auto
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSelect?: ((value: string) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
   allowCustom: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/auto-complete/use-keyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard.js","names":[],"sources":["../../../src/components/auto-complete/use-keyboard.ts"],"sourcesContent":["import { type ComputedRef, type Ref, ref, watch } from 'vue'\n\ninterface Options {\n  options: ComputedRef<string[]>\n  dropdownVisible: Ref<boolean>\n  onSelect: (option: string, index: number) => void\n  getDefaultIndex?: (options: string[]) => number\n}\n\ninterface UseKeyboardReturned {\n  point: Ref<number>\n  handleKeydown: (event: KeyboardEvent) => void\n}\n\nexport function useKeyboard(options: Options): UseKeyboardReturned {\n  const { options: selectableOptions, dropdownVisible, onSelect, getDefaultIndex } = options\n  const keys = new Set(['ArrowUp', 'ArrowDown', 'Enter', 'Escape'])\n\n  const point = ref(-1)\n\n  const resolveDefaultPoint = () => {\n    if (!selectableOptions.value.length) return -1\n    if (getDefaultIndex) {\n      const index = getDefaultIndex(selectableOptions.value)\n      if (index >= 0 && index < selectableOptions.value.length) {\n        return index\n      }\n    }\n    return 0\n  }\n\n  watch(\n    [selectableOptions, dropdownVisible],\n    ([value, visible]) => {\n      if (!value.length || !visible) {\n        point.value = -1\n        return\n      }\n      if (point.value === -1 || point.value >= value.length) {\n        point.value = resolveDefaultPoint()\n      }\n    },\n    { immediate: true }\n  )\n\n  function moveToNext() {\n    if (!selectableOptions.value.length) return\n    if (!dropdownVisible.value) {\n      dropdownVisible.value = true\n      point.value = resolveDefaultPoint()\n      return\n    }\n    const nextPoint = point.value + 1\n    point.value = nextPoint < selectableOptions.value.length ? nextPoint : 0\n  }\n\n  function moveToPrev() {\n    if (!selectableOptions.value.length) return\n    if (!dropdownVisible.value) {\n      dropdownVisible.value = true\n      point.value = selectableOptions.value.length - 1\n      return\n    }\n    const prevPoint = point.value - 1\n    point.value = prevPoint > -1 ? prevPoint : selectableOptions.value.length - 1\n  }\n\n  function selectOption() {\n    if (!dropdownVisible.value) {\n      if (selectableOptions.value.length) {\n        dropdownVisible.value = true\n        if (point.value === -1) {\n          point.value = resolveDefaultPoint()\n        }\n      }\n      return\n    }\n    const suggestion = selectableOptions.value[point.value]\n    if (suggestion && point.value > -1) {\n      onSelect(suggestion, point.value)\n    }\n    dropdownVisible.value = false\n  }\n\n  function closeDropdown() {\n    dropdownVisible.value = false\n  }\n\n  const keyHandlerMap = {\n    ArrowUp: moveToPrev,\n    ArrowDown: moveToNext,\n    Enter: selectOption,\n    Escape: closeDropdown\n  }\n\n  function handleKeydown(event: KeyboardEvent) {\n    const { key } = event\n    if (!keys.has(key)) return\n    event.preventDefault()\n    event.stopPropagation()\n    keyHandlerMap[key]()\n  }\n\n  return {\n    point,\n\n    handleKeydown\n  }\n}\n"],"mappings":";;AAcA,SAAgB,YAAY,SAAuC;CACjE,MAAM,EAAE,SAAS,mBAAmB,iBAAiB,UAAU,oBAAoB;CACnF,MAAM,OAAO,IAAI,IAAI;EAAC;EAAW;EAAa;EAAS;CAAQ,CAAC;CAEhE,MAAM,QAAQ,IAAI,EAAE;CAEpB,MAAM,4BAA4B;EAChC,IAAI,CAAC,kBAAkB,MAAM,QAAQ,OAAO;EAC5C,IAAI,iBAAiB;GACnB,MAAM,QAAQ,gBAAgB,kBAAkB,KAAK;GACrD,IAAI,SAAS,KAAK,QAAQ,kBAAkB,MAAM,QAChD,OAAO;EAEX;EACA,OAAO;CACT;CAEA,MACE,CAAC,mBAAmB,eAAe,IAClC,CAAC,OAAO,aAAa;EACpB,IAAI,CAAC,MAAM,UAAU,CAAC,SAAS;GAC7B,MAAM,QAAQ;GACd;EACF;EACA,IAAI,MAAM,UAAU,MAAM,MAAM,SAAS,MAAM,QAC7C,MAAM,QAAQ,oBAAoB;CAEtC,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,SAAS,aAAa;EACpB,IAAI,CAAC,kBAAkB,MAAM,QAAQ;EACrC,IAAI,CAAC,gBAAgB,OAAO;GAC1B,gBAAgB,QAAQ;GACxB,MAAM,QAAQ,oBAAoB;GAClC;EACF;EACA,MAAM,YAAY,MAAM,QAAQ;EAChC,MAAM,QAAQ,YAAY,kBAAkB,MAAM,SAAS,YAAY;CACzE;CAEA,SAAS,aAAa;EACpB,IAAI,CAAC,kBAAkB,MAAM,QAAQ;EACrC,IAAI,CAAC,gBAAgB,OAAO;GAC1B,gBAAgB,QAAQ;GACxB,MAAM,QAAQ,kBAAkB,MAAM,SAAS;GAC/C;EACF;EACA,MAAM,YAAY,MAAM,QAAQ;EAChC,MAAM,QAAQ,YAAY,KAAK,YAAY,kBAAkB,MAAM,SAAS;CAC9E;CAEA,SAAS,eAAe;EACtB,IAAI,CAAC,gBAAgB,OAAO;GAC1B,IAAI,kBAAkB,MAAM,QAAQ;IAClC,gBAAgB,QAAQ;IACxB,IAAI,MAAM,UAAU,IAClB,MAAM,QAAQ,oBAAoB;GAEtC;GACA;EACF;EACA,MAAM,aAAa,kBAAkB,MAAM,MAAM;EACjD,IAAI,cAAc,MAAM,QAAQ,IAC9B,SAAS,YAAY,MAAM,KAAK;EAElC,gBAAgB,QAAQ;CAC1B;CAEA,SAAS,gBAAgB;EACvB,gBAAgB,QAAQ;CAC1B;CAEA,MAAM,gBAAgB;EACpB,SAAS;EACT,WAAW;EACX,OAAO;EACP,QAAQ;CACV;CAEA,SAAS,cAAc,OAAsB;EAC3C,MAAM,EAAE,QAAQ;EAChB,IAAI,CAAC,KAAK,IAAI,GAAG,GAAG;EACpB,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,cAAc,KAAK;CACrB;CAEA,OAAO;EACL;EAEA;CACF;AACF"}
+{"version":3,"file":"use-keyboard.js","names":[],"sources":["../../../src/components/auto-complete/use-keyboard.ts"],"sourcesContent":["import { type ComputedRef, type Ref, ref, watch } from 'vue'\n\ninterface Options {\n  options: ComputedRef<string[]>\n  dropdownVisible: Ref<boolean>\n  onSelect: (option: string, index: number) => void\n  getDefaultIndex?: (options: string[]) => number\n}\n\ninterface UseKeyboardReturned {\n  point: Ref<number>\n  handleKeydown: (event: KeyboardEvent) => void\n}\n\nexport function useKeyboard(options: Options): UseKeyboardReturned {\n  const { options: selectableOptions, dropdownVisible, onSelect, getDefaultIndex } = options\n  const keys = new Set(['ArrowUp', 'ArrowDown', 'Enter', 'Escape'])\n\n  const point = ref(-1)\n\n  const resolveDefaultPoint = () => {\n    if (!selectableOptions.value.length) return -1\n    if (getDefaultIndex) {\n      const index = getDefaultIndex(selectableOptions.value)\n      if (index >= 0 && index < selectableOptions.value.length) {\n        return index\n      }\n    }\n    return 0\n  }\n\n  watch(\n    [selectableOptions, dropdownVisible],\n    ([value, visible]) => {\n      if (!value.length || !visible) {\n        point.value = -1\n        return\n      }\n      if (point.value === -1 || point.value >= value.length) {\n        point.value = resolveDefaultPoint()\n      }\n    },\n    { immediate: true }\n  )\n\n  function moveToNext() {\n    if (!selectableOptions.value.length) return\n    if (!dropdownVisible.value) {\n      dropdownVisible.value = true\n      point.value = resolveDefaultPoint()\n      return\n    }\n    const nextPoint = point.value + 1\n    point.value = nextPoint < selectableOptions.value.length ? nextPoint : 0\n  }\n\n  function moveToPrev() {\n    if (!selectableOptions.value.length) return\n    if (!dropdownVisible.value) {\n      dropdownVisible.value = true\n      point.value = selectableOptions.value.length - 1\n      return\n    }\n    const prevPoint = point.value - 1\n    point.value = prevPoint > -1 ? prevPoint : selectableOptions.value.length - 1\n  }\n\n  function selectOption() {\n    if (!dropdownVisible.value) {\n      if (selectableOptions.value.length) {\n        dropdownVisible.value = true\n        if (point.value === -1) {\n          point.value = resolveDefaultPoint()\n        }\n      }\n      return\n    }\n    const suggestion = selectableOptions.value[point.value]\n    if (suggestion && point.value > -1) {\n      onSelect(suggestion, point.value)\n    }\n    dropdownVisible.value = false\n  }\n\n  function closeDropdown() {\n    dropdownVisible.value = false\n  }\n\n  const keyHandlerMap = {\n    ArrowUp: moveToPrev,\n    ArrowDown: moveToNext,\n    Enter: selectOption,\n    Escape: closeDropdown\n  }\n\n  function handleKeydown(event: KeyboardEvent) {\n    const { key } = event\n    if (!keys.has(key)) return\n    event.preventDefault()\n    event.stopPropagation()\n    keyHandlerMap[key]()\n  }\n\n  return {\n    point,\n\n    handleKeydown\n  }\n}\n"],"mappings":";;AAcA,SAAgB,YAAY,SAAuC;CACjE,MAAM,EAAE,SAAS,mBAAmB,iBAAiB,UAAU,oBAAoB;CACnF,MAAM,OAAO,IAAI,IAAI;EAAC;EAAW;EAAa;EAAS;CAAQ,CAAC;CAEhE,MAAM,QAAQ,IAAI,EAAE;CAEpB,MAAM,4BAA4B;EAChC,IAAI,CAAC,kBAAkB,MAAM,QAAQ,OAAO;EAC5C,IAAI,iBAAiB;GACnB,MAAM,QAAQ,gBAAgB,kBAAkB,KAAK;GACrD,IAAI,SAAS,KAAK,QAAQ,kBAAkB,MAAM,QAChD,OAAO;EAEX;EACA,OAAO;CACT;CAEA,MACE,CAAC,mBAAmB,eAAe,IAClC,CAAC,OAAO,aAAa;EACpB,IAAI,CAAC,MAAM,UAAU,CAAC,SAAS;GAC7B,MAAM,QAAQ;GACd;EACF;EACA,IAAI,MAAM,UAAU,MAAM,MAAM,SAAS,MAAM,QAC7C,MAAM,QAAQ,oBAAoB;CAEtC,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,SAAS,aAAa;EACpB,IAAI,CAAC,kBAAkB,MAAM,QAAQ;EACrC,IAAI,CAAC,gBAAgB,OAAO;GAC1B,gBAAgB,QAAQ;GACxB,MAAM,QAAQ,oBAAoB;GAClC;EACF;EACA,MAAM,YAAY,MAAM,QAAQ;EAChC,MAAM,QAAQ,YAAY,kBAAkB,MAAM,SAAS,YAAY;CACzE;CAEA,SAAS,aAAa;EACpB,IAAI,CAAC,kBAAkB,MAAM,QAAQ;EACrC,IAAI,CAAC,gBAAgB,OAAO;GAC1B,gBAAgB,QAAQ;GACxB,MAAM,QAAQ,kBAAkB,MAAM,SAAS;GAC/C;EACF;EACA,MAAM,YAAY,MAAM,QAAQ;EAChC,MAAM,QAAQ,YAAY,KAAK,YAAY,kBAAkB,MAAM,SAAS;CAC9E;CAEA,SAAS,eAAe;EACtB,IAAI,CAAC,gBAAgB,OAAO;GAC1B,IAAI,kBAAkB,MAAM,QAAQ;IAClC,gBAAgB,QAAQ;IACxB,IAAI,MAAM,UAAU,IAClB,MAAM,QAAQ,oBAAoB;GAEtC;GACA;EACF;EACA,MAAM,aAAa,kBAAkB,MAAM,MAAM;EACjD,IAAI,cAAc,MAAM,QAAQ,IAC9B,SAAS,YAAY,MAAM,KAAK;EAElC,gBAAgB,QAAQ;CAC1B;CAEA,SAAS,gBAAgB;EACvB,gBAAgB,QAAQ;CAC1B;CAEA,MAAM,gBAAgB;EACpB,SAAS;EACT,WAAW;EACX,OAAO;EACP,QAAQ;CACV;CAEA,SAAS,cAAc,OAAsB;EAC3C,MAAM,EAAE,QAAQ;EAChB,IAAI,CAAC,KAAK,IAAI,GAAG,GAAG;EACpB,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,cAAc,IAAI,CAAC;CACrB;CAEA,OAAO;EACL;EAEA;CACF;AACF"}

package/dist/components/badge/badge.js

@@ -2,8 +2,8 @@ import { computed, createCommentVNode, createElementBlock, defineComponent, next
 import { useFallbackProps } from "@veltra/compositions";
 import { bem, setStyles, zIndex } from "@veltra/utils";
 //#region src/components/badge/badge.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Badge",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UBadge",
 	__name: "badge",
 	props: {
 		value: {},

package/dist/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\">\n    <slot />\n    <sup :class=\"classList\" ref=\"supRef\" v-if=\"!hidden\">{{ badgeValue }}</sup>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, setStyles, zIndex } from '@veltra/utils'\nimport { computed, nextTick, onMounted, shallowRef, watch } from 'vue'\n\nimport type { BadgeProps, ComponentSize } from '../../types'\n\ndefineOptions({ name: 'Badge' })\n\nconst cls = bem('badge')\n\nconst props = withDefaults(defineProps<BadgeProps>(), { max: 99 })\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst badgeValue = computed(() => {\n  if (props.dot) return ''\n  if (typeof props.value === 'number' && typeof props.max === 'number') {\n    return props.value > props.max ? `${props.max}+` : props.value\n  }\n  return props.value\n})\n\nconst classList = computed(() => {\n  return [\n    cls.e('sup'),\n    props.type && cls.m('color-' + props.type),\n    cls.m(size.value),\n    bem.is('dot', props.dot)\n  ]\n})\n\nconst supRef = shallowRef<HTMLElement>()\n\nconst setPosition = () => {\n  if (supRef.value) {\n    const { width, height } = supRef.value.getBoundingClientRect()\n    setStyles(supRef.value, {\n      transform: `translate(-${width / 2}px, -${height / 2}px)`,\n      backgroundColor: props.color,\n      zIndex: zIndex()\n    })\n  }\n}\n\nwatch(\n  () => size.value,\n  () => {\n    nextTick(() => {\n      setPosition()\n    })\n  }\n)\n\nonMounted(() => {\n  setPosition()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,MAAM,MAAM,IAAI,OAAO;EAEvB,MAAM,QAAQ;EAEd,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,aAAa,eAAe;GAChC,IAAI,MAAM,KAAK,OAAO;GACtB,IAAI,OAAO,MAAM,UAAU,YAAY,OAAO,MAAM,QAAQ,UAC1D,OAAO,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,IAAI,KAAK,MAAM;GAE3D,OAAO,MAAM;EACf,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI,EAAE,KAAK;IACX,MAAM,QAAQ,IAAI,EAAE,WAAW,MAAM,IAAI;IACzC,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,OAAO,MAAM,GAAG;GACzB;EACF,CAAC;EAED,MAAM,SAAS,WAAwB;EAEvC,MAAM,oBAAoB;GACxB,IAAI,OAAO,OAAO;IAChB,MAAM,EAAE,OAAO,WAAW,OAAO,MAAM,sBAAsB;IAC7D,UAAU,OAAO,OAAO;KACtB,WAAW,cAAc,QAAQ,EAAE,OAAO,SAAS,EAAE;KACrD,iBAAiB,MAAM;KACvB,QAAQ,OAAO;IACjB,CAAC;GACH;EACF;EAEA,YACQ,KAAK,aACL;GACJ,eAAe;IACb,YAAY;GACd,CAAC;EACH,CACF;EAEA,gBAAgB;GACd,YAAY;EACd,CAAC;;uBA9DC,mBAGM,OAAA,EAHA,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC,EAAA,GAAA,CAChB,WAAQ,KAAA,QAAA,SAAA,GAAA,CACoC,QAAA,UAAA,UAAA,GAA5C,mBAA0E,OAAA;;IAApE,OAAK,eAAE,UAAA,KAAS;aAAM;IAAJ,KAAI;sBAA2B,WAAA,KAAU,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\">\n    <slot />\n    <sup :class=\"classList\" ref=\"supRef\" v-if=\"!hidden\">{{ badgeValue }}</sup>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, setStyles, zIndex } from '@veltra/utils'\nimport { computed, nextTick, onMounted, shallowRef, watch } from 'vue'\n\nimport type { BadgeProps, ComponentSize } from '../../types'\n\ndefineOptions({ name: 'UBadge' })\n\nconst cls = bem('badge')\n\nconst props = withDefaults(defineProps<BadgeProps>(), { max: 99 })\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst badgeValue = computed(() => {\n  if (props.dot) return ''\n  if (typeof props.value === 'number' && typeof props.max === 'number') {\n    return props.value > props.max ? `${props.max}+` : props.value\n  }\n  return props.value\n})\n\nconst classList = computed(() => {\n  return [\n    cls.e('sup'),\n    props.type && cls.m('color-' + props.type),\n    cls.m(size.value),\n    bem.is('dot', props.dot)\n  ]\n})\n\nconst supRef = shallowRef<HTMLElement>()\n\nconst setPosition = () => {\n  if (supRef.value) {\n    const { width, height } = supRef.value.getBoundingClientRect()\n    setStyles(supRef.value, {\n      transform: `translate(-${width / 2}px, -${height / 2}px)`,\n      backgroundColor: props.color,\n      zIndex: zIndex()\n    })\n  }\n}\n\nwatch(\n  () => size.value,\n  () => {\n    nextTick(() => {\n      setPosition()\n    })\n  }\n)\n\nonMounted(() => {\n  setPosition()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,MAAM,MAAM,IAAI,OAAO;EAEvB,MAAM,QAAQ;EAEd,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,aAAa,eAAe;GAChC,IAAI,MAAM,KAAK,OAAO;GACtB,IAAI,OAAO,MAAM,UAAU,YAAY,OAAO,MAAM,QAAQ,UAC1D,OAAO,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,IAAI,KAAK,MAAM;GAE3D,OAAO,MAAM;EACf,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI,EAAE,KAAK;IACX,MAAM,QAAQ,IAAI,EAAE,WAAW,MAAM,IAAI;IACzC,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,OAAO,MAAM,GAAG;GACzB;EACF,CAAC;EAED,MAAM,SAAS,WAAwB;EAEvC,MAAM,oBAAoB;GACxB,IAAI,OAAO,OAAO;IAChB,MAAM,EAAE,OAAO,WAAW,OAAO,MAAM,sBAAsB;IAC7D,UAAU,OAAO,OAAO;KACtB,WAAW,cAAc,QAAQ,EAAE,OAAO,SAAS,EAAE;KACrD,iBAAiB,MAAM;KACvB,QAAQ,OAAO;IACjB,CAAC;GACH;EACF;EAEA,YACQ,KAAK,aACL;GACJ,eAAe;IACb,YAAY;GACd,CAAC;EACH,CACF;EAEA,gBAAgB;GACd,YAAY;EACd,CAAC;;uBA9DC,mBAGM,OAAA,EAHA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC,EAAA,GAAA,CAChB,WAAQ,KAAA,QAAA,SAAA,GAAA,CACoC,QAAA,UAAA,UAAA,GAA5C,mBAA0E,OAAA;;IAApE,OAAK,eAAE,UAAA,KAAS;aAAM;IAAJ,KAAI;sBAA2B,WAAA,KAAU,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA"}

package/dist/components/batch-edit/batch-edit-form.js

@@ -10,8 +10,8 @@ import { bem } from "@veltra/utils";
 import { Close } from "@veltra/icons/normal";
 import { o } from "@cat-kit/core";
 //#region src/components/batch-edit/batch-edit-form.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "BatchEditForm",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UBatchEditForm",
 	__name: "batch-edit-form",
 	setup(__props, { expose: __expose }) {
 		const batchEditCtx = inject(BatchEditDIKey);

package/dist/components/batch-edit/batch-edit-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n  <aside :class=\"cls.e('form')\" v-if=\"state.formVisible && !!props.model\">\n    <header :class=\"cls.e('form-header')\">\n      <span :class=\"[cls.e('form-icon'), bem.is(state.formActionType)]\">\n        <u-icon>\n          <component :is=\"headerInfo.icon\" />\n        </u-icon>\n      </span>\n      <div :class=\"cls.e('form-title')\">\n        <h3 :class=\"cls.e('form-title-text')\">{{ headerInfo.title }}</h3>\n      </div>\n      <u-button\n        :class=\"cls.e('form-close')\"\n        :icon=\"Close\"\n        text\n        circle\n        size=\"small\"\n        title=\"关闭\"\n        @click=\"handleClose\"\n      />\n    </header>\n\n    <u-scroll always :class=\"cls.e('form-body')\" :key=\"bodyKey\">\n      <transition name=\"fade\" appear mode=\"out-in\">\n        <u-form\n          ref=\"formComponentRef\"\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          :label-width=\"props.labelWidth\"\n          @field:change=\"handleFieldChange\"\n        >\n          <slot\n            v-bind=\"{\n              row: state.row,\n              depth: state.depth,\n              indexes: state.indexPath,\n              index: state.row?.index\n            }\"\n          />\n        </u-form>\n      </transition>\n    </u-scroll>\n\n    <footer :class=\"cls.e('form-footer')\">\n      <span :class=\"cls.e('form-hint')\">\n        <template v-if=\"props.readonly\"> 只读模式 </template>\n\n        <span :class=\"{ [bem.is('concealed')]: !focused }\">\n          <template v-if=\"!(state.formActionType === 'update' && props.quickEdit)\">\n            <u-kbd>Ctrl + S</u-kbd> 保存 ·\n          </template>\n          <u-kbd>Esc</u-kbd> 关闭\n        </span>\n      </span>\n\n      <div :class=\"cls.e('form-actions')\">\n        <u-button text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n        <u-button v-if=\"showSaveBtn\" type=\"primary\" :loading=\"state.loading\" @click=\"handleSave\">\n          保存\n        </u-button>\n      </div>\n    </footer>\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { Close } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef, toRef } from 'vue'\n\nimport type { BatchEditSlots } from '../../types'\nimport type { _FormExposed, FormExposed } from '../../types/form'\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UKbd } from '../kbd'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\nimport { FORM_ACTION_HEADER_MAP } from './form-action-header'\n\ndefineOptions({ name: 'BatchEditForm' })\n\nconst batchEditCtx = inject(BatchEditDIKey)!\n\nconst { cls, props, state, handleClose, handleSave, staticFeatures, dynamicFeatures } = batchEditCtx\n\nconst focused = toRef(batchEditCtx, 'focused')\n\nconst formComponentRef = shallowRef<FormExposed>()\n\ndefineExpose<_FormExposed>({\n  el: toRef(() => formComponentRef.value?.el),\n  validate: () => formComponentRef.value?.validate() ?? Promise.resolve(true),\n  clearValidate: () => formComponentRef.value?.clearValidate(),\n  reset: () => formComponentRef.value?.reset()\n})\n\nfunction handleFieldChange(field: string, value: any) {\n  if (state.row && props.quickEdit) {\n    o(state.row.data).set(field, value)\n  }\n}\n\nconst creatable = computed(() => {\n  if (state.formActionType !== 'create') return false\n  return staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row)\n})\n\nconst creatableChild = computed(() => {\n  if (state.formActionType !== 'createChild') return false\n  return staticFeatures.value.has('createChild') || dynamicFeatures.value.createChild?.(state.row)\n})\n\nconst updatable = computed(() => {\n  if (state.formActionType !== 'update') return false\n  return staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row)\n})\n\nconst showSaveBtn = computed(() => {\n  if (props.readonly) return false\n  if (props.quickEdit && state.formActionType === 'update') return false\n  return creatable.value || updatable.value || creatableChild.value\n})\n\nconst headerInfo = computed(() => FORM_ACTION_HEADER_MAP[state.formActionType])\n\n/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */\nconst bodyKey = computed(() => {\n  return `${state.formActionType}-${state.row?.uid ?? 'create'}-${state.parentRow?.uid ?? 'root'}`\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n  <aside :class=\"cls.e('form')\" v-if=\"state.formVisible && !!props.model\">\n    <header :class=\"cls.e('form-header')\">\n      <span :class=\"[cls.e('form-icon'), bem.is(state.formActionType)]\">\n        <u-icon>\n          <component :is=\"headerInfo.icon\" />\n        </u-icon>\n      </span>\n      <div :class=\"cls.e('form-title')\">\n        <h3 :class=\"cls.e('form-title-text')\">{{ headerInfo.title }}</h3>\n      </div>\n      <u-button\n        :class=\"cls.e('form-close')\"\n        :icon=\"Close\"\n        text\n        circle\n        size=\"small\"\n        title=\"关闭\"\n        @click=\"handleClose\"\n      />\n    </header>\n\n    <u-scroll always :class=\"cls.e('form-body')\" :key=\"bodyKey\">\n      <transition name=\"fade\" appear mode=\"out-in\">\n        <u-form\n          ref=\"formComponentRef\"\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          :label-width=\"props.labelWidth\"\n          @field:change=\"handleFieldChange\"\n        >\n          <slot\n            v-bind=\"{\n              row: state.row,\n              depth: state.depth,\n              indexes: state.indexPath,\n              index: state.row?.index\n            }\"\n          />\n        </u-form>\n      </transition>\n    </u-scroll>\n\n    <footer :class=\"cls.e('form-footer')\">\n      <span :class=\"cls.e('form-hint')\">\n        <template v-if=\"props.readonly\"> 只读模式 </template>\n\n        <span :class=\"{ [bem.is('concealed')]: !focused }\">\n          <template v-if=\"!(state.formActionType === 'update' && props.quickEdit)\">\n            <u-kbd>Ctrl + S</u-kbd> 保存 ·\n          </template>\n          <u-kbd>Esc</u-kbd> 关闭\n        </span>\n      </span>\n\n      <div :class=\"cls.e('form-actions')\">\n        <u-button text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n        <u-button v-if=\"showSaveBtn\" type=\"primary\" :loading=\"state.loading\" @click=\"handleSave\">\n          保存\n        </u-button>\n      </div>\n    </footer>\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { Close } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef, toRef } from 'vue'\n\nimport type { _FormExposed, FormExposed } from '../../types/form'\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UKbd } from '../kbd'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\nimport { FORM_ACTION_HEADER_MAP } from './form-action-header'\n\ndefineOptions({ name: 'UBatchEditForm' })\n\nconst batchEditCtx = inject(BatchEditDIKey)!\n\nconst { cls, props, state, handleClose, handleSave, staticFeatures, dynamicFeatures } = batchEditCtx\n\nconst focused = toRef(batchEditCtx, 'focused')\n\nconst formComponentRef = shallowRef<FormExposed>()\n\ndefineExpose<_FormExposed>({\n  el: toRef(() => formComponentRef.value?.el),\n  validate: () => formComponentRef.value?.validate() ?? Promise.resolve(true),\n  clearValidate: () => formComponentRef.value?.clearValidate(),\n  reset: () => formComponentRef.value?.reset()\n})\n\nfunction handleFieldChange(field: string, value: any) {\n  if (state.row && props.quickEdit) {\n    o(state.row.data).set(field, value)\n  }\n}\n\nconst creatable = computed(() => {\n  if (state.formActionType !== 'create') return false\n  return staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row)\n})\n\nconst creatableChild = computed(() => {\n  if (state.formActionType !== 'createChild') return false\n  return staticFeatures.value.has('createChild') || dynamicFeatures.value.createChild?.(state.row)\n})\n\nconst updatable = computed(() => {\n  if (state.formActionType !== 'update') return false\n  return staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row)\n})\n\nconst showSaveBtn = computed(() => {\n  if (props.readonly) return false\n  if (props.quickEdit && state.formActionType === 'update') return false\n  return creatable.value || updatable.value || creatableChild.value\n})\n\nconst headerInfo = computed(() => FORM_ACTION_HEADER_MAP[state.formActionType])\n\n/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */\nconst bodyKey = computed(() => {\n  return `${state.formActionType}-${state.row?.uid ?? 'create'}-${state.parentRow?.uid ?? 'root'}`\n})\n</script>\n"],"mappings":"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"}

package/dist/components/batch-edit/batch-edit-list.js

@@ -7,8 +7,8 @@ import { computed, createBlock, createCommentVNode, createElementVNode, createSl
 import { AddChild, Delete, InsertToNext, InsertToPrev, Plus } from "@veltra/icons/normal";
 import { o } from "@cat-kit/core";
 //#region src/components/batch-edit/batch-edit-list.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "BatchEditList",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UBatchEditList",
 	__name: "batch-edit-list",
 	props: { slots: {} },
 	setup(__props) {

package/dist/components/batch-edit/batch-edit-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"batch-edit-list.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-list.vue"],"sourcesContent":["<template>\n  <u-table\n    v-bind=\"tableProps\"\n    :slots=\"slots\"\n    :class=\"[cls.e('table')]\"\n    :columns=\"columns\"\n    highlight-current\n    :current=\"state.row\"\n    @update:current=\"handleUpdateCurrentRow\"\n    @update:checked=\"emit('update:checked', $event)\"\n    @update:selected=\"emit('update:selected', $event)\"\n  >\n    <template #column:__action__=\"{ row }\">\n      <u-action-group :class=\"cls.e('row-actions')\" :max=\"5\" @click.stop circle>\n        <u-action\n          v-if=\"allowed('create', row)\"\n          :icon=\"InsertToPrev\"\n          title=\"在上方插入\"\n          @run=\"handleInsertToPrev(row)\"\n        />\n        <u-action\n          v-if=\"allowed('create', row)\"\n          :icon=\"InsertToNext\"\n          title=\"在下方插入\"\n          @run=\"handleInsertToNext(row)\"\n        />\n        <u-action\n          v-if=\"!!props.tree && allowed('createChild', row)\"\n          :icon=\"AddChild\"\n          title=\"添加子级\"\n          @run=\"handleInsertChild(row)\"\n        />\n        <u-action\n          v-if=\"canDelete(row)\"\n          :icon=\"Delete\"\n          type=\"danger\"\n          title=\"删除\"\n          @run=\"handleDelete(row)\"\n          v-bind=\"props.actionsProps?.delete\"\n        />\n      </u-action-group>\n    </template>\n\n    <!-- 新增按钮 -->\n    <template #append v-if=\"showCreateBtn\">\n      <div :class=\"cls.e('add')\">\n        <u-button\n          :class=\"cls.e('add-btn')\"\n          :icon=\"Plus\"\n          :loading=\"state.loading\"\n          type=\"primary\"\n          plain\n          @click.stop=\"handleCreate\"\n        >\n          新增一行\n        </u-button>\n      </div>\n    </template>\n  </u-table>\n</template>\n\n<script setup lang=\"ts\">\nimport { o } from '@cat-kit/core'\nimport { AddChild, Delete, InsertToNext, InsertToPrev, Plus } from '@veltra/icons/normal'\nimport { computed, inject, type Slots } from 'vue'\n\nimport type { BatchEditFeature, TableRow } from '../../types'\nimport { UAction, UActionGroup } from '../action'\nimport { UButton } from '../button'\nimport { UTable } from '../table'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'BatchEditList' })\n\ndefineProps<{ slots: Slots }>()\n\nconst {\n  cls,\n  state,\n  props,\n  emit,\n  staticFeatures,\n  dynamicFeatures,\n  handleCreate,\n  handleDelete,\n  handleInsertToNext,\n  handleInsertToPrev,\n  handleInsertChild\n} = inject(BatchEditDIKey)!\n\nconst tableProps = computed(() => {\n  return o(props as Record<string, any>).omit([\n    'model',\n    'columns',\n    'cols',\n    'readonly',\n    'deleteMethod',\n    'saveMethod',\n    'features',\n    'mode',\n    'beforeCreate'\n  ])\n})\n\nconst hasNot = (value: BatchEditFeature[]) => value.every((v) => !staticFeatures.value.has(v))\n\nconst allowed = (feature: BatchEditFeature, row?: TableRow) => {\n  return staticFeatures.value.has(feature) || !!dynamicFeatures.value[feature]?.(row)\n}\n\nconst columns = computed(() => {\n  if (props.readonly || hasNot(['create', 'delete', 'createChild', 'update'])) return props.columns\n\n  return (props.columns ?? []).concat({\n    name: '操作',\n    key: '__action__',\n    align: 'center',\n    width: 180,\n    fixed: 'right',\n    resizable: false\n  })\n})\n\nfunction handleUpdateCurrentRow(row?: TableRow) {\n  if (allowed('update', row)) {\n    state.row = row\n  }\n}\n\nfunction canDelete(row: TableRow) {\n  return !props.readonly && allowed('delete', row)\n}\n\nconst showCreateBtn = computed(() => {\n  if (props.readonly) return false\n\n  const hasFeature = staticFeatures.value.has('create') || dynamicFeatures.value.create?.()\n  const createActionVisible = state.formActionType === 'create' && state.formVisible\n  return hasFeature && !createActionVisible\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"batch-edit-list.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-list.vue"],"sourcesContent":["<template>\n  <u-table\n    v-bind=\"tableProps\"\n    :slots=\"slots\"\n    :class=\"[cls.e('table')]\"\n    :columns=\"columns\"\n    highlight-current\n    :current=\"state.row\"\n    @update:current=\"handleUpdateCurrentRow\"\n    @update:checked=\"emit('update:checked', $event)\"\n    @update:selected=\"emit('update:selected', $event)\"\n  >\n    <template #column:__action__=\"{ row }\">\n      <u-action-group :class=\"cls.e('row-actions')\" :max=\"5\" @click.stop circle>\n        <u-action\n          v-if=\"allowed('create', row)\"\n          :icon=\"InsertToPrev\"\n          title=\"在上方插入\"\n          @run=\"handleInsertToPrev(row)\"\n        />\n        <u-action\n          v-if=\"allowed('create', row)\"\n          :icon=\"InsertToNext\"\n          title=\"在下方插入\"\n          @run=\"handleInsertToNext(row)\"\n        />\n        <u-action\n          v-if=\"!!props.tree && allowed('createChild', row)\"\n          :icon=\"AddChild\"\n          title=\"添加子级\"\n          @run=\"handleInsertChild(row)\"\n        />\n        <u-action\n          v-if=\"canDelete(row)\"\n          :icon=\"Delete\"\n          type=\"danger\"\n          title=\"删除\"\n          @run=\"handleDelete(row)\"\n          v-bind=\"props.actionsProps?.delete\"\n        />\n      </u-action-group>\n    </template>\n\n    <!-- 新增按钮 -->\n    <template #append v-if=\"showCreateBtn\">\n      <div :class=\"cls.e('add')\">\n        <u-button\n          :class=\"cls.e('add-btn')\"\n          :icon=\"Plus\"\n          :loading=\"state.loading\"\n          type=\"primary\"\n          plain\n          @click.stop=\"handleCreate\"\n        >\n          新增一行\n        </u-button>\n      </div>\n    </template>\n  </u-table>\n</template>\n\n<script setup lang=\"ts\">\nimport { o } from '@cat-kit/core'\nimport { AddChild, Delete, InsertToNext, InsertToPrev, Plus } from '@veltra/icons/normal'\nimport { computed, inject, type Slots } from 'vue'\n\nimport type { BatchEditFeature, TableRow } from '../../types'\nimport { UAction, UActionGroup } from '../action'\nimport { UButton } from '../button'\nimport { UTable } from '../table'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'UBatchEditList' })\n\ndefineProps<{ slots: Slots }>()\n\nconst {\n  cls,\n  state,\n  props,\n  emit,\n  staticFeatures,\n  dynamicFeatures,\n  handleCreate,\n  handleDelete,\n  handleInsertToNext,\n  handleInsertToPrev,\n  handleInsertChild\n} = inject(BatchEditDIKey)!\n\nconst tableProps = computed(() => {\n  return o(props as Record<string, any>).omit([\n    'model',\n    'columns',\n    'cols',\n    'readonly',\n    'deleteMethod',\n    'saveMethod',\n    'features',\n    'mode',\n    'beforeCreate'\n  ])\n})\n\nconst hasNot = (value: BatchEditFeature[]) => value.every((v) => !staticFeatures.value.has(v))\n\nconst allowed = (feature: BatchEditFeature, row?: TableRow) => {\n  return staticFeatures.value.has(feature) || !!dynamicFeatures.value[feature]?.(row)\n}\n\nconst columns = computed(() => {\n  if (props.readonly || hasNot(['create', 'delete', 'createChild', 'update'])) return props.columns\n\n  return (props.columns ?? []).concat({\n    name: '操作',\n    key: '__action__',\n    align: 'center',\n    width: 180,\n    fixed: 'right',\n    resizable: false\n  })\n})\n\nfunction handleUpdateCurrentRow(row?: TableRow) {\n  if (allowed('update', row)) {\n    state.row = row\n  }\n}\n\nfunction canDelete(row: TableRow) {\n  return !props.readonly && allowed('delete', row)\n}\n\nconst showCreateBtn = computed(() => {\n  if (props.readonly) return false\n\n  const hasFeature = staticFeatures.value.has('create') || dynamicFeatures.value.create?.()\n  const createActionVisible = state.formActionType === 'create' && state.formVisible\n  return hasFeature && !createActionVisible\n})\n</script>\n"],"mappings":"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"}

package/dist/components/batch-edit/batch-edit.js

@@ -9,8 +9,8 @@ import { useShortcutKey } from "./use-shortcut-key.js";
 import { computed, createBlock, createCommentVNode, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, provide, renderSlot, unref, useSlots, useTemplateRef, withCtx } from "vue";
 import { bem } from "@veltra/utils";
 //#region src/components/batch-edit/batch-edit.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "BatchEdit",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UBatchEdit",
 	__name: "batch-edit",
 	props: {
 		model: {},
@@ -61,7 +61,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const slots = useSlots();
 		const cls = bem("batch-edit");
 		const formRef = useTemplateRef("form");
-		const { state, resetState } = useEditState({ props });
+		const { state, resetState } = useEditState({
+			props,
+			formRef
+		});
 		const { staticFeatures, dynamicFeatures } = useFeatures({ props });
 		const handlers = useHandlers({
 			props,

package/dist/components/batch-edit/batch-edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"minmax(0, 1fr) \"\n    gap=\"8px\"\n    resizable\n    tabindex=\"-1\"\n    @focusin=\"handleFocusIn\"\n    @focusout=\"handleFocusOut\"\n    @keydown.capture=\"handleKeydown\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm ref=\"form\" v-slot=\"scoped\">\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed, provide, useTemplateRef } from 'vue'\n\nimport type { BatchEditEmits, BatchEditProps, BatchEditSlots, FormExposed } from '../../types'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEditState } from './use-edit-state'\nimport { useFeatures } from './use-features'\nimport { useHandlers } from './use-handlers'\nimport { useShortcutKey } from './use-shortcut-key'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps>(), { cols: () => ['1fr', '420px'] })\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst slots = defineSlots<BatchEditSlots>()\n\nconst cls = bem('batch-edit')\n\nconst formRef = useTemplateRef<FormExposed>('form')\n\nconst { state, resetState } = useEditState({ props })\n\nconst { staticFeatures, dynamicFeatures } = useFeatures({ props })\n\nconst handlers = useHandlers({ props, emit, state, resetState, formRef })\n\n// 快捷键处理\nconst { handleFocusIn, handleFocusOut, handleKeydown, focused } = useShortcutKey({\n  props,\n  onSave: handlers.handleSave,\n  onClose: handlers.handleClose,\n  state\n})\n\nconst cols = computed(() => {\n  return state.formVisible ? props.cols : undefined\n})\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  state,\n  staticFeatures,\n  dynamicFeatures,\n  focused,\n  ...handlers\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAA;EAEd,MAAM,MAAM,IAAI,YAAY;EAE5B,MAAM,UAAU,eAA4B,MAAM;EAElD,MAAM,EAAE,OAAO,eAAe,aAAa,EAAE,MAAM,CAAC;EAEpD,MAAM,EAAE,gBAAgB,oBAAoB,YAAY,EAAE,MAAM,CAAC;EAEjE,MAAM,WAAW,YAAY;GAAE;GAAO;GAAM;GAAO;GAAY;EAAQ,CAAC;EAGxE,MAAM,EAAE,eAAe,gBAAgB,eAAe,YAAY,eAAe;GAC/E;GACA,QAAQ,SAAS;GACjB,SAAS,SAAS;GAClB;EACF,CAAC;EAED,MAAM,OAAO,eAAe;GAC1B,OAAO,MAAM,cAAc,MAAM,OAAO,KAAA;EAC1C,CAAC;EAED,QAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,CAAC;;uBA1EC,YAkBW,MAAA,WAAA,GAAA;IAjBR,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACA,UAAS;IACR,WAAS,MAAA,aAAA;IACT,YAAU,MAAA,cAAA;sBACO,MAAA,aAAA;;2BAEL;KAAb,mBAAA,QAAA;KACA,YAAgC,aAAA,EAAT,MAAK,CAAA;KAE5B,mBAAA,QAAA;KACA,YAEgB,aAAA,EAFD,KAAI,OAAM,GAAA;wBAAS,WAAM,CACtC,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,MAAM,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"minmax(0, 1fr) \"\n    gap=\"8px\"\n    resizable\n    tabindex=\"-1\"\n    @focusin=\"handleFocusIn\"\n    @focusout=\"handleFocusOut\"\n    @keydown.capture=\"handleKeydown\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm ref=\"form\" v-slot=\"scoped\">\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed, provide, useTemplateRef } from 'vue'\n\nimport type { BatchEditEmits, BatchEditProps, BatchEditSlots, FormExposed } from '../../types'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEditState } from './use-edit-state'\nimport { useFeatures } from './use-features'\nimport { useHandlers } from './use-handlers'\nimport { useShortcutKey } from './use-shortcut-key'\n\ndefineOptions({ name: 'UBatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps>(), { cols: () => ['1fr', '420px'] })\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst slots = defineSlots<BatchEditSlots>()\n\nconst cls = bem('batch-edit')\n\nconst formRef = useTemplateRef<FormExposed>('form')\n\nconst { state, resetState } = useEditState({ props, formRef })\n\nconst { staticFeatures, dynamicFeatures } = useFeatures({ props })\n\nconst handlers = useHandlers({ props, emit, state, resetState, formRef })\n\n// 快捷键处理\nconst { handleFocusIn, handleFocusOut, handleKeydown, focused } = useShortcutKey({\n  props,\n  onSave: handlers.handleSave,\n  onClose: handlers.handleClose,\n  state\n})\n\nconst cols = computed(() => {\n  return state.formVisible ? props.cols : undefined\n})\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  state,\n  staticFeatures,\n  dynamicFeatures,\n  focused,\n  ...handlers\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAA;EAEd,MAAM,MAAM,IAAI,YAAY;EAE5B,MAAM,UAAU,eAA4B,MAAM;EAElD,MAAM,EAAE,OAAO,eAAe,aAAa;GAAE;GAAO;EAAQ,CAAC;EAE7D,MAAM,EAAE,gBAAgB,oBAAoB,YAAY,EAAE,MAAM,CAAC;EAEjE,MAAM,WAAW,YAAY;GAAE;GAAO;GAAM;GAAO;GAAY;EAAQ,CAAC;EAGxE,MAAM,EAAE,eAAe,gBAAgB,eAAe,YAAY,eAAe;GAC/E;GACA,QAAQ,SAAS;GACjB,SAAS,SAAS;GAClB;EACF,CAAC;EAED,MAAM,OAAO,eAAe;GAC1B,OAAO,MAAM,cAAc,MAAM,OAAO,KAAA;EAC1C,CAAC;EAED,QAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,CAAC;;uBA1EC,YAkBW,MAAA,WAAA,GAAA;IAjBR,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACA,UAAS;IACR,WAAS,MAAA,aAAA;IACT,YAAU,MAAA,cAAA;sBACO,MAAA,aAAA;;2BAEL;KAAb,mBAAA,QAAA;KACA,YAAgC,aAAA,EAAT,MAAK,CAAA;KAE5B,mBAAA,QAAA;KACA,YAEgB,aAAA,EAFD,KAAI,OAAM,GAAA;wBAAS,WAAM,CACtC,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,MAAM,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/batch-edit/use-edit-state.js

@@ -1,8 +1,8 @@
-import { shallowReactive, watch } from "vue";
+import { nextTick, shallowReactive, watch } from "vue";
 import { o } from "@cat-kit/core";
 //#region src/components/batch-edit/use-edit-state.ts
 function useEditState(options) {
-	const { props } = options;
+	const { props, formRef } = options;
 	const defaultState = {
 		depth: -1,
 		formVisible: false,
@@ -19,8 +19,12 @@ function useEditState(options) {
 		Object.assign(state, defaultState);
 	}
 	watch(() => state.row, (row) => {
+		formRef.value?.reset();
 		if (row) {
-			if (props.model) o(props.model).deepExtend(row.data);
+			/** 延迟设置 model，防止表单初始状态丢失 */
+			nextTick(() => {
+				if (props.model) o(props.model).deepExtend(row.data);
+			});
 			state.formActionType = props.readonly ? "view" : "update";
 			state.formVisible = true;
 			state.depth = row.depth;

package/dist/components/batch-edit/use-edit-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-edit-state.js","names":[],"sources":["../../../src/components/batch-edit/use-edit-state.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { shallowReactive, watch } from 'vue'\n\nimport type { BatchEditProps, BatchEditStates } from '../../types'\n\ninterface Options {\n  props: BatchEditProps\n}\n\nexport function useEditState(options: Options) {\n  const { props } = options\n\n  const defaultState: BatchEditStates = {\n    depth: -1,\n    formVisible: false,\n    formActionType: 'create',\n    loading: false,\n    indexPath: []\n  }\n\n  const state = shallowReactive({ ...defaultState })\n\n  function resetState() {\n    if (state.row) {\n      state.row.isCurrent = false\n    }\n\n    Object.keys(state).forEach((key) => {\n      delete state[key]\n    })\n\n    Object.assign(state, defaultState)\n  }\n\n  watch(\n    () => state.row,\n    (row) => {\n      if (row) {\n        if (props.model) {\n          o(props.model).deepExtend(row.data)\n        }\n        state.formActionType = props.readonly ? 'view' : 'update'\n        state.formVisible = true\n        state.depth = row.depth\n        state.indexPath = [...row.indexes]\n\n        return\n      }\n\n      resetState()\n    }\n  )\n\n  return { state, resetState }\n}\n"],"mappings":";;;AASA,SAAgB,aAAa,SAAkB;CAC7C,MAAM,EAAE,UAAU;CAElB,MAAM,eAAgC;EACpC,OAAO;EACP,aAAa;EACb,gBAAgB;EAChB,SAAS;EACT,WAAW,CAAC;CACd;CAEA,MAAM,QAAQ,gBAAgB,EAAE,GAAG,aAAa,CAAC;CAEjD,SAAS,aAAa;EACpB,IAAI,MAAM,KACR,MAAM,IAAI,YAAY;EAGxB,OAAO,KAAK,KAAK,EAAE,SAAS,QAAQ;GAClC,OAAO,MAAM;EACf,CAAC;EAED,OAAO,OAAO,OAAO,YAAY;CACnC;CAEA,YACQ,MAAM,MACX,QAAQ;EACP,IAAI,KAAK;GACP,IAAI,MAAM,OACR,EAAE,MAAM,KAAK,EAAE,WAAW,IAAI,IAAI;GAEpC,MAAM,iBAAiB,MAAM,WAAW,SAAS;GACjD,MAAM,cAAc;GACpB,MAAM,QAAQ,IAAI;GAClB,MAAM,YAAY,CAAC,GAAG,IAAI,OAAO;GAEjC;EACF;EAEA,WAAW;CACb,CACF;CAEA,OAAO;EAAE;EAAO;CAAW;AAC7B"}
+{"version":3,"file":"use-edit-state.js","names":[],"sources":["../../../src/components/batch-edit/use-edit-state.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { nextTick, shallowReactive, watch, type ShallowRef } from 'vue'\n\nimport type { BatchEditProps, BatchEditStates, FormExposed } from '../../types'\n\ninterface Options {\n  props: BatchEditProps\n  formRef: ShallowRef<FormExposed | null>\n}\n\nexport function useEditState(options: Options) {\n  const { props, formRef } = options\n\n  const defaultState: BatchEditStates = {\n    depth: -1,\n    formVisible: false,\n    formActionType: 'create',\n    loading: false,\n    indexPath: []\n  }\n\n  const state = shallowReactive({ ...defaultState })\n\n  function resetState() {\n    if (state.row) {\n      state.row.isCurrent = false\n    }\n\n    Object.keys(state).forEach((key) => {\n      delete state[key]\n    })\n\n    Object.assign(state, defaultState)\n  }\n\n  watch(\n    () => state.row,\n    (row) => {\n      formRef.value?.reset()\n\n      if (row) {\n        /** 延迟设置 model，防止表单初始状态丢失 */\n        nextTick(() => {\n          if (props.model) {\n            o(props.model).deepExtend(row.data)\n          }\n        })\n        state.formActionType = props.readonly ? 'view' : 'update'\n        state.formVisible = true\n        state.depth = row.depth\n        state.indexPath = [...row.indexes]\n\n        return\n      }\n\n      resetState()\n    }\n  )\n\n  return { state, resetState }\n}\n"],"mappings":";;;AAUA,SAAgB,aAAa,SAAkB;CAC7C,MAAM,EAAE,OAAO,YAAY;CAE3B,MAAM,eAAgC;EACpC,OAAO;EACP,aAAa;EACb,gBAAgB;EAChB,SAAS;EACT,WAAW,CAAC;CACd;CAEA,MAAM,QAAQ,gBAAgB,EAAE,GAAG,aAAa,CAAC;CAEjD,SAAS,aAAa;EACpB,IAAI,MAAM,KACR,MAAM,IAAI,YAAY;EAGxB,OAAO,KAAK,KAAK,CAAC,CAAC,SAAS,QAAQ;GAClC,OAAO,MAAM;EACf,CAAC;EAED,OAAO,OAAO,OAAO,YAAY;CACnC;CAEA,YACQ,MAAM,MACX,QAAQ;EACP,QAAQ,OAAO,MAAM;EAErB,IAAI,KAAK;;GAEP,eAAe;IACb,IAAI,MAAM,OACR,EAAE,MAAM,KAAK,CAAC,CAAC,WAAW,IAAI,IAAI;GAEtC,CAAC;GACD,MAAM,iBAAiB,MAAM,WAAW,SAAS;GACjD,MAAM,cAAc;GACpB,MAAM,QAAQ,IAAI;GAClB,MAAM,YAAY,CAAC,GAAG,IAAI,OAAO;GAEjC;EACF;EAEA,WAAW;CACb,CACF;CAEA,OAAO;EAAE;EAAO;CAAW;AAC7B"}

package/dist/components/batch-edit/use-features.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-features.js","names":[],"sources":["../../../src/components/batch-edit/use-features.ts"],"sourcesContent":["import { computed } from 'vue'\n\nimport type { BatchEditFeature, BatchEditProps, TableRow } from '../../types'\n\ninterface Options {\n  props: BatchEditProps\n}\nexport function useFeatures(options: Options) {\n  const { props } = options\n  const staticFeatures = computed(() => {\n    const { features } = props\n\n    if (Array.isArray(features)) {\n      return new Set(features)\n    }\n\n    const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n    if (!features) {\n      return defaultFeatures\n    }\n\n    // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n    Object.entries(features).forEach(([key, value]) => {\n      const k = key as BatchEditFeature\n      if (typeof value === 'function' || value === false) {\n        defaultFeatures.delete(k)\n      } else if (value === true) {\n        defaultFeatures.add(k)\n      }\n    })\n    return defaultFeatures\n  })\n\n  const dynamicFeatures = computed<\n    Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  >(() => {\n    const { features } = props\n    if (!Array.isArray(features) && typeof features === 'object') {\n      const ret = Object.entries(features)\n        .filter(([_, value]) => {\n          return typeof value === 'function'\n        })\n        .reduce(\n          (acc, [key, value]) => {\n            acc[key] = value\n            return acc\n          },\n          {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n        )\n      return ret\n    }\n\n    return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  })\n\n  return { staticFeatures, dynamicFeatures }\n}\n"],"mappings":";;AAOA,SAAgB,YAAY,SAAkB;CAC5C,MAAM,EAAE,UAAU;CAgDlB,OAAO;EAAE,gBA/Cc,eAAe;GACpC,MAAM,EAAE,aAAa;GAErB,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO,IAAI,IAAI,QAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;GAAa,CAAC;GAE/F,IAAI,CAAC,UACH,OAAO;GAIT,OAAO,QAAQ,QAAQ,EAAE,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;IACV,IAAI,OAAO,UAAU,cAAc,UAAU,OAC3C,gBAAgB,OAAO,CAAC;SACnB,IAAI,UAAU,MACnB,gBAAgB,IAAI,CAAC;GAEzB,CAAC;GACD,OAAO;EACT,CAwBsB;EAAG,iBAtBD,eAEhB;GACN,MAAM,EAAE,aAAa;GACrB,IAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,OAAO,aAAa,UAYlD,OAXY,OAAO,QAAQ,QAAQ,EAChC,QAAQ,CAAC,GAAG,WAAW;IACtB,OAAO,OAAO,UAAU;GAC1B,CAAC,EACA,QACE,KAAK,CAAC,KAAK,WAAW;IACrB,IAAI,OAAO;IACX,OAAO;GACT,GACA,CAAC,CAEI;GAGX,OAAO,CAAC;EACV,CAEuC;CAAE;AAC3C"}
+{"version":3,"file":"use-features.js","names":[],"sources":["../../../src/components/batch-edit/use-features.ts"],"sourcesContent":["import { computed } from 'vue'\n\nimport type { BatchEditFeature, BatchEditProps, TableRow } from '../../types'\n\ninterface Options {\n  props: BatchEditProps\n}\nexport function useFeatures(options: Options) {\n  const { props } = options\n  const staticFeatures = computed(() => {\n    const { features } = props\n\n    if (Array.isArray(features)) {\n      return new Set(features)\n    }\n\n    const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n    if (!features) {\n      return defaultFeatures\n    }\n\n    // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n    Object.entries(features).forEach(([key, value]) => {\n      const k = key as BatchEditFeature\n      if (typeof value === 'function' || value === false) {\n        defaultFeatures.delete(k)\n      } else if (value === true) {\n        defaultFeatures.add(k)\n      }\n    })\n    return defaultFeatures\n  })\n\n  const dynamicFeatures = computed<\n    Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  >(() => {\n    const { features } = props\n    if (!Array.isArray(features) && typeof features === 'object') {\n      const ret = Object.entries(features)\n        .filter(([_, value]) => {\n          return typeof value === 'function'\n        })\n        .reduce(\n          (acc, [key, value]) => {\n            acc[key] = value\n            return acc\n          },\n          {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n        )\n      return ret\n    }\n\n    return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  })\n\n  return { staticFeatures, dynamicFeatures }\n}\n"],"mappings":";;AAOA,SAAgB,YAAY,SAAkB;CAC5C,MAAM,EAAE,UAAU;CAgDlB,OAAO;EAAE,gBA/Cc,eAAe;GACpC,MAAM,EAAE,aAAa;GAErB,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO,IAAI,IAAI,QAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;GAAa,CAAC;GAE/F,IAAI,CAAC,UACH,OAAO;GAIT,OAAO,QAAQ,QAAQ,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;IACV,IAAI,OAAO,UAAU,cAAc,UAAU,OAC3C,gBAAgB,OAAO,CAAC;SACnB,IAAI,UAAU,MACnB,gBAAgB,IAAI,CAAC;GAEzB,CAAC;GACD,OAAO;EACT,CAwBsB;EAAG,iBAtBD,eAEhB;GACN,MAAM,EAAE,aAAa;GACrB,IAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,OAAO,aAAa,UAYlD,OAXY,OAAO,QAAQ,QAAQ,CAAC,CACjC,QAAQ,CAAC,GAAG,WAAW;IACtB,OAAO,OAAO,UAAU;GAC1B,CAAC,CAAC,CACD,QACE,KAAK,CAAC,KAAK,WAAW;IACrB,IAAI,OAAO;IACX,OAAO;GACT,GACA,CAAC,CAEI;GAGX,OAAO,CAAC;EACV,CAEuC;CAAE;AAC3C"}

package/dist/components/batch-edit/use-handlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-handlers.js","names":[],"sources":["../../../src/components/batch-edit/use-handlers.ts"],"sourcesContent":["import { last, o } from '@cat-kit/core'\nimport { computed, nextTick, type ShallowRef } from 'vue'\n\nimport type {\n  TableRow,\n  BatchEditEmits,\n  BatchEditProps,\n  BatchEditStates,\n  FormExposed\n} from '../../types'\n\n/** 按索引路径在原始数据树中定位节点（等价于历史 Forest.visit 路径访问） */\nfunction visitDataByIndexPath<T extends Record<string, unknown>>(\n  roots: T[],\n  indexPath: number[],\n  childrenKey: string\n): T | undefined {\n  if (!indexPath.length) return undefined\n  let currentList: T[] | undefined = roots\n  let node: T | undefined\n  for (let i = 0; i < indexPath.length; i++) {\n    const idx = indexPath[i]!\n    if (!currentList) return undefined\n    node = currentList[idx]\n    if (node === undefined) return undefined\n    if (i < indexPath.length - 1) {\n      const next = node[childrenKey]\n      currentList = Array.isArray(next) ? (next as T[]) : undefined\n    }\n  }\n  return node\n}\n\ninterface Options {\n  props: BatchEditProps\n  emit: BatchEditEmits\n  state: BatchEditStates\n  formRef: ShallowRef<FormExposed | null>\n  resetState: () => void\n}\n\nexport interface EditReturned {\n  handleSave: () => Promise<void>\n  handleClose: () => void\n  handleCreate: () => void\n  handleDelete: (row: TableRow) => Promise<void>\n  handleInsertToNext: (row: TableRow) => void\n  handleInsertToPrev: (row: TableRow) => void\n  handleInsertChild: (row: TableRow) => void\n}\n\nexport function useHandlers(options: Options): EditReturned {\n  const { props, emit, state, resetState, formRef } = options\n\n  const childrenKey = computed(() => {\n    return typeof props.tree === 'string' ? props.tree : 'children'\n  })\n\n  function getInsertData(): Record<string, any> {\n    return o(props.model ?? {}).copy()\n  }\n\n  /**\n   * 插入数据\n   * @param item 数据\n   */\n  function insert(item: Record<string, any>) {\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data ?? [], state.indexPath.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (!children) {\n        parent[childrenKey.value] = [item]\n      } else {\n        children.splice(last(state.indexPath), 0, item)\n      }\n    } else {\n      data.splice(last(state.indexPath), 0, item)\n    }\n\n    emit('update:data', data)\n\n    return item\n  }\n\n  /**\n   * 点击新增按钮\n   */\n  function handleCreate() {\n    const { data } = props\n\n    resetState()\n\n    nextTick(() => {\n      state.formActionType = 'create'\n      state.formVisible = true\n      state.depth = 1\n      state.indexPath = [data?.length ?? 0]\n    })\n  }\n\n  function handleInsertToPrev(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.depth = row.depth\n    state.indexPath = [...row.indexes]\n  }\n\n  function handleInsertToNext(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.depth = row.depth\n    state.indexPath = [...row.indexes.slice(0, -1), row.index + 1]\n  }\n\n  function handleInsertChild(row: TableRow) {\n    resetState()\n    state.formActionType = 'createChild'\n    state.formVisible = true\n    state.parentRow = row\n    state.depth = row.depth + 1\n    row.expanded = true\n    state.indexPath = [...row.indexes, row.children?.length ?? 0]\n  }\n\n  function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {\n    return async (...args: Arg) => {\n      state.loading = true\n      if (state.row) {\n        state.row.operating = true\n      }\n      try {\n        await fn.apply(null, args)\n      } catch (error) {\n        console.error(error)\n      }\n      state.loading = false\n      if (state.row) {\n        state.row.operating = false\n      }\n    }\n  }\n\n  /** 保存 */\n  const handleSave = runWithLoading(async () => {\n    const { model, saveMethod } = props\n    const valid = await formRef.value?.validate()\n    if (!model || !valid) return\n\n    let item = getInsertData()\n\n    // 新增\n    if (state.formActionType === 'create' || state.formActionType === 'createChild') {\n      await props.beforeCreate?.(item, state.parentRow?.data)\n      if (saveMethod) {\n        const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n        if (result) {\n          item = result\n        }\n      }\n      insert(item)\n      return\n    }\n\n    // 普通模式下的编辑\n    if (saveMethod) {\n      const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n      if (result) {\n        item = result\n      }\n    }\n\n    const { row } = state\n    row &&\n      Object.keys(item).forEach((key) => {\n        o(row.data).set(key, o(item).get(key))\n      })\n  })\n\n  const handleDelete = runWithLoading(async (row: TableRow) => {\n    const { deleteMethod } = props\n\n    if (deleteMethod) {\n      await deleteMethod([row.data])\n    }\n\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (children) {\n        children.splice(row.index, 1)\n      } else {\n        console.error('行路径不正确')\n      }\n    } else {\n      data.splice(row.index, 1)\n    }\n\n    if (state.row === row) {\n      resetState()\n    }\n\n    emit('update:data', data)\n  })\n\n  function handleClose() {\n    resetState()\n  }\n\n  return {\n    handleDelete,\n    handleInsertChild,\n    handleInsertToNext,\n    handleInsertToPrev,\n    handleCreate,\n    handleClose,\n    handleSave\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-handlers.js","names":[],"sources":["../../../src/components/batch-edit/use-handlers.ts"],"sourcesContent":["import { last, o } from '@cat-kit/core'\nimport { computed, nextTick, type ShallowRef } from 'vue'\n\nimport type {\n  TableRow,\n  BatchEditEmits,\n  BatchEditProps,\n  BatchEditStates,\n  FormExposed\n} from '../../types'\n\n/** 按索引路径在原始数据树中定位节点（等价于历史 Forest.visit 路径访问） */\nfunction visitDataByIndexPath<T extends Record<string, unknown>>(\n  roots: T[],\n  indexPath: number[],\n  childrenKey: string\n): T | undefined {\n  if (!indexPath.length) return undefined\n  let currentList: T[] | undefined = roots\n  let node: T | undefined\n  for (let i = 0; i < indexPath.length; i++) {\n    const idx = indexPath[i]!\n    if (!currentList) return undefined\n    node = currentList[idx]\n    if (node === undefined) return undefined\n    if (i < indexPath.length - 1) {\n      const next = node[childrenKey]\n      currentList = Array.isArray(next) ? (next as T[]) : undefined\n    }\n  }\n  return node\n}\n\ninterface Options {\n  props: BatchEditProps\n  emit: BatchEditEmits\n  state: BatchEditStates\n  formRef: ShallowRef<FormExposed | null>\n  resetState: () => void\n}\n\nexport interface EditReturned {\n  handleSave: () => Promise<void>\n  handleClose: () => void\n  handleCreate: () => void\n  handleDelete: (row: TableRow) => Promise<void>\n  handleInsertToNext: (row: TableRow) => void\n  handleInsertToPrev: (row: TableRow) => void\n  handleInsertChild: (row: TableRow) => void\n}\n\nexport function useHandlers(options: Options): EditReturned {\n  const { props, emit, state, resetState, formRef } = options\n\n  const childrenKey = computed(() => {\n    return typeof props.tree === 'string' ? props.tree : 'children'\n  })\n\n  function getInsertData(): Record<string, any> {\n    return o(props.model ?? {}).copy()\n  }\n\n  /**\n   * 插入数据\n   * @param item 数据\n   */\n  function insert(item: Record<string, any>) {\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data ?? [], state.indexPath.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (!children) {\n        parent[childrenKey.value] = [item]\n      } else {\n        children.splice(last(state.indexPath), 0, item)\n      }\n    } else {\n      data.splice(last(state.indexPath), 0, item)\n    }\n\n    emit('update:data', data)\n\n    return item\n  }\n\n  /**\n   * 点击新增按钮\n   */\n  function handleCreate() {\n    const { data } = props\n\n    resetState()\n\n    nextTick(() => {\n      state.formActionType = 'create'\n      state.formVisible = true\n      state.depth = 1\n      state.indexPath = [data?.length ?? 0]\n    })\n  }\n\n  function handleInsertToPrev(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.depth = row.depth\n    state.indexPath = [...row.indexes]\n  }\n\n  function handleInsertToNext(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.depth = row.depth\n    state.indexPath = [...row.indexes.slice(0, -1), row.index + 1]\n  }\n\n  function handleInsertChild(row: TableRow) {\n    resetState()\n    state.formActionType = 'createChild'\n    state.formVisible = true\n    state.parentRow = row\n    state.depth = row.depth + 1\n    row.expanded = true\n    state.indexPath = [...row.indexes, row.children?.length ?? 0]\n  }\n\n  function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {\n    return async (...args: Arg) => {\n      state.loading = true\n      if (state.row) {\n        state.row.operating = true\n      }\n      try {\n        await fn.apply(null, args)\n      } catch (error) {\n        console.error(error)\n      }\n      state.loading = false\n      if (state.row) {\n        state.row.operating = false\n      }\n    }\n  }\n\n  /** 保存 */\n  const handleSave = runWithLoading(async () => {\n    const { model, saveMethod } = props\n    const valid = await formRef.value?.validate()\n    if (!model || !valid) return\n\n    let item = getInsertData()\n\n    // 新增\n    if (state.formActionType === 'create' || state.formActionType === 'createChild') {\n      await props.beforeCreate?.(item, state.parentRow?.data)\n      if (saveMethod) {\n        const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n        if (result) {\n          item = result\n        }\n      }\n      insert(item)\n      return\n    }\n\n    // 普通模式下的编辑\n    if (saveMethod) {\n      const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n      if (result) {\n        item = result\n      }\n    }\n\n    const { row } = state\n    row &&\n      Object.keys(item).forEach((key) => {\n        o(row.data).set(key, o(item).get(key))\n      })\n  })\n\n  const handleDelete = runWithLoading(async (row: TableRow) => {\n    const { deleteMethod } = props\n\n    if (deleteMethod) {\n      await deleteMethod([row.data])\n    }\n\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (children) {\n        children.splice(row.index, 1)\n      } else {\n        console.error('行路径不正确')\n      }\n    } else {\n      data.splice(row.index, 1)\n    }\n\n    if (state.row === row) {\n      resetState()\n    }\n\n    emit('update:data', data)\n  })\n\n  function handleClose() {\n    resetState()\n  }\n\n  return {\n    handleDelete,\n    handleInsertChild,\n    handleInsertToNext,\n    handleInsertToPrev,\n    handleCreate,\n    handleClose,\n    handleSave\n  }\n}\n"],"mappings":"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"}

package/dist/components/breadcrumb/breadcrumb.js

@@ -13,8 +13,8 @@ const _hoisted_2 = [
 	"onClick",
 	"onKeydown"
 ];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Breadcrumb",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UBreadcrumb",
 	__name: "breadcrumb",
 	props: {
 		items: {},

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.vue"],"sourcesContent":["<template>\n  <nav :class=\"[cls.b, cls.m(size)]\" aria-label=\"Breadcrumb\">\n    <ol :class=\"cls.e('list')\">\n      <template v-for=\"(item, index) in props.items\" :key=\"index\">\n        <li :class=\"cls.e('item')\">\n          <slot name=\"item\" v-bind=\"{ item, index, isLast: index === props.items.length - 1 }\">\n            <a\n              v-if=\"isAnchor(item, index)\"\n              :class=\"linkClass(item, index)\"\n              :href=\"item.href\"\n              :aria-disabled=\"item.disabled ? 'true' : undefined\"\n              :tabindex=\"item.disabled ? -1 : undefined\"\n              @click=\"handleAnchorClick($event, item, index)\"\n            >\n              {{ item.title }}\n            </a>\n            <span\n              v-else-if=\"isActionSpan(item, index)\"\n              :class=\"linkClass(item, index)\"\n              role=\"link\"\n              :tabindex=\"item.disabled ? -1 : 0\"\n              @click=\"handleSpanClick($event, item, index)\"\n              @keydown=\"handleSpanKeydown($event, item, index)\"\n            >\n              {{ item.title }}\n            </span>\n            <span v-else :class=\"innerClass(true)\" aria-current=\"page\">{{ item.title }}</span>\n          </slot>\n        </li>\n        <li v-if=\"index < props.items.length - 1\" :class=\"cls.e('separator')\" aria-hidden=\"true\">\n          <slot name=\"separator\">/</slot>\n        </li>\n      </template>\n    </ol>\n  </nav>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\n\nimport type {\n  BreadcrumbEmits,\n  BreadcrumbItem,\n  BreadcrumbProps,\n  BreadcrumbSlotScope,\n  ComponentSize\n} from '../../types'\n\ndefineOptions({ name: 'Breadcrumb' })\n\nconst props = withDefaults(defineProps<BreadcrumbProps>(), { lastLinked: false })\n\nconst emit = defineEmits<BreadcrumbEmits>()\n\ndefineSlots<{ item?: (scope: BreadcrumbSlotScope) => unknown; separator?: () => unknown }>()\n\nconst cls = bem('breadcrumb')\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst isLast = (index: number) => index === props.items.length - 1\n\nconst isLinked = (item: BreadcrumbItem, index: number) => {\n  if (item.disabled) return false\n  if (isLast(index)) return props.lastLinked\n  return true\n}\n\nconst isAnchor = (item: BreadcrumbItem, index: number) => isLinked(item, index) && !!item.href\n\nconst isActionSpan = (item: BreadcrumbItem, index: number) => isLinked(item, index) && !item.href\n\nconst innerClass = (current: boolean) => [cls.e('inner'), current && bem.is('current', current)]\n\nconst linkClass = (item: BreadcrumbItem, index: number) => [\n  cls.e('inner'),\n  cls.e('link'),\n  bem.is('disabled', !!item.disabled),\n  bem.is('current', isLast(index) && !props.lastLinked)\n]\n\nconst handleAnchorClick = (ev: MouseEvent, item: BreadcrumbItem, index: number) => {\n  if (item.disabled) {\n    ev.preventDefault()\n    ev.stopPropagation()\n  }\n}\n\nconst handleSpanClick = (ev: MouseEvent, item: BreadcrumbItem, index: number) => {\n  if (item.disabled) {\n    ev.preventDefault()\n    return\n  }\n  emit('click', item, index, ev)\n}\n\nconst handleSpanKeydown = (ev: KeyboardEvent, item: BreadcrumbItem, index: number) => {\n  if (item.disabled) return\n  if (ev.key !== 'Enter' && ev.key !== ' ') return\n  ev.preventDefault()\n  emit('click', item, index, ev)\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.vue"],"sourcesContent":["<template>\n  <nav :class=\"[cls.b, cls.m(size)]\" aria-label=\"Breadcrumb\">\n    <ol :class=\"cls.e('list')\">\n      <template v-for=\"(item, index) in props.items\" :key=\"index\">\n        <li :class=\"cls.e('item')\">\n          <slot name=\"item\" v-bind=\"{ item, index, isLast: index === props.items.length - 1 }\">\n            <a\n              v-if=\"isAnchor(item, index)\"\n              :class=\"linkClass(item, index)\"\n              :href=\"item.href\"\n              :aria-disabled=\"item.disabled ? 'true' : undefined\"\n              :tabindex=\"item.disabled ? -1 : undefined\"\n              @click=\"handleAnchorClick($event, item, index)\"\n            >\n              {{ item.title }}\n            </a>\n            <span\n              v-else-if=\"isActionSpan(item, index)\"\n              :class=\"linkClass(item, index)\"\n              role=\"link\"\n              :tabindex=\"item.disabled ? -1 : 0\"\n              @click=\"handleSpanClick($event, item, index)\"\n              @keydown=\"handleSpanKeydown($event, item, index)\"\n            >\n              {{ item.title }}\n            </span>\n            <span v-else :class=\"innerClass(true)\" aria-current=\"page\">{{ item.title }}</span>\n          </slot>\n        </li>\n        <li v-if=\"index < props.items.length - 1\" :class=\"cls.e('separator')\" aria-hidden=\"true\">\n          <slot name=\"separator\">/</slot>\n        </li>\n      </template>\n    </ol>\n  </nav>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\n\nimport type {\n  BreadcrumbEmits,\n  BreadcrumbItem,\n  BreadcrumbProps,\n  BreadcrumbSlotScope,\n  ComponentSize\n} from '../../types'\n\ndefineOptions({ name: 'UBreadcrumb' })\n\nconst props = withDefaults(defineProps<BreadcrumbProps>(), { lastLinked: false })\n\nconst emit = defineEmits<BreadcrumbEmits>()\n\ndefineSlots<{ item?: (scope: BreadcrumbSlotScope) => unknown; separator?: () => unknown }>()\n\nconst cls = bem('breadcrumb')\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst isLast = (index: number) => index === props.items.length - 1\n\nconst isLinked = (item: BreadcrumbItem, index: number) => {\n  if (item.disabled) return false\n  if (isLast(index)) return props.lastLinked\n  return true\n}\n\nconst isAnchor = (item: BreadcrumbItem, index: number) => isLinked(item, index) && !!item.href\n\nconst isActionSpan = (item: BreadcrumbItem, index: number) => isLinked(item, index) && !item.href\n\nconst innerClass = (current: boolean) => [cls.e('inner'), current && bem.is('current', current)]\n\nconst linkClass = (item: BreadcrumbItem, index: number) => [\n  cls.e('inner'),\n  cls.e('link'),\n  bem.is('disabled', !!item.disabled),\n  bem.is('current', isLast(index) && !props.lastLinked)\n]\n\nconst handleAnchorClick = (ev: MouseEvent, item: BreadcrumbItem, index: number) => {\n  if (item.disabled) {\n    ev.preventDefault()\n    ev.stopPropagation()\n  }\n}\n\nconst handleSpanClick = (ev: MouseEvent, item: BreadcrumbItem, index: number) => {\n  if (item.disabled) {\n    ev.preventDefault()\n    return\n  }\n  emit('click', item, index, ev)\n}\n\nconst handleSpanKeydown = (ev: KeyboardEvent, item: BreadcrumbItem, index: number) => {\n  if (item.disabled) return\n  if (ev.key !== 'Enter' && ev.key !== ' ') return\n  ev.preventDefault()\n  emit('click', item, index, ev)\n}\n</script>\n"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { createElementBlock, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref } from "vue";
 import { bem } from "@veltra/utils";
 //#region src/components/button/button-group.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "ButtonGroup",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UButtonGroup",
 	__name: "button-group",
 	props: {
 		type: {},