@xmszm/core 0.0.4 → 0.0.6

package/dist/style.css

@@ -1 +1 @@
-.filter-box[data-v-2aba8b9e]{padding:20px;margin:-16px -28px -20px;box-sizing:border-box}.filter-main[data-v-2aba8b9e]{display:flex;align-content:flex-start;flex-wrap:wrap;min-height:500px;max-height:700px;overflow-y:auto;row-gap:20px;padding:0 0 15px;box-sizing:border-box}.filter-main .filter-item[data-v-2aba8b9e]{--info-color: var(--e0ecc754);--n-border-checked: 1px solid var(--info-color) !important;--n-border-focus: 1px solid var(--info-color) !important;--n-color-checked: var(--info-color) !important;--n-box-shadow-focus: 0 0 0 2px #6a1f7403 !important;width:calc(100% / 3)}.filter-footer[data-v-2aba8b9e]{display:flex;justify-content:space-between;align-items:center}.filter-footer .submit-btn[data-v-2aba8b9e]{width:80px}[data-v-9de17e68] .n-data-table-tr--summary{position:sticky;bottom:0;left:0;right:0;z-index:2}[data-v-9de17e68] .n-data-table-tr--summary .n-data-table-td--summary{border-top:1px solid var(--n-merged-border-color)}.upload-box[data-v-54e2cc87]{width:auto}.upload-box[data-v-54e2cc87] .n-upload-file-list.n-upload-file-list--grid{display:flex;flex-wrap:wrap}.upload-box[data-v-54e2cc87] .n-upload-file.n-upload-file--image-card-type{width:var(--image-w);height:var(--image-h)}.upload-box[data-v-54e2cc87] .n-upload-file.n-upload-file--image-card-type .n-image img{object-fit:var(--image-mode)!important}.upload-box[data-v-54e2cc87] .n-upload-trigger--image-card{width:var(--image-w);height:var(--image-h)}.upload-box[data-v-54e2cc87] .n-upload-file--error-status:not(:hover) .n-upload-file-info,.upload-box[data-v-54e2cc87] .n-upload-file--info-status:not(:hover) .n-upload-file-info{position:relative}.upload-box[data-v-54e2cc87] .n-upload-file--error-status:not(:hover) .n-upload-file-info:after,.upload-box[data-v-54e2cc87] .n-upload-file--info-status:not(:hover) .n-upload-file-info:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;display:block;background-color:#0006}.upload-box[data-v-54e2cc87] .n-upload-file--error-status:not(:hover):after{font-size:12px;white-space:nowrap;content:"上传失败~";position:absolute;color:#ffffffbf;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:block}.upload-box[data-v-54e2cc87] .n-upload-file--info-status:not(:hover):after{font-size:12px;white-space:nowrap;content:"加载中~";position:absolute;color:#ffffffbf;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:block}.svg-icon[data-v-9dbe5f10]{width:inherit;height:inherit;fill:currentColor;vertical-align:middle}.core-dialog-main,.core-dialog-content{box-sizing:border-box;display:flex;align-items:flex-start}.core-dialog-main{min-height:300px}.core-dialog .n-dialog__content{overflow-y:auto;margin:10px -28px 0;box-sizing:border-box;flex:1;border-top:1px solid #91919147;border-bottom:1px solid #91919147;padding:28px}.core-dialog .n-dialog__action{padding:20px 0 0;box-sizing:border-box}.core-dialog-read .n-dialog__content{border-bottom:unset}.select-text[data-v-643f6214]{min-width:100px;max-width:240px;text-align:center}.select-line-text[data-v-643f6214]{text-align:center;white-space:nowrap;display:inline}
+.filter-box[data-v-ffb0cfbf]{padding:20px;margin:-16px -28px -20px;box-sizing:border-box}.filter-main[data-v-ffb0cfbf]{display:flex;align-content:flex-start;flex-wrap:wrap;min-height:500px;max-height:700px;overflow-y:auto;row-gap:20px;padding:0 0 15px;box-sizing:border-box}.filter-main .filter-item[data-v-ffb0cfbf]{--info-color: var(--v56ebba65);--n-border-checked: 1px solid var(--info-color) !important;--n-border-focus: 1px solid var(--info-color) !important;--n-color-checked: var(--info-color) !important;--n-box-shadow-focus: 0 0 0 2px #6a1f7403 !important;width:calc(100% / 3)}.filter-footer[data-v-ffb0cfbf]{display:flex;justify-content:space-between;align-items:center}.filter-footer .submit-btn[data-v-ffb0cfbf]{width:80px}[data-v-057650fc] .n-data-table-tr--summary{position:sticky;bottom:0;left:0;right:0;z-index:2}[data-v-057650fc] .n-data-table-tr--summary .n-data-table-td--summary{border-top:1px solid var(--n-merged-border-color)}.upload-box[data-v-29718977]{width:auto}.upload-box[data-v-29718977] .n-upload-file-list.n-upload-file-list--grid{display:flex;flex-wrap:wrap}.upload-box[data-v-29718977] .n-upload-file.n-upload-file--image-card-type{width:var(--image-w);height:var(--image-h)}.upload-box[data-v-29718977] .n-upload-file.n-upload-file--image-card-type .n-image img{object-fit:var(--image-mode)!important}.upload-box[data-v-29718977] .n-upload-trigger--image-card{width:var(--image-w);height:var(--image-h)}.upload-box[data-v-29718977] .n-upload-file--error-status:not(:hover) .n-upload-file-info,.upload-box[data-v-29718977] .n-upload-file--info-status:not(:hover) .n-upload-file-info{position:relative}.upload-box[data-v-29718977] .n-upload-file--error-status:not(:hover) .n-upload-file-info:after,.upload-box[data-v-29718977] .n-upload-file--info-status:not(:hover) .n-upload-file-info:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;display:block;background-color:#0006}.upload-box[data-v-29718977] .n-upload-file--error-status:not(:hover):after{font-size:12px;white-space:nowrap;content:"上传失败~";position:absolute;color:#ffffffbf;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:block}.upload-box[data-v-29718977] .n-upload-file--info-status:not(:hover):after{font-size:12px;white-space:nowrap;content:"加载中~";position:absolute;color:#ffffffbf;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:block}.svg-icon[data-v-9dbe5f10]{width:inherit;height:inherit;fill:currentColor;vertical-align:middle}.core-dialog-main,.core-dialog-content{box-sizing:border-box;display:flex;align-items:flex-start}.core-dialog-main{min-height:300px}.core-dialog .n-dialog__content{overflow-y:auto;margin:10px -28px 0;box-sizing:border-box;flex:1;border-top:1px solid #91919147;border-bottom:1px solid #91919147;padding:28px;max-height:70vh}.core-dialog .n-dialog__action{padding:20px 0 0;box-sizing:border-box}.core-dialog-read .n-dialog__content{border-bottom:unset}.flex-1[data-v-e03318bb]{flex:1}.select-text[data-v-e03318bb]{min-width:100px;max-width:240px;text-align:center}.select-line-text[data-v-e03318bb]{text-align:center;white-space:nowrap;display:inline}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmszm/core",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "naiveui core 组件与工具库",
   "license": "UNLICENSED",
   "main": "./dist/index.cjs",
@@ -26,7 +26,11 @@
       "require": "./dist/plugin/vite/initRouteMeta.cjs",
       "types": "./types/plugin/vite/initRouteMeta.d.ts"
     },
-    "./dist/style.css": "./dist/style.css",
+    "./dist/style.css": {
+      "import": "./dist/style.css",
+      "require": "./dist/style.css",
+      "types": "./types/style.d.ts"
+    },
     "./package.json": "./package.json"
   },
   "files": [

package/src/dialog/commonDialog.tsx

@@ -6,6 +6,7 @@ import type { CommonDialogOptions, DialogAction } from '../../types/components'
 import type { CommonDialogResult } from '../../types'
 import DataForm from '../form/DataForm.vue'
 import { dialogDefaultOption } from './utils/dialog'
+import { getDialogConfig } from '../utils/config'
 import './style/commonDialog.less'
 
 // 声明全局 $dialog 变量（外部可能注入）
@@ -238,9 +239,13 @@ export function commonDialogMethod(
         )
     : null
 
+  // 获取配置系统中的默认选项，优先使用配置系统的配置
+  const configDefaultOption = getDialogConfig()?.defaultOption || {}
+  const mergedDefaultOption = { ...dialogDefaultOption, ...configDefaultOption }
+
   const d = dialogInstance.create({
     type: 'info',
-    ...dialogDefaultOption,
+    ...mergedDefaultOption,
     ...(!noTitle
       ? { title: titleRender || (defaultModeEnum[mode]?.sub ?? '') + title }
       : {}),

package/src/dialog/style/commonDialog.less

@@ -10,6 +10,7 @@
 .core-dialog-main {
   min-height: 300px;
 }
+
 .core-dialog-content {
   // border-top: 1px solid #91919147;
 }
@@ -24,6 +25,7 @@
     border-bottom: 1px solid #91919147;
     padding: 28px;
     // max-height: 500px;
+    max-height: 70vh;
   }
 
   .n-dialog__action {
@@ -33,7 +35,7 @@
 }
 
 
-.core-dialog-read{
+.core-dialog-read {
   .n-dialog__content {
     border-bottom: unset;
   }

package/src/image/ImagesUpload.vue

@@ -1,9 +1,9 @@
 <script setup lang="jsx">
 // import { FilePath } from '@/api/upload'
-import dayjs from 'dayjs'
-import { ref, watch } from 'vue'
-import { customUpload,getFileUrl } from '../utils/upload'
-
+import dayjs from "dayjs";
+import { ref, watch } from "vue";
+import { customUpload, getFileUrl } from "../utils/upload";
+import { NUpload, NSpace } from "naive-ui";
 const props = defineProps({
   value: {
     type: [Array, String],
@@ -39,27 +39,27 @@ const props = defineProps({
   },
   mode: {
     type: String,
-    default: () => 'fill',
+    default: () => "fill",
   },
-  formData:{
+  formData: {
     type: Object,
     default: () => {},
-  }
-})
+  },
+});
 
-const emit = defineEmits(['update:value', 'complete'])
+const emit = defineEmits(["update:value", "complete"]);
 
-const FilePath = '/admin/file'
+const FilePath = "/admin/file";
 
-const _value = ref([])
+const _value = ref([]);
 watch(
   () => props.value,
   (value) => {
-    console.log('props.value', value)
-    _value.value
-      = props.max === 1
+    console.log("props.value", value);
+    _value.value =
+      props.max === 1
         ? value
-          ? typeof value !== 'string'
+          ? typeof value !== "string"
             ? value?.length
               ? [
                   {
@@ -68,7 +68,7 @@ watch(
                     url: getFileUrl(value[0]),
                     thumbnailUrl: getFileUrl(value[0]),
                     fullPath: value[0],
-                    status: 'finished',
+                    status: "finished",
                   },
                 ]
               : []
@@ -79,85 +79,83 @@ watch(
                   url: getFileUrl(value),
                   fullPath: value,
                   thumbnailUrl: getFileUrl(value),
-                  status: 'finished',
+                  status: "finished",
                 },
               ]
           : []
         : value?.map((v, i) => ({
-          id: dayjs().valueOf() + i,
-          name: `img${dayjs().valueOf()}`,
-          url: getFileUrl(v),
-          fullPath: v,
-          thumbnailUrl: getFileUrl(v),
-          status: 'finished',
-        })) || []
+            id: dayjs().valueOf() + i,
+            name: `img${dayjs().valueOf()}`,
+            url: getFileUrl(v),
+            fullPath: v,
+            thumbnailUrl: getFileUrl(v),
+            status: "finished",
+          })) || [];
 
-    console.log('1', _value.value)
+    console.log("1", _value.value);
   },
-  { immediate: true },
-)
+  { immediate: true }
+);
 function customRequestMethod(...arg) {
-  sendImgRequest(arg[0])
+  sendImgRequest(arg[0]);
 }
 
 async function sendImgRequest({ file, onFinish, onError, onProgress }, fn) {
-  const formData = new FormData()
-  if (file.status === 'pending') {
-    formData.append('file', file.file)
-    if(props.formData && Object.keys(props.formData).length){
-      Object.keys(props.formData).forEach(key => {
-        formData.append(key, props.formData[key])
-      })
+  const formData = new FormData();
+  if (file.status === "pending") {
+    formData.append("file", file.file);
+    if (props.formData && Object.keys(props.formData).length) {
+      Object.keys(props.formData).forEach((key) => {
+        formData.append(key, props.formData[key]);
+      });
     }
     customUpload({
       url: FilePath,
       data: formData,
-      method: 'post',
+      method: "post",
       onUploadProgress: ({ percent }) => onProgress({ percent }),
     })
       .then((res) => {
-        const { url } = res.data
-        file.url = getFileUrl(url)
-        file.fullPath = url
-        file.thumbnailUrl = getFileUrl(url)
+        const { url } = res.data;
+        file.url = getFileUrl(url);
+        file.fullPath = url;
+        file.thumbnailUrl = getFileUrl(url);
         // onError()
-        onFinish()
-        onSubmit()
+        onFinish();
+        onSubmit();
       })
       .catch(() => {
-        file = null
-        onError()
+        file = null;
+        onError();
       })
       .finally(() => {
-        fn && fn()
-      })
+        fn && fn();
+      });
   }
 }
 
 function onSubmit() {
-  console.log('onSubmit', _value.value)
+  console.log("onSubmit", _value.value);
 
   const arr = _value.value.reduce((o, n) => {
-    if (n.status === 'finished' && n?.fullPath) {
-      o.push(n.fullPath)
+    if (n.status === "finished" && n?.fullPath) {
+      o.push(n.fullPath);
     }
-    return o
-  }, [])
+    return o;
+  }, []);
   if (props.max === 1 && arr.length === 1) {
-    emit('update:value', arr[0])
-  }
-  else if (arr.length) {
-    emit('update:value', arr)
-  }
-  else {
-    emit('update:value', props.max === 1 ? null : [])
+    emit("update:value", arr[0]);
+  } else if (arr.length) {
+    emit("update:value", arr);
+  } else {
+    emit("update:value", props.max === 1 ? null : []);
   }
 }
 </script>
 
 <template>
