@next-bricks/basic-bricks 1.259.2 → 1.260.0

package/dist-types/advance-list-container/index.d.ts

@@ -0,0 +1,51 @@
+import type { UseBrickConf } from "@next-core/brick-types";
+
+export interface itemData {
+  list: Record<string, any>[];
+  page_size?: number | string;
+  page?: number | string;
+}
+
+export interface AdvanceListContainerProps {
+  data: {
+    list: Record<string, any>[];
+    page_size?: number | string;
+    page?: number | string;
+  };
+  titleBrick: { useBrick: UseBrickConf };
+  suffixBrick?: { useBrick: UseBrickConf };
+  itemClick?: () => void;
+  selectable?: boolean;
+  defaultActiveIndex?: number;
+}
+
+export interface AdvanceListContainerPropsInterface {
+  data?: AdvanceListContainerProps["data"];
+  titleBrick?: AdvanceListContainerProps["titleBrick"];
+  suffixBrick?: AdvanceListContainerProps["suffixBrick"];
+  showCard?: boolean;
+  defaultActiveIndex?: number;
+  notTriggerClickEventWhenInit?: boolean;
+  selectable?: boolean;
+}
+
+export interface AdvanceListContainerEvents {
+  "item.click": CustomEvent<{
+    item: any;
+    index: number;
+  }>;
+}
+
+export interface AdvanceListContainerEventsMap {
+  onItemClick: "item.click";
+}
+
+export declare class AdvanceListContainerElement extends HTMLElement {
+  data: AdvanceListContainerProps1["data"] | undefined;
+  titleBrick: AdvanceListContainerProps["titleBrick"] | undefined;
+  suffixBrick: AdvanceListContainerProps["suffixBrick"] | undefined;
+  showCard: boolean | undefined;
+  defaultActiveIndex: number | undefined;
+  notTriggerClickEventWhenInit: boolean | undefined;
+  selectable: boolean | undefined;
+}

package/dist-types/app-bar/index.d.ts

@@ -0,0 +1,15 @@
+import type { BreadcrumbItemConf } from "@next-core/brick-types";
+
+export interface AppBarProps {
+  pageTitle?: string;
+  documentId?: string;
+  noCurrentApp?: boolean;
+  breadcrumb?: BreadcrumbItemConf[];
+}
+
+export declare class AppBarElement extends HTMLElement {
+  pageTitle: string | undefined;
+  documentId: string | undefined;
+  noCurrentApp: boolean | undefined;
+  breadcrumb: BreadcrumbItemConf[] | undefined;
+}

package/dist-types/app-bar-breadcrumb/index.d.ts

@@ -0,0 +1,13 @@
+import type { BreadcrumbItemConf, SidebarMenu } from "@next-core/brick-types";
+
+export interface AppbarBreadcrumbProps {
+  breadcrumb?: BreadcrumbItemConf[];
+  noCurrentApp?: boolean;
+  menu?: Partial<SidebarMenu>;
+}
+
+export declare class AppbarBreadcrumbElement extends HTMLElement {
+  breadcrumb: BreadcrumbItemConf[] | undefined;
+  noCurrentApp: boolean | undefined;
+  menu: Partial<SidebarMenu> | undefined;
+}

package/dist-types/app-bar-setting/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type React from "react";
+
+export interface AppBarSettingProps {
+  usernameStyle?: React.CSSProperties;
+  dropdownIconStyle?: React.CSSProperties;
+}
+
+export declare class AppBarSettingElement extends HTMLElement {
+  usernameStyle: React.CSSProperties | undefined;
+  dropdownIconStyle: React.CSSProperties | undefined;
+}

package/dist-types/app-bar-wrapper/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type React from "react";
+
+export interface AppBarWrapperProps {
+  isFixed?: boolean;
+  displayCenter?: boolean;
+  extraAppBarContentStyle?: React.CSSProperties;
+}
+
+export declare class AppBarWrapperElement extends HTMLElement {
+  isFixed: boolean | undefined;
+  displayCenter: boolean | undefined;
+  extraAppBarContentStyle: React.CSSProperties | undefined;
+}

package/dist-types/app-document-link/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type React from "react";
+
+export interface AppBarDocumentLinkProps {
+  iconStyle?: React.CSSProperties;
+  buttonStyle?: React.CSSProperties;
+  isInNavbar?: boolean;
+}
+
+export declare class AppBarDocumentLinkElement extends HTMLElement {
+  iconStyle: React.CSSProperties | undefined;
+  buttonStyle: React.CSSProperties | undefined;
+  isInNavbar: boolean | undefined;
+}

package/dist-types/bootstrap.d.ts

@@ -0,0 +1,44 @@
+import "./advance-list-container/index.js";
+import "./app-bar/index.js";
+import "./app-bar-breadcrumb/index.js";
+import "./app-bar-setting/index.js";
+import "./app-bar-wrapper/index.js";
+import "./app-document-link/index.js";
+import "./brick-error/index.js";
+import "./delete-confirm-modal/index.js";
+import "./easy-view/index.js";
+import "./export-json-file/index.js";
+import "./flex-layout/index.js";
+import "./fold-brick/index.js";
+import "./fold-brick-v2/index.js";
+import "./general-anchor/index.js";
+import "./general-button/index.js";
+import "./general-card/index.js";
+import "./general-custom-buttons/index.js";
+import "./general-drawer/index.js";
+import "./general-heading/index.js";
+import "./general-hotkeys/index.js";
+import "./general-modal/index.js";
+import "./general-notification/index.js";
+import "./general-popup/index.js";
+import "./general-text/index.js";
+import "./general-timer/index.js";
+import "./general-title/index.js";
+import "./header-bar/index.js";
+import "./index-card/index.js";
+import "./list-container/index.js";
+import "./magic-brick/index.js";
+import "./menu-bar/index.js";
+import "./micro-app/index.js";
+import "./multiple-columns-card/index.js";
+import "./page-error/index.js";
+import "./page-not-found/index.js";
+import "./page-title/index.js";
+import "./popover-container/index.js";
+import "./print-button/index.js";
+import "./quick-visit-menu/index.js";
+import "./resizable-box/index.js";
+import "./script-brick/index.js";
+import "./sub-menu/index.js";
+import "./sub-menu-filter/index.js";
+import "./virtual-list-container/index.js";

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

@@ -0,0 +1,13 @@
+export interface BrickErrorProps {
+  errorType?: string;
+  errorMessage?: string;
+  brickName?: string;
+  isLegacyTemplate?: boolean;
+}
+
+export declare class BrickErrorElement extends HTMLElement {
+  errorType: string | undefined;
+  errorMessage: string | undefined;
+  brickName: string | undefined;
+  isLegacyTemplate: boolean | undefined;
+}

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

@@ -0,0 +1,13 @@
+export interface DeleteConfirmModalProps {
+  eventName?: string;
+  message?: string;
+  title?: string;
+  data?: any;
+}
+
+export declare class DeleteConfirmModalElement extends HTMLElement {
+  eventName: string | undefined;
+  message: string | undefined;
+  title: string;
+  data: any | undefined;
+}

package/dist-types/easy-view/index.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type React from "react";
+
+export interface EasyViewProps {
+  gridAreas?: Record<string, (string | number)[]>;
+  gridTemplateAreas?: string[][];
+  gridTemplateColumns?: string | string[];
+  gridTemplateRows?: string | string[];
+  containerStyle?: React.CSSProperties;
+  styleByAreas?: Record<string, React.CSSProperties>;
+}
+
+export declare class EasyViewElement extends HTMLElement {
+  gridAreas: Record<string, (string | number)[]> | undefined;
+  gridTemplateAreas: string[][] | undefined;
+  gridTemplateColumns: string | string[] | undefined;
+  gridTemplateRows: string | string[] | undefined;
+  containerStyle: React.CSSProperties | undefined;
+  styleByAreas: Record<string, React.CSSProperties> | undefined;
+}

package/dist-types/export-json-file/index.d.ts

