@next-bricks/presentational-bricks 1.337.0 → 1.337.2

package/dist/types/datetime-selector/index.d.ts

@@ -1,167 +0,0 @@
-import { UpdatingElement, EventEmitter } from "@next-core/brick-kit";
-import { RangeType } from "@next-libs/datetime-components";
-import { RangeText } from "@next-libs/datetime-components";
-import { ResolutionProps } from "./DatetimeSelector";
-import { ButtonSize } from "antd/lib/button";
-export interface DatetimeSelectorElementProps {
-    from?: string;
-    to?: string;
-    customTimeRange?: RangeText[];
-    placement?: TooltipPlacement;
-    resolution?: ResolutionProps;
-    size?: ButtonSize;
-    selectNearDays?: number;
-    format?: string;
-    rangeDays?: number;
-}
-export declare type TooltipPlacement = "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
-/**
- * @id presentational-bricks.datetime-selector
- * @name presentational-bricks.datetime-selector
- * @docKind brick
- * @description 常用于时间的过滤，支持快速选择时间区间和自定义，例如图表或表格的时间过滤
- * @author jo
- * @slots
- * @history
- * 1.63.0:新属性 `placement`
- * 1.80.0:新增事件 `datetime.selected.v2, datetime.selected.v3`
- * 1.105.0:新增属性 `resolution`
- * @memo
- *
- * > Tips: 第一个示例 demo 由于 shouldUpdateUrlParams=true 会更新 url 中的参数，会导致第二个示例时间选择器也会跟着变化， 而第二个示例 shouldUpdateUrlParams=false, 不会改变 url 所以第一示例不受它的影响，特作此说明。
- *
- * ```typescript
- * from to 书写规范如下：
- * now-15m 近 15 分钟
- * now-30m 近 30 分钟
- * now-1h 近 1 小时
- * now-12h 近 12 小时
- * now-24h 近 24 小时
- * now/d 今天(今天0时到现在的时间)
- * now-7d 近 7 天
- * now-30d 近 30 天
- * now-6M 近 6 月
- * now/y 今年(今年第一天开始到今天的时间)
- * now-1y 近 1 年
- * ```
- *
- * > Tips: 对于时间段范围的时间，组件封装了 parseDatetimeRange 的解析函数，统一转化为时间戳处理，不必额外再写转换函数, [github链接](https://github.com/easyops-cn/next-libs/blob/207fe7ee3ac010ab860c23cd062216c8ca612f0c/libs/datetime-components/src/processor/parseDatetimeRange.ts#L3)
- *
- * @noInheritDoc
- */
-export declare class DatetimeSelectorElement extends UpdatingElement implements DatetimeSelectorElementProps {
-    /**
-     * @detail { type: "dateRange"; value: "now/d" } | { type: "specifiedDate"; value: { from: number; to: number }}
-     * @description [已废弃]选择时间
-     */
-    datetimeSelectedEvent: EventEmitter<{
-        type: "dateRange";
-        value: "now/d";
-    } | {
-        type: "specifiedDate";
-        value: {
-            from: number;
-            to: number;
-        };
-    }>;
-    /**
-     * @detail { from: number; to: number }
-     * @description 选择当前时间戳，与 `datetime.selected` 不同的是会把时间统一转换成时间戳的形式输出
-     */
-    datetimeSelectedV2Event: EventEmitter<{
-        from: number;
-        to: number;
-    }>;
-    /**
-     * @detail { from: number; to: number } | { from: string }
-     * @description 选择当前时间，与 `datetime.selected` 不同的是虽然还是区分时间戳和时间段两种类型，但是调整了输出字段格式, 这样更利于某些监控场景的使用和编排
-     */
-    datetimeSelectedV3Event: EventEmitter<{
-        from: number;
-        to: number;
-    } | {
-        from: string;
-    }>;
-    /**
-     * @required true
-     * @default "now-1d"
-     * @description 默认起始时间，支持任意时间范围,相关规则请按下列规则书写（"now-1h", "now-1d", "now/d", "now-7d", "now-30d")  [正则表达式](https://github.com/easyops-cn/next-libs/blob/207fe7ee3ac010ab860c23cd062216c8ca612f0c/libs/datetime-components/src/processor/parseDatetimeRange.ts#L18)  注意当通过 \${query.from=now/d} 赋默认值给 form 属性时，由于 [placeholder 占位符语法](https://admin.easyops.local/next-docs/docs/brick-next/evaluate-placeholders) 不支持 `/` 的特殊字符解析，所以该值需要用字符串的形式来书写（如 demo 所示）。
-     * @group basic
-     */
-    from: string;
-    /**
-     * @required false
-     * @description 默认结束时间, 相关规则请参照from属性
-     * @group basic
-     */
-    to: string;
-    /**
-     * @required false
-     * @default true
-     * @description 是否更新 url 参数并刷新页面
-     * @group basic
-     */
-    shouldUpdateUrlParams: boolean;
-    /**
-     * @kind "default" | "custom"
-     * @required false
-     * @default "default"
-     * @description 时间选择器支持两种类型，一种是默认的，固定显示常用的几种时间范围，一种是自定义的，可根据需求定制特定时间范围
-     * @group basic
-     */
-    type: RangeType;
-    /**
-     * @kind {range: string, text: string}
-     * @required false
-     * @description 当 type 为 custom 时，配置定制的时间范围，目前暂支持如下时间点，当 type 为 default 时，该配置项无效
-     * @group basic
-     */
-    customTimeRange: RangeText[];
-    /**
-     * @required false
-     * @default "bottom"
-     * @description 弹出位置
-     * @group other
-     */
-    placement: TooltipPlacement;
-    /**
-     * @kind "ms" | "s"
-     * @required false
-     * @default "ms"
-     * @description 指定时间戳的单位，目前支持秒和毫秒，默认为毫秒，切换为秒时，url 和事件传出的时间戳都会调整成以秒为单位
-     * @group other
-     */
-    resolution: ResolutionProps;
-    /**
-     * @kind "default" | "large" | "small"
-     * @required false
-     * @description 打开选择器的按钮的大小
-     * @group other
-     */
-    size: ButtonSize;
-    /**
-     * @kind number
-     * @required false
-     * @description 限制选择近n天
-     * @group other
-     */
-    selectNearDays: number;
-    /**
-     * @kind number
-     * @required false
-     * @description 日期格式
-     * @group other
-     */
-    format: string;
-    /**
-     * @kind number
-     * @required false
-     * @description 限制选择范围天数
-     * @group other
-     */
-    rangeDays: number;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private datetimeSelected;
-    protected _render(): void;
-}

