修复 src 结构

src/component/selectOption/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 || "LaySelectOption", Component);
+};
+
+export default Component as IDefineComponent;

src/component/selectOption/index.vue

@@ -0,0 +1,81 @@
+<template>
+	<dd
+		:value="value"
+		:class="[{ 'layui-this': selected }, { 'layui-disabled': disabled }]"
+		@click="selectHandle"
+	>
+		<template v-if="selectItem.multiple">
+			<lay-checkbox
+				skin="primary"
+				v-model="selected"
+				@change="selectHandle"
+				label=""
+			/>
+		</template>
+		<slot>{{ label }}</slot>
+	</dd>
+</template>
+
+<script lang="ts">
+export default {
+	name: "LaySelectOption",
+};
+</script>
+
+<script setup lang="ts">
+import LayCheckbox from "../checkbox";
+import { SelectItem, SelectItemHandle, SelectItemPush } from "../type";
+import { computed, defineProps, inject, onMounted, Ref } from "vue";
+
+const props = withDefaults(
+	defineProps<{
+		value: string | null | undefined;
+		label?: string;
+		disabled?: boolean;
+	}>(),
+	{
+		disabled: false,
+	}
+);
+
+const selectItemHandle = inject("selectItemHandle") as SelectItemHandle;
+const selectItem = inject("selectItem") as Ref<SelectItem>;
+const selectItemPush = inject("selectItemPush") as Ref<SelectItemPush>;
+
+const selectHandle = function () {
+	!props.disabled && callSelectItemHandle(!selected.value);
+};
+const callSelectItemHandle = function (isChecked?: boolean) {
+	// console.log("callSelectItemHandle");
+	selectItemHandle(
+		{
+			value: props.value,
+			label: props.label,
+			disabled: props.disabled,
+		},
+		isChecked
+	);
+};
+const selected = computed({
+	get() {
+		const selectValues = selectItem.value.value;
+		if (Array.isArray(selectValues)) {
+			return (selectValues as any[]).indexOf(props.value) > -1;
+		}
+		return selectItem.value.value === props.value;
+	},
+	set(val) {},
+});
+const callSelectItemPush = function () {
+	let item = {
+		value: props.value,
+		label: props.label,
+		disabled: props.disabled,
+	};
+	selectItemPush(item);
+};
+onMounted(() => {
+	callSelectItemPush();
+	selected.value && callSelectItemHandle();
+});
+</script>