knt-shared 1.2.3 → 1.2.5

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, ref, unref, watch, onMounted, nextTick, resolveComponent, createVNode, mergeProps, createSlots, withCtx, renderSlot, createBlock, createCommentVNode, toDisplayString, createTextVNode, reactive, onBeforeUnmount, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent, withDirectives, vShow, withModifiers, h, onUnmounted } from "vue";
+import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, useCssVars, ref, unref, watch, onMounted, nextTick, resolveComponent, createVNode, mergeProps, createSlots, withCtx, renderSlot, createBlock, createCommentVNode, toDisplayString, createTextVNode, reactive, onBeforeUnmount, normalizeProps, guardReactiveProps, Fragment, renderList, resolveDynamicComponent, withDirectives, vShow, withModifiers, h, onUnmounted } from "vue";
 import { Message, Transfer, Mention, Upload, Rate, Slider, Switch, RangePicker, TimePicker, DatePicker, TreeSelect, Cascader, CheckboxGroup, Checkbox, RadioGroup, Radio, Select, AutoComplete, Textarea, InputPassword, InputNumber, Input } from "@arco-design/web-vue";
 const configProviderInjectionKey = Symbol("ArcoConfigProvider");
 const CLASS_PREFIX = "arco";
@@ -708,6 +708,9 @@ 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) => ({
+      "v43e7547c": cardSizeValue.value
+    }));
     const props = __props;
     const emit = __emit;
     const uploadRef = ref();
@@ -727,6 +730,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    const cardSizeValue = computed(() => {
+      return `${getProps.value.cardSize || 80}px`;
+    });
     const getBindValue = computed(() => {
       const propsData = unref(getProps);
       return {
@@ -1073,7 +1079,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       updateFile
     });
     watch(
-      () => props.modelValue,
+      () => getProps.value.modelValue,
       (val) => {
         fileListRef.value = parseModelValue(val);
       },
@@ -1118,8 +1124,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   key: 0,
                   class: "upload-card-button",
                   style: normalizeStyle({
-                    width: `${getProps.value.cardSize || 80}px`,
-                    height: `${getProps.value.cardSize || 80}px`
+                    width: cardSizeValue.value,
+                    height: cardSizeValue.value
                   })
                 }, [
                   createVNode(unref(IconPlus), { size: 16 }),
@@ -1175,7 +1181,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1a5a7ff7"]]);
+const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-00569ecd"]]);
 const componentMap = {
   Input,
   InputNumber,
@@ -1227,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}`;
@@ -1236,6 +1246,15 @@ function getPlaceholder(component, label) {
   }
   return "";
 }
+function getRules(component, label) {
+  if (componentsNeedPlaceholder.has(component)) {
+    return [{ required: true, message: `请输入${label}` }];
+  }
+  if (componentsNeedUploadPlaceholder.has(component)) {
+    return [{ required: true, message: `请上传${label}` }];
+  }
+  return [{ required: true, message: `请选择${label}` }];
+}
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "BasicForm",
@@ -1338,12 +1357,17 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       if (schema.disabled !== void 0) {
         disabled = typeof schema.disabled === "boolean" ? schema.disabled : schema.disabled(formModel);
       }
+      let rules = schema.rules;
+      if (schema.required && (!rules || rules.length === 0)) {
+        const componentType = typeof schema.component === "string" ? schema.component : "";
+        rules = getRules(componentType, schema.label);
+      }
       return {
         field: schema.field,
         label: schema.label,
         labelColProps: schema.labelColProps || propsData.labelColProps,
         wrapperColProps: schema.wrapperColProps || propsData.wrapperColProps,
-        rules: schema.rules,
+        rules,
         disabled,
         help: schema.help,
         extra: schema.extra,
@@ -1489,7 +1513,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       scrollToField
     });
     const stopSchemasWatch = watch(
-      () => props.schemas,
+      () => getProps.value.schemas,
       (newSchemas) => {
         if (newSchemas) {
           internalSchemas.value = [...newSchemas];
@@ -1556,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)
@@ -1647,7 +1675,6 @@ function useForm(options = {}) {
         () => formInstance.formRef.value,
         (val) => {
           if (val === null) {
-            console.log("表单组件已卸载，重置 useForm 状态");
             formRef.value = null;
             loadedRef.value = false;
             if (unwatchFormRef) {
@@ -1679,7 +1706,6 @@ function useForm(options = {}) {
     const form = unref(formRef);
     if (!form) return null;
     if (((_a = form.formRef) == null ? void 0 : _a.value) === null) {
-      console.log("检测到失效的表单实例，清理引用");
       formRef.value = null;
       loadedRef.value = false;
       return null;
@@ -1985,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: {},
@@ -2044,7 +2078,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     const paginationRef = ref({
       current: 1,
-      pageSize: 10,
+      pageSize: 20,
       total: 0,
       showTotal: true,
       showJumper: true,
@@ -2067,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;
@@ -2275,6 +2309,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         search,
         toolbar,
         api,
+        fetchSetting,
         beforeFetch,
         afterFetch,
         onFetchError,
@@ -2479,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") {
@@ -2497,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 (!("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) {
@@ -2688,7 +2729,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       initPagination();
       initColumnSetting();
       document.addEventListener("fullscreenchange", handleFullscreenChange);
-      await nextTick();
       const tableInstance = {
         getDataSource,
         setDataSource,
@@ -3100,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);
@@ -3381,7 +3421,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     footer: { type: Boolean, default: true },
     titleAlign: { default: "center" },
     height: {},
-    minHeight: { default: 60 },
+    minHeight: { default: 46 },
     useWrapper: { type: Boolean, default: true },
     wrapperFooterOffset: { default: 0 },
     canFullscreen: { type: Boolean, default: false },
@@ -3459,10 +3499,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const spinStyle = computed(() => {
       const propsData = unref(getProps);
       const style = {
-        minHeight: propsData.minHeight ? typeof propsData.minHeight === "number" ? `${propsData.minHeight}px` : propsData.minHeight : "200px",
-        pointerEvents: "none"
-        // 禁用所有交互
+        minHeight: propsData.minHeight ? typeof propsData.minHeight === "number" ? `${propsData.minHeight}px` : propsData.minHeight : "46px"
       };
+      if (propsData.loading) {
+        style.pointerEvents = "none";
+      }
       return style;
     });
     const getCancelButtonProps = computed(() => {
@@ -3579,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;
       },
@@ -3610,10 +3651,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         onCancel: handleCancel
       }), createSlots({
         default: withCtx(() => [
-          getProps.value.loading ? (openBlock(), createBlock(_component_a_spin, {
-            key: 0,
+          createVNode(_component_a_spin, {
+            loading: getProps.value.loading,
             tip: getProps.value.loadingTip,
-            loading: true,
             style: normalizeStyle(spinStyle.value),
             class: "w-full"
           }, {
@@ -3627,15 +3667,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ], 4)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
             ]),
             _: 3
-          }, 8, ["tip", "style"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            getProps.value.useWrapper ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              style: normalizeStyle(wrapperStyle.value),
-              class: "modal-wrapper"
-            }, [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 4)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
-          ], 64))
+          }, 8, ["loading", "tip", "style"])
         ]),
         _: 2
       }, [
@@ -3749,7 +3781,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4117f967"]]);
+const BasicModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1e847475"]]);
 function useModal(props) {
   const modalRef = ref(null);
   const loadedRef = ref(false);