package/dist/types/datetime-selector/processor.d.ts

@@ -1,16 +0,0 @@
-import { DateRange, SpecifiedDateRange } from "@next-libs/datetime-components";
-import { ResolutionProps } from "./DatetimeSelector";
-export declare type TimeRange = DateRange | SpecifiedDateRange;
-export declare function transformToTimestamp(range: TimeRange, resolution?: ResolutionProps): {
-    from: number;
-    to: number;
-};
-export declare function formatTimeRange(range: TimeRange): {
-    from: number;
-    to: number;
-} | {
-    from: string;
-    to?: undefined;
-};
-export declare function processResolution(range: TimeRange, resolution: ResolutionProps, transformMap: Record<string, (value: number) => any>): TimeRange;
-export declare function convertToSecond(value: number): number;

package/dist/types/digital-number/DigitalNumber.d.ts

@@ -1,21 +0,0 @@
-import React, { CSSProperties } from "react";
-export declare type DigitalNumberType = "default" | "custom";
-export declare type DigitalNumberProps = {
-    decimals?: number;
-    decimal?: string;
-    cellStyle?: CSSProperties;
-    textStyle?: CSSProperties;
-    easeSpeed?: number;
-    value: number;
-    type?: DigitalNumberType;
-    height?: number;
-    maxLen?: number;
-    thousands?: boolean;
-    delaySpeed?: number;
-    width?: number;
-};
-export declare function DigitalNumber(props: DigitalNumberProps): React.ReactElement;
-export interface SliceProps extends Pick<DigitalNumberProps, "cellStyle" | "textStyle" | "height" | "easeSpeed" | "delaySpeed" | "width"> {
-    digit?: string;
-}
-export declare const getPosition: (value: string, height: number) => number;

package/dist/types/digital-number/index.d.ts

