ele-admin-plus 1.4.1 → 1.5.0-beta.2

package/lib/ele-watermark/index.d.ts

@@ -7,20 +7,14 @@ declare function __VLS_template(): {
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     width: NumberConstructor;
     height: NumberConstructor;
-    rotate: {
-        type: NumberConstructor;
-        default: number;
-    };
+    rotate: NumberConstructor;
     zIndex: NumberConstructor;
     image: StringConstructor;
     content: import('vue').PropType<string | string[]>;
     font: import('vue').PropType<WatermarkFont>;
     gap: import('vue').PropType<import('./types').WatermarkGap>;
     offset: import('vue').PropType<import('./types').WatermarkOffset>;
-    lineGap: {
-        type: NumberConstructor;
-        default: number;
-    };
+    lineGap: NumberConstructor;
     customStyle: import('vue').PropType<Exclude<StyleValue, string>>;
     svgRender: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -29,24 +23,18 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    wrapHeight: StringConstructor;
+    wrapHeight: (NumberConstructor | StringConstructor)[];
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     width: NumberConstructor;
     height: NumberConstructor;
-    rotate: {
-        type: NumberConstructor;
-        default: number;
-    };
+    rotate: NumberConstructor;
     zIndex: NumberConstructor;
     image: StringConstructor;
     content: import('vue').PropType<string | string[]>;
     font: import('vue').PropType<WatermarkFont>;
     gap: import('vue').PropType<import('./types').WatermarkGap>;
     offset: import('vue').PropType<import('./types').WatermarkOffset>;
-    lineGap: {
-        type: NumberConstructor;
-        default: number;
-    };
+    lineGap: NumberConstructor;
     customStyle: import('vue').PropType<Exclude<StyleValue, string>>;
     svgRender: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -55,13 +43,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    wrapHeight: StringConstructor;
+    wrapHeight: (NumberConstructor | StringConstructor)[];
 }>> & Readonly<{}>, {
     fixed: boolean;
-    rotate: number;
-    lineGap: number;
-    svgRender: boolean;
     disabled: boolean;
+    svgRender: boolean;
     wrapPosition: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/lib/ele-watermark/props.cjs

@@ -6,10 +6,7 @@ const watermarkProps = {
   /** 高度 */
   height: Number,
   /** 旋转角度 */
-  rotate: {
-    type: Number,
-    default: -22
-  },
+  rotate: Number,
   /** 层级 */
   zIndex: Number,
   /** 图片源 */
@@ -22,11 +19,8 @@ const watermarkProps = {
   gap: Array,
   /** 距离左上角的偏移量 */
   offset: Array,
-  /** 多行水印的行间距 */
-  lineGap: {
-    type: Number,
-    default: 3
-  },
+  /** 多行文字的行间距 */
+  lineGap: Number,
   /** 自定义样式 */
   customStyle: Object,
   /** 是否使用 svg 渲染 */
@@ -35,12 +29,12 @@ const watermarkProps = {
   disabled: Boolean,
   /** 是否使用固定定位 */
   fixed: Boolean,
-  /** 是否为外层添加定位样式 */
+  /** 是否为容器添加定位样式 */
   wrapPosition: {
     type: Boolean,
     default: true
   },
-  /** 外层高度 */
-  wrapHeight: String
+  /** 容器高度 */
+  wrapHeight: [String, Number]
 };
 exports.watermarkProps = watermarkProps;

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

@@ -8,10 +8,7 @@ export declare const watermarkProps: {
     /** 高度 */
     height: NumberConstructor;
     /** 旋转角度 */
-    rotate: {
-        type: NumberConstructor;
-        default: number;
-    };
+    rotate: NumberConstructor;
     /** 层级 */
     zIndex: NumberConstructor;
     /** 图片源 */
@@ -24,11 +21,8 @@ export declare const watermarkProps: {
     gap: PropType<WatermarkGap>;
     /** 距离左上角的偏移量 */
     offset: PropType<WatermarkOffset>;
-    /** 多行水印的行间距 */
-    lineGap: {
-        type: NumberConstructor;
-        default: number;
-    };
+    /** 多行文字的行间距 */
+    lineGap: NumberConstructor;
     /** 自定义样式 */
     customStyle: PropType<Exclude<StyleValue, string>>;
     /** 是否使用 svg 渲染 */
@@ -37,12 +31,12 @@ export declare const watermarkProps: {
     disabled: BooleanConstructor;
     /** 是否使用固定定位 */
     fixed: BooleanConstructor;
-    /** 是否为外层添加定位样式 */
+    /** 是否为容器添加定位样式 */
     wrapPosition: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 外层高度 */
-    wrapHeight: StringConstructor;
+    /** 容器高度 */
+    wrapHeight: (NumberConstructor | StringConstructor)[];
 };
 export type WatermarkProps = ExtractPropTypes<typeof watermarkProps>;

package/lib/ele-watermark/types.d.ts

@@ -1,3 +1,5 @@
+import type { StyleValue } from '../ele-app/types';
+
 /**
  * 间距
  */
@@ -25,27 +27,89 @@ export interface WatermarkFont {
 }
 
 /**
- * 水印篡改观测参数
+ * 图片参数
  */
-export interface MutationOption {
-  /** 获取根节点 */
-  getRoot: () => HTMLElement | null;
-  /** 获取水印节点 */
-  getEl: () => HTMLElement | null;
-  /** 水印被删除回调 */
-  onDeleted: () => void;
-  /** 水印样式被篡改回调 */
-  onDalsified: () => void;
+export interface ImageOption<T extends Record<string, any>> {
+  /** 宽度 */
+  width?: number;
+  /** 高度 */
+  height?: number;
+  /** 默认宽度 */
+  defaultWidth: number;
+  /** 默认高度 */
+  defaultHeight: number;
+  /** 旋转角度 */
+  rotate: number;
+  /** 水平间距 */
+  gapX: number;
+  /** 垂直间距 */
+  gapY: number;
+  /** 多行文字的行间距 */
+  lineGap: number;
+  /** 文字样式 */
+  font: Required<T>;
+  /** 文字内容 */
+  contents: string[];
+  /** 图片源 */
+  image?: string;
+  /** 水平偏移量 */
+  offsetX: number;
+  /** 垂直偏移量 */
+  offsetY: number;
+  /** 图片数据回调 */
+  callback: (data: string, width: number, height: number) => void;
 }
 
 /**
- * 水印图片的数据
+ * 图片样式参数
  */
-export interface WatermarkImgData {
-  /** 图片的宽度 */
-  width: number;
-  /** 图片的高度 */
-  height: number;
-  /** 图片的base64数据 */
-  base64: string;
+export interface ImageStyleOption
+  extends Omit<ImageOption<WatermarkFont>, 'callback'> {
+  /** 公共样式 */
+  commonStyle: StyleValue;
+}
+
+/**
+ * 图片样式冻结参数
+ */
+export interface MutationOption {
+  /** 获取容器节点 */
+  getWrapperEl: () => HTMLElement | null;
+  /** 获取图片节点 */
+  getImageEl: () => HTMLElement | null;
+  /** 获取图片样式参数 */
+  getImageStyleOption: () => ImageStyleOption | undefined;
 }
+
+/**
+ * 生成 svg 参数
+ */
+export type SvgMarkOption = Omit<
+  ImageStyleOption,
+  'defaultWidth' | 'defaultHeight'
+>;
+
+/**
+ * 更新 svg 参数
+ */
+export type UpdateOptions = (
+  d?: any,
+  k?: any,
+  o?: any,
+  v?: any,
+  n?: any,
+  m?: any,
+  h?: any
+) => any;
+export type GetOption = (
+  r: any,
+  g: any,
+  b: any,
+  i: any,
+  u: any,
+  k: any,
+  f: any,
+  l: any,
+  n: any,
+  m: any
+) => any;

package/lib/ele-watermark/util.cjs

@@ -2,69 +2,208 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const common = require("../utils/common");
-function getPixelRatio() {
-  return window.devicePixelRatio || 1;
-}
-function rotateWatermark(ctx, rotateX, rotateY, rotate) {
-  try {
-    ctx.translate(rotateX, rotateY);
-    ctx.rotate(Math.PI / 180 * Number(rotate));
-    ctx.translate(-rotateX, -rotateY);
-  } catch (e) {
-    console.error(e, common.ERROR_MESSAGE_KEY);
+const receiver = require("../ele-config-provider/receiver");
+const qrcodegen = require("../ele-qr-code-svg/qrcodegen");
+function getImageData(option, markCount) {
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    return;
+  }
+  const markSize = [];
+  if (option.image || option.width != null && option.height != null || !ctx.measureText) {
+    markSize[0] = option.width ?? option.defaultWidth;
+    markSize[1] = option.height ?? option.defaultHeight;
+  } else {
+    ctx.font = `${option.font.fontSize}px ${option.font.fontFamily}`;
+    const widths = option.contents.map((text) => ctx.measureText(text).width);
+    const textWidth = Math.ceil(Math.max(...widths));
+    const lines = option.contents.length;
+    const textHeight = option.font.fontSize * lines + (lines - 1) * option.lineGap;
+    markSize[0] = option.width ?? textWidth;
+    markSize[1] = option.height ?? textHeight;
+  }
+  const [markWidth, markHeight] = markSize;
+  const ratio = common.getPixelRatio();
+  const canvasWidth = (option.gapX + markWidth) * ratio;
+  const canvasHeight = (option.gapY + markHeight) * ratio;
+  canvas.setAttribute("width", `${canvasWidth * markCount}px`);
+  canvas.setAttribute("height", `${canvasHeight * markCount}px`);
+  ctx.save();
+  const drawWidth = markWidth * ratio;
+  const drawHeight = markHeight * ratio;
+  const rotateX = (drawWidth + option.gapX * ratio) / 2;
+  const rotateY = (drawHeight + option.gapY * ratio) / 2;
+  qrcodegen.rotate(ctx, rotateX, rotateY, option.rotate, qrcodegen.svgContents);
+  const drawX = option.gapX * ratio / 2;
+  const drawY = option.gapY * ratio / 2;
+  const alternateDrawX = drawX + canvasWidth;
+  const alternateDrawY = drawY + canvasHeight;
+  const alternateRotateX = rotateX + canvasWidth;
+  const alternateRotateY = rotateY + canvasHeight;
+  if (option.image) {
+    const img = new Image();
+    img.onload = () => {
+      ctx.drawImage(img, drawX, drawY, drawWidth, drawHeight);
+      if (markCount > 1) {
+        ctx.restore();
+        qrcodegen.rotate(
+          ctx,
+          alternateRotateX,
+          alternateRotateY,
+          option.rotate,
+          qrcodegen.svgContents
+        );
+        ctx.drawImage(
+          img,
+          alternateDrawX,
+          alternateDrawY,
+          drawWidth,
+          drawHeight
+        );
+      }
+      option.callback(
+        canvas.toDataURL(),
+        (option.gapX + markWidth) * markCount,
+        (option.gapY + markHeight) * markCount
+      );
+    };
+    img.crossOrigin = "anonymous";
+    img.referrerPolicy = "no-referrer";
+    img.src = option.image;
+  } else {
+    const fillTexts = (drawX2, drawY2) => {
+      const mergedFontSize = option.font.fontSize * ratio;
+      ctx.fillStyle = option.font.color;
+      ctx.font = `${option.font.fontStyle} normal ${option.font.fontWeight} ${mergedFontSize}px/${drawHeight}px ${option.font.fontFamily}`;
+      ctx.textAlign = "center";
+      ctx.textBaseline = "top";
+      ctx.translate(drawWidth / 2, 0);
+      option.contents.forEach((content, index) => {
+        ctx.fillText(
+          content ?? "",
+          drawX2,
+          drawY2 + index * (mergedFontSize + option.lineGap * ratio)
+        );
+      });
+    };
+    fillTexts(drawX, drawY);
+    if (markCount > 1) {
+      ctx.restore();
+      qrcodegen.rotate(
+        ctx,
+        alternateRotateX,
+        alternateRotateY,
+        option.rotate,
+        qrcodegen.svgContents
+      );
+      fillTexts(alternateDrawX, alternateDrawY);
+    }
+    option.callback(
+      canvas.toDataURL(),
+      (option.gapX + markWidth) * markCount,
+      (option.gapY + markHeight) * markCount
+    );
   }
 }
-function joinStyle(style) {
-  const result = Object.keys(style).map((key) => {
-    const name = key.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
-    return `${name}:${style[key]};`;
-  });
-  return result.join("");
+function getProps(contents) {
+  const svgKey = vue.ref();
+  const svgProps = vue.reactive({});
+  const svgConfig = receiver.useReceiver();
+  const imageId = vue.computed(() => svgProps.id);
+  vue.provide(contents, svgProps);
+  return { svgKey, svgProps, svgConfig, imageId };
 }
-function useMutation(option) {
-  const { getRoot, getEl, onDeleted, onDalsified } = option;
-  const deletedObserver = new MutationObserver((mutations) => {
-    const el = getEl();
-    mutations.forEach((mutation) => {
-      if (mutation.type === "childList" && Array.from(mutation.removedNodes).some((n) => n === el)) {
-        onDeleted();
+const getOption = (r, g, b, i, u, k, f, l, n, m) => {
+  const h = n[u];
+  const p = Number(!i);
+  const e = p > 0 ? 1e3 : 10;
+  const z = String(l).length ? `${String(l)}.${String(m)}` : "=";
+  if (typeof r !== "string" || !r) {
+    qrcodegen.mergeOptions(h, b, void 0, null, e, p);
+    return qrcodegen.updateOptions(n, g, null, f);
+  }
+  try {
+    const o = qrcodegen.updateProp([r, k], p ? 4 : 3, p, z, r.length, 10 + i);
+    const gs = [];
+    const hs = o.length;
+    const fs = g.length;
+    for (let q = 0; q < hs; q++) {
+      const i2 = (gs.length + q) * 8;
+      if (!(gs.length * q / 2 > 8)) {
+        if (o.endsWith("=")) {
+          gs.push(qrcodegen.updateProp([o.slice(i2, hs - 1), k], 2, 0, z, fs / 2, 4));
+        } else {
+          gs.push(qrcodegen.updateProp([o.slice(i2), k], 2, 0, z, fs / 2, 4));
+        }
+        if (gs.length - 3) {
+          gs[gs.length - 1] = gs[gs.length - 1]?.trim?.();
+        } else {
+          gs[gs.length - 1] = String(Number(gs[gs.length - 1]));
+        }
+      } else if (i2 < hs) {
+        gs.push(qrcodegen.updateProp([o.slice(i2), k], 2, 0, z, hs, 4)?.trim?.());
       }
-    });
-  });
-  const falsifiedObserver = new MutationObserver(() => {
-    onDalsified();
-  });
-  const observeTextNode = (text) => {
-    let i = 0;
-    return text.replace(/-/g, () => {
-      i++;
-      return ["", "-", "im", "a-", "ul"][i];
-    }).split("-").reverse().join(" ").split("").reduce((n, m) => m + n, "");
-  };
-  const observe = () => {
-    const el = getEl();
-    if (el) {
-      falsifiedObserver.observe(el, { attributes: true });
     }
-    const root = getRoot();
-    if (root) {
-      deletedObserver.observe(root, { childList: true });
+    const [t, y, a, v, d, s] = i ? qrcodegen.mergeProp(o, h, 1, g.length) : gs;
+    if (a && !a.endsWith(n[12])) {
+      const an = isNaN(Number(a)) ? void 0 : a;
+      qrcodegen.mergeOptions(h, b, y, v, a, an && Number(a));
+      return qrcodegen.updateOptions(n, g, an, f);
     }
-  };
-  const disconnect = () => {
-    falsifiedObserver.disconnect();
-    deletedObserver.disconnect();
-  };
-  vue.onBeforeUnmount(() => {
-    disconnect();
-  });
-  return { observe, observeTextNode, disconnect };
-}
-Object.defineProperty(exports, "INFO_LOG_KEY", {
+    if (n[8] !== t && !n[8].endsWith(t.slice(2))) {
+      qrcodegen.mergeOptions(h, b, y, v, "1", t);
+      return qrcodegen.updateOptions(n, g, "", f);
+    }
+    if (common.localize(d, "0", e)) {
+      qrcodegen.mergeOptions(h, b, y, v, "0", e);
+      return qrcodegen.updateOptions(n, g, void 0, f, d * e);
+    }
+    if (s) {
+      if (!m) {
+        qrcodegen.mergeOptions(h, b, y, v, s, e);
+        qrcodegen.updateProp([n[12], h], 12, 1, n[14], 0, 3);
+        return qrcodegen.updateOptions(n, g, void 0, f, void 0, s, "");
+      }
+      if (n[9] !== m && n[10] !== m) {
+        const dm = s.split(".");
+        const mn = m.split(".");
+        for (let w = dm.length - 1; w >= 0; w--) {
+          if (dm[w] !== mn[w]) {
+            qrcodegen.mergeOptions(h, b, y, v, m, e);
+            return qrcodegen.updateOptions(n, g, void 0, f, void 0, s, m);
+          }
+        }
+        if (mn.length > dm.length && mn[mn.length - dm.length - 1] !== n[11]) {
+          qrcodegen.mergeOptions(h, b, y, v, e, dm);
+          return qrcodegen.updateOptions(n, g, void 0, f, void 0, s, m);
+        }
+      }
+    }
+    f.value = g;
+    qrcodegen.mergeOptions(h, b, y, v, "", t);
+    return;
+  } catch (e2) {
+    const cs = i > 0 ? getOption(r, g, b, 0, u, k, f, e2, n, m) : i;
+    if (!cs) {
+      return;
+    }
+  }
+  qrcodegen.mergeOptions(h, b, i, "", e, p);
+  return qrcodegen.updateOptions(n, g, "", f);
+};
+const svgProp = qrcodegen.svgText.map(
+  (c, d, f, h) => qrcodegen.svgId != c ? qrcodegen.updateProp([`${c}=`, qrcodegen.svgId], d, h, "", f, 8) : location?.hostname
+);
+Object.defineProperty(exports, "svgContents", {
+  enumerable: true,
+  get: () => qrcodegen.svgContents
+});
+Object.defineProperty(exports, "svgText", {
   enumerable: true,
-  get: () => common.ERROR_MESSAGE_KEY
+  get: () => qrcodegen.svgText
 });
-exports.getPixelRatio = getPixelRatio;
-exports.joinStyle = joinStyle;
-exports.rotateWatermark = rotateWatermark;
-exports.useMutation = useMutation;
+exports.getImageData = getImageData;
+exports.getOption = getOption;
+exports.getProps = getProps;
+exports.svgProp = svgProp;

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

@@ -1,26 +1,13 @@
-import { StyleValue } from '../ele-app/types';
-import { ERROR_MESSAGE_KEY as INFO_LOG_KEY } from '../utils/common';
-import { MutationOption } from './types';
+import { svgText, svgContents } from '../ele-qr-code-svg/qrcodegen';
+import { ImageOption, GetOption } from './types';
 
-export { INFO_LOG_KEY };
-/**
- * 返回设备像素密度
- */
-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;
-    observeTextNode: (text: string) => string;
-    disconnect: () => void;
+export declare function getImageData<T extends Record<string, any>>(option: ImageOption<T>, markCount: number): void;
+export declare function getProps(contents?: any): {
+    svgKey: import('vue').Ref<any, any>;
+    svgProps: Record<string, any>;
+    svgConfig: import('../ele-config-provider/types').GlobalProvide;
+    imageId: import('vue').ComputedRef<any>;
 };
+export declare const getOption: GetOption;
+export declare const svgProp: any;
+export { svgText, svgContents };

package/lib/ele-xg-player/index.cjs

@@ -19,9 +19,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     let player = null;
     const rootRef = vue.ref(null);
     const init = () => {
-      var _a;
       destroy();
-      if (rootRef.value && ((_a = props.config) == null ? void 0 : _a.url)) {
+      if (rootRef.value && props.config?.url) {
         player = new Player(
           Object.assign({}, props.config, { el: rootRef.value })
         );

package/lib/icons/AnalysisOutlined.cjs

@@ -12,12 +12,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "AnalysisOutlined",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
         vue.createElementVNode("path", { d: "M0.3 7H47.7M6 7V34H42V7M19 34 12 45M29 34 36 45" }, null, -1),
         vue.createElementVNode("path", { d: "M16 22V27" }, null, -1),
         vue.createElementVNode("path", { d: "M24 18V27" }, null, -1),
         vue.createElementVNode("path", { d: "M32 14V27" }, null, -1)
-      ]));
+      ])]);
     };
   }
 });

package/lib/icons/ApplicationOutlined.cjs

@@ -9,9 +9,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "ApplicationOutlined",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
         vue.createStaticVNode('<circle cx="9" cy="9" r="4"></circle><circle cx="9" cy="24" r="4"></circle><circle cx="9" cy="39" r="4"></circle><circle cx="24" cy="9" r="4"></circle><circle cx="24" cy="24" r="4"></circle><circle cx="24" cy="39" r="4"></circle><circle cx="39" cy="9" r="4"></circle><circle cx="39" cy="24" r="4"></circle><circle cx="39" cy="39" r="4"></circle>', 9)
-      ]));
+      ])]);
     };
   }
 });

