@next-bricks/presentational-bricks 1.338.1 → 1.339.1

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

@@ -0,0 +1,16 @@
+import React from "react";
+import type React from "react";
+
+export interface LogDisplayProps {
+  value?: string;
+  loadingIcon?: boolean;
+  hasBackspace?: boolean;
+  containerStyle?: React.CSSProperties;
+}
+
+export declare class LogDisplayElement extends HTMLElement {
+  value: string | undefined;
+  loadingIcon: boolean | undefined;
+  hasBackspace: boolean | undefined;
+  containerStyle: React.CSSProperties | undefined;
+}

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

@@ -0,0 +1,40 @@
+export interface CheckboxInfo {
+  id: string;
+  checked: boolean;
+}
+
+export interface MarkdownDisplayProps {
+  value?: string;
+  dataSource?: Record<string, any>;
+  fields?: {
+    value?: string;
+  };
+  imagePreview?: boolean;
+  hideImgPreviewMask?: boolean;
+  imagePreviewOperationInBottom?: boolean;
+  linkTarget?: string;
+  enableCodeCopy?: boolean;
+}
+
+export interface MarkdownDisplayEvents {
+  "checkbox.change": CustomEvent<CheckboxInfo[]>;
+}
+
+export interface MarkdownDisplayEventsMap {
+  onCheckboxChange: "checkbox.change";
+}
+
+export declare class MarkdownDisplayElement extends HTMLElement {
+  value: string | undefined;
+  dataSource: Record<string, any> | undefined;
+  fields:
+    | {
+        value?: string;
+      }
+    | undefined;
+  imagePreview: boolean | undefined;
+  hideImgPreviewMask: boolean | undefined;
+  imagePreviewOperationInBottom: boolean | undefined;
+  linkTarget: string | undefined;
+  enableCodeCopy: boolean | undefined;
+}

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

@@ -0,0 +1,53 @@
+import React from "react";
+import type React from "react";
+
+export interface ImageInfo {
+  name: string;
+  url: string;
+}
+
+export interface MarkdownEditorProps {
+  value?: string;
+  supportUploadImg?: boolean;
+  imagePreview?: boolean;
+  bucketName?: string;
+  imgCompressDisabled?: boolean;
+  previewContainerStyle?: React.CSSProperties;
+  markdownEditorContainerStyle?: React.CSSProperties;
+  textareaStyle?: React.CSSProperties;
+  dataSource?: Record<string, any>;
+  fields?: {
+    value?: string;
+  };
+  inputMinRows?: number;
+  inputMaxRows?: number;
+}
+
+export interface MarkdownEditorEvents {
+  "markdown.value.change": CustomEvent<string>;
+  "image.upload": CustomEvent<ImageInfo>;
+}
+
+export interface MarkdownEditorEventsMap {
+  onMarkdownValueChange: "markdown.value.change";
+  onImageUpload: "image.upload";
+}
+
+export declare class MarkdownEditorElement extends HTMLElement {
+  value: string | undefined;
+  supportUploadImg: boolean | undefined;
+  imagePreview: boolean | undefined;
+  bucketName: string | undefined;
+  imgCompressDisabled: boolean | undefined;
+  previewContainerStyle: React.CSSProperties | undefined;
+  markdownEditorContainerStyle: React.CSSProperties | undefined;
+  textareaStyle: React.CSSProperties | undefined;
+  dataSource: Record<string, any> | undefined;
+  fields:
+    | {
+        value?: string;
+      }
+    | undefined;
+  inputMinRows: number | undefined;
+  inputMaxRows: number | undefined;
+}

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

