@pisell/materials 6.3.26 → 6.3.28

package/es/components/PisellTabbar3/locales.js

@@ -10,5 +10,13 @@ export default {
   "zh-HK": {
     expand: '展開',
     minimize: '摺疊'
+  },
+  ja: {
+    expand: '展開',
+    minimize: '折りたたむ'
+  },
+  pt: {
+    expand: 'Expandir',
+    minimize: 'Minimizar'
   }
 };

package/es/components/PisellTabbar3/mock.d.ts

@@ -0,0 +1,47 @@
+declare const _default: {
+    id: number;
+    shop_id: number;
+    parent_id: number;
+    name: string;
+    slug: string;
+    icon: string;
+    status: string;
+    last_applicable_time: number;
+    sort: number;
+    create_account_id: number;
+    update_account_id: number;
+    created_at: string;
+    updated_at: string;
+    children: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: string;
+        slug: string;
+        icon: string;
+        status: string;
+        last_applicable_time: number;
+        sort: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+        children: {
+            id: number;
+            shop_id: number;
+            parent_id: number;
+            name: string;
+            slug: string;
+            icon: string;
+            status: string;
+            last_applicable_time: number;
+            sort: number;
+            create_account_id: number;
+            update_account_id: number;
+            created_at: string;
+            updated_at: string;
+            children: never[];
+        }[];
+    }[];
+}[];
+export default _default;

package/es/components/PisellTabbar3/types.d.ts

@@ -0,0 +1,111 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * Tabbar 数据源项类型
+ */
+export interface TabbarDataSource {
+    /** 唯一标识 */
+    id: string | number;
+    /** 店铺ID */
+    shop_id?: number;
+    /** 父级ID */
+    parent_id?: number;
+    /** 显示名称 */
+    name: string;
+    /** URL slug */
+    slug?: string;
+    /** 图标 URL 或图标名称 */
+    icon?: string;
+    /** 子级数据 */
+    children?: TabbarDataSource[];
+    /** 自定义点击事件标识 */
+    customClick?: boolean;
+    /** 唯一 key */
+    key?: string;
+}
+/**
+ * 层级配置
+ */
+export interface TabbarLevelConfig {
+    /** SuperTabs 背景色 */
+    superTabsBg: string;
+    /** 卡片宽度 */
+    cardWidth: number;
+    /** 卡片高度 */
+    cardHeight: number;
+    /** 左侧缩进 */
+    paddingLeft?: number;
+}
+/**
+ * 展开配置
+ */
+export interface ExpandConfig {
+    /** 激活状态配置 */
+    active: {
+        icon: string;
+        text: string;
+    };
+    /** 未激活状态配置 */
+    inactive: {
+        icon: string;
+        text: string;
+    };
+}
+/**
+ * 展开状态
+ */
+export interface ExpandState {
+    level1: boolean;
+    level2: boolean;
+    level3: boolean;
+}
+/**
+ * 层级类型
+ */
+export declare type LevelType = 'level1' | 'level2' | 'level3';
+/**
+ * TabbarLevel 组件属性
+ */
+export interface TabbarLevelProps {
+    /** SKU ID */
+    skuId: string;
+    /** 数据源 */
+    dataSource: TabbarDataSource[];
+    /** 当前激活的面板 key */
+    activePanelKey: string | number;
+    /** 层级 */
+    level: LevelType;
+    /** 设置激活面板 key */
+    setActivePanelKey: (key: string | number, item?: TabbarDataSource) => void;
+    /** 是否展开 */
+    expand: boolean;
+    /** 展开处理函数 */
+    handleExpand: () => void;
+    /** 渲染子级内容 */
+    renderChildren?: (panelProps: any) => ReactNode;
+    /** 层级配置 */
+    levelConfig?: TabbarLevelConfig;
+    /** 展开配置 */
+    expandConfig?: ExpandConfig;
+}
+/**
+ * PisellTabbar 组件属性
+ */
+export interface PisellTabbarProps {
+    /** 数据源 */
+    dataSource?: TabbarDataSource[];
+    /** 当前选中的值（多层级 key 数组） */
+    value?: (string | number)[];
+    /** 值变化回调 */
+    onChange?: (value: (string | number)[]) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 层级配置（可按层级自定义） */
+    levelConfig?: Partial<Record<LevelType, Partial<TabbarLevelConfig>>>;
+    /** 展开配置 */
+    expandConfig?: ExpandConfig;
+    /** 最大层级数 */
+    maxLevel?: 1 | 2 | 3;
+    __designMode?: boolean;
+}

