@next-bricks/presentational-bricks 1.338.1 → 1.339.1

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

@@ -0,0 +1,51 @@
+export enum ConditionOperator {
+  eq = "$eq",
+  ne = "$ne",
+  gt = "$gt",
+  gte = "$gte",
+  lt = "$lt",
+  lte = "$lte",
+}
+
+export enum LogicalOperator {
+  and = "$and",
+  or = "$or",
+}
+
+export interface RuleProps {
+  condition: ConditionType;
+  style?: {
+    color?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+  };
+  label?: string;
+}
+
+export type ConditionType =
+  | boolean
+  | number
+  | string
+  | Record<string | ConditionOperator, any>
+  | LogicalCondition;
+
+export interface LogicalCondition
+  extends Record<string | LogicalOperator, ConditionType[]> {}
+
+export type DataType = string | number | Record<string, any>;
+
+export type DisplayType = "label" | "default";
+
+export interface BrickConditionalDisplayProps {
+  rules?: RuleProps[];
+  fields?: { value: string };
+  dataSource?: DataType;
+  type?: DisplayType;
+}
+
+export declare class BrickConditionalDisplayElement extends HTMLElement {
+  rules: RuleProps[] | undefined;
+  fields: { value: string } | undefined;
+  dataSource: DataType | undefined;
+  type: DisplayType | undefined;
+}

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

@@ -0,0 +1,15 @@
+export interface BrickDeleteConfirmProps {
+  dataSource?: any;
+  deleteName?: string;
+  fields?: any;
+  keySeparator?: string;
+  type?: "array" | "object" | "string";
+}
+
+export declare class BrickDeleteConfirmElement extends HTMLElement {
+  dataSource: any | undefined;
+  deleteName: string | undefined;
+  fields: any | undefined;
+  keySeparator: string | undefined;
+  type: "array" | "object" | "string" | undefined;
+}

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

@@ -0,0 +1,83 @@
+import type { UseBrickConf } from "@next-core/brick-types";
+import type { DescriptionsProps } from "antd/lib/descriptions";
+
+export interface DescriptionsItemProps {
+  label: string;
+  text: string;
+}
+
+export interface DescriptionListProps {
+  itemList: BrickDescriptionsItemProps[];
+  descriptionTitle: string;
+  configProps?: DescriptionsProps;
+  column?: number;
+  size?: SizeType;
+  bordered?: boolean;
+  layout?: LayoutType;
+  hideGroups?: string[] | string;
+  extraBrick?: {
+    useBrick: UseBrickConf;
+  };
+}
+
+export interface BrickDescriptionsItemProps
+  extends Partial<DescriptionsItemProps> {
+  /**
+   * 内容
+   */
+  text: string;
+  id?: string;
+  /**
+   * 所属分组
+   */
+  group?: string;
+  /**
+   * 该 item 的 text 取自 dataSource 的哪个字段
+   */
+  field?: string;
+  /**
+   * 支持为某项自定义展示构件  [#UseBrickConf](#usebrickconf)
+   */
+  useBrick?: UseBrickConf;
+  /**
+   * [已废弃]自定义该 item 的展示构件
+   */
+  component?: {
+    brick?: string;
+    properties?: any;
+  };
+}
+
+export type SizeType = "default" | "middle" | "small";
+
+export type LayoutType = "horizontal" | "vertical";
+
+export interface BrickDescriptionsProps {
+  descriptionTitle?: string;
+  descriptionList?: DescriptionListProps[];
+  itemList?: BrickDescriptionsItemProps[];
+  itemIdBrickMap?: Record<string, { useBrick: UseBrickConf }>;
+  showCard?: boolean;
+  column?: number;
+  layout?: LayoutType;
+  bordered?: boolean;
+  size?: SizeType;
+  configProps?: DescriptionsProps;
+  hideGroups?: string[] | string;
+  dataSource?: Record<string, any>;
+}
+
+export declare class BrickDescriptionsElement extends HTMLElement {
+  descriptionTitle: string | undefined;
+  descriptionList: DescriptionListProps[] | undefined;
+  itemList: BrickDescriptionsItemProps[] | undefined;
+  itemIdBrickMap: Record<string, { useBrick: UseBrickConf }> | undefined;
+  showCard: boolean | undefined;
+  column: number | undefined;
+  layout: LayoutType | undefined;
+  bordered: boolean | undefined;
+  size: SizeType | undefined;
+  configProps: DescriptionsProps | undefined;
+  hideGroups: string[] | string | undefined;
+  dataSource: Record<string, any> | undefined;
+}

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

