@next-bricks/presentational-bricks 1.336.9 → 1.337.0

package/dist/types/brick-calendar/index.d.ts

@@ -0,0 +1,141 @@
+/// <reference types="react" />
+import { UpdatingElement, EventEmitter } from "@next-core/brick-kit";
+import moment from "moment";
+import { CalendarMode } from "antd/lib/calendar/generateCalendar";
+import { UseBrickConf } from "@next-core/brick-types";
+export interface BrickCalendarElementProps {
+    value?: moment.Moment;
+    mode?: CalendarMode;
+    dateCell?: {
+        useBrick: UseBrickConf;
+    };
+    monthCell?: {
+        useBrick: UseBrickConf;
+    };
+}
+/** panelEvent */
+export interface PanelEvent {
+    /** 日期 */
+    date: moment.Moment;
+    /** 显示模式 month/year */
+    mode: CalendarMode;
+}
+/**
+ * @id presentational-bricks.calendar
+ * @name 日历 calendar
+ * @docKind brick
+ * @description 按照日历形式展示数据的容器
+ * @author Alex
+ * @history
+ * 1.101.0:新增构件 `presentational-bricks.brick-calendar`
+ * @memo
+ * ### UseBrickConf
+ *
+ * | property      | type           | required | default | description                                        |
+ * | ------------- | -------------- | -------- | ------- | -------------------------------------------------- |
+ * | brick         | string         | ✔️       | -       | 构件名称                                           |
+ * | properties    | object         | -        | -       | 构件属性                                           |
+ * | events        | BrickEventsMap | -        | -       | 事件                                               |
+ * | transform     | string\|object | -        | -       | 属性数据转换                                     ! |
+ * | transformFrom | string         | -        | -       | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |
+ * @noInheritDoc
+ */
+export declare class BrickCalendarElement extends UpdatingElement implements BrickCalendarElementProps {
+    /**
+     * @category property
+     * @kind [moment](https://momentjs.com)
+     * @required false
+     * @default 当前日期
+     * @description value  日历默认值.
+     */
+    value: moment.Moment;
+    /**
+     * @category property
+     * @anchor
+     * @kind month/year
+     * @required false
+     * @default month
+     * @description 初始模式.
+     */
+    mode: CalendarMode;
+    /**
+     * @category property
+     * @kind Boolean
+     * @required true
+     * @default true
+     * @description 是否全屏展示
+     */
+    fullscreen: boolean;
+    /**
+     * @category property
+     * @kind [UseBrickConf](#UseBrickConf)
+     * @required -
+     * @default -
+     * @description 自定义 brick 渲染日期单元格，返回内容会被追加到单元格
+     */
+    dateCell: {
+        useBrick: UseBrickConf;
+    };
+    /**
+     * @category property
+     * @kind [UseBrickConf](#UseBrickConf)
+     * @required true
+     * @default -
+     * @description 自定义 brick 渲染日期单元格，返回内容会被追加到单元格
+     */
+    monthCell: {
+        useBrick: UseBrickConf;
+    };
+    private _dateData;
+    private _monthData;
+    /**
+     * @kind any[]
+     * @required false
+     * @default -
+     * @description 数据源
+     */
+    set data(value: any[]);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    getDataByMode(date: moment.Moment, mode: CalendarMode): any[];
+    /**
+     * @detail [moment](https://momentjs.com)
+     * @description 点击选择日期事件
+     */
+    onSelect: EventEmitter<moment.Moment>;
+    /**
+     * @detail { date: [moment](https://momentjs.com); data: any }
+     * @description 点击选择日期事件-v2
+     */
+    onSelectV2: EventEmitter<{
+        date: moment.Moment;
+        data: any;
+    }>;
+    handleSelect: (date?: moment.Moment) => void;
+    /**
+     * @detail [moment](https://momentjs.com)
+     * @description 日期变化事件
+     */
+    onChange: EventEmitter<moment.Moment>;
+    /**
+     * @detail { date: [moment](https://momentjs.com); data: any }
+     * @description 日期变化事件
+     */
+    onChangeV2: EventEmitter<{
+        date: moment.Moment;
+        data: any;
+    }>;
+    handleChange: (date?: moment.Moment) => void;
+    /**
+     * @detail PanelEvent
+     * @description 日期面板变化回调
+     */
+    onPanelChange: EventEmitter<PanelEvent>;
+    handlePanelChange: (date: moment.Moment, mode: CalendarMode) => void;
+    getCustomComp: (cell: {
+        useBrick: UseBrickConf;
+    }, mode: CalendarMode) => (date: moment.Moment) => JSX.Element;
+    dateCellRender: (date: moment.Moment) => JSX.Element;
+    monthCellRender: (date: moment.Moment) => JSX.Element;
+    protected _render(): void;
+}

