@pisell/materials 6.0.11 → 6.0.12

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

@@ -41,7 +41,7 @@ var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils2 = require("../../dataSourceForm/utils");
 var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
 var { Option } = import_select.default;
-var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled, ...props }) => {
+var MobileNumberInput = ({ value: propsValue, onChange, disabled, ...props }) => {
   const { data: countries = [] } = (0, import_serve.useCountries)();
   const translationOriginal = (0, import_useTranslationOriginal.default)();
   const value = (0, import_react.useMemo)(() => {
@@ -74,16 +74,54 @@ var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled
     () => parseExternalValue(value).phoneNumber
   );
   (0, import_react.useEffect)(() => {
-    const { countryCode: newCountryCode, phoneNumber: newPhoneNumber } = parseExternalValue(value);
-    setCountryCode(newCountryCode);
-    setPhoneNumber(newPhoneNumber);
+    if (value) {
+      const { countryCode: newCountryCode, phoneNumber: newPhoneNumber } = parseExternalValue(value);
+      setCountryCode(newCountryCode);
+      setPhoneNumber(newPhoneNumber);
+    } else {
+      setPhoneNumber("");
+    }
   }, [value, countries]);
   const handleCountryChange = (value2) => {
     setCountryCode(value2);
+    const selectedCountry = countries.find(
+      (c) => c.code === value2
+    );
+    const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
+    const newValue = `${prefix}${phoneNumber}`;
+    onChange == null ? void 0 : onChange(newValue);
+    setTimeout(() => {
+      const formInstance = props.form;
+      const fieldName = props.fieldKey;
+      if (formInstance && fieldName) {
+        formInstance.validateFields([fieldName]);
+      }
+    });
   };
   const handlePhoneNumberChange = (e) => {
     const cleanNumber = e.target.value.replace(/\D/g, "");
     setPhoneNumber(cleanNumber);
+    const selectedCountry = countries.find(
+      (c) => c.code === countryCode
+    );
+    const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
+    const newValue = cleanNumber ? `${prefix}${cleanNumber}` : "";
+    onChange == null ? void 0 : onChange(newValue);
+    if (!cleanNumber) {
+      const formInstance = props.form;
+      const fieldName = props.fieldKey;
+      if (formInstance && fieldName) {
+        formInstance.setFields([
+          {
+            name: fieldName,
+            errors: [],
+            // 清除错误信息
+            validating: false
+            // 停止验证状态
+          }
+        ]);
+      }
+    }
   };
   const concatenatedNumber = (0, import_react.useMemo)(() => {
     const selectedCountry = countries.find(
@@ -96,30 +134,9 @@ var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled
     return `${prefix}${phoneNumber}`;
   }, [countryCode, phoneNumber, countries]);
   const handleBlur = () => {
-    onChange == null ? void 0 : onChange(concatenatedNumber);
+    const finalValue = concatenatedNumber;
+    onChange == null ? void 0 : onChange(finalValue);
   };
-  const status = (0, import_react.useMemo)(() => {
-    if (!phoneNumber || !isVerification) {
-      return void 0;
-    }
-    if (countryCode === "AU") {
-      const auRegex = /^(04\d{8}|\d{9})$/.test(phoneNumber);
-      if (!auRegex) {
-        return "error";
-      }
-    } else if (countryCode === "CN") {
-      const cnRegex = /^1\d{10}$/.test(phoneNumber);
-      if (!cnRegex) {
-        return "error";
-      }
-    } else {
-      const otherRegex = /^\d{1,15}$/.test(phoneNumber);
-      if (!otherRegex) {
-        return "error";
-      }
-    }
-    return void 0;
-  }, [concatenatedNumber, phoneNumber, isVerification, countryCode]);
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(
     import_select.default,
     {
@@ -127,7 +144,6 @@ var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled
       value: countryCode,
       onChange: handleCountryChange,
       style: { width: "90px" },
-      onBlur: handleBlur,
       popupMatchSelectWidth: false,
       optionLabelProp: "inputValue",
       optionFilterProp: "label",
@@ -143,7 +159,6 @@ var MobileNumberInput = ({ value: propsValue, onChange, isVerification, disabled
     {
       ...props,
       disabled,
-      status,
       type: "tel",
       value: phoneNumber,
       onChange: handlePhoneNumberChange,

package/lib/components/dataSourceComponents/fields/Input.Mobile/index.js

@@ -34,5 +34,15 @@ __export(Input_exports, {
 module.exports = __toCommonJS(Input_exports);
 var import_utils = require("../../dataSourceForm/utils");
 var import_WithMode = __toESM(require("./WithMode"));
-var Mobile = (0, import_utils.withFormItem)(import_WithMode.default);
+var Mobile = (0, import_utils.withFormItem)(import_WithMode.default, {
+  otherFormItemProps: {
+    validateTrigger: ["onChange", "onBlur"]
+  },
+  innerProps: {
+    typeobj: {
+      type: "mobile",
+      enabled: true
+    }
+  }
+});
 var Input_default = Mobile;

package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts

@@ -5,7 +5,6 @@ export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'>
     renderMode: ModeType;
     value?: string;
     onChange?: (value: string) => void;
-    isVerification?: boolean;
 }
 declare const PhoneNumberInputWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
 export default PhoneNumberInputWithMode;

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

@@ -34,7 +34,6 @@ __export(WithMode_exports, {
 module.exports = __toCommonJS(WithMode_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_libphonenumber_js = require("libphonenumber-js");
 var import_utils = require("@pisell/utils");
 var import_select = __toESM(require("../../../select"));
 var import_serve = require("./serve");
@@ -42,7 +41,7 @@ var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils2 = require("../../dataSourceForm/utils");
 var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
 var { Option } = import_select.default;
-var PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled, ...props }) => {
+var PhoneNumberInput = ({ value: propsValue, onChange, disabled, ...props }) => {
   const { data: countries = [] } = (0, import_serve.useCountries)();
   const translationOriginal = (0, import_useTranslationOriginal.default)();
   const value = (0, import_react.useMemo)(() => {
@@ -79,12 +78,40 @@ var PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled,
     setCountryCode(newCountryCode);
     setPhoneNumber(newPhoneNumber);
   }, [value, countries]);
-  const handleCountryChange = (value2) => {
-    setCountryCode(value2);
-  };
   const handlePhoneNumberChange = (e) => {
     const cleanNumber = e.target.value.replace(/\D/g, "");
     setPhoneNumber(cleanNumber);
+    const selectedCountry = countries.find(
+      (c) => c.code === countryCode
+    );
+    const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
+    const newValue = cleanNumber ? `${prefix}${cleanNumber}` : "";
+    onChange == null ? void 0 : onChange(newValue);
+    if (!cleanNumber) {
+      setTimeout(() => {
+        const formInstance = props.form;
+        const fieldName = props.fieldKey;
+        if (formInstance && fieldName) {
+          formInstance.validateFields([fieldName]);
+        }
+      });
+    }
+  };
+  const handleCountryChange = (value2) => {
+    setCountryCode(value2);
+    const selectedCountry = countries.find(
+      (c) => c.code === value2
+    );
+    const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
+    const newValue = `${prefix}${phoneNumber}`;
+    onChange == null ? void 0 : onChange(newValue);
+    setTimeout(() => {
+      const formInstance = props.form;
+      const fieldName = props.fieldKey;
+      if (formInstance && fieldName) {
+        formInstance.validateFields([fieldName]);
+      }
+    });
   };
   const concatenatedNumber = (0, import_react.useMemo)(() => {
     const selectedCountry = countries.find(
@@ -97,17 +124,9 @@ var PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled,
     return `${prefix}${phoneNumber}`;
   }, [countryCode, phoneNumber, countries]);
   const handleBlur = () => {
-    onChange == null ? void 0 : onChange(concatenatedNumber);
+    const finalValue = concatenatedNumber;
+    onChange == null ? void 0 : onChange(finalValue);
   };
-  const status = (0, import_react.useMemo)(() => {
-    var _a;
-    if (!phoneNumber || !isVerification) {
-      return void 0;
-    }
-    const cleanedNumber = concatenatedNumber.replace(/\s|\(|\)/g, "");
-    const isValid = (0, import_libphonenumber_js.isValidPhoneNumber)(cleanedNumber) && ((_a = (0, import_libphonenumber_js.parsePhoneNumberFromString)(cleanedNumber)) == null ? void 0 : _a.isValid());
-    return isValid ? void 0 : "error";
-  }, [concatenatedNumber, phoneNumber, isVerification]);
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(
     import_select.default,
     {
@@ -115,7 +134,6 @@ var PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled,
       value: countryCode,
       onChange: handleCountryChange,
       style: { width: "90px" },
-      onBlur: handleBlur,
       popupMatchSelectWidth: false,
       optionLabelProp: "inputValue",
       optionFilterProp: "label",
@@ -131,7 +149,6 @@ var PhoneNumberInput = ({ value: propsValue, onChange, isVerification, disabled,
     {
       ...props,
       disabled,
-      status,
       type: "tel",
       value: phoneNumber,
       onChange: handlePhoneNumberChange,

package/lib/components/dataSourceComponents/fields/Input.Subdomain/WithMode.d.ts

@@ -3,9 +3,11 @@ import { InputProps } from 'antd';
 declare const SubdomainlWithMode: React.FC<InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement>) => void) | undefined;
-    rootDomain: string;
+    rootDomain: 'xzero' | 'saas' | 'custom';
     customDomain?: string | undefined;
     value?: string | undefined;
-    isVerification?: boolean | undefined;
+    tenantId: string;
+    name?: string | undefined;
+    fieldKey?: string | undefined;
 } & import("../../dataSourceForm/utils").WithModeProps>;
 export default SubdomainlWithMode;

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

@@ -37,61 +37,121 @@ var import_antd = require("antd");
 var import_serve = require("./serve");
 var import_ReadPretty = __toESM(require("./ReadPretty"));
 var import_utils = require("../../dataSourceForm/utils");
+var import_useDataSource = __toESM(require("../../hooks/useDataSource"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var Subdomain = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a;
   const {
     onBlur: propsOnBlur,
     onChange: propsOnChange,
-    rootDomain = "",
+    rootDomain = "xzero",
     customDomain,
     value,
+    tenantId,
+    fieldKey,
     ...rest
   } = props;
+  const { __designMode } = (0, import_useDataSource.default)();
   const context = (0, import_useEngineContext.default)();
-  const coreData = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getApp) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.data) == null ? void 0 : _d.store) == null ? void 0 : _e.getStore) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.getDataByModel) == null ? void 0 : _h.call(_g, "core", "core");
-  const tenantData = (0, import_serve.useTenantData)();
-  const parseExternalValue = (val) => {
-    if (!val)
-      return { subdomain: "", suffix: coreData ? coreData.tenant_domain : "" };
-    const parts = val.split(".");
-    const subdomain2 = parts.length > 1 ? parts[0] : val;
-    const suffix2 = parts.length > 1 ? `.${parts.slice(1).join(".")}` : coreData ? coreData.tenant_domain : "";
-    return {
-      subdomain: subdomain2,
-      suffix: suffix2
-    };
-  };
   const [subdomain, setSubdomain] = (0, import_react.useState)("");
   const [suffix, setSuffix] = (0, import_react.useState)("");
+  const coreData = (0, import_react.useMemo)(() => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    return (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a2 = context.appHelper.utils) == null ? void 0 : _a2.getApp) == null ? void 0 : _b.call(_a2)) == null ? void 0 : _c.data) == null ? void 0 : _d.store) == null ? void 0 : _e.getStore) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.getDataByModel) == null ? void 0 : _h.call(_g, "core", "core");
+  }, [context]);
+  const tenantData = (0, import_serve.useTenantData)(rootDomain, (_a = coreData == null ? void 0 : coreData.tenant) == null ? void 0 : _a.id);
+  const parseExternalValue = (val) => {
+    if (!val || !val.trim() || val.trim() === ".") {
+      return {
+        subdomain: "",
+        suffix: suffixEmpty()
+      };
+    }
+    try {
+      const normalizedVal = val.replace(/\.+/g, ".");
+      const parts = normalizedVal.split(".");
+      if (parts[0] === "" && parts.length > 1) {
+        return {
+          subdomain: "",
+          suffix: `.${parts.slice(1).join(".")}`
+        };
+      }
+      if (parts.length === 1) {
+        return {
+          subdomain: parts[0].trim(),
+          suffix: suffixEmpty()
+        };
+      }
+      return {
+        subdomain: parts[0].trim(),
+        suffix: `.${parts.slice(1).join(".")}`
+      };
+    } catch (error) {
+      console.error("Error parsing value:", error);
+      return {
+        subdomain: "",
+        suffix: suffixEmpty()
+      };
+    }
+  };
   (0, import_react.useEffect)(() => {
-    if (value) {
-      const { subdomain: subdomain2, suffix: suffix2 } = parseExternalValue(value);
-      setSubdomain(subdomain2);
-      setSuffix(suffix2);
-    } else {
-      if (rootDomain === "1") {
-        setSuffix(coreData ? `.${coreData.tenant_domain}` : "");
-      } else if (rootDomain === "2") {
-        const { default_domain = "" } = tenantData || {};
-        const firstDotIndex = default_domain.indexOf(".");
-        const result = `.${default_domain.slice(firstDotIndex + 1)}`;
-        setSuffix(result);
+    try {
+      if (value) {
+        const { subdomain: newSubdomain, suffix: newSuffix } = parseExternalValue(value);
+        setSubdomain(newSubdomain);
+        setSuffix(newSuffix);
       } else {
-        setSuffix(customDomain ? customDomain.startsWith(".") ? customDomain : `.${customDomain}` : "");
+        let newSuffix = "";
+        switch (rootDomain) {
+          case "xzero":
+            newSuffix = (coreData == null ? void 0 : coreData.tenant_domain) ? `.${coreData.tenant_domain}` : suffixEmpty();
+            break;
+          case "saas":
+            newSuffix = tenantData ? `.${tenantData["saas.domain"]}` : suffixEmpty();
+            break;
+          case "custom":
+            if (customDomain) {
+              const normalizedDomain = customDomain.replace(/\.+/g, ".");
+              newSuffix = normalizedDomain.startsWith(".") ? normalizedDomain : `.${normalizedDomain}`;
+            } else {
+              newSuffix = suffixEmpty();
+            }
+            break;
+          default:
+            newSuffix = suffixEmpty();
+        }
+        setSuffix(newSuffix);
       }
+    } catch (error) {
+      console.error("Error updating domain:", error);
+      setSuffix(suffixEmpty());
     }
   }, [value, rootDomain, customDomain, tenantData, coreData]);
-  const handleChange = (e) => {
-    const inputValue = e.target.value.toLowerCase();
-    const { subdomain: subdomain2 } = parseExternalValue(inputValue);
-    setSubdomain(subdomain2);
-    propsOnChange == null ? void 0 : propsOnChange(subdomain2 + suffix);
-  };
+  const handleChange = (0, import_react.useCallback)((e) => {
+    try {
+      const inputValue = e.target.value.toLowerCase();
+      const { subdomain: newSubdomain } = parseExternalValue(inputValue);
+      setSubdomain(newSubdomain);
+      propsOnChange == null ? void 0 : propsOnChange(newSubdomain + suffix);
+    } catch (error) {
+      console.error("Error handling change:", error);
+    }
+  }, [suffix, propsOnChange, parseExternalValue]);
   const onBlur = (0, import_react.useCallback)((e) => {
-    propsOnBlur == null ? void 0 : propsOnBlur(e);
-    propsOnChange(subdomain + suffix);
+    try {
+      propsOnBlur == null ? void 0 : propsOnBlur(e);
+      propsOnChange == null ? void 0 : propsOnChange(subdomain + suffix);
+    } catch (error) {
+      console.error("Error handling blur:", error);
+    }
   }, [propsOnBlur, propsOnChange, subdomain, suffix]);
+  const suffixEmpty = () => {
+    if (__designMode === "design") {
+      return ".root-domain.example";
+    } else {
+      return "error";
+    }
+  };
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {

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

@@ -2,9 +2,11 @@ import React from 'react';
 declare const Subdomain: React.FC<import("antd").InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    rootDomain: string;
+    rootDomain: "custom" | "saas" | "xzero";
     customDomain?: string | undefined;
     value?: string | undefined;
-    isVerification?: boolean | undefined;
+    tenantId: string;
+    name?: string | undefined;
+    fieldKey?: string | undefined;
 } & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
 export default Subdomain;

package/lib/components/dataSourceComponents/fields/Input.Subdomain/serve.d.ts

@@ -1,21 +1,11 @@
 /**
  * 获取nocobase数据列表 获取域名后缀
  */
-export declare const getTenantData: () => Promise<TenantData>;
+export declare const getTenantData: (id: string) => Promise<TenantData>;
 export interface TenantData {
-    id: number;
-    name: {
-        en: string;
-        "zh-CN": string;
-        "zh-HK": string;
-        original: string;
-    };
-    default_domain: string;
-    created_at: string;
-    locale: string;
-    updated_at: string;
+    'saas.domain': string;
 }
 /**
  * 自定义 Hook，用于获取租户数据
  */
-export declare const useTenantData: () => TenantData | undefined;
+export declare const useTenantData: (rootDomain: string, tenantId?: string) => TenantData | undefined;

package/lib/components/dataSourceComponents/fields/Input.Subdomain/serve.js

@@ -25,10 +25,10 @@ __export(serve_exports, {
 module.exports = __toCommonJS(serve_exports);
 var import_ahooks = require("ahooks");
 var import_utils = require("../../../table/utils");
-var getTenantData = async () => {
+var getTenantData = async (id) => {
   try {
-    const { data } = await import_utils.request.getRequest().get(`/tenant:get`, {}, {
-      isNocobase: true,
+    const { data } = await import_utils.request.getRequest().get(`/tenant/core/meta/tenant/${id}/saas`, {}, {
+      isNocobase: false,
       fullResult: true,
       headers: {
         "x-data-source": "pisell2"
@@ -40,17 +40,22 @@ var getTenantData = async () => {
     throw error;
   }
 };
-var useTenantData = () => {
-  const { data, error } = (0, import_ahooks.useRequest)(getTenantData, {
-    cacheKey: "tenant-data",
-    staleTime: 1e3 * 60 * 5,
-    // 5分钟后数据过期
-    cacheTime: 1e3 * 60 * 60
-    // 1小时后清除缓存
-  });
-  if (error) {
-    console.error("Error fetching tenant data:", error);
-  }
+var useTenantData = (rootDomain, tenantId) => {
+  const { data } = (0, import_ahooks.useRequest)(
+    () => {
+      if (rootDomain === "saas" && tenantId) {
+        return getTenantData(tenantId);
+      }
+      return Promise.resolve(void 0);
+    },
+    {
+      cacheKey: `tenant-data-${tenantId}`,
+      staleTime: 1e3 * 60 * 5,
+      // 5分钟后数据过期
+      cacheTime: 1e3 * 60 * 60
+      // 1小时后清除缓存
+    }
+  );
   return data;
 };
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/dataSourceComponents/fields/Translation/BaseTranslation.js

@@ -53,9 +53,20 @@ var Translation = ({
   value = defaultValue,
   onChange,
   placeholder,
-  disabled
+  disabled,
+  type = "text"
+  // 默认为普通文本输入
 }) => {
   const [open, setOpen] = (0, import_react.useState)(false);
+  const getInputComponent = (0, import_react.useCallback)(() => {
+    switch (type) {
+      case "textarea":
+        return import_antd.Input.TextArea;
+      default:
+        return import_antd.Input;
+    }
+  }, [type]);
+  const InputComponent = getInputComponent();
   const hasAnyTranslation = (0, import_react.useCallback)(() => {
     if (!value) {
       return false;
@@ -73,7 +84,7 @@ var Translation = ({
     [value, onChange]
   );
   const content = /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-popover" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical", style: { width: "100%" }, size: 16 }, languageConfig.map(({ key, label }) => /* @__PURE__ */ import_react.default.createElement("div", { key, className: "translation-field" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-label" }, label), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Input,
+    InputComponent,
     {
       value: (value == null ? void 0 : value[key]) || "",
       onChange: handleInputChange(key),
@@ -81,7 +92,7 @@ var Translation = ({
     }
   )))));
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Input,
+    InputComponent,
     {
       value: (value == null ? void 0 : value.original) || "",
       onChange: handleInputChange("original"),
@@ -101,7 +112,7 @@ var Translation = ({
         }
         setOpen(open2);
       },
-      placement: "bottomRight"
+      placement: "bottom"
     },
     /* @__PURE__ */ import_react.default.createElement(
       "div",

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

@@ -12,4 +12,5 @@ export interface TranslationProps {
     disabled?: boolean;
     placeholder?: string;
     className?: string;
+    type?: 'text' | 'textarea';
 }

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

@@ -63,6 +63,8 @@ var BaseUpload = (props) => {
     typeMaxSizeMap,
     enableMultilingual,
     onChange,
+    mediaUploadUrl: propsMediaUploadUrl,
+    getHeaders: propsGetHeaders,
     ...restProps
   } = props;
   const [fileList, setFileList] = (0, import_react.useState)([]);
@@ -78,7 +80,7 @@ var BaseUpload = (props) => {
     fileListRef.current = fileList;
   }, [fileList]);
   const { appHelper } = (0, import_useEngineContext.default)();
-  const { mediaUploadUrl, getHeaders } = appHelper == null ? void 0 : appHelper.constants;
+  const { mediaUploadUrl, getHeaders } = (appHelper == null ? void 0 : appHelper.constants) || {};
   const handleImageError = (0, import_react.useCallback)((file) => {
     setErrorImageMap((prev) => ({
       ...prev,
@@ -482,7 +484,7 @@ var BaseUpload = (props) => {
     iconRender: () => /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "pisell2-a-BlueFile1" }),
     listType: "picture-card",
     onChange: handleChange,
-    action: mediaUploadUrl,
+    action: propsMediaUploadUrl || mediaUploadUrl,
     method: "post",
     accept,
     name: "file",
@@ -494,7 +496,7 @@ var BaseUpload = (props) => {
       group_id: 0,
       ...(0, import_utils2.getFileMetadataParams)(file)
     }),
-    headers: getHeaders == null ? void 0 : getHeaders(),
+    headers: (propsGetHeaders == null ? void 0 : propsGetHeaders()) || (getHeaders == null ? void 0 : getHeaders()),
     beforeUpload,
     className: "pisell-data-source-upload"
     // itemRender: (originNode: React.ReactElement, file: UploadFile) => {

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { UploadProps } from './type';
 import './ReadPretty.less';
-declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element[] | null;
+declare const UploadReadPretty: (props: UploadProps) => React.JSX.Element | null;
 export default UploadReadPretty;

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

@@ -59,7 +59,7 @@ var UploadReadPretty = (props) => {
   if (!normalizedValue.length) {
     return null;
   }
-  return normalizedValue.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", null, normalizedValue.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
     import_antd.Image,
     {
       key: `${String(item)}-${index}`,
@@ -72,6 +72,6 @@ var UploadReadPretty = (props) => {
         maskClassName: "pisell-upload-read-pretty-mask"
       }
     }
-  ));
+  )));
 };
 var ReadPretty_default = UploadReadPretty;

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

@@ -39,11 +39,11 @@ var import_BaseUpload = __toESM(require("./BaseUpload"));
 var import_serve = require("./serve");
 var import_utils2 = require("@pisell/utils");
 var Upload = (props) => {
-  const { presetType } = props;
+  const { presetType, mediaConfig: propsMediaConfig } = props;
   const { getExtensionsByIds, getMaxSizeByIds } = (0, import_serve.useMediaTypes)();
-  const { data: mediaConfig } = (0, import_serve.useMediaConfig)();
-  const presetTypeString = getExtensionsByIds(presetType);
-  const maxSizeMap = getMaxSizeByIds(presetType);
+  const { data: mediaConfig } = (0, import_serve.useMediaConfig)(propsMediaConfig);
+  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)) {

package/lib/components/dataSourceComponents/fields/Upload/index.less

@@ -31,7 +31,7 @@
   .pisell-lowcode-upload-list-item-container {
     .pisell-lowcode-upload-list-item-action {
       &:hover {
-        background: none;
+        background: none !important;
       }
     }
   }

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

@@ -7,7 +7,7 @@ export interface MediaType {
     name: string;
     maxsize: number;
 }
-export declare const useMediaConfig: () => {
+export declare const useMediaConfig: (mediaConfig?: any) => {
     data: {
         upload_onetime_limit: any;
         upload_maxsize: any;