@next-bricks/presentational-bricks 1.338.1 → 1.339.1

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

@@ -0,0 +1,175 @@
+import React from "react";
+import type { DataNode, TreeProps } from "antd/lib/tree";
+import type { EventDataNode } from "rc-tree/lib/interface";
+import type { UseBrickConf } from "@next-core/brick-types";
+import type { MenuIcon } from "@next-core/brick-types";
+import type { TreeNodeProps } from "antd/lib/tree";
+
+export type BrickTreeNodeProps = Omit<AntTreeNodeProps, "children"> & {
+  title?: string;
+  icon?: TreeIcon;
+  key?: React.Key;
+  children?: BrickTreeNodeProps[];
+};
+
+export type TreeIcon =
+  | MenuIcon
+  | React.ComponentType<React.SVGAttributes<SVGElement>>;
+
+export interface BrickTreeProps {
+  selectedKeys?: React.Key[];
+  checkedKeys?: React.Key[];
+  expandedKeys?: React.Key[];
+  configProps?: Omit<
+    TreeProps,
+    "selectedKeys" | "checkedKeys" | "expandedKeys"
+  >;
+  dataSource: BrickTreeNodeProps[];
+  searchable?: boolean;
+  searchQ?: string;
+  placeholder?: string;
+  searchParent?: boolean;
+  checkAllEnabled?: boolean;
+  checkedFilterConfig?: checkedFilterProps;
+  checkedNotRelevant?: boolean;
+  onSelect?(
+    selectedKeys: React.Key[],
+    info: {
+      event: "select";
+      selected: boolean;
+      node: EventDataNode;
+      selectedNodes: DataNode[];
+      nativeEvent: MouseEvent;
+    }
+  ): void;
+  onCheck?(
+    checkedKeys:
+      | React.Key[]
+      | { checked: React.Key[]; halfChecked: React.Key[] }
+  ): void;
+  onCheckV2?(
+    checkedKeys:
+      | React.Key[]
+      | { checked: React.Key[]; halfChecked: React.Key[] },
+    info: {
+      event: "check";
+      checked: boolean;
+      checkedNodes: DataNode[];
+      nativeEvent: MouseEvent;
+    }
+  ): void;
+  onExpand?(expandedKeys: React.Key[]): void;
+  onSearch?(value: string): void;
+  suffixBrick?: { useBrick: UseBrickConf };
+  suffixStopEvent?: boolean;
+  afterSearchBrick?: { useBrick: UseBrickConf };
+  beforeTreeBrick?: { useBrick: UseBrickConf };
+  showSpecificationTitleStyle?: boolean;
+  defaultExpandAll?: boolean;
+  deselectable?: boolean;
+  alsoSearchByKey?: boolean;
+  isFilter?: boolean;
+  iconUseBrick?: { useBrick: UseBrickConf };
+  isDirectory?: boolean;
+  hideSelectedNum?: boolean;
+  hideBackground?: boolean;
+  onlyHighlightBySearch?: boolean;
+  height?: number | "auto";
+}
+
+export interface BrickTreeElementProps {
+  dataSource?: BrickTreeNodeProps[];
+  selectedKeys?: string[];
+  checkedKeys?: string[];
+  expandedKeys?: string[];
+  searchable?: boolean;
+  searchQ?: string;
+  isFilter?: boolean;
+  isDirectory?: boolean;
+  alsoSearchByKey?: boolean;
+  showSpecificationTitleStyle?: boolean;
+  placeholder?: string;
+  configProps?: TreeProps;
+  searchParent?: boolean;
+  checkAllEnabled?: boolean;
+  checkedFilterConfig?: checkedFilterProps;
+  checkedNotRelevant?: boolean;
+  suffixBrick?: { useBrick: UseBrickConf };
+  suffixStopEvent?: boolean;
+  afterSearchBrick?: { useBrick: UseBrickConf };
+  beforeTreeBrick?: { useBrick: UseBrickConf };
+  defaultExpandAll?: boolean;
+  deselectable?: boolean;
+  iconUseBrick?: { useBrick: UseBrickConf };
+  hideSelectedNum?: boolean;
+  hideBackground?: boolean;
+  onlyHighlightBySearch?: boolean;
+  virtualScrollHeight?: number | "auto";
+}
+
+export interface BrickTreeEvents {
+  "tree.select": CustomEvent<string[]>;
+  "tree.selectV2": CustomEvent<{
+    selectedKeys: string[];
+    info: {
+      event: "select";
+      selected: boolean;
+      node: EventDataNode;
+      selectedNodes: DataNode[];
+      nativeEvent: MouseEvent;
+    };
+  }>;
+  "tree.check": CustomEvent<
+    string[] | { checked: string[]; halfChecked: string[] }
+  >;
+  "tree.checkV2": CustomEvent<{
+    checkedKeys: string[] | { checked: string[]; halfChecked: string[] };
+    info: {
+      event: "check";
+      checked: boolean;
+      checkedNodes: DataNode[];
+      nativeEvent: MouseEvent;
+    };
+  }>;
+  "tree.search": CustomEvent<string>;
+  "tree.expand": CustomEvent<React.Key[]>;
+}
+
+export interface BrickTreeEventsMap {
+  onTreeSelect: "tree.select";
+  onTreeSelectV2: "tree.selectV2";
+  onTreeCheck: "tree.check";
+  onTreeCheckV2: "tree.checkV2";
+  onTreeSearch: "tree.search";
+  onTreeExpand: "tree.expand";
+}
+
+export declare class BrickTreeElement extends HTMLElement {
+  dataSource: BrickTreeNodeProps[] | undefined;
+  selectedKeys: string[] | undefined;
+  checkedKeys: string[] | undefined;
+  expandedKeys: string[] | undefined;
+  searchable: boolean | undefined;
+  searchQ: string | undefined;
+  isFilter: boolean | undefined;
+  isDirectory: boolean | undefined;
+  alsoSearchByKey: boolean | undefined;
+  showSpecificationTitleStyle: boolean | undefined;
+  placeholder: string | undefined;
+  configProps: TreeProps | undefined;
+  searchParent: boolean | undefined;
+  checkAllEnabled: boolean | undefined;
+  checkedFilterConfig: checkedFilterProps | undefined;
+  checkedNotRelevant: boolean | undefined;
+  suffixBrick: { useBrick: UseBrickConf } | undefined;
+  suffixStopEvent: boolean | undefined;
+  afterSearchBrick: { useBrick: UseBrickConf } | undefined;
+  beforeTreeBrick: { useBrick: UseBrickConf } | undefined;
+  defaultExpandAll: boolean | undefined;
+  deselectable: boolean | undefined;
+  iconUseBrick: BrickTreeElementProps["iconUseBrick"] | undefined;
+  hideSelectedNum: boolean | undefined;
+  hideBackground: boolean | undefined;
+  onlyHighlightBySearch: boolean | undefined;
+  virtualScrollHeight: number | "auto" | undefined;
+}

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