@@ -0,0 +1,20 @@
+export interface FieldToDisplay {
+  field?: string;
+  separator: string;
+}
+
+export interface BrickDisplayStructsProps {
+  dataSource?: Record<string, any>;
+  fields?: { value: string };
+  value?: any;
+  displayType?: "stringify" | FieldToDisplay;
+  emptyText?: string;
+}
+
+export declare class BrickDisplayStructsElement extends HTMLElement {
+  dataSource: Record<string, any> | undefined;
+  fields: { value: string } | undefined;
+  value: any | undefined;
+  displayType: "stringify" | FieldToDisplay | undefined;
+  emptyText: string | undefined;
+}

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

@@ -0,0 +1,22 @@
+import React from "react";
+import type React from "react";
+
+export interface BrickDividerProps {
+  dividerTitle?: string;
+  type?: "horizontal" | "vertical" | "radiation";
+  dashed?: boolean;
+  dividerStyle?: React.CSSProperties;
+  orientation?: "center" | "left" | "right";
+  plain?: boolean;
+  proportion?: number[];
+}
+
+export declare class BrickDividerElement extends HTMLElement {
+  dividerTitle: string | undefined;
+  type: "horizontal" | "vertical" | "radiation" | undefined;
+  dashed: boolean | undefined;
+  dividerStyle: React.CSSProperties | undefined;
+  orientation: "center" | "left" | "right" | undefined;
+  plain: boolean | undefined;
+  proportion: number[] | undefined;
+}

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

@@ -0,0 +1,95 @@
+import type { FormLayout } from "@ant-design/compatible/lib/form/Form";
+import type { ValidationRule } from "@ant-design/compatible/lib/form";
+import type { ColProps } from "antd/lib/col";
+
+export interface LegacyBrickFormProps
+  extends WithTranslation,
+    FormComponentProps {
+  contractName?: string;
+  fields: FieldDefinition[];
+  showCancel?: boolean;
+  cancelText?: string;
+  showConfirm?: boolean;
+  confirmText?: string;
+  layout?: FormLayout;
+  labelCol?: ColProps;
+  wrapperCol?: ColProps;
+  tailFormBtnLayout?: Record<"wrapperCol", ColProps>;
+  onSubmit?(data: Record<string, any>): void;
+  onCancel?(): void;
+  onBrickFormRef: any;
+  showCard: boolean;
+  onFieldChange: (value: any, field: string) => void;
+  dispatchCustomEvent: (field: FieldDefinition, detail: any) => void;
+}
+
+export interface FieldDefinition {
+  field: string;
+  label: string;
+  fieldPath: string;
+  component: string;
+  isRequire?: boolean;
+  valuePropName?: string;
+  properties?: any;
+  defaultValue?: boolean | string | number;
+  hideFromField?: string;
+  optionList?: string[] | BrickOptionProps[];
+  emitChangeEvent?: string;
+  emitCustomEvent?: string;
+  dataSource?: {
+    resolveName: string;
+    path?: string;
+    useIdField?: string;
+    useTextField?: string;
+  };
+  // for brick-select control
+  searchInCmdb?: SearchInCmdb;
+  // for brick-switch control
+  switchMap?: SwitchMap;
+  // for brick-instance-selector control
+  instanceList?: {
+    query?: Record<string, any>;
+    columns: CustomColumn[];
+  };
+  computeDefaultValue?: {
+    target: string;
+    method: string;
+    args: any;
+  };
+  rules: ValidationRule & flags[];
+  configProps: Record<string, any>;
+}
+
+export interface BrickFormProps {
+  contractName?: string;
+  fields?: LegacyBrickFormProps["fields"];
+  showCancel?: boolean;
+  cancelText?: string;
+  showConfirm?: boolean;
+  confirmText?: string;
+  tailFormBtnLayout?: LegacyBrickFormProps["tailFormBtnLayout"];
+  layout?: FormLayout;
+  labelCol?: LegacyBrickFormProps["labelCol"];
+  wrapperCol?: LegacyBrickFormProps["wrapperCol"];
+  showCard?: boolean;
+  resetDataAfterCancel?: boolean;
+  submitFormDataKey?: string | number;
+  fieldData?: any;
+}
+
+export declare class BrickFormElement extends HTMLElement {
+  contractName: string | undefined;
+  fields: LegacyBrickFormProps["fields"] | undefined;
+  showCancel: boolean | undefined;
+  cancelText: string | undefined;
+  showConfirm: boolean | undefined;
+  confirmText: string | undefined;
+  tailFormBtnLayout: LegacyBrickFormProps["tailFormBtnLayout"] | undefined;
+  layout: FormLayout | undefined;
+  labelCol: LegacyBrickFormProps["labelCol"] | undefined;
+  wrapperCol: LegacyBrickFormProps["wrapperCol"] | undefined;
+  showCard: boolean | undefined;
+  resetDataAfterCancel: boolean | undefined;
+  submitFormDataKey: string | number | undefined;
+  fieldData: any | undefined;
+}

