@ibiz-template/vue3-components 0.7.41-alpha.55 → 0.7.41-alpha.57

package/lib/util/fullscreen/fullscreen-util.cjs

@@ -2,7 +2,7 @@
 
 var vue = require('vue');
 var ElementPlus = require('element-plus');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.53_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.60_axios@1.12.2_lodash-es@4.17.21_qs@6.14.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 var fullscreenToolbar = require('../../common/fullscreen-toolbar/fullscreen-toolbar.cjs');
 
 "use strict";

package/lib/util/index.cjs

@@ -20,6 +20,7 @@ var inlineAiUtil = require('./inline-ai-util/inline-ai-util.cjs');
 var aiChatUtil = require('./ai-chat-util/ai-chat-util.cjs');
 var screenShotUtil = require('./screen-shot-util/screen-shot-util.cjs');
 var userRouteUtil = require('./user-route-util/user-route-util.cjs');
+var printPreviewUtil = require('./print-preview-util/print-preview-util.cjs');
 
 "use strict";
 
@@ -45,3 +46,4 @@ exports.AIChatUtil = aiChatUtil.AIChatUtil;
 exports.ScreenShotUtil = screenShotUtil.ScreenShotUtil;
 exports.splitPathToSegments = userRouteUtil.splitPathToSegments;
 exports.validateRouteSegments = userRouteUtil.validateRouteSegments;
+exports.PrintPreviewUtil = printPreviewUtil.PrintPreviewUtil;

package/lib/util/print-preview-util/print-preview-markdown/icon/icon.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+const ArrowLeftBold = () => vue.createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0z"
+}, null)]);
+const ArrowRightBold = () => vue.createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [vue.createVNode("path", {
+  "fill": "currentColor",
+  "d": "M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"
+}, null)]);
+const FullScreenSvg = () => vue.createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [vue.createVNode("path", {
+  "d": "M547.4 197.4v46l200.3 0.1L546.1 444l32.4 32.6 201.9-200.7v200.9h46V197.5zM471.4 584.4l-32.6-32.6L243.6 747V547.9h-46v278.7h279v-46H275z"
+}, null)]);
+const CloseFullScreenSvg = () => vue.createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [vue.createVNode("path", {
+  "d": "M544 480V282.944h52.224l0.064 107.968L763.072 224l36.928 36.928-166.976 166.976 108.032-0.128V480H544zM260.928 800l-36.928-36.928 166.912-166.784-107.968-0.064V544H480v197.056h-52.224l0.064-107.968L260.928 800z"
+}, null)]);
+const CloseSvg = () => vue.createVNode("svg", {
+  "viewBox": "0 0 1024 1024",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [vue.createVNode("path", {
+  "d": "M843.904 783.573333 783.573333 843.904 512.042667 572.373333 240.512 843.904 180.181333 783.573333 451.712 512.042667 180.181333 240.512 240.512 180.181333 512.042667 451.712 783.573333 180.181333 843.904 240.512 572.373333 512.042667 843.904 783.573333Z"
+}, null)]);
+
+exports.ArrowLeftBold = ArrowLeftBold;
+exports.ArrowRightBold = ArrowRightBold;
+exports.CloseFullScreenSvg = CloseFullScreenSvg;
+exports.CloseSvg = CloseSvg;
+exports.FullScreenSvg = FullScreenSvg;

package/lib/util/print-preview-util/print-preview-markdown/print-preview-markdown.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var icon = require('./icon/icon.cjs');
+require('./print-preview-markdown.css');
+
+"use strict";
+const PrintPreviewMarkdown = /* @__PURE__ */ vue.defineComponent({
+  name: "PrintPreviewMarkdown",
+  props: {
+    modal: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("print-preview-markdown");
+    const printPreview = vue.ref();
+    const isFull = vue.ref(false);
+    const switchFull = () => {
+      if (isFull.value) {
+        ibiz.fullscreenUtil.closeElementFullscreen();
+      } else {
+        ibiz.fullscreenUtil.openElementFullscreen(printPreview.value);
+      }
+      isFull.value = !isFull.value;
+    };
+    const onClose = () => {
+      props.modal.dismiss();
+    };
+    const renderHeader = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("header")
+      }, [vue.createVNode("div", {
+        "class": ns.em("header", "caption")
+      }, [ibiz.i18n.t("util.printPreviewUtil.title")]), vue.createVNode("div", {
+        "class": ns.em("header", "action")
+      }, [vue.createVNode("div", {
+        "class": ns.em("header", "full"),
+        "onClick": switchFull,
+        "title": ibiz.i18n.t(isFull.value ? "app.cancelFullscreen" : "app.fullscreen")
+      }, [isFull.value ? vue.createVNode(icon.CloseFullScreenSvg, null, null) : vue.createVNode(icon.FullScreenSvg, null, null)]), isFull.value && vue.createVNode("div", {
+        "class": ns.em("header", "close"),
+        "onClick": onClose,
+        "title": ibiz.i18n.t("app.close")
+      }, [vue.createVNode(icon.CloseSvg, null, null)])])]);
+    };
+    const renderContent = () => {
+      const markdown = vue.resolveComponent("IBizMarkDown");
+      return vue.createVNode("div", {
+        "class": ns.e("content")
+      }, [vue.h(markdown, {
+        value: props.value,
+        readonly: true
+      })]);
+    };
+    return {
+      ns,
+      printPreview,
+      renderHeader,
+      renderContent
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b(),
+      "ref": "printPreview"
+    }, [this.renderHeader(), this.renderContent()]);
+  }
+});
+
+exports.PrintPreviewMarkdown = PrintPreviewMarkdown;