@@ -0,0 +1,29 @@
+export interface BrickUserProps {
+  username?: string;
+  userNameOrId?: string;
+  iconUrl?: string;
+  hideAvatar?: boolean;
+  hideUsername?: boolean;
+  size?: "large" | "small" | "default";
+  shape?: "circle" | "square";
+  showNickname?: boolean;
+  showNicknameOrUsername?: boolean;
+  displayShowKey?: boolean;
+  iconMargin?: number | string;
+  customTooltip?: string;
+}
+
+export declare class BrickUserElement extends HTMLElement {
+  username: string | undefined;
+  userNameOrId: string | undefined;
+  iconUrl: string | undefined;
+  hideAvatar: boolean | undefined;
+  hideUsername: boolean | undefined;
+  size: "large" | "small" | "default" | undefined;
+  shape: "circle" | "square" | undefined;
+  showNickname: boolean | undefined;
+  showNicknameOrUsername: boolean | undefined;
+  displayShowKey: boolean | undefined;
+  iconMargin: number | string | undefined;
+  customTooltip: string | undefined;
+}

package/dist-types/brick-user-group/index.d.ts

@@ -0,0 +1,19 @@
+import type { GroupProps } from "antd/lib/avatar";
+
+export type UserGroupType = "avatar" | "text";
+
+export interface BrickUserGroupProps {
+  type?: UserGroupType;
+  separator?: string;
+  userNameOrIds?: string[];
+  displayShowKey?: boolean;
+  configProps?: GroupProps;
+}
+
+export declare class BrickUserGroupElement extends HTMLElement {
+  type: UserGroupType | undefined;
+  separator: string | undefined;
+  userNameOrIds: string[] | undefined;
+  displayShowKey: boolean | undefined;
+  configProps: GroupProps | undefined;
+}

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

