update: 更新

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

@@ -25,10 +25,6 @@ const props = withDefaults(defineProps<ToolbarProps>(), {
 });
 const emit = defineEmits<toolbarEmit>();
 const items: Ref<IParam[]> = ref(props.actionModel || []);
-console.log(items);
-const getItemClass = (item: IParam) => {
-  return item?.class;
-};
 const itemClick = (item: IParam) => {
   emit("toolbarEvent", {
     tag: props.name,
@@ -48,7 +44,7 @@ const itemClick = (item: IParam) => {
       <!-- todo 无权限显示模式 -->
         <a-button
           v-show="item.visible"
-          :class="['toolbar-item', getItemClass(item)]"
+          :class="['toolbar-item', item.class]"
           :disabled="item.disabled"
           type="primary"
           @click="itemClick(item)"
@@ -59,7 +55,7 @@ const itemClick = (item: IParam) => {
           :imgPath="item.showIcon && item.imgPath"/>
         </a-button>
       </a-tooltip>
-      <a-dropdown v-else-if="Object.is(item.itemType, 'items')">
+      <a-dropdown v-else-if="Object.is(item.itemType, 'ITEMS')">
         <a-menu slot="overlay" @click="itemClick">
           <a-tooltip
             v-for="(childItem, index) in item"
@@ -68,7 +64,7 @@ const itemClick = (item: IParam) => {
           >
             <a-menu-item
               v-show="childItem.visible"
-              :class="['toolbar-item', getItemClass(childItem)]"
+              :class="['toolbar-item', item.class]"
               :disabled="childItem.disabled"
               type="primary"
               @click="itemClick(childItem)"
@@ -81,13 +77,17 @@ const itemClick = (item: IParam) => {
           </a-tooltip>
         </a-menu>
       </a-dropdown>
+      <template v-else-if="Object.is(item.itemType, 'SEPERATOR')">
+        <span class='separator'>|</span>
+      </template>
       </template>
     </a-space>
     <a-space v-else class="toolbar-link">
       <template v-for="(item, index) in items" :key="index">
+        <div v-if="item.separator" class="separator"></div>
         <a-button
           v-show="item.visible"
-          :class="['toolbar-item', getItemClass(item)]"
+          :class="['toolbar-item', item.class]"
           :disabled="item.disabled"
           type="link"
           @click="itemClick(item)"
@@ -97,7 +97,6 @@ const itemClick = (item: IParam) => {
           :iconClass="item.showIcon && item.iconClass" 
           :imgPath="item.showIcon && item.imgPath"/>
         </a-button>
-        <div v-if="item.separator" class="separator"></div>
       </template>
     </a-space>
   </div>
@@ -116,7 +115,7 @@ const itemClick = (item: IParam) => {
       }
       .separator {
         position: absolute;
-        right: 0;
+        left: 0;
         top: 15%;
         height: 70%;
         width: 1px;