@ibiz-template/vue3-components 0.7.28 → 0.7.29

package/es/util/fullscreen/fullscreen-util.mjs

@@ -0,0 +1,43 @@
+import { createApp } from 'vue';
+import ElementPlus from 'element-plus';
+import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
+
+"use strict";
+class FullscreenUtil {
+  /**
+   * Creates an instance of FullscreenUtil.
+   * @memberof FullscreenUtil
+   */
+  constructor() {
+  }
+  /**
+   * 指定元素全屏
+   * @author fzh
+   * @date 2024-07-09 19:39:40
+   */
+  openElementFullscreen(div) {
+    if (!document.fullscreenElement && div) {
+      div.requestFullscreen();
+      div.style.background = "white";
+      const content = document.createElement("div");
+      content.id = "fullscreen";
+      content.style.position = "absolute";
+      content.style.bottom = "20px";
+      content.style.left = "45%";
+      div.appendChild(content);
+      const app = createApp(IBizFullscreenToolbar);
+      app.use(ElementPlus);
+      app.mount(content);
+    }
+  }
+  /**
+   * 页面退出全屏
+   * @author fzh
+   * @date 2024-07-09 19:39:40
+   */
+  closeFullscreen() {
+    document.exitFullscreen();
+  }
+}
+
+export { FullscreenUtil };

package/es/util/index.d.ts

@@ -9,4 +9,5 @@ export { usePagination } from './pagination/use-pagination';
 export { NoticeUtil } from './notice-util/notice-util';
 export { RenderUtil } from './render-util/render-util';
 export { AppUtil } from './app-util/app-util';
+export { FullscreenUtil } from './fullscreen/fullscreen-util';
 export * from './wang-editor-util/wang-editor-util';

package/es/util/index.mjs

@@ -9,6 +9,7 @@ export { usePagination } from './pagination/use-pagination.mjs';
 export { NoticeUtil } from './notice-util/notice-util.mjs';
 export { RenderUtil } from './render-util/render-util.mjs';
 export { AppUtil } from './app-util/app-util.mjs';
+export { FullscreenUtil } from './fullscreen/fullscreen-util.mjs';
 export { parseHtml } from './wang-editor-util/wang-editor-util.mjs';
 
 "use strict";

package/es/web-app/main.mjs

@@ -20,6 +20,7 @@ import { NotificationUtil } from '../util/notification-util/notification-util.mj
 import { LoadingUtil } from '../util/loading-util/loading-util.mjs';
 import { NoticeUtil } from '../util/notice-util/notice-util.mjs';
 import { OverlayController } from '../util/overlay-controller/overlay-controller.mjs';