package/dist-types/brick-general-search/index.d.ts

@@ -0,0 +1,73 @@
+export type Size = "small" | "default" | "large" | "extraLarge";
+
+export type Shape = "round" | "default";
+
+export interface BrickGeneralSearchProps {
+  placeholder?: string;
+  q?: string;
+  defaultArgs?: { field: string; value: any }[];
+  shouldUpdateUrlParams?: boolean;
+  shouldTrimQuery?: boolean;
+  qField?: string;
+  disableAutofocus?: boolean;
+  searchType?: "all" | "ip";
+  searchTypeEnabled?: boolean;
+  debounceTime?: number;
+  size?: Size;
+  shape?: Shape;
+  inputStyle?: Record<string, any>;
+  buttonStyle?: Record<string, any>;
+  searchBoxStyleType?: "defalut" | "round";
+  allowClear?: boolean;
+  bordered?: boolean;
+  alwaysFoucus?: boolean;
+  field?: string;
+  customSearchTypeOptions?: {
+    label: string;
+    value: string;
+  }[];
+}
+
+export interface BrickGeneralSearchEvents {
+  "filter.update": CustomEvent<Record<string, any>>;
+  "query.change": CustomEvent<string>;
+  "query.change.v2": CustomEvent<{ q: string }>;
+  "search.type.change": CustomEvent<string>;
+  "input.blur": CustomEvent<string>;
+}
+
+export interface BrickGeneralSearchEventsMap {
+  onFilterUpdate: "filter.update";
+  onQueryChange: "query.change";
+  onQueryChangeV2: "query.change.v2";
+  onSearchTypeChange: "search.type.change";
+  onInputBlur: "input.blur";
+}
+
+export declare class BrickGeneralSearchElement extends HTMLElement {
+  placeholder: string | undefined;
+  q: string | undefined;
+  defaultArgs: { field: string; value: any }[] | undefined;
+  shouldUpdateUrlParams: boolean | undefined;
+  shouldTrimQuery: boolean | undefined;
+  qField: string | undefined;
+  disableAutofocus: boolean | undefined;
+  searchType: "all" | "ip" | undefined;
+  searchTypeEnabled: boolean | undefined;
+  debounceTime: number | undefined;
+  size: Size | undefined;
+  shape: Shape | undefined;
+  inputStyle: Record<string, any> | undefined;
+  buttonStyle: Record<string, any> | undefined;
+  searchBoxStyleType: "defalut" | "round" | undefined;
+  allowClear: boolean | undefined;
+  bordered: boolean | undefined;
+  alwaysFoucus: boolean | undefined;
+  field: string | undefined;
+  customSearchTypeOptions:
+    | {
+        label: string;
+        value: string;
+      }[]
+    | undefined;
+}

package/dist-types/brick-humanize-time/index.d.ts

@@ -0,0 +1,32 @@
+import type { HumanizeTimeFormat } from "@next-libs/datetime";
+
+export interface LinkInfo {
+  detailUrlTemplate: string;
+  target?: string;
+}
+
+export interface BrickHumanizeTimeProps {
+  value?: number | string;
+  inputFormat?: string;
+  outputFormat?: string;
+  isCostTime?: boolean;
+  dataSource?: Record<string, any>;
+  fields?: { value: string };
+  formatter?: HumanizeTimeFormat;
+  isMillisecond?: boolean;
+  isMicrosecond?: boolean;
+  link?: LinkInfo;
+}
+
+export declare class BrickHumanizeTimeElement extends HTMLElement {
+  value: number | string | undefined;
+  inputFormat: string | undefined;
+  outputFormat: string | undefined;
+  isCostTime: boolean | undefined;
+  dataSource: Record<string, any> | undefined;
+  fields: { value: string } | undefined;
+  formatter: HumanizeTimeFormat | undefined;
+  isMillisecond: boolean | undefined;
+  isMicrosecond: boolean | undefined;
+  link: LinkInfo | undefined;
+}

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