@@ -1,101 +0,0 @@
-import { CSSProperties } from "react";
-import { UpdatingElement } from "@next-core/brick-kit";
-import { DigitalNumberType } from "./DigitalNumber";
-export interface DigitalNumberElementProps {
-    decimals?: number;
-    decimal?: string;
-    cellStyle?: CSSProperties;
-    textStyle?: CSSProperties;
-    easeSpeed?: number;
-    maxLen?: number;
-    value?: number;
-    type?: DigitalNumberType;
-    height?: number;
-    width?: number;
-    thousands?: boolean;
-}
-/**
- * @id presentational-bricks.digital-number
- * @author abert
- * @history
- * 1.x.0: 新增构件 `presentational-bricks.digital-number`
- * @docKind brick
- * @noInheritDoc
- */
-export declare class DigitalNumberElement extends UpdatingElement implements DigitalNumberElementProps {
-    /**
-     * @default
-     * @required false
-     * @description 小数位数
-     */
-    decimals: number;
-    /**
-     * @default .
-     * @required false
-     * @description 小数位分割符
-     */
-    decimal: string;
-    /**
-     * @default
-     * @required false
-     * @description 容器样式
-     */
-    cellStyle: CSSProperties;
-    /**
-     * @default
-     * @required
-     * @description 数字样式
-     */
-    textStyle: CSSProperties;
-    /**
-     * @default 1.5s
-     * @requires false
-     * @description 动画执行时间，单位 s
-     */
-    easeSpeed: number;
-    /**
-     * @default 100s
-     * @required false
-     * @description 等待动画执行时间，单位 ms
-     */
-    delaySpeed: number;
-    /**
-     * @default
-     * @required false
-     * @description 整数位设置最大展示长度，长度不够按位补 0
-     */
-    maxLen: number;
-    /**
-     * @required true
-     * @description 值
-     */
-    value: number;
-    /**
-     *
-     * @default default
-     * @required false
-     * @description 滚动数字组件类型 default | custom
-     */
-    type: DigitalNumberType;
-    /**
-     * @default
-     * @required false
-     * @description 滚动容器的高度
-     */
-    height: number;
-    /**
-     * @default
-     * @required false
-     * @description 滚动容器的宽度
-     */
-    width: number;
-    /**
-     * @default false
-     * @required false
-     * @description 是否有千位分隔符
-     */
-    thousands: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected _render(): void;
-}

package/dist/types/dropdown-button/DropdownButton.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { MenuIcon } from "@next-core/brick-types";
-import { Option } from "../interfaces";
-interface DropdownButtonProps {
-    options: Option[];
-    leftButtonIcon?: MenuIcon | string;
-    rightButtonIcon?: MenuIcon | string;
-    buttonName?: string;
-    disabled?: boolean;
-    tooltip?: string;
-    onChange?(value: any, item: any): void;
-    value?: any;
-    textPlacement?: "right" | "left";
-    handleClick?(item: any): void;
-}
-export declare function DropdownButton(props: DropdownButtonProps): React.ReactElement;
-export {};

package/dist/types/dropdown-button/index.d.ts

@@ -1,106 +0,0 @@
-import { EventEmitter, UpdatingElement } from "@next-core/brick-kit";
-import { MenuIcon } from "@next-core/brick-types";
-import { Option } from "../interfaces";
-export interface DropdownButtonElementProps {
-    options?: Option[];
-    leftButtonIcon?: MenuIcon | string;
-    rightButtonIcon?: MenuIcon | string;
-    buttonName?: string;
-    disabled?: boolean;
-    textPlacement?: "right" | "left";
-    tooltip?: string;
-    value?: any[];
-}
-/**
- * @id presentational-bricks.dropdown-button
- * @author astrid
- * @history
- * 1.212.0: 新增构件 `presentational-bricks.dropdown-button`
- * @docKind brick
- * @noInheritDoc
- */
-export declare class DropdownButtonElement extends UpdatingElement implements DropdownButtonElementProps {
-    /**
-     * @kind Option[]
-     * @required false
-     * @default -
-     * @description 下拉菜单
-     * @group basic
-     */
-    options: Option[];
-    /**
-     * @kind MenuIcon|string
-     * @required false
-     * @default -
-     * @description 左边按钮 icon，支持[icon 图标库](developers/icon)，可直接复制图标图标的配置（antd、fa 及 easyops 三种库都支持），也可只取 icon 字段的值（仅支持 antd 库）。配置{ "lib": "antd", "icon": "edit" }与 "edit"等价
-     * @group basic
-     */
-    leftButtonIcon: MenuIcon | string;
-    /**
-     * @kind MenuIcon|string
-     * @required false
-     * @default -
-     * @description 右边边按钮 icon，支持[icon 图标库](developers/icon)，可直接复制图标图标的配置（antd、fa 及 easyops 三种库都支持），也可只取 icon 字段的值（仅支持 antd 库）。配置{ "lib": "antd", "icon": "edit" }与 "edit"等价
-     * @group basic
-     */
-    rightButtonIcon: MenuIcon | string;
-    /**
-     * @kind string
-     * @required false
-     * @default -
-     * @description 配置左边按钮名称
-     * @group basic
-     */
-    buttonName: string;
-    /**
-     * @kind boolean
-     * @required false
-     * @default `false`
-     * @description 是否禁用按钮
-     * @group basic
-     */
-    disabled: boolean;
-    /**
-     * @kind "right"| "left"
-     * @required false
-     * @default `right`
-     * @description 选择下拉菜单的选项值出现在左边按钮还是右边按钮，为`left` buttonName不生效
-     * @group basic
-     */
-    textPlacement: "right" | "left";
-    /**
-     * @kind string
-     * @required false
-     * @default -
-     * @description 按钮的 tooltip
-     * @group basic
-     */
-    tooltip: string;
-    /**
-     * @kind any
-     * @required false
-     * @default -
-     * @description 选中项的值
-     */
-    value: any[];
-    /**
-     * @detail {value: any; item: any}
-     * @description 选项改变事件
-     */
-    selectChange: EventEmitter<{
-        value: any;
-        item: any;
-    }>;
-    /**
-     * @detail {item: any}
-     * @description 点击左边按钮发出的事件
-     */
-    handleClick: EventEmitter<{
-        item: any;
-    }>;
-    private _handleChange;
-    private _handleClick;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected _render(): void;
-}

