init

src/component/col/index.ts

@@ -0,0 +1,5 @@
+import { withInstall, WithInstallType } from "../../utils";
+import Component from "./index.vue";
+
+const component: WithInstallType<typeof Component> = withInstall(Component);
+export default component;

src/component/col/index.vue

@@ -0,0 +1,41 @@
+<script lang="ts">
+export default {
+  name: "LayCol",
+};
+</script>
+
+<script setup lang="ts">
+import { computed } from "vue";
+
+export interface ColProps {
+  md?: string | number;
+  xs?: string | number;
+  sm?: string | number;
+  lg?: string | number;
+  mdOffset?: string | number;
+  xsOffset?: string | number;
+  smOffset?: string | number;
+  lgOffset?: string | number;
+}
+
+const props = defineProps<ColProps>();
+
+const classes = computed(() => {
+  return [
+    props.md ? `layui-col-md${props.md}` : "",
+    props.xs ? `layui-col-xs${props.xs}` : "",
+    props.sm ? `layui-col-sm${props.sm}` : "",
+    props.lg ? `layui-col-lg${props.lg}` : "",
+    props.mdOffset ? `layui-col-md-offset${props.mdOffset}` : "",
+    props.xsOffset ? `layui-col-xs-offset${props.xsOffset}` : "",
+    props.smOffset ? `layui-col-sm-offset${props.smOffset}` : "",
+    props.lgOffset ? `layui-col-lg-offset${props.lgOffset}` : "",
+  ];
+});
+</script>
+
+<template>
+  <div class="layui-col" :class="classes">
+    <slot></slot>
+  </div>
+</template>