package/dist/types/brick-cluster-type/BrickClusterType.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface BrickClusterTypeProps {
+    objectId?: string;
+    value: "-1" | "0" | "1" | "2" | "3";
+    showBg?: boolean;
+}
+export declare function BrickClusterType(props: BrickClusterTypeProps): React.ReactElement;
+export {};

package/dist/types/brick-cluster-type/index.d.ts

@@ -0,0 +1,63 @@
+import { UpdatingElement } from "@next-core/brick-kit";
+export interface BrickClusterTypeElementProps {
+    objectId?: string;
+    value?: ClusterType;
+    dataSource?: Record<string, any>;
+    fields?: {
+        value: string;
+    };
+}
+export declare type ClusterType = "-1" | "0" | "1" | "2" | "3";
+/**
+ * @id presentational-bricks.brick-cluster-type
+ * @name presentational-bricks.brick-cluster-type
+ * @docKind brick
+ * @description 集群类型专用展示：开发、测试、预发布、生产
+ * @author ice
+ * @slots
+ * @history
+ * @memo
+ * @noInheritDoc
+ */
+export declare class BrickClusterTypeElement extends UpdatingElement implements BrickClusterTypeElementProps {
+    /**
+     * @kind string
+     * @required false
+     * @default -
+     * @description objectId
+     */
+    objectId: string;
+    /**
+     * @kind ClusterType
+     * @required true
+     * @default -
+     * @description 集群类型: '-1' - 无, 0' - 开发, '1' - 测试, '2' - 生产, '3' - 预发布
+     */
+    value: ClusterType;
+    /**
+     * @kind Record<string, any>
+     * @required false
+     * @default -
+     * @description [已废弃]数据来源
+     */
+    dataSource: Record<string, any>;
+    /**
+     * @kind { value: string }
+     * @required false
+     * @default -
+     * @description [已废弃]字段映射, 跟 dataSource 一起使用来获得运行时 value
+     */
+    fields: {
+        value: string;
+    };
+    /**
+     * @kind boolean
+     * @required false
+     * @default true
+     * @description 是否显示背景
+     */
+    showBg: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected _render(): void;
+}