package/lib/util/print-preview-util/print-preview-markdown/print-preview-markdown.css

@@ -0,0 +1 @@
+.ibiz-print-preview-markdown{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.ibiz-print-preview-markdown__header{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-base);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base)}.ibiz-print-preview-markdown__header--action{display:flex;flex-shrink:0;gap:var(--ibiz-spacing-base)}.ibiz-print-preview-markdown__header--caption{font-size:var(--ibiz-font-size-header-5)}.ibiz-print-preview-markdown__header--full{cursor:pointer}.ibiz-print-preview-markdown__header--full svg{width:var(--ibiz-spacing-base-loose);height:var(--ibiz-spacing-base-loose)}.ibiz-print-preview-markdown__header--close{cursor:pointer}.ibiz-print-preview-markdown__header--close svg{width:var(--ibiz-spacing-base-loose);height:var(--ibiz-spacing-base-loose)}.ibiz-print-preview-markdown__content{flex:1;padding:16px;overflow:auto;border-top:1px solid var(--ibiz-color-border)}.ibiz-print-preview-markdown__content>.ibiz-markdown{height:100%}.ibiz-print-preview-markdown__content>.ibiz-markdown .ibiz-markdown-cherry .cherry{border:none}.ibiz-print-preview-markdown__content>.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer{border:none}

package/lib/util/print-preview-util/print-preview-util.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var vue = require('vue');
+var printPreviewMarkdown = require('./print-preview-markdown/print-preview-markdown.cjs');
+
+"use strict";
+class PrintPreviewUtil {
+  /**
+   * 执行打印
+   * @param context
+   * @param params
+   * @param data
+   * @returns boolean 是否成功执行打印
+   */
+  async execPrint(context, params, data) {
+    const srfcontenttype = params.srfcontenttype;
+    if (srfcontenttype === "MARKDOWN") {
+      return this.printMarkDown(data, params);
+    }
+    if (srfcontenttype === "HTML") {
+      return this.printHtml(data);
+    }
+    return false;
+  }
+  /**
+   * 打印MarkDown（窗口可以由视图参数srfprintheight和srfprintwidth指定，默认居中50%，绘制时为md预览模式绘制，提供全屏按钮，和关闭按钮。）
+   * @param data
+   * @returns
+   */
+  async printMarkDown(data, params) {
+    const text = await data.text();
+    const overlay = ibiz.overlay.createModal(
+      (modal) => vue.h(printPreviewMarkdown.PrintPreviewMarkdown, {
+        value: text,
+        modal
+      }),
+      void 0,
+      {
+        width: params.srfprintwidth || "50%",
+        height: params.srfprintheight || "50%"
+      }
+    );
+    overlay.present();
+    await overlay.onWillDismiss();
+    return true;
+  }
+  /**
+   * 打印HTML(原生浏览器预览)
+   * @param data
+   * @returns
+   */
+  async printHtml(data) {
+    const link = window.URL.createObjectURL(data);
+    window.open(link, "_blank");
+    return true;
+  }
+}
+
+exports.PrintPreviewUtil = PrintPreviewUtil;

