update

src/app-register.ts

@@ -88,7 +88,7 @@ import ActionTimeline from './components/action-timeline/action-timeline.vue'
 import CronEditor from './components/cron-editor/cron-editor.vue'
 import AppMessagePopover from './components/app-message-popover/app-message-popover.vue'
 import AppPanelField from './components/app-panel-field/app-panel-field.vue'
-import AppPanelItem from './components/app-panel-item/app-panel-item.vue'
+import AppPanelButton from './components/app-panel-button/app-panel-button.vue'
 import AppDepartmentPersonnel from './components/app-department-personnel/app-department-personnel.vue'
 import DiskFileUpload from './components/disk-file-upload/disk-file-upload.vue'
 import AvueCustomForm  from './components/avue-custom-form/avue-custom-form.vue'
@@ -125,7 +125,7 @@ export const AppComponents = {
         v.prototype.$viewTool = ViewTool;
         v.prototype.$uiActionTool = UIActionTool;
         v.component('app-department-personnel',AppDepartmentPersonnel);
-        v.component('app-panel-item',AppPanelItem);
+        v.component('app-panel-button',AppPanelButton);
         v.component('app-panel-field',AppPanelField);
         v.component('app-full-scren',AppFullScren);
         v.component('app-lock-scren',AppLockScren);

src/components/app-panel-item/app-panel-item.vue → src/components/app-panel-button/app-panel-button.vue

 <template>
-    <div class="app-panel-item">
-        <div v-if="Object.is(itemType,'BUTTON')" >
+    <div class="app-panel-button">
         <Button type="primary" long @click="onClick">
             <i v-if="icon" :class="icon"></i>
             <span v-if="showCaption" :class="lableStyle">{{caption ? caption : ''}}</span>
         </Button>
     </div>
-        <div v-if="Object.is(itemType,'RAWITEM')">
-            <i v-if="icon" :class="icon"></i>
-            <span v-if="caption" class="app-panel-item-rawitem">{{caption}}</span>
-            <div :class="contentStyle">
-            <slot></slot>
-            </div>
-        </div>
-    </div>
 </template>
 
 <script lang="ts">
 import { Vue, Component, Prop, Watch } from "vue-property-decorator";
 
 @Component({})
-export default class AppPanelItem extends Vue {
-
-    /**
-     * 面板成员类型
-     *  
-     * @type {string}
-     * @memberof AppPanelItem
-     */
-    @Prop() public itemType!: string;
+export default class AppPanelButton extends Vue {
 
     /**
      * 图标
@@ -62,22 +45,6 @@ export default class AppPanelItem extends Vue {
      */
     @Prop() public lableStyle?: string;
 
-    /**
-     * 内容样式
-     *  
-     * @type {boolean}
-     * @memberof AppPanelItem
-     */
-    @Prop() public contentStyle?: string;
-
-    /**
-     * 部件样式
-     *  
-     * @type {boolean}
-     * @memberof AppPanelItem
-     */
-    @Prop() public partsStyle?: string;
-
     /**
      * 点击按钮
      *

src/components/app-panel-item/app-panel-item.less

-.app-panel-item{
-    .app-panel-item-rawitem{
-        padding-right: 10px;
-    }
-}
\ No newline at end of file

src/components/app-rawitem/app-rawitem.vue

 <template>
     <div>
         <span v-if="caption">{{caption}}</span>
-        <div :class="classStyle" :style="sizeStyle">
+        <div :class="contentStyle" :style="sizeStyle">
             <template v-if="Object.is(contentType,'RAW')">
                 {{rawContent ? rawContent : ''}}
             </template>
@@ -67,7 +67,7 @@ export default class AppRawItem extends Vue {
      * @type {strin}
      * @memberof AppRawItem
      */
-    @Prop() public classStyle!: string;
+    @Prop() public contentStyle!: string;
 
     /**
      * 内容宽高