@vue-ui-kit/ant 2.1.0 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-ui-kit/ant",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Vue3 UI Kit based on Ant Design",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -46,7 +46,7 @@
     "email": "adoin@qq.com"
   },
   "dependencies": {
-    "e-virt-table": "^1.2.33",
+    "e-virt-table": "^1.2.35",
     "uuid": "^10.0.0",
     "xe-utils": "^3.7.6"
   },

package/src/declarations/antProxy.ts

@@ -166,8 +166,9 @@ export interface ToolbarConfig {
   buttons?: Array<ToolbarButtonProps>;
   tools?: Array<{
     code: string;
-    icon: string;
+    icon?: string;
     type?: ButtonType;
+    content?: string;
     disabled?: boolean;
     size?: 'small' | 'large' | 'middle';
   }>;

package/src/packages/components/PCanvasGrid.vue

@@ -516,7 +516,8 @@
               @click="debounceToolToolClick(tool.code)"
               :loading="loading.toolbar || (!!tool.code && codeLoadings[tool.code])"
             >
-              <Icon :icon="tool.icon" />
+              <Icon v-if="tool.icon" :icon="tool.icon" />
+              {{ tool.content }}
             </a-button>
           </template>
         </span>

package/src/packages/components/PCanvasTable.vue

@@ -38,6 +38,7 @@
   const propsWithDefaults = computed(() => ({
     ...props,
     config: {
+      AUTO_ROW_HEIGHT: true,
       DISABLED: true, // 内部写死的默认配置
       ...canvasTableDefaults, // 全局配置
       ...props.config, // 用户传入的配置
@@ -299,6 +300,7 @@
               v-for="cell in view.cells"
               :key="`${cell.rowKey}_${cell.key}`"
               :style="cell.style"
+              v-bind="cell.domDataset"
             >
               <component
                 v-if="typeof cell.render === 'function'"

package/src/packages/components/PGrid.vue

@@ -577,7 +577,8 @@
               @click="debounceToolToolClick(tool.code)"
               :loading="loading.toolbar || (!!tool.code && codeLoadings[tool.code])"
             >
-              <Icon :icon="tool.icon" />
+              <Icon v-if="tool.icon" :icon="tool.icon" />
+              {{ tool.content }}
             </a-button>
           </template>
         </span>

package/src/packages/store/renderStore.tsx

@@ -210,12 +210,20 @@ const renderBasic = (name: string) => {
     },
   };
 };
-type GetPopupContainer = () => HTMLElement
-const renderBtn = (btnOpt: BtnOptions, params: RenderTableParams, getPopupContainer?: GetPopupContainer,) =>
+type GetPopupContainer = () => HTMLElement;
+const renderBtn = (
+  btnOpt: BtnOptions,
+  params: RenderTableParams,
+  getPopupContainer?: GetPopupContainer,
+) =>
   btnOpt.dropdowns &&
   btnOpt.dropdowns.length > 0 &&
   btnOpt.dropdowns.filter((f) => !f.hiddenIf?.(params)).length > 0 ? (
-    <Dropdown getPopupContainer={getPopupContainer ?? (() => document.querySelector('.p-wrapper') as HTMLElement)}>
+    <Dropdown
+      getPopupContainer={
+        getPopupContainer ?? (() => document.querySelector('.p-wrapper') as HTMLElement)
+      }
+    >
       {{
         default: () => (
           <Button
@@ -456,23 +464,26 @@ const renders: RenderFactory = {
   },
   ButtonTree: {
     renderDefault({ children = [], props = {} as Recordable }, params: RenderTableParams) {
-      const spanRef = ref<HTMLElement | null>(null)
+      const spanRef = ref<HTMLElement | null>(null);
       return (
         <span ref={spanRef} class={props.noGap ? 'align-no-gap-box' : 'align-gap-box'}>
-          {
-            (children as BtnOptions[]).filter(f => !f.hiddenIf?.(params)).map(item =>
+          {(children as BtnOptions[])
+            .filter((f) => !f.hiddenIf?.(params))
+            .map((item) =>
               renderBtn(item, params, () => {
-                return spanRef.value?.parentElement?.parentElement?.parentElement?.parentElement || document.body
+                return (
+                  spanRef.value?.parentElement?.parentElement?.parentElement?.parentElement ||
+                  document.body
+                );
               }),
-            ) ?? []
-          }
+            ) ?? []}
         </span>
-      )
+      );
     },
   },
   $radio: {
     renderItemContent(
-      { props = {}, events = {}, options, defaultValue  }: RenderOptions,
+      { props = {}, events = {}, options, defaultValue }: RenderOptions,
       { data, field }: RenderFormParams,
     ) {
       if (isGoodValue(defaultValue) && valued(field) && isBadValue(data[field!])) {