@@ -0,0 +1,9 @@
+export interface BrickUtilsProps {
+  messages?: { success: string; error: string };
+}
+
+export declare class BrickUtilsElement extends HTMLElement {
+  messages: { success: string; error: string } | undefined;
+  copy(text: string): void;
+  copyTargetProperty(target: string, property: string): void;
+}

package/dist-types/brick-value-mapping/index.d.ts

@@ -0,0 +1,71 @@
+import type { LinkProps } from "@next-libs/basic-components";
+import type { MenuIcon } from "@next-core/brick-types";
+
+export interface MappingValue {
+  text?: string;
+  color?: Color;
+  icon?: MenuIcon;
+  iconSize?: number;
+}
+
+export enum Color {
+  green = "green",
+  red = "red",
+  blue = "blue",
+  orange = "orange",
+  cyan = "cyan",
+  purple = "purple",
+  geekblue = "geekblue",
+  gray = "gray",
+  yellow = "yellow",
+  "green-inverse" = "green-inverse",
+  "red-inverse" = "red-inverse",
+  "blue-inverse" = "blue-inverse",
+  "orange-inverse" = "orange-inverse",
+  "cyan-inverse" = "cyan-inverse",
+  "purple-inverse" = "purple-inverse",
+  "geekblue-inverse" = "geekblue-inverse",
+  "gray-inverse" = "gray-inverse",
+  "yellow-inverse" = "yellow-inverse",
+}
+
+export interface BrickValueMappingProps {
+  value?: string | number;
+  fields?: {
+    value: string;
+  };
+  mapping?: Record<string | number, MappingValue>;
+  showTagCircle?: boolean;
+  dataSource?: Record<string, any>;
+  triggerClickEvent?: boolean;
+  isTextEllipsis?: boolean;
+  link?: LinkProps;
+  data?: any;
+}
+
+export interface BrickValueMappingEvents {
+  "brick-value-mapping.click": CustomEvent<{
+    data: any;
+    value: string | number;
+  }>;
+}
+
+export interface BrickValueMappingEventsMap {
+  onBrickValueMappingClick: "brick-value-mapping.click";
+}
+
+export declare class BrickValueMappingElement extends HTMLElement {
+  value: string | number | undefined;
+  fields:
+    | {
+        value: string;
+      }
+    | undefined;
+  mapping: Record<string | number, MappingValue> | undefined;
+  showTagCircle: boolean | undefined;
+  dataSource: Record<string, any> | undefined;
+  triggerClickEvent: boolean | undefined;
+  isTextEllipsis: boolean | undefined;
+  link: LinkProps | undefined;
+  data: any | undefined;
+}

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

@@ -0,0 +1,11 @@
+export interface ButtonWrapperProps {
+  description?: string;
+  brick?: string;
+  properties?: any;
+}
+
+export declare class ButtonWrapperElement extends HTMLElement {
+  description: string | undefined;
+  brick: string | undefined;
+  properties: any | undefined;
+}

package/dist-types/card-item/index.d.ts

