[其他] 初始化项目结构

src/module/body/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 || 'LayBody', Component)
+}
+
+export default Component as IDefineComponent

src/module/body/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="layui-body">
+      <slot></slot>
+  </div>
+</template>
+
+<script setup name="LayBody" lang="ts">
+
+</script>

src/module/button/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 || 'LayButton ', Component)
+}
+
+export default Component as IDefineComponent

src/module/button/index.vue

@@ -0,0 +1,14 @@
+<template>
+    <button class="layui-btn" :class="[type ? 'layui-btn-' + type : '']">
+        <slot></slot>
+    </button>
+</template>
+
+<script setup name="LayButton" lang="ts">
+import { defineProps } from "@vue/runtime-core";
+
+const props = defineProps<{
+  type?: string
+}>()
+
+</script>

src/module/footer/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 || 'LayFooter', Component)
+}
+
+export default Component as IDefineComponent

src/module/footer/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="layui-footer">
+      <slot></slot>
+  </div>
+</template>
+
+<script setup name="LayFooter" lang="ts">
+
+</script>

src/module/header/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 || 'LayHeader', Component)
+}
+
+export default Component as IDefineComponent

src/module/header/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="layui-header">
+      <slot></slot>
+  </div>
+</template>
+
+<script setup name="LayHeader" lang="ts">
+
+</script>

src/module/icon/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 || 'LayIcon', Component)
+}
+
+export default Component as IDefineComponent

src/module/icon/index.vue

@@ -0,0 +1,7 @@
+<template>
+    <button class="layui-btn">按钮</button>
+</template>
+
+<script setup name="LayButton" lang="ts">
+
+</script>

src/module/layout/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 || 'LayLayout', Component)
+}
+
+export default Component as IDefineComponent

src/module/layout/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="layui-layout layui-layout-admin">
+      <slot></slot>
+  </div>
+</template>
+
+<script setup name="LayLayout" lang="ts">
+
+</script>

src/module/logo/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 || 'LayLogo', Component)
+}
+
+export default Component as IDefineComponent

src/module/logo/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="layui-logo">
+      <slot></slot>
+  </div>
+</template>
+
+<script setup name="LayLogo" lang="ts">
+
+</script>

src/module/radio/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 || 'LayRadio ', Component)
+}
+
+export default Component as IDefineComponent

src/module/radio/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script setup name="LayRadio" lang="ts">
+
+</script>

src/module/side/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 || 'LaySide', Component)
+}
+
+export default Component as IDefineComponent

src/module/side/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="layui-side">
+      <slot></slot>
+  </div>
+</template>
+
+<script setup name="LaySide" lang="ts">
+
+</script>

src/module/type/index.ts

@@ -0,0 +1 @@
+export * from './public'

src/module/type/public.ts

@@ -0,0 +1,17 @@
+import type { App, DefineComponent } from 'vue'
+export type StringObject = Record<string, unknown>
+
+export type UnknownObject = Record<string | number, unknown>
+
+export type UnknownFunction = (...arg: unknown[]) => unknown
+
+export type IDefineComponent<Props = UnknownObject> = DefineComponent<Props> & {
+  install: (app: App, options?: InstallOptions) => void
+}
+
+export interface InstallOptions extends StringObject {
+  /** Pagination Attributes */
+  pagination?: null
+  /** Menu Attributes */
+  menu?: null
+}