knt-shared 1.2.4 → 1.2.6

package/dist/index.esm.js

@@ -709,7 +709,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: ["register", "update:modelValue", "change", "success", "handleSuccess", "error", "handlError", "progress", "remove", "preview", "exceed"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v439946ba": cardSizeValue.value
+      "f530bac6": cardSizeValue.value
     }));
     const props = __props;
     const emit = __emit;
@@ -941,7 +941,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       fileListRef.value = fileList;
       emit("change", fileList);
       const isRemove = newLength < oldLength;
-      const fileKey = currentFile.uid;
+      const fileKey = currentFile.uid || `file-${Date.now()}-${Math.random()}`;
       const lastStatus = processedFiles.value.get(fileKey);
       if (currentFile.status === "done" && lastStatus !== "done" && !isRemove) {
         processedFiles.value.set(fileKey, "done");
@@ -1079,7 +1079,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       updateFile
     });
     watch(
-      () => props.modelValue,
+      () => getProps.value.modelValue,
       (val) => {
         fileListRef.value = parseModelValue(val);
       },
@@ -1181,7 +1181,103 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c83c45f0"]]);
+const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-03d56780"]]);
+function useUpload(props) {
+  const uploadRef = ref(null);
+  const fileListRef = ref((props == null ? void 0 : props.defaultFileList) || []);
+  const register = (uploadInstance) => {
+    uploadRef.value = uploadInstance;
+    if ((props == null ? void 0 : props.defaultFileList) && props.defaultFileList.length > 0) {
+      uploadInstance.setFileList(props.defaultFileList);
+    }
+    if (props && Object.keys(props).length > 0) {
+      const { defaultFileList, ...restProps } = props;
+      if (Object.keys(restProps).length > 0) {
+        setProps(restProps);
+      }
+    }
+  };
+  const getUpload = () => {
+    const upload2 = unref(uploadRef);
+    if (!upload2) {
+      throw new Error('Upload 实例未注册,请确保在组件上使用 @register="register"');
+    }
+    return upload2;
+  };
+  const submit = () => {
+    getUpload().submit();
+  };
+  const abort = (fileItem) => {
+    getUpload().abort(fileItem);
+  };
+  const clearFiles = () => {
+    getUpload().clearFiles();
+    fileListRef.value = [];
+  };
+  const getFileList = () => {
+    return getUpload().getFileList();
+  };
+  const upload = (fileItem) => {
+    getUpload().upload(fileItem);
+  };
+  const setFileList = (files) => {
+    fileListRef.value = files;
+    const upload2 = getUpload();
+    if (upload2.setFileList) {
+      upload2.setFileList(files);
+    }
+  };
+  const addFile = (file) => {
+    fileListRef.value.push(file);
+    const upload2 = getUpload();
+    if (upload2.addFile) {
+      upload2.addFile(file);
+    }
+  };
+  const removeFile = (fileItem) => {
+    const index = fileListRef.value.findIndex(
+      (item) => item.uid === fileItem.uid
+    );
+    if (index !== -1) {
+      fileListRef.value.splice(index, 1);
+    }
+    const upload2 = getUpload();
+    if (upload2.removeFile) {
+      upload2.removeFile(fileItem);
+    }
+  };
+  const updateFile = (fileItem) => {
+    const index = fileListRef.value.findIndex(
+      (item) => item.uid === fileItem.uid
+    );
+    if (index !== -1) {
+      fileListRef.value[index] = { ...fileListRef.value[index], ...fileItem };
+    }
+    const upload2 = getUpload();
+    if (upload2.updateFile) {
+      upload2.updateFile(fileItem);
+    }
+  };
+  const setProps = (uploadProps) => {
+    getUpload().setProps(uploadProps);
+  };
+  const methods = {
+    get fileList() {
+      return fileListRef.value;
+    },
+    submit,
+    abort,
+    upload,
+    clearFiles,
+    getFileList,
+    setFileList,
+    addFile,
+    removeFile,
+    updateFile,
+    setProps
+  };
+  return [register, methods];
+}
 const componentMap = {
   Input,
   InputNumber,
@@ -1233,6 +1329,10 @@ const componentsNeedSelectPlaceholder = /* @__PURE__ */ new Set([
   "Cascader",
   "TreeSelect"
 ]);
+const componentsNeedUploadPlaceholder = /* @__PURE__ */ new Set([
+  "Upload",
+  "BasicUpload"
+]);
 function getPlaceholder(component, label) {
   if (componentsNeedPlaceholder.has(component)) {
     return `请输入${label}`;
@@ -1246,10 +1346,10 @@ function getRules(component, label) {
   if (componentsNeedPlaceholder.has(component)) {
     return [{ required: true, message: `请输入${label}` }];
   }
-  if (componentsNeedSelectPlaceholder.has(component)) {
-    return [{ required: true, message: `请选择${label}` }];
+  if (componentsNeedUploadPlaceholder.has(component)) {
+    return [{ required: true, message: `请上传${label}` }];
   }
-  return [];
+  return [{ required: true, message: `请选择${label}` }];
 }
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
@@ -1509,7 +1609,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       scrollToField
     });
     const stopSchemasWatch = watch(
-      () => props.schemas,
+      () => getProps.value.schemas,
       (newSchemas) => {
         if (newSchemas) {
           internalSchemas.value = [...newSchemas];
@@ -1576,8 +1676,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       ref_for: true
                     }, getFormItemBindValue(schema)), {
                       default: withCtx(() => [
-                        schema.renderComponentContent ? (openBlock(), createBlock(resolveDynamicComponent(schema.renderComponentContent(schema, formModel)), { key: 0 })) : (openBlock(), createBlock(resolveDynamicComponent(unref(getComponent)(schema.component)), mergeProps({
-                          key: 1,
+                        schema.slotName ? renderSlot(_ctx.$slots, schema.slotName, {
+                          key: 0,
+                          schema,
+                          model: formModel
+                        }) : schema.renderComponentContent ? (openBlock(), createBlock(resolveDynamicComponent(schema.renderComponentContent(schema, formModel)), { key: 1 })) : (openBlock(), createBlock(resolveDynamicComponent(unref(getComponent)(schema.component)), mergeProps({
+                          key: 2,
                           modelValue: formModel[schema.field],
                           "onUpdate:modelValue": ($event) => formModel[schema.field] = $event,
                           placeholder: getPlaceholderText(schema)
@@ -2003,11 +2107,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     expandable: {},
     scroll: {},
     draggable: {},
-    pagination: { type: [Boolean, Object] },
-    search: { type: [Boolean, Object] },
-    toolbar: { type: [Boolean, Object] },
+    pagination: { type: [Boolean, Object], default: () => ({
+      current: 1,
+      pageSize: 20,
+      showTotal: true,
+      showJumper: true,
+      showPageSize: true,
+      pageSizeOptions: [5, 10, 20, 50, 100]
+    }) },
+    search: { type: [Boolean, Object], default: () => ({ show: false }) },
+    toolbar: { type: [Boolean, Object], default: () => ({ show: false }) },
     immediate: { type: Boolean, default: true },
     api: {},
+    fetchSetting: {},
     beforeFetch: {},
     afterFetch: {},
     onFetchError: {},
@@ -2062,7 +2174,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     const paginationRef = ref({
       current: 1,
-      pageSize: 10,
+      pageSize: 20,
       total: 0,
       showTotal: true,
       showJumper: true,
@@ -2085,7 +2197,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     };
     watch(
-      () => [props.data, props.loading],
+      () => [getMergedProps.value.data, getMergedProps.value.loading],
       ([data, loading]) => {
         if (data) {
           dataSource.value = data;
@@ -2293,6 +2405,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         search,
         toolbar,
         api,
+        fetchSetting,
         beforeFetch,
         afterFetch,
         onFetchError,
@@ -2497,15 +2610,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const signal = currentAbortController.signal;
       try {
         loadingRef.value = true;
+        const fetchSetting = {
+          pageField: "page",
+          sizeField: "pageSize",
+          listField: "records",
+          totalField: "total",
+          ...mergedProps.fetchSetting
+        };
         let params = {
           ...searchParams.value
         };
         if (paginationRef.value) {
-          params.page = paginationRef.value.current;
-          params.pageSize = paginationRef.value.pageSize;
+          params[fetchSetting.pageField] = paginationRef.value.current;
+          params[fetchSetting.sizeField] = paginationRef.value.pageSize;
         }
         if (mergedProps.beforeFetch) {
-          params = mergedProps.beforeFetch(params);
+          params = await Promise.resolve(mergedProps.beforeFetch(params));
         }
         const result = await mergedProps.api(params, signal);
         if (!result || typeof result !== "object") {
@@ -2515,30 +2635,29 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             data: result
           };
         }
-        if (!("data" in result)) {
+        const listField = fetchSetting.listField;
+        const totalField = fetchSetting.totalField;
+        if (!(listField in result)) {
           throw {
             code: ERROR_CODES.INVALID_RESPONSE,
-            message: "API 响应格式无效：缺少 data 字段",
+            message: `API 响应格式无效：缺少 ${listField} 字段`,
             data: result
           };
         }
-        if (!Array.isArray(result.data)) {
-          console.warn("API 响应格式警告：data 字段不是数组，已转换为空数组");
-        }
-        if (!("total" in result) || typeof result.total !== "number") {
-          console.warn("API 响应格式警告：total 字段缺失或类型错误，已设置为 0");
+        if (!Array.isArray(result[listField])) {
+          console.warn(`API 响应格式警告：${listField} 字段不是数组，已转换为空数组`);
         }
-        let data = Array.isArray(result.data) ? result.data : [];
-        let total = typeof result.total === "number" ? result.total : 0;
+        let data = Array.isArray(result[listField]) ? result[listField] : [];
+        let total = typeof result[totalField] === "number" ? result[totalField] : data.length;
         if (total < data.length) {
           console.warn(
             `数据一致性警告：total(${total}) 小于 data.length(${data.length})`
           );
         }
         if (mergedProps.afterFetch) {
-          const processed = mergedProps.afterFetch(result);
-          data = Array.isArray(processed.data) ? processed.data : data;
-          total = typeof processed.total === "number" ? processed.total : total;
+          const processed = await Promise.resolve(mergedProps.afterFetch(result));
+          data = Array.isArray(processed[listField]) ? processed[listField] : data;
+          total = typeof processed[totalField] === "number" ? processed[totalField] : total;
         }
         dataSource.value = data;
         if (paginationRef.value) {
@@ -2706,7 +2825,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       initPagination();
       initColumnSetting();
       document.addEventListener("fullscreenchange", handleFullscreenChange);
-      await nextTick();
       const tableInstance = {
         getDataSource,
         setDataSource,
@@ -3118,7 +3236,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-04667d35"]]);
+const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7a27a6be"]]);
 function useTable(options = {}) {
   const tableRef = ref(null);
   const formRef = ref(null);
@@ -3598,14 +3716,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     __expose(modalMethods);
     watch(
-      () => props.visible,
+      () => getProps.value.visible,
       (val) => {
-        visibleRef.value = val;
+        visibleRef.value = val ?? false;
       },
       { immediate: true }
     );
     watch(
-      () => props.defaultFullscreen,
+      () => getProps.value.defaultFullscreen,
       (val) => {
         fullscreenRef.value = val || false;
       },
@@ -3759,7 +3877,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-860bd3ac"]]);
+const BasicModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-68fed17a"]]);
 function useModal(props) {
   const modalRef = ref(null);
   const loadedRef = ref(false);
@@ -4141,102 +4259,6 @@ function useDescription(props) {
     }
   ];
 }
-function useUpload(props) {
-  const uploadRef = ref(null);
-  const fileListRef = ref((props == null ? void 0 : props.defaultFileList) || []);
-  const register = (uploadInstance) => {
-    uploadRef.value = uploadInstance;
-    if ((props == null ? void 0 : props.defaultFileList) && props.defaultFileList.length > 0) {
-      uploadInstance.setFileList(props.defaultFileList);
-    }
-    if (props && Object.keys(props).length > 0) {
-      const { defaultFileList, ...restProps } = props;
-      if (Object.keys(restProps).length > 0) {
-        setProps(restProps);
-      }
-    }
-  };
-  const getUpload = () => {
-    const upload2 = unref(uploadRef);
-    if (!upload2) {
-      throw new Error('Upload 实例未注册,请确保在组件上使用 @register="register"');
-    }
-    return upload2;
-  };
-  const submit = () => {
-    getUpload().submit();
-  };
-  const abort = (fileItem) => {
-    getUpload().abort(fileItem);
-  };
-  const clearFiles = () => {
-    getUpload().clearFiles();
-    fileListRef.value = [];
-  };
-  const getFileList = () => {
-    return getUpload().getFileList();
-  };
-  const upload = (fileItem) => {
-    getUpload().upload(fileItem);
-  };
-  const setFileList = (files) => {
-    fileListRef.value = files;
-    const upload2 = getUpload();
-    if (upload2.setFileList) {
-      upload2.setFileList(files);
-    }
-  };
-  const addFile = (file) => {
-    fileListRef.value.push(file);
-    const upload2 = getUpload();
-    if (upload2.addFile) {
-      upload2.addFile(file);
-    }
-  };
-  const removeFile = (fileItem) => {
-    const index = fileListRef.value.findIndex(
-      (item) => item.uid === fileItem.uid
-    );
-    if (index !== -1) {
-      fileListRef.value.splice(index, 1);
-    }
-    const upload2 = getUpload();
-    if (upload2.removeFile) {
-      upload2.removeFile(fileItem);
-    }
-  };
-  const updateFile = (fileItem) => {
-    const index = fileListRef.value.findIndex(
-      (item) => item.uid === fileItem.uid
-    );
-    if (index !== -1) {
-      fileListRef.value[index] = { ...fileListRef.value[index], ...fileItem };
-    }
-    const upload2 = getUpload();
-    if (upload2.updateFile) {
-      upload2.updateFile(fileItem);
-    }
-  };
-  const setProps = (uploadProps) => {
-    getUpload().setProps(uploadProps);
-  };
-  const methods = {
-    get fileList() {
-      return fileListRef.value;
-    },
-    submit,
-    abort,
-    upload,
-    clearFiles,
-    getFileList,
-    setFileList,
-    addFile,
-    removeFile,
-    updateFile,
-    setProps
-  };
-  return [register, methods];
-}
 function formatDate(date, format = "YYYY-MM-DD HH:mm:ss") {
   const d = typeof date === "number" ? new Date(date) : date;
   const year = d.getFullYear();