-  <n-space align="end" :wrap-item="false">
-    <n-upload
+  <NSpace align="end" :wrap-item="false">
+    <NUpload
       v-model:file-list="_value"
       accept=".jpeg,.jpg,.png"
       list-type="image-card"
@@ -176,9 +174,9 @@ function onSubmit() {
         ...(props.size
           ? { '--image-w': `${props.size}px`, '--image-h': `${props.size}px` }
           : {
-            '--image-w': `${props.width}px`,
-            '--image-h': `${props.height}px`,
-          }),
+              '--image-w': `${props.width}px`,
+              '--image-h': `${props.height}px`,
+            }),
         '--image-mode': props.mode,
       }"
       @finish="
@@ -196,7 +194,7 @@ function onSubmit() {
         }
       "
     />
-  </n-space>
+  </NSpace>
 </template>
 
 <style scoped lang="less">
@@ -224,7 +222,7 @@ function onSubmit() {
     .n-upload-file-info {
       position: relative;
       &::after {
-        content: '';
+        content: "";
         position: absolute;
         top: 0;
         left: 0;
@@ -240,7 +238,7 @@ function onSubmit() {
     &::after {
       font-size: 12px;
       white-space: nowrap;
-      content: '上传失败~';
+      content: "上传失败~";
       position: absolute;
       color: rgba(255, 255, 255, 0.75);
       top: 50%;
@@ -254,7 +252,7 @@ function onSubmit() {
     &::after {
       font-size: 12px;
       white-space: nowrap;
-      content: '加载中~';
+      content: "加载中~";
       position: absolute;
       color: rgba(255, 255, 255, 0.75);
       top: 50%;

package/src/index.ts

@@ -6,6 +6,7 @@ export {
   getAllOptions,
   getOptions,
   setupOptions,
+  default as setupInitOptions
 } from './options/defaultOptions'
 export { default as Options } from './options/Options'
 export { default as CommonQuery } from './query/CommonQuery.vue'

package/src/query/CommonQuery.vue

@@ -1,156 +1,167 @@
 <script setup lang="tsx">
-import { RefreshOutline, SearchOutline } from '@vicons/ionicons5'
-import type { CommonQueryProps, CommonQueryEmits, FormOption } from '../../types/components'
-import DataForm from '../form/DataForm.vue'
-import { getOptions } from '../options/defaultOptions'
-import { ObjectToArray } from '../utils/object'
-import { computed, onMounted, onUnmounted, ref, getCurrentInstance } from 'vue'
-import { NButton, NSpace } from 'naive-ui'
-import { registerDirectives } from '../directives/auto-register'
+import { RefreshOutline, SearchOutline } from "@vicons/ionicons5";
+import type {
+  CommonQueryProps,
+  CommonQueryEmits,
+  FormOption,
+} from "../../types/components";
+import DataForm from "../form/DataForm.vue";
+import { getOptions } from "../options/defaultOptions";
+import { ObjectToArray } from "../utils/object";
+import { computed, onMounted, onUnmounted, ref, getCurrentInstance } from "vue";
+import { NButton, NSpace } from "naive-ui";
+import { registerDirectives } from "../directives/auto-register";
 
 // 自动注册指令
-const instance = getCurrentInstance()
+const instance = getCurrentInstance();
 if (instance?.appContext?.app) {
-  registerDirectives(instance.appContext.app)
+  registerDirectives(instance.appContext.app);
 }
 
 // 防抖函数
-function debounce<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void {
-  let timeoutId: ReturnType<typeof setTimeout> | undefined
+function debounce<T extends (...args: any[]) => any>(
+  func: T,
+  delay: number
+): (...args: Parameters<T>) => void {
+  let timeoutId: ReturnType<typeof setTimeout> | undefined;
   return function (...args: Parameters<T>) {
-    clearTimeout(timeoutId)
+    clearTimeout(timeoutId);
     timeoutId = setTimeout(() => {
-      func.apply(this, args)
-    }, delay)
-  }
+      func.apply(this, args);
+    }, delay);
+  };
 }
-const emit = defineEmits<CommonQueryEmits>()
+const emit = defineEmits<CommonQueryEmits>();
 
 const props = withDefaults(defineProps<CommonQueryProps>(), {
   inlineText: true,
   options: () => [],
   query: () => ({}),
   selectCount: 1,
-  type: 'primary',
+  type: "primary",
   noButton: false,
   isRead: false,
-  btn: () => ['reset', 'search'],
-  size: 'medium',
-})
+  btn: () => ["reset", "search"],
+  size: "medium",
+});
 
 function onBeforeOptions(arr: FormOption[]): FormOption[] {
   return arr.map((v: FormOption) => ({
     ...v,
     props: {
       ...v.props,
-      ...((!v.way || v.way === 'input') ? {
-        onUpdateValue: (...args: any[]) => {
-          ;(v.props as any)?.onUpdateValue?.(...args)
-        debouncedSubmit()
-      }
-      } : {}),
-    ...(v?.way === 'select' ? {
-        onUpdateValue: (...args: any[]) => {
-          ;(v.props as any)?.onUpdateValue?.(...args)
-        debouncedSubmit()
-      }
-      } : {})
-  }
-  }))
+      ...(!v.way || v.way === "input"
+        ? {
+            onUpdateValue: (...args: any[]) => {
+              (v.props as any)?.onUpdateValue?.(...args);
+              debouncedSubmit();
+            },
+          }
+        : {}),
+      ...(v?.way === "select"
+        ? {
+            onUpdateValue: (...args: any[]) => {
+              (v.props as any)?.onUpdateValue?.(...args);
+              debouncedSubmit();
+            },
+          }
+        : {}),
+    },
+  }));
 }
 
 // 创建防抖的提交函数（500ms延迟）
 const debouncedSubmit = debounce(() => {
-  emit('submit')
-}, 500)
+  emit("submit");
+}, 500);
 
 function onSubmit() {
   // loading.value = true
-  debouncedSubmit()
+  debouncedSubmit();
   // loading.value = false
   // return false
 }
