@vue-ui-kit/ant 2.0.1 → 2.0.2

package/dist/packages/components/PCanvasTable.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: <T extends Recordable = Recordable, B extends Recordable
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onReady"> & CanvasTableProps<T, B> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         $table: null;
+        selectedRecords: import('vue').ComputedRef<import('@vue/reactivity').UnwrapRefSimple<T>[]>;
     }>): void;
     attrs: any;
     slots: Partial<Record<string, (_: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-ui-kit/ant",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Vue3 UI Kit based on Ant Design",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/declarations/antProxy.ts

@@ -5,6 +5,7 @@ import { FormProps } from 'ant-design-vue/lib/form/Form';
 import { TableColumnType, TableProps, TooltipProps } from 'ant-design-vue';
 import { ButtonType } from 'ant-design-vue/lib/button/buttonTypes';
 import type { ConfigType, Column as EVirtColumn } from 'e-virt-table';
+import EVirtTable from 'e-virt-table';
 
 export interface CellFuncArg<D extends Recordable = Recordable> {
   row: D;
@@ -371,3 +372,7 @@ export interface PFormGroupInstance {
   validate: (index: number, ignoreTabError?: boolean) => Promise<void>;
   validateFields: (index: number, fields: string[], ignoreTabError?: boolean) => Promise<void>;
 }
+export interface PCanvasTableInstance<T extends Recordable = Recordable> {
+  $table: InstanceType<typeof EVirtTable>;
+  selectedRecords: T[];
+}

package/src/packages/components/PCanvasTable.vue

@@ -28,6 +28,7 @@
   const defaultConfig = {
     DISABLED: true,
   };
+  const selectedRecords = ref<T[]>([]);
   const props = defineProps<CanvasTableProps<T, B>>();
   let eVirtTable: EVirtTable | null = null;
   const attrs = useAttrs();
@@ -164,7 +165,7 @@
       editorType.value = 'text';
     });
     eVirtTable.on('selectionChange', (selection) => {
-      console.log('selection', selection);
+      selectedRecords.value = selection;
     });
     emit('ready', eVirtTable);
   });
@@ -210,6 +211,7 @@
   );
   defineExpose({
     $table: eVirtTable,
+    selectedRecords: computed(() => selectedRecords.value),
   });
 </script>
 <template>

package/src/packages/components/PromisePicker.vue

@@ -11,7 +11,15 @@
   import { Button as AButton, Modal as AModal } from 'ant-design-vue';
 
   const gridEl = ref<PGridInstance<D>>();
-
+  const defaultBodyStyle = {
+    minHeight: '642px',
+  };
+  const mergedBodyStyle = computed(() => {
+    return {
+      ...defaultBodyStyle,
+      ...props.bodyStyle,
+    };
+  });
   const props = withDefaults(defineProps<PromisePickerProps<D, F>>(), {
     title: '数据选择',
     width: '70%',
@@ -87,7 +95,7 @@
     :width="width"
     :footer="isMultiple ? undefined : null"
     @cancel="handleCancel"
-    :body-style="bodyStyle"
+    :body-style="mergedBodyStyle"
   >
     <p-grid v-bind="gridSetting" ref="gridEl" @pick="selectRow" />
     <template v-if="isMultiple" #footer>