@@ -0,0 +1,169 @@
+import type { MenuIcon } from "@next-core/brick-types";
+import type { CardProps } from "antd/lib/card";
+
+export enum CardLayoutType {
+  ICON_AS_BACKGROUND = "icon-as-background",
+  ICON_SMALL_ALIGN_LEFT = "icon-small-align-left",
+  ICON_ALIGN_RIGHT = "icon-align-right",
+  ICON_ALIGN_LEFT = "icon-align-left",
+  ICON_ALIGN_MIDDLE = "icon-align-middle",
+  BLOCK_ICON_ALIGN_LEFT = "block-icon-align-left",
+}
+
+export type Color =
+  | "green"
+  | "red"
+  | "blue"
+  | "orange"
+  | "cyan"
+  | "purple"
+  | "geekblue"
+  | "gray";
+
+export interface DescriptionItem {
+  label: string;
+  field?: string;
+  value?: string;
+}
+
+export interface CardItemProps {
+  cardLayoutType?: CardLayoutType;
+  fields?: {
+    cardTitle?: string;
+    cardSubtitle?: string;
+    newDescription?: string;
+    topInformation?: string;
+    descriptionList?: string;
+    icon?: string;
+    iconColor?: string;
+    iconStyle?: string;
+    iconSize?: string;
+    iconOffsetX?: string;
+    iconOffsetY?: string;
+    iconOpacity?: string;
+    disabled?: string;
+  };
+  dataSource?: Record<string, any>;
+  urlTemplate?: string;
+  hasOperateSlot?: boolean;
+  hasExtraOperateSlot?: boolean;
+  hasBottomRightOperateSlot?: boolean;
+  onlyOperateSlot?: boolean;
+  cardTitle?: string;
+  cardSubtitle?: string;
+  newDescription?: string;
+  topInformation?: string;
+  descriptionList?: string[] | string | DescriptionItem[];
+  descMaxLine?: number;
+  hideDescCircle?: boolean;
+  url?: string;
+  href?: string;
+  target?: string;
+  icon?: MenuIcon;
+  iconStyle?: Record<string, any>;
+  iconColor?: Color;
+  iconSize?: string | number;
+  iconOffsetX?: string | number;
+  iconOffsetY?: string | number;
+  iconOpacity?: number;
+  tagConfig?: {
+    text: string;
+    field?: string;
+    value?: any;
+    isNotEqual?: boolean; //增加下逻辑
+    hideOperate?: boolean;
+    color?: Color;
+    triangle?: boolean;
+  };
+  configProps?: CardProps;
+  bordered?: boolean;
+  showOperationAreaWhenHovering?: boolean;
+  alwaysShowDescription?: boolean;
+  descriptionDataType?: "list" | "section";
+  hoverable?: boolean;
+  disabled?: boolean;
+  reverseBgColor?: boolean;
+  imgSrc?: string;
+  showImg?: boolean;
+  imgSize?: number;
+  shape?: "circle" | "square" | "round-square";
+  useLinkBehavior?: boolean;
+  useAfterDescriptionSlot?: boolean;
+}
+
+export interface CardItemEvents {
+  "presentational-bricks.card-item.click": CustomEvent<any>;
+}
+
+export interface CardItemEventsMap {
+  onPresentationalBricksCardItemClick: "presentational-bricks.card-item.click";
+}
+
+export declare class CardItemElement extends HTMLElement {
+  cardLayoutType: CardLayoutType | undefined;
+  fields:
+    | {
+        cardTitle?: string;
+        cardSubtitle?: string;
+        newDescription?: string;
+        topInformation?: string;
+        descriptionList?: string;
+        icon?: string;
+        iconColor?: string;
+        iconStyle?: string;
+        iconSize?: string;
+        iconOffsetX?: string;
+        iconOffsetY?: string;
+        iconOpacity?: string;
+        disabled?: string;
+      }
+    | undefined;
+  dataSource: Record<string, any> | undefined;
+  urlTemplate: string | undefined;
+  hasOperateSlot: boolean | undefined;
+  hasExtraOperateSlot: boolean | undefined;
+  hasBottomRightOperateSlot: boolean | undefined;
+  onlyOperateSlot: boolean | undefined;
+  cardTitle: string | undefined;
+  cardSubtitle: string | undefined;
+  newDescription: string | undefined;
+  topInformation: string | undefined;
+  descriptionList: string[] | string | DescriptionItem[] | undefined;
+  descMaxLine: number | undefined;
+  hideDescCircle: boolean | undefined;
+  url: string | undefined;
+  href: string | undefined;
+  target: string | undefined;
+  icon: MenuIcon | undefined;
+  iconStyle: Record<string, any> | undefined;
+  iconColor: Color | undefined;
+  iconSize: string | number | undefined;
+  iconOffsetX: string | number | undefined;
+  iconOffsetY: string | number | undefined;
+  iconOpacity: number | undefined;
+  tagConfig:
+    | {
+        text: string;
+        field?: string;
+        value?: any;
+        isNotEqual?: boolean; //增加下逻辑
+        hideOperate?: boolean;
+        color?: Color;
+        triangle?: boolean;
+      }
+    | undefined;
+  configProps: CardProps | undefined;
+  bordered: boolean | undefined;
+  showOperationAreaWhenHovering: boolean | undefined;
+  alwaysShowDescription: boolean | undefined;
+  descriptionDataType: "list" | "section" | undefined;
+  hoverable: boolean | undefined;
+  disabled: boolean | undefined;
+  reverseBgColor: boolean | undefined;
+  imgSrc: string | undefined;
+  showImg: boolean | undefined;
+  imgSize: number | undefined;
+  shape: "circle" | "square" | "round-square" | undefined;
+  useLinkBehavior: boolean | undefined;
+  useAfterDescriptionSlot: boolean | undefined;
+}