@@ -0,0 +1,82 @@
+import type { ButtonProps, ButtonType } from "antd/lib/button";
+import type { UseBrickConf } from "@next-core/brick-types";
+
+export interface ModalConfirmProps {
+  visible: boolean;
+  dataSource?: Record<string, any>;
+  title?: string;
+  width?: string | number;
+  content?: string;
+  extraContent?: string;
+  okText?: string;
+  okType?: ButtonType;
+  okButtonProps?: ButtonProps;
+  cancelText?: string;
+  cancelButtonProps?: ButtonProps;
+  isDelete?: boolean;
+  onOk?(): void;
+  onCancel?(): void;
+  type?: "info" | "success" | "error" | "warning" | "confirm";
+  closeWhenOk?: boolean;
+  confirmLoading?: boolean;
+  expect?: string;
+  contentBrick?: { useBrick: UseBrickConf };
+  extraContentSuffixBrick?: { useBrick: UseBrickConf };
+}
+
+export interface ModalConfirmElementProps {
+  modalTitle?: string;
+  content?: string;
+  type?: ModalConfirmProps["type"];
+  dataSource?: Record<string, any>;
+  contentBrick?: { useBrick: UseBrickConf };
+  extraContentSuffixBrick?: { useBrick: UseBrickConf };
+  expect?: string;
+  isDelete?: boolean;
+  okText?: string;
+  okType?: ButtonType;
+  okButtonProps?: ButtonProps;
+  closeWhenOk?: boolean;
+  confirmLoading?: boolean;
+  cancelText?: string;
+  cancelButtonProps?: ButtonProps;
+  extraContent?: string;
+  visible?: boolean;
+  width?: string | number;
+  title?: string;
+}
+
+export interface ModalConfirmEvents {
+  "confirm.ok": CustomEvent<any>;
+  "confirm.cancel": CustomEvent<any>;
+}
+
+export interface ModalConfirmEventsMap {
+  onConfirmOk: "confirm.ok";
+  onConfirmCancel: "confirm.cancel";
+}
+
+export declare class ModalConfirmElement extends HTMLElement {
+  modalTitle: string | undefined;
+  content: string | undefined;
+  type: ModalConfirmElementProps["type"] | undefined;
+  dataSource: Record<string, any> | undefined;
+  contentBrick: { useBrick: UseBrickConf } | undefined;
+  extraContentSuffixBrick: { useBrick: UseBrickConf } | undefined;
+  expect: string | undefined;
+  isDelete: boolean | undefined;
+  okText: string | undefined;
+  okType: ButtonType | undefined;
+  okButtonProps: ButtonProps | undefined;
+  closeWhenOk: boolean | undefined;
+  confirmLoading: boolean | undefined;
+  cancelText: string | undefined;
+  cancelButtonProps: ButtonProps | undefined;
+  extraContent: string | undefined;
+  visible: boolean | undefined;
+  width: string | number | undefined;
+  title: string;
+  open(event?: CustomEvent): void;
+  openWithArgs(args?: ModalConfirmProps): void;
+  close(): void;
+}

package/dist-types/qrcode-download/index.d.ts

@@ -0,0 +1,25 @@
+export type QrCodeItem = {
+  /** 二维码名称 */
+  name: string;
+  /** 二维码地址 */
+  url: string;
+};
+
+export interface QrcodeDownloadProps {
+  width?: number;
+  downloadMaxNum?: number;
+  colorDark?: string;
+  colorLight?: string;
+  domain?: string;
+  isEnablePack?: boolean;
+}
+
+export declare class QrcodeDownloadElement extends HTMLElement {
+  width: number | undefined;
+  downloadMaxNum: number | undefined;
+  colorDark: string | undefined;
+  colorLight: string | undefined;
+  domain: string | undefined;
+  isEnablePack: boolean | undefined;
+  downloadFile(data: QrCodeItem[], name?: string): void;
+}

package/dist-types/rank-table/index.d.ts

