[其他] 初始化项目结构

src/index.ts

@@ -0,0 +1,50 @@
+import type { App } from 'vue'
+import type { IDefineComponent, InstallOptions } from './module/type/index'
+
+import "./css/layui.css";
+import LayRadio from './module/radio/index'
+import LayButton from './module/button/index'
+import LayIcon from './module/icon/index'
+import LayLayout from "./module/layout/index"
+import LaySide from "./module/side/index"
+import LayBody from "./module/body/index"
+import LayHeader from "./module/header/index"
+import LayFooter from "./module/footer/index"
+import LayLogo from "./module/logo/index"
+
+const components: Record<string, IDefineComponent> = {
+  LayRadio,
+  LayButton,
+  LayIcon,
+  LayLayout,
+  LaySide,
+  LayHeader,
+  LayBody,
+  LayFooter,
+  LayLogo
+}
+
+const install = (app: App, options?: InstallOptions): void => {
+  const _options = options;
+  app.config.globalProperties.$PROOPTIONS = _options
+
+  for (const key in components) {
+    const item = components[key]
+    app.component(item.name || key, item)
+  }
+}
+
+export {
+  LayRadio,
+  LayIcon,
+  LayButton,
+  LayLayout,
+  LaySide,
+  LayHeader,
+  LayBody,
+  LayFooter,
+  LayLogo,
+  install,
+}
+
+export default { install }

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
+}