@@ -0,0 +1,45 @@
+import type { CSSProperties } from "react";
+
+export enum IconSize {
+  Small = "small",
+  Middle = "middle",
+  Large = "large",
+  XLarge = "xlarge",
+  Unset = "unset",
+}
+
+export interface IllustrationHeader {
+  title?: string;
+  description?: string;
+}
+
+export interface IllustrationFooter {
+  text?: string;
+  label?: string;
+  target?: string;
+  url?: string;
+}
+
+export type IllustrationMode = "feedback" | "guide";
+
+export interface BrickIllustrationProps {
+  name?: string;
+  size?: IconSize;
+  category?: string;
+  header?: IllustrationHeader;
+  footer?: IllustrationFooter;
+  mode?: IllustrationMode;
+  imageStyle?: CSSProperties;
+  useNewIllustration?: boolean;
+}
+
+export declare class BrickIllustrationElement extends HTMLElement {
+  name: string | undefined;
+  size: IconSize | undefined;
+  category: string | undefined;
+  header: IllustrationHeader | undefined;
+  footer: IllustrationFooter | undefined;
+  mode: IllustrationMode | undefined;
+  imageStyle: CSSProperties | undefined;
+  useNewIllustration: boolean | undefined;
+}

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

@@ -0,0 +1,25 @@
+export interface BrickInputProps {
+  placeholder?: string;
+  trigger?: "change" | "enter";
+  value?: string;
+  debounceTime?: number;
+  defaultValKey?: string;
+}
+
+export interface BrickInputEvents {
+  "input.emit": CustomEvent<Record<string, any>>;
+  "input.change": CustomEvent<Record<string, any>>;
+}
+
+export interface BrickInputEventsMap {
+  onInputEmit: "input.emit";
+  onInputChange: "input.change";
+}
+
+export declare class BrickInputElement extends HTMLElement {
+  placeholder: string | undefined;
+  trigger: "change" | "enter" | undefined;
+  value: string | undefined;
+  debounceTime: number | undefined;
+  defaultValKey: string | undefined;
+}

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

@@ -0,0 +1,53 @@
+import type { MenuIcon } from "@next-core/brick-types";
+
+export interface BrickLinkProps {
+  label?: string;
+  url?: string;
+  href?: string;
+  target?: string;
+  tooltip?: string;
+  tooltipProps?: Record<string, any>;
+  dataSource?: Record<string, any>;
+  labelColor?: string;
+  underLine?: boolean;
+  icon?: MenuIcon;
+  disabled?: boolean;
+  hideExternalIcon?: boolean;
+  notToJumpWhenEmpty?: boolean;
+  type?: "link" | "text";
+  iconAlign?: "left" | "right";
+  native?: boolean;
+  labelField?: string;
+  detail?: any;
+  urlTemplate?: string;
+}
+
+export interface BrickLinkEvents {
+  "link.click": CustomEvent<any>;
+}
+
+export interface BrickLinkEventsMap {
+  onLinkClick: "link.click";
+}
+
+export declare class BrickLinkElement extends HTMLElement {
+  label: string | undefined;
+  url: string | undefined;
+  href: string | undefined;
+  target: string | undefined;
+  tooltip: string | undefined;
+  tooltipProps: Record<string, any> | undefined;
+  dataSource: Record<string, any> | undefined;
+  labelColor: string | undefined;
+  underLine: boolean | undefined;
+  icon: MenuIcon | undefined;
+  disabled: boolean | undefined;
+  hideExternalIcon: boolean | undefined;
+  notToJumpWhenEmpty: boolean | undefined;
+  type: "link" | "text" | undefined;
+  iconAlign: "left" | "right" | undefined;
+  native: boolean | undefined;
+  labelField: string | undefined;
+  detail: any | undefined;
+  urlTemplate: string | undefined;
+}

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