@@ -0,0 +1,99 @@
+import type { TableProps } from "antd/lib/table";
+import type { UseBrickConf } from "@next-core/brick-types";
+import type { SortOrder } from "antd/lib/table/interface";
+import type { ColumnProps } from "antd/lib/table";
+
+export interface Header {
+  /**
+   * 表格头部左边内容显示区域
+   */
+  title:
+    | string
+    | {
+        useBrick?: UseBrickConf;
+      };
+  /**
+   * 表格头部右边内容显示区域
+   */
+  extra?:
+    | string
+    | {
+        useBrick?: UseBrickConf;
+      };
+}
+
+export interface CustomColumn extends ColumnProps<Record<string, any>> {
+  /**
+   * 支持为某列自定义展示构件
+   */
+  useBrick?: UseBrickConf;
+  /**
+   * 字段的值展示时的后缀
+   */
+  valueSuffix?: string;
+  /**
+   * 支持为某列的表头自定义展示构件，可通过 DATA.title 获取标题文本
+   */
+  headerBrick?: {
+    useBrick: UseBrickConf;
+  };
+
+  /**
+   * 单元格内元素的垂直对齐方式
+   */
+  verticalAlign?: "top" | "bottom";
+}
+
+export interface RankTableProps {
+  header?: Header;
+  configProps?: any;
+  rowKey?: string;
+  scrollConfigs?: TableProps<unknown>["scroll"];
+  hiddenColumns?: Array<string | number>;
+  showCard?: boolean;
+  showHeader?: boolean;
+  size?: "default" | "small";
+  sortable?: boolean;
+  sort?: string;
+  order?: SortOrder;
+  columns?: CustomColumn[];
+  dataSource?: Record<string, any>[];
+  headerTitle?:
+    | string
+    | {
+        useBrick?: UseBrickConf;
+      };
+}
+
+export interface RankTableEvents {
+  "sort.update": CustomEvent<{
+    sort: string;
+    order: string | number;
+  }>;
+}
+
+export interface RankTableEventsMap {
+  onSortUpdate: "sort.update";
+}
+
+export declare class RankTableElement extends HTMLElement {
+  header: Header | undefined;
+  configProps: any | undefined;
+  rowKey: string | undefined;
+  scrollConfigs: TableProps<unknown>["scroll"] | undefined;
+  hiddenColumns: Array<string | number> | undefined;
+  showCard: boolean | undefined;
+  showHeader: boolean | undefined;
+  size: "default" | "small" | undefined;
+  sortable: boolean | undefined;
+  sort: string | undefined;
+  order: SortOrder | undefined;
+  columns: CustomColumn[] | undefined;
+  dataSource: Record<string, any>[] | undefined;
+  headerTitle:
+    | string
+    | {
+        useBrick?: UseBrickConf;
+      }
+    | undefined;
+}

package/dist-types/single-field-edit/index.d.ts

@@ -0,0 +1,53 @@
+import type { ValidationRule } from "@ant-design/compatible/lib/form";
+import type { AutoSizeType } from "rc-textarea/lib/ResizableTextArea";
+
+export enum ControlType {
+  Text = "text",
+  Textarea = "textarea",
+  Number = "number",
+  Radio = "radio",
+  Select = "select",
+  Checkbox = "checkbox",
+}
+
+export interface SingleFieldEditProps {
+  visible?: boolean;
+  title?: string;
+  modalTitle?: string;
+  label?: string;
+  type?: ControlType;
+  placeholder?: string;
+  initialValue?: any;
+  options?: Record<string, any>[];
+  labelKey?: string;
+  valueKey?: string;
+  rules?: ValidationRule[];
+  autoSize?: boolean | AutoSizeType;
+}
+
+export interface SingleFieldEditEvents {
+  "single-field-edit.ok": CustomEvent<any>;
+  "single-field-edit.cancel": CustomEvent<any>;
+}
+
+export interface SingleFieldEditEventsMap {
+  onSingleFieldEditOk: "single-field-edit.ok";
+  onSingleFieldEditCancel: "single-field-edit.cancel";
+}
+
+export declare class SingleFieldEditElement extends HTMLElement {
+  visible: boolean | undefined;
+  title: string;
+  modalTitle: string | undefined;
+  label: string | undefined;
+  type: ControlType | undefined;
+  placeholder: string | undefined;
+  initialValue: any | undefined;
+  options: Record<string, any>[] | undefined;
+  labelKey: string | undefined;
+  valueKey: string | undefined;
+  rules: ValidationRule[] | undefined;
+  autoSize: boolean | AutoSizeType | undefined;
+  open(event?: CustomEvent): void;
+  close(): void;
+}

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

@@ -0,0 +1,45 @@
+import type { MenuIcon } from "@next-core/brick-types";
+
+export interface StatisticCardProps {
+  cardTitle?: string;
+  value?: string | number;
+  icon?: MenuIcon | string;
+  url?: string;
+  tip?: string;
+  disabled?: boolean;
+  showCard?: boolean;
+  dataSource?: Record<string, any>;
+  fields?: {
+    icon?: string;
+    disabled?: string;
+    tip?: string;
+    url?: string;
+    cardTitle?: string;
+    value?: string;
+  };
+  urlTemplate?: string;
+  iconType?: string;
+}
+
+export declare class StatisticCardElement extends HTMLElement {
+  cardTitle: string | undefined;
+  value: string | number | undefined;
+  icon: MenuIcon | string | undefined;
+  url: string | undefined;
+  tip: string | undefined;
+  disabled: boolean | undefined;
+  showCard: boolean | undefined;
+  dataSource: Record<string, any> | undefined;
+  fields:
+    | {
+        icon?: string;
+        disabled?: string;
+        tip?: string;
+        url?: string;
+        cardTitle?: string;
+        value?: string;
+      }
+    | undefined;
+  urlTemplate: string | undefined;
+  iconType: string | undefined;
+}

