vome-core 0.1.77 → 0.1.79

package/dist/admin/components/layout/vm-tags-view.vue

@@ -0,0 +1,233 @@
+<template>
+  <div ref="rootRef" class="vm-tags">
+    <div ref="trackRef" class="vm-tags__track" :style="trackStyle">
+      <button
+        v-for="tag in list"
+        :key="tag.path"
+        type="button"
+        class="vm-tags__item"
+        :class="{ 'is-active': route.path === tag.path }"
+        @click="router.push(tag.fullPath)"
+        @click.middle="close(tag.path, $event)"
+      >
+        <span class="vm-tags__title">{{ tagTitle(tag) }}</span>
+        <i
+          v-if="tag.path !== '/'"
+          class="ri-close-line vm-tags__close"
+          @click="close(tag.path, $event)"
+        />
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useLocaleStore } from '../../stores/locale'
+
+defineOptions({ name: 'vm-tags-view' })
+
+const tags = useTagsStore()
+const user = useUserStore()
+const locale = useLocaleStore()
+const route = useRoute()
+const router = useRouter()
+
+const rootRef = ref<HTMLElement | null>(null)
+const trackRef = ref<HTMLElement | null>(null)
+const offset = ref(0)
+
+/** 首页由顶栏按钮进入，tabs 不再塞首页项 */
+const list = computed(() => tags.list.filter((t) => t.path !== '/'))
+
+function findMenuByPath(
+  nodes: MenuTreeNode[],
+  path: string,
+): MenuTreeNode | null {
+  for (const n of nodes) {
+    if (n.router === path) return n
+    if (n.children?.length) {
+      const hit = findMenuByPath(n.children, path)
+      if (hit) return hit
+    }
+  }
+  return null
+}
+
+function tagTitle(tag: { path: string; title: string }) {
+  const node = findMenuByPath(user.menus, tag.path)
+  return node ? locale.tMenu(node) : tag.title
+}
+
+const trackStyle = computed(() =>
+  offset.value > 0 ? { transform: `translateX(-${offset.value}px)` } : undefined,
+)
+
+function measureTabs() {
+  const root = rootRef.value
+  const track = trackRef.value
+  if (!root || !track) return
+
+  const containerWidth = root.clientWidth
+  const items = track.querySelectorAll<HTMLElement>('.vm-tags__item')
+  if (!items.length || containerWidth <= 0) {
+    offset.value = 0
+    return
+  }
+
+  const gap = 4
+  const positions: number[] = []
+  const widths: number[] = []
+  let total = 0
+
+  items.forEach((el, i) => {
+    positions.push(total)
+    const w = el.offsetWidth
+    widths.push(w)
+    total += w + (i < items.length - 1 ? gap : 0)
+  })
+
+  const maxOffset = Math.max(0, total - containerWidth)
+  if (maxOffset === 0) {
+    offset.value = 0
+    return
+  }
+
+  const activeIndex = list.value.findIndex((t) => t.path === route.path)
+  // 默认贴右：左侧最早打开的 tab 被裁切隐藏
+  let next = maxOffset
+
+  if (activeIndex >= 0) {
+    const left = positions[activeIndex]!
+    const right = left + widths[activeIndex]!
+    if (left < next) next = left
+    if (right > next + containerWidth) next = right - containerWidth
+    next = Math.min(maxOffset, Math.max(0, next))
+  }
+
+  offset.value = next
+}
+
+let ro: ResizeObserver | undefined
+
+function scheduleMeasure() {
+  nextTick(() => measureTabs())
+}
+
+function close(path: string, e: Event) {
+  e.preventDefault()
+  e.stopPropagation()
+  if (path === '/') return
+  const i = list.value.findIndex((t) => t.path === path)
+  tags.remove(path)
+  if (route.path === path) {
+    const next = list.value[i - 1] || list.value[i] || null
+    void router.push(next?.fullPath || '/')
+  }
+  scheduleMeasure()
+}
+
+watch(
+  () => [list.value.length, route.path, ...list.value.map((t) => t.title)] as const,
+  scheduleMeasure,
+)
+
+onMounted(() => {
+  scheduleMeasure()
+  ro = new ResizeObserver(scheduleMeasure)
+  if (rootRef.value) ro.observe(rootRef.value)
+  if (trackRef.value) ro.observe(trackRef.value)
+})
+
+onUnmounted(() => {
+  ro?.disconnect()
+})
+</script>
+
+<style lang="scss" scoped>
+.vm-tags {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  margin-left: 4px;
+  padding: 0;
+}
+
+.vm-tags__track {
+  display: flex;
+  width: max-content;
+  align-items: center;
+  gap: 4px;
+  transition: transform 0.15s ease;
+}
+
+.vm-tags__item {
+  display: inline-flex;
+  height: 32px;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 0;
+  padding: 0 10px;
+  border: none;
+  border-radius: 8px;
+  background: var(--muted);
+  color: var(--muted-foreground);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  cursor: pointer;
+  transition:
+    background 0.15s ease,
+    color 0.15s ease,
+    box-shadow 0.15s ease,
+    gap 0.15s ease,
+    padding 0.15s ease;
+
+  &:hover {
+    gap: 4px;
+    padding-right: 8px;
+    color: var(--foreground);
+  }
+
+  &.is-active {
+    background: #fff;
+    color: var(--brand);
+    box-shadow: var(--shadow-card);
+
+    .dark & {
+      background: var(--card);
+    }
+  }
+}
+
+.vm-tags__title {
+  white-space: nowrap;
+}
+
+/* 默认占 0 宽；悬停展开关闭按钮宽度 */
+.vm-tags__close {
+  display: inline-flex;
+  width: 0;
+  height: 14px;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1;
+  opacity: 0;
+  transition:
+    width 0.15s ease,
+    opacity 0.15s ease,
+    color 0.15s ease;
+
+  .vm-tags__item:hover & {
+    width: 14px;
+    opacity: 0.55;
+  }
+
+  .vm-tags__item:hover &:hover {
+    opacity: 1;
+    color: var(--destructive);
+  }
+}
+</style>

