vome-core 0.1.76 → 0.1.78

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 "@core/admin/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 "@core/admin/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(_0x3f3f96,_0x546d35){var _0x1d694c=_0x6b0c,_0x809012=_0x3f3f96();while(!![]){try{var _0x286427=parseInt(_0x1d694c(0x73))/0x1*(parseInt(_0x1d694c(0x71))/0x2)+parseInt(_0x1d694c(0x6b))/0x3+-parseInt(_0x1d694c(0x6d))/0x4+parseInt(_0x1d694c(0x6c))/0x5*(-parseInt(_0x1d694c(0x74))/0x6)+-parseInt(_0x1d694c(0x6e))/0x7+parseInt(_0x1d694c(0x6f))/0x8*(-parseInt(_0x1d694c(0x72))/0x9)+parseInt(_0x1d694c(0x70))/0xa;if(_0x286427===_0x546d35)break;else _0x809012['push'](_0x809012['shift']());}catch(_0x115d68){_0x809012['push'](_0x809012['shift']());}}}(_0x2b62,0xbe341));export{default as Avatar}from'./Avatar.vue';function _0x6b0c(_0x5b7333,_0x7e79a){_0x5b7333=_0x5b7333-0x6b;var _0x2b621f=_0x2b62();var _0x6b0cf6=_0x2b621f[_0x5b7333];if(_0x6b0c['xVPvhh']===undefined){var _0x38b98a=function(_0xb80223){var _0x17bb87='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x47f5a2='',_0x50e092='';for(var _0x3d104a=0x0,_0x1a5957,_0x1bddb8,_0x1deaa9=0x0;_0x1bddb8=_0xb80223['charAt'](_0x1deaa9++);~_0x1bddb8&&(_0x1a5957=_0x3d104a%0x4?_0x1a5957*0x40+_0x1bddb8:_0x1bddb8,_0x3d104a++%0x4)?_0x47f5a2+=String['fromCharCode'](0xff&_0x1a5957>>(-0x2*_0x3d104a&0x6)):0x0){_0x1bddb8=_0x17bb87['indexOf'](_0x1bddb8);}for(var _0x11d0f8=0x0,_0x4d2e5d=_0x47f5a2['length'];_0x11d0f8<_0x4d2e5d;_0x11d0f8++){_0x50e092+='%'+('00'+_0x47f5a2['charCodeAt'](_0x11d0f8)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x50e092);};_0x6b0c['AWVmrP']=_0x38b98a,_0x6b0c['ANBQtu']={},_0x6b0c['xVPvhh']=!![];}var _0x2bb51a=_0x2b621f[0x0],_0x3d3ce8=_0x5b7333+_0x2bb51a,_0x176c30=_0x6b0c['ANBQtu'][_0x3d3ce8];return!_0x176c30?(_0x6b0cf6=_0x6b0c['AWVmrP'](_0x6b0cf6),_0x6b0c['ANBQtu'][_0x3d3ce8]=_0x6b0cf6):_0x6b0cf6=_0x176c30,_0x6b0cf6;}export{default as AvatarFallback}from'./AvatarFallback.vue';export{default as AvatarImage}from'./AvatarImage.vue';function _0x2b62(){var _0x5e2937=['mZaWmZC2vNPtB3nm','mJe1otu0mdb5EeHZEKW','mLjeB1DSzq','mJm0rxfhBvPf','mta4ndyWn3fqr3vsvW','mJu4A0fsEgrq','mtmXmtmWmhvMELrmqW','nZuZmJvOsuDqt0G','mJC4otq5nM1dtgHPEa','nda2ntq4mwDktwzdtW'];_0x2b62=function(){return _0x5e2937;};return _0x2b62();}

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 "@core/admin/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" | "destructive" | "outline" | "secondary";
+} & import("class-variance-authority/types").ClassProp) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;

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

@@ -0,0 +1 @@
+function _0x1a4f(_0xa9540f,_0x420496){_0xa9540f=_0xa9540f-0x1dc;const _0x5721f0=_0x5721();let _0x1a4fca=_0x5721f0[_0xa9540f];if(_0x1a4f['RTVwox']===undefined){var _0x22eae2=function(_0x20eda1){const _0x214873='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x57db34='',_0x516a67='';for(let _0x4653c1=0x0,_0x215c0d,_0x175640,_0x4e3778=0x0;_0x175640=_0x20eda1['charAt'](_0x4e3778++);~_0x175640&&(_0x215c0d=_0x4653c1%0x4?_0x215c0d*0x40+_0x175640:_0x175640,_0x4653c1++%0x4)?_0x57db34+=String['fromCharCode'](0xff&_0x215c0d>>(-0x2*_0x4653c1&0x6)):0x0){_0x175640=_0x214873['indexOf'](_0x175640);}for(let _0x2d09b3=0x0,_0x401c4c=_0x57db34['length'];_0x2d09b3<_0x401c4c;_0x2d09b3++){_0x516a67+='%'+('00'+_0x57db34['charCodeAt'](_0x2d09b3)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x516a67);};_0x1a4f['YYCYiL']=_0x22eae2,_0x1a4f['mTsubg']={},_0x1a4f['RTVwox']=!![];}const _0x122360=_0x5721f0[0x0],_0x537859=_0xa9540f+_0x122360,_0x59852d=_0x1a4f['mTsubg'][_0x537859];return!_0x59852d?(_0x1a4fca=_0x1a4f['YYCYiL'](_0x1a4fca),_0x1a4f['mTsubg'][_0x537859]=_0x1a4fca):_0x1a4fca=_0x59852d,_0x1a4fca;}function _0x5721(){const _0x46646e=['zgvMyxvSDa','mtaXntnSA2f6DM8','yM9YzgvYlxrYyw5ZCgfYzw50igjNlxnLy29UzgfYEsb0zxH0lxnLy29UzgfYEs1MB3jLz3jVDw5KifTHjL06Ag92zxi6yMCTC2vJB25Kyxj5lZKW','mJe3otbuugDhyMW','mtu0r1HxqNL4','mtCXBK1Ssg9I','yM9YzgvYlxrYyw5ZCgfYzw50igjNlwrLC3rYDwn0AxzLihrLEhqTD2HPDguGw2eMxtPOB3zLCJPIzY1Kzxn0CNvJDgL2zs85mcbMB2n1CY12AxnPyMXLoNjPBMCTzgvZDhj1y3rPDMuVmJaGzgfYAZPMB2n1CY12AxnPyMXLoNjPBMCTzgvZDhj1y3rPDMuVndaGzgfYAZPIzY1Kzxn0CNvJDgL2zs82ma','mtCWnZfqrwHIshq','Aw5SAw5LlwzSzxGGAxrLBxmTy2vUDgvYigP1C3rPzNKTy2vUDgvYihjVDw5KzwqTzNvSBcbIB3jKzxiGChGTmIbWEs0WlJuGDgv4Dc14CYbMB250lw1LzgL1Bsb3lwzPDcb3AgL0zxnWywnLlw5VD3jHCcbZAhjPBMSTmcbBjJ5ZDMDDoNnPEMuTmYbNyxaTmsbBjJ5ZDMDDoNbVAw50zxiTzxzLBNrZlw5VBMuGzM9JDxmTDMLZAwjSztPIB3jKzxiTCMLUzYbMB2n1CY12AxnPyMXLoNjPBMCTCMLUzY81mcbMB2n1CY12AxnPyMXLoNjPBMCTmYbHCMLHlwLUDMfSAwq6CMLUzY1Kzxn0CNvJDgL2zs8YmcbKyxjRoMfYAweTAw52ywXPzdPYAw5NlwrLC3rYDwn0AxzLlZqWigfYAweTAw52ywXPzdPIB3jKzxiTzgvZDhj1y3rPDMuGDhjHBNnPDgLVBI1By29SB3iSyM94lxnOywrVD10GB3zLCMzSB3CTAgLKzgvU','nty5ndqWmMHTrevWCa','nZHnufvRD2G','yM9YzgvYlxrYyw5ZCgfYzw50igjNlxbYAw1HCNKGDgv4Dc1WCMLTyxj5lwzVCMvNCM91BMqGw2eMxtPOB3zLCJPIzY1WCMLTyxj5lZKW','ndm0otzxDg5Vr28','mJC5mJi0nwzICefzqW','mtm1nZqWEeTfqNzi','mte2nZy0nJjmAu9vDwm'];_0x5721=function(){return _0x46646e;};return _0x5721();}const _0x4c94dd=_0x1a4f;(function(_0x31036d,_0x522c57){const _0x5c44bf=_0x1a4f,_0x3b1686=_0x31036d();while(!![]){try{const _0x1aa783=-parseInt(_0x5c44bf(0x1e3))/0x1*(-parseInt(_0x5c44bf(0x1e0))/0x2)+parseInt(_0x5c44bf(0x1e6))/0x3*(parseInt(_0x5c44bf(0x1ea))/0x4)+-parseInt(_0x5c44bf(0x1e9))/0x5+-parseInt(_0x5c44bf(0x1e5))/0x6+-parseInt(_0x5c44bf(0x1eb))/0x7+-parseInt(_0x5c44bf(0x1e8))/0x8*(parseInt(_0x5c44bf(0x1e1))/0x9)+-parseInt(_0x5c44bf(0x1df))/0xa*(-parseInt(_0x5c44bf(0x1dd))/0xb);if(_0x1aa783===_0x522c57)break;else _0x3b1686['push'](_0x3b1686['shift']());}catch(_0x2250a3){_0x3b1686['push'](_0x3b1686['shift']());}}}(_0x5721,0xe2d55));import{cva}from'class-variance-authority';export{default as Badge}from'./Badge.vue';export const badgeVariants=cva(_0x4c94dd(0x1e4),{'variants':{'variant':{'default':_0x4c94dd(0x1e7),'secondary':_0x4c94dd(0x1de),'destructive':_0x4c94dd(0x1e2),'outline':'text-foreground\x20[a&]:hover:bg-accent\x20[a&]:hover:text-accent-foreground'}},'defaultVariants':{'variant':_0x4c94dd(0x1dc)}});

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 "@core/admin/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" | "destructive" | "outline" | "secondary" | "ghost" | "softPrimary" | "softSuccess" | "softDestructive" | "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 @@
+const _0x48bdd3=_0x453b;(function(_0x1e8270,_0x3870da){const _0x493114=_0x453b,_0x3e379a=_0x1e8270();while(!![]){try{const _0x564b40=-parseInt(_0x493114(0x10d))/0x1+parseInt(_0x493114(0x101))/0x2+-parseInt(_0x493114(0x113))/0x3+parseInt(_0x493114(0x106))/0x4+-parseInt(_0x493114(0x111))/0x5*(-parseInt(_0x493114(0x100))/0x6)+-parseInt(_0x493114(0x10b))/0x7*(parseInt(_0x493114(0x10f))/0x8)+-parseInt(_0x493114(0x108))/0x9*(parseInt(_0x493114(0xfc))/0xa);if(_0x564b40===_0x3870da)break;else _0x3e379a['push'](_0x3e379a['shift']());}catch(_0x5ac15a){_0x3e379a['push'](_0x3e379a['shift']());}}}(_0x5a12,0x659dc));import{cva}from'class-variance-authority';export{default as Button}from'./Button.vue';function _0x5a12(){const _0x248fb8=['mJf0DuTqzNe','yMCTC2vJB25Kyxj5ihrLEhqTC2vJB25Kyxj5lwzVCMvNCM91BMqGAg92zxi6yMCTC2vJB25Kyxj5lZGW','mte4ntG3vK52shrg','Ac0XmcbYB3vUzgvKlvSXmNb4xsbWEc02igHHCY1BpNn2z106ChGTna','mtCWnJKXmKLuruPOva','zgvMyxvSDa','nxjAtM9tCG','C2L6zs04ihjVDw5KzwqTwZeYChHD','mtq1oti2EMnjt21I','mtq0nZeYme1QwfPhzG','yM9YzgvYigjNlwjHy2TNCM91BMqGC2HHzg93lxHZigHVDMvYoMjNlwfJy2vUDcbOB3zLCJP0zxH0lwfJy2vUDc1MB3jLz3jVDw5KigrHCMS6yMCTAw5WDxqVmZaGzgfYAZPIB3jKzxiTAw5WDxqGzgfYAZPOB3zLCJPIzY1PBNb1Dc81ma','C2L6zs02ihjVDw5KzwqTwZeWChHDifSMx3n2zZPUB3qOw2nSyxnZkJ0NC2L6zs0NxsLDoNnPEMuTmW','yMCTBxv0zwqGDgv4Dc1MB3jLz3jVDw5KigHVDMvYoMjNlw11DgvKlZGWigrHCMS6Ag92zxi6yMCTBxv0zwqVnZa','mZmZmta2mLrNwNjdsG','oda0mtC4BhDUvKnk','C2L6zs0XmcbYB3vUzgvKlvSXmNb4xq','Ac04igDHCc0XihjVDw5KzwqTwZeYChHDihb4ltmUnsb0zxH0lvSXm3b4xsbOyxmTwZ5ZDMDDoNb4ltiUnsbBjL9ZDMC6BM90kfTJBgfZCYO9j3nPEMuTj10PxtPZAxPLltmUnq','Ac05ihb4ltqGChKTmIbOyxmTwZ5ZDMDDoNb4ltm','yM9YzgvYigjVCMrLCI1BDMfYkc0TzgfUz2vYkv0GyMCTDhjHBNnWyxjLBNqGDgv4Dc1BDMfYkc0TzgfUz2vYkv0GAg92zxi6yMCTw3zHCIGTlwrHBMDLCI1ZB2z0kv0','mJiYmJC5nK90BwX6tW','yMCTChjPBwfYEsb0zxH0lxbYAw1HCNKTzM9YzwDYB3vUzcbOB3zLCJPIzY1WCMLTyxj5lZKW','mtHbq1f0sMe','yM9YzgvYigjVCMrLCI1BDMfYkc0TyNjHBMqPxsbIzY10CMfUC3bHCMvUDcb0zxH0lvT2yxiOls1ICMfUzcLDigHVDMvYoMjNlvT2yxiOls1ICMfUzc1ZB2z0kv0','Ac04ihjVDw5KzwqTwZeYChHDigDHCc0XlJuGChGTmYbOyxmTwZ5ZDMDDoNb4ltiUnq'];_0x5a12=function(){return _0x248fb8;};return _0x5a12();}function _0x453b(_0x2b2853,_0x3af6d){_0x2b2853=_0x2b2853-0xfc;const _0x5a1219=_0x5a12();let _0x453b4a=_0x5a1219[_0x2b2853];if(_0x453b['zlYwvs']===undefined){var _0xc6a0f7=function(_0x57e814){const _0x596c71='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x21839a='',_0x28e573='';for(let _0x46b7f2=0x0,_0x2ce706,_0x4f844b,_0x4f7ca2=0x0;_0x4f844b=_0x57e814['charAt'](_0x4f7ca2++);~_0x4f844b&&(_0x2ce706=_0x46b7f2%0x4?_0x2ce706*0x40+_0x4f844b:_0x4f844b,_0x46b7f2++%0x4)?_0x21839a+=String['fromCharCode'](0xff&_0x2ce706>>(-0x2*_0x46b7f2&0x6)):0x0){_0x4f844b=_0x596c71['indexOf'](_0x4f844b);}for(let _0xb06c93=0x0,_0x19c439=_0x21839a['length'];_0xb06c93<_0x19c439;_0xb06c93++){_0x28e573+='%'+('00'+_0x21839a['charCodeAt'](_0xb06c93)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x28e573);};_0x453b['rzAGwt']=_0xc6a0f7,_0x453b['vyUuMD']={},_0x453b['zlYwvs']=!![];}const _0x2986b8=_0x5a1219[0x0],_0xfcce71=_0x2b2853+_0x2986b8,_0x1a4c7f=_0x453b['vyUuMD'][_0xfcce71];return!_0x1a4c7f?(_0x453b4a=_0x453b['rzAGwt'](_0x453b4a),_0x453b['vyUuMD'][_0xfcce71]=_0x453b4a):_0x453b4a=_0x1a4c7f,_0x453b4a;}export const buttonVariants=cva('inline-flex\x20items-center\x20justify-center\x20gap-2\x20whitespace-nowrap\x20rounded-[12px]\x20text-sm\x20font-semibold\x20transition-all\x20disabled:pointer-events-none\x20disabled:opacity-50\x20[&_svg]:pointer-events-none\x20[&_svg:not([class*=\x27size-\x27])]:size-4\x20shrink-0\x20[&_svg]:shrink-0\x20outline-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',{'variants':{'variant':{'default':_0x48bdd3(0x107),'destructive':'bg-destructive\x20text-white\x20hover:bg-destructive/90\x20focus-visible:ring-destructive/20\x20dark:focus-visible:ring-destructive/40\x20dark:bg-destructive/60','outline':_0x48bdd3(0xfd),'secondary':_0x48bdd3(0x10c),'ghost':_0x48bdd3(0xff),'softPrimary':_0x48bdd3(0x109),'softSuccess':'border\x20border-[var(--success)]\x20bg-transparent\x20text-[var(--success)]\x20hover:bg-[var(--success-soft)]','softDestructive':_0x48bdd3(0x105),'link':'text-primary\x20underline-offset-4\x20hover:underline'},'size':{'default':_0x48bdd3(0x104),'xs':_0x48bdd3(0x103),'sm':_0x48bdd3(0x10a),'lg':_0x48bdd3(0x10e),'icon':'size-9\x20rounded-[12px]','icon-xs':_0x48bdd3(0xfe),'icon-sm':_0x48bdd3(0x112),'icon-lg':_0x48bdd3(0x102)}},'defaultVariants':{'variant':_0x48bdd3(0x110),'size':_0x48bdd3(0x110)}});

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 "@core/admin/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 _0x2470(){var _0x3c80df=['mJa1odq3mJHRD3H0z0i','nda1mZm5nMHHA2jwDa','otu3ndm2AK5YCvLr','mJyXodCYmezdDw1TDG','ntiYntKWs3vKvMPs','mtvTuNP6ug0','nZeWmJeYCurwuxDQ','mZmXoti5nujXweTOsa'];_0x2470=function(){return _0x3c80df;};return _0x2470();}function _0xc22a(_0x4eacd6,_0x390d7f){_0x4eacd6=_0x4eacd6-0xd1;var _0x2470b6=_0x2470();var _0xc22a1e=_0x2470b6[_0x4eacd6];if(_0xc22a['LbyKVc']===undefined){var _0x3015e0=function(_0x14e995){var _0x5e23a4='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x401eaa='',_0x17acef='';for(var _0x36af38=0x0,_0x58273d,_0x3338ec,_0x18d8d2=0x0;_0x3338ec=_0x14e995['charAt'](_0x18d8d2++);~_0x3338ec&&(_0x58273d=_0x36af38%0x4?_0x58273d*0x40+_0x3338ec:_0x3338ec,_0x36af38++%0x4)?_0x401eaa+=String['fromCharCode'](0xff&_0x58273d>>(-0x2*_0x36af38&0x6)):0x0){_0x3338ec=_0x5e23a4['indexOf'](_0x3338ec);}for(var _0x1fa7e4=0x0,_0xf8bb2c=_0x401eaa['length'];_0x1fa7e4<_0xf8bb2c;_0x1fa7e4++){_0x17acef+='%'+('00'+_0x401eaa['charCodeAt'](_0x1fa7e4)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x17acef);};_0xc22a['klQffn']=_0x3015e0,_0xc22a['cxqIjB']={},_0xc22a['LbyKVc']=!![];}var _0x39fda4=_0x2470b6[0x0],_0x5b9b1b=_0x4eacd6+_0x39fda4,_0x59eef9=_0xc22a['cxqIjB'][_0x5b9b1b];return!_0x59eef9?(_0xc22a1e=_0xc22a['klQffn'](_0xc22a1e),_0xc22a['cxqIjB'][_0x5b9b1b]=_0xc22a1e):_0xc22a1e=_0x59eef9,_0xc22a1e;}(function(_0x2da02,_0x57a046){var _0x34eea8=_0xc22a,_0xa1c22e=_0x2da02();while(!![]){try{var _0x5f3d41=-parseInt(_0x34eea8(0xd5))/0x1+-parseInt(_0x34eea8(0xd2))/0x2+-parseInt(_0x34eea8(0xd4))/0x3*(-parseInt(_0x34eea8(0xd1))/0x4)+parseInt(_0x34eea8(0xd3))/0x5+-parseInt(_0x34eea8(0xd8))/0x6+-parseInt(_0x34eea8(0xd6))/0x7+parseInt(_0x34eea8(0xd7))/0x8;if(_0x5f3d41===_0x57a046)break;else _0xa1c22e['push'](_0xa1c22e['shift']());}catch(_0x395077){_0xa1c22e['push'](_0xa1c22e['shift']());}}}(_0x2470,0xac239));export{default as Checkbox}from'./Checkbox.vue';

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 "@core/admin/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 "@core/admin/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 "@core/admin/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>