package/dist-types/code-editor/index.d.ts

@@ -0,0 +1,45 @@
+export interface CodeEditorProps {
+  value?: string;
+  fields?: {
+    value?: string;
+    mode?: string;
+  };
+  dataSource?: Record<string, any>;
+  mode?: string;
+  theme?: string;
+  setOptions?: Record<string, any>;
+  editorStyle?: Record<string, any>;
+  required?: boolean;
+  editorProps?: Record<string, any>;
+  configProps?: Record<string, any>;
+}
+
+export interface CodeEditorEvents {
+  "code.change": CustomEvent<string>;
+  "code.error.change": CustomEvent<boolean>;
+  "editor.blur": CustomEvent<string>;
+}
+
+export interface CodeEditorEventsMap {
+  onCodeChange: "code.change";
+  onCodeErrorChange: "code.error.change";
+  onEditorBlur: "editor.blur";
+}
+
+export declare class CodeEditorElement extends HTMLElement {
+  value: string | undefined;
+  fields:
+    | {
+        value?: string;
+        mode?: string;
+      }
+    | undefined;
+  dataSource: Record<string, any> | undefined;
+  mode: string | undefined;
+  theme: string | undefined;
+  setOptions: Record<string, any> | undefined;
+  editorStyle: Record<string, any> | undefined;
+  required: boolean | undefined;
+  editorProps: Record<string, any> | undefined;
+  configProps: Record<string, any> | undefined;
+}

package/dist-types/collapse-info-list/index.d.ts

@@ -0,0 +1,27 @@
+import type { UseBrickConf } from "@next-core/brick-types";
+
+export type InfoDetail = {
+  key: string;
+  title: string;
+  detail: string;
+};
+
+export interface CollapseInfoListProps {
+  dataSource?: InfoDetail[];
+  titleBrick?: { useBrick: UseBrickConf };
+  extraBrick?: { useBrick: UseBrickConf };
+}
+
+export interface CollapseInfoListEvents {
+  "collapse-info-list.change": CustomEvent<string[]>;
+}
+
+export interface CollapseInfoListEventsMap {
+  onCollapseInfoListChange: "collapse-info-list.change";
+}
+
+export declare class CollapseInfoListElement extends HTMLElement {
+  dataSource: InfoDetail[] | undefined;
+  titleBrick: { useBrick: UseBrickConf } | undefined;
+  extraBrick: { useBrick: UseBrickConf } | undefined;
+}

package/dist-types/collapsible-card-item/index.d.ts

