@pisell/materials 6.3.26 → 6.3.28

package/lib/components/pisellDataSourceContainer/components/ColumnsSetting/utils.js

@@ -0,0 +1,81 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellDataSourceContainer/components/ColumnsSetting/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  clearColumnSettingFromLocal: () => import_utils.clearColumnSettingFromLocal,
+  getColumnSettingFromLocal: () => import_utils.getColumnSettingFromLocal,
+  mergeColumnSettingSimple: () => mergeColumnSettingSimple,
+  saveColumnSettingToLocal: () => saveColumnSettingToLocal
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var saveColumnSettingToLocal = (params) => {
+  (0, import_utils.saveColumnSettingToLocal)({
+    componentId: params.componentId,
+    columnSetting: params.columnSetting
+  });
+};
+var mergeColumnSettingSimple = ({
+  columns,
+  componentId
+}) => {
+  if (!componentId) {
+    return columns.map((item, index) => ({
+      ...item,
+      isShow: item.isShow ?? true,
+      sortIndex: index
+    }));
+  }
+  const cachedColumns = (0, import_utils.getColumnSettingFromLocal)(componentId);
+  if (!cachedColumns || !Array.isArray(cachedColumns)) {
+    return columns.map((item, index) => ({
+      ...item,
+      isShow: item.isShow ?? true,
+      sortIndex: index
+    }));
+  }
+  const cachedMap = new Map(
+    cachedColumns.map((item) => [item.dataIndex, item])
+  );
+  const mergedColumns = columns.map((item, index) => {
+    const cached = cachedMap.get(item.dataIndex);
+    if (cached) {
+      return {
+        ...item,
+        isShow: cached.isShow ?? true,
+        sortIndex: cached.sortIndex ?? index
+      };
+    }
+    return {
+      ...item,
+      isShow: item.isShow ?? true,
+      sortIndex: index
+    };
+  });
+  mergedColumns.sort((a, b) => (a.sortIndex ?? 0) - (b.sortIndex ?? 0));
+  return mergedColumns;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  clearColumnSettingFromLocal,
+  getColumnSettingFromLocal,
+  mergeColumnSettingSimple,
+  saveColumnSettingToLocal
+});

package/lib/components/pisellDataSourceContainer/components/Table/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { DataSourceContainerContextType } from '../../type';
 declare const _default: React.ForwardRefExoticComponent<Omit<Partial<import("antd").TableProps<any>> & DataSourceContainerContextType & {
     scopeId?: string | undefined;
+    __id?: string | undefined;
 } & React.RefAttributes<unknown> & {
     refId?: string | undefined;
 }, "ref"> & React.RefAttributes<any>>;

package/lib/components/pisellDataSourceContainer/components/Table/index.js

@@ -43,13 +43,15 @@ var WithTable = (0, import_react.forwardRef)(
       refManager,
       columns,
       scopeId = "table",
+      __id,
       ...otherProps
     } = props;
     const { data, loading } = listAction;
     const { visibleColumns } = (0, import_useColumns.default)({
       columns: columns || [],
       scopeId,
-      refManager
+      refManager,
+      __id
     });
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.Table,

package/lib/components/pisellDataSourceContainer/components/Table/useColumns.d.ts

