chore: init read-star monorepo

2026-01-16 13:06:44 +08:00
commit 1e510efe8e
508 changed files with 44803 additions and 0 deletions
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import type { PopoverPlacement } from 'naive-ui'
+import { twMerge } from 'tailwind-merge'
+
+defineOptions({
+  name: 'ButtonIcon',
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<Props>(), {
+  class: '',
+  icon: '',
+  tooltipContent: '',
+  tooltipPlacement: 'bottom',
+  zIndex: 98,
+})
+
+interface Props {
+  /** Button class */
+  class?: string
+  /** Iconify icon name */
+  icon?: string
+  /** Tooltip content */
+  tooltipContent?: string
+  /** Tooltip placement */
+  tooltipPlacement?: PopoverPlacement
+  zIndex?: number
+}
+
+const DEFAULT_CLASS = 'h-[36px] text-icon'
+</script>
+
+<template>
+  <NTooltip :placement="tooltipPlacement" :z-index="zIndex" :disabled="!tooltipContent">
+    <template #trigger>
+      <NButton quaternary :class="twMerge(DEFAULT_CLASS, props.class)" v-bind="$attrs">
+        <div class="flex-center gap-8px">
+          <slot>
+            <SvgIcon :icon="icon" />
+          </slot>
+        </div>
+      </NButton>
+    </template>
+    {{ tooltipContent }}
+  </NTooltip>
+</template>
+
+<style scoped></style>