package/es/components/TimeResourceSelector/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface TimeSlot {
+    value: string;
+    label: string;
+    time: string;
+    remainingCount: number;
+    disabled?: boolean;
+}
+export interface TimeResourceSelectorProps {
+    timeSlots?: TimeSlot[];
+    multiple?: boolean;
+    showUnavailable?: boolean;
+    defaultExpanded?: boolean;
+    defaultSelectFirst?: boolean;
+    onChange?: (values: string | string[]) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
+export default TimeResourceSelector;

package/es/components/appVersionControl/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    name: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+export interface AppVersionControlProps {
+    value: string;
+    versions: Version[];
+    onVersionChange: (value: string, version: Version) => void;
+    onCreateVersion: (detail: {
+        version: string;
+        baseVersion: string;
+    }) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
+    allowPublish?: boolean;
+    allowCreate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/es/components/appVersionControl/utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 比较两个版本号
+ * @param version1 版本号1
+ * @param version2 版本号2
+ * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
+ */
+export declare const compareVersions: (version1: string, version2: string) => number;
+/**
+ * 从版本号列表中获取最大版本号
+ * @param versions 版本号列表
+ * @returns 最大的版本号，如果列表为空返回undefined
+ */
+export declare const getMaxVersion: (versions: string[]) => string | undefined;

package/es/components/auto-resize-text/auto-text-size-standalone.d.ts

@@ -0,0 +1,20 @@
+export declare type Options = {
+    mode?: 'oneline' | 'multiline' | 'box' | 'boxoneline' | undefined;
+    minFontSizePx?: number | undefined;
+    maxFontSizePx?: number | undefined;
+    fontSizePrecisionPx?: number | undefined;
+    scrollToEnd?: boolean | undefined;
+};
+export declare function updateTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
+    innerEl: HTMLElement;
+    containerEl: HTMLElement;
+}): void;
+declare type DisconnectableFunction = {
+    (): void;
+    disconnect: () => void;
+};
+export declare function autoTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
+    innerEl: HTMLElement;
+    containerEl: HTMLElement;
+}): DisconnectableFunction;
+export {};

package/es/components/auto-resize-text/index.d.ts

@@ -0,0 +1,6 @@
+import React, { DetailedHTMLProps, HTMLAttributes, ReactElement, ReactHTML } from 'react';
+import { Options } from './auto-text-size-standalone';
+export default function AutoResizeText({ mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, as: Comp, children, ...rest }: Options & {
+    as?: keyof ReactHTML | React.ComponentType<any>;
+    children?: React.ReactNode;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): ReactElement;

package/es/components/badge/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BadgeProps as OriginalBadgeprops } from 'antd';
+import './index.less';
+export interface Badgeprops extends OriginalBadgeprops {
+    styleType: 'default' | 'warning';
+}
+declare const Badge: (props: any) => React.JSX.Element;
+export default Badge;

package/es/components/batch-editor/fields/Image/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
+    value?: string;
+}
+import "./index.less";
+declare const Image: (props: ImageProps) => React.JSX.Element | null;
+export default Image;

package/es/components/batch-editor/fields/Price/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { InputNumberProps } from "antd";
+export interface PriceProps extends InputNumberProps {
+    symbol: string;
+}
+declare const Price: React.FC<PriceProps>;
+export default Price;

package/es/components/batch-editor/fields/Text/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const Text: (props: TextProps) => React.JSX.Element;
+export default Text;

package/es/components/batch-editor/fields/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    price: import("react").FC<import("./Price").PriceProps>;
+    image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;
+    text: (props: import("./Text").TextProps) => import("react").JSX.Element;
+};
+export default _default;

package/es/components/batch-editor/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+interface BatchEditorProps {
+    columns: any[];
+    dataSource: any[];
+    onChange: (value: any) => void;
+    rowKey: string;
+    otherTableProps: any;
+}
+declare const BatchEditor: (props: BatchEditorProps) => React.JSX.Element;
+export default BatchEditor;

package/es/components/browserSelect/index.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.less";
+interface Option {
+    label: React.ReactNode;
+    value: string | number;
+}
+interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'onChange'> {
+    options: Option[];
+    value?: string | number;
+    onChange?: (value: string | number, option: Option) => void;
+}
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
+export default BrowserSelect;

