ele-admin-plus 1.2.1-beta.2 → 1.2.1-beta.4

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

@@ -22,7 +22,7 @@ function getPaginationProps(size, pagination, globalPagination, pageProps) {
     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],
@@ -223,36 +223,40 @@ function getColId(column) {
   }
   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 cacheCols = getCacheCols(cacheKey);
+  const cacheCols = getCacheCols(getColsCacheKey(cacheKey));
   if (!cacheCols) {
-    return getInitColumns(columns);
+    return getInitColumns(columns, getCacheColsWidth(cacheKey));
   }
   return getCheckedColumns(
     columns,
     cacheCols,
     sortable,
-    (item) => item.hideInSetting
+    (item) => item.hideInSetting,
+    void 0,
+    false,
+    getCacheColsWidth(cacheKey)
   );
 }
-function getCheckedColumns(columns, cols, sortable, isHideInCol, filter, reserveUnchecked) {
+function getCheckedColumns(columns, cols, sortable, isHideInCol, filter, reserveUnchecked, cacheColsWidth) {
   const data = [];
   if (!columns || !columns.length) {
     return data;
@@ -263,10 +267,11 @@ function getCheckedColumns(columns, cols, sortable, isHideInCol, filter, reserve
       return;
     }
     const temp = colId == null ? null : findTree(cols, (t) => t.uid === colId);
-    const isUnchecked = temp ? !temp.checked : d.hideInTable;
-    if (!reserveUnchecked && isUnchecked) {
+    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) {
@@ -276,14 +281,15 @@ function getCheckedColumns(columns, cols, sortable, isHideInCol, filter, reserve
         sortable,
         isHideInCol,
         filter,
-        reserveUnchecked
+        reserveUnchecked,
+        cacheColsWidth
       );
       if (children.length) {
-        data.push({ ...d, fixed, hideInTable: isUnchecked, children, uid });
+        data.push({ ...d, width, fixed, hideInTable, children, uid });
       }
       return;
     }
-    data.push({ ...d, fixed, hideInTable: isUnchecked, uid });
+    data.push({ ...d, width, fixed, hideInTable, uid });
   });
   if (!sortable || !data.length) {
     return data;
@@ -303,7 +309,7 @@ function getCheckedColumns(columns, cols, sortable, isHideInCol, filter, reserve
       }
       i++;
     });