+import { FullscreenUtil } from '../util/fullscreen/fullscreen-util.mjs';
 
 "use strict";
 async function runApp(plugins, opts) {
@@ -76,6 +77,7 @@ async function runApp(plugins, opts) {
   ibiz.util.text.format = (value, code) => {
     return app.config.globalProperties.$textFormat(value, code);
   };
+  ibiz.fullscreenUtil = new FullscreenUtil();
   await ibiz.i18n.init();
   app.mount("#app");
 }

package/lib/common/fullscreen-toolbar/fullscreen-toolbar-alarm-clock/fullscreen-toolbar-alarm-clock.cjs

@@ -0,0 +1,89 @@
+'use strict';
+
+var vue = require('vue');
+require('./fullscreen-toolbar-alarm-clock.css');
+var vue3Util = require('@ibiz-template/vue3-util');
+
+"use strict";
+const IBizAlarmClock = /* @__PURE__ */ vue.defineComponent({
+  name: "AlarmClock",
+  setup() {
+    const ns = vue3Util.useNamespace("alarm-clock");
+    const close = () => {
+      const div = document.getElementById("alarm-clock");
+      if (div) {
+        if (div.parentElement) {
+          div.parentElement.removeChild(div);
+        }
+      }
+    };
+    const formattedTime = vue.ref("00:00");
+    let minutes = 0;
+    let seconds = 0;
+    let timerInterval;
+    const formatTime = (m, s) => {
+      return "".concat(m < 10 ? "0".concat(m) : m, ":").concat(s < 10 ? "0".concat(s) : s);
+    };
+    function updateTimer() {
+      seconds++;
+      if (seconds === 60) {
+        seconds = 0;
+        minutes++;
+      }
+      if (minutes === 60) {
+        minutes = 0;
+      }
+      formattedTime.value = formatTime(minutes, seconds);
+    }
+    const startTimer = () => {
+      timerInterval = setInterval(updateTimer, 1e3);
+    };
+    vue.onMounted(() => {
+      startTimer();
+    });
+    vue.onBeforeUnmount(() => {
+      clearInterval(timerInterval);
+    });
+    const closeSvg = () => {
+      return vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [vue.createVNode("g", {
+        "id": "atjaction/quit",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M11.628 2.015a7.438 7.438 0 0 1 1.855 1.5 7.256 7.256 0 0 1 1.858 4.853c0 4.05-3.324 7.332-7.42 7.332C3.824 15.7.5 12.419.5 8.368c0-1.812.668-3.523 1.858-4.854a7.428 7.428 0 0 1 1.855-1.5.6.6 0 0 1 .595 1.043 6.238 6.238 0 0 0-1.556 1.257A6.056 6.056 0 0 0 1.7 8.368c0 3.385 2.783 6.132 6.22 6.132 3.438 0 6.221-2.747 6.221-6.132 0-1.514-.558-2.941-1.552-4.054a6.228 6.228 0 0 0-1.556-1.257.6.6 0 1 1 .595-1.042zM7.921.5a.6.6 0 0 1 .592.503l.008.097v7.18a.6.6 0 0 1-1.193.097l-.007-.098V1.1a.6.6 0 0 1 .6-.6z",
+        "id": "atj\u5F62\u72B6\u7ED3\u5408"
+      }, null)])]);
+    };
+    return {
+      ns,
+      close,
+      closeSvg,
+      formattedTime,
+      timerInterval
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "ref": "componentRef",
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("wrapper")
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("light-counter")
+    }, [this.formattedTime]), vue.createVNode("div", {
+      "class": this.ns.e("svg-wrapper")
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("svg"),
+      "onClick": () => this.close()
+    }, [this.closeSvg()])])])]);
+  }
+});
+
+exports.IBizAlarmClock = IBizAlarmClock;

package/lib/common/fullscreen-toolbar/fullscreen-toolbar-alarm-clock/fullscreen-toolbar-alarm-clock.css

