修复w-grid-toolbar的问题

io.sc.platform.core.frontend/src/platform/components/grid/ts/function/Operator.ts

@@ -325,36 +325,38 @@ export class Operator extends Base {
       }
     }, time);
 
-    tableElement.getElementsByTagName('table')[0].style.setProperty('--tableHeadBgColor', this.table?.color.headBgColor);
+    if (tableElement) {
-    tableElement.getElementsByTagName('table')[0].style.setProperty('--stickyBgColor', this.table?.color.stickyBgColor);
+      tableElement.getElementsByTagName('table')[0].style.setProperty('--tableHeadBgColor', this.table?.color.headBgColor);
-    tableElement.getElementsByTagName('table')[0].style.setProperty('--tableBorderColor', this.table?.color.borderColor);
+      tableElement.getElementsByTagName('table')[0].style.setProperty('--stickyBgColor', this.table?.color.stickyBgColor);
-    tableElement.getElementsByTagName('table')[0].style.setProperty('--tableColumnTitleHeight', (this.tools?.cm.denseHeader.value ? 28 : 48) + 'px');
+      tableElement.getElementsByTagName('table')[0].style.setProperty('--tableBorderColor', this.table?.color.borderColor);
-    let headerPadding = '8px';
+      tableElement.getElementsByTagName('table')[0].style.setProperty('--tableColumnTitleHeight', (this.tools?.cm.denseHeader.value ? 28 : 48) + 'px');
-    if (this.tools?.cm.denseHeader) {
+      let headerPadding = '8px';
-      headerPadding = '4px';
+      if (this.tools?.cm.denseHeader) {
-    }
+        headerPadding = '4px';
-    tableElement.getElementsByTagName('table')[0].style.setProperty('--tableHeaderPadding', headerPadding);
+      }
-    let bodyPadding = '8px';
+      tableElement.getElementsByTagName('table')[0].style.setProperty('--tableHeaderPadding', headerPadding);
-    if (this.tools?.cm.denseBody) {
+      let bodyPadding = '8px';
-      bodyPadding = '4px';
+      if (this.tools?.cm.denseBody) {
-    }
+        bodyPadding = '4px';
-    tableElement.getElementsByTagName('table')[0].style.setProperty('--tableBodyPadding', bodyPadding);
+      }
-    tableElement.getElementsByTagName('table')[0].style.setProperty('--tableBodyHeight', (this.tools?.cm.denseBody.value ? 24 : 48) + 'px');
+      tableElement.getElementsByTagName('table')[0].style.setProperty('--tableBodyPadding', bodyPadding);
-    nextTick(() => {
+      tableElement.getElementsByTagName('table')[0].style.setProperty('--tableBodyHeight', (this.tools?.cm.denseBody.value ? 24 : 48) + 'px');
-      if (this.tools?.cm.denseBody.value && !this.props.hideBottom) {
+      nextTick(() => {
-        if (tableElement.getElementsByClassName('q-table__bottom').length > 0) {
+        if (this.tools?.cm.denseBody.value && !this.props.hideBottom) {
-          tableElement.getElementsByClassName('q-table__bottom')[0].style.setProperty('--tableBottomHeight', 33 + 'px');
+          if (tableElement.getElementsByClassName('q-table__bottom').length > 0) {
-          tableElement.getElementsByClassName('q-table__bottom')[0].style.setProperty('--tableBottomButtonHeight', 24 + 'px');
+            tableElement.getElementsByClassName('q-table__bottom')[0].style.setProperty('--tableBottomHeight', 33 + 'px');
+            tableElement.getElementsByClassName('q-table__bottom')[0].style.setProperty('--tableBottomButtonHeight', 24 + 'px');
+          }
+        } else if (!this.props.hideBottom && tableElement.getElementsByClassName('q-table__bottom').length > 0) {
+          tableElement.getElementsByClassName('q-table__bottom')[0].style.setProperty('--tableBottomHeight', 50 + 'px');
+          tableElement.getElementsByClassName('q-table__bottom')[0].style.setProperty('--tableBottomButtonHeight', 40 + 'px');
         }
-      } else if (!this.props.hideBottom && tableElement.getElementsByClassName('q-table__bottom').length > 0) {
+      });
-        tableElement.getElementsByClassName('q-table__bottom')[0].style.setProperty('--tableBottomHeight', 50 + 'px');
+      if (this.props.title || this.props.toolbarActions.length > 0 || this.props.configButton) {
-        tableElement.getElementsByClassName('q-table__bottom')[0].style.setProperty('--tableBottomButtonHeight', 40 + 'px');
+        tableElement.getElementsByClassName('q-table__top')[0].style.setProperty('--tableTopPadding', '8px');
+      } else {
+        tableElement.getElementsByClassName('q-table__top')[0].style.setProperty('--tableTopPadding', '0px');
       }
-    });
-    if (this.props.title || this.props.toolbarActions.length > 0 || this.props.configButton) {
-      tableElement.getElementsByClassName('q-table__top')[0].style.setProperty('--tableTopPadding', '8px');
-    } else {
-      tableElement.getElementsByClassName('q-table__top')[0].style.setProperty('--tableTopPadding', '0px');
     }
   }
 }

io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue

@@ -6,7 +6,8 @@
           <q-item-section>
             <q-item-label header :style="headerStyleComputed">
               <q-icon v-if="props.icon" :name="props.icon" size="sm" v-bind="props.iconAttrs" />
-              <span style="margin-left: 5px">{{ label }}</span>
+              <span v-if="label" style="margin-left: 5px">{{ label }}</span>
+              <div v-else style="margin-left: 5px"><slot name="label"></slot></div>
             </q-item-label>
           </q-item-section>
         </q-item>

io.sc.platform.core.frontend/src/platform/components/toolbar/WToolbar.vue

@@ -50,13 +50,17 @@ watch(
  */
 const calcButtonWidth = () => {
   // 将隐藏容器显示一次，以获取每个按钮实际显示时需要的宽度。
-  hiddenContainerRef.value.style.display = 'block';
+  if (hiddenContainerRef.value) {
-  nextTick(() => {
+    hiddenContainerRef.value.style.display = 'block';
-    toolbar.setButtonWidth(buttonsRef.value.divRef);
+    nextTick(() => {
-    // 还原隐藏容器
+      if (buttonsRef.value?.divRef) {
-    hiddenContainerRef.value.style.display = 'none';
+        toolbar.setButtonWidth(buttonsRef.value.divRef);
-    buildButtons();
+        // 还原隐藏容器
-  });
+        hiddenContainerRef.value.style.display = 'none';
+        buildButtons();
+      }
+    });
+  }
 };
 
 // 构建基础按钮与更多按钮