-const loading = ref(false)
-const _query = defineModel('query', {
+const loading = ref(false);
+const _query = defineModel("query", {
   type: Object,
   default: () => ({}),
-})
+});
 
 const defaultFormItemProps = {
   style: {
-    width: '33%',
+    width: "33%",
   },
-}
+};
 const _queryOptionsKey = computed(() =>
-  props.options?.map(v => v?.way || 'input'),
-)
-const defaultOptions = getOptions(_queryOptionsKey.value)
+  props.options?.map((v) => v?.way || "input")
+);
+const defaultOptions = getOptions(_queryOptionsKey.value);
 
 const _queryOptions = computed(() => {
   try {
-    const arr: FormOption[] = []
+    const arr: FormOption[] = [];
     for (let i = 0; i < (props.options?.length || 0); i++) {
-      const v = props.options![i]
-      if (v?.enum && !v?.options)
-        v.options = ObjectToArray(v.enum)
+      const v = props.options![i];
+      if (v?.enum && !v?.options) v.options = ObjectToArray(v.enum);
       if (!v?.props) {
         v.props = {
           size: props.size,
-        }
+        };
       }
 
       if (!v?.formItemProps) {
-        v.formItemProps = { ...defaultFormItemProps }
-      }
-      else {
-        const formItemProps = typeof v.formItemProps === 'function'
-          ? v.formItemProps({}, {})
-          : v.formItemProps
+        v.formItemProps = { ...defaultFormItemProps };
+      } else {
+        const formItemProps =
+          typeof v.formItemProps === "function"
+            ? v.formItemProps({}, {})
+            : v.formItemProps;
         v.formItemProps = {
           ...defaultFormItemProps,
           ...formItemProps,
-          style: { ...defaultFormItemProps.style, ...(formItemProps as any)?.style },
-        }
+          style: {
+            ...defaultFormItemProps.style,
+            ...(formItemProps as any)?.style,
+          },
+        };
       }
 
-      const key = v?.key || (v as any)?.value
-      if (!key)
-        throw new Error('key no set')
+      const key = v?.key || (v as any)?.value;
+      if (!key) throw new Error("key no set");
       arr.push({
         ...v,
         key,
-      })
+      });
     }
