@pisell/materials 6.11.23 → 6.11.25

package/es/components/pisellTimeNavigator/components/NowButton.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { CSSProperties } from 'react';
-export interface NowButtonProps {
-    orientation: 'horizontal' | 'vertical';
-    onClick: () => void;
-    style?: CSSProperties;
-    className?: string;
-    renderCustom?: () => React.ReactNode;
-}
-/**
- * Now 按钮：固定入口，点击跳回当前时间并进入 Realtime
- * 横向：右侧，左箭头；竖向：底部，上箭头
- */
-export declare function NowButton({ orientation, onClick, style, className, renderCustom, }: NowButtonProps): React.JSX.Element;

package/es/components/pisellTimeNavigator/components/ScaleLayer.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { Dayjs } from 'dayjs';
-export interface ScaleLayerProps {
-    orientation: 'horizontal' | 'vertical';
-    ticks: Dayjs[];
-    stepMinutes: number;
-    majorStepMinutes: number;
-    timeFormat: string;
-    locale?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    /**
-     * 横向每格宽度（px），须与 useTimeAxis 的 cellSizePx 一致；
-     * 不传时样式表默认 82（axis-moves）；cursor-moves 压缩比例时必传
-     */
-    horizontalCellSizePx?: number;
-}
-/**
- * 刻度层：渲染时间刻度与标签
- * 横向：整点数字 + 小圆点；竖向：整点/半点数字 + 分割线
- */
-export declare function ScaleLayer({ orientation, ticks, stepMinutes, majorStepMinutes, timeFormat, locale, style, className, horizontalCellSizePx, }: ScaleLayerProps): React.JSX.Element;

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

@@ -1,5 +0,0 @@
-export { BackgroundLayer } from './BackgroundLayer';
-export { CursorLayer } from './CursorLayer';
-export { GestureLayer } from './GestureLayer';
-export { NowButton } from './NowButton';
-export { ScaleLayer } from './ScaleLayer';

package/es/components/pisellTimeNavigator/hooks/index.d.ts

@@ -1,5 +0,0 @@
-export { useTimeAxis } from './useTimeAxis';
-export type { UseTimeAxisOptions, TimeAxisState } from './useTimeAxis';
-export { useRealtime } from './useRealtime';
-export { useDragInertia } from './useDragInertia';
-export type { UseDragInertiaOptions } from './useDragInertia';

package/es/components/pisellTimeNavigator/hooks/useDragInertia.d.ts

@@ -1,14 +0,0 @@
-export interface UseDragInertiaOptions {
-    enabled: boolean;
-    orientation: 'horizontal' | 'vertical';
-    getScrollContainer: () => HTMLElement | null;
-}
-/**
- * 惯性滚动：根据拖动末段速度在松手后继续滚动并衰减
- */
-export declare function useDragInertia(options: UseDragInertiaOptions): {
-    onPointerDown: (e: React.PointerEvent) => void;
-    onPointerMove: (e: React.PointerEvent) => void;
-    onPointerUp: (e: React.PointerEvent) => void;
-    stopInertia: () => void;
-};

package/es/components/pisellTimeNavigator/hooks/useRealtime.d.ts

@@ -1,5 +0,0 @@
-import type { Dayjs } from 'dayjs';
-/**
- * Realtime 模式：每秒将当前系统时间通过 onTick 回传
- */
-export declare function useRealtime(enabled: boolean, onTick: (now: Dayjs) => void): void;

package/es/components/pisellTimeNavigator/hooks/useTimeAxis.d.ts

@@ -1,27 +0,0 @@
-import type { Dayjs } from 'dayjs';
-import type { TimeRangeOption } from '../types';
-export interface UseTimeAxisOptions {
-    range?: TimeRangeOption;
-    stepMinutes: number;
-    referenceDate: Dayjs;
-    orientation: 'horizontal' | 'vertical';
-    /** 横向时每格宽度（px），竖向时每格高度（px） */
-    cellSizePx: number;
-}
-export interface TimeAxisState {
-    rangeStart: Dayjs;
-    rangeEnd: Dayjs;
-    ticks: Dayjs[];
-    /** 时间转主轴偏移（px） */
-    timeToOffset: (t: Dayjs) => number;
-    /** 主轴偏移（px）转时间（最近刻度，用于刻度对齐） */
-    offsetToTime: (offset: number) => Dayjs | null;
-    /** 主轴偏移（px）转时间（连续插值，用于拖动时按分钟步长显示） */
-    offsetToTimeContinuous: (offset: number) => Dayjs | null;
-    /** 主轴总长度（px） */
-    totalLengthPx: number;
-}
-/**
- * 时间轴刻度与时间↔像素换算
- */
-export declare function useTimeAxis(options: UseTimeAxisOptions): TimeAxisState;

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