@@ -0,0 +1,20 @@
+export interface ExportJsonFileProps {
+  fileName?: string;
+  data?: any;
+}
+
+export interface ExportJsonFileEvents {
+  "json-file.export.success": CustomEvent<void>;
+  "json-file.export.failed": CustomEvent<void>;
+}
+
+export interface ExportJsonFileEventsMap {
+  onJsonFileExportSuccess: "json-file.export.success";
+  onJsonFileExportFailed: "json-file.export.failed";
+}
+
+export declare class ExportJsonFileElement extends HTMLElement {
+  fileName: string | undefined;
+  data: any | undefined;
+  export(event: CustomEvent): void;
+}

package/dist-types/flex-layout/index.d.ts

@@ -0,0 +1,17 @@
+export interface FlexLayoutProps {
+  flexDirection?: string;
+  justifyContent?: string;
+  alignItems?: string;
+  alignContent?: string;
+  flexWrap?: string;
+  gap?: string;
+}
+
+export declare class FlexLayoutElement extends HTMLElement {
+  flexDirection: string | undefined;
+  justifyContent: string | undefined;
+  alignItems: string | undefined;
+  alignContent: string | undefined;
+  flexWrap: string | undefined;
+  gap: string | undefined;
+}

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

@@ -0,0 +1,15 @@
+import type { UseBrickConf } from "@next-core/brick-types";
+
+export interface FoldBrickProps {
+  useBrick?: UseBrickConf;
+  foldName?: string;
+  foldStyle?: Record<string, string>;
+  defaultShow?: boolean;
+}
+
+export declare class FoldBrickElement extends HTMLElement {
+  useBrick: UseBrickConf | undefined;
+  foldName: string | undefined;
+  foldStyle: Record<string, string> | undefined;
+  defaultShow: boolean | undefined;
+}

package/dist-types/fold-brick-v2/index.d.ts

@@ -0,0 +1,39 @@
+import type { MenuIcon } from "@next-core/brick-types";
+
+export interface FoldBrickV2Props {
+  foldName?: string;
+  defaultShow?: boolean;
+  type?: "normal" | "primary";
+  isShowFoldIcon?: boolean;
+  foldStyle?: Record<string, string>;
+  showDivider?: boolean;
+  dividerOrientation?: "left" | "right" | "center";
+  dividerDashed?: boolean;
+  show?: boolean;
+  hideFoldName?: boolean;
+  foldIcon?: MenuIcon;
+  foldIconStyle?: any;
+}
+
+export interface FoldBrickV2Events {
+  "fold.change": CustomEvent<boolean>;
+}
+
+export interface FoldBrickV2EventsMap {
+  onFoldChange: "fold.change";
+}
+
+export declare class FoldBrickV2Element extends HTMLElement {
+  foldName: string | undefined;
+  defaultShow: boolean | undefined;
+  type: "normal" | "primary" | undefined;
+  isShowFoldIcon: boolean | undefined;
+  foldStyle: Record<string, string> | undefined;
+  showDivider: boolean | undefined;
+  dividerOrientation: "left" | "right" | "center" | undefined;
+  dividerDashed: boolean | undefined;
+  show: boolean | undefined;
+  hideFoldName: boolean | undefined;
+  foldIcon: MenuIcon | undefined;
+  foldIconStyle: any | undefined;
+}

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