-    return onBeforeOptions(arr)
-  }
-  catch (e) {
-    console.warn('error', e)
-    return []
+    return onBeforeOptions(arr);
+  } catch (e) {
+    console.warn("error", e);
+    return [];
   }
-})
+});
 
 const classComponent = {
-  input: '',
-  select: '',
-  dateRange: 'input-range',
-  dateRangeTime: 'input-range-time',
-}
+  input: "",
+  select: "",
+  dateRange: "input-range",
+  dateRangeTime: "input-range-time",
+};
 const defaultBtnProps = {
   style: {
-    borderRadius: '3px',
+    borderRadius: "3px",
   },
-}
+};
 const defaultBtn = {
   search: () => (
     <NButton
       type={props.type}
       loading={loading.value}
-      default-props={{ attrType: 'submit' }}
+      default-props={{ attrType: "submit" }}
       onClick={() => onSubmit()}
       {...defaultBtnProps}
     >
       {{
-        default: () => '搜索',
+        default: () => "搜索",
         icon: () => <SearchOutline />,
       }}
     </NButton>
@@ -159,53 +170,52 @@ const defaultBtn = {
     <NButton
       type="default"
       onClick={() => {
-        clearQuery()
+        clearQuery();
       }}
       {...defaultBtnProps}
     >
       {{
-        default: () => '重置',
+        default: () => "重置",
         icon: () => <RefreshOutline />,
       }}
     </NButton>
   ),
-}
+};
 
 function clearQuery(): void {
   props.options?.forEach((v: FormOption) => {
-    const key = (v?.key as string) || (v as any)?.value
+    const key = (v?.key as string) || (v as any)?.value;
     if (key) {
       if (v?.queryType) {
         if (!(_query.value as any)[v.queryType]) {
-          (_query.value as any)[v.queryType] = {}
+          (_query.value as any)[v.queryType] = {};
         }
-        (_query.value as any)[v.queryType][key] = null
-      }
-      else {
-        (_query.value as any)[key] = null
+        (_query.value as any)[v.queryType][key] = null;
+      } else {
+        (_query.value as any)[key] = null;
       }
     }
-  })
-  emit('reset')
+  });
+  emit("reset");
 }
 
 // 全局监听 Enter 键的方法
 function handleGlobalEnter(event: KeyboardEvent): void {
   // 检查是否按下了 Enter 键
-  if (event.key === 'Enter') {
-    onSubmit()
+  if (event.key === "Enter") {
+    onSubmit();
   }
 }
 
 // 组件挂载时添加全局监听
 onMounted(() => {
-  document.addEventListener('keydown', handleGlobalEnter)
-})
+  document.addEventListener("keydown", handleGlobalEnter);
+});
 
 // 组件卸载时移除全局监听
 onUnmounted(() => {
-  document.removeEventListener('keydown', handleGlobalEnter)
-})
+  document.removeEventListener("keydown", handleGlobalEnter);
+});
 </script>
 
 <template>
@@ -233,6 +243,9 @@ onUnmounted(() => {
 </template>
 
 <style scoped lang="less">
+.flex-1 {
+  flex: 1;
+}
 .select-text {
   min-width: 100px;
   max-width: 240px;