@@ -1,5 +0,0 @@
-export { PisellTimeNavigator } from './PisellTimeNavigator';
-export { getHorizontalAxisSlotCount, getRangeBounds } from './utils';
-export type { PisellTimeNavigatorProps, TimeNavigatorValue, TimeRangeOption, CursorMode, TimeNavigatorOrientation, } from './types';
-/** 多语言文案（en / zh-CN / zh-HK / ja / pt），使用前请在应用内通过 locales.init(pisellTimeNavigatorLocales, lang) 合并 */
-export { default as pisellTimeNavigatorLocales } from './locales';

package/es/components/pisellTimeNavigator/locales.d.ts

@@ -1,22 +0,0 @@
-/**
- * PisellTimeNavigator 多语言文案
- * 使用前请在应用内通过 locales.init() 合并本模块导出的 key
- */
-declare const _default: {
-    en: {
-        'pisell-time-navigator.now': string;
-    };
-    'zh-CN': {
-        'pisell-time-navigator.now': string;
-    };
-    'zh-HK': {
-        'pisell-time-navigator.now': string;
-    };
-    ja: {
-        'pisell-time-navigator.now': string;
-    };
-    pt: {
-        'pisell-time-navigator.now': string;
-    };
-};
-export default _default;

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

@@ -1,160 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-import type { Dayjs } from 'dayjs';
-/**
- * value / defaultValue 的 dayjs 兼容类型（组件内部统一为 Dayjs）
- */
-export declare type TimeNavigatorValue = Dayjs | string | null;
-/**
- * 时间范围（HH:mm 或 HH:mm:ss，相对 referenceDate 的营业日）
- * - 同自然日：如 08:00–22:00
- * - 跨日：结束钟面 ≤ 开始时视为次日结束，如 02:01–02:00 表示至次日 02:00
- */
-export interface TimeRangeOption {
-    start: string;
-    end: string;
-}
-/**
- * 拖动/指示器模式
- * - axis-moves：指示器固定视口中央，刻度移动（默认）
- * - cursor-moves：刻度固定，指示器在轴上移动
- */
-export declare type CursorMode = 'axis-moves' | 'cursor-moves';
-/**
- * 布局方向
- */
-export declare type TimeNavigatorOrientation = 'horizontal' | 'vertical';
-/**
- * PisellTimeNavigator 组件 Props
- */
-export interface PisellTimeNavigatorProps {
-    /**
-     * 当前选中时间（受控）。支持 dayjs 实例或可被 dayjs 解析的字符串
-     */
-    value?: TimeNavigatorValue;
-    /**
-     * 时间变更回调（受控时必传）
-     */
-    onChange?: (value: Dayjs) => void;
-    /**
-     * 默认选中时间（非受控）
-     */
-    defaultValue?: TimeNavigatorValue;
-    /**
-     * 时间轴锚定到的日历日（startOf day）。`range` 的 HH:mm 均相对于该日。
-     * 不传则与历史一致：取「当天」0 点，避免跨天后刻度错位。
-     */
-    referenceDate?: TimeNavigatorValue;
-    /**
-     * 是否 Realtime 模式：value 自动跟随系统当前时间更新
-     * @default false
-     */
-    realtime?: boolean;
-    /**
-     * 时间范围（支持跨日营业，见 {@link TimeRangeOption}）。不传则默认当日 00:00–24:00
-     */
-    range?: TimeRangeOption;
-    /**
-     * 吸附步长（分钟），如 15、30、60
-     * @default 15
-     */
-    stepMinutes?: number;
-    /**
-     * 大刻度间隔（分钟），用于整点刻度；不传则与 stepMinutes 一致或 60
-     * @default 60
-     */
-    majorStepMinutes?: number;
-    /**
-     * 指示器/轴移动模式
-     * @default 'axis-moves'
-     */
-    cursorMode?: CursorMode;
-    /**
-     * 横向或竖向展示
-     * @default 'horizontal'
-     */
-    orientation?: TimeNavigatorOrientation;
-    /**
-     * 营业时间范围（视觉高亮，可选限制选择范围）
-     */
-    businessHours?: TimeRangeOption;
-    /**
-     * 禁用时间段，禁止选中（点击/吸附到该区间无效）
-     */
-    disabledRanges?: TimeRangeOption[];
-    /**
-     * 是否显示 Now 按钮（固定入口）
-     * @default true
-     */
-    showNowButton?: boolean;
-    /**
-     * 为 true 时禁止用户拖动/滚动时间轴、点击刻度改时间（仍随 `value` 程序性对齐视口；用于「跟随当前时刻」等只读轴）
-     * @default false
-     */
-    userInteractionLocked?: boolean;
-    /**
-     * 是否吸附到 step 刻度
-     * @default false
-     */
-    snapToStep?: boolean;
-    /**
-     * 是否开启惯性滚动（拖动松手后减速）
-     * @default false
-     */
-    inertia?: boolean;
-    /**
-     * 过去时间淡化背景色（CSS 颜色值）
-     */
-    pastTimeFade?: string;
-    /**
-     * 容器样式覆盖
-     */
-    containerStyle?: CSSProperties;
-    /**
-     * 刻度层样式覆盖
-     */
-    scaleStyle?: CSSProperties;
-    /**
-     * 时间气泡/竖线样式覆盖（区分 realtime 时由组件内部应用主题色）
-     */
-    cursorStyle?: CSSProperties;
-    /**
-     * Now 按钮样式覆盖
-     */
-    nowButtonStyle?: CSSProperties;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 根节点自定义样式
-     */
-    style?: CSSProperties;
-    /**
-     * dayjs locale
-     */
-    locale?: string;
-    /**
-     * 时间气泡展示格式（dayjs format）
-     * @default 'HH:mm'
-     */
-    timeFormat?: string;
-    /**
-     * 自定义 Now 按钮内容（覆盖默认文案与图标时使用）
-     */
-    renderNowButton?: () => ReactNode;
-    /**
-     * 横向轴上与刻度槽位数一致的密度序列（任意正数，内部按最大值归一化折线高度）
-     */
-    densitySeries?: number[];
-    /**
-     * 未传 `densitySeries` 时按 `referenceDate` 拉取；日历日变更会重新请求，过期响应丢弃
-     */
-    loadDensity?: (params: {
-        referenceDate: Dayjs;
-        stepMinutes: number;
-    }) => Promise<number[]>;
-    /**
-     * 用户开始操作时间轴（拖轴、点刻度、键盘、拖指针等）时回调；用于上层关闭「跟随当前」等。
-     */
-    onUserInteraction?: () => void;
-}