package/es/components/button/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ButtonProps as OriginalButtonProps } from 'antd';
+export interface ButtonProps extends OriginalButtonProps {
+    __designMode?: 'design' | undefined;
+    href?: string;
+    rightIcon?: React.ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+export default Button;

package/es/components/buttonGroupPreview/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { MenuProps, ButtonProps } from 'antd';
+export interface ButtonGroupListItemProps {
+    id?: string;
+    isMore?: boolean;
+    menuData?: MenuProps['items'];
+    buttonProps?: ButtonProps;
+}
+interface ButtonConfigProps {
+    [id: string]: ButtonGroupListItemProps;
+}
+export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
+interface ButtonGroupPreviewProps {
+    buttonConfig?: ButtonConfigProps;
+    buttonGroupList?: ButtonGroupListProps;
+    updateButtonProps?: ButtonGroupListItemProps;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
+export default _default;

package/es/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+declare const Checkbox: (props: any) => import("react").JSX.Element;
+export default Checkbox;

package/es/components/collapse/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface CollapseProps {
+    panelBackground?: string;
+    panelMarginBottom?: string | 0;
+    panelBorderRadius?: string | 0;
+    items: any[];
+    showHeader?: boolean;
+    headerColor?: string | '#101828';
+    headerFontSize?: string | 14;
+    expandIcon?: any;
+    [key: string]: any;
+}
+declare const Collapse: React.FC<CollapseProps>;
+export default Collapse;

package/es/components/colorPicker/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ColorPickerProps } from 'antd';
+declare const ColorPicker: (props: ColorPickerProps) => React.JSX.Element;
+export default ColorPicker;

package/es/components/config-provider/index.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
+import "dayjs/locale/ja";
+import "dayjs/locale/pt";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {
     [key: string]: any;
 }

package/es/components/config-provider/index.js

@@ -8,6 +8,8 @@ import { ConfigProvider as OriginalConfigProvider } from "antd";
 import dayjs from "dayjs";
 import "dayjs/locale/zh-cn";
 import zhCN from "antd/es/locale/zh_CN";
+import "dayjs/locale/ja";
+import "dayjs/locale/pt";
 var ConfigProvider = function ConfigProvider(props) {
   var locale = props.locale,
     rest = _objectWithoutProperties(props, _excluded);
@@ -20,6 +22,10 @@ var ConfigProvider = function ConfigProvider(props) {
       dayjs.locale("en");
       // 默认为英文
       localeData = undefined;
+    } else if (locale.toLowerCase() === "ja") {
+      dayjs.locale("ja");
+    } else if (locale.toLowerCase() === "pt") {
+      dayjs.locale("pt");
     }
   }
   return /*#__PURE__*/React.createElement(OriginalConfigProvider, _extends({

package/es/components/cropPhoto/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CropPhoto: React.FC;
+export default CropPhoto;

package/es/components/dataSourceComponents/dataSourceForm/BaseForm.js

@@ -23,7 +23,7 @@ import FormSettingProvider from "./provider/formSetting/FormSettingProvider";
 import PageHeader from "../../page-header";
 import { transformFormObjToArrayWithUntouched } from "./utils";
 import { getFormSettingMetaData } from "./serve";
-import { getFormSettingParams } from "./urlUtils";
+import useFormSettingParams from "../hooks/useFormSettingParams";
 import "./index.less";
 import { isArr } from "@pisell/utils";
 /**
@@ -55,6 +55,9 @@ var BaseForm = /*#__PURE__*/forwardRef(function (props, ref) {
     setBeforeClose = _useCtxActions.setBeforeClose;
   var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
     getApp = _context$appHelper$ut.getApp;
+  var _useFormSettingParams = useFormSettingParams(),
+    scope = _useFormSettingParams.scope,
+    target = _useFormSettingParams.target;
   var formRef = useRef(null);
   var _useDataSource = useDataSource(),
     get = _useDataSource.get;
@@ -77,10 +80,6 @@ var BaseForm = /*#__PURE__*/forwardRef(function (props, ref) {
         var _dataSource$fields;
         if (props.__designMode === 'design') return;
         // 从URL获取参数
-        var _getFormSettingParams = getFormSettingParams(),
-          businessCode = _getFormSettingParams.businessCode,
-          channelCode = _getFormSettingParams.channelCode,
-          isBoard = _getFormSettingParams.isBoard;
         var sectionCodes = Array.from(new Set(dataSource === null || dataSource === void 0 || (_dataSource$fields = dataSource.fields) === null || _dataSource$fields === void 0 ? void 0 : _dataSource$fields.map(function (field) {
           return field.name.split('.').shift();
         })));
@@ -88,9 +87,8 @@ var BaseForm = /*#__PURE__*/forwardRef(function (props, ref) {
         // 使用API方法获取formSettingMeta数据（必须传入参数）
         getFormSettingMetaData({
           sectionCodes: sectionCodes,
-          businessCode: businessCode,
-          channelCode: channelCode,
-          isBoard: isBoard
+          scope: scope,
+          target: target
         }).then(function (res) {
           var _dataSource$fields2, _formRef$current2;
           var formattedValues = formatInitialValues ? formatInitialValues(res.data) : res.data || {};

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ModeType } from '../../type';
+export interface FormSettingContextType {
+    onDataSourceFinish?: (values: any, result: any, form: any) => void;
+    renderMode?: ModeType;
+    groupInfoPosition?: 'top' | 'side';
+    children?: React.ReactNode;
+    currentValue?: 'server' | 'local';
+    size?: 'small' | 'middle' | 'large';
+    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;
+}
+export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
+export default FormSettingContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.d.ts

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

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useFormSetting.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取表单配置
+ */
+declare const useFormSetting: () => import("../formSetting/FormSettingContext").FormSettingContextType;
+export default useFormSetting;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useJsonPrefixPath.d.ts

@@ -0,0 +1,5 @@
+declare const useJsonPrefixPath: () => {
+    path: (string | number)[];
+    level: number;
+};
+export default useJsonPrefixPath;

package/es/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const JsonWrapperContext: import("react").Context<{
+    path: (string | number)[];
+    level: number;
+}>;
+export default JsonWrapperContext;