package/dist/admin/components/ui/avatar/Avatar.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from "vue"
+import { AvatarRoot } from "reka-ui"
+import { cn } from "../../../lib/cn"
+
+const props = defineProps<{
+  class?: HTMLAttributes["class"]
+}>()
+</script>
+
+<template>
+  <AvatarRoot
+    data-slot="avatar"
+    :class="cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', props.class)"
+  >
+    <slot />
+  </AvatarRoot>
+</template>

package/dist/admin/components/ui/avatar/AvatarFallback.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import type { AvatarFallbackProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { AvatarFallback } from "reka-ui"
+import { cn } from "../../../lib/cn"
+
+const props = defineProps<AvatarFallbackProps & { class?: HTMLAttributes["class"] }>()
+
+const delegatedProps = reactiveOmit(props, "class")
+</script>
+
+<template>
+  <AvatarFallback
+    data-slot="avatar-fallback"
+    v-bind="delegatedProps"
+    :class="cn('bg-muted flex size-full items-center justify-center rounded-full', props.class)"
+  >
+    <slot />
+  </AvatarFallback>
+</template>

package/dist/admin/components/ui/avatar/AvatarImage.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import type { AvatarImageProps } from "reka-ui"
+import { AvatarImage } from "reka-ui"
+
+const props = defineProps<AvatarImageProps>()
+</script>
+
+<template>
+  <AvatarImage
+    data-slot="avatar-image"
+    v-bind="props"
+    class="aspect-square size-full"
+  >
+    <slot />
+  </AvatarImage>
+</template>

package/dist/admin/components/ui/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Avatar } from "./Avatar.vue";
+export { default as AvatarFallback } from "./AvatarFallback.vue";
+export { default as AvatarImage } from "./AvatarImage.vue";

package/dist/admin/components/ui/avatar/index.js

