@pisell/materials 1.0.488 → 1.0.489

package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -39,13 +39,19 @@ var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContex
 var import_serve = require("./serve");
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
+var import_utils2 = require("@pisell/utils");
 var { Option } = import_antd.Select;
 var translationOriginal = (val) => val.original;
-var PhoneInput = ({ value, onChange, isVerification, ...props }) => {
+var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) => {
   const { data: countries = [] } = (0, import_serve.useCountries)();
-  console.log(value, "valuevaluevalue");
   const context = (0, import_useEngineContext.default)();
   translationOriginal = context.appHelper.utils.translationOriginal || translationOriginal;
+  const value = (0, import_react.useMemo)(() => {
+    if ((0, import_utils2.isNumber)(propsValue)) {
+      return `${propsValue}`;
+    }
+    return propsValue;
+  }, [propsValue]);
   const parseExternalValue = (val) => {
     if (!val)
       return { countryCode: "AU", phoneNumber: "" };
@@ -98,41 +104,40 @@ var PhoneInput = ({ value, onChange, isVerification, ...props }) => {
     }
     return (0, import_libphonenumber_js.isValidPhoneNumber)(concatenatedNumber) && ((_a = (0, import_libphonenumber_js.parsePhoneNumberFromString)(concatenatedNumber)) == null ? void 0 : _a.isValid()) ? void 0 : "error";
   }, [concatenatedNumber, phoneNumber, isVerification]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      value: countryCode,
+      onChange: handleCountryChange,
+      style: { width: "90px" },
+      onBlur: handleBlur,
+      popupMatchSelectWidth: false,
+      optionLabelProp: "label"
+    },
+    countries.map((country) => /* @__PURE__ */ import_react.default.createElement(
+      Option,
+      {
+        key: country.code,
+        value: country.code,
+        label: country.prefix
+      },
+      translationOriginal(country.name),
+      " (",
+      country.prefix,
+      ")"
+    ))
+  ), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
       ...props,
       status,
-      addonBefore: /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Select,
-        {
-          value: countryCode,
-          onChange: handleCountryChange,
-          style: { width: "80px" },
-          onBlur: handleBlur,
-          popupMatchSelectWidth: false,
-          optionLabelProp: "label"
-        },
-        countries.map((country) => /* @__PURE__ */ import_react.default.createElement(
-          Option,
-          {
-            key: country.code,
-            value: country.code,
-            label: country.prefix
-          },
-          translationOriginal(country.name),
-          " (",
-          country.prefix,
-          ")"
-        ))
-      ),
       type: "tel",
       value: phoneNumber,
       onChange: handlePhoneNumberChange,
       onBlur: handleBlur,
       style: { flex: 1 }
     }
-  );
+  ));
 };
 var PhoneWithMode = (0, import_utils.withMode)(PhoneInput, import_ReadPretty.default);
 var WithMode_default = PhoneWithMode;

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { TextAreaProps } from "./type";
+import "./ReadPretty.less";
 declare const TextAreaReadPretty: (props: TextAreaProps) => React.JSX.Element;
 export default TextAreaReadPretty;

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.js

@@ -33,7 +33,8 @@ __export(ReadPretty_exports, {
 });
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
+var import_ReadPretty = require("./ReadPretty.less");
 var TextAreaReadPretty = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement("span", null, props.value);
+  return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-input-textarea-read-pretty" }, props.value);
 };
 var ReadPretty_default = TextAreaReadPretty;

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.less