package/es/components/pisellTimeNavigator/utils/index.d.ts

@@ -1,30 +0,0 @@
-import { type Dayjs } from 'dayjs';
-import type { TimeNavigatorValue, TimeRangeOption } from '../types';
-/**
- * 解析 value 为 Dayjs，无效则返回 null。
- * 支持 dayjs 可解析的日期时间；纯时间字符串（如 '12:00'、'14:30'）会基于 reference 的日期解析。
- */
-export declare function parseValue(value: TimeNavigatorValue, reference?: Dayjs): Dayjs | null;
-/**
- * 将 range 转为 [startDayjs, endDayjs]（reference 为营业锚定日的 0 点）
- * - 同日内：如 08:00–22:00
- * - 跨日营业：结束钟面早于或等于开始（如 02:01–次日 02:00）时，end 解析为 reference 的次日同一时刻
- */
-export declare function getRangeBounds(range: TimeRangeOption | undefined, reference: Dayjs): [Dayjs, Dayjs];
-/**
- * 将时间吸附到 step 分钟刻度（0、15、30、45 等）：四舍五入到最近刻度。
- */
-export declare function snapToStepMinutes(t: Dayjs, stepMinutes: number): Dayjs;
-/**
- * 判断时间是否落在任一禁用区间内（按绝对时间与区间 [start,end) 比较）
- * 注：与主时间轴同 reference 的跨日 range 一致时需传入同一营业锚定日解析出的区间。
- */
-export declare function isInDisabledRanges(t: Dayjs, disabledRanges: TimeRangeOption[] | undefined): boolean;
-/**
- * 在 [rangeStart, rangeEnd] 内按 stepMinutes 生成刻度时间列表（Dayjs）
- */
-export declare function getTicks(rangeStart: Dayjs, rangeEnd: Dayjs, stepMinutes: number): Dayjs[];
-/**
- * 横向时间轴「格」数量，与 useTimeAxis 中 totalLengthPx 算法一致（含尾格）
- */
-export declare function getHorizontalAxisSlotCount(range: TimeRangeOption | undefined, referenceDate: Dayjs, stepMinutes: number): number;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellToastProps {
-    /** 提示内容	 */
-    content: React.ReactNode;
-    /** 自动关闭的延时，单位秒。设为 0 时不自动关闭 */
-    duration?: number;
-    /** 是否展示action */
-    showAction?: boolean;
-    /** action文案 */
-    actionText?: string;
-    /** 关闭时触发的回调函数 */
-    onClose?: () => void;
-}
-declare const PisellToast: (props: PisellToastProps) => void;
-export { useToast } from './squareToast';
-export default PisellToast;

