update: class名称更改

modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/front-end/widgets/form-detail/form-button.hbs

@@ -3,7 +3,7 @@
   <a-button 
     type="primary"
     v-show="state.detailsModel.{{item.codeName}}.visible"
-    class="ibiz-form-button{{#if item.psSysCss}}{{item.psSysCss.cssName}}{{/if}}"
+    class="app-form-button{{#if item.psSysCss}}{{item.psSysCss.cssName}}{{/if}}"
     style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}">
     {{#if item.psSysImage}}
     <template #icon>
@@ -21,7 +21,7 @@
   <a-button 
     type="primary"
     v-show="state.detailsModel.{{item.codeName}}.visible"
-    class="ibiz-form-button{{#if item.psSysCss}}{{item.psSysCss.cssName}}{{/if}}"
+    class="app-form-button{{#if item.psSysCss}}{{item.psSysCss.cssName}}{{/if}}"
     style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}">
     {{#if item.psSysImage}}
     <template #icon>

modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/front-end/widgets/form-detail/form-iframe.hbs

 {{#eq item.psLayoutPos 'FLEX'}}
 <div style="flex-grow: {{#if item.psLayoutPos.grow}}{{item.psLayoutPos.grow}}{{else}}0{{/if}};">
-  <div v-show="state.detailsModel.{{item.codeName}}.visible" class="ibiz-form-iframe" style="{{#if item.contentHeight}}height: {{item.contentHeight}}px;{{/if}}{{#if item.contentWidth}}width: {{item.contentWidth}}px{{/if}}">
+  <div v-show="state.detailsModel.{{item.codeName}}.visible" class="app-form-iframe" style="{{#if item.contentHeight}}height: {{item.contentHeight}}px;{{/if}}{{#if item.contentWidth}}width: {{item.contentWidth}}px{{/if}}">
     <iframe src="{{item.iFrameUrl}}" style="height: 100%;width: 100%;border: 0"></iframe>
   </div>
 </div>
 {{else}}
 <a-col
 {{> @macro/front-end/widgets/common/layout-pos.hbs item=item.psLayoutPos}} >
-  <div v-show="state.detailsModel.{{item.codeName}}.visible" class="ibiz-form-iframe" style="{{#if item.contentHeight}}height: {{item.contentHeight}}px;{{/if}}{{#if item.contentWidth}}width: {{item.contentWidth}}px{{/if}}">
+  <div v-show="state.detailsModel.{{item.codeName}}.visible" class="app-form-iframe" style="{{#if item.contentHeight}}height: {{item.contentHeight}}px;{{/if}}{{#if item.contentWidth}}width: {{item.contentWidth}}px{{/if}}">
     <iframe src="{{item.iFrameUrl}}" style="height: 100%;width: 100%;border: 0"></iframe>
   </div>
 </a-col>

modules/ibizlab-generator-core/src/main/resources/templ/r7/@macro/front-end/widgets/form-detail/form-tabpanel.hbs

 {{#eq item.psLayoutPos 'FLEX'}}
 <div style="flex-grow: {{#if item.psLayoutPos.grow}}{{item.psLayoutPos.grow}}{{else}}0{{/if}};">
-  <a-tabs class="ibiz-form-page">
+  <a-tabs class="app-form-page">
     {{#each item.psDEFormPages as | formPage | }}
     {{>(lookup . 'formPage.detailType') item=formPage }}
     {{/each}}
@@ -9,7 +9,7 @@
 {{else}}
 <a-col
 {{> @macro/front-end/widgets/common/layout-pos.hbs item=item.psLayoutPos}} >
-  <a-tabs class="ibiz-form-page">
+  <a-tabs class="app-form-page">
     {{#each item.psDEFormPages as | formPage | }}
     {{>(lookup . 'formPage.detailType') item=formPage }}
     {{/each}}

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-auto-complete.vue

@@ -154,7 +154,7 @@ const onSelect = (value: any) => {
 
 <template>
   <a-auto-complete
-    :class="['app-editor-container', `app-auto-complete-${name}`]"
+    :class="['app-editor-container', 'app-auto-complete', `app-auto-complete-${name}`]"
     :allowClear="true"
     v-model:value="value"
     :placeholder="placeholder"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-checkbox-list.vue

@@ -212,7 +212,7 @@ onBeforeMount(() => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', `app-checkbox-list-${name}`]">
+  <div :class="['app-editor-container', 'app-checkbox-list', `app-checkbox-list-${name}`]">
     <a-checkbox-group
       @change="onChange"
       :value="selectArray"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-checkbox.vue

@@ -57,7 +57,7 @@ const onChange = ($event: any) => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', `app-checkbox-${name}`]">
+  <div :class="['app-editor-container', 'app-checkbox', `app-checkbox-${name}`]">
     <a-checkbox
       @change="onChange"
       :checked="curValue"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-code.vue

@@ -238,7 +238,7 @@ const onLanguageChange = (item: string) => {
 </script>
 
 <template>
-  <div class='app-code-editor'>
+  <div :class="['app-editor-container', 'app-code', `app-code-${name}`]">
     <div :class="{toolbar: true, [theme]: true}">
       <div class="left-toolbar">
         <a-select

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-data-picker-view.vue

@@ -199,7 +199,7 @@ const onSelect = (value: any) => {
 
 <template>
     <a-select
-      :class="['app-data-picker', `app-data-picker-${name}`]"
+      :class="['app-editor-container', 'app-data-picker-view', `app-data-picker-view-${name}`]"
       allowClear
       showSearch
       v-model:value="value"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-data-picker.vue

@@ -236,12 +236,12 @@ const openView = () => {
 </script>
 
 <template>
-  <template v-if="linkOnly" :class="['app-data-picker', `app-data-picker-${name}`]">
+  <template v-if="linkOnly" :class="['app-editor-container', 'app-data-picker', `app-data-picker-${name}`]">
     <a @click="openLinkView"></a>
   </template>
   <template v-else-if="!isAC && !isDropdown">
     <a-auto-complete
-      :class="['app-data-picker', `app-data-picker-${name}`]"
+      :class="['app-editor-container', 'app-data-picker', `app-data-picker-${name}`]"
       :allowClear="true"
       v-model:value="value"
       :placeholder="placeholder"
@@ -263,7 +263,7 @@ const openView = () => {
     </a-auto-complete>
   </template>
   <template v-else-if="noAc">
-    <a-input :class="['app-data-picker', `app-data-picker-${name}`]" :placeholder="placeholder">
+    <a-input :class="['app-editor-container', 'app-data-picker', `app-data-picker-${name}`]" :placeholder="placeholder">
       <template #suffix>
         <search-outlined v-if="pickUpView && showButton" class="certain-category-icon" @click="openView" />
         <export-outlined v-if="linkView" @click="openLinkView" />
@@ -272,7 +272,7 @@ const openView = () => {
   </template>
   <template v-else-if="isDropdown">
     <a-select
-      :class="['app-data-picker', `app-data-picker-${name}`]"
+      :class="['app-editor-container', 'app-data-picker', `app-data-picker-${name}`]"
       allowClear
       showSearch
       v-model:value="value"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-date-picker.vue

@@ -86,7 +86,7 @@ const onChange = (date: string, dateString: string) => {
 <template>
   <template v-if="dateType === 'time'">
     <a-time-picker
-      :class="['app-date-picker', `app-date-picker--${name}`]"
+      :class="['app-editor-container', 'app-date-picker', `app-date-picker-${name}`]"
       v-model:value="curValue"
       :format="dateFormat"
       :placeholder="placeholder"
@@ -97,7 +97,7 @@ const onChange = (date: string, dateString: string) => {
   </template>
   <template v-else-if="dateType === 'date'">
     <a-date-picker
-      :class="['app-date-picker', `app-date-picker--${name}`]"
+      :class="['app-editor-container', 'app-date-picker', `app-date-picker-${name}`]"
       v-model:value="curValue"
       :format="dateFormat"
       picker="date"
@@ -110,7 +110,7 @@ const onChange = (date: string, dateString: string) => {
   <template v-else>
     <a-date-picker
       showTime
-      :class="['app-date-picker', `app-date-picker--${name}`]"
+      :class="['app-editor-container', 'app-date-picker', `app-date-picker-${name}`]"
       v-model:value="curValue"
       :format="dateFormat"
       :placeholder="placeholder"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-dropdown-list.vue

@@ -107,7 +107,7 @@ onBeforeMount(() => {
 <template>
   <a-select 
     allowClear
-    :class="['app-editor-container', `app-dropdown-list-${name}`]"
+    :class="['app-editor-container', 'app-dropdown-list', `app-dropdown-list-${name}`]"
     v-model:value="curValue"
     :options="items"
     :mode="multiple ? 'multiple': 'combobox'"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-input-ip.vue

@@ -48,7 +48,7 @@ onBeforeMount(() => {
 </script>
 
 <template>
-  <div :class="['app-editor-container',`app-input-ip-${name}`]">
+  <div :class="['app-editor-container', 'app-input-ip',`app-input-ip-${name}`]">
     <a-input-group size="large">
       <a-row :gutter="8">
         <a-col :span="5">

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-input.vue

@@ -70,7 +70,7 @@ const onChange = ($event: any) => {
 </script>
 
 <template>
-  <div :class="['ibiz-editor-container','ibiz-input',`ibiz-input-${name}`]">
+  <div :class="['app-editor-container','app-input',`app-input-${name}`]">
     <a-input 
       allowClear
       v-if="Object.is('text', type)"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-list-box.vue

@@ -300,7 +300,7 @@ onBeforeMount(() => {
 </script>
 
 <template>
-  <div :class="['ibiz-editor-container', 'ibiz-list-box', `ibiz-list-box-${name}`]">
+  <div :class="['app-editor-container', 'app-list-box', `app-list-box-${name}`]">
     <template v-if="multiple">
       <a-checkbox-group @change="onChange" :value="selectArray" :options="items" :disabled="disabled || readonly" />
     </template>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-radio-group.vue

@@ -129,7 +129,7 @@ onBeforeMount(() => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', `app-radio-group-${name}`]">
+  <div :class="['app-editor-container', 'app-radio-group', `app-radio-group-${name}`]">
     <a-radio-group
       @change="onChange"
       :value="value"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-rating.vue

@@ -73,7 +73,7 @@ const onChange = (value: number) => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', `app-rating-${name}`]">
+  <div :class="['app-editor-container', 'app-rating', `app-rating-${name}`]">
     <a-rate
       :value="value"
       :allowHalf="allowHalf"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-raw.vue

@@ -44,7 +44,7 @@ const emit = defineEmits<EditorEmit>();
 </script>
 
 <template>
-  <div :class="['ibiz-raw-item', `ibiz-raw-item--${contentType.toLowerCase()}`]">
+  <div :class="['app-raw-item', 'app-raw', `app-raw-${name}`]">
     <div class="raw-caption" v-if="caption">\{{ caption }}</div>
     <div v-if="Object.is(contentType, 'RAW')">
       \{{ value }}

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-rich-text.vue

@@ -294,7 +294,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', 'app-rich-text-editor', `app-rich-text-${name}`]">
+  <div :class="['app-editor-container', 'app-rich-text', `app-rich-text-${name}`]">
     <textarea :id="uuid"></textarea>
   </div>
 </template>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-slider.vue

@@ -75,7 +75,7 @@ const onChange = (value: number) => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', `app-slider-${name}`]">
+  <div :class="['app-editor-container', 'app-slider', `app-slider-${name}`]">
     <a-slider
       :defaultValue="value"
       :min="min"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-span.vue

@@ -133,7 +133,7 @@ onBeforeMount(() => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', `app-span-${name}`]">
+  <div :class="['app-editor-container', 'app-span', `app-span-${name}`]">
     <span>\{{text}}</span>
   </div>
 </template>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-stepper.vue

@@ -81,7 +81,7 @@ const onChange = (value: number) => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', `app-stepper-${name}`]">
+  <div :class="['app-editor-container', 'app-stepper', `app-stepper-${name}`]">
     <a-input-number
       :value="value"
       :min="min"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-switch.vue

@@ -68,7 +68,7 @@ const onChange = (value: number) => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', `app-switch-${name}`]">
+  <div :class="['app-editor-container', 'app-switch', `app-switch-${name}`]">
     <a-switch
       :checked="curValue"
       :size="size"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/editors/app-upload.vue

@@ -118,7 +118,7 @@ const onChange = ($event: any) => {
 </script>
 
 <template>
-  <div :class="['app-editor-container', `app-upload-${name}`]">
+  <div :class="['app-editor-container', 'app-upload', `app-upload-${name}`]">
     <a-upload
       v-model:fileList="fileList"
       :class="{'ant-upload--limit': fileList.length == limit}"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/layout/app-default-index-view-layout.vue

@@ -17,7 +17,7 @@ const props = withDefaults(defineProps<LayoutProps>(), {
 </script>
 
 <template>
-  <AppIndexViewBaseLayout class="ibiz-index-view-layout--default">
+  <AppIndexViewBaseLayout class="app-index-view-layout--default">
     <template v-slot:header-left>
       <slot name="caption"></slot>
     </template>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/layout/app-index-view-base-layout.vue

@@ -3,20 +3,20 @@
 </script>
 
 <template>
-  <a-layout class="ibiz-index-view-layout">
-    <a-layout-header class="ibiz-index-view-layout__header">
+  <a-layout class="app-index-view-layout">
+    <a-layout-header class="app-index-view-layout__header">
       <slot name="header-left" />
       <slot name="header-content" />
       <slot name="header-right" />
     </a-layout-header>
-    <a-layout class="ibiz-index-view-layout__body">
+    <a-layout class="app-index-view-layout__body">
       <slot name="side-left" />
       <a-layout-content>
         <slot name="content"></slot>
       </a-layout-content>
       <slot name="side-right" />
     </a-layout>
-    <a-layout-footer class="ibiz-index-view-layout__footer">
+    <a-layout-footer class="app-index-view-layout__footer">
       <slot name="footer-left" />
       <slot name="footer-content" />
       <slot name="footer-right" />

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/layout/app-view-base-layout.vue

@@ -3,22 +3,22 @@
 </script>
 
 <template>
-  <div class="ibiz-view-layout ibiz-view-layout--default">
-    <div class="ibiz-view-layout__header">
+  <div class="app-view-layout app-view-layout--default">
+    <div class="app-view-layout__header">
         <slot name="header-top" />
-      <div class="ibiz-view-layout__header-content">
+      <div class="app-view-layout__header-content">
         <slot name="header-left" />
         <slot name="header-content" />
         <slot name="header-right" />
       </div>
       <slot name="header-bottom" />
     </div>
-    <div class="ibiz-view-layout__body">
+    <div class="app-view-layout__body">
       <slot name="body-top" />
       <slot />
       <slot name="body-bottom" />
     </div>
-    <div class="ibiz-view-layout__footer">
+    <div class="app-view-layout__footer">
       <slot name="footer-left" />
       <slot name="footer-content" />
       <slot name="footer-right" />

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/render/app-icon-text.vue

@@ -14,8 +14,8 @@ const props = withDefaults(defineProps<Props>(), {
 const hasIcon = computed(() => props.iconClass || props.imgPath)
 
 const extraClass = {
-  "ibiz-icon-text--no-icon": !hasIcon.value,
-  [`ibiz-icon-text--${props.position}`]: hasIcon.value,
+  "app-icon-text--no-icon": !hasIcon.value,
+  [`app-icon-text--${props.position}`]: hasIcon.value,
 }
 
 </script>
@@ -24,20 +24,20 @@ const extraClass = {
   <div
     :class="[
       {
-        [`ibiz-icon-text--${position}`]: hasIcon,
+        [`app-icon-text--${position}`]: hasIcon,
       },
-      `ibiz-icon-text--${size}`,
-      'ibiz-icon-text'
+      `app-icon-text--${size}`,
+      'app-icon-text'
     ]"
   >
     <template v-if="position == 'left'">
-      <i v-if="iconClass" :class="'ibiz-icon-text__icon ' + iconClass" />
-      <img v-else-if="imgPath" class="ibiz-icon-text__icon-img" :src="imgPath" />
+      <i v-if="iconClass" :class="'app-icon-text__icon ' + iconClass" />
+      <img v-else-if="imgPath" class="app-icon-text__icon-img" :src="imgPath" />
     </template>
-    <span class="ibiz-icon-text__text" v-if="text">\{{text}}</span>
+    <span class="app-icon-text__text" v-if="text">\{{text}}</span>
     <template v-if="position == 'right'">
-      <i v-if="iconClass" :class="'ibiz-icon-text__icon ' + iconClass" />
-      <img v-else-if="imgPath" class="ibiz-icon-text__icon-img" :src="imgPath" />
+      <i v-if="iconClass" :class="'app-icon-text__icon ' + iconClass" />
+      <img v-else-if="imgPath" class="app-icon-text__icon-img" :src="imgPath" />
     </template>
   </div>
 </template>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/render/app-menu-item.vue

@@ -12,7 +12,7 @@ const props = withDefaults(defineProps<Props>(), {
 <template>
   <template v-for="item in items" :key="item.name">
     <template v-if="!item.items">
-      <a-menu-item v-if="!item.hidden" :key="item.name" class="ibiz-menu-item">
+      <a-menu-item v-if="!item.hidden" :key="item.name" class="app-menu-item">
         <template #icon>
           <AppIconText :iconClass="item.iconClass" :imgPath="item.imgPath" :text="collapsed && item.caption[0]"/>
         </template>
@@ -20,7 +20,7 @@ const props = withDefaults(defineProps<Props>(), {
       </a-menu-item>
     </template>
     <template v-else>
-      <a-sub-menu v-if="!item.hidden" :key="item.name" class="ibiz-menu-item">
+      <a-sub-menu v-if="!item.hidden" :key="item.name" class="app-menu-item">
         <template #icon>
           <AppIconText :iconClass="item.iconClass" :imgPath="item.imgPath" :text="collapsed && item.caption[0]"/>
         </template>
@@ -32,12 +32,12 @@ const props = withDefaults(defineProps<Props>(), {
 </template>
 
 <style lang="scss">
-.ibiz-icon-text {
+.app-icon-text {
   display: flex !important;
   align-items: center;
 }
 .ant-menu-submenu-popup {
-  .ibiz-menu-item {
+  .app-menu-item {
     display: flex !important;
   }
   .ant-menu-submenu-title {
@@ -46,21 +46,21 @@ const props = withDefaults(defineProps<Props>(), {
   }
 }
 .ant-menu-inline-collapsed {
-  .ibiz-menu-item {
+  .app-menu-item {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
-    .ibiz-icon-text {
+    .app-icon-text {
       position: absolute;
-      .ibiz-icon-text__text {
+      .app-icon-text__text {
         width: 20px;
         height: 20px;
         border-radius: 50%;
         line-height: 18px;
         text-align: center;
         font-size: 12px;
-        border: 1px solid var(--ibiz-color-info);
+        border: 1px solid var(--app-color-info);
       }
     }
   }

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/render/app-toolbar.vue

@@ -125,7 +125,7 @@ const itemClick = (item: IParam) => {
   }
   .toolbar-item {
     border-radius: 4px;
-    .ibiz-icon-text__icon {
+    .app-icon-text__icon {
       vertical-align: unset;
     }
   }

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/components/render/app-user.vue

@@ -73,7 +73,7 @@ const dropdownList = [
 </script>
 
 <template>
-  <div class="ibiz-user">
+  <div class="app-user">
     <span class="user-name">\{{ user.name }}</span>
     <a-dropdown>
       <a-avatar size="large" :src="user.avatar" @click.prevent>
@@ -92,11 +92,11 @@ const dropdownList = [
 </template>
 
 <style lang='scss'>
-.ibiz-user {
+.app-user {
   .user-name {
     padding-right: 10px;
   }
-  .ibiz-icon-text {
+  .app-icon-text {
     text-align: center;
     width: 100%;
     height: 100%;

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/components/editors/app-input.scss

-.ibiz-input {
+.app-input {
   width: 100%;
   .ant-input-number {
     width: 100%;

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/components/editors/app-list-box.scss

-.ibiz-list-box {
+.app-list-box {
   width: 100%;
   text-align: left;
 }
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/components/layout/app-index-view-base-layout.scss

-.ibiz-index-view-layout {
+.app-index-view-layout {
   width: 100%;
   height: 100%;
   .ant-layout-sider {
     overflow-y: auto;
-    background-color: var(--ibiz-view-layout-header-bg-color);
+    background-color: var(--app-view-layout-header-bg-color);
   }
 }
-.ibiz-index-view-layout__header {
+.app-index-view-layout__header {
   display: flex;
   padding: 0 20px;
-  background-color: var(--ibiz-view-layout-header-bg-color);
+  background-color: var(--app-view-layout-header-bg-color);
   justify-content: space-between;
 }
-.ibiz-index-view-layout__body {
-  background-color: var(--ibiz-view-layout-header-bg-color);
+.app-index-view-layout__body {
+  background-color: var(--app-view-layout-header-bg-color);
 }
-.ibiz-index-view-layout__footer {
+.app-index-view-layout__footer {
   padding: 0;
 }

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/components/layout/app-view-base-layout.scss

-.ibiz-view-layout {
+.app-view-layout {
   display: flex;
   width: 100%;
   height: 100%;
   flex-direction: column;
-  padding: var(--ibiz-view-layout-padding);
-  background-color: var(--ibiz-view-layout-bg-color);
+  padding: var(--app-view-layout-padding);
+  background-color: var(--app-view-layout-bg-color);
 }
-.ibiz-view-layout__header {
+.app-view-layout__header {
   flex: none;
   display: flex;
   flex-direction: column;
   padding: 0 10px;
-  background-color: var(--ibiz-view-layout-header-bg-color);
+  background-color: var(--app-view-layout-header-bg-color);
 }
-.ibiz-view-layout__header-content {
+.app-view-layout__header-content {
   display: flex;
   justify-content: space-between;
-  height: var(--ibiz-view-layout-header-height);
-  border-bottom: 1px solid var(--ibiz-view-layout-header-border-bottom);
-  margin: --ibiz-view-layout-header-padding;
-  .ibiz-view__caption {
-    font-size: var(--ibiz-view-caption-font-size);
+  height: var(--app-view-layout-header-height);
+  border-bottom: 1px solid var(--app-view-layout-header-border-bottom);
+  margin: --app-view-layout-header-padding;
+  .app-view__caption {
+    font-size: var(--app-view-caption-font-size);
   }
 }
-.ibiz-view-layout__body {
+.app-view-layout__body {
   display: flex;
   flex: auto;
   height: 100%;
   padding: 0 10px;
   flex-direction: column;
   overflow: auto;
-  background-color: var(--ibiz-view-layout-body-bg-color);
+  background-color: var(--app-view-layout-body-bg-color);
 }
-.ibiz-view-layout__footer {
+.app-view-layout__footer {
   flex: none;
   display: flex;
   justify-content: space-between;
-  background-color: var(--ibiz-view-layout-footer-bg-color);
+  background-color: var(--app-view-layout-footer-bg-color);
 }
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/components/render/icon-text.scss

 // 基线对齐
-.ibiz-icon-text__icon,.ibiz-icon-text__icon-img{
+.app-icon-text__icon,.app-icon-text__icon-img{
   vertical-align: bottom;
 }
 // 默认样式
-.ibiz-icon-text--default{
-  font-size: var(--ibiz-icon-text-font-size-md);
-  .ibiz-icon-text__icon,.ibiz-icon-text__icon-img{
-    width: var(--ibiz-icon-text-icon-width-md);
-    height: var(--ibiz-icon-text-icon-height-md);
+.app-icon-text--default{
+  font-size: var(--app-icon-text-font-size-md);
+  .app-icon-text__icon,.app-icon-text__icon-img{
+    width: var(--app-icon-text-icon-width-md);
+    height: var(--app-icon-text-icon-height-md);
   }
 }
 // large的样式
-.ibiz-icon-text--large{
-  font-size: var(--ibiz-icon-text-font-size-lg);
-  .ibiz-icon-text__icon,.ibiz-icon-text__icon-img{
-    width: var(--ibiz-icon-text-icon-width-lg);
-    height: var(--ibiz-icon-text-icon-height-lg);
+.app-icon-text--large{
+  font-size: var(--app-icon-text-font-size-lg);
+  .app-icon-text__icon,.app-icon-text__icon-img{
+    width: var(--app-icon-text-icon-width-lg);
+    height: var(--app-icon-text-icon-height-lg);
   }
 }
 // 位置变化的样式
-.ibiz-icon-text--left .ibiz-icon-text__text{
+.app-icon-text--left .app-icon-text__text{
   margin-left: 5px;
 }
-.ibiz-icon-text--right .ibiz-icon-text__text{
+.app-icon-text--right .app-icon-text__text{
   margin-right: 5px;
 }
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/mixin/index.scss

@@ -11,7 +11,7 @@
 }
 
 // Placeholder文本颜色修改，兼容各种浏览器
-@mixin placeholder($color: var(--ibiz-text-color-placeholder)) {
+@mixin placeholder($color: var(--app-text-color-placeholder)) {
   // Firefox
   &::-moz-placeholder {
     color: $color;

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/theme/dark.scss

 // 主题样式覆盖
-.ibiz-theme-dark:root{
+.app-theme-dark:root{
   
 }
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/var/base.scss

 // 基础通用变量
 :root{
   // 字体
-  --ibiz-font-family: -apple-system, BlinkMacSystemFont, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-  --ibiz-font-weight-primary: 500;
-  --ibiz-font-weight-bold: 600;
-  --ibiz-font-line-height: 24px;
+  --app-font-family: -apple-system, BlinkMacSystemFont, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+  --app-font-weight-primary: 500;
+  --app-font-weight-bold: 600;
+  --app-font-line-height: 24px;
 
   // 字体大小
-  --ibiz-font-size-xs: 12px;
-  --ibiz-font-size-sm: 14px;
-  --ibiz-font-size-md: 16px;
-  --ibiz-font-size-lg: 20px;
-  --ibiz-font-size-xl: 22px;
+  --app-font-size-xs: 12px;
+  --app-font-size-sm: 14px;
+  --app-font-size-md: 16px;
+  --app-font-size-lg: 20px;
+  --app-font-size-xl: 22px;
 
   // 字体颜色
-  --ibiz-text-color-primary: #303133;
-  --ibiz-text-color-regular: #606266;
-  --ibiz-text-color-secondary: #909399;
-  --ibiz-text-color-placeholder: #c0c4cc;
-  --ibiz-text-color-disabled: #bbb;
-  --ibiz-text-color-inverse: #fff; // 反转色，深色背景下使用
+  --app-text-color-primary: #303133;
+  --app-text-color-regular: #606266;
+  --app-text-color-secondary: #909399;
+  --app-text-color-placeholder: #c0c4cc;
+  --app-text-color-disabled: #bbb;
+  --app-text-color-inverse: #fff; // 反转色，深色背景下使用
 
   // 颜色
-  --ibiz-color-white: #fff;
-  --ibiz-color-black: #000;
-  --ibiz-color-primary: #409eff; //重要的，常用于激活色
-  --ibiz-color-success: #67c23a;
-  --ibiz-color-warning: #e6a23c;
-  --ibiz-color-danger: #f56c6c;
-  --ibiz-color-error: #f56c6c;
-  --ibiz-color-info: #909399;
-  --ibiz-color-border: #e8eaec;
-  --ibiz-bg-color: #f5f7fa; //默认背景色
-  --ibiz-bg-color-disabled: #f5f7fa; //禁用背景色
+  --app-color-white: #fff;
+  --app-color-black: #000;
+  --app-color-primary: #409eff; //重要的，常用于激活色
+  --app-color-success: #67c23a;
+  --app-color-warning: #e6a23c;
+  --app-color-danger: #f56c6c;
+  --app-color-error: #f56c6c;
+  --app-color-info: #909399;
+  --app-color-border: #e8eaec;
+  --app-bg-color: #f5f7fa; //默认背景色
+  --app-bg-color-disabled: #f5f7fa; //禁用背景色
 
   // 边框
-  --ibiz-border-color: #dcdfe6;
-  --ibiz-border-width: 1;
-  --ibiz-border-style: solid;
-  --ibiz-border-color-hover: #c0c4cc;
-  --ibiz-border-color-disabled: #e4e7ed;
-  --ibiz-border-base: var(--ibiz-border-width-base) var(--ibiz-border-style-base)
-    var(--ibiz-border-color-base);
+  --app-border-color: #dcdfe6;
+  --app-border-width: 1;
+  --app-border-style: solid;
+  --app-border-color-hover: #c0c4cc;
+  --app-border-color-disabled: #e4e7ed;
+  --app-border-base: var(--app-border-width-base) var(--app-border-style-base)
+    var(--app-border-color-base);
 }

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/var/component.scss

 // render 绘制组件样式
 
 // icon-text
-.ibiz-icon-text{
-  --ibiz-icon-text-font-size-md: var(--ibiz-font-size-md);
-  --ibiz-icon-text-icon-width-md: var(--ibiz-font-size-md);
-  --ibiz-icon-text-icon-height-md: var(--ibiz-font-size-md);
-  --ibiz-icon-text-font-size-lg: var(--ibiz-font-size-lg);
-  --ibiz-icon-text-icon-width-lg: var(--ibiz-font-size-lg);
-  --ibiz-icon-text-icon-height-lg: var(--ibiz-font-size-lg);
+.app-icon-text{
+  --app-icon-text-font-size-md: var(--app-font-size-md);
+  --app-icon-text-icon-width-md: var(--app-font-size-md);
+  --app-icon-text-icon-height-md: var(--app-font-size-md);
+  --app-icon-text-font-size-lg: var(--app-font-size-lg);
+  --app-icon-text-icon-width-lg: var(--app-font-size-lg);
+  --app-icon-text-icon-height-lg: var(--app-font-size-lg);
 }
 
 // layout 组件样式
 
-.ibiz-index-view-layout{
-  --ibiz-view-layout-header-bg-color: var(--ibiz-color-white);
-  --ibiz-view-layout-body-bg-color: var(--ibiz-color-white);
-  --ibiz-view-layout-footer-bg-color: var(--ibiz-color-white);
+.app-index-view-layout{
+  --app-view-layout-header-bg-color: var(--app-color-white);
+  --app-view-layout-body-bg-color: var(--app-color-white);
+  --app-view-layout-footer-bg-color: var(--app-color-white);
 }
-.ibiz-view-layout{
-  --ibiz-view-layout-padding: 8px 12px 10px;
-  --ibiz-view-layout-header-padding: 0 10px;
-  --ibiz-view-layout-bg-color: var(--ibiz-bg-color);
-  --ibiz-view-layout-header-bg-color: var(--ibiz-color-white);
-  --ibiz-view-layout-body-bg-color: var(--ibiz-color-white);
-  --ibiz-view-layout-footer-bg-color: var(--ibiz-color-white);
-  --ibiz-view-layout-header-height: 48px;
-  --ibiz-view-layout-header-border-bottom: var(--ibiz-color-border);
-  --ibiz-view-caption-font-size: var(--ibiz-font-size-lg)
+.app-view-layout{
+  --app-view-layout-padding: 8px 12px 10px;
+  --app-view-layout-header-padding: 0 10px;
+  --app-view-layout-bg-color: var(--app-bg-color);
+  --app-view-layout-header-bg-color: var(--app-color-white);
+  --app-view-layout-body-bg-color: var(--app-color-white);
+  --app-view-layout-footer-bg-color: var(--app-color-white);
+  --app-view-layout-header-height: 48px;
+  --app-view-layout-header-border-bottom: var(--app-color-border);
+  --app-view-caption-font-size: var(--app-font-size-lg)
 }
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/var/view.scss

-// ibiz-edit-view
\ No newline at end of file
+// app-edit-view
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/var/widget.scss

 // EditForm
 :root{
-  --ibiz-form-font-size: var(--ibiz-font-size-base, 12px);
+  --app-form-font-size: var(--app-font-size-base, 12px);
 }
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/views/edit-view.scss

-.ibiz-view-container {
+.app-view-container {
   height: 100%;
   width: 100%;
 }
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/style/widgets/edit-form.scss

-.ibiz-control {
+.app-control {
   height: 100%;
   width: 100%;
 }
\ No newline at end of file

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@APPINDEXVIEW}}/{{pages@APPINDEXVIEW}}.vue.hbs

@@ -39,7 +39,7 @@ const collapsedChange = () => {
 </script>
 
 <template>
-  <AppDefaultIndexViewLayout class="ibiz-index-view" :menuAlign="state.menuAlign" :collapsed="collapsed">
+  <AppDefaultIndexViewLayout class="app-index-view" :menuAlign="state.menuAlign" :collapsed="collapsed">
     <template #caption>
       <div class="index-view-header">
         \{{state.viewCaption}}
@@ -72,7 +72,7 @@ const collapsedChange = () => {
 </template>
 
 <style lang="scss">
-.ibiz-index-view {
+.app-index-view {
   .index-view-header {
     font-size: 18px;
     >.trigger:hover {

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@DEEDITVIEW}}/{{pages@DEEDITVIEW}}.vue.hbs

@@ -34,10 +34,10 @@ const { state, form, handleToolbarEvent } = new EditView(ViewConfig, props, emit
 </script>
 
 <template>
-  <AppEditViewLayout :class="['ibiz-edit-view', state.viewSysCss]">
+  <AppEditViewLayout :class="['app-edit-view', state.viewSysCss]">
     <template v-slot:caption>
       <AppIconText
-        class="ibiz-view__caption"
+        class="app-view__caption"
         size="large"
         :subCaption="state.subCaption"
         :showCaptionBar="state.showCaptionBar"

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@DEGRIDVIEW}}/{{pages@DEGRIDVIEW}}.vue.hbs

@@ -38,9 +38,9 @@ const { state, grid, handleCtrlEvent, handleToolbarEvent } = new GridView(ViewCo
 </script>
 
 <template>
-  <AppGridViewLayout class="ibiz-grid-view">
+  <AppGridViewLayout class="app-grid-view">
     <template v-slot:caption>
-      <AppIconText class="ibiz-view__caption" size="large" :text="state.viewCaption" />
+      <AppIconText class="app-view__caption" size="large" :text="state.viewCaption" />
     </template>
     {{#page.ctrls}}
     {{#eq controlType "TOOLBAR"}}
@@ -101,7 +101,7 @@ const { state, grid, handleCtrlEvent, handleToolbarEvent } = new GridView(ViewCo
 </template>
 
 <style lang="scss">
-.ibiz-grid-view {
+.app-grid-view {
   height: 100%;
   width: 100%;
 }

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@DEPICKUPGRIDVIEW}}/{{pages@DEPICKUPGRIDVIEW}}.vue.hbs

@@ -36,9 +36,9 @@ const { state, confirm, handleCtrlEvent } = new PickupGridView(ViewConfig, props
 </script>
 
 <template>
-  <AppPickerUpGridViewLayout class="ibiz-pickup-grid-view">
+  <AppPickerUpGridViewLayout class="app-pickup-grid-view">
     <template v-slot:header-left>
-      <AppIconText class="ibiz-view__caption" size="large" :text="state.viewCaption" />
+      <AppIconText class="app-view__caption" size="large" :text="state.viewCaption" />
     </template>
     {{#page.ctrls}}
     {{#eq controlType "GRID"}}

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@DEPICKUPVIEW}}/{{pages@DEPICKUPVIEW}}.vue.hbs

@@ -32,9 +32,9 @@ const { state, cancel, confirm,handleCtrlEvent } = new PickupView(ViewConfig, pr
 </script>
 
 <template>
-    <AppPickerUpViewLayout class="ibiz-pickup-view">
+    <AppPickerUpViewLayout class="app-pickup-view">
         <template v-slot:header-left>
-          <AppIconText class="ibiz-view__caption" size="large" :text="state.viewCaption" />
+          <AppIconText class="app-view__caption" size="large" :text="state.viewCaption" />
         </template>
 
         {{#page.ctrls}}
@@ -61,7 +61,7 @@ const { state, cancel, confirm,handleCtrlEvent } = new PickupView(ViewConfig, pr
             {{/eq}}
           {{/page.ctrls}}
               <template v-slot:footer>
-      <a-space class="ibiz-pickup-view--footer">
+      <a-space class="app-pickup-view--footer">
         <a-button @click="cancel">取消</a-button>
         <a-button @click="confirm">确认</a-button>
       </a-space>
@@ -69,9 +69,9 @@ const { state, cancel, confirm,handleCtrlEvent } = new PickupView(ViewConfig, pr
     </AppPickerUpViewLayout>
 </template>
 <style lang="scss">
-.ibiz-pickup-view {
+.app-pickup-view {
   position: relative;
-  .ibiz-pickup-view--footer {
+  .app-pickup-view--footer {
     position: absolute;
     bottom: 20px;
     right: 35px;

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/views/{{appModules}}/{{pages@DETREEEXPVIEW}}/{{pages@DETREEEXPVIEW}}.vue.hbs

@@ -29,9 +29,9 @@ const { state, handleCtrlEvent, handleToolbarEvent } = new TreeExpView(ViewConfi
 </script>
 
 <template>
-    <AppTreeExpViewLayout class="ibiz-tree-exp-view">
+    <AppTreeExpViewLayout class="app-tree-exp-view">
       <template v-slot:caption>
-        <AppIconText class="ibiz-view__caption" size="large" :text="state.viewCaption" />
+        <AppIconText class="app-view__caption" size="large" :text="state.viewCaption" />
       </template>
       {{#page.ctrls}}
       {{#eq controlType "TOOLBAR"}}

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@APPMENU}}-menu/{{ctrls@APPMENU}}-menu.vue.hbs

@@ -27,7 +27,7 @@ defineExpose({ state, name: '{{ctrl.name}}' });
 </script>
 
 <template>
-  <a-menu class="ibiz-menu" v-model:openKeys="state.defaultOpens" v-model:selectedKeys="state.defaultSelect"
+  <a-menu class="app-menu" v-model:openKeys="state.defaultOpens" v-model:selectedKeys="state.defaultSelect"
     :mode="Object.is('LEFT', state.menuAlign) ? 'inline' : 'horizontal'" @select="menuSelect">
     <AppMenuItem :items="state.menus" :collapsed="collapsed" />
   </a-menu>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@FORM}}-form/{{ctrls@FORM}}-form.vue.hbs

@@ -32,7 +32,7 @@ defineExpose({ state, name: '{{ctrl.name}}' });
 </script>
 <template>
   <a-form name="{{ctrl.codeName}}"
-    class="ibiz-form{{#if ctrl.psSysCss}} {{ctrl.psSysCss.cssName}}{{/if}}{{#if ctrl.infoFormMode}} ibiz-info-form{{/if}}"
+    class="app-form{{#if ctrl.psSysCss}} {{ctrl.psSysCss.cssName}}{{/if}}{{#if ctrl.infoFormMode}} app-info-form{{/if}}"
     style="{{#if ctrl.formWidth}}width: {{ctrl.formWidth}}px;{{/if}}" :model="state.data" :rules="state.rules">
     {{#if ctrl.noTabHeader}}
     {{#each ctrl.psDEFormPages as | ctrlPage | }}
@@ -41,7 +41,7 @@ defineExpose({ state, name: '{{ctrl.name}}' });
     {{/each }}
     {{/each}}
     {{else}}
-    <a-tabs class="ibiz-form-page">
+    <a-tabs class="app-form-page">
       {{#each ctrl.psDEFormPages as | ctrlPage | }}
       {{>(lookup . 'ctrlPage.detailType') item=ctrlPage }}
       {{/each}}
@@ -50,7 +50,7 @@ defineExpose({ state, name: '{{ctrl.name}}' });
   </a-form>
 </template>
 <style lang="scss">
-  .ibiz-form {
+  .app-form {
     .ant-card-head {
       padding: 0;
       margin: 0 10px;

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@GRID}}-grid/{{ctrls@GRID}}-grid.vue.hbs

@@ -40,7 +40,7 @@ const { scrollOption, rowKey, rowClassName, customRow, rowSelectionOption, resiz
 defineExpose({ state, name: '{{ctrl.name}}', load });
 </script>
 <template>
-  <a-table bordered sticky class="ibiz-grid{{#if ctrl.psSysCss}} {{ctrl.psSysCss.cssName}}{{/if}}" :rowKey="rowKey"
+  <a-table bordered sticky class="app-grid{{#if ctrl.psSysCss}} {{ctrl.psSysCss.cssName}}{{/if}}" :rowKey="rowKey"
     :showHeader="{{#if ctrl.hideHeader}}false{{else}}true{{/if}}" :scroll="scrollOption"
     :sortDirections="['ascend', 'descend']" :data-source="state.data" :row-selection="rowSelectionOption"
     :columns="state.columnsModel" :pagination="state.gridPaging.pagination" :customRow="customRow"
@@ -77,7 +77,7 @@ defineExpose({ state, name: '{{ctrl.name}}', load });
   </a-table>
 </template>
 <style lang="scss">
-  .ibiz-grid {
+  .app-grid {
     height: 100%;
     padding-top: 8px;
 

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@PICKUPVIEWPANEL}}-pickup-view-panel/{{ctrls@PICKUPVIEWPANEL}}-pickup-view-panel.vue.hbs

@@ -38,7 +38,7 @@ defineExpose({ state, name: '{{ctrl.name}}' });
 </script>
 
 <template>
-  <div class="ibiz-pickupviewpanel">
+  <div class="app-pickupviewpanel">
     <ChartDataPickUpGridView :isSingleSelect="state.isSingleSelect" :isShowButton="state.isShowButton"
       :selectedData="state.selectedData" @viewEvent="handleViewEvent"></ChartDataPickUpGridView>
   </div>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@PICKUPVIEWPANEL}}-pickupviewpanel/{{ctrls@PICKUPVIEWPANEL}}-pickupviewpanel.vue.hbs

@@ -38,7 +38,7 @@ defineExpose({ state, name: '{{ctrl.name}}' });
 </script>
 
 <template>
-  <div class="ibiz-pickupviewpanel">
+  <div class="app-pickupviewpanel">
     <component v-if="inited && state.embeddedView && state.embeddedView.viewName" :if="state.embeddedView.viewName"
       :viewdata="viewdata" :viewparam="viewparam" :isSingleSelect="state.isSingleSelect"
       :isShowButton="state.isShowButton" :selectedData="state.selectedData"></component>

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@SEARCHFORM}}-searchForm/{{ctrls@SEARCHFORM}}-searchForm.vue.hbs

@@ -45,7 +45,7 @@ const { state, handleEditorEvent, handleComponentEvent, onSearch, loadDraft, onO
         {{/each }}
       {{/each}}
       {{else}}
-      <a-tabs class="ibiz-form-page">
+      <a-tabs class="app-form-page">
         {{#each ctrl.psDEFormPages as | ctrlPage | }}
         {{>(lookup . 'ctrlPage.detailType') item=ctrlPage }}
         {{/each}}

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@TREEEXPBAR}}-tree-exp-bar/{{ctrls@TREEEXPBAR}}-tree-exp-bar.vue.hbs

@@ -43,7 +43,7 @@ defineExpose({ state, name: '{{ctrl.name}}' });
 
 <template>
   <a-layout
-    class="ibiz-tree-exp-bar{{#if ctrl.psSysCss}} {{ctrl.psSysCss.cssName}}{{/if}}"
+    class="app-tree-exp-bar{{#if ctrl.psSysCss}} {{ctrl.psSysCss.cssName}}{{/if}}"
     >
     <a-layout-sider>
       {{#ctrl.ctrls}}

modules/ibizlab-generator-core/src/main/resources/templ/r7/app_{{apps}}/src/widgets/{{appEntities}}/{{ctrls@TREEVIEW}}-tree/{{ctrls@TREEVIEW}}-tree.vue.hbs

@@ -38,13 +38,13 @@ defineExpose({ state, name: '{{ctrl.name}}' });
 // TODO 树节点待支持图标和自定义绘制
 <template>
   <a-tree
-    class="ibiz-tree{{#if ctrl.psSysCss}} {{ctrl.psSysCss.cssName}}{{/if}}"
+    class="app-tree{{#if ctrl.psSysCss}} {{ctrl.psSysCss.cssName}}{{/if}}"
     :tree-data="state.data"
     :load-data="load"
     :fieldNames="{ title: 'text', key: 'id' }"
     @select="treeNodeSelect">
       <template #title="{ text, id }">
-        <div class="ibiz-tree-node">
+        <div class="app-tree-node">
           <span class="tree-node__title">\{{ text }}</span>
         </div>
       </template>