@@ -0,0 +1 @@
+function _0x3c11(_0x5f428c,_0x33dfe1){_0x5f428c=_0x5f428c-0x1d3;var _0x15660b=_0x1566();var _0x3c1179=_0x15660b[_0x5f428c];if(_0x3c11['DidZRj']===undefined){var _0x10d285=function(_0x7c43f5){var _0x266c31='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x550ded='',_0x43274e='';for(var _0x389e59=0x0,_0x31fa87,_0x18aab3,_0x204e34=0x0;_0x18aab3=_0x7c43f5['charAt'](_0x204e34++);~_0x18aab3&&(_0x31fa87=_0x389e59%0x4?_0x31fa87*0x40+_0x18aab3:_0x18aab3,_0x389e59++%0x4)?_0x550ded+=String['fromCharCode'](0xff&_0x31fa87>>(-0x2*_0x389e59&0x6)):0x0){_0x18aab3=_0x266c31['indexOf'](_0x18aab3);}for(var _0x1f2f07=0x0,_0x5870eb=_0x550ded['length'];_0x1f2f07<_0x5870eb;_0x1f2f07++){_0x43274e+='%'+('00'+_0x550ded['charCodeAt'](_0x1f2f07)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x43274e);};_0x3c11['TpveSY']=_0x10d285,_0x3c11['ykRkOh']={},_0x3c11['DidZRj']=!![];}var _0x1af474=_0x15660b[0x0],_0x473033=_0x5f428c+_0x1af474,_0x23449f=_0x3c11['ykRkOh'][_0x473033];return!_0x23449f?(_0x3c1179=_0x3c11['TpveSY'](_0x3c1179),_0x3c11['ykRkOh'][_0x473033]=_0x3c1179):_0x3c1179=_0x23449f,_0x3c1179;}(function(_0x26c3a1,_0x23e5f7){var _0x49dbfd=_0x3c11,_0x57de02=_0x26c3a1();while(!![]){try{var _0x1adbac=parseInt(_0x49dbfd(0x1d3))/0x1*(parseInt(_0x49dbfd(0x1d6))/0x2)+parseInt(_0x49dbfd(0x1d7))/0x3+parseInt(_0x49dbfd(0x1d8))/0x4*(parseInt(_0x49dbfd(0x1d9))/0x5)+parseInt(_0x49dbfd(0x1db))/0x6*(-parseInt(_0x49dbfd(0x1d5))/0x7)+-parseInt(_0x49dbfd(0x1da))/0x8+-parseInt(_0x49dbfd(0x1dc))/0x9+parseInt(_0x49dbfd(0x1d4))/0xa;if(_0x1adbac===_0x23e5f7)break;else _0x57de02['push'](_0x57de02['shift']());}catch(_0x1e69c7){_0x57de02['push'](_0x57de02['shift']());}}}(_0x1566,0xdc609));export{default as Avatar}from'./Avatar.vue';function _0x1566(){var _0x5457cc=['mZiYmerOy1rcyG','otC2mMr3sNLkza','mtaXndm5m0PPz0LUtG','mZG1ndbgAurbyva','ndvjs3PZEhK','ndy1otCZnKvRCeznBq','mteZnZbSr0fAEfe','ntyYndq3ohPUyMjTqq','mtuXBuftzvPc','mtGXotG5nZbXz1vfEgi'];_0x1566=function(){return _0x5457cc;};return _0x1566();}export{default as AvatarFallback}from'./AvatarFallback.vue';export{default as AvatarImage}from'./AvatarImage.vue';

package/dist/admin/components/ui/badge/Badge.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import type { PrimitiveProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import type { BadgeVariants } from "."
+import { reactiveOmit } from "@vueuse/core"
+import { Primitive } from "reka-ui"
+import { cn } from "../../../lib/cn"
+import { badgeVariants } from "."
+
+const props = defineProps<PrimitiveProps & {
+  variant?: BadgeVariants["variant"]
+  class?: HTMLAttributes["class"]
+}>()
+
+const delegatedProps = reactiveOmit(props, "class")
+</script>
+
+<template>
+  <Primitive
+    data-slot="badge"
+    :class="cn(badgeVariants({ variant }), props.class)"
+    v-bind="delegatedProps"
+  >
+    <slot />
+  </Primitive>
+</template>

package/dist/admin/components/ui/badge/index.d.ts

@@ -0,0 +1,6 @@
+import type { VariantProps } from "class-variance-authority";
+export { default as Badge } from "./Badge.vue";
+export declare const badgeVariants: (props?: {
+    variant?: "default" | "outline" | "secondary" | "destructive";
+} & import("class-variance-authority/types").ClassProp) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/admin/components/ui/badge/index.js

@@ -0,0 +1 @@
+const _0xb52dc7=_0x5c96;function _0x5c96(_0x2ebea5,_0x3628e1){_0x2ebea5=_0x2ebea5-0x1d4;const _0x408337=_0x4083();let _0x5c9649=_0x408337[_0x2ebea5];if(_0x5c96['fjCFHb']===undefined){var _0x1afef7=function(_0x2fc7de){const _0x3fbef4='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x12aeae='',_0x2ff191='';for(let _0x55e046=0x0,_0x134ab0,_0x5872fe,_0xa4c905=0x0;_0x5872fe=_0x2fc7de['charAt'](_0xa4c905++);~_0x5872fe&&(_0x134ab0=_0x55e046%0x4?_0x134ab0*0x40+_0x5872fe:_0x5872fe,_0x55e046++%0x4)?_0x12aeae+=String['fromCharCode'](0xff&_0x134ab0>>(-0x2*_0x55e046&0x6)):0x0){_0x5872fe=_0x3fbef4['indexOf'](_0x5872fe);}for(let _0x56e2a4=0x0,_0x16336a=_0x12aeae['length'];_0x56e2a4<_0x16336a;_0x56e2a4++){_0x2ff191+='%'+('00'+_0x12aeae['charCodeAt'](_0x56e2a4)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x2ff191);};_0x5c96['QHKcuW']=_0x1afef7,_0x5c96['gwXBRC']={},_0x5c96['fjCFHb']=!![];}const _0x35ab87=_0x408337[0x0],_0x81487d=_0x2ebea5+_0x35ab87,_0x159aeb=_0x5c96['gwXBRC'][_0x81487d];return!_0x159aeb?(_0x5c9649=_0x5c96['QHKcuW'](_0x5c9649),_0x5c96['gwXBRC'][_0x81487d]=_0x5c9649):_0x5c9649=_0x159aeb,_0x5c9649;}(function(_0xcd5e34,_0x497daf){const _0x387f8f=_0x5c96,_0x538327=_0xcd5e34();while(!![]){try{const _0x4b5688=parseInt(_0x387f8f(0x1d5))/0x1+parseInt(_0x387f8f(0x1d8))/0x2+-parseInt(_0x387f8f(0x1d6))/0x3+parseInt(_0x387f8f(0x1d4))/0x4+-parseInt(_0x387f8f(0x1dd))/0x5*(parseInt(_0x387f8f(0x1da))/0x6)+parseInt(_0x387f8f(0x1d9))/0x7*(parseInt(_0x387f8f(0x1dc))/0x8)+-parseInt(_0x387f8f(0x1d7))/0x9;if(_0x4b5688===_0x497daf)break;else _0x538327['push'](_0x538327['shift']());}catch(_0x44cba7){_0x538327['push'](_0x538327['shift']());}}}(_0x4083,0x4370c));import{cva}from'class-variance-authority';function _0x4083(){const _0x11b3da=['Dgv4Dc1MB3jLz3jVDw5KifTHjL06Ag92zxi6yMCTywnJzw50ifTHjL06Ag92zxi6Dgv4Dc1Hy2nLBNqTzM9YzwDYB3vUza','mtG4otiZmMzzwhnPvW','mJK1nMnqrgXSza','otG3mti5q21YsgTx','mZaWmdC4oxHIwK1hqq','odG0otG2q3fozLH1','n0j3EMDNtW','odrvr2LHsu0','yM9YzgvYlxrYyw5ZCgfYzw50igjNlxnLy29UzgfYEsb0zxH0lxnLy29UzgfYEs1MB3jLz3jVDw5KifTHjL06Ag92zxi6yMCTC2vJB25Kyxj5lZKW','mZyZmZq5nLvvBxvArG','mtu0nZmWyMHzuMXZ'];_0x4083=function(){return _0x11b3da;};return _0x4083();}export{default as Badge}from'./Badge.vue';export const badgeVariants=cva('inline-flex\x20items-center\x20justify-center\x20rounded-full\x20border\x20px-2\x20py-0.5\x20text-xs\x20font-medium\x20w-fit\x20whitespace-nowrap\x20shrink-0\x20[&>svg]:size-3\x20gap-1\x20[&>svg]:pointer-events-none\x20focus-visible:border-ring\x20focus-visible:ring-ring/50\x20focus-visible:ring-3\x20aria-invalid:ring-destructive/20\x20dark:aria-invalid:ring-destructive/40\x20aria-invalid:border-destructive\x20transition-[color,box-shadow]\x20overflow-hidden',{'variants':{'variant':{'default':'border-transparent\x20bg-primary\x20text-primary-foreground\x20[a&]:hover:bg-primary/90','secondary':_0xb52dc7(0x1db),'destructive':'border-transparent\x20bg-destructive\x20text-white\x20[a&]:hover:bg-destructive/90\x20focus-visible:ring-destructive/20\x20dark:focus-visible:ring-destructive/40\x20dark:bg-destructive/60','outline':_0xb52dc7(0x1de)}},'defaultVariants':{'variant':'default'}});

package/dist/admin/components/ui/button/Button.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import type { PrimitiveProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import type { ButtonVariants } from "."
+import { Primitive } from "reka-ui"
+import { cn } from "../../../lib/cn"
+import { buttonVariants } from "."
+
+interface Props extends PrimitiveProps {
+  variant?: ButtonVariants["variant"]
+  size?: ButtonVariants["size"]
+  class?: HTMLAttributes["class"]
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  as: "button",
+})
+</script>
+
+<template>
+  <Primitive
+    data-slot="button"
+    :data-variant="variant"
+    :data-size="size"
+    :as="as"
+    :as-child="asChild"
+    :class="cn(buttonVariants({ variant, size }), props.class)"
+  >
+    <slot />
+  </Primitive>
+</template>

package/dist/admin/components/ui/button/index.d.ts

@@ -0,0 +1,7 @@
+import type { VariantProps } from "class-variance-authority";
+export { default as Button } from "./Button.vue";
+export declare const buttonVariants: (props?: {
+    variant?: "default" | "softPrimary" | "softDestructive" | "softSuccess" | "ghost" | "outline" | "secondary" | "destructive" | "link";
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+} & import("class-variance-authority/types").ClassProp) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;

package/dist/admin/components/ui/button/index.js

@@ -0,0 +1 @@
+function _0x6128(_0xd8c402,_0x120dcc){_0xd8c402=_0xd8c402-0x156;const _0x2ed87d=_0x2ed8();let _0x612832=_0x2ed87d[_0xd8c402];if(_0x6128['mueZmn']===undefined){var _0x341327=function(_0x5d9157){const _0x29412e='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0xc66d2f='',_0x34cf8b='';for(let _0x176e98=0x0,_0x8e564c,_0x1a80cf,_0x5c9948=0x0;_0x1a80cf=_0x5d9157['charAt'](_0x5c9948++);~_0x1a80cf&&(_0x8e564c=_0x176e98%0x4?_0x8e564c*0x40+_0x1a80cf:_0x1a80cf,_0x176e98++%0x4)?_0xc66d2f+=String['fromCharCode'](0xff&_0x8e564c>>(-0x2*_0x176e98&0x6)):0x0){_0x1a80cf=_0x29412e['indexOf'](_0x1a80cf);}for(let _0x3a93b7=0x0,_0x2e3ed3=_0xc66d2f['length'];_0x3a93b7<_0x2e3ed3;_0x3a93b7++){_0x34cf8b+='%'+('00'+_0xc66d2f['charCodeAt'](_0x3a93b7)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x34cf8b);};_0x6128['RqdToB']=_0x341327,_0x6128['kJrbpV']={},_0x6128['mueZmn']=!![];}const _0x1a2f03=_0x2ed87d[0x0],_0x3f650c=_0xd8c402+_0x1a2f03,_0x5961f6=_0x6128['kJrbpV'][_0x3f650c];return!_0x5961f6?(_0x612832=_0x6128['RqdToB'](_0x612832),_0x6128['kJrbpV'][_0x3f650c]=_0x612832):_0x612832=_0x5961f6,_0x612832;}const _0x43799c=_0x6128;(function(_0x2041dd,_0x3079bf){const _0x877bb9=_0x6128,_0x3a645c=_0x2041dd();while(!![]){try{const _0x4595c7=parseInt(_0x877bb9(0x167))/0x1+-parseInt(_0x877bb9(0x164))/0x2+parseInt(_0x877bb9(0x166))/0x3*(-parseInt(_0x877bb9(0x161))/0x4)+-parseInt(_0x877bb9(0x162))/0x5*(parseInt(_0x877bb9(0x15d))/0x6)+parseInt(_0x877bb9(0x15a))/0x7+-parseInt(_0x877bb9(0x163))/0x8*(-parseInt(_0x877bb9(0x159))/0x9)+parseInt(_0x877bb9(0x160))/0xa*(parseInt(_0x877bb9(0x15b))/0xb);if(_0x4595c7===_0x3079bf)break;else _0x3a645c['push'](_0x3a645c['shift']());}catch(_0x56f803){_0x3a645c['push'](_0x3a645c['shift']());}}}(_0x2ed8,0x34f7e));import{cva}from'class-variance-authority';function _0x2ed8(){const _0x208d87=['ndi5mti2mhLKyLLjEG','nZa2mdG0CxvrAgr3','nu10AKvbuW','nZKYnZuYy3nZBg1t','ndqXnta2r2z4wu1V','C2L6zs02ihjVDw5KzwqTwZeWChHDifSMx3n2zZPUB3qOw2nSyxnZkJ0NC2L6zs0NxsLDoNnPEMuTmW','nNPQzfnwzq','ndy2mtDlt3bAv1y','yM9YzgvYigjNlwjHy2TNCM91BMqGC2HHzg93lxHZigHVDMvYoMjNlwfJy2vUDcbOB3zLCJP0zxH0lwfJy2vUDc1MB3jLz3jVDw5KigrHCMS6yMCTAw5WDxqVmZaGzgfYAZPIB3jKzxiTAw5WDxqGzgfYAZPOB3zLCJPIzY1PBNb1Dc81ma','Ac05ihb4ltqGChKTmIbOyxmTwZ5ZDMDDoNb4ltm','zgvMyxvSDa','C2L6zs04ihjVDw5KzwqTwZeYChHD','Ac0XmcbYB3vUzgvKlvSXmNb4xsbWEc02igHHCY1BpNn2z106ChGTna','Dgv4Dc1WCMLTyxj5ihvUzgvYBgLUzs1VzMzZzxqTncbOB3zLCJP1BMrLCMXPBMu','Ac04ihjVDw5KzwqTwZeYChHDigDHCc0XlJuGChGTmYbOyxmTwZ5ZDMDDoNb4ltiUnq','yM9YzgvYigjVCMrLCI1BDMfYkc0TyNjHBMqPxsbIzY10CMfUC3bHCMvUDcb0zxH0lvT2yxiOls1ICMfUzcLDigHVDMvYoMjNlvT2yxiOls1ICMfUzc1ZB2z0kv0','C2L6zs05ihjVDw5KzwqTwZeYChHD','yMCTChjPBwfYEsb0zxH0lxbYAw1HCNKTzM9YzwDYB3vUzcbOB3zLCJPIzY1WCMLTyxj5lZKW','Aw5SAw5LlwzSzxGGAxrLBxmTy2vUDgvYigP1C3rPzNKTy2vUDgvYigDHCc0YihDOAxrLC3bHy2uTBM93CMfWihjVDw5KzwqTwZeYChHDihrLEhqTC20GzM9UDc1Zzw1PyM9Szcb0CMfUC2L0Aw9UlwfSBcbKAxnHyMXLzdPWB2LUDgvYlwv2zw50CY1UB25LigrPC2fIBgvKoM9WywnPDhKTntaGwYzFC3zNxtPWB2LUDgvYlwv2zw50CY1UB25LifSMx3n2zZPUB3qOw2nSyxnZkJ0NC2L6zs0NxsLDoNnPEMuTncbZAhjPBMSTmcbBjL9ZDMDDoNnOCMLUAY0Wig91DgXPBMuTBM9UzsbMB2n1CY12AxnPyMXLoMjVCMrLCI1YAw5NigzVy3vZlxzPC2LIBgu6CMLUzY1YAw5NlZuWigzVy3vZlxzPC2LIBgu6CMLUzY0ZigfYAweTAw52ywXPzdPYAw5NlwrLC3rYDwn0AxzLlZiWigrHCMS6yxjPys1PBNzHBgLKoNjPBMCTzgvZDhj1y3rPDMuVndaGyxjPys1PBNzHBgLKoMjVCMrLCI1Kzxn0CNvJDgL2zq','yM9YzgvYigjVCMrLCI1BDMfYkc0TzgfUz2vYkv0GyMCTDhjHBNnWyxjLBNqGDgv4Dc1BDMfYkc0TzgfUz2vYkv0GAg92zxi6yMCTw3zHCIGTlwrHBMDLCI1ZB2z0kv0','ouXyBM9ezW','mJG2mtaZm29fuvHIsW','mtfyD0v3CgG','yMCTBxv0zwqGDgv4Dc1MB3jLz3jVDw5KigHVDMvYoMjNlw11DgvKlZGWigrHCMS6Ag92zxi6yMCTBxv0zwqVnZa','mte1nJGXohbusfv1vW','yMCTzgvZDhj1y3rPDMuGDgv4Dc13AgL0zsbOB3zLCJPIzY1Kzxn0CNvJDgL2zs85mcbMB2n1CY12AxnPyMXLoNjPBMCTzgvZDhj1y3rPDMuVmJaGzgfYAZPMB2n1CY12AxnPyMXLoNjPBMCTzgvZDhj1y3rPDMuVndaGzgfYAZPIzY1Kzxn0CNvJDgL2zs82ma','C2L6zs0XmcbYB3vUzgvKlvSXmNb4xq'];_0x2ed8=function(){return _0x208d87;};return _0x2ed8();}export{default as Button}from'./Button.vue';export const buttonVariants=cva(_0x43799c(0x157),{'variants':{'variant':{'default':_0x43799c(0x156),'destructive':_0x43799c(0x15e),'outline':_0x43799c(0x168),'secondary':'bg-secondary\x20text-secondary-foreground\x20hover:bg-secondary/80','ghost':_0x43799c(0x15c),'softPrimary':_0x43799c(0x16f),'softSuccess':'border\x20border-[var(--success)]\x20bg-transparent\x20text-[var(--success)]\x20hover:bg-[var(--success-soft)]','softDestructive':_0x43799c(0x158),'link':_0x43799c(0x16d)},'size':{'default':_0x43799c(0x169),'xs':'h-8\x20gap-1\x20rounded-[12px]\x20px-3.5\x20text-[13px]\x20has-[>svg]:px-2.5\x20[&_svg:not([class*=\x27size-\x27])]:size-3.5','sm':_0x43799c(0x16e),'lg':_0x43799c(0x16c),'icon':_0x43799c(0x170),'icon-xs':_0x43799c(0x165),'icon-sm':_0x43799c(0x16b),'icon-lg':_0x43799c(0x15f)}},'defaultVariants':{'variant':_0x43799c(0x16a),'size':_0x43799c(0x16a)}});

package/dist/admin/components/ui/checkbox/Checkbox.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import type { CheckboxRootEmits, CheckboxRootProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { Check } from "@lucide/vue"
+import { reactiveOmit } from "@vueuse/core"
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui"
+import { cn } from "../../../lib/cn"
+
+const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes["class"] }>()
+const emits = defineEmits<CheckboxRootEmits>()
+
+const delegatedProps = reactiveOmit(props, "class")
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
+</script>
+
+<template>
+  <CheckboxRoot
+    v-slot="slotProps"
+    data-slot="checkbox"
+    v-bind="forwarded"
+    :class="
+      cn('peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50',
+         props.class)"
+  >
+    <CheckboxIndicator
+      data-slot="checkbox-indicator"
+      class="grid place-content-center text-current transition-none"
+    >
+      <slot v-bind="slotProps">
+        <Check class="size-3.5" />
+      </slot>
+    </CheckboxIndicator>
+  </CheckboxRoot>
+</template>

package/dist/admin/components/ui/checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from "./Checkbox.vue";

package/dist/admin/components/ui/checkbox/index.js

@@ -0,0 +1 @@
+(function(_0x317fb3,_0x3cb5a1){var _0x1267d4=_0x11f2,_0x2ca121=_0x317fb3();while(!![]){try{var _0x39ee78=parseInt(_0x1267d4(0x1a5))/0x1+-parseInt(_0x1267d4(0x1a2))/0x2+parseInt(_0x1267d4(0x1a3))/0x3*(parseInt(_0x1267d4(0x1a6))/0x4)+-parseInt(_0x1267d4(0x1a4))/0x5+parseInt(_0x1267d4(0x1a9))/0x6*(parseInt(_0x1267d4(0x1a8))/0x7)+parseInt(_0x1267d4(0x1a1))/0x8+-parseInt(_0x1267d4(0x1a7))/0x9;if(_0x39ee78===_0x3cb5a1)break;else _0x2ca121['push'](_0x2ca121['shift']());}catch(_0x146d54){_0x2ca121['push'](_0x2ca121['shift']());}}}(_0x1b55,0x77929));export{default as Checkbox}from'./Checkbox.vue';function _0x11f2(_0x5b27c5,_0x2ae9bc){_0x5b27c5=_0x5b27c5-0x1a1;var _0x1b5546=_0x1b55();var _0x11f290=_0x1b5546[_0x5b27c5];if(_0x11f2['kHBCaZ']===undefined){var _0x1a47ee=function(_0x58191b){var _0x6edb9b='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x294e8a='',_0x4f82ad='';for(var _0x1626f2=0x0,_0x4ade24,_0x1aaf01,_0x465660=0x0;_0x1aaf01=_0x58191b['charAt'](_0x465660++);~_0x1aaf01&&(_0x4ade24=_0x1626f2%0x4?_0x4ade24*0x40+_0x1aaf01:_0x1aaf01,_0x1626f2++%0x4)?_0x294e8a+=String['fromCharCode'](0xff&_0x4ade24>>(-0x2*_0x1626f2&0x6)):0x0){_0x1aaf01=_0x6edb9b['indexOf'](_0x1aaf01);}for(var _0x3485a3=0x0,_0x14ba4e=_0x294e8a['length'];_0x3485a3<_0x14ba4e;_0x3485a3++){_0x4f82ad+='%'+('00'+_0x294e8a['charCodeAt'](_0x3485a3)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x4f82ad);};_0x11f2['dUmKih']=_0x1a47ee,_0x11f2['xzwuiz']={},_0x11f2['kHBCaZ']=!![];}var _0x842900=_0x1b5546[0x0],_0xbfc4d0=_0x5b27c5+_0x842900,_0x100269=_0x11f2['xzwuiz'][_0xbfc4d0];return!_0x100269?(_0x11f290=_0x11f2['dUmKih'](_0x11f290),_0x11f2['xzwuiz'][_0xbfc4d0]=_0x11f290):_0x11f290=_0x100269,_0x11f290;}function _0x1b55(){var _0x58366b=['mJfbru1iyK4','mJe1nZy3mfj4rvD6yq','nJuZnZy1vePtEM51','mZe5mdC2t3vlrgLf','mJK3nZq0m2zoCvruuW','mJe3AvvWqNbU','otaWnJbzyNHPtfO','nZK0nde2u3DABwjh','mta0oti2mgnyAuHHzq'];_0x1b55=function(){return _0x58366b;};return _0x1b55();}

package/dist/admin/components/ui/dialog/Dialog.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import type { DialogRootEmits, DialogRootProps } from "reka-ui"
+import { DialogRoot, useForwardPropsEmits } from "reka-ui"
+
+const props = defineProps<DialogRootProps>()
+const emits = defineEmits<DialogRootEmits>()
+
+const forwarded = useForwardPropsEmits(props, emits)
+</script>
+
+<template>
+  <DialogRoot
+    v-slot="slotProps"
+    data-slot="dialog"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </DialogRoot>
+</template>

package/dist/admin/components/ui/dialog/DialogClose.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import type { DialogCloseProps } from "reka-ui"
+import { DialogClose } from "reka-ui"
+
+const props = defineProps<DialogCloseProps>()
+</script>
+
+<template>
+  <DialogClose
+    data-slot="dialog-close"
+    v-bind="props"
+  >
+    <slot />
+  </DialogClose>
+</template>

package/dist/admin/components/ui/dialog/DialogContent.vue

@@ -0,0 +1,135 @@
+<script setup lang="ts">
+import type { DialogContentEmits, DialogContentProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { X } from "@lucide/vue"
+import { reactiveOmit } from "@vueuse/core"
+import {
+  DialogClose,
+  DialogContent,
+  DialogPortal,
+  useForwardPropsEmits,
+} from "reka-ui"
+import { cn } from "../../../lib/cn"
+import DialogOverlay from "./DialogOverlay.vue"
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = withDefaults(
+  defineProps<
+    DialogContentProps & {
+      class?: HTMLAttributes["class"]
+      showCloseButton?: boolean
+      /** CRUD 弹窗：桌面 50vw，≤768px 全屏 */
+      shell?: "crud" | "default"
+    }
+  >(),
+  {
+    showCloseButton: true,
+    shell: "default",
+  },
+)
+const emits = defineEmits<DialogContentEmits>()
+
+const delegatedProps = reactiveOmit(props, "class", "shell", "showCloseButton")
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
+</script>
+
+<template>
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogContent
+      data-slot="dialog-content"
+      :data-shell="shell"
+      v-bind="{ ...$attrs, ...forwarded }"
+      :aria-describedby="undefined"
+      :class="
+        cn(
+          'bg-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed z-50 duration-200',
+          // default：居中卡片；crud：定位交给下方 CSS（避免 top/translate 与移动端全屏打架）
+          shell === 'default' &&
+            'top-[50%] left-[50%] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg',
+          shell === 'crud' && 'vm-dialog-shell-crud',
+          props.class,
+        )
+      "
+    >
+      <slot />
+
+      <DialogClose
+        v-if="showCloseButton"
+        data-slot="dialog-close"
+        class="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-3 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+      >
+        <X />
+        <span class="sr-only">Close</span>
+      </DialogClose>
+    </DialogContent>
+  </DialogPortal>
+</template>
+
+<!--
+  宽度写死在此：reka DismissableLayer 会覆盖透传的 style；
+  Tailwind w-full 在 max-w 失效时会撑满视口。CRUD 壳层用属性选择器 + !important。
+-->
+<style>
+.vm-dialog-shell-crud[data-slot='dialog-content'],
+[data-slot='dialog-content'][data-shell='crud'] {
+  top: 50%;
+  left: 50%;
+  display: flex !important;
+  width: 50vw !important;
+  max-width: 50vw !important;
+  min-width: 0 !important;
+  min-height: 400px;
+  max-height: 800px;
+  height: auto;
+  flex-direction: column;
+  gap: 0 !important;
+  padding: 0 !important;
+  overflow: hidden;
+  border: none !important;
+  border-radius: 24px !important;
+  box-shadow: var(--shadow-soft) !important;
+  translate: -50% -50%;
+}
+
+/* 列表类弹窗：直接拉满规范最高高度 */
+.vm-dialog-shell-crud.is-fill[data-slot='dialog-content'],
+[data-slot='dialog-content'][data-shell='crud'].is-fill {
+  height: 800px !important;
+  max-height: 800px !important;
+}
+
+/* 指定高度：--vm-dialog-height（如 800px） */
+.vm-dialog-shell-crud.is-height[data-slot='dialog-content'],
+[data-slot='dialog-content'][data-shell='crud'].is-height {
+  height: var(--vm-dialog-height) !important;
+  max-height: var(--vm-dialog-height) !important;
+}
+
+/* 移动端：铺满视口（无上下边距、无圆角） */
+@media (max-width: 768px) {
+  .vm-dialog-shell-crud[data-slot='dialog-content'],
+  [data-slot='dialog-content'][data-shell='crud'] {
+    inset: 0 !important;
+    top: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    width: 100vw !important;
+    max-width: 100vw !important;
+    height: 100dvh !important;
+    max-height: 100dvh !important;
+    min-height: 100dvh !important;
+    margin: 0 !important;
+    border-radius: 0 !important;
+    overflow: hidden !important;
+    translate: none !important;
+    transform: none !important;
+    animation: none !important;
+  }
+}
+</style>

package/dist/admin/components/ui/dialog/DialogDescription.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import type { DialogDescriptionProps } from "reka-ui"
+import type { HTMLAttributes } from "vue"
+import { reactiveOmit } from "@vueuse/core"
+import { DialogDescription, useForwardProps } from "reka-ui"
+import { cn } from "../../../lib/cn"
+
+const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes["class"] }>()
+
+const delegatedProps = reactiveOmit(props, "class")
+
+const forwardedProps = useForwardProps(delegatedProps)
+</script>
+
+<template>
+  <DialogDescription
+    data-slot="dialog-description"
+    v-bind="forwardedProps"
+    :class="cn('text-muted-foreground text-sm', props.class)"
+  >
+    <slot />
+  </DialogDescription>
+</template>

package/dist/admin/components/ui/dialog/DialogFooter.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from "vue"
+import { DialogClose } from "reka-ui"
+import { cn } from "../../../lib/cn"
+import { Button } from '../button'
+
+const props = withDefaults(defineProps<{
+  class?: HTMLAttributes["class"]
+  showCloseButton?: boolean
+}>(), {
+  showCloseButton: false,
+})
+</script>
+
+<template>
+  <div
+    data-slot="dialog-footer"
+    :class="cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)"
+  >
+    <slot />
+    <DialogClose v-if="showCloseButton" as-child>
+      <Button variant="outline">
+        Close
+      </Button>
+    </DialogClose>
+  </div>
+</template>