@@ -0,0 +1 @@
+.ibiz-alarm-clock{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000}.ibiz-alarm-clock__wrapper{position:absolute;top:50%;left:50%;line-height:1;text-align:center;transform:translate(-50%,-50%)}.ibiz-alarm-clock__light-counter{font-family:"Chinese Quote",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:240px;font-feature-settings:"tnum";font-variant:tabular-nums}.ibiz-alarm-clock__svg-wrapper{display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;margin-top:40px;cursor:pointer}.ibiz-alarm-clock__svg{display:inline-flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:80px;height:80px;cursor:pointer;border:2px solid #666;border-radius:50%}.ibiz-alarm-clock__svg:hover{fill:#999}.ibiz-alarm-clock__svg>svg{width:24px;height:24px;fill:#666}.ibiz-alarm-clock__svg>svg:hover{fill:#6698ff}

package/lib/common/fullscreen-toolbar/fullscreen-toolbar.cjs

@@ -0,0 +1,246 @@
+'use strict';
+
+var vue = require('vue');
+require('./fullscreen-toolbar.css');
+var vue3Util = require('@ibiz-template/vue3-util');
+var fullscreenToolbarAlarmClock = require('./fullscreen-toolbar-alarm-clock/fullscreen-toolbar-alarm-clock.cjs');
+
+"use strict";
+const IBizFullscreenToolbar = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFullscreenToolbar",
+  setup() {
+    const ns = vue3Util.useNamespace("fullscreen-toolbar");
+    const laserPointerSvg = () => {
+      return vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [vue.createVNode("g", {
+        "id": "aoeeditor/laser-pointer",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M8.203 15.947a3 3 0 0 1-.198-5.993l-.069.005.926-1.19H3c-1.543 0-2.461-1.648-1.762-2.945l.075-.129.086-.125.083-.103.098-.093L8.97.097c.42-.3.941.15.755.593l-.04.078-2.483 4h5.75c1.488 0 2.414 1.548 1.813 2.841l-.067.133-.079.13-.066.092-3.351 5.098.002-.115a3 3 0 0 1-3 3zm0-4.8a1.8 1.8 0 1 0 0 3.6 1.8 1.8 0 0 0 0-3.6zm-.685-8.785L2.215 6.149l-.024.032c-.436.59-.092 1.416.589 1.564l.11.018.11.006h6.884a.5.5 0 0 1 .442.734l-.047.073-1.174 1.51-.011-.004a3.008 3.008 0 0 1 1.826 1.592l-.001-.003L13.728 7.4l.064-.09c.408-.624-.003-1.456-.73-1.534l-.112-.006H6.304a.5.5 0 0 1-.462-.69l.037-.074 1.64-2.643z",
+        "id": "aoe\u5F62\u72B6\u7ED3\u5408"
+      }, null)])]);
+    };
+    const alarmClockSvg = () => {
+      return vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [vue.createVNode("g", {
+        "id": "aah\u5DE5\u65F6",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M9.6.2v1.2H8.099v1.427a6.486 6.486 0 0 1 4.27 2.167l.663-.528-.332-.41.933-.756 1.321 1.632-.932.755-.235-.289-.708.565A6.5 6.5 0 1 1 6.9 2.827V1.4H5.4V.2h4.2zM7.5 4a5.3 5.3 0 1 0 0 10.6A5.3 5.3 0 0 0 7.5 4zm.6 1.687v3.45l3.187.001v1.2H6.9v-4.65h1.2z",
+        "id": "aah\u5F62\u72B6\u7ED3\u5408"
+      }, null)])]);
+    };
+    const compressArrowsSvg = () => {
+      return vue.createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [vue.createVNode("g", {
+        "id": "ahsaction/compress-arrows",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [vue.createVNode("path", {
+        "d": "M4.069 5.246L.792 1.815a.6.6 0 1 1 .868-.83l3.204 3.356V2.92a.6.6 0 1 1 1.2 0V5.84l.002.007a.6.6 0 0 1-.601.6H2.543a.6.6 0 0 1 0-1.2h1.526zm6.175 1.01l-.007.002a.599.599 0 0 1-.6-.6V2.737a.6.6 0 1 1 1.2 0v1.526l3.43-3.277a.601.601 0 0 1 .83.868l-3.355 3.204h1.419a.6.6 0 0 1 0 1.2h-2.917zm1.586 4.802l3.276 3.431a.6.6 0 1 1-.868.829l-3.204-3.355v1.419a.6.6 0 1 1-1.2 0v-2.917l-.001-.007a.6.6 0 0 1 .6-.6h2.922a.6.6 0 1 1 0 1.2H11.83zm-6.185-.996a.6.6 0 0 1 .6.6v2.922a.6.6 0 1 1-1.2 0v-1.526l-3.43 3.277a.6.6 0 1 1-.83-.868l3.355-3.204H2.721a.6.6 0 1 1 0-1.2h2.917l.007-.001z",
+        "id": "ahs\u5F62\u72B6\u7ED3\u5408"
+      }, null)])]);
+    };
+    const laserPointerCanvas = vue.ref();
+    const ctx = vue.ref();
+    const isLaserEnabled = vue.ref(false);
+    const mouseX = vue.ref(0);
+    const mouseY = vue.ref(0);
+    let lastX = 0;
+    let lastY = 0;
+    const dotColor = "#eb4c4a";
+    const dotSize = 5;
+    const draw = () => {
+      ctx.value.globalCompositeOperation = "destination-out";
+      ctx.value.fillStyle = "rgba(0, 0, 0, 0.05)";
+      ctx.value.fillRect(0, 0, laserPointerCanvas.value.width, laserPointerCanvas.value.height);
+      ctx.value.globalCompositeOperation = "source-over";
+      if (isLaserEnabled.value) {
+        const dist = Math.sqrt((mouseX.value - lastX) ** 2 + (mouseY.value - lastY) ** 2);
+        const count = Math.max(Math.round(dist / 5), 1);
+        for (let i = 0; i < count; i++) {
+          const ratio = i / count;
+          const x = lastX + (mouseX.value - lastX) * ratio;
+          const y = lastY + (mouseY.value - lastY) * ratio;
+          ctx.value.beginPath();
+          ctx.value.arc(x, y, dotSize, 0, Math.PI * 2);
+          ctx.value.fillStyle = dotColor;
+          ctx.value.fill();
+        }
+        lastX = mouseX.value;
+        lastY = mouseY.value;
+      }
+      requestAnimationFrame(draw);
+    };
+    const laserPointerClick = () => {
+      isLaserEnabled.value = !isLaserEnabled.value;
+    };
+    const alarmClockClick = () => {
+      const fullscreen = document.getElementById("fullscreen");
+      const content = document.createElement("div");
+      content.id = "alarm-clock";
+      content.style.zIndex = "9999";
+      if (fullscreen) {
+        fullscreen.appendChild(content);
+        const app = vue.createApp(fullscreenToolbarAlarmClock.IBizAlarmClock);
+        app.mount(content);
+      }
+    };
+    const compressArrowsClick = () => {
+      const div = document.getElementById("fullscreen");
+      if (div) {
+        document.exitFullscreen();
+        if (div.parentElement) {
+          div.parentElement.removeChild(div);
+        }
+      }
+    };
+    const editorRef = vue.ref();
+    const handleFullScreenChange = () => {
+      if (document.fullscreenElement) {
+      } else {
+        const div = document.getElementById("fullscreen");
+        if (div) {
+          if (div.parentElement) {
+            div.parentElement.removeChild(div);
+          }
+        }
+      }
+    };
+    vue.onMounted(() => {
+      ctx.value = laserPointerCanvas.value.getContext("2d");
+      window.addEventListener("resize", () => {
+        laserPointerCanvas.value.width = window.innerWidth;
+        laserPointerCanvas.value.height = window.innerHeight;
+      });
+      laserPointerCanvas.value.addEventListener("mousemove", (event) => {
+        mouseX.value = event.clientX;
+        mouseY.value = event.clientY;
+      });
+      ctx.value.clearRect(0, 0, laserPointerCanvas.value.width, laserPointerCanvas.value.height);
+      ctx.value.fillStyle = "lightgray";
+      ctx.value.fillRect(0, 0, laserPointerCanvas.value.width, laserPointerCanvas.value.height);
+      draw();
+      window.dispatchEvent(new Event("resize"));
+      document.addEventListener("fullscreenchange", handleFullScreenChange);
+    });
+    vue.onBeforeUnmount(() => {
+      document.removeEventListener("fullscreenchange", handleFullScreenChange);
+    });
+    return {
+      ns,
+      laserPointerSvg,
+      alarmClockSvg,
+      compressArrowsSvg,
+      laserPointerClick,
+      alarmClockClick,
+      compressArrowsClick,
+      laserPointerCanvas,
+      isLaserEnabled,
+      editorRef
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [vue.createVNode("div", {
+      "class": [this.ns.e("wrapper")]
+    }, [vue.createVNode("div", {
+      "class": [this.ns.e("wrapper-content")]
+    }, [vue.createVNode(vue.resolveComponent("el-tooltip"), {
+      "effect": "dark",
+      "content": "\u6FC0\u5149\u7B14",
+      "placement": "top",
+      "offset": 10,
+      "teleported": true,
+      "append-to": this.editorRef,
+      "popper-class": this.ns.e("tooltip"),
+      "popper-options": {
+        modifiers: [{
+          name: "offset",
+          options: {
+            offset: [0, 20]
+          }
+        }]
+      }
+    }, {
+      default: () => [vue.createVNode("div", {
+        "class": this.ns.e("item"),
+        "onClick": () => this.laserPointerClick()
+      }, [this.laserPointerSvg()])]
+    }), vue.createVNode(vue.resolveComponent("el-tooltip"), {
+      "effect": "dark",
+      "content": "\u5173\u706F\u8BA1\u65F6",
+      "placement": "top",
+      "offset": 10,
+      "teleported": true,
+      "append-to": this.editorRef,
+      "popper-class": this.ns.e("tooltip"),
+      "popper-options": {
+        modifiers: [{
+          name: "offset",
+          options: {
+            offset: [0, 20]
+          }
+        }]
+      }
+    }, {
+      default: () => [vue.createVNode("div", {
+        "class": this.ns.e("item"),
+        "onClick": () => this.alarmClockClick()
+      }, [this.alarmClockSvg()])]
+    }), vue.createVNode("div", {
+      "class": this.ns.e("divider")
+    }, null), vue.createVNode(vue.resolveComponent("el-tooltip"), {
+      "effect": "dark",
+      "content": "\u9000\u51FA\u6F14\u793A\u6A21\u5F0F",
+      "placement": "top",
+      "offset": 10,
+      "teleported": true,
+      "append-to": this.editorRef,
+      "popper-class": this.ns.e("tooltip"),
+      "popper-options": {
+        modifiers: [{
+          name: "offset",
+          options: {
+            offset: [0, 20]
+          }
+        }]
+      }
+    }, {
+      default: () => [vue.createVNode("div", {
+        "class": this.ns.e("item"),
+        "onClick": () => this.compressArrowsClick()
+      }, [this.compressArrowsSvg()])]
+    })])]), vue.createVNode("div", {
+      "class": this.ns.e("canvas")
+    }, [vue.createVNode("canvas", {
+      "ref": "laserPointerCanvas",
+      "style": "background-color: transparent;",
+      "class": this.isLaserEnabled ? "cursor" : "nocursor"
+    }, null)])]);
+  }
+});
+
+exports.IBizFullscreenToolbar = IBizFullscreenToolbar;