-    if (ai == null && isHideInCol(a) && a.fixed === "right") {
+    if (ai == null && (isHideInCol == null ? void 0 : isHideInCol(a)) && a.fixed === "right") {
       ai = i;
     }
     if (ai == null) {
@@ -311,10 +317,10 @@ function getCheckedColumns(columns, cols, sortable, isHideInCol, filter, reserve
     }
     if (a.fixed === true || a.fixed === "left") {
       ai -= i;
-    } else if (a.fixed === "right" || isHideInCol(a) && !a.fixed) {
+    } else if (a.fixed === "right" || (isHideInCol == null ? void 0 : isHideInCol(a)) && !a.fixed) {
       ai += i;
     }
-    if (bi == null && isHideInCol(b) && b.fixed === "right") {
+    if (bi == null && (isHideInCol == null ? void 0 : isHideInCol(b)) && b.fixed === "right") {
       bi = i;
     }
     if (bi == null) {
@@ -322,14 +328,14 @@ function getCheckedColumns(columns, cols, sortable, isHideInCol, filter, reserve
     }
     if (b.fixed === true || b.fixed === "left") {
       bi -= i;
-    } else if (b.fixed === "right" || isHideInCol(b) && !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, locale, filter, cacheCols, sortFixed, cancelFixed) {
+function getColItems(columns, locale, filter, cacheCols, sortFixed, cancelFixed, cacheColsWidth) {
   const temp = columns == null ? [] : [...columns];
   if (sortFixed) {
     temp.sort(
@@ -347,7 +353,8 @@ function getColItems(columns, locale, filter, cacheCols, sortFixed, cancelFixed)
       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
+      fixed: cancelFixed || parent != null ? false : (old == null ? void 0 : old.fixed) ?? d.fixed,
+      width: getCacheColWidth(cacheColsWidth, d) ?? d.width
     };
     return item;
   });
@@ -394,9 +401,18 @@ function getColItems(columns, locale, filter, cacheCols, sortFixed, cancelFixed)
     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 oldJSON = localStorage.getItem(getColsCacheKey(cacheKey));
+    const oldJSON = localStorage.getItem(cacheKey);
     if (oldJSON) {
       try {
         const old = JSON.parse(oldJSON);
@@ -407,12 +423,6 @@ function getCacheCols(cacheKey) {
     }
   }
 }
-function getColsCacheKey(cacheKey) {
-  return `${cacheKey}Cols`;
-}
-function getSizeCacheKey(cacheKey) {
-  return `${cacheKey}Size`;
-}
 function getCacheSize(cacheKey) {
   if (cacheKey) {
     const size = localStorage.getItem(getSizeCacheKey(cacheKey));
@@ -421,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;
@@ -436,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);
   }
@@ -625,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;
       }
@@ -662,17 +719,21 @@ function columnsSettingFilter(item) {
   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,

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;
 }, {

package/es/ele-qr-code/index.js

@@ -1,128 +1,17 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, createCommentVNode } from "vue";
-import qrcodegen from "./qrcodegen";
+import { defineComponent, resolveComponent, openBlock, createBlock } from "vue";
+import EleQrCodeSvg from "../ele-qr-code-svg/index";
+import CanvasRender from "./components/canvas-render";
 import { qrCodeProps, qrCodeEmits } from "./props";
-import { ERROR_LEVEL_MAP, getImageSettings, excavateModules, SUPPORTS_PATH2D, generatePath } from "./util";
 const _sfc_main = defineComponent({
   name: "EleQrCode",
+  components: { EleQrCodeSvg, CanvasRender },
   props: qrCodeProps,
   emits: qrCodeEmits,
-  setup(props, { emit }) {
-    const canvasRef = ref(null);
-    const imageRef = ref(null);
-    const imageSrc = computed(
-      () => {
-        var _a;
-        return (_a = props.imageSettings) == null ? void 0 : _a.src;
-      }
-    );
-    const canvasStyle = computed(() => {
-      const styles = [
-        {
-          height: `${props.size}px`,
-          width: `${props.size}px`
-        }
-      ];
-      if (props.customStyle != null) {
-        styles.push(props.customStyle);
-      }
-      return styles;
-    });
-    const render = () => {
-      const { value, size, level, bgColor, fgColor, margin, imageSettings } = props;
-      if (canvasRef.value == null) {
-        return;
-      }
-      const canvas = canvasRef.value;
-      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
-        );
-      }
+  setup(_props, { emit }) {
+    const handleDone = () => {
       emit("done");
     };
-    watch(
-      [
-        () => props.value,
-        () => props.level,
-        () => props.bgColor,
-        () => props.fgColor,
-        () => props.margin
-      ],
-      () => {
-        render();
-      }
-    );
-    watch(
-      () => props.size,
-      () => {
-        nextTick(() => {
-          render();
-        });
-      }
-    );
-    watch(
-      () => props.imageSettings,
-      () => {
-        render();
-      },
-      { deep: true }
-    );
-    onMounted(() => {
-      render();
-    });
-    return {
-      canvasRef,
-      imageRef,
-      imageSrc,
-      canvasStyle,
-      render
-    };
+    return { handleDone };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -132,25 +21,33 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-qr-code" };
-const _hoisted_2 = ["height", "width"];
-const _hoisted_3 = ["src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1, [
-    createElementVNode("canvas", {
-      ref: "canvasRef",
-      height: _ctx.size,
-      width: _ctx.size,
-      style: normalizeStyle(_ctx.canvasStyle)
-    }, null, 12, _hoisted_2),
-    _ctx.imageSrc ? (openBlock(), createElementBlock("img", {
-      key: 0,
-      ref: "imageRef",
-      src: _ctx.imageSrc,
-      style: { display: "none" },
-      onLoad: _cache[0] || (_cache[0] = (...args) => _ctx.render && _ctx.render(...args))
-    }, null, 40, _hoisted_3)) : createCommentVNode("", true)
-  ]);
+  const _component_EleQrCodeSvg = resolveComponent("EleQrCodeSvg");
+  const _component_CanvasRender = resolveComponent("CanvasRender");
+  return _ctx.tag === "svg" ? (openBlock(), createBlock(_component_EleQrCodeSvg, {
+    key: 0,
+    value: _ctx.value,
+    size: _ctx.size,
+    level: _ctx.level,
+    bgColor: _ctx.bgColor,
+    fgColor: _ctx.fgColor,
+    margin: _ctx.margin,
+    imageSettings: _ctx.imageSettings,
+    customStyle: _ctx.customStyle,
+    onDone: _ctx.handleDone
+  }, null, 8, ["value", "size", "level", "bgColor", "fgColor", "margin", "imageSettings", "customStyle", "onDone"])) : (openBlock(), createBlock(_component_CanvasRender, {
+    key: 1,
+    value: _ctx.value,
+    size: _ctx.size,
+    level: _ctx.level,
+    bgColor: _ctx.bgColor,
+    fgColor: _ctx.fgColor,
+    margin: _ctx.margin,
+    imageSettings: _ctx.imageSettings,
+    customStyle: _ctx.customStyle,
+    tag: _ctx.tag,
+    onDone: _ctx.handleDone
+  }, null, 8, ["value", "size", "level", "bgColor", "fgColor", "margin", "imageSettings", "customStyle", "tag", "onDone"]));
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {