@ibiz-template/vue3-components 0.7.29-alpha.0 → 0.7.29

package/es/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/es/common/fullscreen-toolbar/fullscreen-toolbar-alarm-clock/fullscreen-toolbar-alarm-clock.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="node" />
+import './fullscreen-toolbar-alarm-clock.scss';
+export declare const IBizAlarmClock: import("vue").DefineComponent<{}, {
+    ns: import("@ibiz-template/core").Namespace;
+    close: () => void;
+    closeSvg: () => JSX.Element;
+    formattedTime: import("vue").Ref<string>;
+    timerInterval: string | number | NodeJS.Timeout | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/es/common/fullscreen-toolbar/fullscreen-toolbar-alarm-clock/fullscreen-toolbar-alarm-clock.mjs

@@ -0,0 +1,87 @@
+import { ref, onMounted, onBeforeUnmount, createVNode, defineComponent } from 'vue';
+import './fullscreen-toolbar-alarm-clock.css';
+import { useNamespace } from '@ibiz-template/vue3-util';
+
+"use strict";
+const IBizAlarmClock = /* @__PURE__ */ defineComponent({
+  name: "AlarmClock",
+  setup() {
+    const ns = useNamespace("alarm-clock");
+    const close = () => {
+      const div = document.getElementById("alarm-clock");
+      if (div) {
+        if (div.parentElement) {
+          div.parentElement.removeChild(div);
+        }
+      }
+    };
+    const formattedTime = 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);
+    };
+    onMounted(() => {
+      startTimer();
+    });
+    onBeforeUnmount(() => {
+      clearInterval(timerInterval);
+    });
+    const closeSvg = () => {
+      return createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [createVNode("g", {
+        "id": "atjaction/quit",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [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 createVNode("div", {
+      "ref": "componentRef",
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("wrapper")
+    }, [createVNode("div", {
+      "class": this.ns.e("light-counter")
+    }, [this.formattedTime]), createVNode("div", {
+      "class": this.ns.e("svg-wrapper")
+    }, [createVNode("div", {
+      "class": this.ns.e("svg"),
+      "onClick": () => this.close()
+    }, [this.closeSvg()])])])]);
+  }
+});
+
+export { IBizAlarmClock };

package/es/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/es/common/fullscreen-toolbar/fullscreen-toolbar.d.ts

@@ -0,0 +1,13 @@
+import './fullscreen-toolbar.scss';
+export declare const IBizFullscreenToolbar: import("vue").DefineComponent<{}, {
+    ns: import("@ibiz-template/core").Namespace;
+    laserPointerSvg: () => JSX.Element;
+    alarmClockSvg: () => JSX.Element;
+    compressArrowsSvg: () => JSX.Element;
+    laserPointerClick: () => void;
+    alarmClockClick: () => void;
+    compressArrowsClick: () => void;
+    laserPointerCanvas: import("vue").Ref<any>;
+    isLaserEnabled: import("vue").Ref<boolean>;
+    editorRef: import("vue").Ref<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/es/common/fullscreen-toolbar/fullscreen-toolbar.mjs

@@ -0,0 +1,244 @@
+import { createVNode, ref, createApp, onMounted, onBeforeUnmount, resolveComponent, defineComponent } from 'vue';
+import './fullscreen-toolbar.css';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { IBizAlarmClock } from './fullscreen-toolbar-alarm-clock/fullscreen-toolbar-alarm-clock.mjs';
+
+"use strict";
+const IBizFullscreenToolbar = /* @__PURE__ */ defineComponent({
+  name: "IBizFullscreenToolbar",
+  setup() {
+    const ns = useNamespace("fullscreen-toolbar");
+    const laserPointerSvg = () => {
+      return createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [createVNode("g", {
+        "id": "aoeeditor/laser-pointer",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [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 createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [createVNode("g", {
+        "id": "aah\u5DE5\u65F6",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [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 createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [createVNode("g", {
+        "id": "ahsaction/compress-arrows",
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [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 = ref();
+    const ctx = ref();
+    const isLaserEnabled = ref(false);
+    const mouseX = ref(0);
+    const mouseY = 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 = createApp(IBizAlarmClock);
+        app.mount(content);
+      }
+    };
+    const compressArrowsClick = () => {
+      const div = document.getElementById("fullscreen");
+      if (div) {
+        document.exitFullscreen();
+        if (div.parentElement) {
+          div.parentElement.removeChild(div);
+        }
+      }
+    };
+    const editorRef = ref();
+    const handleFullScreenChange = () => {
+      if (document.fullscreenElement) {
+      } else {
+        const div = document.getElementById("fullscreen");
+        if (div) {
+          if (div.parentElement) {
+            div.parentElement.removeChild(div);
+          }
+        }
+      }
+    };
+    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);
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("fullscreenchange", handleFullScreenChange);
+    });
+    return {
+      ns,
+      laserPointerSvg,
+      alarmClockSvg,
+      compressArrowsSvg,
+      laserPointerClick,
+      alarmClockClick,
+      compressArrowsClick,
+      laserPointerCanvas,
+      isLaserEnabled,
+      editorRef
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [createVNode("div", {
+      "class": [this.ns.e("wrapper")]
+    }, [createVNode("div", {
+      "class": [this.ns.e("wrapper-content")]
+    }, [createVNode(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: () => [createVNode("div", {
+        "class": this.ns.e("item"),
+        "onClick": () => this.laserPointerClick()
+      }, [this.laserPointerSvg()])]
+    }), createVNode(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: () => [createVNode("div", {
+        "class": this.ns.e("item"),
+        "onClick": () => this.alarmClockClick()
+      }, [this.alarmClockSvg()])]
+    }), createVNode("div", {
+      "class": this.ns.e("divider")
+    }, null), createVNode(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: () => [createVNode("div", {
+        "class": this.ns.e("item"),
+        "onClick": () => this.compressArrowsClick()
+      }, [this.compressArrowsSvg()])]
+    })])]), createVNode("div", {
+      "class": this.ns.e("canvas")
+    }, [createVNode("canvas", {
+      "ref": "laserPointerCanvas",
+      "style": "background-color: transparent;",
+      "class": this.isLaserEnabled ? "cursor" : "nocursor"
+    }, null)])]);
+  }
+});
+
+export { IBizFullscreenToolbar };

package/es/common/index.mjs

@@ -23,6 +23,7 @@ import { CustomTheme } from './custom-theme/custom-theme.mjs';
 import { IBizCarouselCard } from './carousel-card/carousel-card.mjs';
 import { IBizEmojiSelect } from './emoji-select/emoji-select.mjs';
 import { IBizQuickEdit } from './quick-edit/quick-edit.mjs';
+import { IBizFullscreenToolbar } from './fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";
 const IBizCommonComponents = {
@@ -63,6 +64,7 @@ const IBizCommonComponents = {
     v.component(IBizCoopAlert.name, IBizCoopAlert);
     v.component(CustomTheme.name, CustomTheme);
     v.component(IBizCarouselCard.name, IBizCarouselCard);
+    v.component(IBizFullscreenToolbar.name, IBizFullscreenToolbar);
   }
 };
 

package/es/common/pagination/pagination.mjs

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

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.d.ts

@@ -2038,6 +2038,7 @@ export declare const CustomDashboardContainer: import("vue").DefineComponent<{
             portlets: {
                 [key: string]: import("@ibiz-template/runtime").IPortletController;
             };
+            dynaPortletMap: Map<string, IData>;
             initPortlets: (portletModels: IDBPortletPart[], parent?: import("@ibiz-template/runtime").IPortletContainerController | undefined) => Promise<void>;
             initPortletsConfig: (config?: IData | undefined) => Promise<void>;
             resetPortlets: () => Promise<void>;

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -306,6 +306,12 @@ const DashboardDesign = /* @__PURE__ */ 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/es/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/es/control/form/form-detail/form-item/form-item-container/form-item-container.mjs

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

package/es/control/grid/grid/grid.mjs

@@ -33,7 +33,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 createVNode(resolveComponent("el-table-column"), mergeProps({
     "label": model.caption,

package/es/editor/span/span/span.mjs

@@ -126,15 +126,24 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
   render() {
     let content = null;
     if (this.c.codeList) {
-      content = this.items.length > 0 && createVNode(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 && createVNode(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 && createVNode(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/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -33,7 +33,7 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
     limit: import("vue").ComputedRef<1 | 9999>;
     headers: import("vue").Ref<IData>;
     uploadUrl: import("vue").Ref<string>;
-    dialogImageUrl: import("vue").Ref<string>;
+    dialogImageUrl: import("vue").Ref<string[]>;
     dialogVisible: import("vue").Ref<boolean>;
     noUploadIcon: import("vue").ComputedRef<boolean>;
     beforeUpload: (rawFile: import("element-plus").UploadRawFile) => boolean;
@@ -45,6 +45,7 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
     onPreview: (file: IData) => void;
     componentRef: import("vue").Ref<any>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    dialogImageUrlIndex: import("vue").Ref<number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -31,13 +31,20 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       emit("change", value);
       useInValueChange();
     }, c);
-    const dialogImageUrl = ref("");
+    const dialogImageUrl = ref([]);
+    const dialogImageUrlIndex = ref(0);
     const dialogVisible = 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 = computed(() => {
@@ -70,7 +77,8 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       onDialogVisibleChange,
       onPreview,
       componentRef,
-      showFormDefaultContent
+      showFormDefaultContent,
+      dialogImageUrlIndex
     };
   },
   render() {
@@ -122,11 +130,12 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       }, null)]
     }), this.dialogVisible ? createVNode(resolveComponent("el-image-viewer"), 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/es/index.mjs

@@ -124,6 +124,7 @@ export { usePagination } from './util/pagination/use-pagination.mjs';
 export { NoticeUtil } from './util/notice-util/notice-util.mjs';
 export { RenderUtil } from './util/render-util/render-util.mjs';
 export { AppUtil } from './util/app-util/app-util.mjs';
+export { FullscreenUtil } from './util/fullscreen/fullscreen-util.mjs';
 export { parseHtml } from './util/wang-editor-util/wang-editor-util.mjs';
 export { AuthGuard } from './web-app/guard/auth-guard/auth-guard.mjs';
 export { runApp } from './web-app/main.mjs';

package/es/util/fullscreen/fullscreen-util.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 全屏全局工具类
+ *
+ * @export
+ * @class FullscreenUtil
+ */
+export declare class FullscreenUtil {
+    /**
+     * Creates an instance of FullscreenUtil.
+     * @memberof FullscreenUtil
+     */
+    constructor();
+    /**
+     * 指定元素全屏
+     * @author fzh
+     * @date 2024-07-09 19:39:40
+     */
+    openElementFullscreen(div: HTMLDivElement): void;
+    /**
+     * 页面退出全屏
+     * @author fzh
+     * @date 2024-07-09 19:39:40
+     */
+    closeFullscreen(): void;
+}

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';