@@ -0,0 +1,6 @@
+.pisell-input-textarea-read-pretty {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { UrlProps } from './type';
+import './ReadPretty.less';
 declare const UrlReadPretty: (props: UrlProps) => React.JSX.Element;
 export default UrlReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.js

@@ -34,8 +34,9 @@ __export(ReadPretty_exports, {
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_ReadPretty = require("./ReadPretty.less");
 var { Link } = import_antd.Typography;
 var UrlReadPretty = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(Link, { href: props.value }, props.value);
+  return /* @__PURE__ */ import_react.default.createElement(Link, { className: "pisell-url-read-pretty", href: props.value }, props.value);
 };
 var ReadPretty_default = UrlReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.less

@@ -0,0 +1,6 @@
+.pisell-url-read-pretty {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}

package/lib/components/dataSourceComponents/fields/InputNumber/ReadPretty.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { InputNumberProps } from './type';
+import './ReadPretty.less';
 declare const ReadPretty: React.FC<InputNumberProps>;
 export default ReadPretty;

package/lib/components/dataSourceComponents/fields/InputNumber/ReadPretty.js

@@ -34,17 +34,28 @@ __export(ReadPretty_exports, {
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("./utils");
+var import_ReadPretty = require("./ReadPretty.less");
 var ReadPretty = (props) => {
-  const { value, useThousandsSeparator, previewFormatter, precision = 0, addonAfter } = props;
+  const {
+    value,
+    useThousandsSeparator,
+    previewFormatter,
+    precision = 0,
+    addonAfter
+  } = props;
   if (!value && value !== 0) {
-    return /* @__PURE__ */ import_react.default.createElement("span", null, "-");
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-input-number-read-pretty" }, "-");
   }
-  const formattedValue = (0, import_utils.formatNumberWithUnit)(Number(value), precision, previewFormatter);
+  const formattedValue = (0, import_utils.formatNumberWithUnit)(
+    Number(value),
+    precision,
+    previewFormatter
+  );
   if (useThousandsSeparator && (!previewFormatter || previewFormatter === "none")) {
     const parts = formattedValue.split(".");
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-    return /* @__PURE__ */ import_react.default.createElement("span", null, parts.join("."), addonAfter);
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-input-number-read-pretty" }, parts.join("."), addonAfter);
   }
-  return /* @__PURE__ */ import_react.default.createElement("span", null, formattedValue, addonAfter);
+  return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-input-number-read-pretty" }, formattedValue, addonAfter);
 };
 var ReadPretty_default = ReadPretty;

package/lib/components/dataSourceComponents/fields/InputNumber/ReadPretty.less

@@ -0,0 +1,6 @@
+.pisell-input-number-read-pretty {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}

package/lib/components/dataSourceComponents/fields/InputNumber/index.js

@@ -36,6 +36,7 @@ var import_utils = require("../../dataSourceForm/utils");
 var import_WithMode = __toESM(require("./WithMode"));
 var InputNumber = (0, import_utils.withFormItem)(import_WithMode.default, {
   innerProps: {
+    stringMode: false,
     style: {
       width: "100%"
     }

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { TimePickerProps } from './type';
+import './ReadPretty.less';
 declare const TimePickerReadPretty: (props: TimePickerProps) => React.JSX.Element;
 export default TimePickerReadPretty;

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.js

@@ -33,8 +33,9 @@ __export(ReadPretty_exports, {
 });
 module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
+var import_ReadPretty = require("./ReadPretty.less");
 var TimePickerReadPretty = (props) => {
   const { value } = props;
-  return /* @__PURE__ */ import_react.default.createElement("span", null, value);
+  return /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-picker-read-pretty" }, value);
 };
 var ReadPretty_default = TimePickerReadPretty;

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.less

@@ -0,0 +1,6 @@
+.pisell-time-picker-read-pretty {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}

package/lib/components/dataSourceComponents/fields/Upload/BaseUpload.js

@@ -42,11 +42,12 @@ var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContex
 var import_locales = require("../../../../locales");
 var import_pisellUpload = __toESM(require("../../../pisellUpload"));
 var import_utils2 = require("./utils");
+var import_pisellToast = __toESM(require("../../../pisellToast"));
 var import_index = require("./index.less");
 var BaseUpload = (props) => {
   const {
     renderMode,
-    maxSize = 3,
+    maxSize,
     minCount,
     maxCount,
     multiple,
@@ -56,6 +57,7 @@ var BaseUpload = (props) => {
     enableCustomType,
     allowPreview,
     value,
+    typeMaxSizeMap,
     ...restProps
   } = props;
   const [fileList, setFileList] = (0, import_react.useState)([]);
@@ -168,17 +170,31 @@ var BaseUpload = (props) => {
     return Promise.resolve(null);
   };
   const handleChange = async ({ file, fileList: newFileList }) => {
-    var _a, _b, _c;
-    setFileList(newFileList);
-    if (file.status === "done") {
-      (_c = props.onChange) == null ? void 0 : _c.call(props, (_b = (_a = file.response) == null ? void 0 : _a.data) == null ? void 0 : _b.url);
-    } else if (file.status === "error") {
-      import_antd.message.error(`${file.name} 上传失败`);
+    var _a, _b, _c, _d, _e, _f;
+    setFileList(newFileList.map((item) => {
+      var _a2;
+      let status = item.status;
+      if (status === "done" && !((_a2 = item.response) == null ? void 0 : _a2.status)) {
+        status = "error";
+      }
+      return {
+        ...item,
+        status
+      };
+    }));
+    if (file.status === "done" && ((_a = file.response) == null ? void 0 : _a.status)) {
+      (_d = props.onChange) == null ? void 0 : _d.call(props, (_c = (_b = file.response) == null ? void 0 : _b.data) == null ? void 0 : _c.url);
+    } else if (file.status === "error" || (0, import_utils.isBoolean)((_e = file.response) == null ? void 0 : _e.status) && ((_f = file.response) == null ? void 0 : _f.status) === false) {
+      (0, import_pisellToast.default)({
+        content: (0, import_locales.getText)("pisell-upload-error")(file.name)
+      });
     }
   };
   const countError = (0, import_ahooks.useDebounceFn)(
     (msg) => {
-      import_antd.message.error(msg);
+      (0, import_pisellToast.default)({
+        content: msg
+      });
     },
     {
       wait: 500
@@ -186,7 +202,9 @@ var BaseUpload = (props) => {
   );
   const typeError = (0, import_ahooks.useDebounceFn)(
     (msg) => {
-      import_antd.message.error(msg);
+      (0, import_pisellToast.default)({
+        content: msg
+      });
     },
     {
       wait: 500
@@ -194,7 +212,9 @@ var BaseUpload = (props) => {
   );
   const sizeError = (0, import_ahooks.useDebounceFn)(
     (msg) => {
-      import_antd.message.error(msg);
+      (0, import_pisellToast.default)({
+        content: msg
+      });
     },
     {
       wait: 500
@@ -213,7 +233,7 @@ var BaseUpload = (props) => {
   const accept = (0, import_react.useMemo)(() => {
     let types = [];
     if (enablePresetType) {
-      types = [...(0, import_utils2.getPresetTypes)(presetType) || []];
+      types = [...presetType || []];
     }
     if (enableCustomType) {
       types = [...types, ...customType || []];
@@ -227,8 +247,11 @@ var BaseUpload = (props) => {
         currentFileCount = index + 1;
       }
     });
-    if (file.size > maxSize * 1024 * 1024) {
-      sizeError.run((0, import_locales.getText)("pisell-upload-setting-size-error")(maxSize));
+    const fileType = (0, import_utils2.getFileType)(file.name);
+    const typeMaxSize = typeMaxSizeMap == null ? void 0 : typeMaxSizeMap[fileType];
+    let _maxSize = typeMaxSize || maxSize;
+    if (file.size > _maxSize * 1024 * 1024) {
+      sizeError.run((0, import_locales.getText)("pisell-upload-setting-size-error")(_maxSize));
       return import_antd.Upload.LIST_IGNORE;
     }
     const pointSuffix = (0, import_utils2.getPointSuffix)(file.name);
@@ -273,12 +296,7 @@ var BaseUpload = (props) => {
         showPreviewIcon: allowPreview
       },
       uploadType: "custom",
-      iconRender: () => /* @__PURE__ */ import_react.default.createElement(
-        import_iconfont.default,
-        {
-          type: "pisell2-a-BlueFile1"
-        }
-      ),
+      iconRender: () => /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-a-BlueFile1" }),
       listType: "picture-card",
       fileList,
       onChange: handleChange,
@@ -288,15 +306,24 @@ var BaseUpload = (props) => {
       name: "file",
       onPreview: handlePreview,
       data: (file) => {
-        var _a, _b, _c, _d;
+        const metadataParams = {};
+        if (file.metadata) {
+          if (file.metadata.width !== void 0) {
+            metadataParams["metadata[width]"] = file.metadata.width;
+          }
+          if (file.metadata.height !== void 0) {
+            metadataParams["metadata[height]"] = file.metadata.height;
+          }
+          if (file.metadata.duration !== void 0) {
+            metadataParams["metadata[duration]"] = file.metadata.duration;
+          }
+          if (file.metadata.bitrate !== void 0) {
+            metadataParams["metadata[bitrate]"] = file.metadata.bitrate;
+          }
+        }
         return {
           group_id: 0,
-          ...file.metadata ? {
-            "metadata[width]": (_a = file.metadata) == null ? void 0 : _a.width,
-            "metadata[height]": (_b = file.metadata) == null ? void 0 : _b.height,
-            "metadata[duration]": (_c = file.metadata) == null ? void 0 : _c.duration,
-            "metadata[bitrate]": (_d = file.metadata) == null ? void 0 : _d.bitrate
-          } : {},
+          ...metadataParams,
           ...file.cover ? { cover: file.cover } : {}
         };
       },

package/lib/components/dataSourceComponents/fields/Upload/WithMode.js

@@ -36,8 +36,44 @@ var import_react = __toESM(require("react"));
 var import_utils = require("../../dataSourceForm/utils");
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_BaseUpload = __toESM(require("./BaseUpload"));
+var import_serve = require("./serve");
+var import_utils2 = require("@pisell/utils");
 var Upload = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_BaseUpload.default, { ...props });
+  const { presetType } = props;
+  const { getExtensionsByIds, getMaxSizeByIds } = (0, import_serve.useMediaTypes)();
+  const { data: mediaConfig } = (0, import_serve.useMediaConfig)();
+  const presetTypeString = getExtensionsByIds(presetType);
+  const maxSizeMap = getMaxSizeByIds(presetType);
+  const maxCount = (0, import_react.useMemo)(() => {
+    const minArr = [];
+    if ((0, import_utils2.isNumber)(mediaConfig == null ? void 0 : mediaConfig.upload_onetime_limit)) {
+      minArr.push(mediaConfig == null ? void 0 : mediaConfig.upload_onetime_limit);
+    }
+    if ((0, import_utils2.isNumber)(props.maxCount)) {
+      minArr.push(props.maxCount);
+    }
+    return Math.min(...minArr);
+  }, [mediaConfig, props.maxCount]);
+  const maxSize = (0, import_react.useMemo)(() => {
+    const minArr = [];
+    if ((0, import_utils2.isNumber)(mediaConfig == null ? void 0 : mediaConfig.upload_maxsize)) {
+      minArr.push(mediaConfig == null ? void 0 : mediaConfig.upload_maxsize);
+    }
+    if ((0, import_utils2.isNumber)(props.maxSize)) {
+      minArr.push(props.maxSize);
+    }
+    return Math.min(...minArr);
+  }, [mediaConfig, props.maxSize]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_BaseUpload.default,
+    {
+      ...props,
+      maxCount,
+      maxSize,
+      presetType: presetTypeString,
+      typeMaxSizeMap: maxSizeMap
+    }
+  );
 };
 var UploadWithMode = (0, import_utils.withMode)(Upload, import_ReadPretty.default);
 var WithMode_default = UploadWithMode;

package/lib/components/dataSourceComponents/fields/Upload/serve.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 获取nocobase媒体数据列表
+ */
+export declare const getMediaTypeList: () => Promise<any>;
+export interface MediaType {
+    id: number;
+    name: string;
+    maxsize: number;
+}
+export declare const useMediaConfig: () => {
+    data: any;
+};
+export declare const useMediaTypes: () => {
+    data: MediaType[];
+    getExtensionsByIds: (ids: number[]) => string[];
+    getMaxSizeByIds: (ids: number[]) => Record<number, number>;
+};

package/lib/components/dataSourceComponents/fields/Upload/serve.js

@@ -0,0 +1,96 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Upload/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getMediaTypeList: () => getMediaTypeList,
+  useMediaConfig: () => useMediaConfig,
+  useMediaTypes: () => useMediaTypes
+});
+module.exports = __toCommonJS(serve_exports);
+var import_ahooks = require("ahooks");
+var import_utils = require("./utils");
+var import_utils2 = require("../../../table/utils");
+var getMediaTypeList = async () => {
+  const { data } = await import_utils2.request.getRequest().get(
+    `/media_type:list`,
+    {},
+    {
+      isNocobase: true,
+      fullResult: true,
+      headers: {
+        "x-data-source": "pisell2"
+      }
+    }
+  );
+  return data;
+};
+var getMediaConfig = async () => {
+  const data = await import_utils2.request.getRequest().get(`/core/module/media/config`, {});
+  return data;
+};
+var useMediaConfig = () => {
+  const { data } = (0, import_ahooks.useRequest)(getMediaConfig, {
+    cacheKey: "media-config",
+    staleTime: 1e3 * 60 * 5,
+    // 5分钟后数据过期
+    cacheTime: 1e3 * 60 * 60
+    // 1小时后清除缓存
+  });
+  return { data };
+};
+var useMediaTypes = () => {
+  const { data } = (0, import_ahooks.useRequest)(getMediaTypeList, {
+    cacheKey: "media-type",
+    staleTime: 1e3 * 60 * 5,
+    // 5分钟后数据过期
+    cacheTime: 1e3 * 60 * 60
+    // 1小时后清除缓存
+  });
+  const getExtensionsByIds = (ids) => {
+    const extensions = [];
+    (data || []).forEach((item) => {
+      if (ids == null ? void 0 : ids.includes(item.id)) {
+        extensions.push(
+          ...(item.extensions || []).map((item2) => (0, import_utils.getPointSuffix)(item2))
+        );
+      }
+    });
+    return extensions;
+  };
+  const getMaxSizeByIds = (ids) => {
+    const maxSizeMap = {};
+    (data || []).forEach((item) => {
+      if (ids == null ? void 0 : ids.includes(item.id)) {
+        item.extensions.forEach((extension) => {
+          const key = (0, import_utils.getPointSuffix)(extension);
+          maxSizeMap[key] = item.maxsize;
+        });
+      }
+    });
+    return maxSizeMap;
+  };
+  return { data, getExtensionsByIds, getMaxSizeByIds };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getMediaTypeList,
+  useMediaConfig,
+  useMediaTypes
+});

package/lib/components/dataSourceComponents/fields/Upload/type.d.ts

@@ -14,12 +14,13 @@ export interface UploadProps extends PisellUploadProps {
     allowMediaLibrary?: boolean;
     allowLocalUpload?: boolean;
     allowPreview?: boolean;
-    maxSize?: number;
+    maxSize: number;
     minCount?: number;
     maxCount?: number;
     enablePresetType?: boolean;
-    presetType?: string[];
+    presetType?: (number | string)[];
     enableCustomType?: boolean;
     customType?: string[];
     multiple: boolean;
+    typeMaxSizeMap?: Record<string, number>;
 }

package/lib/components/dataSourceComponents/fields/Upload/utils.d.ts

@@ -1,5 +1,6 @@
-export declare const getSuffix: (name: string) => string | undefined;
+export declare const getSuffix: (name: string) => string;
 export declare const getPointSuffix: (name: string) => string;
+export declare const getFileType: (name: string) => string;
 export declare const getPresetTypes: (presetTypes?: string[]) => string[];
 export declare const checkFileCount: ({ multiple, minCount, maxCount, valueLength, }: {
     multiple: boolean;

package/lib/components/dataSourceComponents/fields/Upload/utils.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   checkFileCount: () => checkFileCount,
+  getFileType: () => getFileType,
   getPointSuffix: () => getPointSuffix,
   getPresetTypes: () => getPresetTypes,
   getSuffix: () => getSuffix
@@ -27,11 +28,14 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_locales = require("../../../../locales");
 var getSuffix = (name) => {
-  return name.split(".").pop();
+  return name.split(".").pop() || "";
 };
 var getPointSuffix = (name) => {
   return `.${getSuffix(name)}`;
 };
+var getFileType = (name) => {
+  return getPointSuffix(getSuffix(name));
+};
 var presetTypeData = [
   {
     title: "文档",
@@ -289,6 +293,7 @@ var checkFileCount = ({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   checkFileCount,
+  getFileType,
   getPointSuffix,
   getPresetTypes,
   getSuffix

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -39,18 +39,18 @@ declare const formFieldMap: {
     FormItemDateRangePicker: import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemUpload: import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     URL: import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     Email: import("react").FC<import("antd").InputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     Phone: import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+}) | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -61,5 +61,5 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     valueField: string;
 } & {
     dataSource?: any;
-}) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+}) => import("react").JSX.Element) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };