gi-component 0.0.6 → 0.0.8

package/packages/styles/index.scss

@@ -28,6 +28,12 @@ body {
   }
 }
 
+.el-dialog__headerbtn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .gi-w-full {
   width: 100%;
 }

package/packages/types/tool.ts

@@ -0,0 +1,14 @@
+// 辅助类型：获取所有类型的键的联合
+type AllKeys<T> = T extends any ? keyof T : never
+
+// 辅助类型：获取属性在所有类型中的联合类型
+type UnionType<T, K extends PropertyKey> = T extends any
+  ? K extends keyof T
+    ? T[K]
+    : never
+  : never
+
+// 合并多个类型，同名属性转为联合类型
+export type MergeMultiple<T extends any[]> = {
+  [K in AllKeys<T[number]>]: UnionType<T[number], K>
+}

package/packages/utils/createSelectDialog.ts

@@ -1,25 +1,26 @@
-import type { Component } from 'vue';
-import { ElMessage } from 'element-plus';
-import { h, ref } from 'vue';
-import { Dialog, type DialogOptions } from '../index';
+import type { Component } from 'vue'
+import type { DialogOptions } from '../index'
+import { ElMessage } from 'element-plus'
+import { h, ref } from 'vue'
+import { Dialog } from '../index'
 
 interface CreateSelectDialogParams extends Omit<DialogOptions, 'content' | 'onOk' | 'onBeforeOk'> {
-  component: Component;
-  componentProps?: Record<string, any>;
-  tip?: string;
+  component: Component
+  componentProps?: Record<string, any>
+  tip?: string
 };
 
 interface DefOption {
-  queryParams: Record<string, any>;
+  queryParams: Record<string, any>
 }
 
 type DialogOption<T, Q extends DefOption = DefOption> = {
-  title?: string;
-  multiple?: boolean;
-  queryParams?: Q['queryParams'];
-  onOk?: (data: T) => void;
-  onBeforeOk?: (data: T) => Promise<boolean>;
-};
+  title?: string
+  multiple?: boolean
+  queryParams?: Q['queryParams']
+  onOk?: (data: T) => void
+  onBeforeOk?: (data: T) => Promise<boolean>
+}
 
 /**
  * 创建选择弹窗
@@ -29,8 +30,8 @@ export const createSelectDialog = <T, Q extends DefOption = DefOption>(
   params: CreateSelectDialogParams
 ) => {
   return function (options: DialogOption<T, Q>) {
-    const { multiple = false, onOk, onBeforeOk, queryParams } = options;
-    const DialogTableRef = ref<any>();
+    const { multiple = false, onOk, onBeforeOk, queryParams } = options
+    const DialogTableRef = ref<any>()
 
     Dialog.open({
       bodyClass: 'gi-p0',
@@ -46,21 +47,21 @@ export const createSelectDialog = <T, Q extends DefOption = DefOption>(
       style: { maxWidth: '1000px', ...params.style },
       onBeforeOk: async () => {
         if (!DialogTableRef.value.getSelectedData) {
-          ElMessage.error('组件必须暴露getSelectedData方法');
-          return false;
+          ElMessage.error('组件必须暴露getSelectedData方法')
+          return false
         }
-        const data = DialogTableRef.value?.getSelectedData();
+        const data = DialogTableRef.value?.getSelectedData()
         if (!data.length) {
-          ElMessage.warning(params.tip || '请选择数据');
-          return false;
+          ElMessage.warning(params.tip || '请选择数据')
+          return false
         }
         if (onBeforeOk) {
-          return await onBeforeOk(data);
+          return await onBeforeOk(data)
         } else {
-          onOk?.(data);
-          return true;
+          onOk?.(data)
+          return true
         }
       }
-    });
-  };
-};
+    })
+  }
+}

package/packages/utils/index.ts

@@ -1 +1 @@
-export * from './createSelectDialog';
+export * from './createSelectDialog'