package/dist/types/dropdown-select/DropdownSelect.d.ts

@@ -1,37 +0,0 @@
-import React from "react";
-import { UseBrickConf } from "@next-core/brick-types";
-import { Option } from "../interfaces";
-interface DropdownSelectProps {
-    dataSource?: any[];
-    value?: any;
-    label?: string;
-    labelFontSize?: string;
-    placeholder?: string;
-    optionTitle?: string;
-    optionContent?: string;
-    valuePath?: string;
-    options?: Option[];
-    onChange?(value: any, item: any): void;
-    selectedKeys?: string[];
-    defaultSelectedKeys?: string[];
-    multipleSelect?: boolean;
-    onSelect?: (keys: any) => void;
-    buttonIcon?: any;
-    multipleLabel?: string;
-    dropdownButtonType?: "default" | "shape";
-    disabled?: boolean;
-    heightFix?: boolean;
-    tipBrick?: {
-        useBrick: UseBrickConf;
-    };
-    minSelectedItemLength?: number;
-    selectTipText?: string;
-    selectBoxStyle?: React.CSSProperties;
-    dropdownTriggerStyle?: React.CSSProperties;
-    hideLabel?: boolean;
-    labelBrick?: {
-        useBrick: UseBrickConf;
-    };
-}
-export declare function DropdownSelect(props: DropdownSelectProps): React.ReactElement;
-export {};

package/dist/types/dropdown-select/index.d.ts

