update:更新

src/components/layout-element/index/app-index-nav-breadcrumb/app-index-nav-breadcrumb.vue

@@ -48,7 +48,7 @@ export default class AppIndexNavBreadcrumb extends Vue {
      * @type {number}
      * @memberof AppIndexNavBreadcrumb
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -57,7 +57,7 @@ export default class AppIndexNavBreadcrumb extends Vue {
      * @memberof AppIndexNavBreadcrumb
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
     
     /**

src/components/layout-element/index/app-index-nav-tabs/app-index-nav-tabs.vue

@@ -31,7 +31,7 @@ export default class AppIndexNavTabs extends Vue {
      * @type {number}
      * @memberof AppIndexNavTabs
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -40,7 +40,7 @@ export default class AppIndexNavTabs extends Vue {
      * @memberof AppIndexNavTabs
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/index/app-index-org-select/app-index-org-select.vue

@@ -31,7 +31,7 @@ export default class AppIndexOrgSelect extends Vue {
      * @type {number}
      * @memberof AppIndexOrgSelect
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -40,7 +40,7 @@ export default class AppIndexOrgSelect extends Vue {
      * @memberof AppIndexOrgSelect
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/index/app-index-user-info/app-index-user-info.vue

@@ -31,7 +31,7 @@ export default class AppIndexUserInfo extends Vue {
      * @type {number}
      * @memberof AppIndexUserInfo
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -40,7 +40,7 @@ export default class AppIndexUserInfo extends Vue {
      * @memberof AppIndexUserInfo
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/interactive/app-preset-button/app-preset-button.vue

@@ -47,7 +47,7 @@ export default class AppPresetButton extends Vue {
      * @type {number}
      * @memberof AppPresetButton
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -56,7 +56,7 @@ export default class AppPresetButton extends Vue {
      * @memberof AppPresetButton
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/interactive/app-preset-qrcode/app-preset-qrcode.vue

@@ -46,7 +46,7 @@ export default class AppPresetQrCode extends Vue {
      * @type {number}
      * @memberof AppPresetQrCode
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -55,7 +55,7 @@ export default class AppPresetQrCode extends Vue {
      * @memberof AppPresetQrCode
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/interactive/app-preset-switch/app-preset-switch.vue

@@ -37,7 +37,7 @@ export default class AppPresetSwitch extends Vue {
      * @type {number}
      * @memberof AppPresetSwitch
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -46,7 +46,7 @@ export default class AppPresetSwitch extends Vue {
      * @memberof AppPresetSwitch
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/interactive/app-preset-text-input/app-preset-text-input.vue

@@ -39,7 +39,7 @@ export default class AppPresetTextInput extends Vue {
      * @type {number}
      * @memberof AppPresetTextInput
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -48,7 +48,7 @@ export default class AppPresetTextInput extends Vue {
      * @memberof AppPresetTextInput
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/login/app-login-button/app-login-button.vue

@@ -47,7 +47,7 @@ export default class AppLoginButton extends Vue {
      * @type {number}
      * @memberof AppLoginButton
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -56,7 +56,7 @@ export default class AppLoginButton extends Vue {
      * @memberof AppLoginButton
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/login/app-login-captcha/app-login-captcha.vue

@@ -44,8 +44,7 @@ export default class AppLoginCaptcha extends Vue {
      * @type {number}
      * @memberof AppLoginCaptcha
      */
-    @Prop({ default: 0 }) public index?: number;
-
+    @Prop() public index?: number;
 
     /**
      * 是否显示
@@ -69,7 +68,7 @@ export default class AppLoginCaptcha extends Vue {
      * @memberof AppLoginCaptcha
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/login/app-login-input/app-login-input.vue

@@ -59,7 +59,7 @@ export default class AppLoginInput extends Vue {
      * @type {number}
      * @memberof AppLoginInput
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -68,7 +68,7 @@ export default class AppLoginInput extends Vue {
      * @memberof AppLoginInput
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/login/app-login-message/app-login-message.vue

@@ -40,7 +40,7 @@ export default class AppLoginMessage extends Vue {
    * @type {number}
    * @memberof AppLoginMessage
    */
-  @Prop({ default: 0 }) public index?: number;
+  @Prop() public index?: number;
 
   /**
    * 项名称
@@ -49,7 +49,7 @@ export default class AppLoginMessage extends Vue {
    * @memberof AppLoginMessage
    */
   get itemName() {
-    return this.index ? `${this.name}_${this.index}` : this.name;
+    return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
   }
 
   /**

src/components/layout-element/login/app-login-note-verify/app-login-note-verify.vue

@@ -50,7 +50,7 @@ export default class AppLoginNoteVerify extends Vue {
      * @type {number}
      * @memberof AppLoginNoteVerify
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -59,7 +59,7 @@ export default class AppLoginNoteVerify extends Vue {
      * @memberof AppLoginNoteVerify
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/login/app-login-org/app-login-org.vue

@@ -41,7 +41,7 @@ export default class AppLoginOrg extends Vue {
      * @type {number}
      * @memberof AppLoginOrg
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -50,7 +50,7 @@ export default class AppLoginOrg extends Vue {
      * @memberof AppLoginOrg
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/login/app-login-third/app-login-third.vue

@@ -47,7 +47,7 @@ export default class AppThirdLogin extends Vue {
      * @type {number}
      * @memberof AppThirdLogin
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -56,7 +56,7 @@ export default class AppThirdLogin extends Vue {
      * @memberof AppThirdLogin
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/media/app-field-image-dynamic/app-field-image-dynamic.vue

@@ -39,7 +39,7 @@ export default class AppFieldImageDynamic extends Vue {
      * @type {number}
      * @memberof AppFieldImageDynamic
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 值变更
@@ -58,7 +58,7 @@ export default class AppFieldImageDynamic extends Vue {
      * @memberof AppFieldImageDynamic
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/media/app-rawitem-carousel/app-rawitem-carousel.vue

@@ -60,7 +60,7 @@ export default class AppCarousel extends Vue {
      * @type {number}
      * @memberof AppCarousel
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -69,7 +69,7 @@ export default class AppCarousel extends Vue {
      * @memberof AppCarousel
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/media/app-rawitem-image/app-rawitem-image.vue

@@ -46,7 +46,7 @@ export default class AppRawItemImage extends Vue {
      * @type {number}
      * @memberof AppRawItemImage
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -55,7 +55,7 @@ export default class AppRawItemImage extends Vue {
      * @memberof AppRawItemImage
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/media/app-rawitem-video/app-rawitem-video.vue

@@ -42,7 +42,7 @@ export default class AppRawItemVideo extends Vue {
      * @type {number}
      * @memberof AppRawItemVideo
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 值变更
@@ -61,7 +61,7 @@ export default class AppRawItemVideo extends Vue {
      * @memberof AppRawItemVideo
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/structure/app-ctrl-pos/app-ctrl-pos.vue

@@ -31,7 +31,7 @@ export default class AppCtrlPos extends Vue {
      * @type {number}
      * @memberof AppCtrlPos
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -40,7 +40,7 @@ export default class AppCtrlPos extends Vue {
      * @memberof AppCtrlPos
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/structure/app-nav-pos/app-nav-pos.vue

@@ -43,7 +43,7 @@ export default class AppNavPos extends Vue {
      * @type {number}
      * @memberof AppNavPos
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 导航数据
@@ -60,7 +60,7 @@ export default class AppNavPos extends Vue {
      * @memberof AppNavPos
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/structure/app-scroll-container/app-scroll-container.vue

@@ -55,7 +55,7 @@ export default class AppScrollContainer extends Vue {
      * @type {number}
      * @memberof AppScrollContainer
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 布局模型详情
@@ -96,7 +96,7 @@ export default class AppScrollContainer extends Vue {
      * @memberof AppScrollContainer
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**
@@ -132,7 +132,7 @@ export default class AppScrollContainer extends Vue {
         if (curLayoutModel && curLayoutModel.details && curLayoutModel.details.length > 0) {
             curLayoutModel.details.forEach((key: string) => {
                 let childModelDetail: any;
-                if (this.index) {
+                if (this.index || this.index === 0) {
                     childModelDetail = this.layoutModelDetails[`${key}_${this.index}`];
                 } else {
                     childModelDetail = this.layoutModelDetails[key];
@@ -171,7 +171,7 @@ export default class AppScrollContainer extends Vue {
      *  获取项布局样式
      */
     public getItemPosStyle(name: string) {
-        const itemName = this.index ? `${name}_${this.index}` : name;
+        const itemName = (this.index || this.index === 0) ? `${name}_${this.index}` : name;
         let layoutModel = this.layoutModelDetails[itemName];
         if (layoutModel) {
             const childBoxSizeStyle: any = layoutModel.getBoxSizeStyle();

src/components/layout-element/structure/app-simpleflex-container/app-simpleflex-container.vue

@@ -27,7 +27,7 @@ export default class AppSimpleFlexContainer extends Vue {
      * @type {number}
      * @memberof AppSimpleFlexContainer
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 布局模型详情
@@ -61,7 +61,7 @@ export default class AppSimpleFlexContainer extends Vue {
      * @memberof AppSimpleFlexContainer
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**
@@ -104,7 +104,7 @@ export default class AppSimpleFlexContainer extends Vue {
      */
     public getItemPosStyle(name: string) {
         let layoutModel: any;
-        if (this.index) {
+        if (this.index || this.index === 0) {
             layoutModel = this.layoutModelDetails[`${name}_${this.index}`];
         } else {
             layoutModel = this.layoutModelDetails[name];

src/components/layout-element/structure/app-standard-container/app-standard-container.vue

@@ -38,7 +38,7 @@ export default class AppStandardContainer extends Vue {
      * @type {number}
      * @memberof AppStandardContainer
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 布局模型详情
@@ -63,7 +63,7 @@ export default class AppStandardContainer extends Vue {
      * @memberof AppStandardContainer
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**
@@ -137,7 +137,7 @@ export default class AppStandardContainer extends Vue {
      */
     public getItemPosStyle(name: string) {
         let layoutModel: any;
-        if (this.index) {
+        if ((this.index || this.index === 0)) {
             layoutModel = this.layoutModelDetails[`${name}_${this.index}`];
         } else {
             layoutModel = this.layoutModelDetails[name];

src/components/layout-element/structure/app-tab-page/app-tab-page.vue

@@ -36,7 +36,7 @@ export default class AppTabPage extends Vue {
      * @type {number}
      * @memberof AppTabPage
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 布局模型详情变更
@@ -69,7 +69,7 @@ export default class AppTabPage extends Vue {
      * @memberof AppTabPage
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/structure/app-tab-panel/app-tab-panel.vue

@@ -35,7 +35,7 @@ export default class AppTabPanel extends Vue {
      * @type {number}
      * @memberof AppTabPanel
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -44,7 +44,7 @@ export default class AppTabPanel extends Vue {
      * @memberof AppTabPanel
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/text/app-preset-caption/app-preset-caption.vue

@@ -70,7 +70,7 @@ export default class AppPresetCaption extends Vue {
    * @type {number}
    * @memberof AppPresetCaption
    */
-  @Prop({ default: 0 }) public index?: number;
+  @Prop() public index?: number;
 
   /**
    * 项名称
@@ -79,7 +79,7 @@ export default class AppPresetCaption extends Vue {
    * @memberof AppPresetCaption
    */
   get itemName() {
-    return this.index ? `${this.name}_${this.index}` : this.name;
+    return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
   }
 
   /**

src/components/layout-element/text/app-preset-text/app-preset-text.vue

@@ -87,7 +87,7 @@ export default class AppPresetText extends Vue {
      * @type {number}
      * @memberof AppPresetText
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -96,7 +96,7 @@ export default class AppPresetText extends Vue {
      * @memberof AppPresetText
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**

src/components/layout-element/text/app-preset-title/app-preset-title.vue

@@ -30,7 +30,7 @@ export default class AppPresetTitle extends Vue {
      * @type {number}
      * @memberof AppPresetTitle
      */
-    @Prop({ default: 0 }) public index?: number;
+    @Prop() public index?: number;
 
     /**
      * 项名称
@@ -39,7 +39,7 @@ export default class AppPresetTitle extends Vue {
      * @memberof AppPresetTitle
      */
     get itemName() {
-        return this.index ? `${this.name}_${this.index}` : this.name;
+        return (this.index || this.index === 0) ? `${this.name}_${this.index}` : this.name;
     }
 
     /**