@next-bricks/presentational-bricks 1.338.0 → 1.339.0

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

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

@@ -0,0 +1,62 @@
+import type React from "react";
+
+export enum BrickResultStatus {
+  Success = "success",
+  Error = "error",
+  Info = "info",
+  Warning = "warning",
+  E404 = "404",
+  E403 = "403",
+  E500 = "500",
+}
+
+export enum EmptyResultStatus {
+  BrowserTooOld = "browser-too-old",
+  Empty = "empty",
+  NoData = "no-data",
+  NoHistoryVersion = "no-history-version",
+  NoVisitRecord = "no-visit-record",
+  SearchEmpty = "search-empty",
+  WelcomeToCreate = "welcome-to-create",
+}
+
+export type IllustrationsStatus = "illustrations";
+
+export interface IllustrationsConfig {
+  imageStyle?: CSSProperties;
+  name?: string;
+  category?: string;
+  size?: IconSize;
+}
+
+export enum IconSize {
+  Small = "small",
+  Middle = "middle",
+  Large = "large",
+  XLarge = "xlarge",
+  Unset = "unset",
+}
+
+export interface BrickResultProps {
+  status?: BrickResultStatus | EmptyResultStatus | IllustrationsStatus;
+  customTitle?: string;
+  subTitle?: string;
+  icon?: string;
+  illustrationsConfig?: IllustrationsConfig;
+  useNewIllustration?: boolean;
+  emptyResultSize?: IconSize;
+}
+
+export declare class BrickResultElement extends HTMLElement {
+  status:
+    | BrickResultStatus
+    | EmptyResultStatus
+    | IllustrationsStatus
+    | undefined;
+  customTitle: string | undefined;
+  subTitle: string | undefined;
+  icon: string | undefined;
+  illustrationsConfig: IllustrationsConfig | undefined;
+  useNewIllustration: boolean | undefined;
+  emptyResultSize: IconSize | undefined;
+}