u

code/base-project/base-vue/packages/ao-design/src/descriptions/descriptions-group.tsx

@@ -0,0 +1,25 @@
+import { defineComponent } from 'vue'
+import { getPrefixCls } from '../_utils/getPrefixCls'
+
+export default defineComponent({
+  name: 'DescriptionsGroup',
+  props: {
+    class: {
+      type: [String, Array, Object],
+      default: '',
+    },
+    style: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  emits: [],
+  setup(props, { slots, emit }) {
+    const prefixCls = getPrefixCls('descriptions-group')
+    return () => (
+      <div class={[prefixCls, props.class]} style={{ ...props.style }}>
+        {slots.default?.()}
+      </div>
+    )
+  },
+})

code/base-project/base-vue/packages/ao-design/src/descriptions/descriptions.tsx

@@ -0,0 +1,25 @@
+import { defineComponent } from 'vue'
+import { getPrefixCls } from '../_utils/getPrefixCls'
+
+export default defineComponent({
+  name: 'Descriptions',
+  props: {
+    class: {
+      type: [String, Array, Object],
+      default: '',
+    },
+    style: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  emits: [],
+  setup(props, { slots, emit }) {
+    const prefixCls = getPrefixCls('descriptions')
+    return () => (
+      <div class={[prefixCls, props.class]} style={{ ...props.style }}>
+        {slots.default?.()}
+      </div>
+    )
+  },
+})

code/base-project/base-vue/packages/ao-design/src/descriptions/index.scss

@@ -0,0 +1,7 @@
+@use '../_styles/_variables.scss' as *;
+@use 'sass:color';
+
+$descriptions-prefix: '#{$prefix}-descriptions';
+
+.#{$descriptions-prefix} {
+}