@next-bricks/presentational-bricks 1.338.1 → 1.339.1

package/dist-types/general-tooltip/index.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+import type React from "react";
+import type { MenuIcon } from "@next-core/brick-types";
+import type { UseBrickConf } from "@next-core/brick-types";
+
+export interface GeneralTooltipProps {
+  icon?: MenuIcon;
+  iconContainerStyle?: React.CSSProperties;
+  content: string | string[];
+  title?: string;
+  type: "tooltip" | "popover";
+  text?: string;
+  tooltipConfig?: TooltipConfig;
+  triggerByIcon?: boolean;
+  displayBrick?: {
+    useBrick: UseBrickConf;
+    data?: any;
+  };
+  textEllipsis?: boolean;
+}
+
+export interface TooltipConfig {
+  /**
+   * 气泡框位置，可选 `top` `left` `right` `bottom` `topLeft` `topRight` `bottomLeft` `bottomRight` `leftTop` `leftBottom` `rightTop` `rightBottom`
+   */
+  placement?: TooltipPlacement;
+  /**
+   * 箭头是否指向目标元素中心
+   */
+  arrowPointAtCenter?: boolean;
+  /**
+   * 卡片样式
+   */
+  overlayStyle?: React.CSSProperties;
+}
+
+export type TooltipPlacement =
+  | "top"
+  | "left"
+  | "right"
+  | "bottom"
+  | "topLeft"
+  | "topRight"
+  | "bottomLeft"
+  | "bottomRight"
+  | "leftTop"
+  | "leftBottom"
+  | "rightTop"
+  | "rightBottom";
+
+export interface DisplayBrick {
+  useBrick: UseBrickConf;
+  data?: any;
+}
+
+export interface GeneralTooltipElementProps {
+  content?: GeneralTooltipProps["content"];
+  icon?: GeneralTooltipProps["icon"];
+  text?: string;
+  iconContainerStyle?: React.CSSProperties;
+  type?: GeneralTooltipProps["type"];
+  header?: string;
+  tooltipConfig?: TooltipConfig;
+  triggerByIcon?: boolean;
+  displayBrick?: DisplayBrick;
+  textEllipsis?: boolean;
+}
+
+export declare class GeneralTooltipElement extends HTMLElement {
+  content: GeneralTooltipElementProps["content"] | undefined;
+  icon: GeneralTooltipElementProps["icon"] | undefined;
+  text: string | undefined;
+  iconContainerStyle: React.CSSProperties | undefined;
+  type: GeneralTooltipElementProps["type"] | undefined;
+  header: string | undefined;
+  tooltipConfig: TooltipConfig | undefined;
+  triggerByIcon: boolean | undefined;
+  displayBrick: DisplayBrick | undefined;
+  textEllipsis: boolean | undefined;
+}

package/dist-types/general-transfer/index.d.ts

@@ -0,0 +1,44 @@
+import type React from "react";
+import type { TransferItem, TransferLocale } from "antd/lib/transfer";
+import type { BrickWrapperConfig } from "../interfaces/common.js";
+
+export interface GeneralTransferProps {
+  dataSource?: any[];
+  listStyle?: React.CSSProperties;
+  selectedKeys?: string[];
+  disabled?: boolean;
+  maxSelected?: number;
+  showSearch?: boolean;
+  wrapperConfig?: BrickWrapperConfig;
+  dataDescriptor?: { [k in keyof TransferItem]: string };
+  targetKeys?: string[];
+  titles?: string[];
+  operations?: string[];
+  locale?: Partial<TransferLocale>;
+  realTimeNotification?: boolean;
+}
+
+export interface GeneralTransferEvents {
+  "general.transfer.change": CustomEvent<string[]>;
+}
+
+export interface GeneralTransferEventsMap {
+  onGeneralTransferChange: "general.transfer.change";
+}
+
+export declare class GeneralTransferElement extends HTMLElement {
+  dataSource: any[] | undefined;
+  listStyle: React.CSSProperties | undefined;
+  selectedKeys: string[] | undefined;
+  disabled: boolean | undefined;
+  maxSelected: number | undefined;
+  showSearch: boolean | undefined;
+  wrapperConfig: BrickWrapperConfig | undefined;
+  dataDescriptor: { [k in keyof TransferItem]: string } | undefined;
+  targetKeys: string[] | undefined;
+  titles: string[] | undefined;
+  operations: string[] | undefined;
+  locale: Partial<TransferLocale> | undefined;
+  realTimeNotification: boolean | undefined;
+  notifyChange(): void;
+}

package/dist-types/general-video/index.d.ts

@@ -0,0 +1,13 @@
+export interface GeneralVideoProps {
+  source?: string;
+  preview?: boolean;
+  videoTitle?: string;
+  height?: number;
+}
+
+export declare class GeneralVideoElement extends HTMLElement {
+  source: string | undefined;
+  preview: boolean | undefined;
+  videoTitle: string | undefined;
+  height: number | undefined;
+}

package/dist-types/index.d.ts

@@ -0,0 +1,78 @@
+export * from "./agent-status/index.js";
+export * from "./avatar-upload/index.js";
+export * from "./banner-display-card-list/index.js";
+export * from "./basic-icon/index.js";
+export * from "./basic-progress/index.js";
+export * from "./brick-alert/index.js";
+export * from "./brick-alert-level/index.js";
+export * from "./brick-alert-number/index.js";
+export * from "./brick-alert-status/index.js";
+export * from "./brick-alert-value/index.js";
+export * from "./brick-button/index.js";
+export * from "./brick-calendar/index.js";
+export * from "./brick-cluster-type/index.js";
+export * from "./brick-code-display/index.js";
+export * from "./brick-collapse-card/index.js";
+export * from "./brick-conditional-display/index.js";
+export * from "./brick-delete-confirm/index.js";
+export * from "./brick-descriptions/index.js";
+export * from "./brick-display-structs/index.js";
+export * from "./brick-divider/index.js";
+export * from "./brick-form/index.js";
+export * from "./brick-general-search/index.js";
+export * from "./brick-humanize-time/index.js";
+export * from "./brick-illustration/index.js";
+export * from "./brick-input/index.js";
+export * from "./brick-link/index.js";
+export * from "./brick-list/index.js";
+export * from "./brick-placeholder/index.js";
+export * from "./brick-quick-entries/index.js";
+export * from "./brick-rate/index.js";
+export * from "./brick-result/index.js";
+export * from "./brick-table/index.js";
+export * from "./brick-tag/index.js";
+export * from "./brick-timeline/index.js";
+export * from "./brick-tree/index.js";
+export * from "./brick-user/index.js";
+export * from "./brick-user-group/index.js";
+export * from "./brick-utils/index.js";
+export * from "./brick-value-mapping/index.js";
+export * from "./button-wrapper/index.js";
+export * from "./card-item/index.js";
+export * from "./code-editor/index.js";
+export * from "./collapse-info-list/index.js";
+export * from "./collapsible-card-item/index.js";
+export * from "./copyable-text/index.js";
+export * from "./cost-time/index.js";
+export * from "./crontab-display/index.js";
+export * from "./datetime-selector/index.js";
+export * from "./digital-number/index.js";
+export * from "./dropdown-button/index.js";
+export * from "./dropdown-select/index.js";
+export * from "./dynamic-content/index.js";
+export * from "./dynamic-grid-container/index.js";
+export * from "./entry-card-item/index.js";
+export * from "./general-badge/index.js";
+export * from "./general-carousel/index.js";
+export * from "./general-image/index.js";
+export * from "./general-label/index.js";
+export * from "./general-list/index.js";
+export * from "./general-pagination/index.js";
+export * from "./general-preview-image/index.js";
+export * from "./general-slider/index.js";
+export * from "./general-tooltip/index.js";
+export * from "./general-transfer/index.js";
+export * from "./general-video/index.js";
+export * from "./info-display-card-list/index.js";
+export * from "./log-display/index.js";
+export * from "./markdown-display/index.js";
+export * from "./markdown-editor/index.js";
+export * from "./modal-confirm/index.js";
+export * from "./qrcode-download/index.js";
+export * from "./rank-table/index.js";
+export * from "./single-field-edit/index.js";
+export * from "./statistic-card/index.js";
+export * from "./table-transfer/index.js";
+export * from "./template-breadcrumb/index.js";
+export * from "./text-collapse/index.js";
+export * from "./tree-transfer/index.js";

package/dist-types/info-display-card-list/index.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+import type { UseBrickConf } from "@next-core/brick-types";
+import type React from "react";
+import type { MenuIcon } from "@next-core/brick-types";
+
+export interface CardItem {
+  title: string;
+  desc: string;
+  icon?: MenuIcon;
+  detail?: CardDetail[];
+  operateItemBrick?: { useBrick: UseBrickConf };
+}
+
+export interface CardDetail {
+  title: string;
+  desc: string;
+  width?: string | number;
+  useBrick?: boolean;
+  detailBrickConf?: { useBrick: UseBrickConf };
+}
+
+export interface InfoDisplayCardListProps {
+  dataSource?: CardItem[];
+  urlTemplate?: string;
+  url?: string;
+  target?: string;
+  showIcon?: boolean;
+  optionConf?: { useBrick: UseBrickConf };
+  titleBrickConf?: { useBrick: UseBrickConf };
+  iconBrickConf?: { useBrick: UseBrickConf };
+  detailOfDescBrickConf?: { useBrick: UseBrickConf };
+  titleFontSize?: number | string;
+  detailDescFontSize?: number | string;
+  listStyle?: React.CSSProperties;
+}
+
+export declare class InfoDisplayCardListElement extends HTMLElement {
+  dataSource: CardItem[] | undefined;
+  urlTemplate: string | undefined;
+  url: string | undefined;
+  target: string | undefined;
+  showIcon: boolean | undefined;
+  optionConf: { useBrick: UseBrickConf } | undefined;
+  titleBrickConf: { useBrick: UseBrickConf } | undefined;
+  iconBrickConf: { useBrick: UseBrickConf } | undefined;
+  detailOfDescBrickConf: { useBrick: UseBrickConf } | undefined;
+  titleFontSize: number | string | undefined;
+  detailDescFontSize: number | string | undefined;
+  listStyle: React.CSSProperties | undefined;
+}

package/dist-types/interfaces/common.d.ts

@@ -0,0 +1,18 @@
+import type React from "react";
+
+export interface EasyopsEmptyProps {
+  background?: string;
+  description?: string;
+  imageStyle?: React.CSSProperties;
+  illustration?: IllustrationProps;
+  noImage?: boolean;
+}
+
+export interface IllustrationProps {
+  name: string;
+  category?: string;
+}
+
+export interface BrickWrapperConfig {
+  empty?: EasyopsEmptyProps;
+}