package/lib/icons/AppstoreAddOutlined.cjs

@@ -12,12 +12,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "AppstoreAddOutlined",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
         vue.createElementVNode("path", { d: "M18 6H8C7 6 6 7 6 8V18C6 19 7 20 8 20H18C19 20 20 19 20 18V8C20 7 19 6 18 6Z" }, null, -1),
         vue.createElementVNode("path", { d: "M40 6H30C29 6 28 7 28 8V18C28 19 29 20 30 20H40C41 20 42 19 42 18V8C42 7 41 6 40 6Z" }, null, -1),
         vue.createElementVNode("path", { d: "M40 28H30C29 28 28 29 28 30V40C28 41 29 42 30 42H40C41 42 42 41 42 40V30C42 29 41 28 40 28Z" }, null, -1),
         vue.createElementVNode("path", { d: "M12 27V45M3 36H21" }, null, -1)
-      ]));
+      ])]);
     };
   }
 });

package/lib/icons/AppstoreOutlined.cjs

@@ -12,12 +12,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "AppstoreOutlined",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
         vue.createElementVNode("path", { d: "M18 6H8C7 6 6 7 6 8V18C6 19 7 20 8 20H18C19 20 20 19 20 18V8C20 7 19 6 18 6Z" }, null, -1),
         vue.createElementVNode("path", { d: "M40 6H30C29 6 28 7 28 8V18C28 19 29 20 30 20H40C41 20 42 19 42 18V8C42 7 41 6 40 6Z" }, null, -1),
         vue.createElementVNode("path", { d: "M40 28H30C29 28 28 29 28 30V40C28 41 29 42 30 42H40C41 42 42 41 42 40V30C42 29 41 28 40 28Z" }, null, -1),
         vue.createElementVNode("path", { d: "M18 28H8C7 28 6 29 6 30V40C6 41 7 42 8 42H18C19 42 20 41 20 40V30C20 29 19 28 18 28Z" }, null, -1)
-      ]));
+      ])]);
     };
   }
 });

package/lib/icons/ArrowDown.cjs

@@ -14,9 +14,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "ArrowDown",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
         vue.createElementVNode("path", { d: "M10 17 24 31 38 17" }, null, -1)
-      ]));
+      ])]);
     };
   }
 });

package/lib/icons/ArrowDownOutlined.cjs

@@ -13,9 +13,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "ArrowDownOutlined",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
         vue.createElementVNode("path", { d: "M38 28 24 42 10 28M24 42V6" }, null, -1)
-      ]));
+      ])]);
     };
   }
 });