ele-admin-plus 1.2.1-beta.1 → 1.2.1-beta.3

package/es/ele-pro-table/util.js

@@ -16,21 +16,13 @@ function mergeProps(props, globalProps) {
   }
   return { ...globalProps, ...props };
 }
-function getTablePage(pagination, globalPagination) {
-  const props = getPaginationProps(void 0, pagination, globalPagination);
-  return (props == null ? void 0 : props.currentPage) ?? 1;
-}
-function getTableLimit(pagination, globalPagination) {
-  const props = getPaginationProps(void 0, pagination, globalPagination);
-  return (props == null ? void 0 : props.pageSize) ?? 10;
-}
 function getPaginationProps(size, pagination, globalPagination, pageProps) {
   const props = mergeProps(pagination, globalPagination);
   if (props == null || props === false) {
     return null;
   }
   const defaultProps = {
-    small: size !== "large",
+    size: size !== "large" ? "small" : "default",
     pagerCount: 5,
     layout: "total, prev, pager, next, sizes, jumper",
     pageSizes: [10, 20, 30, 40, 50, 100],
@@ -41,6 +33,14 @@ function getPaginationProps(size, pagination, globalPagination, pageProps) {
   }
   return Object.assign(defaultProps, omit(props, ["autoAmend"]), pageProps);
 }
+function getTablePage(pagination, globalPagination) {
+  const props = getPaginationProps(void 0, pagination, globalPagination);
+  return (props == null ? void 0 : props.currentPage) ?? 1;
+}
+function getTableLimit(pagination, globalPagination) {
+  const props = getPaginationProps(void 0, pagination, globalPagination);
+  return (props == null ? void 0 : props.pageSize) ?? 10;
+}
 function isAutoAmend(pagination, globalPagination) {
   const props = mergeProps(pagination, globalPagination);
   if (!props) {
@@ -180,21 +180,6 @@ function getResponseData(data, lazy, treeProps) {
     return temp;
   });
 }
-function reloadData(datasource, sorter, page, limit) {
-  const data = sortData(datasource, sorter);
-  const total = data.length;
-  if (!page || !limit) {
-    return { page: 1, data, total };
-  }
-  const maxPage = Math.ceil(total / limit);
-  if (maxPage && page > maxPage) {
-    page = maxPage;
-  }
-  const start = (page - 1) * limit;
-  const end = start + limit;
-  const list = data.slice(start, end > total ? total : end);
-  return { page, data: list, total };
-}
 function sortData(datasource, sorter) {
   if (!datasource || !datasource.length) {
     return [];
@@ -217,63 +202,94 @@ function sortData(datasource, sorter) {
   });
   return data;
 }
+function reloadData(datasource, sorter, page, limit) {
+  const data = sortData(datasource, sorter);
+  const total = data.length;
+  if (!page || !limit) {
+    return { page: 1, data, total };
+  }
+  const maxPage = Math.ceil(total / limit);
+  if (maxPage && page > maxPage) {
+    page = maxPage;
+  }
+  const start = (page - 1) * limit;
+  const end = start + limit;
+  const list = data.slice(start, end > total ? total : end);
+  return { page, data: list, total };
+}
 function getColId(column) {
   if (column.columnKey == null || column.columnKey === "") {
     return column.prop;
   }
   return column.columnKey;
 }
-function getInitColumns(columns) {
+function getInitColumns(columns, cacheColsWidth) {
   const data = [];
   columns.forEach((d) => {
     var _a;
     if (!d.hideInTable) {
+      const width = getCacheColWidth(cacheColsWidth, d) ?? d.width;
       if ((_a = d.children) == null ? void 0 : _a.length) {
         const children = getInitColumns(d.children);
         if (children.length) {
-          data.push({ ...d, children });
+          data.push({ ...d, width, children });
         }
       } else {
-        data.push({ ...d });
+        data.push({ ...d, width });
       }
     }
   });
   return data;
 }
 function getInitCacheColumns(columns, cacheKey, sortable) {
-  const cache = getCacheCols(cacheKey);
-  if (!cache) {
-    return getInitColumns(columns);
-  }
-  return getCheckedColumns(columns, cache, sortable);
+  const cacheCols = getCacheCols(getColsCacheKey(cacheKey));
+  if (!cacheCols) {
+    return getInitColumns(columns, getCacheColsWidth(cacheKey));
+  }
+  return getCheckedColumns(
+    columns,
+    cacheCols,
+    sortable,
+    (item) => item.hideInSetting,
+    void 0,
+    false,
+    getCacheColsWidth(cacheKey)
+  );
 }
-function getCheckedColumns(columns, cols, sortable, filter) {
+function getCheckedColumns(columns, cols, sortable, isHideInCol, filter, reserveUnchecked, cacheColsWidth) {
   const data = [];
   if (!columns || !columns.length) {
     return data;
   }
   columns.forEach((d) => {
     const colId = getColId(d);
-    if (colId == null) {
-      return;
-    }
     if (filter && !filter(d)) {
       return;
     }
-    const temp = findTree(cols, (t) => t.uid === colId);
-    if (temp && !temp.checked) {
+    const temp = colId == null ? null : findTree(cols, (t) => t.uid === colId);
+    const hideInTable = temp ? !temp.checked : d.hideInTable;
+    if (!reserveUnchecked && hideInTable) {
       return;
     }
+    const width = getCacheColWidth(cacheColsWidth, d) ?? d.width;
     const fixed = (temp == null ? void 0 : temp.fixed) ?? d.fixed;
     const uid = uuid(8);
     if (d.children && d.children.length) {
-      const children = getCheckedColumns(d.children, cols, sortable, filter);
+      const children = getCheckedColumns(
+        d.children,
+        cols,
+        sortable,
+        isHideInCol,
+        filter,
+        reserveUnchecked,
+        cacheColsWidth
+      );
       if (children.length) {
-        data.push({ ...d, fixed, uid, children });
+        data.push({ ...d, width, fixed, hideInTable, children, uid });
       }
       return;
     }
-    data.push({ ...d, fixed, uid });
+    data.push({ ...d, width, fixed, hideInTable, uid });
   });
   if (!sortable || !data.length) {
     return data;
@@ -293,7 +309,7 @@ function getCheckedColumns(columns, cols, sortable, filter) {
       }
       i++;
     });
-    if (ai == null && a.hideInSetting && a.fixed === "right") {
+    if (ai == null && (isHideInCol == null ? void 0 : isHideInCol(a)) && a.fixed === "right") {
       ai = i;
     }
     if (ai == null) {
@@ -301,10 +317,10 @@ function getCheckedColumns(columns, cols, sortable, filter) {
     }
     if (a.fixed === true || a.fixed === "left") {
       ai -= i;
-    } else if (a.fixed === "right" || a.hideInSetting && !a.fixed) {
+    } else if (a.fixed === "right" || (isHideInCol == null ? void 0 : isHideInCol(a)) && !a.fixed) {
       ai += i;
     }
-    if (bi == null && b.hideInSetting && b.fixed === "right") {
+    if (bi == null && (isHideInCol == null ? void 0 : isHideInCol(b)) && b.fixed === "right") {
       bi = i;
     }
     if (bi == null) {
@@ -312,82 +328,101 @@ function getCheckedColumns(columns, cols, sortable, filter) {
     }
     if (b.fixed === true || b.fixed === "left") {
       bi -= i;
-    } else if (b.fixed === "right" || b.hideInSetting && !b.fixed) {
+    } else if (b.fixed === "right" || (isHideInCol == null ? void 0 : isHideInCol(b)) && !b.fixed) {
       bi += i;
     }
     return ai - bi;
   });
   return data;
 }
-function getColItems(columns, untitledText, indexText, expandText, filter, sortFixed, cancelFixed) {
+function getColItems(columns, locale, filter, cacheCols, sortFixed, cancelFixed, cacheColsWidth) {
   const temp = columns == null ? [] : [...columns];
   if (sortFixed) {
-    temp.sort((a, b) => {
-      return getColFixedNumber(a.fixed) - getColFixedNumber(b.fixed);
-    });
+    temp.sort(
+      (a, b) => getColFixedNumber(a.fixed) - getColFixedNumber(b.fixed)
+    );
   }
-  return mapTree(temp, (d, _i, parent) => {
+  const cols = mapTree(temp, (d, _i, parent) => {
     const colId = getColId(d);
     if (colId == null || filter && !filter(d)) {
       return;
     }
-    return {
+    const old = findTree(cacheCols, (t) => t.uid === colId);
+    const item = {
       uid: colId,
-      //prop: d.prop,
-      //columnKey: d.columnKey,
-      label: d.label || (d.type === "index" ? indexText : d.type === "expand" ? expandText : untitledText),
-      checked: !d.hideInTable,
-      fixed: cancelFixed ? false : parent == null ? d.fixed : false,
-      type: d.type
+      type: d.type,
+      label: d.label || (d.type === "index" ? locale.columnIndex : d.type === "expand" ? locale.columnExpand : locale.columnUntitled),
+      checked: (old == null ? void 0 : old.checked) ?? !d.hideInTable,
+      fixed: cancelFixed || parent != null ? false : (old == null ? void 0 : old.fixed) ?? d.fixed,
+      width: getCacheColWidth(cacheColsWidth, d) ?? d.width
     };
+    return item;
   });
-}
-function getSettingCols(columns, untitledText, cacheKey) {
-  const cacheResult = getCacheCols(cacheKey);
-  if (cacheResult) {
-    return cacheResult;
+  if (cacheCols && cacheCols.length) {
+    cols.sort((a, b) => {
+      const oldAI = cacheCols.findIndex((t) => t.uid === a.uid);
+      const oldBI = cacheCols.findIndex((t) => t.uid === b.uid);
+      const ai = oldAI === -1 ? cols.indexOf(a) : oldAI;
+      const bi = oldBI === -1 ? cols.indexOf(b) : oldBI;
+      return ai - bi;
+    });
+    eachTree(cols, (item) => {
+      var _a;
+      if (item.children && item.children.length) {
+        const oldC = (_a = findTree(cacheCols, (t) => t.uid === item.uid)) == null ? void 0 : _a.children;
+        if (oldC && oldC.length) {
+          item.children.sort((a, b) => {
+            const oldAI = oldC.findIndex((t) => t.uid === a.uid);
+            const oldBI = oldC.findIndex((t) => t.uid === b.uid);
+            const ai = oldAI === -1 ? cols.indexOf(a) : oldAI;
+            const bi = oldBI === -1 ? cols.indexOf(b) : oldBI;
+            return ai - bi;
+          });
+        }
+      }
+    });
   }
-  const excludes = ["selection", "index", "expand"];
-  return mapTree(columns, (d) => {
-    const colId = getColId(d);
-    if (colId && !d.hideInSetting && !(d.type && excludes.includes(d.type))) {
-      return {
-        uid: colId,
-        prop: d.prop,
-        columnKey: d.columnKey,
-        label: d.label || untitledText,
-        checked: !d.hideInTable,
-        fixed: d.fixed
-      };
+  let checkAll = true;
+  let indeterminate = false;
+  eachTree(cols, (d) => {
+    if (!d.checked && checkAll) {
+      checkAll = false;
+    }
+    if (d.checked && !indeterminate) {
+      indeterminate = true;
+    }
+    if (!checkAll && indeterminate) {
+      return false;
     }
   });
+  return {
+    cols,
+    checkAll: cols.length > 0 && checkAll,
+    indeterminate: !checkAll && indeterminate
+  };
+}
+function getSizeCacheKey(cacheKey) {
+  return `${cacheKey}Size`;
+}
+function getColsCacheKey(cacheKey) {
+  return cacheKey ? `${cacheKey}Cols` : void 0;
+}
+function getColsWidthCacheKey(cacheKey) {
+  return `${cacheKey}ColsWidth`;
 }
 function getCacheCols(cacheKey) {
   if (cacheKey) {
-    const temp = localStorage.getItem(getColsCacheKey(cacheKey));
-    if (temp) {
+    const oldJSON = localStorage.getItem(cacheKey);
+    if (oldJSON) {
       try {
-        const data = JSON.parse(temp);
-        if (data && Array.isArray(data)) {
-          data.forEach((d) => {
-            if (d.uid == null && d.id != null) {
-              d.uid = d.id;
-            }
-          });
-          return data;
-        }
+        const old = JSON.parse(oldJSON);
+        return old && Array.isArray(old) ? old : void 0;
       } catch (e) {
         console.error(e);
       }
     }
   }
 }
-function getColsCacheKey(cacheKey) {
-  return `${cacheKey}Cols`;
-}
-function getSizeCacheKey(cacheKey) {
-  return `${cacheKey}Size`;
-}
 function getCacheSize(cacheKey) {
   if (cacheKey) {
     const size = localStorage.getItem(getSizeCacheKey(cacheKey));
@@ -396,6 +431,52 @@ function getCacheSize(cacheKey) {
     }
   }
 }
+function getCacheColsWidth(cacheKey) {
+  if (cacheKey) {
+    const oldJSON = localStorage.getItem(getColsWidthCacheKey(cacheKey));
+    if (oldJSON) {
+      try {
+        const old = JSON.parse(oldJSON);
+        return old && Array.isArray(old) ? old : void 0;
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  }
+}
+function getCacheColWidth(cacheColsWidth, column) {
+  if (cacheColsWidth == null || column == null) {
+    return;
+  }
+  const colId = getColId(column);
+  const c = findTree(cacheColsWidth, (d) => d.uid === colId);
+  if (!c || c.width == null) {
+    return;
+  }
+  if (c.width === "" || typeof c.width === "string" && !c.width.trim()) {
+    return "";
+  }
+  const width = Number(c.width);
+  return isNaN(width) ? c.width : width;
+}
+function cacheColWidth(width, column, cacheKey) {
+  if (cacheKey && column) {
+    const colId = getColId(column);
+    if (colId) {
+      const colsWidth = getCacheColsWidth(cacheKey) || [];
+      const old = colsWidth.find((d) => d.uid === colId);
+      if (!old) {
+        colsWidth.push({ uid: colId, width });
+      } else {
+        old.width = width;
+      }
+      localStorage.setItem(
+        getColsWidthCacheKey(cacheKey),
+        JSON.stringify(colsWidth)
+      );
+    }
+  }
+}
 function getRowKey(rowKey) {
   if (rowKey != null) {
     return rowKey;
@@ -411,7 +492,7 @@ function getCellText(column, row, index, pageIndex) {
   if (column.type === "index") {
     return getIndexValue(index, column.index, pageIndex);
   }
-  const propValue = getValue(row, column.prop);
+  const propValue = column.prop == null ? void 0 : getValue(row, column.prop);
   if (typeof column.formatter === "function") {
     return column.formatter(row, column, propValue, index);
   }
@@ -600,7 +681,8 @@ function exportCSV(fileName, headerData, bodyData, footerData) {
   const csvRows = [];
   [...headerData, ...bodyData, ...footerData].forEach((item) => {
     const cells = item.map((d) => {
-      const text = (d.text ?? "").replace(/,/g, "，").replace(/\n/g, "    ");
+      const str = d.text ?? "";
+      const text = typeof str === "string" ? str.replace(/,/g, "，").replace(/\n/g, "    ") : str;
       if (!d.isTreeCell || !d.indent) {
         return text;
       }
@@ -630,17 +712,28 @@ function columnsPrintFilter(item) {
   }
   return !item.type || !["selection"].includes(item.type);
 }
+function columnsSettingFilter(item) {
+  if (item.hideInSetting) {
+    return false;
+  }
+  return !item.type || !["selection", "index", "expand"].includes(item.type);
+}
 export {
+  cacheColWidth,
   columnsExportFilter,
   columnsPrintFilter,
+  columnsSettingFilter,
   exportCSV,
+  getCacheColWidth,
   getCacheCols,
+  getCacheColsWidth,
   getCacheSize,
   getCellText,
   getCheckedColumns,
   getColId,
   getColItems,
   getColsCacheKey,
+  getColsWidthCacheKey,
   getDefaultFilter,
   getExportBodyNode,
   getExportData,
@@ -657,7 +750,6 @@ export {
   getResponseName,
   getResponseResult,
   getRowKey,
-  getSettingCols,
   getSizeCacheKey,
   getTableLimit,
   getTablePage,

package/es/ele-qr-code/components/canvas-render.d.ts

@@ -0,0 +1,67 @@
+declare const _default: import('vue').DefineComponent<{
+    value: StringConstructor;
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    level: {
+        type: import('vue').PropType<import('../types').Level>;
+        default: string;
+    };
+    bgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    fgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    margin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    imageSettings: import('vue').PropType<import('../types').ImageSettings>;
+    customStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('../types').QrCodeTag>;
+}, {
+    imgData: import('vue').Ref<string>;
+    canvasRef: import('vue').Ref<HTMLCanvasElement | null>;
+    imageRef: import('vue').Ref<HTMLImageElement | null>;
+    render: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    done: () => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: StringConstructor;
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    level: {
+        type: import('vue').PropType<import('../types').Level>;
+        default: string;
+    };
+    bgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    fgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    margin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    imageSettings: import('vue').PropType<import('../types').ImageSettings>;
+    customStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('../types').QrCodeTag>;
+}>> & {
+    onDone?: (() => any) | undefined;
+}, {
+    margin: number;
+    size: number;
+    level: import('../types').Level;
+    bgColor: string;
+    fgColor: string;
+}, {}>;
+export default _default;

package/es/ele-qr-code/components/canvas-render.js

@@ -0,0 +1,147 @@
+import { defineComponent, ref, watch, onMounted, openBlock, createElementBlock, normalizeStyle, createCommentVNode, createElementVNode } from "vue";
+import qrcodegen from "../qrcodegen";
+import { qrCodeProps, qrCodeEmits } from "../props";
+import { ERROR_LEVEL_MAP, getImageSettings, excavateModules, SUPPORTS_PATH2D, generatePath } from "../util";
+const _sfc_main = defineComponent({
+  name: "CanvasRender",
+  props: qrCodeProps,
+  emits: qrCodeEmits,
+  setup(props, { emit }) {
+    const imgData = ref("");
+    const canvasRef = ref(null);
+    const imageRef = ref(null);
+    const render = () => {
+      const { value, size, level, bgColor, fgColor, margin, imageSettings } = props;
+      const canvas = canvasRef.value;
+      if (!canvas) {
+        return;
+      }
+      const ctx = canvas.getContext("2d");
+      if (!ctx) {
+        return;
+      }
+      if (!value) {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        return;
+      }
+      let cells = qrcodegen.QrCode.encodeText(
+        value,
+        ERROR_LEVEL_MAP[level]
+      ).getModules();
+      const numCells = cells.length + margin * 2;
+      const calculatedImageSettings = getImageSettings(
+        imageSettings,
+        size,
+        margin,
+        cells
+      );
+      const image = imageRef.value;
+      const haveImageToRender = calculatedImageSettings != null && image != null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
+      if (haveImageToRender && calculatedImageSettings.excavation != null) {
+        cells = excavateModules(cells, calculatedImageSettings.excavation);
+      }
+      const pixelRatio = window.devicePixelRatio || 1;
+      canvas.height = canvas.width = size * pixelRatio;
+      const scale = size / numCells * pixelRatio;
+      ctx.scale(scale, scale);
+      ctx.fillStyle = bgColor;
+      ctx.fillRect(0, 0, numCells, numCells);
+      ctx.fillStyle = fgColor;
+      if (SUPPORTS_PATH2D) {
+        ctx.fill(new Path2D(generatePath(cells, margin)));
+      } else {
+        cells.forEach(function(row, rdx) {
+          row.forEach(function(cell, cdx) {
+            if (cell) {
+              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
+            }
+          });
+        });
+      }
+      if (haveImageToRender) {
+        ctx.drawImage(
+          image,
+          calculatedImageSettings.x + margin,
+          calculatedImageSettings.y + margin,
+          calculatedImageSettings.w,
+          calculatedImageSettings.h
+        );
+      }
+      if (props.tag === "img") {
+        imgData.value = canvas.toDataURL();
+      }
+      emit("done");
+    };
+    watch(
+      [
+        () => props.value,
+        () => props.size,
+        () => props.level,
+        () => props.margin,
+        () => props.bgColor,
+        () => props.fgColor,
+        () => props.tag
+      ],
+      () => {
+        render();
+      }
+    );
+    watch(
+      () => props.imageSettings,
+      () => {
+        render();
+      },
+      { deep: true }
+    );
+    onMounted(() => {
+      render();
+    });
+    return { imgData, canvasRef, imageRef, render };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  class: "ele-qr-code",
+  style: { display: "inline-flex" }
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["src"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.tag === "img" ? (openBlock(), createElementBlock("img", {
+      key: 0,
+      src: _ctx.imgData,
+      style: normalizeStyle([{ width: _ctx.size + "px", height: _ctx.size + "px" }, _ctx.customStyle || {}])
+    }, null, 12, _hoisted_2)) : createCommentVNode("", true),
+    createElementVNode("canvas", {
+      ref: "canvasRef",
+      style: normalizeStyle([
+        {
+          width: _ctx.size + "px",
+          height: _ctx.size + "px",
+          display: _ctx.tag === "img" ? "none" : void 0
+        },
+        _ctx.customStyle || {}
+      ])
+    }, null, 4),
+    _ctx.imageSettings && _ctx.imageSettings.src ? (openBlock(), createElementBlock("img", {
+      key: 1,
+      ref: "imageRef",
+      src: _ctx.imageSettings.src,
+      crossorigin: "anonymous",
+      referrerpolicy: "no-referrer",
+      style: { display: "none" },
+      onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.render && _ctx.render(...args))
+    }, null, 40, _hoisted_3)) : createCommentVNode("", true)
+  ]);
+}
+const canvasRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  canvasRender as default
+};

package/es/ele-qr-code/index.d.ts

@@ -1,5 +1,3 @@
-import { StyleValues } from '../ele-app/types';
-
 declare const _default: import('vue').DefineComponent<{
     value: StringConstructor;
     size: {
@@ -23,13 +21,10 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
     imageSettings: import('vue').PropType<import('./types').ImageSettings>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('./types').QrCodeTag>;
 }, {
-    canvasRef: import('vue').Ref<HTMLCanvasElement | null>;
-    imageRef: import('vue').Ref<HTMLImageElement | null>;
-    imageSrc: import('vue').ComputedRef<string | undefined>;
-    canvasStyle: import('vue').ComputedRef<StyleValues>;
-    render: () => void;
+    handleDone: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     done: () => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -55,7 +50,8 @@ declare const _default: import('vue').DefineComponent<{
         default: number;
     };
     imageSettings: import('vue').PropType<import('./types').ImageSettings>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('./types').QrCodeTag>;
 }>> & {
     onDone?: (() => any) | undefined;
 }, {