@@ -0,0 +1,60 @@
+import React from "react";
+import type { MenuIcon } from "@next-core/brick-types";
+import type React from "react";
+
+export interface CollapsibleCardItemProps {
+  cardTitle?: string;
+  cardDesc?: string;
+  hoverable?: boolean;
+  cardStyle?: CSSProperties;
+  icon?: MenuIcon;
+  iconStyle?: Record<string, any>;
+  dataSource?: Record<string, any>;
+  fields?: {
+    cardTitle?: string;
+    cardDesc?: string;
+    icon?: string;
+  };
+  isActive?: boolean;
+  disableClickHeaderToOpen?: boolean;
+  customHeader?: boolean;
+  disableClickHeaderToClose?: boolean;
+  contentStyle?: Record<string, any>;
+  subscriptConfig?: any;
+  operatingAreaStyle?: React.CSSProperties;
+}
+
+export interface CollapsibleCardItemEvents {
+  "collapse.change": CustomEvent<boolean>;
+}
+
+export interface CollapsibleCardItemEventsMap {
+  onCollapseChange: "collapse.change";
+}
+
+export declare class CollapsibleCardItemElement extends HTMLElement {
+  cardTitle: string | undefined;
+  cardDesc: string | undefined;
+  hoverable: boolean | undefined;
+  cardStyle: CSSProperties | undefined;
+  icon: MenuIcon | undefined;
+  iconStyle: Record<string, any> | undefined;
+  dataSource: Record<string, any> | undefined;
+  fields:
+    | {
+        cardTitle?: string;
+        cardDesc?: string;
+        icon?: string;
+      }
+    | undefined;
+  isActive: boolean | undefined;
+  disableClickHeaderToOpen: boolean | undefined;
+  customHeader: boolean | undefined;
+  disableClickHeaderToClose: boolean | undefined;
+  contentStyle: Record<string, any> | undefined;
+  subscriptConfig: any | undefined;
+  operatingAreaStyle: React.CSSProperties | undefined;
+  open(): void;
+  close(): void;
+  toggle(): void;
+}

package/dist-types/copyable-text/index.d.ts

@@ -0,0 +1,25 @@
+export interface CopyableTextProps {
+  text?: string;
+  tooltips?: string;
+  hiddenText?: boolean;
+  type?: "custom" | "input" | "text";
+  dataSource?: Record<string, any>;
+  suffixCount?: number;
+}
+
+export interface CopyableTextEvents {
+  "text.click": CustomEvent<any>;
+}
+
+export interface CopyableTextEventsMap {
+  onTextClick: "text.click";
+}
+
+export declare class CopyableTextElement extends HTMLElement {
+  text: string | undefined;
+  tooltips: string | undefined;
+  hiddenText: boolean | undefined;
+  type: "custom" | "input" | "text" | undefined;
+  dataSource: Record<string, any> | undefined;
+  suffixCount: number | undefined;
+}

package/dist-types/cost-time/index.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import type React from "react";
+
+export interface CostTimeProps {
+  cost?: number;
+  startTime?: string | number;
+  endTime?: string | number;
+  unitStyle?: React.CSSProperties;
+  dataSource?: any;
+  fields?: {
+    cost?: string;
+    startTime?: string;
+    endTime?: string;
+  };
+}
+
+export declare class CostTimeElement extends HTMLElement {
+  cost: number | undefined;
+  startTime: string | number | undefined;
+  endTime: string | number | undefined;
+  unitStyle: React.CSSProperties | undefined;
+  dataSource: any | undefined;
+  fields:
+    | {
+        cost?: string;
+        startTime?: string;
+        endTime?: string;
+      }
+    | undefined;
+}

package/dist-types/crontab-display/index.d.ts

@@ -0,0 +1,11 @@
+export interface CrontabDisplayProps {
+  value?: string;
+  dataSource?: Record<string, any>;
+  fields?: { value: string };
+}
+
+export declare class CrontabDisplayElement extends HTMLElement {
+  value: string | undefined;
+  dataSource: Record<string, any> | undefined;
+  fields: { value: string } | undefined;
+}