修复 src 结构

src/component/dropdown/index.ts

@@ -0,0 +1,9 @@
+import type { App } from "vue";
+import Component from "./index.vue";
+import type { IDefineComponent } from "../type/index";
+
+Component.install = (app: App) => {
+  app.component(Component.name || "LayDropdown", Component);
+};
+
+export default Component as IDefineComponent;

src/component/dropdown/index.vue

@@ -0,0 +1,79 @@
+<script lang="ts">
+export default {
+  name: "LayDropdown",
+};
+</script>
+
+<script setup lang="ts">
+import { defineProps, provide, ref, watch } from "vue";
+import { useClickOutside } from "@layui/hooks-vue";
+
+const dropdownRef = ref<null | HTMLElement>(null);
+const isClickOutside = useClickOutside(dropdownRef);
+
+export interface LayDropdownProps {
+  trigger?: string;
+}
+
+const props = withDefaults(defineProps<LayDropdownProps>(), {
+  trigger: "click",
+});
+
+const openState = ref(false);
+
+const open = function () {
+  openState.value = true;
+};
+
+const hide = function () {
+  openState.value = false;
+};
+
+const toggle = function () {
+  openState.value = !openState.value;
+};
+
+watch(isClickOutside, () => {
+  if (isClickOutside.value) {
+    openState.value = false;
+  }
+});
+
+provide("openState", openState);
+
+defineExpose({ open, hide, toggle });
+</script>
+
+<template>
+  <div
+    v-if="trigger === 'click'"
+    ref="dropdownRef"
+    class="layui-dropdown"
+    :class="[openState ? 'layui-dropdown-up' : '']"
+  >
+    <div @click="toggle">
+      <slot></slot>
+    </div>
+    <dl class="layui-anim layui-anim-upbit">
+      <ul class="layui-menu layui-dropdown-menu">
+        <slot name="content"></slot>
+      </ul>
+    </dl>
+  </div>
+  <div
+    v-if="trigger === 'hover'"
+    class="layui-dropdown"
+    :class="[openState ? 'layui-dropdown-up' : '']"
+    @mouseenter="open"
+    @mouseleave="hide"
+  >
+    <div>
+      <slot></slot>
+    </div>
+    <dl class="layui-anim layui-anim-upbit">
+      <ul class="layui-menu layui-dropdown-menu">
+        <slot name="content"></slot>
+      </ul>
+    </dl>
+  </div>
+</template>