@@ -0,0 +1,38 @@
+import type { AnchorProps } from "antd";
+import type { UseBrickConf } from "@next-core/brick-types";
+
+export interface AnchorListType extends AnchorLinkProps {
+  /* 其他参数请参考 https://ant.design/components/anchor-cn/#Link-Props */
+  title: string;
+  href: string;
+  target?: string;
+  children?: AnchorListType[];
+}
+
+export interface GeneralAnchorProps {
+  anchorList?: AnchorListType[];
+  configProps?: AnchorProps;
+  type?: "default" | "radio";
+  extraBrick?: { useBrick: UseBrickConf };
+  disabledJump?: boolean;
+  initOffset?: number;
+}
+
+export interface GeneralAnchorEvents {
+  "anchor.click": CustomEvent<Record<string, any>>;
+  "anchor.change": CustomEvent<Record<string, any>>;
+}
+
+export interface GeneralAnchorEventsMap {
+  onAnchorClick: "anchor.click";
+  onAnchorChange: "anchor.change";
+}
+
+export declare class GeneralAnchorElement extends HTMLElement {
+  anchorList: AnchorListType[] | undefined;
+  configProps: AnchorProps | undefined;
+  type: "default" | "radio" | undefined;
+  extraBrick: { useBrick: UseBrickConf } | undefined;
+  disabledJump: boolean | undefined;
+  initOffset: number | undefined;
+}

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

@@ -0,0 +1,92 @@
+import React from "react";
+import type { ButtonProps } from "antd/lib/button";
+import type React from "react";
+
+export declare type ButtonType = typeof ButtonTypes[number];
+
+export interface TooltipConfig {
+  /**
+   * 气泡框位置，可选 `top` `left` `right` `bottom` `topLeft` `topRight` `bottomLeft` `bottomRight` `leftTop` `leftBottom` `rightTop` `rightBottom`
+   */
+  placement?: TooltipPlacement;
+  /**
+   * 箭头是否指向目标元素中心
+   */
+  arrowPointAtCenter?: boolean;
+  /**
+   * 卡片样式
+   */
+  overlayStyle?: React.CSSProperties;
+  /**
+   * 卡片内容区域的样式对象
+   */
+  overlayInnerStyle?: React.CSSProperties;
+}
+
+export type TooltipPlacement =
+  | "top"
+  | "left"
+  | "right"
+  | "bottom"
+  | "topLeft"
+  | "topRight"
+  | "bottomLeft"
+  | "bottomRight"
+  | "leftTop"
+  | "leftBottom"
+  | "rightTop"
+  | "rightBottom";
+
+export interface GeneralButtonProps {
+  buttonName?: string;
+  buttonIcon?: any;
+  buttonType?: ButtonType;
+  tooltip?: string;
+  disabled?: boolean;
+  disabledTooltip?: string;
+  tooltipConfig?: TooltipConfig;
+  buttonUrl?: string;
+  buttonHref?: string;
+  target?: string;
+  dataSource?: Record<string, any>;
+  disableAfterClick?: boolean;
+  buttonProps?: ButtonProps & { icon?: string };
+  loading?: boolean;
+  buttonDanger?: boolean;
+  buttonShape?: "circle" | "round";
+  buttonSize?: "xs" | "small" | "large";
+  fadedText?: boolean;
+  buttonStyle?: React.CSSProperties;
+  detail?: Record<string, any>;
+}
+
+export interface GeneralButtonEvents {
+  "general.button.click": CustomEvent<Record<string, any>>;
+}
+
+export interface GeneralButtonEventsMap {
+  onGeneralButtonClick: "general.button.click";
+}
+
+export declare class GeneralButtonElement extends HTMLElement {
+  buttonName: string | undefined;
+  buttonIcon: any | undefined;
+  buttonType: ButtonType | undefined;
+  tooltip: string | undefined;
+  disabled: boolean | undefined;
+  disabledTooltip: string | undefined;
+  tooltipConfig: TooltipConfig | undefined;
+  buttonUrl: string | undefined;
+  buttonHref: string | undefined;
+  target: string | undefined;
+  dataSource: Record<string, any> | undefined;
+  disableAfterClick: boolean | undefined;
+  buttonProps: (ButtonProps & { icon?: string }) | undefined;
+  loading: boolean | undefined;
+  buttonDanger: boolean | undefined;
+  buttonShape: "circle" | "round" | undefined;
+  buttonSize: "xs" | "small" | "large" | undefined;
+  fadedText: boolean | undefined;
+  buttonStyle: React.CSSProperties | undefined;
+  detail: Record<string, any> | undefined;
+}

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

