@pisell/materials 6.3.26 → 6.3.27

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.js

@@ -41,7 +41,7 @@ var import_useFormSetting = __toESM(require("../provider/hooks/useFormSetting"))
 var import_useCtxActions = __toESM(require("../../hooks/useCtxActions"));
 var import_useDataSource = __toESM(require("../../hooks/useDataSource"));
 var import_utils = require("../utils");
-var import_urlUtils = require("../urlUtils");
+var import_useFormSettingParams = __toESM(require("../../hooks/useFormSettingParams"));
 var import_index = require("./index.less");
 var import_serve = require("../serve");
 var SubmitButton = (props) => {
@@ -59,6 +59,7 @@ var SubmitButton = (props) => {
   } = props;
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [api, contextHolder] = import_antd.notification.useNotification();
+  const { scope, target } = (0, import_useFormSettingParams.default)();
   const form = import_antd.Form.useFormInstance();
   const { renderMode, onDataSourceFinish, formatSubmitValues, customSubmit, beforeSubmit } = (0, import_useFormSetting.default)();
   const { setVisible, refreshTableData } = (0, import_useCtxActions.default)();
@@ -68,14 +69,9 @@ var SubmitButton = (props) => {
     setLoading(true);
     try {
       if (dataSource == null ? void 0 : dataSource.fromSettingMeta) {
-        const urlParams = (0, import_urlUtils.getFormSettingParams)();
-        const business_code = urlParams.businessCode;
-        const channel_code = urlParams.channelCode;
-        const board_code = urlParams.isBoard && business_code && channel_code ? `${business_code}+${channel_code}` : void 0;
         return await (0, import_serve.updateTenantSetting)({
-          business_code,
-          channel_code,
-          board_code,
+          scope,
+          target,
           data: values
         });
       }

package/lib/components/dataSourceComponents/dataSourceForm/type.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { DataSourceType } from "../provider/dataSource/DataSourceContext";
+export declare type ModeType = 'edit' | 'add' | 'view' | 'disabled' | 'hidden' | 'tableView';
+export interface DataSourceFormProps {
+    title: string;
+    description: string;
+    dataSource: DataSourceType;
+    extraParams?: Record<string, any>;
+    showTitle: boolean;
+    showDescription: boolean;
+    groupInfoPosition: 'top' | 'side';
+    variables: any[];
+    renderMode?: ModeType;
+    currentValue?: 'server' | 'local';
+    children: React.ReactNode;
+    className?: string;
+    size?: 'small' | 'middle' | 'large';
+    onDataSourceFinish?: (values: any, result: any) => void;
+    __designMode?: string;
+    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
+    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
+    customSubmit?: (values: Record<string, any>) => Promise<any>;
+    beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
+    leaveConfirmConfig?: {
+        enable: boolean;
+        title: string;
+        content: string;
+        icon: React.ReactNode;
+        okText: string;
+        cancelText: string;
+    };
+}

package/lib/components/dataSourceComponents/dataSourceForm/urlUtils.js

@@ -54,7 +54,7 @@ var updateTenantSettingFromUrl = async (data) => {
     data
   };
   const url = "/tenant/setting";
-  return import_utils.request.getRequest().post(url, requestBody, {
+  return import_utils.request.getRequest().put(url, requestBody, {
     headers: {
       "Content-Type": "application/json"
     }

package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts

@@ -40,6 +40,7 @@ export declare const withFormItem: <P extends object>(WrappedComponent: React.Co
 } | undefined) => React.FC<P & WithFormItemProps>;
 export declare const withDataSource: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     dataSource?: any;
+    extraParams?: Record<string, any> | undefined;
 }) => React.JSX.Element;
 export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
     options?: any;

package/lib/components/dataSourceComponents/dataSourceForm/utils.js

@@ -480,11 +480,12 @@ var withFormItem = (WrappedComponent, overlayProps) => {
 };
 var withDataSource = (WrappedComponent) => {
   return (props) => {
-    const { dataSource } = props;
+    const { dataSource, extraParams } = props;
     return /* @__PURE__ */ import_react.default.createElement(
       import_DataSourceProvider.default,
       {
         dataSource,
+        extraParams: { list: extraParams },
         requestOptions: {
           list: {
             cacheKey: `${dataSource == null ? void 0 : dataSource.headerDataSource}-${dataSource == null ? void 0 : dataSource.name}-${dataSource == null ? void 0 : dataSource.tableName}`

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PisellMenuProps } from '../../pisellMenu/types';
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+declare const DataSourceMenu: React.ForwardRefExoticComponent<PisellMenuProps & React.RefAttributes<any>>;
+export default DataSourceMenu;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.d.ts

@@ -0,0 +1,2 @@
+declare const useDesignMode: (props: any, { registerValueVariable, openDrawer, closeDrawer, data }: any) => void;
+export default useDesignMode;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -179,22 +179,40 @@ var customApiFormatFilter = (filter) => {
 var useFormat = ({ dataSourceKey, fields }) => {
   const formatListResult = (0, import_ahooks.useMemoizedFn)(
     (res) => {
-      if (dataSourceKey === "pisell2-api" && "list" in res && "page" in res) {
-        return {
-          data: res.list,
-          count: res.count,
-          page: res.page,
-          pageSize: res.size
-        };
+      if (dataSourceKey === "pisell2-api") {
+        if (Array.isArray(res)) {
+          return {
+            data: res,
+            count: res.length,
+            page: 1,
+            pageSize: res.length
+          };
+        } else if ("list" in res && "page" in res) {
+          return {
+            data: res.list,
+            count: res.count,
+            page: res.page,
+            pageSize: res.size
+          };
+        }
       }
-      if (dataSourceKey === "mypisell-api" && "list" in res && "skip" in res) {
-        const skip = typeof res.skip === "number" ? res.skip : 1;
-        return {
-          data: res.list,
-          count: res.count,
-          page: skip - 1 || 1,
-          pageSize: res.size
-        };
+      if (dataSourceKey === "mypisell-api") {
+        if (Array.isArray(res)) {
+          return {
+            data: res,
+            count: res.length,
+            page: 1,
+            pageSize: res.length
+          };
+        } else if ("list" in res && "skip" in res) {
+          const skip = typeof res.skip === "number" ? res.skip : 1;
+          return {
+            data: res.list,
+            count: res.count,
+            page: skip - 1 || 1,
+            pageSize: res.size
+          };
+        }
       }
       if ("meta" in res) {
         return {

package/lib/components/dataSourceComponents/dataSourceTable/hooks/usePagination.d.ts

@@ -0,0 +1,16 @@
+declare type UsePaginationProps = {
+    data: {
+        count: number;
+        page: number;
+        pageSize: number;
+        [key: string]: any;
+    };
+};
+declare const usePagination: ({ data }: UsePaginationProps) => {
+    total: number;
+    current: number;
+    pageSize: number;
+    size: string;
+    showSizeChanger: boolean;
+};
+export default usePagination;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/lib/components/dataSourceComponents/dataSourceTable/provider/tableSetting/TableSettingContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface TableSettingContextType {
+    dataSource?: string;
+    children?: React.ReactNode;
+}
+export declare const TableSettingContext: import("react").Context<TableSettingContextType>;
+export default TableSettingContext;

package/lib/components/dataSourceComponents/dataSourceTable/provider/tableSetting/TableSettingProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TableSettingContextType } from './TableSettingContext';
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+declare const TableSettingProvider: React.FC<TableSettingContextType>;
+export default TableSettingProvider;

package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -0,0 +1,84 @@
+/// <reference types="react" />
+import { ColumnType } from 'antd/es/table';
+import { LocalSettingsType } from '../../table/types';
+import { DataSourceType } from '../provider/dataSource/DataSourceContext';
+export declare type OperationItem = {
+    label?: string;
+    openMode: 'modal' | 'drawer' | 'custom';
+    openContentSize: 'small' | 'middle' | 'large';
+    openTitle: string;
+    actionType: 'detail' | 'edit' | 'delete' | 'custom';
+    key: string;
+    buttonProps?: any;
+    onClick?: (record: any) => void;
+    afterClose?: () => void;
+};
+export interface DataSourceTableProps {
+    __id?: string;
+    currentComponentId?: string;
+    currentSettingKey?: string;
+    title?: string | React.ReactNode | (() => React.ReactNode);
+    subTitle?: string | React.ReactNode | (() => React.ReactNode);
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
+    buttons?: any[];
+    operation?: {
+        show: boolean;
+        title: string;
+        width: number;
+        align: 'left' | 'center' | 'right';
+        fixed: 'left' | 'right' | false;
+        type: 'link' | 'button';
+        items: OperationItem[];
+    };
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    };
+    dataSource: DataSourceType;
+    columns: ColumnType<any>[];
+    filter: any;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    };
+    __designMode: string;
+    componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: 'modal' | 'drawer';
+        openContentSize: 'small' | 'middle' | 'large';
+        openTitle: string;
+        key: string;
+    };
+    onRow?: any;
+    filterBy?: Record<string, any>;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    };
+    onValuesChange?: (changedValues: any, values: any) => void;
+    extraParams?: {
+        list?: Record<string, any>;
+        get?: Record<string, any>;
+        update?: Record<string, any>;
+        create?: Record<string, any>;
+        destroy?: Record<string, any>;
+    };
+    localSettings?: LocalSettingsType;
+}

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

@@ -0,0 +1,9 @@
+import { CheckboxProps as AntCheckboxProps } from 'antd';
+import { CheckboxGroupProps as AntCheckboxGroupProps } from 'antd/es/checkbox';
+import { ModeType } from "../../dataSourceForm/type";
+export interface CheckboxProps extends AntCheckboxProps {
+    renderMode: ModeType;
+}
+export interface CheckboxGroupProps extends AntCheckboxGroupProps {
+    renderMode: ModeType;
+}

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

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

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

@@ -0,0 +1,5 @@
+import { ColorPickerProps as AntColorPickerProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface ColorPickerProps extends AntColorPickerProps {
+    renderMode: ModeType;
+}

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

@@ -0,0 +1,6 @@
+import { DatePickerProps as AntDatePickerProps } from 'antd';
+import { ModeType } from '../../dataSourceForm/type';
+export interface DatePickerProps extends Omit<AntDatePickerProps, 'renderMode'> {
+    renderMode: ModeType;
+    showTime?: boolean;
+}

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

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

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

@@ -0,0 +1,4 @@
+import { ModeType } from '../../dataSourceForm/type';
+export interface DateRangePickerProps extends Omit<any, 'renderMode'> {
+    renderMode: ModeType;
+}

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

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

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

@@ -0,0 +1,8 @@
+import { ModeType } from "../../dataSourceForm/type";
+export interface IconSelectProps {
+    renderMode: ModeType;
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+}

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

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

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

@@ -0,0 +1,8 @@
+import { Ref } from 'react';
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputProps extends AntInputProps {
+    renderMode: ModeType;
+    innerRef: Ref<any>;
+    enableQRScanner?: boolean;
+}

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

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

package/lib/components/dataSourceComponents/fields/Input.Email/type.d.ts

@@ -0,0 +1,5 @@
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputProps extends AntInputProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Input.Json/type.d.ts

@@ -0,0 +1,5 @@
+import { TextAreaProps as AntTextAreaProps } from 'antd/es/input/TextArea';
+import { ModeType } from "../../dataSourceForm/type";
+export interface JsonProps extends AntTextAreaProps {
+    renderMode: ModeType;
+}

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

@@ -8,6 +8,8 @@ export interface Country {
         en: string;
         'zh-CN': string;
         'zh-HK': string;
+        'ja': string;
+        'pt': string;
         original: string;
     };
     code: string;

package/lib/components/dataSourceComponents/fields/Input.Mobile/type.d.ts

@@ -0,0 +1,5 @@
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputProps extends AntInputProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Input.Password/type.d.ts

@@ -0,0 +1,5 @@
+import { PasswordProps as AntPasswordProps } from 'antd/es/input/Password';
+import { ModeType } from "../../dataSourceForm/type";
+export interface PasswordProps extends AntPasswordProps {
+    renderMode: ModeType;
+}

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

@@ -9,6 +9,8 @@ export interface Country {
         en: string;
         'zh-CN': string;
         'zh-HK': string;
+        'ja': string;
+        'pt': string;
         original: string;
     };
     code: string;

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

@@ -0,0 +1,5 @@
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputProps extends AntInputProps {
+    renderMode: ModeType;
+}

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

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

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

@@ -2,7 +2,7 @@ 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: "custom" | "xzero" | "saas";
+    rootDomain: "custom" | "saas" | "xzero";
     customDomain?: string | undefined;
     value?: string | undefined;
     tenantId: string;

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

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

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

@@ -0,0 +1,5 @@
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputProps extends AntInputProps {
+    renderMode: ModeType;
+}

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

@@ -0,0 +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/type.d.ts

@@ -0,0 +1,5 @@
+import { TextAreaProps as AntTextAreaProps } from 'antd/es/input/TextArea';
+import { ModeType } from "../../dataSourceForm/type";
+export interface TextAreaProps extends AntTextAreaProps {
+    renderMode: ModeType;
+}

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

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

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

@@ -0,0 +1,5 @@
+import { InputProps as AntInputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface UrlProps extends AntInputProps {
+    renderMode: ModeType;
+}

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

@@ -0,0 +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/type.d.ts

@@ -0,0 +1,7 @@
+import { InputNumberProps as AntInputNumberProps } from "antd/es/input-number";
+import { ModeType } from "../../dataSourceForm/type";
+export interface InputNumberProps extends AntInputNumberProps {
+    renderMode: ModeType;
+    useThousandsSeparator: boolean;
+    previewFormatter?: 'none' | 'thousand' | 'million' | 'billion';
+}

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

@@ -0,0 +1 @@
+export declare const formatNumberWithUnit: (value: number, precision?: number, previewFormatter?: 'none' | 'thousand' | 'million' | 'billion') => string;

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

@@ -0,0 +1,8 @@
+import { RadioProps as AntRadioProps, RadioGroupProps as AntRadioGroupProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface RadioProps extends AntRadioProps {
+    renderMode: ModeType;
+}
+export interface RadioGroupProps extends AntRadioGroupProps {
+    renderMode: ModeType;
+}

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

@@ -7,5 +7,6 @@ declare const SelectWithDataSource: (props: import("antd").SelectProps<any, impo
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
+    extraParams?: Record<string, any> | undefined;
 }) => React.JSX.Element;
 export default SelectWithDataSource;

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

@@ -0,0 +1,5 @@
+import { SelectProps as AntSelectProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface SelectProps extends AntSelectProps {
+    renderMode: ModeType;
+}

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

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface SwitchProps {
+    value?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: 'default' | 'small';
+    checkedChildren?: React.ReactNode;
+    unCheckedChildren?: React.ReactNode;
+    autoFocus?: boolean;
+    onChange?: (checked: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (checked: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
+    renderMode?: 'view' | 'edit' | 'disabled' | 'hidden';
+    [key: string]: any;
+}

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

@@ -0,0 +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/type.d.ts

@@ -0,0 +1,5 @@
+import { TimePickerProps as AntTimePickerProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface TimePickerProps extends Omit<AntTimePickerProps, 'renderMode'> {
+    renderMode: ModeType;
+}

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

@@ -41,13 +41,17 @@ var defaultValue = {
   en: "",
   "zh-CN": "",
   "zh-HK": "",
+  "ja": "",
+  "pt": "",
   original: ""
 };
 var languageConfig = [
   { key: "original", label: (0, import_locales.getText)("pisell-translation-original") },
   { key: "en", label: "English" },
   { key: "zh-CN", label: "简体中文" },
-  { key: "zh-HK", label: "繁體中文" }
+  { key: "zh-HK", label: "繁體中文" },
+  { key: "ja", label: "日本語" },
+  { key: "pt", label: "Português" }
 ];
 var Translation = ({
   value = defaultValue,
@@ -56,7 +60,8 @@ var Translation = ({
   disabled,
   type = "text",
   // 默认为普通文本输入
-  maxLength
+  maxLength,
+  inputStyle
 }) => {
   const [open, setOpen] = (0, import_react.useState)(false);
   const getInputComponent = (0, import_react.useCallback)(() => {
@@ -90,7 +95,8 @@ var Translation = ({
       value: (value == null ? void 0 : value[key]) || "",
       onChange: handleInputChange(key),
       allowClear: true,
-      maxLength
+      maxLength,
+      style: inputStyle || {}
     }
   )))));
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "translation-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
@@ -101,7 +107,8 @@ var Translation = ({
       placeholder,
       disabled,
       className: "translation-input",
-      maxLength
+      maxLength,
+      style: inputStyle || {}
     }
   ), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Popover,