package/es/components/pisellToast/squareToast/index.d.ts

@@ -1,15 +0,0 @@
-import { clear, show, success, info, loading, fail, hide } from './methods';
-import './index.less';
-interface ToastInstance {
-    show: typeof show;
-    clear: typeof clear;
-    success: typeof success;
-    info: typeof info;
-    loading: typeof loading;
-    fail: typeof fail;
-    error: typeof fail;
-    hide: typeof hide;
-}
-declare const Toast: ToastInstance;
-export declare const useToast: () => ToastInstance;
-export default Toast;

package/es/components/pisellToast/squareToast/methods.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ToastProps } from './toast';
-interface ToastInstance {
-    close: () => void;
-}
-declare const show: (configOrContent: Partial<ToastProps> | React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const clear: () => void;
-declare const success: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const info: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const loading: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const fail: (content: React.ReactNode, duration?: number, afterClose?: () => void) => ToastInstance;
-declare const hide: () => void;
-export { show, clear, success, info, loading, fail, hide };

package/es/components/pisellToast/squareToast/renderImperatively.d.ts

@@ -1,28 +0,0 @@
-import type { ReactElement } from 'react';
-import type { Root } from 'react-dom/client';
-import React from 'react';
-declare type ImperativeProps = {
-    open?: boolean;
-    onCancel?: () => void;
-    afterClose?: () => void;
-};
-declare type TargetElement = ReactElement<ImperativeProps>;
-export declare type ImperativeHandler = {
-    close: () => void;
-    replace: (element: TargetElement) => void;
-    isRendered?: () => boolean;
-};
-export declare type UnmountType = () => Promise<void>;
-export declare type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType;
-declare const MARK = "__pisell_react_root__";
-declare type ContainerType = (Element | DocumentFragment) & {
-    [MARK]?: Root;
-};
-export declare function render(node: React.ReactElement, container: ContainerType): void;
-export declare function unmount(container: ContainerType): Promise<void>;
-/**
- * @deprecated 设置 React 渲染函数以兼容使用。
- */
-export declare function unstableSetRender(render?: RenderType): RenderType;
-export declare function renderImperatively(element: TargetElement): ImperativeHandler;
-export {};

package/es/components/pisellToast/squareToast/toast.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
-export interface ToastProps {
-    /** Toast 类型 */
-    icon?: ToastType | React.ReactNode;
-    /** 显示的内容，支持文本或 React 节点 */
-    content: React.ReactNode;
-    /** 是否显示 */
-    open?: boolean;
-    /** 自动关闭时间，单位毫秒，0 表示不自动关闭 */
-    duration?: number;
-    /** 关闭 */
-    onCancel?: () => void;
-    /** 关闭后回调 */
-    afterClose?: () => void;
-    /** 自定义样式类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 是否显示遮罩 */
-    mask?: boolean;
-}
-declare const Toast: React.FC<ToastProps>;
-export default Toast;

package/es/components/productCard/cartSkuCard/components/AmountFooter/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const Footer: ({ item, hideDivider, type, isOnlyTotal }: any) => React.JSX.Element;
-export default Footer;

package/es/components/productCard/cartSkuCard/components/Gift/index.d.ts

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

package/es/components/productCard/cartSkuCard/components/Gift/types.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-/**
- * 赠品项数据结构
- */
-export interface IGiftItem {
-    /** 图片 URL */
-    image?: string;
-    /** 标题 */
-    title?: string;
-    /** 唯一标识 */
-    id?: string;
-}
-/**
- * Gift 组件 Props
- */
-export interface IGiftProps {
-    /** 是否显示赠品组件 */
-    isShow?: boolean;
-    /** 赠品总数量（可选择的总数） */
-    totalCount?: number;
-    /** 已选择的赠品列表 */
-    selectedGifts?: IGiftItem[];
-    /** 选择的赠品原始数据列表 */
-    _selectedOriginGifts?: any[];
-    /** 提示文本（未选择时显示） */
-    promptText?: string;
-    /** 点击事件回调 */
-    onClick?: (e: React.MouseEvent) => void;
-}

package/es/components/productCard/cartSkuCard/components/MultiDay/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const MultiDay: ({ dataSource, hideDivider }: any) => React.JSX.Element;
-export default MultiDay;

package/es/components/productCard/cartSkuCard/components/MultiDay/utils.d.ts

@@ -1,14 +0,0 @@
-interface InputItem {
-    start_date: string;
-    end_date: string;
-    total: number;
-    num: number;
-}
-interface OutputItem {
-    start_date: string;
-    end_date: string;
-    total: number;
-    num: number;
-}
-export declare function formatDateRanges(list: InputItem[]): OutputItem[];
-export {};

package/es/components/productCard/cartSkuCard/components/Note/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const Note: (props: any) => React.JSX.Element | null;
-export default Note;

package/es/components/productCard/cartSkuCard/components/Promotion/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface IPromotionProps {
-    promotions: any[];
-    onClick?: (item: any) => void;
-}
-declare const Promotion: (props: IPromotionProps) => React.JSX.Element;
-export default Promotion;

package/es/components/productCard/cartSkuCard/components/basicInfo/index.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IProps {
-    isShowImage?: boolean;
-    dataSource: {
-        image?: string;
-        bundle?: any[];
-        options?: any[];
-        product_option_string?: string;
-        name?: string;
-        symbol?: string;
-        price?: string | number;
-        total?: number;
-        origin_total?: number;
-        num?: number;
-        holder_id?: any;
-        isFormSubject?: boolean;
-        totalDifference?: number;
-    };
-    style?: React.CSSProperties;
-    /** 作为主商品卡片展示
-     * 1. 影响商品数量 tag 的位置
-     * 2. isMain 且 type 为 a5，展示holder
-     */
-    isMainProduct?: boolean;
-    maxSpecsCount?: number;
-    type?: 'a2' | 'a5' | 'a9';
-    isBundle?: boolean;
-    showFooter?: boolean;
-    isShowOriginalPrice?: boolean;
-    isShowEditProduct?: boolean;
-    onEditProduct?: (val: any) => void;
-    disabledEditClick?: boolean;
-}
-declare const BasicInfo: (props: IProps) => React.JSX.Element;
-export default BasicInfo;

package/es/components/productCard/cartSkuCard/components/discountReason/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const DiscountReason: (props: any) => React.JSX.Element;
-export default DiscountReason;

package/es/components/productCard/cartSkuCard/components/holders/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const Holders: (props: any) => React.JSX.Element | null;
-export default Holders;

package/es/components/productCard/cartSkuCard/components/packages/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IProps {
-    isShowImage?: boolean;
-    dataSource: {
-        bundle?: any[];
-        symbol?: string;
-    };
-    type?: 'a2' | 'a5' | 'a9';
-}
-declare const Packages: ({ isShowImage, dataSource, type }: IProps) => React.JSX.Element | null;
-export default Packages;

package/es/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -1,20 +0,0 @@
-/**
- * @title: 金额是否是负
- * @description:
- * @param {string} type
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-11-22 10:01
- */
-export declare const minusSign: (item: any, type?: string) => "" | "-";
-/**
- * @title: 金额格式化
- * @description:
- * @param {number} price
- * @param {string} amountSymbol
- * @param {number} digit
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-11-22 10:58
- */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/es/components/productCard/cartSkuCard/components/resources/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const Resources: (props: any) => React.JSX.Element | null;
-export default Resources;

package/es/components/productCard/cartSkuCard/components/sales/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IProps {
-    hideDivider?: boolean;
-    dataSource: {
-        symbol?: string;
-        relation_products?: any[];
-        bundle?: any[];
-    };
-    isShowImage?: boolean;
-}
-declare const Sales: ({ hideDivider, dataSource, isShowImage }: IProps) => React.JSX.Element | null;
-export default Sales;

package/es/components/productCard/cartSkuCard/components/specs/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import './index.less';
-interface SpecsProps {
-    /** 数据源 */
-    dataSource?: {
-        bundle?: Array<{
-            title: string;
-        }>;
-        options?: Array<{
-            name: string;
-            price: number;
-            num: number;
-        }>;
-        product_option_string?: string;
-        symbol?: string;
-    };
-    /** 最大展示数量，默认为 1 */
-    maxSpecsCount?: number;
-    type?: 'a2' | 'a5' | 'a9';
-}
-declare const Specs: (props: SpecsProps) => React.JSX.Element | null;
-export default Specs;