@@ -0,0 +1,29 @@
+import type React from "react";
+import type { CardProps } from "antd/lib/card";
+import type { OperationButton } from "../interfaces/index.js";
+
+export interface GeneralCardProps {
+  cardTitle?: string;
+  fillVertical?: boolean;
+  verticalCenter?: boolean;
+  compactMode?: boolean;
+  hasExtraSlot?: boolean;
+  hasFooter?: boolean;
+  isFixedFooter?: boolean;
+  operationButtons?: OperationButton[];
+  configProps?: CardProps;
+  cardContentWrapperStyle?: React.CSSProperties;
+}
+
+export declare class GeneralCardElement extends HTMLElement {
+  cardTitle: string | undefined;
+  fillVertical: boolean | undefined;
+  verticalCenter: boolean | undefined;
+  compactMode: boolean | undefined;
+  hasExtraSlot: boolean | undefined;
+  hasFooter: boolean | undefined;
+  isFixedFooter: boolean | undefined;
+  operationButtons: OperationButton[] | undefined;
+  configProps: CardProps | undefined;
+  cardContentWrapperStyle: React.CSSProperties | undefined;
+}

package/dist-types/general-custom-buttons/index.d.ts

@@ -0,0 +1,147 @@
+import React from "react";
+import type { MenuIcon } from "@next-core/brick-types";
+import { ButtonType, ButtonShape, ButtonSize } from "antd/lib/button";
+import { TooltipPlacement } from "antd/lib/tooltip";
+import type React from "react";
+
+export interface CustomButton {
+  /**
+   * 是否收纳成下拉框
+   */
+  isDropdown?: boolean;
+  /**
+   * 菜单项分割线，只用在弹出菜单内
+   */
+  isDivider?: boolean;
+  /**
+   * 按钮名
+   */
+  text: string;
+  /**
+   * 按钮 icon，支持[icon图标库](/next/developers/icon)，可直接复制图标图标的配置（antd、fa 及 easyops 三种库都支持），也可只取 icon 字段的值（仅支持 antd 库）。配置{ "lib": "antd", "icon": "edit" }与 "edit"等价
+   */
+  icon?: MenuIcon | string;
+  /**
+   * 按钮点击事件名
+   */
+  eventName: string;
+  /**
+   * 按钮字体颜色
+   */
+  color?: string;
+  /**
+   * 按钮 ID, updateButton 时使用
+   */
+  id?: string;
+  /**
+   * 是否禁用
+   */
+  disabled?: boolean;
+  /**
+   * 是否隐藏
+   */
+  hide?: boolean;
+  /**
+   * 样式类型
+   */
+  buttonType?: ButtonType | "icon";
+  /**
+   * 形状类型
+   */
+  buttonShape?: ButtonShape;
+  /**
+   * 点击跳转的地址，一般站内链接使用此属性
+   */
+  buttonUrl?: string;
+  /**
+   * 点击跳转的地址，一般站外链接使用此属性
+   */
+  buttonHref?: string;
+  /**
+   * 按钮大小
+   */
+  buttonSize?: ButtonSize;
+  /**
+   * 相当于 a 链接的 target 属性，buttonUrl 或 buttonHref 存在时生效
+   */
+  urlTarget?: string;
+  /**
+   * 	按钮简单的文字提示气泡框
+   */
+  tooltip?: string;
+  /**
+   * 	禁用按钮的 tooltip
+   */
+  disabledTooltip?: string;
+  /**
+   * tooltip 位置
+   */
+  tooltipPlacement?: TooltipPlacement;
+  /**
+   * 设置按钮载入状态
+   */
+  loading?: boolean;
+  /**
+   * 用于测试时定位的 ID
+   */
+  testId?: string;
+  /**
+   * 是否显示为危险样式
+   */
+  danger?: boolean;
+  /**
+   * 每个事件的数据源
+   */
+  dataSource?: any;
+}
+
+export type DropdownPlacement =
+  | "bottomRight"
+  | "topLeft"
+  | "topCenter"
+  | "topRight"
+  | "bottomLeft"
+  | "bottomCenter";
+
+export interface GeneralCustomButtonsProps {
+  customButtons?: CustomButton[];
+  alignment?: "start" | "center" | "end" | "stretch";
+  dataSource?: any;
+  disableAfterClick?: boolean;
+  isMoreButton?: boolean;
+  useButtonDataSource?: boolean;
+  moreBtnIcon?: MenuIcon | string;
+  moreButtonType?: ButtonType;
+  moreButtonShape?: "circle" | "no" | "rectangle" | "icon";
+  dropdownBtnText?: string;
+  dropdownBtnType?: "default" | "link";
+  dropdownBtnIcon?: MenuIcon | string;
+  dropdownPlacement?: DropdownPlacement;
+  moreButtonStyle?: React.CSSProperties;
+}
+
+export interface GeneralCustomButtonsEvents {
+  "buttons.visible.change": CustomEvent<boolean>;
+}
+
+export interface GeneralCustomButtonsEventsMap {
+  onButtonsVisibleChange: "buttons.visible.change";
+}
+
+export declare class GeneralCustomButtonsElement extends HTMLElement {
+  customButtons: CustomButton[] | undefined;
+  alignment: "start" | "center" | "end" | "stretch" | undefined;
+  dataSource: any | undefined;
+  disableAfterClick: boolean | undefined;
+  isMoreButton: boolean | undefined;
+  useButtonDataSource: boolean | undefined;
+  moreBtnIcon: MenuIcon | string | undefined;
+  moreButtonType: ButtonType | undefined;
+  moreButtonShape: "circle" | "no" | "rectangle" | "icon" | undefined;
+  dropdownBtnText: string | undefined;
+  dropdownBtnType: "default" | "link" | undefined;
+  dropdownBtnIcon: MenuIcon | string | undefined;
+  dropdownPlacement: DropdownPlacement | undefined;
+  moreButtonStyle: React.CSSProperties | undefined;
+  updateButton(id: string, btn: Partial<CustomButton>): void;
+}

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