@@ -6,6 +6,7 @@ interface UseColumnsParams {
     columns: any[];
     scopeId: string;
     refManager: RefManagerContextType;
+    __id?: string;
 }
 declare const useColumns: (params: UseColumnsParams) => {
     visibleColumns: any[];

package/lib/components/pisellDataSourceContainer/components/Table/useColumns.js

@@ -24,18 +24,31 @@ __export(useColumns_exports, {
 module.exports = __toCommonJS(useColumns_exports);
 var import_react = require("react");
 var import_ColumnsSetting = require("../ColumnsSetting");
+var import_utils = require("../ColumnsSetting/utils");
 var useColumns = (params) => {
-  const { columns, scopeId, refManager } = params;
+  const { columns, scopeId, refManager, __id } = params;
   const [columnSettings, setColumnSettings] = (0, import_react.useState)([]);
   (0, import_react.useEffect)(() => {
     if (!(columns == null ? void 0 : columns.length)) return;
-    const settings = columns.map((col, index) => ({
-      key: col.key || col.dataIndex,
+    const mergedColumns = (0, import_utils.mergeColumnSettingSimple)({
+      columns: columns.map((col, index) => ({
+        key: col.key || col.dataIndex,
+        dataIndex: col.dataIndex,
+        title: col.title,
+        titleString: typeof col.title === "string" ? col.title : col.dataIndex,
+        isShow: typeof col.isShow === "boolean" ? col.isShow : true,
+        sortIndex: index,
+        fixed: col.fixed
+      })),
+      componentId: __id
+    });
+    const settings = mergedColumns.map((col) => ({
+      key: col.key,
       dataIndex: col.dataIndex,
       title: col.title,
-      titleString: typeof col.title === "string" ? col.title : col.dataIndex,
-      isShow: typeof col.isShow === "boolean" ? col.isShow : true,
-      sortIndex: index,
+      titleString: col.titleString,
+      isShow: col.isShow,
+      sortIndex: col.sortIndex,
       fixed: col.fixed
     }));
     refManager.setSharedState(
@@ -43,7 +56,7 @@ var useColumns = (params) => {
       settings
     );
     setColumnSettings(settings);
-  }, [columns, refManager, scopeId]);
+  }, [columns, refManager, scopeId, __id]);
   (0, import_react.useEffect)(() => {
     const unsubscribe = refManager.subscribeSharedState(
       import_ColumnsSetting.COLUMNS_SHARED_STATE_KEYS.columnsChange(scopeId),
@@ -51,14 +64,12 @@ var useColumns = (params) => {
     );
     return unsubscribe;
   }, [refManager, scopeId]);
-  const visibleColumns = (0, import_react.useMemo)(() => {
-    if (!(columns == null ? void 0 : columns.length)) return [];
-    if (!(columnSettings == null ? void 0 : columnSettings.length)) return columns;
+  return (0, import_react.useMemo)(() => {
+    if (!(columns == null ? void 0 : columns.length)) return { visibleColumns: [] };
+    if (!(columnSettings == null ? void 0 : columnSettings.length)) return { visibleColumns: columns };
     const columnMap = new Map(columns.map((col) => [col.dataIndex, col]));
-    return columnSettings.filter((setting) => setting.isShow).map((setting) => columnMap.get(setting.dataIndex)).filter(Boolean);
+    const visibleColumns = columnSettings.filter((setting) => setting.isShow).map((setting) => columnMap.get(setting.dataIndex)).filter(Boolean);
+    return { visibleColumns };
   }, [columns, columnSettings]);
-  return {
-    visibleColumns
-  };
 };
 var useColumns_default = useColumns;

package/lib/components/pisellDataSourceContainer/hooks/useHandleAction.d.ts

@@ -0,0 +1,32 @@
+import { DataSourceContainerProps } from '../type';
+import { FormInstance } from 'antd';
+declare const useHandleAction: (initialParams: Record<string, any> | undefined, options: DataSourceContainerProps['pagination'], form: FormInstance | undefined) => {
+    list: {
+        pagination?: {
+            pageNumber: number;
+            pageSize: number;
+        } | undefined;
+        data: {
+            list: any;
+            count: any;
+        };
+        onSearch: (newParams?: Record<string, any>) => void;
+        onReset: () => void;
+        onPageChange: (pageNumber: number, pageSize: number) => void;
+        loading: boolean;
+        error?: Error | undefined;
+        params: any;
+        cancel: () => void;
+        refresh: () => void;
+        refreshAsync: () => Promise<any>;
+        run: (...params: any) => void;
+        runAsync: (...params: any) => Promise<any>;
+        mutate: (data?: any) => void;
+    };
+    get: import("ahooks/es/useRequest/src/types").Result<any, any>;
+    update: import("ahooks/es/useRequest/src/types").Result<any, any>;
+    create: import("ahooks/es/useRequest/src/types").Result<any, any>;
+    destroy: import("ahooks/es/useRequest/src/types").Result<any, any>;
+    getCurrentRecord: () => any;
+};
+export default useHandleAction;

package/lib/components/pisellDataSourceContainer/provider/ChildComponentProps.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { FormInstance } from 'antd';
+import { ChildComponentPropsType } from '../type';
+declare type ChildComponentPropsContextType = ChildComponentPropsType & {
+    form: FormInstance;
+};
+interface ChildComponentPropsProviderProps {
+    childComponentProps?: ChildComponentPropsType;
+    children: ReactNode;
+}
+export declare const ChildComponentPropsProvider: React.FC<ChildComponentPropsProviderProps>;
+export declare const useChildComponentPropsContext: () => ChildComponentPropsContextType;
+export {};

package/lib/components/pisellDataSourceContainer/provider/RefManager.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { RefManagerContextType } from '../type';
+export declare const RefManagerContext: React.Context<RefManagerContextType | null>;
+interface RefManagerProviderProps {
+    children: React.ReactNode;
+}
+export declare const RefManagerProvider: React.FC<RefManagerProviderProps>;
+export declare const useRefManagerProvider: () => RefManagerContextType;
+export {};

package/lib/components/pisellDataSourceContainer/type.d.ts

@@ -0,0 +1,84 @@
+import { DataSourceContextProps, DataSourceContextType } from '../dataSourceComponents/provider/dataSource/DataSourceContext';
+import { Result } from 'ahooks/es/useRequest/src/types';
+import { TableProps as AntdTableProps, PaginationProps, TabsProps as AntdTabsProps, FormInstance as AntdFormInstance } from 'antd';
+import { SortListProps } from '../sort/types';
+import { FilterItemProps } from '../filter/types';
+import { FilterListProps } from '../filter/components/FilterButton/types';
+/**
+ * 子组件属性集合类型定义
+ */
+export interface ChildComponentPropsType {
+    /** Filter 组件属性 */
+    filterComponent?: {
+        value: {
+            quickFilter?: FilterItemProps[];
+            otherFilter?: FilterItemProps[];
+        };
+        formFiltersPrefix?: string;
+        quickFilterMaxLength?: number;
+    };
+    /** QuickFilter 组件属性 */
+    quickFilterComponent?: {
+        filterList: FilterItemProps[];
+        formFiltersPrefix?: string;
+    };
+    /** FilterButton 组件属性 */
+    filterButtonComponent?: FilterListProps;
+    /** tabsComponent 组件属性 */
+    tabsComponent?: {
+        items: AntdTabsProps['items'];
+        type?: 'default' | 'button' | 'buttonGroup' | 'dropdown';
+    };
+    /** Sort 组件属性 */
+    sortComponent?: SortListProps;
+    /** Table 组件属性 */
+    tableComponent?: AntdTableProps<any>;
+    /** ColumnsSetting 组件属性 */
+    columnsSettingComponent?: {
+        value?: Record<string, any>[];
+        onChange?: (val: Record<string, any>[]) => void;
+    };
+    /** Pagination 组件属性 */
+    paginationComponent?: PaginationProps;
+}
+export interface DataSourceContainerProps extends DataSourceContextProps {
+    pagination?: boolean | {
+        pageNumber: number;
+        pageSize: number;
+    };
+    childComponentProps?: ChildComponentPropsType;
+}
+/**
+ * 扩展的 HandleActionContextType
+ */
+export interface HandleActionContextType extends Omit<DataSourceContextType, 'list'> {
+    list: Result<any, any> & {
+        onSearch: (newParams?: Record<string, any>) => void;
+        onReset: () => void;
+        onPageChange: (pageNumber: number, pageSize: number) => void;
+        pagination?: {
+            pageNumber: number;
+            pageSize: number;
+        };
+    };
+}
+export interface RefManagerContextType {
+    getRef: <T = any>(id: string) => T | undefined;
+    registerRef: <T = any>(id: string, ref: T) => void;
+    unregisterRef: (id: string) => void;
+    getSharedState: <T = any>(key: string) => T | undefined;
+    setSharedState: <T = any>(key: string, value: T) => void;
+    subscribeSharedState: <T = any>(key: string, callback: (value: T) => void) => () => void;
+}
+export interface DataSourceContainerContextType {
+    serverActions: HandleActionContextType;
+    refManager: RefManagerContextType;
+    form: AntdFormInstance;
+}
+export interface UseContainerContextReturnType {
+    serverActions: HandleActionContextType;
+    refManager: RefManagerContextType;
+    form: AntdFormInstance;
+    onValuesChange: (changedValues: Record<string, any>, allValues: Record<string, any>) => void;
+    [key: string]: any;
+}

package/lib/components/pisellDataSourceContainer/utils/formatData.d.ts

@@ -0,0 +1,9 @@
+declare const formatListResult: (result: any) => {
+    list: any;
+    count: any;
+};
+declare const formatListParams: (params: any) => {
+    page: any;
+    pageSize: any;
+};
+export { formatListParams, formatListResult };

package/lib/components/pisellDatePicker/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PisellDatePicker: (props: any) => import("react").JSX.Element;
 export default PisellDatePicker;

package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.js

@@ -41,9 +41,12 @@ var import_hooks = require("./hooks");
 var import_utils = require("./utils");
 var import_components = require("./components");
 var import_dateTimeDisplayFormats = require("./formats/dateTimeDisplayFormats");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_PisellDateTimeDisplay = require("./PisellDateTimeDisplay.less");
 var PisellDateTimeDisplay = (props) => {
+  var _a, _b;
   const {
+    value: valueProp,
     layout = "horizontal",
     textAlign = "center",
     fields,
@@ -65,7 +68,9 @@ var PisellDateTimeDisplay = (props) => {
     className,
     style
   } = props;
-  const localeKey = (0, import_utils.getDayjsLocale)(locale);
+  const context = (0, import_useEngineContext.default)();
+  const resolvedLocale = locale || ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en";
+  const localeKey = (0, import_utils.getDayjsLocale)(resolvedLocale);
   const baseLocale = localeKey.split("-")[0];
   const presetSource = formatByLocale ?? import_dateTimeDisplayFormats.DATETIME_DISPLAY_FORMATS;
   const preset = presetSource[localeKey] ?? presetSource[baseLocale] ?? {};
@@ -76,12 +81,13 @@ var PisellDateTimeDisplay = (props) => {
   const computedRefreshInterval = refreshInterval ?? (0, import_utils.getRefreshInterval)(effectiveTimeFormat);
   const currentTime = (0, import_hooks.useCurrentTime)({
     refreshInterval: computedRefreshInterval,
-    disabled: disableAutoRefresh,
-    locale,
+    disabled: disableAutoRefresh || valueProp !== void 0,
+    locale: resolvedLocale,
     onUpdate: onTimeUpdate
   });
+  const displayTime = valueProp !== void 0 && valueProp !== null ? (0, import_dayjs.default)(valueProp).locale(localeKey) : currentTime;
   if (customFormat) {
-    const formattedTime = currentTime.format(customFormat);
+    const formattedTime = displayTime.format(customFormat);
     const containerInlineStyle2 = {
       background: containerStyle == null ? void 0 : containerStyle.background,
       borderRadius: containerStyle == null ? void 0 : containerStyle.borderRadius,
@@ -108,7 +114,7 @@ var PisellDateTimeDisplay = (props) => {
     fieldOrder = ["time", "date", "weekday"]
   } = effectiveFields || {};
   const referenceDate = (0, import_dayjs.default)();
-  const relativeDay = (effectiveDateFormat == null ? void 0 : effectiveDateFormat.showRelativeDay) ? (0, import_utils.getRelativeDay)(currentTime, referenceDate) : null;
+  const relativeDay = (effectiveDateFormat == null ? void 0 : effectiveDateFormat.showRelativeDay) ? (0, import_utils.getRelativeDay)(displayTime, referenceDate) : null;
   const hideWeekdayWhenDateRelative = showDate && relativeDay !== null;
   const containerInlineStyle = {
     background: containerStyle == null ? void 0 : containerStyle.background,
@@ -127,7 +133,7 @@ var PisellDateTimeDisplay = (props) => {
           import_components.TimeDisplay,
           {
             key: "time",
-            time: currentTime,
+            time: displayTime,
             format: effectiveTimeFormat,
             style: timeStyle
           }
@@ -137,7 +143,7 @@ var PisellDateTimeDisplay = (props) => {
           import_components.DateDisplay,
           {
             key: "date",
-            date: currentTime,
+            date: displayTime,
             format: effectiveDateFormat,
             referenceDate: (0, import_dayjs.default)(),
             style: dateStyle
@@ -148,7 +154,7 @@ var PisellDateTimeDisplay = (props) => {
           import_components.WeekdayDisplay,
           {
             key: "weekday",
-            weekday: currentTime,
+            weekday: displayTime,
             format: effectiveWeekdayFormat,
             style: weekdayStyle
           }
@@ -179,12 +185,12 @@ var PisellDateTimeDisplay = (props) => {
   }
   if (layout === "horizontal") {
     const timeField = showTime ? renderField("time") : null;
-    const currentLocale = currentTime.locale();
+    const currentLocale = displayTime.locale();
     const isChinese = (0, import_utils.isChinese)(currentLocale);
     if (showDate && showWeekday) {
       const labels = effectiveDateFormat == null ? void 0 : effectiveDateFormat.relativeDayLabels;
-      const dateStr = relativeDay ? (labels == null ? void 0 : labels[relativeDay]) ?? (0, import_utils.getRelativeDayLabel)(relativeDay, currentTime.locale()) : isChinese ? currentTime.format("M月D日") : currentTime.format("D MMM");
-      const weekdayStr = currentTime.format("ddd");
+      const dateStr = relativeDay ? (labels == null ? void 0 : labels[relativeDay]) ?? (0, import_utils.getRelativeDayLabel)(relativeDay, displayTime.locale()) : isChinese ? displayTime.format("M月D日") : displayTime.format("D MMM");
+      const weekdayStr = displayTime.format("ddd");
       const combinedStr = relativeDay ? dateStr : isChinese ? `${weekdayStr} ${dateStr}` : `${weekdayStr}, ${dateStr}`;
       const dateInlineStyle = {
         fontSize: dateStyle == null ? void 0 : dateStyle.fontSize,

package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.less

@@ -64,9 +64,10 @@
     line-height: 1.2;
   }
 
-  // 分隔符
+  // 分隔符：保留空格占位，避免纯空格时被折叠不显示
   &-separator {
     display: inline-block;
+    white-space: pre;
   }
 
   // 自定义格式化

package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.stories.d.ts

@@ -0,0 +1,195 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import PisellDateTimeDisplay from './PisellDateTimeDisplay';
+/**
+ * PisellDateTimeDisplay 组件 Storybook
+ */
+declare const meta: Meta<typeof PisellDateTimeDisplay>;
+export default meta;
+declare type Story = StoryObj<typeof PisellDateTimeDisplay>;
+/**
+ * 基础示例
+ */
+export declare const Basic: Story;
+/**
+ * 水平布局（默认）
+ */
+export declare const HorizontalLayout: Story;
+/**
+ * 垂直布局
+ */
+export declare const VerticalLayout: Story;
+/**
+ * 单行布局
+ */
+export declare const InlineLayout: Story;
+/**
+ * 单行布局 - 自定义分隔符
+ */
+export declare const InlineWithCustomSeparator: Story;
+/**
+ * 中文完整日期格式：2025-12-31 - 2:00 周四
+ * 单行、日期在前、日期与时间之间 " - "、时间与星期之间空格
+ */
+export declare const InlineDateTimeWeekdayZh: Story;
+/**
+ * 12小时制
+ */
+export declare const Time12Hour: Story;
+/**
+ * 显示秒
+ */
+export declare const TimeWithSeconds: Story;
+/**
+ * 12小时制 + 显示秒
+ */
+export declare const Time12HourWithSeconds: Story;
+/**
+ * 小时补零
+ */
+export declare const TimePadHour: Story;
+/**
+ * 只显示小时
+ */
+export declare const TimeOnlyHour: Story;
+/**
+ * 完整日期（Y-M-D）
+ */
+export declare const DateFullYMD: Story;
+/**
+ * 月-日-年 格式
+ */
+export declare const DateMDY: Story;
+/**
+ * 日-月-年 格式
+ */
+export declare const DateDMY: Story;
+/**
+ * 中文日期带单位
+ */
+export declare const DateChinese: Story;
+/**
+ * 相对日：今天/昨天/明天
+ * 与「当前日期」同天显示「今天」，前一天「昨天」，后一天「明天」；其他日期仍按原格式。
+ * 参考日为 dayjs()，随时间变化：例如 2 月 4 日当天，2 月 4 日显示「今天」，2 月 3 日显示「昨天」。
+ */
+export declare const RelativeDay: Story;
+/**
+ * 相对日 - 英文
+ */
+export declare const RelativeDayEn: Story;
+/**
+ * 相对日 - 自定义文案
+ */
+export declare const RelativeDayCustomLabels: Story;
+/**
+ * 英文完整月份
+ */
+export declare const DateFullMonth: Story;
+/**
+ * 自定义分隔符
+ */
+export declare const DateCustomSeparator: Story;
+/**
+ * 星期完整展示（英文）
+ */
+export declare const WeekdayFull: Story;
+/**
+ * 星期完整展示（中文）
+ */
+export declare const WeekdayFullChinese: Story;
+/**
+ * 星期单字母展示
+ */
+export declare const WeekdaySingleLetter: Story;
+/**
+ * 只显示时间
+ */
+export declare const OnlyTime: Story;
+/**
+ * 只显示日期
+ */
+export declare const OnlyDate: Story;
+/**
+ * 自定义字段顺序
+ */
+export declare const CustomFieldOrder: Story;
+/**
+ * 自定义格式化 - ISO 格式
+ */
+export declare const CustomFormatISO: Story;
+/**
+ * 自定义格式化 - 中文格式
+ */
+export declare const CustomFormatChinese: Story;
+/**
+ * 自定义格式化 - 包含星期
+ */
+export declare const CustomFormatWithWeekday: Story;
+/**
+ * 中文环境
+ */
+export declare const LocaleChinese: Story;
+/**
+ * 英文环境
+ */
+export declare const LocaleEnglish: Story;
+/**
+ * 自定义容器样式
+ */
+export declare const CustomContainerStyle: Story;
+/**
+ * 自定义文本样式
+ */
+export declare const CustomTextStyle: Story;
+/**
+ * 居中对齐
+ */
+export declare const CenterAlign: Story;
+/**
+ * 禁用自动刷新
+ */
+export declare const DisableRefresh: Story;
+/**
+ * 自定义刷新间隔（5秒）
+ */
+export declare const CustomRefreshInterval: Story;
+/**
+ * 应用场景 - 后台首页
+ */
+export declare const ScenarioDashboard: Story;
+/**
+ * 应用场景 - 状态栏
+ */
+export declare const ScenarioStatusBar: Story;
+/**
+ * 应用场景 - 欢迎页
+ */
+export declare const ScenarioWelcome: Story;
+/**
+ * 应用场景 - 大屏展示
+ */
+export declare const ScenarioLargeScreen: Story;
+/**
+ * 多语言对比
+ */
+export declare const MultiLanguage: Story;
+/**
+ * 时间格式对比
+ */
+export declare const TimeFormats: Story;
+/**
+ * 日期格式对比
+ */
+export declare const DateFormats: Story;
+/**
+ * 星期格式对比
+ */
+export declare const WeekdayFormats: Story;
+/**
+ * 所有布局对比
+ */
+export declare const AllLayouts: Story;
+/**
+ * 深色主题
+ */
+export declare const DarkTheme: Story;