@@ -1,231 +0,0 @@
-import React from "react";
-import { UpdatingElement, EventEmitter } from "@next-core/brick-kit";
-import { UseBrickConf } from "@next-core/brick-types";
-import { Option } from "../interfaces";
-export interface DropdownSelectElementProps {
-    options?: Option[];
-    dataSource?: any[];
-    value?: any[];
-    label?: string;
-    disabled?: boolean;
-    heightFix?: boolean;
-    buttonIcon?: any;
-    dropdownButtonType?: "default" | "shape";
-    labelFontSize?: string;
-    placeholder?: string;
-    optionTitle?: string;
-    optionContent?: string;
-    valuePath?: string;
-    multipleSelect?: boolean;
-    selectedKeys?: string[];
-    selectTipText?: string;
-    selectBoxStyle?: React.CSSProperties;
-    defaultSelectedKeys?: string[];
-    minSelectedItemLength?: number;
-    multipleLabel?: string;
-    tipBrick?: {
-        useBrick: UseBrickConf;
-    };
-    hideLabel?: boolean;
-    dropdownTriggerStyle?: React.CSSProperties;
-    labelBrick?: {
-        useBrick: UseBrickConf;
-    };
-}
-/**
- * @id presentational-bricks.dropdown-select
- * @name presentational-bricks.dropdown-select
- * @docKind brick
- * @description 用于菜单项较多时收纳相关菜单项
- * @author jo
- * @slots
- * @history
- * 1.122.0:新增 `labelFontSize` 属性
- * @memo
- * @noInheritDoc
- */
-export declare class DropdownSelectElement extends UpdatingElement implements DropdownSelectElementProps {
-    /**
-     * @detail {value: any; item: any}
-     * @description 选项改变事件
-     */
-    selectChange: EventEmitter<{
-        value: any;
-        item: any;
-    }>;
-    /**
-     * @detail {value: any}
-     * @description 多选选项选中事件
-     */
-    multipleSelectChange: EventEmitter<{
-        value: any;
-    }>;
-    /**
-     * @required false
-     * @description 选项列表，不能与 dataSource + label + optionTitle + optionContent + valuePath 同时使用
-     * @group basic
-     */
-    options: Option[];
-    /**
-     * @required false
-     * @default []
-     * @description 数据源
-     * @group other
-     * @deprecated
-     */
-    dataSource: any[];
-    /**
-     * @required false
-     * @description 选中项的值，跟 `valuePath` 搭配使用，根据指定的字段路径与 value 的值得出当前选中项
-     * @group basic
-     */
-    value: any[];
-    /**
-     * @required false
-     * @default 使用 optionTitle 的值
-     * @description 选中项显示的 label，支持模板替换，替换上下文为当前项 `item` 使用时需要带上 item 前缀 `#{item.xxx}`
-     * @group other
-     * @deprecated
-     */
-    label?: string;
-    /**
-     * @required false
-     * @default false
-     * @description 是否禁用
-     * @group basic
-     */
-    disabled?: boolean;
-    /**
-     * @required false
-     * @default false
-     * @description 单选时，下拉内容区高度是否固定
-     * @group basic
-     */
-    heightFix?: boolean;
-    /**
-     * @kind MenuIcon
-     * @required false
-     * @description 按钮 icon，支持[icon 图标库](developers/icon)，可直接复制图标图标的配置（antd、fa 及 easyops 三种库都支持），也可只取 icon 字段的值（仅支持 antd 库）。配置{ "lib": "antd", "icon": "edit" }与 "edit"等价 [类型定义](https://github.com/easyops-cn/next-core/blob/34a0808712ecaa925d0860d281ab23cf3bec7317/packages/brick-types/src/menu.ts#L104)
-     * @group basic
-     */
-    buttonIcon: any;
-    /**
-     * @required false
-     * @default "default"
-     * @description 设置下拉选择器按钮样式
-     * @group ui
-     */
-    dropdownButtonType: "default" | "shape";
-    /**
-     * @required false
-     * @description label 的 fontSize
-     * @group ui
-     */
-    labelFontSize?: string;
-    /**
-     * @required false
-     * @description placeholder, 当没有当前项选中时显示
-     * @group basic
-     */
-    placeholder?: string;
-    /**
-     * @required false
-     * @default #{item}
-     * @description 选项的标题，支持模板替换，使用跟 label 字段一样
-     * @group other
-     * @deprecated
-     */
-    optionTitle?: string;
-    /**
-     * @required false
-     * @description 选项的内容，支持模板替换，使用跟 label 字段一样
-     * @group other
-     * @deprecated
-     */
-    optionContent?: string;
-    /**
-     * @required false
-     * @default item
-     * @description 依据当前项 `item`，指定选项值的 path
-     * @group other
-     * @deprecated
-     */
-    valuePath?: string;
-    /**
-     * @required false
-     * @default false
-     * @description 是否支持多选，支持多选时，单选的value属性失效
-     * @group basic
-     */
-    multipleSelect?: boolean;
-    /**
-     * @required false
-     * @default []
-     * @description 多选的选中项
-     * @group basic
-     */
-    selectedKeys?: string[];
-    /**
-     * @required false
-     * @default -
-     * @description 下拉框提示信息
-     */
-    selectTipText: string;
-    /**
-     * @required false
-     * @description 下拉框样式
-     */
-    selectBoxStyle: React.CSSProperties;
-    /**
-     * @required false
-     * @default []
-     * @description 多选的默认选中项
-     * @group basic
-     */
-    defaultSelectedKeys?: string[];
-    /**
-     * @required false
-     * @description 最小选择数量（多选）
-     * @group basic
-     */
-    minSelectedItemLength?: number;
-    /**
-     * @required false
-     * @description 多选时，当前label仅支持显示从构件外部传入,multipleLabel属性仅在dropdownButtonType为multiple时生效
-     * @group basic
-     */
-    multipleLabel?: string;
-    /**
-     * @required false
-     * @description 提示构件
-     * @group other
-     */
-    tipBrick: {
-        useBrick: UseBrickConf;
-    };
-    /**
-     * @required false
-     * @description 不展示label
-     * @group other
-     */
-    hideLabel: boolean;
-    /**
-     * @required false
-     * @description 额外的下拉开关样式
-     * @group other
-     */
-    dropdownTriggerStyle: React.CSSProperties;
-    /**
-     * @required false
-     * @description label 的构件配置
-     * @group ui
-     */
-    labelBrick?: {
-        useBrick: UseBrickConf;
-    };
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _handleChange;
-    private _multipleSelectChange;
-    protected _render(): void;
-}