@next-bricks/presentational-bricks 1.338.0 → 1.339.0

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;
+}

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

@@ -0,0 +1,63 @@
+import type { RangeText } from "@next-libs/datetime-components";
+import type { ButtonSize } from "antd/lib/button";
+
+export type TooltipPlacement =
+  | "top"
+  | "left"
+  | "right"
+  | "bottom"
+  | "topLeft"
+  | "topRight"
+  | "bottomLeft"
+  | "bottomRight"
+  | "leftTop"
+  | "leftBottom"
+  | "rightTop"
+  | "rightBottom";
+
+export type ResolutionProps = "ms" | "s";
+
+export interface DatetimeSelectorProps {
+  from?: string;
+  to?: string;
+  shouldUpdateUrlParams?: boolean;
+  type?: string;
+  customTimeRange?: RangeText[];
+  placement?: TooltipPlacement;
+  resolution?: ResolutionProps;
+  size?: ButtonSize;
+  selectNearDays?: number;
+  format?: string;
+  rangeDays?: number;
+}
+
+export interface DatetimeSelectorEvents {
+  "datetime.selected": CustomEvent<
+    | { type: "dateRange"; value: "now/d" }
+    | { type: "specifiedDate"; value: { from: number; to: number } }
+  >;
+  "datetime.selected.v2": CustomEvent<{ from: number; to: number }>;
+  "datetime.selected.v3": CustomEvent<
+    { from: number; to: number } | { from: string }
+  >;
+}
+
+export interface DatetimeSelectorEventsMap {
+  onDatetimeSelected: "datetime.selected";
+  onDatetimeSelectedV2: "datetime.selected.v2";
+  onDatetimeSelectedV3: "datetime.selected.v3";
+}
+
+export declare class DatetimeSelectorElement extends HTMLElement {
+  from: string | undefined;
+  to: string | undefined;
+  shouldUpdateUrlParams: boolean | undefined;
+  type: string | undefined;
+  customTimeRange: RangeText[] | undefined;
+  placement: TooltipPlacement | undefined;
+  resolution: ResolutionProps | undefined;
+  size: ButtonSize | undefined;
+  selectNearDays: number | undefined;
+  format: string | undefined;
+  rangeDays: number | undefined;
+}

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

@@ -0,0 +1,33 @@
+import type React from "react";
+
+export type DigitalNumberType = "default" | "custom";
+
+export interface DigitalNumberProps {
+  decimals?: number;
+  decimal?: string;
+  cellStyle?: CSSProperties;
+  textStyle?: CSSProperties;
+  easeSpeed?: number;
+  delaySpeed?: number;
+  maxLen?: number;
+  value?: number;
+  type?: DigitalNumberType;
+  height?: number;
+  width?: number;
+  thousands?: boolean;
+}
+
+export declare class DigitalNumberElement extends HTMLElement {
+  decimals: number | undefined;
+  decimal: string | undefined;
+  cellStyle: CSSProperties | undefined;
+  textStyle: CSSProperties | undefined;
+  easeSpeed: number | undefined;
+  delaySpeed: number | undefined;
+  maxLen: number | undefined;
+  value: number | undefined;
+  type: DigitalNumberType | undefined;
+  height: number | undefined;
+  width: number | undefined;
+  thousands: boolean | undefined;
+}

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

@@ -0,0 +1,33 @@
+import type { MenuIcon } from "@next-core/brick-types";
+
+export interface DropdownButtonProps {
+  options?: Option[];
+  leftButtonIcon?: MenuIcon | string;
+  rightButtonIcon?: MenuIcon | string;
+  buttonName?: string;
+  disabled?: boolean;
+  textPlacement?: "right" | "left";
+  tooltip?: string;
+  value?: any[];
+}
+
+export interface DropdownButtonEvents {
+  "select.change": CustomEvent<{ value: any; item: any }>;
+  "left.button.click": CustomEvent<{ item: any }>;
+}
+
+export interface DropdownButtonEventsMap {
+  onSelectChange: "select.change";
+  onLeftButtonClick: "left.button.click";
+}
+
+export declare class DropdownButtonElement extends HTMLElement {
+  options: Option[] | undefined;
+  leftButtonIcon: MenuIcon | string | undefined;
+  rightButtonIcon: MenuIcon | string | undefined;
+  buttonName: string | undefined;
+  disabled: boolean | undefined;
+  textPlacement: "right" | "left" | undefined;
+  tooltip: string | undefined;
+  value: any[] | undefined;
+}

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

@@ -0,0 +1,80 @@
+import React from "react";
+import type { UseBrickConf } from "@next-core/brick-types";
+import type React from "react";
+
+export interface Option {
+  label: React.ReactText;
+  content?: React.ReactText;
+  value: any;
+  [propName: string]: any;
+}
+
+export interface DropdownSelectProps {
+  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;
+  };
+}
+
+export interface DropdownSelectEvents {
+  "select.change": CustomEvent<{ value: any; item: any }>;
+  "multiple.select.change": CustomEvent<{ value: any }>;
+}
+
+export interface DropdownSelectEventsMap {
+  onSelectChange: "select.change";
+  onMultipleSelectChange: "multiple.select.change";
+}
+
+export declare class DropdownSelectElement extends HTMLElement {
+  options: Option[] | undefined;
+  dataSource: any[] | undefined;
+  value: any[] | undefined;
+  label: string | undefined;
+  disabled: boolean | undefined;
+  heightFix: boolean | undefined;
+  buttonIcon: any | undefined;
+  dropdownButtonType: "default" | "shape" | undefined;
+  labelFontSize: string | undefined;
+  placeholder: string | undefined;
+  optionTitle: string | undefined;
+  optionContent: string | undefined;
+  valuePath: string | undefined;
+  multipleSelect: boolean | undefined;
+  selectedKeys: string[] | undefined;
+  selectTipText: string | undefined;
+  selectBoxStyle: React.CSSProperties | undefined;
+  defaultSelectedKeys: string[] | undefined;
+  minSelectedItemLength: number | undefined;
+  multipleLabel: string | undefined;
+  tipBrick: { useBrick: UseBrickConf } | undefined;
+  hideLabel: boolean | undefined;
+  dropdownTriggerStyle: React.CSSProperties | undefined;
+  labelBrick:
+    | {
+        useBrick: UseBrickConf;
+      }
+    | undefined;
+}