yuang-framework-ui-pc 1.1.44 → 1.1.46

package/es/ele-virtual-table/components/header-row.js

@@ -0,0 +1,126 @@
+import { defineComponent, resolveComponent, createElementBlock, openBlock, Fragment, renderList, createBlock, createSlots, withCtx, renderSlot, mergeProps } from "vue";
+import { getColFiltered } from "../util";
+import HeaderCell from "./header-cell";
+const _sfc_main = defineComponent({
+  name: "HeaderRow",
+  components: { HeaderCell },
+  props: {
+    /** 表头行配置 */
+    headerCols: Array,
+    /** 表头所有行列宽 */
+    headerColSizes: Array,
+    /** 当前行索引 */
+    headerIndex: Number,
+    /** 表格排序状态 */
+    sortBy: Object,
+    /** 表格筛选值 */
+    filtered: Object,
+    /** 表格是否是全选状态 */
+    isCheckAll: Boolean,
+    /** 表格是否是半选状态 */
+    isIndeterminate: Boolean,
+    /** 是否禁用表头选择框 */
+    disabledCheckbox: Boolean,
+    /** 表格尺寸 */
+    tableSize: String,
+    /** 表头单元格类名自定义 */
+    headerCellClass: [String, Function],
+    /** 表头单元样式自定义 */
+    headerCellStyle: [Object, Function],
+    /** 表头单元格是否溢出省略 */
+    headerEllipsis: Boolean,
+    /** 表格行高 */
+    rowHeight: Number
+  },
+  emits: {
+    /** 多选框选中改变事件 */
+    checkedChange: (_checked) => true,
+    /** 列筛选改变事件 */
+    filterChange: (_params) => true,
+    /** 单元格点击事件 */
+    cellClick: (_col, _e) => true,
+    /** 单元格右键事件 */
+    cellContextmenu: (_col, _e) => true,
+    /** 单元格鼠标移入事件 */
+    cellMouseenter: (_col, _e) => true
+  },
+  setup(props, { emit }) {
+    const getKey = (column, columnIndex) => {
+      return props.headerIndex + "-" + (column.key ?? columnIndex);
+    };
+    const getFiltered = (column) => {
+      return getColFiltered(column.originalCol, props.filtered);
+    };
+    const handleCellCheckedChange = (checked) => {
+      emit("checkedChange", checked);
+    };
+    const handleCellFilterChange = (params) => {
+      emit("filterChange", params);
+    };
+    const handleCellClick = (col, e) => {
+      emit("cellClick", col, e);
+    };
+    const handleCellContextmenu = (col, e) => {
+      emit("cellContextmenu", col, e);
+    };
+    const handleCellMouseenter = (col, e) => {
+      emit("cellMouseenter", col, e);
+    };
+    return {
+      getKey,
+      getFiltered,
+      handleCellCheckedChange,
+      handleCellFilterChange,
+      handleCellClick,
+      handleCellContextmenu,
+      handleCellMouseenter
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_HeaderCell = resolveComponent("HeaderCell");
+  return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.headerCols, (column, index) => {
+    return openBlock(), createBlock(_component_HeaderCell, {
+      key: _ctx.getKey(column, index),
+      column,
+      columnIndex: index,
+      headerIndex: _ctx.headerIndex,
+      colSize: _ctx.headerColSizes ? _ctx.headerColSizes[index] : void 0,
+      sortBy: _ctx.sortBy,
+      filterValue: _ctx.getFiltered(column),
+      isCheckAll: _ctx.isCheckAll,
+      isIndeterminate: _ctx.isIndeterminate,
+      disabledCheckbox: _ctx.disabledCheckbox,
+      tableSize: _ctx.tableSize,
+      headerCellClass: _ctx.headerCellClass,
+      headerCellStyle: _ctx.headerCellStyle,
+      headerEllipsis: _ctx.headerEllipsis,
+      rowHeight: _ctx.rowHeight,
+      onCheckedChange: _ctx.handleCellCheckedChange,
+      onFilterChange: _ctx.handleCellFilterChange,
+      onClick: _ctx.handleCellClick,
+      onContextmenu: _ctx.handleCellContextmenu,
+      onMouseenter: _ctx.handleCellMouseenter
+    }, createSlots({ _: 2 }, [
+      renderList(Object.keys(_ctx.$slots), (name) => {
+        return {
+          name,
+          fn: withCtx((slotProps) => [
+            renderSlot(_ctx.$slots, name, mergeProps({ ref_for: true }, slotProps || {}))
+          ])
+        };
+      })
+    ]), 1032, ["column", "columnIndex", "headerIndex", "colSize", "sortBy", "filterValue", "isCheckAll", "isIndeterminate", "disabledCheckbox", "tableSize", "headerCellClass", "headerCellStyle", "headerEllipsis", "rowHeight", "onCheckedChange", "onFilterChange", "onClick", "onContextmenu", "onMouseenter"]);
+  }), 128);
+}
+const headerRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  headerRow as default
+};