package/lib/common/fullscreen-toolbar/fullscreen-toolbar.css

@@ -0,0 +1 @@
+.ibiz-fullscreen-toolbar{position:fixed;bottom:28px;left:0;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:30px}.ibiz-fullscreen-toolbar__wrapper{z-index:101;display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:100%;height:inherit}.ibiz-fullscreen-toolbar__wrapper:hover .ibiz-fullscreen-toolbar__wrapper-content{display:flex}.ibiz-fullscreen-toolbar__wrapper-content{z-index:101;display:none;flex-flow:row nowrap;place-content:center center;align-items:center;width:169px;height:56px;padding:12px 16px;background-color:#333;border-radius:6px}.ibiz-fullscreen-toolbar__item{display:flex;flex-flow:row nowrap;place-content:center center;align-items:center;width:32px;height:32px;padding:8px;margin-right:8px;cursor:pointer;border-radius:4px;fill:#fff}.ibiz-fullscreen-toolbar__item:hover{background-color:#5c5c5c;fill:#6698ff}.ibiz-fullscreen-toolbar__divider{position:relative;box-sizing:border-box;display:inline-block;height:1rem;padding:0;margin:0;margin:0 16px;font-size:.875rem;line-height:1.5715;color:#333;vertical-align:middle;list-style:none;border-top:0;border-left:1px solid #666}.ibiz-fullscreen-toolbar__canvas{z-index:100}.ibiz-fullscreen-toolbar__canvas>.cursor{cursor:none!important}.ibiz-fullscreen-toolbar__canvas>.nocursor{display:none!important}.ibiz-fullscreen-toolbar__canvas>canvas{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;background:0 0}.ibiz-fullscreen-toolbar__tooltip .el-popper__arrow{display:block}

package/lib/common/index.cjs

@@ -27,6 +27,7 @@ var customTheme = require('./custom-theme/custom-theme.cjs');
 var carouselCard = require('./carousel-card/carousel-card.cjs');
 var emojiSelect = require('./emoji-select/emoji-select.cjs');
 var quickEdit = require('./quick-edit/quick-edit.cjs');
+var fullscreenToolbar = require('./fullscreen-toolbar/fullscreen-toolbar.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -67,6 +68,7 @@ const IBizCommonComponents = {
     v.component(coopAlert.IBizCoopAlert.name, coopAlert.IBizCoopAlert);
     v.component(customTheme.CustomTheme.name, customTheme.CustomTheme);
     v.component(carouselCard.IBizCarouselCard.name, carouselCard.IBizCarouselCard);
+    v.component(fullscreenToolbar.IBizFullscreenToolbar.name, fullscreenToolbar.IBizFullscreenToolbar);
   }
 };
 

