added YvanGroup

components.d.ts

@@ -75,6 +75,7 @@ declare module 'vue' {
     YvanCircleProps: typeof import('./src/components/elements/YvanCircleProps.vue')['default']
     YvanComplexTable: typeof import('./src/components/elements/yvan-table/YvanComplexTable.vue')['default']
     YvanComplexTableProps: typeof import('./src/components/elements/yvan-table/YvanComplexTableProps.vue')['default']
+    YvanGroup: typeof import('./src/components/elements/YvanGroup.vue')['default']
     YvanImage: typeof import('./src/components/elements/YvanImage.vue')['default']
     YvanImageProps: typeof import('./src/components/elements/YvanImageProps.vue')['default']
     YvanLine: typeof import('./src/components/elements/YvanLine.vue')['default']

src/components/elements/RoyGroup.vue

@@ -1,16 +1,16 @@
 <template>
-  <div class="roy-group">
+  <div class="yvan-group">
     <div>
       <component
         :is="item.component"
         v-for="item in propValue"
-        :id="'roy-component-' + item.id"
+        :id="'yvan-component-' + item.id"
         :key="item.id"
         :element="item"
         :prop-value="item.propValue"
         :request="item.request"
         :style="item.groupStyle"
-        class="roy-group-component"
+        class="yvan-group-component"
       />
     </div>
   </div>
@@ -18,18 +18,15 @@
 
 <script>
 import commonMixin from '@/mixin/commonMixin'
-import RoyText from '@/components/elements/YvanRichText.vue'
-import RoyRect from '@/components/elements/YvanRect.vue'
+import YvanRect from '@/components/elements/YvanRect.vue'
+import YvanRichText from '@/components/elements/YvanRichText.vue'
 
-/**
- * roy-group
- */
 export default {
-  name: 'RoyGroup',
+  name: 'YvanGroup',
   mixins: [commonMixin],
   components: {
-    RoyText,
-    RoyRect
+    YvanRect
+    YvanRichText,
   },
   props: {
     propValue: {
@@ -56,13 +53,13 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.roy-group {
+.yvan-group {
   & > div {
     position: relative;
     width: 100%;
     height: 100%;
 
-    .roy-group-component {
+    .yvan-group-component {
       position: absolute;
     }
   }