package/dist/types/brick-code-display/BrickCodeDisplay.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "prismjs/themes/prism-tomorrow.css";
+interface BrickCodeDisplayProps {
+    language: string;
+    showLineNumber: boolean;
+    value: string;
+}
+export declare class BrickCodeDisplay extends React.Component<BrickCodeDisplayProps> {
+    constructor(props: BrickCodeDisplayProps);
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

package/dist/types/brick-code-display/index.d.ts

@@ -0,0 +1,2 @@
+export interface BrickCodeDisplayElementProps {
+}

package/dist/types/brick-collapse-card/BrickCollapseCard.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { MenuIcon } from "@next-core/brick-types";
+interface BrickCollapseCardProps {
+    title: string;
+    expandActiveText?: string;
+    expandInactiveText?: string;
+    expandActiveIcon?: string;
+    expandInactiveIcon?: string;
+    isActive?: boolean;
+    containerStyle?: any;
+    headerStyle?: any;
+    contentStyle?: any;
+    dataSource?: Record<string, any>;
+    hasHeaderSlot?: boolean;
+    titleIcon?: MenuIcon | string;
+    descriptionList?: descriptionsItemProps[];
+    titleWithIconAndDesc?: boolean | "compact";
+    verticalCenter?: boolean;
+}
+export interface descriptionsItemProps {
+    label: string;
+    text: string;
+}
+export declare function BrickCollapseCard(props: BrickCollapseCardProps): React.ReactElement;
+export {};

package/dist/types/brick-collapse-card/index.d.ts

@@ -0,0 +1,175 @@
+/// <reference types="react" />
+import { UpdatingElement } from "@next-core/brick-kit";
+import { descriptionsItemProps } from "../interfaces/brick-collapse-card";
+import { MenuIcon } from "@next-core/brick-types";
+export interface BrickCollapseCardElementProps {
+    cardTitle?: string;
+    descriptionList?: descriptionsItemProps[];
+    titleIcon?: MenuIcon | string;
+    titleWithIconAndDesc?: boolean | "compact";
+    isActive?: boolean;
+    hasHeaderSlot?: boolean;
+    containerStyle?: any;
+    headerStyle?: any;
+    contentStyle?: any;
+    verticalCenter?: boolean;
+    title?: string;
+    fields?: {
+        dataSource?: string;
+        title: string;
+    };
+    dataSource?: Record<string, any>;
+}
+/**
+ * @id presentational-bricks.brick-collapse-card
+ * @name presentational-bricks.brick-collapse-card
+ * @docKind brick
+ * @description 详情折叠，有需要再展开，避免一开始太喧宾夺主，如工具详情
+ * @author lynette
+ * @slots
+ * content:卡片展开的内容
+ * header:header 自定义构件，需要同时把 hasHeaderSlot 设置成 true
+ * @history
+ * @memo
+ * @noInheritDoc
+ */
+export declare class BrickCollapseCardElement extends UpdatingElement implements BrickCollapseCardElementProps {
+    private _mountPoint;
+    private _shadowRoot;
+    /**
+     * @kind string
+     * @required true
+     * @default -
+     * @description 卡片标题
+     */
+    cardTitle: string;
+    /**
+     * @kind `descriptionsItemProps[]`
+     * @required false
+     * @default -
+     * @description 标题描述信息，仅在`titleWithIconAndDesc`为true时有效
+     */
+    descriptionList: descriptionsItemProps[];
+    /**
+     * @kind string
+     * @required false
+     * @default 展开
+     * @description 卡片收起的时候右上角的文案
+     */
+    expandInactiveText: string;
+    /**
+     * @kind string
+     * @required false
+     * @default 收起
+     * @description 卡片展开的时候右上角的文案
+     */
+    expandActiveText: string;
+    /**
+     * @kind MenuIcon
+     * @required false
+     * @default up
+     * @description 卡片展开的时候右上角的 icon，支持 ant-design 的 icon
+     */
+    expandActiveIcon: string;
+    /**
+     * @kind MenuIcon
+     * @required false
+     * @default down
+     * @description 卡片收起的时候右上角的 icon，支持 ant-design 的 icon
+     */
+    expandInactiveIcon: string;
+    /**
+     * @kind MenuIcon
+     * @required false
+     * @default {lib: "easyops", category: "default", icon: "collapse-card-default"}
+     * @description 卡片标题图标，仅在`titleWithIconAndDesc`为true时有效
+     */
+    titleIcon: MenuIcon | string;
+    /**
+     * @kind boolean | "compact"
+     * @required false
+     * @default false
+     * @description 是否可以设置标题图标和描述信息
+     */
+    titleWithIconAndDesc: boolean | "compact";
+    /**
+     * @kind boolean
+     * @required false
+     * @default false
+     * @description 卡片默认收起／展开
+     */
+    isActive: boolean;
+    /**
+     * @kind boolean
+     * @required false
+     * @default false
+     * @description header 是否为自定义的 slot
+     */
+    hasHeaderSlot: boolean;
+    /**
+     * @kind any
+     * @required false
+     * @default -
+     * @description 容器自定义样式
+     * @group advanced
+     */
+    containerStyle: any;
+    /**
+     * @kind any
+     * @required false
+     * @default -
+     * @description header 自定义样式
+     * @group advanced
+     */
+    headerStyle: any;
+    /**
+     * @kind any
+     * @required false
+     * @default -
+     * @description 内容自定义样式
+     * @group advanced
+     */
+    contentStyle: any;
+    /**
+     * @kind boolean
+     * @required false
+     * @default false
+     * @description 设置该属性后，卡片内容区的元素自动垂直居中
+     * @group advanced
+     */
+    verticalCenter: boolean;
+    /**
+     * @kind string
+     * @required false
+     * @default -
+     * @deprecated
+     * @description [已废弃]卡片标题，请使用cardTitle
+     * @group advanced
+     */
+    title: string;
+    /**
+     * @kind { dataSource?: string; title: string; }
+     * @required false
+     * @default -
+     * @deprecated
+     * @description [已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段的值
+     */
+    fields: {
+        dataSource?: string;
+        title: string;
+    };
+    /**
+     * @kind Record<string, any>
+     * @required false
+     * @default -
+     * @deprecated
+     * @description [已废弃]数据来源
+     */
+    dataSource: Record<string, any>;
+    constructor();
+    togglePanel(e: Event): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected getBrickCollapseCardNode(): JSX.Element;
+    protected _render(): void;
+}

package/dist/types/brick-collection-instance-execution/BrickCollectionInstanceExecution.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface BrickCollectionInstanceExecutionProps {
+    ids: string[];
+    onClick: () => void;
+}
+export declare function BrickCollectionInstanceExecution(props: BrickCollectionInstanceExecutionProps): React.ReactElement;
+export {};

package/dist/types/brick-collection-instance-execution/index.d.ts

@@ -0,0 +1,2 @@
+export interface BrickCollectionInstanceExecutionElementProps {
+}

package/dist/types/brick-conditional-display/BrickConditionalDisplay.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { DataType, ConditionType } from "@next-libs/cmdb-utils";
+export declare type DisplayType = "label" | "default";
+export interface RuleProps {
+    condition: ConditionType;
+    style?: {
+        color?: string;
+        backgroundColor?: string;
+        borderColor?: string;
+    };
+    label?: string;
+}
+export interface BrickConditionalDisplayProps {
+    data: DataType;
+    value: number | string;
+    rules: RuleProps[];
+    type: DisplayType;
+}
+export declare function BrickConditionalDisplay(props: BrickConditionalDisplayProps): React.ReactElement;

package/dist/types/brick-conditional-display/index.d.ts

@@ -0,0 +1,99 @@
+import { UpdatingElement } from "@next-core/brick-kit";
+import { DisplayType, RuleProps } from "./BrickConditionalDisplay";
+export type { RuleProps, DisplayType };
+export interface BrickConditionalDisplayElementProps {
+    rules?: RuleProps[];
+    fields?: {
+        value: string;
+    };
+    dataSource?: DataType;
+    type?: DisplayType;
+}
+export declare type DataType = string | number | Record<string, any>;
+export declare enum ConditionOperator {
+    eq = "$eq",
+    ne = "$ne",
+    gt = "$gt",
+    gte = "$gte",
+    lt = "$lt",
+    lte = "$lte"
+}
+export declare enum LogicalOperator {
+    and = "$and",
+    or = "$or"
+}
+export declare type ConditionType = boolean | number | string | Record<string | ConditionOperator, any> | LogicalCondition;
+export interface LogicalCondition extends Record<string | LogicalOperator, ConditionType[]> {
+}
+/**
+ * @id presentational-bricks.brick-conditional-display
+ * @name presentational-bricks.brick-conditional-display
+ * @docKind brick
+ * @description 按不同条件渲染，比如告警数为0是绿色，大于1时显示黄色
+ * @author cyril
+ * @slots
+ * @history
+ * @memo
+ * 这个构件的配置相对复杂，适用于区间的条件规则，比如大于、小于等，如果是一些明确的值映射，请使用[基本数值映射](developers/brick-book/brick/presentational-bricks.brick-value-mapping)
+ * ```typescript
+ * enum ConditionOperator {
+ *   eq = "$eq",
+ *   ne = "$ne",
+ *   gt = "$gt",
+ *   gte = "$gte",
+ *   lt = "$lt",
+ *   lte = "$lte",
+ * }
+ *
+ * enum LogicalOperator {
+ *   and = "$and",
+ *   or = "$or",
+ * }
+ *
+ * type ConditionType =
+ *   | boolean
+ *   | number
+ *   | string
+ *   | Record<string | ConditionOperator, any>
+ *   | LogicalCondition;
+ *
+ * interface LogicalCondition
+ *   extends Record<string | LogicalOperator, ConditionType[]> {}
+ * ```
+ *
+ * @noInheritDoc
+ */
+export declare class BrickConditionalDisplayElement extends UpdatingElement implements BrickConditionalDisplayElementProps {
+    /**
+     * @required false
+     * @description 展示规则, 具体请查看[Mongodb条件操作符](https://www.mongodb.com/docs/manual/reference/operator/query/)
+     * @group basic
+     */
+    rules: RuleProps[];
+    /**
+     * @required false
+     * @description [已废弃]显示的字段值，支持通过 path 指定
+     * @deprecated
+     * @group other
+     */
+    fields: {
+        value: string;
+    };
+    /**
+     * @required true
+     * @description 数据
+     * @group basic
+     */
+    dataSource: DataType;
+    /**
+     * @kind "default" | "label"
+     * @required false
+     * @default "label"
+     * @description 展示类型，label 表示通过标签的风格展示相关内容，default 表示默认的风格展示(display: block)
+     * @group basic
+     */
+    type: DisplayType;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected _render(): void;
+}

package/dist/types/brick-delete-confirm/BrickDeleteConfirm.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { ButtonProps } from "antd/lib/button";
+export interface LegacyBrickDeleteConfirmProps {
+    deleteName: string;
+    originBtnProps?: ButtonProps;
+    onDelete: () => void;
+    className?: any;
+    visible?: boolean;
+    loading: boolean;
+    handleCancel?: () => void;
+}
+export interface CardBodyProps {
+    name: string;
+    content: string;
+    handleChange: (value: string) => void;
+}
+export interface CardBodyState {
+    value: string;
+}
+export declare function CardBody(props: CardBodyProps): React.ReactElement;
+export declare function BrickDeleteConfirm(props: LegacyBrickDeleteConfirmProps): React.ReactElement;

package/dist/types/brick-delete-confirm/index.d.ts

@@ -0,0 +1,2 @@
+export interface BrickDeleteConfirmElementProps {
+}

package/dist/types/brick-descriptions/BrickDescriptions.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { DescriptionsProps } from "antd/lib/descriptions";
+import { UseBrickConf } from "@next-core/brick-types";
+import { BrickDescriptionsItemProps } from "./index";
+export interface BrickDescriptionsProps {
+    configProps?: DescriptionsProps;
+    itemList: BrickDescriptionsItemProps[];
+    itemIdBrickMap?: Record<string, {
+        useBrick: UseBrickConf;
+    }>;
+    dataSource?: any;
+    descriptionTitle?: string;
+    column?: number;
+    size?: "default" | "middle" | "small";
+    bordered?: boolean;
+    layout?: "horizontal" | "vertical";
+    hideGroups?: string[] | string;
+    extraBrick?: {
+        useBrick: UseBrickConf;
+    };
+}
+export declare function BrickDescriptions(props: BrickDescriptionsProps): React.ReactElement;