package/es/ele-virtual-table/props.d.ts

@@ -0,0 +1,158 @@
+import { ExtractPropTypes } from 'vue';
+
+/**
+ * 属性
+ */
+export declare const virtualTableProps: {
+    /** 行高 */
+    rowHeight: NumberConstructor;
+    stripe: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    rowKey: {
+        type: import('vue').PropType<import('../ele-data-table/types').RowKey>;
+        required: boolean;
+    };
+    columns: {
+        type: import('vue').PropType<import('../ele-data-table/types').Columns>;
+        required: boolean;
+    };
+    pageIndex: NumberConstructor;
+    errorText: StringConstructor;
+    headerEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slotNormalize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sticky: BooleanConstructor;
+    bottomLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyProps: {
+        type: import('vue').PropType<import('../ele-data-table/types').TableEmptyProps>;
+        default: () => null;
+    };
+    rowClickChecked: import('vue').PropType<import('../ele-data-table/types').RowClickChecked>;
+    reserveCurrent: BooleanConstructor;
+    selectedRowKeys: import('vue').PropType<import('../ele-data-table/types').DataKey[]>;
+    cacheData: import('vue').PropType<import('../ele-data-table/types').DataItem[]>;
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    data: {
+        type: import('vue').PropType<import('element-plus/es/components/table/src/table/defaults').DefaultRow[]>;
+        default: () => never[];
+    };
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxHeight: (NumberConstructor | StringConstructor)[];
+    lazy: BooleanConstructor;
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSummary: BooleanConstructor;
+    sumText: StringConstructor;
+    summaryMethod: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["summaryMethod"]>;
+    rowClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowClassName"]>;
+    rowStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["rowStyle"]>;
+    cellClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellClassName"]>;
+    cellStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["cellStyle"]>;
+    headerRowClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowClassName"]>;
+    headerRowStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerRowStyle"]>;
+    headerCellClassName: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellClassName"]>;
+    headerCellStyle: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["headerCellStyle"]>;
+    highlightCurrentRow: BooleanConstructor;
+    currentRowKey: (NumberConstructor | StringConstructor)[];
+    emptyText: StringConstructor;
+    expandRowKeys: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["expandRowKeys"]>;
+    defaultExpandAll: BooleanConstructor;
+    defaultSort: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["defaultSort"]>;
+    tooltipEffect: StringConstructor;
+    tooltipOptions: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipOptions"]>;
+    spanMethod: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["spanMethod"]>;
+    selectOnIndeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    treeProps: {
+        type: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["treeProps"]>;
+        default: () => {
+            hasChildren: string;
+            children: string;
+            checkStrictly: boolean;
+        };
+    };
+    load: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["load"]>;
+    tableLayout: {
+        type: import('vue').PropType<"fixed" | "auto">;
+        default: string;
+    };
+    scrollbarAlwaysOn: BooleanConstructor;
+    flexible: BooleanConstructor;
+    showOverflowTooltip: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["showOverflowTooltip"]>;
+    tooltipFormatter: import('vue').PropType<import('element-plus/es/components/table/index').TableProps<import('element-plus/es/components/table/src/table/defaults').DefaultRow>["tooltipFormatter"]>;
+    appendFilterPanelTo: StringConstructor;
+    scrollbarTabindex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    allowDragLastColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preserveExpandedContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type VirtualTableProps = ExtractPropTypes<typeof virtualTableProps>;
+/**
+ * 事件
+ */
+export declare const virtualTableEmits: {
+    select: (_selection: import('../ele-data-table/types').DataItem[], _row: import('../ele-data-table/types').DataItem) => boolean;
+    selectAll: (_selection: import('../ele-data-table/types').DataItem[]) => boolean;
+    selectionChange: (_selection: import('../ele-data-table/types').DataItem[]) => boolean;
+    cellMouseEnter: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellMouseLeave: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellClick: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellDblclick: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    cellContextmenu: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _cell: HTMLTableCellElement, _e: MouseEvent) => boolean;
+    rowClick: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;
+    rowContextmenu: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;
+    rowDblclick: (_row: import('../ele-data-table/types').DataItem, _column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;
+    headerClick: (_column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;
+    headerContextmenu: (_column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;
+    sortChange: (_sorter: import('../ele-data-table/types').Sorter) => boolean;
+    filterChange: (_filter: import('../ele-data-table/types').Filter) => boolean;
+    currentChange: (_current?: import('../ele-data-table/types').DataItem | null, _old?: import('../ele-data-table/types').DataItem | null) => boolean;
+    headerDragend: (_width: number, _old: number, _column: import('../ele-data-table/types').Column, _e: MouseEvent) => boolean;
+    expandChange: (_row: import('../ele-data-table/types').DataItem, _expanded: boolean) => boolean;
+    'update:currentRowKey': (_currentRowKey?: import('../ele-data-table/types').DataKey) => boolean;
+    'update:selectedRowKeys': (_selectedRowKeys?: import('../ele-data-table/types').DataKey[]) => boolean;
+};

package/es/ele-virtual-table/props.js

@@ -0,0 +1,13 @@
+import { dataTableProps, dataTableEmits } from "../ele-data-table/props";
+const virtualTableProps = {
+  ...dataTableProps,
+  /** 行高 */
+  rowHeight: Number
+};
+const virtualTableEmits = {
+  ...dataTableEmits
+};
+export {
+  virtualTableEmits,
+  virtualTableProps
+};

package/es/ele-virtual-table/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-virtual-table/style/index.js

@@ -0,0 +1,9 @@
+import "element-plus/es/components/table-v2/style/index";
+import "element-plus/es/components/checkbox/style/index";
+import "element-plus/es/components/checkbox-group/style/index";
+import "element-plus/es/components/empty/style/index";
+import "element-plus/es/components/icon/style/index";
+import "element-plus/es/components/scrollbar/style/index";
+import "element-plus/es/components/button/style/index";
+import "../../ele-tooltip/style/index";
+import "./index.scss";

package/es/ele-virtual-table/types.d.ts

@@ -0,0 +1,229 @@
+import type { VNode } from 'vue';
+import type {
+  Column as TableV2Column,
+  ExtractRowPropGetter,
+  RowExpandHandler,
+  SortBy,
+  HeaderClassNameGetter,
+  ExtractHeaderPropGetter
+} from 'element-plus/es/components/table-v2';
+import type {
+  ScrollStrategy,
+  ScrollPos
+} from 'element-plus/es/components/table-v2/src/composables/use-scrollbar';
+import type { ElTableV2Props } from '../ele-app/el';
+import type {
+  DataKey,
+  DataItem,
+  Column,
+  FilterValue
+} from '../ele-data-table/types';
+export { RowExpandHandler, ScrollStrategy, SortBy, ScrollPos };
+
+/**
+ * 表格属性
+ */
+export type TableV2Props = Required<Exclude<ElTableV2Props, 'class' | 'style'>>;
+
+/**
+ * 获取行类名方法
+ */
+export type RowClassFunction = ExtractRowPropGetter<DataItem>;
+
+/**
+ * 获取行属性方法
+ */
+export type RowPropsFunction = ExtractRowPropGetter<DataItem>;
+
+/**
+ * 获取表头行类名方法
+ */
+export type HeaderRowClassFunction = HeaderClassNameGetter<DataItem>;
+
+/**
+ * 获取表头行属性方法
+ */
+export type HeaderRowPropsFunction = ExtractHeaderPropGetter<DataItem>;
+
+/**
+ * 列配置
+ */
+export type VirtualColumn = Partial<TableV2Column<DataItem>>;
+
+/**
+ * 表格列配置
+ */
+export type VirtualColumns = VirtualColumn[];
+
+/**
+ * 嵌套数据配置项
+ */
+export interface TreeTableProps {
+  /** 子级字段名 */
+  childrenName: string;
+  /** 懒加载标识是否有子级字段名 */
+  hasChildrenName: string;
+}
+
+/**
+ * 主体列配置
+ */
+export interface BodyColumn {
+  /** 唯一值 */
+  key: string;
+  /** 数据值字段名 */
+  dataKey?: string;
+  /** 指定的宽度 */
+  width?: number;
+  /** 最小宽度 */
+  minWidth: number;
+  /** 是否是最后一个左侧固定列 */
+  isFixedLeftLast?: boolean;
+  /** 是否是第一个右侧固定列 */
+  isFixedRightFirst?: boolean;
+  /** 原始列配置 */
+  originalCol: Column;
+}
+
+/**
+ * 主体行的列配置
+ */
+export type BodyColumns = BodyColumn[];
+
+/**
+ * 表头列配置
+ */
+export interface HeaderColumn {
+  /** 唯一值 */
+  key?: string;
+  /** 所占列数 */
+  colspan?: number;
+  /** 所占行数 */
+  rowspan?: number;
+  /** 是否是最后一个左侧固定列 */
+  isFixedLeftLast?: boolean;
+  /** 是否是第一个右侧固定列 */
+  isFixedRightFirst?: boolean;
+  /** 原始的列配置 */
+  originalCol?: Column;
+}
+
+/**
+ * 表头行的列配置
+ */
+export type HeaderColumns = HeaderColumn[];
+
+/**
+ * 表头行的数据
+ */
+export type HeaderRows = HeaderColumns[];
+
+/**
+ * 数据
+ */
+export interface VirtualRow {
+  /** 行唯一值 */
+  rowId: DataKey;
+  /** 行索引 */
+  rowIndex: number;
+  /** 行原始数据 */
+  rowData: DataItem;
+  /** 行是否禁用 */
+  isDisabled?: boolean;
+  /** 是否是展开行 */
+  isExpandRow?: boolean;
+  /** 子级数据 */
+  children?: VirtualRow[];
+  /** 懒加载时标识是否有子级数据 */
+  hasChildren?: boolean;
+}
+
+/**
+ * 合并单元格
+ */
+export interface CellSpan {
+  /** 所占列数 */
+  colspan?: number;
+  /** 所占行数 */
+  rowspan?: number;
+}
+
+/**
+ * 列尺寸
+ */
+export interface ColSize {
+  /** 列宽 */
+  width: number;
+  /** 左侧固定列位置 */
+  fixedLeft?: string;
+  /** 右侧固定列位置 */
+  fixedRight?: string;
+}
+
+/**
+ * 合计行列
+ */
+export interface SumCol extends ColSize {
+  /** 唯一值 */
+  key: string;
+  /** 显示文本 */
+  text?: string | VNode;
+  /** 对齐方式 */
+  align?: string;
+  /** 固定列 */
+  fixed?: string | boolean;
+  /** 是否是最后一个左侧固定列 */
+  isFixedLeftLast?: boolean;
+  /** 是否是第一个右侧固定列 */
+  isFixedRightFirst?: boolean;
+}
+
+/**
+ * 表头列筛选改变事件参数
+ */
+export interface CellFilterChangeParams {
+  /** 列配置 */
+  column: Column;
+  /** 筛选值 */
+  value: FilterValue;
+}
+
+/**
+ * 表格状态数据
+ */
+export interface TableState {
+  /** 单选选中数据 */
+  row?: DataItem;
+  /** 单选上次选中数据 */
+  oldRow?: DataItem;
+  /** 多选选中数据 */
+  checked: Map<DataKey, DataItem>;
+  /** 多选选中是否保留不存在的数据 */
+  reserveChecked: boolean;
+  /** 表格垂直滚动位置 */
+  scrollTop: number;
+}
+
+/**
+ * 单元格获取自定义配置的参数
+ */
+export interface CellParams {
+  /** 列配置 */
+  column?: Column;
+  /** 列索引 */
+  columnIndex: number;
+  /** 行数据 */
+  row: DataItem;
+  /** 行索引 */
+  rowIndex: number;
+}
+
+/**
+ * 自定义渲染组件属性
+ */
+export interface CustomRenderProps {
+  /** 自定义渲染方法 */
+  render?: (...params: any) => string | VNode | VNode[] | number | undefined;
+  /** 自定义渲染参数 */
+  params?: Array<any>;
+}

package/es/ele-watermark/props.d.ts

@@ -0,0 +1,41 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { WatermarkGap, WatermarkOffset, WatermarkFont } from './types';
+
+export declare const watermarkProps: {
+    /** 宽度 */
+    width: NumberConstructor;
+    /** 高度 */
+    height: NumberConstructor;
+    /** 旋转角度 */
+    rotate: NumberConstructor;
+    /** 层级 */
+    zIndex: NumberConstructor;
+    /** 图片源 */
+    image: StringConstructor;
+    /** 文字内容 */
+    content: PropType<string | string[]>;
+    /** 文字样式 */
+    font: PropType<WatermarkFont>;
+    /** 间距 */
+    gap: PropType<WatermarkGap>;
+    /** 距离左上角的偏移量 */
+    offset: PropType<WatermarkOffset>;
+    /** 多行水印的行间距 */
+    lineGap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 自定义样式 */
+    customStyle: PropType<Exclude<StyleValue, string>>;
+    /** 是否使用固定定位 */
+    fixed: BooleanConstructor;
+    /** 是否为外层添加定位样式 */
+    wrapPosition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否禁用 */
+    disabled: BooleanConstructor;
+};
+export type WatermarkProps = ExtractPropTypes<typeof watermarkProps>;

package/es/ele-watermark/props.js

@@ -0,0 +1,39 @@
+const watermarkProps = {
+  /** 宽度 */
+  width: Number,
+  /** 高度 */
+  height: Number,
+  /** 旋转角度 */
+  rotate: Number,
+  /** 层级 */
+  zIndex: Number,
+  /** 图片源 */
+  image: String,
+  /** 文字内容 */
+  content: [String, Array],
+  /** 文字样式 */
+  font: Object,
+  /** 间距 */
+  gap: Array,
+  /** 距离左上角的偏移量 */
+  offset: Array,
+  /** 多行水印的行间距 */
+  lineGap: {
+    type: Number,
+    default: 3
+  },
+  /** 自定义样式 */
+  customStyle: Object,
+  /** 是否使用固定定位 */
+  fixed: Boolean,
+  /** 是否为外层添加定位样式 */
+  wrapPosition: {
+    type: Boolean,
+    default: true
+  },
+  /** 是否禁用 */
+  disabled: Boolean
+};
+export {
+  watermarkProps
+};

package/es/ele-watermark/style/index.js

@@ -0,0 +1 @@
+

package/es/ele-watermark/util.d.ts

@@ -0,0 +1,31 @@
+import { StyleValue } from '../ele-app/types';
+import { WatermarkGap, WatermarkFont, MutationOption } from './types';
+
+/**
+ * 获取文字样式
+ */
+export declare function getFont(font?: WatermarkFont): Required<WatermarkFont>;
+/**
+ * 获取间距
+ */
+export declare function getGap(gap?: WatermarkGap): number[];
+/**
+ * 返回设备像素密度
+ */
+export declare function getPixelRatio(): number;
+/**
+ * 旋转水印
+ */
+export declare function rotateWatermark(ctx: CanvasRenderingContext2D, rotateX: number, rotateY: number, rotate: number): void;
+/**
+ * 样式对象转字符串
+ * @param style 样式
+ */
+export declare function joinStyle(style: StyleValue): string;
+/**
+ * 水印篡改观测
+ */
+export declare function useMutation(option: MutationOption): {
+    observe: () => void;
+    disconnect: () => void;
+};