@pisell/materials 3.3.83 → 3.3.84

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/useTableProps.d.ts

@@ -52,9 +52,9 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         show: boolean;
         title: string;
         width: number;
-        align: "left" | "right" | "center";
+        align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "link" | "button";
+        type: "button" | "link";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -71,7 +71,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         show: boolean;
         useCustomAction: boolean;
         actionType: string;
-        openMode: "modal" | "drawer";
+        openMode: "drawer" | "modal";
         openContentSize: "small" | "middle" | "large";
         openTitle: string;
         key: string;

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: "saas" | "custom" | "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

@@ -1,11 +1,12 @@
 import React from 'react';
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "default" | "api" | "custom" | undefined;
     labelField: string;
     valueField: string;
     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,

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

@@ -1,8 +1,11 @@
+/// <reference types="react" />
 import { ModeType } from "../../dataSourceForm/type";
 export interface TranslationValue {
     en: string;
     'zh-CN': string;
     'zh-HK': string;
+    'ja': string;
+    'pt': string;
     original: string;
 }
 export interface TranslationProps {
@@ -14,4 +17,5 @@ export interface TranslationProps {
     className?: string;
     type?: 'text' | 'textarea';
     maxLength?: number;
+    inputStyle?: React.CSSProperties;
 }

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

@@ -1,4 +1,4 @@
-export declare const SUPPORTED_LANGUAGES: readonly ["original", "en", "zh-CN", "zh-HK"];
+export declare const SUPPORTED_LANGUAGES: readonly ["original", "en", "zh-CN", "zh-HK", "ja", "pt"];
 export declare const DEFAULT_MAX_COUNT = 9;
 export declare const DEFAULT_UID = "-1";
 export declare const MEDIA_TYPES: {

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

@@ -27,7 +27,7 @@ __export(constants_exports, {
   SUPPORTED_LANGUAGES: () => SUPPORTED_LANGUAGES
 });
 module.exports = __toCommonJS(constants_exports);
-var SUPPORTED_LANGUAGES = ["original", "en", "zh-CN", "zh-HK"];
+var SUPPORTED_LANGUAGES = ["original", "en", "zh-CN", "zh-HK", "ja", "pt"];
 var DEFAULT_MAX_COUNT = 9;
 var DEFAULT_UID = "-1";
 var MEDIA_TYPES = {

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

@@ -171,7 +171,7 @@ var handleMultilingualSingleFile = (value, index = 1) => ({
   multilingual: createMultilingualData(value)
 });
 var handleMultilingualObject = (value, index = 1) => {
-  const defaultUrl = value.original || value.en || value["zh-CN"] || value["zh-HK"];
+  const defaultUrl = value.original || value.en || value["zh-CN"] || value["zh-HK"] || value["ja"] || value["pt"];
   return {
     uid: `-${index}`,
     name: getFileName(defaultUrl),