@@ -0,0 +1,40 @@
+import type { ListProps } from "antd/lib/list";
+import type { ListItemMetaProps } from "antd/lib/list/Item";
+
+export interface ItemProps extends ListItemProps {
+  meta: MetaProps;
+  content: string;
+}
+
+export interface MetaProps extends ListItemMetaProps {
+  src: string;
+  title: string;
+  description: string;
+}
+
+export interface ItemBrick {
+  brick: string | any;
+  properties?: Record<string, any>;
+}
+
+export interface BrickListProps {
+  showCard?: boolean;
+  itemList?: ItemProps[];
+  configProps?: ListProps<any>;
+  fields?: any;
+  dataSource?: any;
+  itemBrick?: ItemBrick;
+  itemStyle?: any;
+  isCardList?: boolean;
+}
+
+export declare class BrickListElement extends HTMLElement {
+  showCard: boolean | undefined;
+  itemList: ItemProps[] | undefined;
+  configProps: ListProps<any> | undefined;
+  fields: any | undefined;
+  dataSource: any | undefined;
+  itemBrick: ItemBrick | undefined;
+  itemStyle: any | undefined;
+  isCardList: boolean | undefined;
+}

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

@@ -0,0 +1,15 @@
+export interface BrickPlaceholderProps {
+  showCard?: boolean;
+  bordered?: boolean;
+  gridRow?: string;
+  gridColumn?: string;
+  text?: string;
+}
+
+export declare class BrickPlaceholderElement extends HTMLElement {
+  showCard: boolean | undefined;
+  bordered: boolean | undefined;
+  gridRow: string | undefined;
+  gridColumn: string | undefined;
+  text: string | undefined;
+}

package/dist-types/brick-quick-entries/index.d.ts

@@ -0,0 +1,53 @@
+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 LinkProps {
+  icon: MenuIcon;
+  target: string;
+  text: string;
+}
+
+export interface TitleConfig {
+  icon?: MenuIcon;
+  title?: string;
+  value?: string;
+  tooltip?: string;
+}
+
+export interface BrickQuickEntriesProps {
+  column?: number;
+  row?: number;
+  links?: LinkProps[];
+  useBrick?: UseBrickConf;
+  data?: any[];
+  titleList?: TitleConfig[];
+  showCard?: boolean;
+  divider?: boolean;
+  containerStyle?: React.CSSProperties;
+  mode?: "multiCardGeneral" | "multiCardNoLine" | "default";
+  useBricks?: UseBrickConf;
+}
+
+export interface BrickQuickEntriesEvents {
+  "title.icon.click": CustomEvent<any>;
+}
+
+export interface BrickQuickEntriesEventsMap {
+  onTitleIconClick: "title.icon.click";
+}
+
+export declare class BrickQuickEntriesElement extends HTMLElement {
+  column: number | undefined;
+  row: number | undefined;
+  links: LinkProps[] | undefined;
+  useBrick: UseBrickConf | undefined;
+  data: any[] | undefined;
+  titleList: TitleConfig[] | undefined;
+  showCard: boolean | undefined;
+  divider: boolean | undefined;
+  containerStyle: React.CSSProperties | undefined;
+  mode: "multiCardGeneral" | "multiCardNoLine" | "default" | undefined;
+  useBricks: UseBrickConf | undefined;
+}

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

@@ -0,0 +1,33 @@
+export interface BrickRateProps {
+  count?: number;
+  defaultValue?: number;
+  value?: number;
+  disabled?: boolean;
+  allowHalf?: boolean;
+  colors?: any[];
+  type?: string;
+  rateStyle?: Record<string, any>;
+  rateIcon?: any;
+  tooltips?: string[];
+}
+
+export interface BrickRateEvents {
+  "rate.change": CustomEvent<Record<number, any>>;
+}
+
+export interface BrickRateEventsMap {
+  onRateChange: "rate.change";
+}
+
+export declare class BrickRateElement extends HTMLElement {
+  count: number | undefined;
+  defaultValue: number | undefined;
+  value: number | undefined;
+  disabled: boolean | undefined;
+  allowHalf: boolean | undefined;
+  colors: any[] | undefined;
+  type: string | undefined;
+  rateStyle: Record<string, any> | undefined;
+  rateIcon: any | undefined;
+  tooltips: string[] | undefined;
+}