@ibiz-template/vue3-util 0.7.38-alpha.57 → 0.7.39

package/es/panel-component/single-data-container/index.d.ts

@@ -23,7 +23,7 @@ export declare const IBizSingleDataContainer: import("../../util").TypeWithInsta
     } | undefined) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
         required: true;

package/es/panel-component/single-data-container/single-data-container.d.ts

@@ -22,8 +22,8 @@ export declare const SingleDataContainer: import("vue").DefineComponent<{
         panelItems: {
             [key: string]: IPanelItemController;
         };
-    }) => VNode | null;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    } | undefined) => VNode | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelContainer>;
         required: true;

package/es/panel-component/single-data-container/single-data-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-data-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/single-data-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EACN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;iCA0Bb,UAAU,YACX;QACR,SAAS,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;SACnC,CAAC;QACF,UAAU,EAAE;YACV,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAC;SACrC,CAAC;KACH,KACE,KAAK,GAAG,IAAI;;;;;;;;;;YA0CrB,CAAC"}
+{"version":3,"file":"single-data-container.d.ts","sourceRoot":"","sources":["../../../src/panel-component/single-data-container/single-data-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAIL,QAAQ,EAER,KAAK,EACN,MAAM,KAAK,CAAC;AAEb,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;iCA0Bb,UAAU;;;;;;;sBASlB,KAAK,GAAG,IAAI;;;;;;;;;;YA0CrB,CAAC"}

package/es/panel-component/teleport-placeholder/index.d.ts

@@ -13,7 +13,7 @@ export declare const IBizTeleportPlaceholder: import("../../util").TypeWithInsta
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     tempStyle: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
         required: true;

package/es/panel-component/teleport-placeholder/teleport-placeholder.d.ts

@@ -15,7 +15,7 @@ export declare const TeleportPlaceholder: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     tempStyle: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelRawItem>;
         required: true;

package/es/use/click-outside/click-outside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"click-outside.d.ts","sourceRoot":"","sources":["../../../src/use/click-outside/click-outside.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAmB,GAAG,EAAS,MAAM,KAAK,CAAC;AAElD;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,qBAAqB,EAC9B,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CA8CtB"}
+{"version":3,"file":"click-outside.d.ts","sourceRoot":"","sources":["../../../src/use/click-outside/click-outside.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAmB,GAAG,EAAS,MAAM,KAAK,CAAC;AAElD;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,qBAAqB,EAC9B,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CA8CtB"}

package/es/use/index.d.ts

@@ -10,4 +10,5 @@ export * from './vue/vue';
 export * from './codeList-listen/codelist-listen';
 export * from './storage';
 export * from './autofocus-blur/autofocus-blur';
+export * from './popover/popover';
 //# sourceMappingURL=index.d.ts.map

package/es/use/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,WAAW,CAAC;AAC1B,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,WAAW,CAAC;AAC1B,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC"}

package/es/use/index.mjs

@@ -10,6 +10,7 @@ export { EmptyVNode, getOrigin, isEmptyVNode, useController, useForce, useForceT
 export { useCodeListListen } from './codeList-listen/codelist-listen.mjs';
 export { useLocalCacheKey } from './storage/index.mjs';
 export { useAutoFocusBlur } from './autofocus-blur/autofocus-blur.mjs';
+export { shareCommonAncestor, usePopoverVisible, usePopoverzIndex } from './popover/popover.mjs';
 export { useControlController } from './control/use-control-controller/use-control-controller.mjs';
 export { useViewController } from './view/use-view-controller/use-view-controller.mjs';
 export { useViewOperation } from './view/use-view-operation/use-view-operation.mjs';

package/es/use/popover/popover.d.ts

@@ -0,0 +1,38 @@
+import { Ref } from 'vue';
+/**
+ * 手动管理popover层级
+ *
+ * @export
+ * @param {string} uuid
+ * @param {string} zIndexClass
+ */
+export declare function usePopoverzIndex(): {
+    popoverid: string;
+    setPopoverZIndex: (zIndexClass: string) => void;
+};
+/**
+ * 判断两个元素是否存在任意层级的共同祖先
+ *
+ * @param element1 第一个元素（允许为 null，表示未挂载的虚拟节点）
+ * @param element2 第二个元素（允许为 null，表示未挂载的虚拟节点）
+ * @returns 是否共享至少一个共同祖先（包括自身或父子关系）
+ */
+export declare function shareCommonAncestor(element1: Node | null, element2: Node | null): boolean;
+/**
+ * 手动管理popover打开关闭状态
+ *
+ * @author tony001
+ * @date 2025-02-27 16:02:17
+ * @export
+ * @param {Ref<unknown>} triggerRef
+ * @param {(ele: IData) => Node} getElement
+ * @return {*}  {{
+ *   popoverVisible: Ref<boolean>;
+ *   setPopoverVisible: (visible: boolean) => void;
+ * }}
+ */
+export declare function usePopoverVisible(triggerRef: Ref<unknown>, getElement: (ele: IData) => Node): {
+    popoverVisible: Ref<boolean>;
+    setPopoverVisible: (visible: boolean) => void;
+};
+//# sourceMappingURL=popover.d.ts.map

package/es/use/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/use/popover/popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAAc,MAAM,KAAK,CAAC;AAInD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,IAAI;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAoBA;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,IAAI,GAAG,IAAI,EACrB,QAAQ,EAAE,IAAI,GAAG,IAAI,GACpB,OAAO,CA+BT;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,EACxB,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,GAC/B;IACD,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC7B,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CA0CA"}

package/es/use/popover/popover.mjs

@@ -0,0 +1,92 @@
+import { createUUID } from 'qx-util';
+import { ref, watch, onUnmounted } from 'vue';
+import { listenJSEvent } from '@ibiz-template/core';
+import '../../util/index.mjs';
+import { useUIStore } from '../../util/store/ui-store/ui-store.mjs';
+
+"use strict";
+function usePopoverzIndex() {
+  const popoverid = "popover_".concat(createUUID());
+  const setPopoverZIndex = (zIndexClass) => {
+    const { zIndex } = useUIStore();
+    const transfer = document.getElementsByClassName(popoverid);
+    const modalZIndex = zIndex.increment();
+    if (transfer && transfer.length > 0 && zIndexClass) {
+      for (let i = 0; i < transfer.length; i++) {
+        transfer[i].style.setProperty(
+          zIndexClass,
+          "".concat(modalZIndex)
+        );
+      }
+    }
+  };
+  return {
+    popoverid,
+    setPopoverZIndex
+  };
+}
+function shareCommonAncestor(element1, element2) {
+  if (!element1 || !element2)
+    return false;
+  if (element1 === element2)
+    return true;
+  const ancestorsOfElement1 = /* @__PURE__ */ new Set();
+  let current = element1;
+  while (current) {
+    ancestorsOfElement1.add(current);
+    const parentNode = current.parentNode;
+    if (parentNode && (parentNode.nodeName === "BODY" || parentNode.nodeName === "HTML")) {
+      current = null;
+    } else {
+      current = parentNode;
+    }
+  }
+  current = element2;
+  while (current) {
+    if (ancestorsOfElement1.has(current)) {
+      return true;
+    }
+    current = current.parentNode;
+  }
+  return false;
+}
+function usePopoverVisible(triggerRef, getElement) {
+  let cleanup;
+  const popoverVisible = ref(false);
+  const setPopoverVisible = (visible) => {
+    popoverVisible.value = visible;
+  };
+  watch(
+    () => triggerRef.value,
+    (newValue) => {
+      if (newValue && !cleanup) {
+        cleanup = listenJSEvent(
+          window,
+          "click",
+          (evt) => {
+            if (popoverVisible.value && triggerRef.value) {
+              const result = shareCommonAncestor(
+                getElement(triggerRef.value),
+                evt.target
+              );
+              if (result) {
+                popoverVisible.value = false;
+              }
+            }
+          },
+          { capture: true }
+        );
+      }
+    },
+    { immediate: true }
+  );
+  onUnmounted(() => {
+    cleanup == null ? void 0 : cleanup();
+  });
+  return {
+    popoverVisible,
+    setPopoverVisible
+  };
+}
+
+export { shareCommonAncestor, usePopoverVisible, usePopoverzIndex };

package/es/use/view/use-view-operation/use-view-operation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-view-operation.d.ts","sourceRoot":"","sources":["../../../../src/use/view/use-view-operation/use-view-operation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAsB3D"}
+{"version":3,"file":"use-view-operation.d.ts","sourceRoot":"","sources":["../../../../src/use/view/use-view-operation/use-view-operation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CA4B3D"}

package/es/use/view/use-view-operation/use-view-operation.mjs

@@ -10,9 +10,14 @@ function useViewOperation(view) {
     if (!viewElement)
       return;
     listenJSEventFuncs = listenJSEventNames.map((eventName) => {
-      return listenJSEvent(viewElement, eventName, (event) => {
-        view.setOperateState("MANUAL");
-      });
+      return listenJSEvent(
+        viewElement,
+        eventName,
+        (event) => {
+          view.setOperateState("MANUAL");
+        },
+        { once: true, capture: true }
+      );
     });
   });
   onUnmounted(() => {

package/es/util/install.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"install.d.ts","sourceRoot":"","sources":["../../src/util/install.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAEvC,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;AAE5C,eAAO,MAAM,WAAW,YAChB,CAAC,WACE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,KACzB,gBAAgB,CAAC,CAKnB,CAAC"}
+{"version":3,"file":"install.d.ts","sourceRoot":"","sources":["../../src/util/install.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAEvC,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;AAE5C,eAAO,MAAM,WAAW,6BAER,GAAG,KAAK,IAAI,uBAM3B,CAAC"}

package/es/view/app-redirect-view/app-redirect-view.d.ts

@@ -1,2 +1,2 @@
-export declare const AppRedirectView: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export declare const AppRedirectView: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 //# sourceMappingURL=app-redirect-view.d.ts.map

package/es/view/app-redirect-view/app-redirect-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-redirect-view.d.ts","sourceRoot":"","sources":["../../../src/view/app-redirect-view/app-redirect-view.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,4NAqB1B,CAAC"}
+{"version":3,"file":"app-redirect-view.d.ts","sourceRoot":"","sources":["../../../src/view/app-redirect-view/app-redirect-view.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,sSAqB1B,CAAC"}

package/es/view/common/index.d.ts

@@ -30,7 +30,7 @@ export declare const IBizView: import("../../util").TypeWithInstall<import("vue"
     }>;
     getCtrlTeleportTag: (ctrl: import("@ibiz/model-core").IControl) => string | undefined;
     getControlStyle: () => {};
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: import("vue").PropType<IContext>;
     params: {
         type: import("vue").PropType<IParams>;

package/es/view/common/view.d.ts

@@ -32,7 +32,7 @@ export declare const View: import("vue").DefineComponent<{
     renderControl: (ctrl: IControl, slotProps?: IData) => VNode;
     getCtrlTeleportTag: (ctrl: IControl) => string | undefined;
     getControlStyle: () => {};
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: PropType<IContext>;
     params: {
         type: PropType<IParams>;

package/es/view/de-redirect-view/de-redirect-view.d.ts

@@ -19,7 +19,7 @@ export declare const DeRedirectView: import("vue").DefineComponent<{
     toViewId: import("vue").Ref<string | undefined>;
     toViewContext: import("vue").Ref<IContext | undefined>;
     toViewParams: import("vue").Ref<IParams | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: {
         type: PropType<IContext>;
         required: true;

package/es/view/de-redirect-view/index.d.ts

@@ -16,7 +16,7 @@ export declare const IBizDeRedirectView: import("../../util").TypeWithInstall<im
     toViewId: import("vue").Ref<string | undefined>;
     toViewContext: import("vue").Ref<IContext | undefined>;
     toViewParams: import("vue").Ref<IParams | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: {
         type: import("vue").PropType<IContext>;
         required: true;

package/es/view/html-view/html-view.d.ts

@@ -1,5 +1,5 @@
-import { IModal, ViewController } from '@ibiz-template/runtime';
-import { IAppPortalView } from '@ibiz/model-core';
+import { IAppDEHtmlView } from '@ibiz/model-core';
+import { ViewController } from '@ibiz-template/runtime';
 import { PropType } from 'vue';
 import './html-view.scss';
 export declare const HtmlView: import("vue").DefineComponent<{
@@ -9,11 +9,11 @@ export declare const HtmlView: import("vue").DefineComponent<{
         default: () => {};
     };
     modelData: {
-        type: PropType<IAppPortalView>;
+        type: PropType<IAppDEHtmlView>;
         required: true;
     };
     modal: {
-        type: PropType<IModal>;
+        type: PropType<IAppDEHtmlView>;
     };
     state: {
         type: PropType<IData>;
@@ -23,21 +23,21 @@ export declare const HtmlView: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     controls: import("@ibiz/model-core").IControl[] | undefined;
     viewClassNames: (string | undefined)[];
-    url: import("vue").ComputedRef<any>;
+    url: import("vue").ComputedRef<string>;
     isLoading: import("vue").Ref<boolean>;
     onLoad: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: PropType<IContext>;
     params: {
         type: PropType<IParams>;
         default: () => {};
     };
     modelData: {
-        type: PropType<IAppPortalView>;
+        type: PropType<IAppDEHtmlView>;
         required: true;
     };
     modal: {
-        type: PropType<IModal>;
+        type: PropType<IAppDEHtmlView>;
     };
     state: {
         type: PropType<IData>;

package/es/view/html-view/html-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-view.d.ts","sourceRoot":"","sources":["../../../src/view/html-view/html-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EACN,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEL,QAAQ,EAMT,MAAM,KAAK,CAAC;AAEb,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmEnB,CAAC"}
+{"version":3,"file":"html-view.d.ts","sourceRoot":"","sources":["../../../src/view/html-view/html-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAwB,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAGL,QAAQ,EAKT,MAAM,KAAK,CAAC;AAEb,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+DnB,CAAC"}

package/es/view/html-view/html-view.mjs

@@ -1,4 +1,5 @@
 import { defineComponent, ref, computed, onBeforeMount, withDirectives, createVNode, resolveDirective, h, resolveComponent } from 'vue';
+import { StringUtil } from '@ibiz-template/core';
 import { ViewController, getErrorViewProvider } from '@ibiz-template/runtime';
 import '../../use/index.mjs';
 import './html-view.css';
@@ -40,14 +41,11 @@ const HtmlView = /* @__PURE__ */ defineComponent({
     const viewClassNames = [ns.b(), ns.b(typeClass), ns.m(codeName), sysCssName];
     const isLoading = ref(false);
     const url = computed(() => {
-      if (c.model) {
-        const {
-          htmlUrl
-        } = c.model;
-        if (htmlUrl) {
-          return htmlUrl;
-        }
-      }
+      const {
+        htmlUrl
+      } = c.model;
+      if (htmlUrl)
+        return StringUtil.fill(htmlUrl, c.context, c.params);
       return "";
     });
     onBeforeMount(() => {

package/es/view/html-view/index.d.ts

@@ -5,11 +5,11 @@ export declare const IBizHtmlView: import("../../util").TypeWithInstall<import("
         default: () => {};
     };
     modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IAppPortalView>;
+        type: import("vue").PropType<import("@ibiz/model-core").IAppDEHtmlView>;
         required: true;
     };
     modal: {
-        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+        type: import("vue").PropType<import("@ibiz/model-core").IAppDEHtmlView>;
     };
     state: {
         type: import("vue").PropType<IData>;
@@ -19,21 +19,21 @@ export declare const IBizHtmlView: import("../../util").TypeWithInstall<import("
     ns: import("@ibiz-template/core").Namespace;
     controls: import("@ibiz/model-core").IControl[] | undefined;
     viewClassNames: (string | undefined)[];
-    url: import("vue").ComputedRef<any>;
+    url: import("vue").ComputedRef<string>;
     isLoading: import("vue").Ref<boolean>;
     onLoad: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: import("vue").PropType<IContext>;
     params: {
         type: import("vue").PropType<IParams>;
         default: () => {};
     };
     modelData: {
-        type: import("vue").PropType<import("@ibiz/model-core").IAppPortalView>;
+        type: import("vue").PropType<import("@ibiz/model-core").IAppDEHtmlView>;
         required: true;
     };
     modal: {
-        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+        type: import("vue").PropType<import("@ibiz/model-core").IAppDEHtmlView>;
     };
     state: {
         type: import("vue").PropType<IData>;

package/es/view/portal-view/index.d.ts

@@ -19,7 +19,7 @@ export declare const IBizPortalView: import("../../util").TypeWithInstall<import
     ns: import("@ibiz-template/core").Namespace;
     controls: import("@ibiz/model-core").IControl[] | undefined;
     viewClassNames: (string | undefined)[];
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: import("vue").PropType<IContext>;
     params: {
         type: import("vue").PropType<IParams>;

package/es/view/portal-view/portal-view.d.ts

@@ -22,7 +22,7 @@ export declare const PortalView: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     controls: import("@ibiz/model-core").IControl[] | undefined;
     viewClassNames: (string | undefined)[];
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: PropType<IContext>;
     params: {
         type: PropType<IParams>;

package/es/view/todo-redirect/todo-redirect.d.ts

@@ -1,2 +1,2 @@
-export declare const TodoRedirect: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export declare const TodoRedirect: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 //# sourceMappingURL=todo-redirect.d.ts.map

package/es/view/todo-redirect/todo-redirect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"todo-redirect.d.ts","sourceRoot":"","sources":["../../../src/view/todo-redirect/todo-redirect.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,4NA8CvB,CAAC"}
+{"version":3,"file":"todo-redirect.d.ts","sourceRoot":"","sources":["../../../src/view/todo-redirect/todo-redirect.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,sSA8CvB,CAAC"}

package/lib/common/view-shell/view-shell.cjs

@@ -25,6 +25,10 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
     },
     viewId: {
       type: String
+    },
+    // 解决打开浮动容器（模态、抽屉、弹出框）ctx丢失问题
+    ctx: {
+      type: Object
     }
   },
   setup(props, {
@@ -36,6 +40,9 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
     const provider = vue.ref();
     const viewModelData = vue.ref();
     const hasAuthority = vue.ref(true);
+    if (props.ctx) {
+      vue.provide("ctx", props.ctx);
+    }
     const context = vue.ref(props.context);
     const params = vue.ref(props.params || {});
     let dynaViewCacheKey = "";
@@ -130,6 +137,8 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
                 context.value.srfsessionid = domain.id;
               }
               const app = ibiz.hub.getApp(viewModel.appId);
+              if (!context.value.srfappid)
+                context.value.srfappid = viewModel.appId;
               const service = await app.deService.getService(context.value, appDataEntityId);
               const res = await service.get(context.value, params.value || {});
               if (res.ok && res.data) {

package/lib/index.cjs

@@ -85,6 +85,7 @@ var vue = require('./use/vue/vue.cjs');
 var codelistListen = require('./use/codeList-listen/codelist-listen.cjs');
 var index$p = require('./use/storage/index.cjs');
 var autofocusBlur = require('./use/autofocus-blur/autofocus-blur.cjs');
+var popover = require('./use/popover/popover.cjs');
 var overlayContainer = require('./util/overlay-container/overlay-container.cjs');
 var overlayPopoverContainer = require('./util/overlay-popover-container/overlay-popover-container.cjs');
 var routerCallback = require('./util/router-callback/router-callback.cjs');
@@ -211,6 +212,9 @@ exports.usePropsWatch = vue.usePropsWatch;
 exports.useCodeListListen = codelistListen.useCodeListListen;
 exports.useLocalCacheKey = index$p.useLocalCacheKey;
 exports.useAutoFocusBlur = autofocusBlur.useAutoFocusBlur;
+exports.shareCommonAncestor = popover.shareCommonAncestor;
+exports.usePopoverVisible = popover.usePopoverVisible;
+exports.usePopoverzIndex = popover.usePopoverzIndex;
 exports.OverlayContainer = overlayContainer.OverlayContainer;
 exports.OverlayPopoverContainer = overlayPopoverContainer.OverlayPopoverContainer;
 exports.routerCallback = routerCallback.routerCallback;

package/lib/panel-component/panel-container-image/panel-container-image.cjs

@@ -39,7 +39,8 @@ const PanelContainerImage = /* @__PURE__ */ vue.defineComponent({
       let imgStr = "";
       if (image == null ? void 0 : image.rawContent) {
         if (core.isSvg(image.rawContent)) {
-          imgStr = "url(data:image/svg+xml;base64,".concat(btoa(image.rawContent), ")");
+          const rawContent = image.rawContent.replace(/[\u4e00-\u9fff]/g, "");
+          imgStr = "url(data:image/svg+xml;base64,".concat(btoa(rawContent), ")");
         } else {
           imgStr = "url(".concat(image.rawContent, ")");
         }

package/lib/use/index.cjs

@@ -12,6 +12,7 @@ var vue = require('./vue/vue.cjs');
 var codelistListen = require('./codeList-listen/codelist-listen.cjs');
 var index$1 = require('./storage/index.cjs');
 var autofocusBlur = require('./autofocus-blur/autofocus-blur.cjs');
+var popover = require('./popover/popover.cjs');
 var useControlController = require('./control/use-control-controller/use-control-controller.cjs');
 var useViewController = require('./view/use-view-controller/use-view-controller.cjs');
 var useViewOperation = require('./view/use-view-operation/use-view-operation.cjs');
@@ -37,6 +38,9 @@ exports.usePropsWatch = vue.usePropsWatch;
 exports.useCodeListListen = codelistListen.useCodeListListen;
 exports.useLocalCacheKey = index$1.useLocalCacheKey;
 exports.useAutoFocusBlur = autofocusBlur.useAutoFocusBlur;
+exports.shareCommonAncestor = popover.shareCommonAncestor;
+exports.usePopoverVisible = popover.usePopoverVisible;
+exports.usePopoverzIndex = popover.usePopoverzIndex;
 exports.useControlController = useControlController.useControlController;
 exports.useViewController = useViewController.useViewController;
 exports.useViewOperation = useViewOperation.useViewOperation;

package/lib/use/popover/popover.cjs

@@ -0,0 +1,96 @@
+'use strict';
+
+var qxUtil = require('qx-util');
+var vue = require('vue');
+var core = require('@ibiz-template/core');
+require('../../util/index.cjs');
+var uiStore = require('../../util/store/ui-store/ui-store.cjs');
+
+"use strict";
+function usePopoverzIndex() {
+  const popoverid = "popover_".concat(qxUtil.createUUID());
+  const setPopoverZIndex = (zIndexClass) => {
+    const { zIndex } = uiStore.useUIStore();
+    const transfer = document.getElementsByClassName(popoverid);
+    const modalZIndex = zIndex.increment();
+    if (transfer && transfer.length > 0 && zIndexClass) {
+      for (let i = 0; i < transfer.length; i++) {
+        transfer[i].style.setProperty(
+          zIndexClass,
+          "".concat(modalZIndex)
+        );
+      }
+    }
+  };
+  return {
+    popoverid,
+    setPopoverZIndex
+  };
+}
+function shareCommonAncestor(element1, element2) {
+  if (!element1 || !element2)
+    return false;
+  if (element1 === element2)
+    return true;
+  const ancestorsOfElement1 = /* @__PURE__ */ new Set();
+  let current = element1;
+  while (current) {
+    ancestorsOfElement1.add(current);
+    const parentNode = current.parentNode;
+    if (parentNode && (parentNode.nodeName === "BODY" || parentNode.nodeName === "HTML")) {
+      current = null;
+    } else {
+      current = parentNode;
+    }
+  }
+  current = element2;
+  while (current) {
+    if (ancestorsOfElement1.has(current)) {
+      return true;
+    }
+    current = current.parentNode;
+  }
+  return false;
+}
+function usePopoverVisible(triggerRef, getElement) {
+  let cleanup;
+  const popoverVisible = vue.ref(false);
+  const setPopoverVisible = (visible) => {
+    popoverVisible.value = visible;
+  };
+  vue.watch(
+    () => triggerRef.value,
+    (newValue) => {
+      if (newValue && !cleanup) {
+        cleanup = core.listenJSEvent(
+          window,
+          "click",
+          (evt) => {
+            if (popoverVisible.value && triggerRef.value) {
+              const result = shareCommonAncestor(
+                getElement(triggerRef.value),
+                evt.target
+              );
+              if (result) {
+                popoverVisible.value = false;
+              }
+            }
+          },
+          { capture: true }
+        );
+      }
+    },
+    { immediate: true }
+  );
+  vue.onUnmounted(() => {
+    cleanup == null ? void 0 : cleanup();
+  });
+  return {
+    popoverVisible,
+    setPopoverVisible
+  };
+}
+
+exports.shareCommonAncestor = shareCommonAncestor;
+exports.usePopoverVisible = usePopoverVisible;
+exports.usePopoverzIndex = usePopoverzIndex;