fix(card-group): [card-group] add empty icon (#3299)

Author: wuyiping0628

packages/theme-saas/src/card-group/index.less

@@ -18,4 +18,14 @@
   width: 100%;
   display: grid;
   grid-row-gap: 16px;
+
+  &-empty {
+    display: none;
+  }
+
+  &-empty:first-child {
+    display: block;
+    width: 100%;
+    height: 100px;
+  }
 }

packages/vue/src/card-group/src/mobile-first.vue

@@ -1,17 +1,23 @@
 <template>
   <div data-tag="tiny-card-group" class="w-full grid gap-4" :class="gcls(`size-${state.size}`)">
     <slot></slot>
+    <icon-grid-no-data class="tiny-card-group-empty">无数据</icon-grid-no-data>
   </div>
 </template>
 
 <script lang="ts">
 import { renderless, api } from '@opentiny/vue-renderless/card-group/vue'
 import { $prefix, props, setup, defineComponent } from '@opentiny/vue-common'
+import { iconGridNoData } from '@opentiny/vue-icon'
+
 import { classes } from './token'
 
 export default defineComponent({
   name: $prefix + 'CardGroup',
   componentName: 'CardGroup',
+  components: {
+    IconGridNoData: iconGridNoData()
+  },
   emits: ['update:modelValue', 'change'],
   props: [
     ...props,