package/lib/common/pagination/pagination.cjs

@@ -87,7 +87,7 @@ const IBizPagination = /* @__PURE__ */ vue.defineComponent({
         "onClick": this.pageRefresh
       }, {
         default: () => [vue.createVNode("ion-icon", {
-          "name": "refresh"
+          "src": "./assets/images/svg/refresh.svg"
         }, null)]
       })]), ramda.isNil(this.totalPages) || this.calcTotalPages === this.totalPages ? vue.createVNode("span", null, [ibiz.i18n.t("component.pagination.display"), vue.createTextVNode("\xA0"), this.start, vue.createTextVNode("\xA0-\xA0"), this.end, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.piece"), vue.createTextVNode("\uFF0C")]) : null, vue.createVNode("span", null, [ibiz.i18n.t("component.pagination.total"), vue.createTextVNode("\xA0"), this.total, vue.createTextVNode("\xA0"), ibiz.i18n.t("component.pagination.pieceData")])]
     })]);

package/lib/control/dashboard/custom-dashboard-container/custom-dashboard-container.cjs

@@ -131,7 +131,7 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
     var _a, _b;
     return vue.createVNode("div", {
       "class": [this.ns.b()]
-    }, [vue.createVNode("div", {
+    }, [this.customC.showDesignBtn ? vue.createVNode("div", {
       "class": this.ns.b("build-btn")
     }, [this.showTypeDir ? vue.createVNode("div", null, [vue.createVNode(vue.resolveComponent("el-button"), {
       "class": this.ns.b("deisgn-btn"),
@@ -155,7 +155,7 @@ const CustomDashboardContainer = /* @__PURE__ */ vue.defineComponent({
       default: () => [vue.createVNode("ion-icon", {
         "name": "chevron-back-outline"
       }, null)]
-    })]), vue.createVNode(vue.resolveComponent("el-drawer"), {
+    })]) : null, vue.createVNode(vue.resolveComponent("el-drawer"), {
       "modelValue": this.isShowDesign,
       "onUpdate:modelValue": ($event) => this.isShowDesign = $event,
       "with-header": false,

package/lib/control/dashboard/dashboard-design/dashboard-design.cjs

@@ -119,7 +119,7 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
             type: "app",
             dynamodelFlag: 1,
             portletId: portlet.psappportletid,
-            portletCodeName: portlet.psappportletid.split(".").pop().toLowerCase(),
+            portletCodeName: portlet.codename,
             portletName: portlet.psappportletname,
             groupCodeName: portlet.groupcodename || "Ungroup",
             groupName: portlet.groupname || "\u672A\u5206\u7C7B",
@@ -308,6 +308,12 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
         ...child
       };
       if (child.dynamodelFlag) {
+        const orignData = c.dynaPortletMap.get(child.portletId);
+        if (orignData) {
+          Object.assign(tempItemModel, {
+            controlmodeldigest: orignData.controlmodeldigest
+          });
+        }
         Object.assign(tempItemModel, {
           portletModel: tempModelDatas[0]
         });

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.cjs

@@ -63,8 +63,9 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
       const classList = [ns.e("label"), ...props.labelClass || []];
       if (props.enableInputTip) {
         return vue.createVNode(vue.resolveComponent("el-tooltip"), {
+          "effect": "light",
+          "offset": 4,
           "popper-class": ns.e("popper"),
-          "placement": props.labelPos.toLowerCase(),
           "ref": "tooltip"
         }, {
           default: () => {
@@ -79,7 +80,7 @@ const IBizFormItemContainer = /* @__PURE__ */ vue.defineComponent({
               "href": props.inputTipUrl,
               "target": "_blank"
             }, [ibiz.i18n.t("component.formItemContainer.more")]), props.inputTipClosable && vue.createVNode("ion-icon", {
-              "name": "close-outline",
+              "name": "close-circle",
               "onClick": hiddenTooltip
             }, null)]);
           }

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.css

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--tooltip{max-width:150px}.ibiz-form-item-container__label--tooltip:has(ion-icon){padding-right:var(--ibiz-spacing-base-tight)}.ibiz-form-item-container__label--tooltip a{padding:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-link)}.ibiz-form-item-container__label--tooltip ion-icon{position:absolute;font-size:var(--ibiz-width-icon-large)}.ibiz-form-item-container__popper .el-popper__arrow{display:inherit}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}
+.ibiz-form-item-container{--ibiz-form-item-container-label-width:130px;--ibiz-form-item-container-line-height:var(--ibiz-height-control-default);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight) calc(var(--ibiz-spacing-base-tight) / 2) 0;--ibiz-form-item-container-label-right-padding:calc(var(--ibiz-spacing-base-tight) / 2) 0 calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-form-item-container-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight) var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-container-label-color:var(--ibiz-color-text-1);--ibiz-form-item-container-error-font-size:var(--ibiz-font-size-small);--ibiz-form-item-container-error-color:var(--ibiz-color-danger);width:100%;height:100%;padding:var(--ibiz-form-item-container-padding)}.ibiz-form-item-container__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:var(--ibiz-form-item-container-font-size);color:var(--ibiz-form-item-container-label-color)}.ibiz-form-item-container__label--tooltip{max-width:150px}.ibiz-form-item-container__label--tooltip:has(ion-icon){padding-right:var(--ibiz-width-icon-large)}.ibiz-form-item-container__label--tooltip a{padding:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-link)}.ibiz-form-item-container__label--tooltip ion-icon{position:absolute;font-size:var(--ibiz-width-icon-large);color:var(--ibiz-color-fill-2)}.ibiz-form-item-container__popper.el-popper.is-light{padding:0 var(--ibiz-spacing-extra-tight);border:1px solid var(--ibiz-color-text-0);border-radius:0}.ibiz-form-item-container--left,.ibiz-form-item-container--right{display:flex;min-height:var(--ibiz-form-item-container-line-height)}.ibiz-form-item-container--left .ibiz-form-item-container__label,.ibiz-form-item-container--right .ibiz-form-item-container__label{width:var(--ibiz-form-item-container-label-width)}.ibiz-form-item-container--bottom,.ibiz-form-item-container--top{display:flex;flex-flow:column nowrap}.ibiz-form-item-container--top .ibiz-form-item-container__label{margin-bottom:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--bottom .ibiz-form-item-container__label{margin-top:var(--ibiz-spacing-extra-tight)}.ibiz-form-item-container--left .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-left-padding);text-align:right}.ibiz-form-item-container--right .ibiz-form-item-container__label{padding:var(--ibiz-form-item-container-label-right-padding);text-align:left}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{display:inline-block;margin-right:4px;font-family:SimSun;line-height:1;color:var(--ibiz-form-item-container-require-mark-color);content:"*"}.ibiz-form-item-container__content{display:flex;flex-flow:column nowrap;position:relative;flex-grow:1}.ibiz-form-item-container__content--label-left,.ibiz-form-item-container__content--label-none,.ibiz-form-item-container__content--label-right{height:100%}.ibiz-form-item-container__editor{position:relative;flex-grow:1;height:100%}.ibiz-form-item-container__error{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:100%;width:100%;font-size:var(--ibiz-form-item-container-error-font-size);line-height:calc(var(--ibiz-form-item-container-error-font-size) + 2px);color:var(--ibiz-form-item-container-error-color);word-wrap:break-word}.ibiz-form-item-container.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-form-item-container-error-color) inset}

