knt-shared 1.2.4 → 1.2.5

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
+      "v43e7547c": cardSizeValue.value
     }));
     const props = __props;
     const emit = __emit;
@@ -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,7 @@ 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-00569ecd"]]);
 const componentMap = {
   Input,
   InputNumber,
@@ -1233,6 +1233,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 +1250,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 +1513,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       scrollToField
     });
     const stopSchemasWatch = watch(
-      () => props.schemas,
+      () => getProps.value.schemas,
       (newSchemas) => {
         if (newSchemas) {
           internalSchemas.value = [...newSchemas];
@@ -1576,8 +1580,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 +2011,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 +2078,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     const paginationRef = ref({
       current: 1,
-      pageSize: 10,
+      pageSize: 20,
       total: 0,
       showTotal: true,
       showJumper: true,
@@ -2085,7 +2101,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 +2309,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         search,
         toolbar,
         api,
+        fetchSetting,
         beforeFetch,
         afterFetch,
         onFetchError,
@@ -2497,15 +2514,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 +2539,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 (!Array.isArray(result[listField])) {
+          console.warn(`API 响应格式警告：${listField} 字段不是数组，已转换为空数组`);
         }
-        if (!("total" in result) || typeof result.total !== "number") {
-          console.warn("API 响应格式警告：total 字段缺失或类型错误，已设置为 0");
-        }
-        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 +2729,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       initPagination();
       initColumnSetting();
       document.addEventListener("fullscreenchange", handleFullscreenChange);
-      await nextTick();
       const tableInstance = {
         getDataSource,
         setDataSource,
@@ -3118,7 +3140,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 +3620,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     __expose(modalMethods);
     watch(
-      () => props.visible,
+      () => getProps.value.visible,
       (val) => {
         visibleRef.value = val;
       },
       { immediate: true }
     );
     watch(
-      () => props.defaultFullscreen,
+      () => getProps.value.defaultFullscreen,
       (val) => {
         fullscreenRef.value = val || false;
       },
@@ -3759,7 +3781,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-1e847475"]]);
 function useModal(props) {
   const modalRef = ref(null);
   const loadedRef = ref(false);