@@ -0,0 +1,60 @@
+import type { DrawerProps } from "antd/lib/drawer";
+
+export interface ICustomSwitchConfig {
+  openText?: string;
+  openIcon?: any;
+  closeText?: string;
+  closeIcon?: any;
+  top?: string;
+}
+
+export interface OpenCloseOption {
+  noEvent?: boolean;
+}
+
+export interface GeneralDrawerProps {
+  customTitle?: string;
+  maskClosable?: boolean;
+  width?: number | string;
+  closable?: boolean;
+  hasFooter?: boolean;
+  loading?: boolean;
+  mask?: boolean;
+  bodyStyle?: Record<string, any>;
+  drawerStyle?: Record<string, any>;
+  headerStyle?: Record<string, any>;
+  isFloat?: boolean;
+  configProps?: DrawerProps;
+  scrollToTopWhenOpen?: boolean;
+  stackable?: boolean;
+}
+
+export interface GeneralDrawerEvents {
+  "general.drawer.open": CustomEvent<Record<string, any>>;
+  "general.drawer.close": CustomEvent<Record<string, any>>;
+}
+
+export interface GeneralDrawerEventsMap {
+  onGeneralDrawerOpen: "general.drawer.open";
+  onGeneralDrawerClose: "general.drawer.close";
+}
+
+export declare class GeneralDrawerElement extends HTMLElement {
+  customTitle: string | undefined;
+  maskClosable: boolean | undefined;
+  width: number | string | undefined;
+  closable: boolean | undefined;
+  hasFooter: boolean | undefined;
+  loading: boolean | undefined;
+  mask: boolean | undefined;
+  bodyStyle: Record<string, any> | undefined;
+  drawerStyle: Record<string, any> | undefined;
+  headerStyle: Record<string, any> | undefined;
+  isFloat: boolean | undefined;
+  configProps: DrawerProps | undefined;
+  scrollToTopWhenOpen: boolean | undefined;
+  stackable: boolean | undefined;
+  open(option?: OpenCloseOption): void;
+  bodyScroll(top: number): void;
+  close(option?: OpenCloseOption): void;
+}