新增日历面板自定义插件及国际化内容

src/app-register.ts

@@ -107,6 +107,11 @@ import AppInputIp from './components/app-input-ip/app-input-ip.vue';
 import Loadding  from  './directive/loadding/loadding';
 import AppColorSpan  from  './components/app-color-span/app-color-span.vue';
 import AppColorPicker from  './components/app-color-picker/app-color-picker.vue';
+import AppListItemlayoutpanel from  './components/app-list-itemlayoutpanel/app-list-itemlayoutpanel.vue';
+import AppDataCard from  './components/app-data-card/app-data-card.vue';
+import AppCalendarItemlayoutpanel from  './components/app-calendar-itemlayoutpanel/app-calendar-itemlayoutpanel.vue';
+import AppRadioButton from  './components/app-radio-button/app-radio-button.vue';
+
 
 // 全局挂载UI实体服务注册中心
 window['uiServiceRegister'] = uiServiceRegister;
@@ -229,5 +234,9 @@ export const AppComponents = {
         v.directive('loading',Loadding);
         v.component('app-color-span', AppColorSpan);
         v.component('app-color-picker', AppColorPicker);
+        v.component('app-list-itemlayoutpanel', AppListItemlayoutpanel);
+        v.component('app-data-card', AppDataCard);
+        v.component('app-calendar-itemlayoutpanel', AppCalendarItemlayoutpanel);
+        v.component('app-radio-button', AppRadioButton);
     },
 };
\ No newline at end of file

src/components/app-calendar-itemlayoutpanel/app-calendar-itemlayoutpanel.less

+.app-calendar-itemlayoutpanel{
+    display: flex;
+    .item-icon{
+        width: 40px;
+        height: 40px;
+        margin-right: 10px;
+        img{
+            width: 100%;
+            height: 100%;
+            border-radius: 50%;
+        }
+    }
+    .item-text{
+        .title{
+            font-size: 18px;
+            font-weight: bold;
+        }
+        .srfdescription{
+            margin-top: 14px;
+            margin-bottom: 14px;
+        }
+        .date{
+            .start{
+                margin:0 6px;
+            }
+            .end{
+                margin:0 6px; 
+            }
+        }
+    }
+}

src/components/app-calendar-itemlayoutpanel/app-calendar-itemlayoutpanel.vue

+<template>
+    <div class="app-calendar-itemlayoutpanel">
+        <div class="item-icon">            
+        </div>   
+        <div class="item-text">
+            <div class="title">{{inputData.title}}</div>
+            <div class="srfdescription">{{inputData.srfdescription}}</div>
+            <div class="date">
+                {{ $t('components.AppCalendarItemlayoutpanel.from') }}
+                <span class="start">{{inputData.start}}</span>
+                {{$t('components.AppCalendarItemlayoutpanel.to')}}
+                <span class="end">{{inputData.end}}</span>
+            </div>
+        </div>
+        
+    </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Model, Watch } from 'vue-property-decorator';
+import { Subject,Subscription } from 'rxjs';
+@Component({
+})
+export default class AppCalendarItemlayoutpanel extends Vue {
+
+    /**
+     * 面板数据对象
+     *
+     * @type {*}
+     * @memberof AppCalendarItemlayoutpanel
+     */
+    @Prop() public inputData?: any;
+}
+</script>
+
+<style lang="less">
+@import './app-calendar-itemlayoutpanel.less';
+</style>
\ No newline at end of file

src/locale/lanres/components/components_en_US.ts

@@ -389,5 +389,9 @@ export default {
       dayAgo: 'days ago',
       monthsAgo: 'months ago',
       yearsAgo: 'years ago'
+  },
+  AppCalendarItemlayoutpanel:{
+    from:'from',
+    to:'to'
   }
 };
\ No newline at end of file

src/locale/lanres/components/components_zh_CN.ts

@@ -390,5 +390,9 @@ export default {
       dayAgo: '天前',
       monthsAgo: '月前',
       yearsAgo: '年前'
+  },
+  AppCalendarItemlayoutpanel:{
+    from:'从',
+    to:'至'
   }
 };
\ No newline at end of file