package/lib/control/grid/grid/grid.cjs

@@ -35,7 +35,7 @@ function renderColumn(c, model, renderColumns, index) {
   } = model;
   const columnC = c.columns[columnName];
   const columnState = c.state.columnStates.find((item) => item.key === columnName);
-  const widthFlexGrow = columnC.isAdaptiveColumn || !c.hasAdaptiveColumn && index === renderColumns.length - 1;
+  const widthFlexGrow = columnC.isAdaptiveColumn || index === renderColumns.length - 1;
   const widthName = widthFlexGrow ? "min-width" : "width";
   return vue.createVNode(vue.resolveComponent("el-table-column"), vue.mergeProps({
     "label": model.caption,

package/lib/editor/span/span/span.cjs

@@ -128,15 +128,24 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
   render() {
     let content = null;
     if (this.c.codeList) {
-      content = this.items.length > 0 && vue.createVNode(vue.resolveComponent("iBizCodeList"), {
-        "class": this.ns.e("code-list"),
-        "codeListItems": this.items,
-        "codeList": this.c.codeList,
-        "value": this.value,
-        "valueFormat": this.valueFormat,
-        "unitName": this.unitName,
-        "convertToCodeItemText": this.c.convertToCodeItemText
-      }, null);
+      if (this.c.codeList.thresholdGroup) {
+        content = this.items.length > 0 && vue.createVNode(vue.resolveComponent("iBizCodeList"), {
+          "class": this.ns.e("code-list"),
+          "codeListItems": this.items,
+          "codeList": this.c.codeList,
+          "value": this.value,
+          "valueFormat": this.valueFormat,
+          "unitName": this.unitName,
+          "convertToCodeItemText": this.c.convertToCodeItemText
+        }, null);
+      } else {
+        content = this.items.length > 0 && vue.createVNode(vue.resolveComponent("iBizCodeList"), {
+          "class": this.ns.e("code-list"),
+          "codeListItems": this.items,
+          "codeList": this.c.codeList,
+          "value": this.text
+        }, null);
+      }
     } else if (this.text) {
       content = this.text;
     } else {

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs

@@ -167,7 +167,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
         "precision": this.c.precision,
         "disabled": this.disabled,
         "controls": false,
-        "onChange": this.handleChange,
+        "onChange": (val) => this.handleChange(val, "blur"),
         "onInput": (value) => this.handleChange(value, "input"),
         "onFocus": this.onFocus,
         "onBlur": this.onBlur,

package/lib/editor/upload/ibiz-image-upload/ibiz-image-upload.cjs

@@ -33,13 +33,20 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
       emit("change", value);
       useInValueChange();
     }, c);
-    const dialogImageUrl = vue.ref("");
+    const dialogImageUrl = vue.ref([]);
+    const dialogImageUrlIndex = vue.ref(0);
     const dialogVisible = vue.ref(false);
     const onDialogVisibleChange = (value) => {
       dialogVisible.value = value;
     };
     const onPreview = (file) => {
-      dialogImageUrl.value = file.url;
+      dialogImageUrl.value = [];
+      files.value.forEach((i) => {
+        if (i.url) {
+          dialogImageUrl.value.push(i.url);
+        }
+      });
+      dialogImageUrlIndex.value = files.value.findIndex((item) => item.url === file.url);
       dialogVisible.value = true;
     };
     const noUploadIcon = vue.computed(() => {
@@ -72,7 +79,8 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
       onDialogVisibleChange,
       onPreview,
       componentRef,
-      showFormDefaultContent
+      showFormDefaultContent,
+      dialogImageUrlIndex
     };
   },
   render() {
@@ -124,11 +132,12 @@ const IBizImageUpload = /* @__PURE__ */ vue.defineComponent({
       }, null)]
     }), this.dialogVisible ? vue.createVNode(vue.resolveComponent("el-image-viewer"), vue.mergeProps({
       "onClose": () => this.onDialogVisibleChange(false),
-      "url-list": [this.dialogImageUrl],
+      "url-list": this.dialogImageUrl,
       "hide-on-click-modal": true,
       "close-on-press-escape": true,
       "teleported": true,
-      "z-index": 9999
+      "z-index": 9999,
+      "initial-index": this.dialogImageUrlIndex
     }, this.$attrs), null) : null]);
   }
 });

package/lib/index.cjs

@@ -126,6 +126,7 @@ var usePagination = require('./util/pagination/use-pagination.cjs');
 var noticeUtil = require('./util/notice-util/notice-util.cjs');
 var renderUtil = require('./util/render-util/render-util.cjs');
 var appUtil = require('./util/app-util/app-util.cjs');
+var fullscreenUtil = require('./util/fullscreen/fullscreen-util.cjs');
 var wangEditorUtil = require('./util/wang-editor-util/wang-editor-util.cjs');
 var authGuard = require('./web-app/guard/auth-guard/auth-guard.cjs');
 var main = require('./web-app/main.cjs');
@@ -259,6 +260,7 @@ exports.usePagination = usePagination.usePagination;
 exports.NoticeUtil = noticeUtil.NoticeUtil;
 exports.RenderUtil = renderUtil.RenderUtil;
 exports.AppUtil = appUtil.AppUtil;
+exports.FullscreenUtil = fullscreenUtil.FullscreenUtil;
 exports.parseHtml = wangEditorUtil.parseHtml;
 exports.AuthGuard = authGuard.AuthGuard;
 exports.runApp = main.runApp;