@ibiz-template/vue3-components 0.7.41-alpha.41 → 0.7.41-alpha.43

package/es/panel-component/panel-app-title/panel-app-title.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, inject, computed } from 'vue';
+import { defineComponent, createVNode, resolveComponent, inject, computed } from 'vue';
 import { useNamespace, route2routePath, routePath2string } from '@ibiz-template/vue3-util';
 import { useRoute, useRouter } from 'vue-router';
 import { PanelAppTitleController } from './panel-app-title.controller.mjs';
@@ -85,7 +85,6 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
   render() {
     const {
       icon,
-      isSvg,
       caption,
       caption2,
       subCaption,
@@ -102,22 +101,14 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
       if (this.menuAlign === "LEFT") {
         if (this.isCollapse) {
           if (icon) {
-            let tempIcon = null;
-            if (isSvg) {
-              tempIcon = createVNode("ion-icon", {
-                "class": this.ns.e("logo"),
-                "icon": icon
-              }, null);
-            } else {
-              tempIcon = createVNode("span", {
-                "class": this.ns.e("logo")
-              }, [createVNode("img", {
-                "src": icon
-              }, null)]);
-            }
             iconVNode = createVNode("div", {
               "class": this.ns.e("collpase-icon")
-            }, [tempIcon]);
+            }, [createVNode(resolveComponent("iBizIcon"), {
+              "class": this.ns.e("logo"),
+              "icon": {
+                rawContent: icon
+              }
+            }, null)]);
           } else {
             iconVNode = createVNode("div", {
               "class": this.ns.e("collapse-title")
@@ -128,19 +119,6 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
             }, [subCaption2])]);
           }
         } else if (this.showIcon && icon) {
-          let tempIcon = null;
-          if (isSvg) {
-            tempIcon = createVNode("ion-icon", {
-              "class": this.ns.em("logo", "expand"),
-              "icon": icon
-            }, null);
-          } else {
-            tempIcon = createVNode("span", {
-              "class": this.ns.em("logo", "expand")
-            }, [createVNode("img", {
-              "src": icon
-            }, null)]);
-          }
           let tempContent = createVNode("g", {
             "id": "app-caption-panel",
             "stroke": "none",
@@ -181,7 +159,12 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
           }
           iconVNode = createVNode("span", {
             "class": this.ns.e("logo")
-          }, [tempIcon, createVNode("svg", {
+          }, [createVNode(resolveComponent("iBizIcon"), {
+            "class": this.ns.em("logo", "expand"),
+            "icon": {
+              rawContent: icon
+            }
+          }, null), createVNode("svg", {
             "width": "166px",
             "height": "80px",
             "viewBox": "0 0 166 90",
@@ -220,18 +203,12 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
         }
       } else if (this.menuAlign === "TOP") {
         if (icon) {
-          if (isSvg) {
-            iconVNode = createVNode("ion-icon", {
-              "class": this.ns.e("logo"),
-              "icon": icon
-            }, null);
-          } else {
-            iconVNode = createVNode("span", {
-              "class": this.ns.e("logo")
-            }, [createVNode("img", {
-              "src": icon
-            }, null)]);
-          }
+          iconVNode = createVNode(resolveComponent("iBizIcon"), {
+            "class": this.ns.e("logo"),
+            "icon": {
+              rawContent: icon
+            }
+          }, null);
         }
       }
       if (this.menuAlign === "LEFT") {