package/lib/web-app/main.cjs

@@ -26,6 +26,7 @@ var overlayController = require('../util/overlay-controller/overlay-controller.c
 var inlineAiUtil = require('../util/inline-ai-util/inline-ai-util.cjs');
 var screenShotUtil = require('../util/screen-shot-util/screen-shot-util.cjs');
 var aiChatUtil = require('../util/ai-chat-util/ai-chat-util.cjs');
+var printPreviewUtil = require('../util/print-preview-util/print-preview-util.cjs');
 var fullscreenUtil = require('../util/fullscreen/fullscreen-util.cjs');
 
 "use strict";
@@ -92,6 +93,7 @@ async function runApp(plugins, opts) {
   ibiz.util.text.format = (value, code) => {
     return app.config.globalProperties.$textFormat(value, code);
   };
+  ibiz.printPreview = new printPreviewUtil.PrintPreviewUtil();
   ibiz.fullscreenUtil = new fullscreenUtil.FullscreenUtil();
   await ibiz.i18n.init();
   app.mount("#app");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.55",
+  "version": "0.7.41-alpha.57",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,16 +30,16 @@
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@floating-ui/dom": "^1.5.3",
-    "@ibiz-template-plugin/ai-chat": "^0.0.46",
+    "@ibiz-template-plugin/ai-chat": "^0.0.48",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.378",
     "@ibiz-template-plugin/bi-report": "0.0.32",
     "@ibiz-template-plugin/data-view": "0.0.6",
-    "@ibiz-template/core": "0.7.41-alpha.53",
+    "@ibiz-template/core": "0.7.41-alpha.60",
     "@ibiz-template/devtool": "0.0.14",
-    "@ibiz-template/model-helper": "0.7.41-alpha.57",
-    "@ibiz-template/runtime": "0.7.41-alpha.57",
+    "@ibiz-template/model-helper": "0.7.41-alpha.60",
+    "@ibiz-template/runtime": "0.7.41-alpha.60",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.57",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.60",
     "@ibiz-template/web-theme": "3.10.0",
     "@ibiz/model-core": "^0.1.84",
     "@imengyu/vue3-context-menu": "^1.3.5",
@@ -59,11 +59,11 @@
     "pinia": "^2.1.7",
     "pluralize": "^8.0.0",
     "qs": "^6.11.2",
-    "axios": "^1.6.5",
+    "axios": "^1.8.2",
     "qx-util": "^0.4.8",
     "ramda": "^0.29.1",
     "vue": "^3.3.8",
-    "vue-i18n": "^9.6.5",
+    "vue-i18n": "^9.14.3",
     "vue-router": "^4.2.5",
     "vuedraggable": "^4.1.0",
     "sortablejs": "^1.15.6",
@@ -99,7 +99,7 @@
     "stylelint-scss": "5.3.1",
     "typescript": "^5.3.3",
     "vite": "^5.0.12",
-    "vitest": "^1.3.0",
+    "vitest": "^1.6.1",
     "vue-tsc": "^1.8.27"
   },
   "peerDependencies": {
@@ -126,7 +126,7 @@
     "qx-util": "^0.4.8",
     "ramda": "^0.29.0",
     "vue": "^3.3.8",
-    "vue-i18n": "^9.2.2",
+    "vue-i18n": "^9.14.3",
     "vue-router": "^4.2.4",
     "vuedraggable": "^4.1.0"
   },