package/dist-types/table-transfer/index.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+import type { ColumnsType } from "antd/es/table/interface";
+import type React from "react";
+
+export interface TableTransferProps {
+  dataSource?: any[];
+  columns?: ColumnsType<Record<string, any>>;
+  targetKeys?: string[];
+  selectedKeys?: string[];
+  disabled?: boolean;
+  dragSortable?: boolean;
+  sortTitle?: string;
+  maxSelected?: number;
+  listStyle?: React.CSSProperties;
+  titles?: string[];
+  searchPlaceholder?: string;
+}
+
+export interface TableTransferEvents {
+  "table.transfer.change": CustomEvent<string[]>;
+  "sort.change": CustomEvent<string[]>;
+  "search.change": CustomEvent<{
+    direction: "left" | "right";
+    value: any;
+  }>;
+}
+
+export interface TableTransferEventsMap {
+  onTableTransferChange: "table.transfer.change";
+  onSortChange: "sort.change";
+  onSearchChange: "search.change";
+}
+
+export declare class TableTransferElement extends HTMLElement {
+  dataSource: any[] | undefined;
+  columns: ColumnsType<Record<string, any>> | undefined;
+  targetKeys: string[] | undefined;
+  selectedKeys: string[] | undefined;
+  disabled: boolean | undefined;
+  dragSortable: boolean | undefined;
+  sortTitle: string | undefined;
+  maxSelected: number | undefined;
+  listStyle: React.CSSProperties | undefined;
+  titles: string[] | undefined;
+  searchPlaceholder: string | undefined;
+}

package/dist-types/template-breadcrumb/index.d.ts

@@ -0,0 +1,7 @@
+export interface TemplateBreadcrumbProps {
+  dataSource?: Record<string, any>;
+}
+
+export declare class TemplateBreadcrumbElement extends HTMLElement {
+  dataSource: Record<string, any> | undefined;
+}

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

@@ -0,0 +1,9 @@
+export interface TextCollapseProps {
+  text?: string;
+  line?: number;
+}
+
+export declare class TextCollapseElement extends HTMLElement {
+  text: string | undefined;
+  line: number | undefined;
+}

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

@@ -0,0 +1,33 @@
+import React from "react";
+import type { DataNode } from "rc-tree-select/lib/interface";
+import type React from "react";
+
+export interface TreeTransferProps {
+  dataSource?: any[];
+  selectedKeys?: string[];
+  listStyle?: React.CSSProperties;
+  showSearch?: boolean;
+  titles?: string[];
+  shownumItem?: boolean;
+  replaceFields?: { key: string; title: string };
+  defaultExpandAll?: boolean;
+}
+
+export interface TreeTransferEvents {
+  "general.transfer.change": CustomEvent<Array<DataNode["key"]>>;
+}
+
+export interface TreeTransferEventsMap {
+  onGeneralTransferChange: "general.transfer.change";
+}
+
+export declare class TreeTransferElement extends HTMLElement {
+  dataSource: any[] | undefined;
+  selectedKeys: string[] | undefined;
+  listStyle: React.CSSProperties | undefined;
+  showSearch: boolean | undefined;
+  titles: string[] | undefined;
+  shownumItem: boolean | undefined;
+  replaceFields: { key: string; title: string } | undefined;
+  defaultExpandAll: boolean | undefined;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/presentational-bricks",
-  "version": "1.338.1",
+  "version": "1.339.1",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-basics/tree/master/bricks/presentational-bricks",
   "license": "GPL-3.0",
@@ -23,8 +23,7 @@
           "{projectRoot}/dist",
           "{projectRoot}/deploy",
           "{projectRoot}/.pkgbuild",
-          "{projectRoot}/src/lazy-bricks",
-          "{projectRoot}/dist-types"
+          "{projectRoot}/src/lazy-bricks"
         ]
       }
     }
@@ -86,5 +85,5 @@
     "@next-dll/ace": "*",
     "@next-dll/react-dnd": "*"
   },
-  "gitHead": "b64384fb666648ad5d991ad0bfc65a7180798d63"
+  "gitHead": "a744077ea6d50ceba6828da22d08a9e0f99764d6"
 }