x-print-designer 0.3.2 → 0.3.3

package/dist/{web-component-Bb1zyh8n.js → web-component-ExUlxqbL.js}

@@ -27863,7 +27863,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     const renderBarcode = async () => {
       if (!barcodeRef.value) return;
       try {
-        const jsBarcodeModule = await import("./JsBarcode-CjIGssVQ.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-D606lSTn.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const content = resolvedContent.value;
         const style = props.element.style;
@@ -27980,7 +27980,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     });
     const renderQR = async () => {
       try {
-        const qrcodeModule = await import("./browser-C6dIfuJY.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-CARBTKXx.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         const content = resolvedContent.value;
         qrSrc.value = await QRCode.toDataURL(content, {
@@ -31043,7 +31043,7 @@ const usePrint = () => {
   const svgToCanvas = async (root) => {
     const svgs = root.querySelectorAll("svg");
     if (svgs.length === 0) return;
-    const { Canvg } = await import("./index.es-CruLo21o.js");
+    const { Canvg } = await import("./index.es-LBa5dfqs.js");
     svgs.forEach((svg) => {
       const parent = svg.parentElement;
       if (!parent) return;
@@ -31585,7 +31585,7 @@ const usePrint = () => {
     }
     try {
       const generatePageImage = async (page) => {
-        const domToImageModule = await import("./dom-to-image-more.min-D3v39OhI.js").then((n) => n.domToImageMore_min);
+        const domToImageModule = await import("./dom-to-image-more.min-C8Z-XA0Y.js").then((n) => n.domToImageMore_min);
         const domtoimage = (domToImageModule == null ? void 0 : domToImageModule.default) || domToImageModule;
         const canvas = await domtoimage.toCanvas(page, {
           filter: (node) => {
@@ -31643,7 +31643,7 @@ const usePrint = () => {
       cleanup = source.cleanup;
       const { container, tempWrapper: wrapper } = await processContentForImage(source.content, width, height, true, source.getComputedStyleFn);
       tempWrapper = wrapper;
-      const jsPdfModule = await import("./jspdf.es.min-tuXNPC83.js");
+      const jsPdfModule = await import("./jspdf.es.min-qCmiZN6G.js");
       const jsPDF = (jsPdfModule == null ? void 0 : jsPdfModule.default) || (jsPdfModule == null ? void 0 : jsPdfModule.jsPDF) || jsPdfModule;
       const pdf = new jsPDF({
         orientation: width > height ? "l" : "p",
@@ -32055,7 +32055,7 @@ const usePrint = () => {
           link.click();
           document.body.removeChild(link);
         } else {
-          const jsZipModule = await import("./jszip.min-BA8HtUau.js").then((n) => n.jszip_min);
+          const jsZipModule = await import("./jszip.min-C2-yecY2.js").then((n) => n.jszip_min);
           const JSZip = (jsZipModule == null ? void 0 : jsZipModule.default) || jsZipModule;
           const zip = new JSZip();
           await Promise.all(pageImages.map(async (dataUrl, index2) => {
@@ -33502,7 +33502,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:visible", "update:value", "close"],
   setup(__props, { emit: __emit }) {
-    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-DP3SRWJa.js").then((m) => m.Editor));
+    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-BCjCg5ss.js").then((m) => m.Editor));
     const { t } = useI18n();
     const { isDark: isDark2 } = useTheme();
     const modalContainer = inject("modal-container", /* @__PURE__ */ ref(null));
@@ -38312,7 +38312,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:value"],
   setup(__props, { emit: __emit }) {
-    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-DP3SRWJa.js").then((m) => m.Editor));
+    const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-BCjCg5ss.js").then((m) => m.Editor));
     const emit2 = __emit;
     useDesignerStore();
     const { isDark: isDark2 } = useTheme();
@@ -42057,7 +42057,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
     const renderBarcodeDataUrl = async (element) => {
       try {
-        const jsBarcodeModule = await import("./JsBarcode-CjIGssVQ.js").then((n) => n.JsBarcode);
+        const jsBarcodeModule = await import("./JsBarcode-D606lSTn.js").then((n) => n.JsBarcode);
         const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
         const canvas = document.createElement("canvas");
         const style = element.style || {};
@@ -42084,7 +42084,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const renderQrDataUrl = async (element) => {
       var _a2, _b;
       try {
-        const qrcodeModule = await import("./browser-C6dIfuJY.js").then((n) => n.browser);
+        const qrcodeModule = await import("./browser-CARBTKXx.js").then((n) => n.browser);
         const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
         return await QRCode.toDataURL(getResolvedContent(element), {
           margin: 0,
@@ -44464,6 +44464,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const getRenderableElements = (elements) => {
       return elements.filter(isRenderableElement);
     };
+    const selfBorderedTypes = [ElementType.TABLE, ElementType.CUSTOM_TABLE, ElementType.LINE, ElementType.RECT, ElementType.CIRCLE];
+    const elementWrapperStyle = (element) => {
+      var _a2, _b, _c, _d;
+      const base = {
+        left: `${element.x}px`,
+        top: `${element.y}px`,
+        width: `${element.width}px`,
+        height: `${element.height}px`,
+        zIndex: ((_a2 = element.style) == null ? void 0 : _a2.zIndex) || 1,
+        transform: ((_b = element.style) == null ? void 0 : _b.rotate) ? `rotate(${element.style.rotate}deg)` : void 0,
+        boxSizing: "border-box",
+        overflow: "hidden"
+      };
+      if (element.style && typeof element.style === "object") {
+        Object.assign(base, element.style);
+      }
+      if (selfBorderedTypes.includes(element.type)) {
+        delete base.backgroundColor;
+        delete base.border;
+        delete base.borderWidth;
+        delete base.borderStyle;
+        delete base.borderColor;
+        delete base.borderRadius;
+      } else {
+        if (((_c = element.style) == null ? void 0 : _c.borderStyle) && element.style.borderStyle !== "none") {
+          base.borderStyle = element.style.borderStyle;
+          base.borderWidth = `${element.style.borderWidth || 1}px`;
+          base.borderColor = element.style.borderColor || "#000";
+          delete base.border;
+        } else if ((_d = element.style) == null ? void 0 : _d.border) {
+          base.border = element.style.border;
+        }
+      }
+      delete base.zIndex;
+      return base;
+    };
     const pageStyle = computed(() => ({
       width: `${canvasSize.value.width}px`,
       height: `${canvasSize.value.height}px`,
@@ -44541,17 +44577,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle([pageStyle.value, watermarkStyle.value ? watermarkStyle.value : {}])
           }, [
             index2 > 0 && pages.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(getGlobalElements(), (element) => {
-              var _a2;
               return openBlock(), createElementBlock("div", {
                 key: `global-${element.id}`,
                 class: "absolute",
-                style: normalizeStyle({
-                  left: `${element.x}px`,
-                  top: `${element.y}px`,
-                  width: `${element.width}px`,
-                  height: `${element.height}px`,
-                  zIndex: ((_a2 = element.style) == null ? void 0 : _a2.zIndex) || 1
-                })
+                style: normalizeStyle(elementWrapperStyle(element))
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(getComponent(element.type)), {
                   element,
@@ -44561,18 +44590,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 4);
             }), 128)) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(getRenderableElements(page.elements), (element) => {
-              var _a2, _b;
               return openBlock(), createElementBlock("div", {
                 key: element.id,
                 class: "absolute",
-                style: normalizeStyle({
-                  left: `${element.x}px`,
-                  top: `${element.y}px`,
-                  width: `${element.width}px`,
-                  height: `${element.height}px`,
-                  zIndex: ((_a2 = element.style) == null ? void 0 : _a2.zIndex) || 1,
-                  transform: ((_b = element.style) == null ? void 0 : _b.rotate) ? `rotate(${element.style.rotate}deg)` : void 0
-                })
+                style: normalizeStyle(elementWrapperStyle(element))
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(getComponent(element.type)), {
                   element,
@@ -44587,7 +44608,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PreviewPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-71b3491a"]]);
+const PreviewPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-96cab8ea"]]);
 var lodash$1 = { exports: {} };
 /**
  * @license

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-print-designer",
   "private": false,
-  "version": "0.3.2",
+  "version": "0.3.3",
   "license": "AGPL-3.0-only",
   "type": "module",
   "main": "dist/print-designer.umd.js",