@vue-ui-kit/ant 2.0.0 → 2.0.2

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

@@ -6,7 +6,10 @@ declare const _default: <T extends Recordable = Recordable, B extends Recordable
         readonly onChange?: ((value: any[]) => any) | undefined;
         readonly onReady?: ((value: EVirtTable) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onReady"> & CanvasTableProps<T, B> & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        $table: null;
+        selectedRecords: import('vue').ComputedRef<import('@vue/reactivity').UnwrapRefSimple<T>[]>;
+    }>): void;
     attrs: any;
     slots: Partial<Record<string, (_: {
         cell: Cell | import('e-virt-table/dist/lib/CellHeader').default;

package/dist/style.scss

@@ -1,4 +1,8 @@
-@use 'variables';
+// Variables inlined for npm distribution
+:root {
+  --p-theme-bg: #fff;
+}
+
 
 .p-pane {
   background-color: var(--p-theme-bg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-ui-kit/ant",
-  "version": "2.0.0",
+  "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();
@@ -163,6 +164,9 @@
     eVirtTable.on('doneEdit', () => {
       editorType.value = 'text';
     });
+    eVirtTable.on('selectionChange', (selection) => {
+      selectedRecords.value = selection;
+    });
     emit('ready', eVirtTable);
   });
   function saveCellValue(value) {
@@ -172,6 +176,9 @@
     const { rowKey, key } = editorCell.value;
     eVirtTable?.setItemValueByEditor(rowKey, key, value);
   }
+  const getPopupContainer = () => {
+    return document.body;
+  };
   watch(
     props.data,
     (newValue) => {
@@ -202,9 +209,10 @@
     },
     { deep: true },
   );
-  const getPopupContainer = () => {
-    return document.body;
-  };
+  defineExpose({
+    $table: eVirtTable,
+    selectedRecords: computed(() => selectedRecords.value),
+  });
 </script>
 <template>
   <a-spin :spinning="loading">

package/src/packages/components/PromisePicker.vue

@@ -1,4 +1,9 @@
-<script lang="ts" setup name="PromisePicker" generic="D extends Recordable = Recordable, F extends Recordable = Recordable">
+<script
+  lang="ts"
+  setup
+  name="PromisePicker"
+  generic="D extends Recordable = Recordable, F extends Recordable = Recordable"
+>
   import { reactive, ref, computed } from 'vue';
   import { PGridInstance, PromisePickerProps } from '#/antProxy';
   import PGrid from '@/components/PGrid.vue';
@@ -6,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%',
@@ -82,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>