npm - @ibiz-template/vue3-components - Versions diffs - 0.7.41-alpha.26 → 0.7.41-alpha.28 - Mend

@ibiz-template/vue3-components 0.7.41-alpha.26 → 0.7.41-alpha.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1305) hide show

package/es/common/action-toolbar/action-toolbar.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__group-item>span{width:100%}.ibiz-action-toolbar__group-item--~~caption~~{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;justify-content:space-between;width:100%}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
1	+ @charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__group-item>span{width:100%}.ibiz-action-toolbar__group-item--content{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;justify-content:space-between;width:100%}.ibiz-action-toolbar__group-item--caption{display:flex;align-items:center;padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/es/common/action-toolbar/action-toolbar.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, ref } from 'vue';
 import { useNamespace, usePopoverVisible } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import './action-toolbar.css';
@@ -98,6 +98,17 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       return [ns.e("item"), (_a2 = item.sysCss) == null ? void 0 : _a2.codeName, ns.em("item", "level-".concat(actionLevel))];
     };
     const popoverIndex = props.zIndex;
+    const renderItemContent = (detail) => {
+      var _a2, _b;
+      const caption = ((_a2 = detail.refUIActionGroup) == null ? void 0 : _a2.name) || ((_b = detail.refUIActionGroup) == null ? void 0 : _b.id) || detail.caption;
+      return [createVNode("div", {
+        "class": [ns.em("item", "icon"), ns.is("has-caption", detail.showCaption && !!detail.caption), ns.is("has-icon", detail.showIcon && !!detail.sysImage)]
+      }, [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
+        "icon": detail.sysImage
+      }, null)]), createVNode("div", {
+        "class": [ns.em("item", "label"), ns.is("has-caption", detail.showCaption && !!detail.caption), ns.is("has-icon", detail.showIcon && !!detail.sysImage)]
+      }, [caption])];
+    };
     return {
       ns,
       dropdownRef,
@@ -107,6 +118,7 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       groupButtonRef,
       popoverVisible,
       handleClick,
+      renderItemContent,
       calcActionItemClass
     };
   },
@@ -154,9 +166,11 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
             "class": [...this.calcActionItemClass(detail), this.ns.e("group-item")]
           }, {
             default: () => [createVNode("div", {
+              "class": this.ns.em("group-item", "content")
+            }, [createVNode("div", {
               "class": this.ns.em("group-item", "caption")
-            }, [createVNode("span", null, [actionGroup.name || actionGroup.id]), createVNode("ion-icon", {
-              "class": this.ns.em("group-item", "caption-icon"),
+            }, [this.renderItemContent(detail)]), createVNode("ion-icon", {
+              "class": this.ns.em("group-item", "icon"),
               "name": ishorizontal ? "chevron-down-outline" : "chevron-forward-outline"
             }, null)])]
           });
@@ -172,6 +186,7 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
         if (detail.detailType === "DEUIACTIONGROUP" && detail.refUIActionGroup)
           return renderActionGroup(detail, isExpand);
         if ((_a2 = this.actionsState[detail.id]) == null ? void 0 : _a2.visible) {
+          let _slot;
           return [detail.addSeparator && renderDivider(isExpand), createVNode(resolveComponent("el-button"), {
             "text": true,
             "size": "small",
@@ -179,21 +194,15 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
             "title": showTitle(detail.tooltip),
             "disabled": this.actionsState[detail.id].disabled,
             "class": this.calcActionItemClass(detail)
-          }, {
-            default: () => [createVNode("div", {
-              "class": [this.ns.em("item", "icon"), this.ns.is("has-caption", detail.showCaption && !!detail.caption), this.ns.is("has-icon", detail.showIcon && !!detail.sysImage)]
-            }, [detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
-              "icon": detail.sysImage
-            }, null)]), createVNode("div", {
-              "class": [this.ns.em("item", "label"), this.ns.is("has-caption", detail.showCaption && !!detail.caption), this.ns.is("has-icon", detail.showIcon && !!detail.sysImage)]
-            }, [detail.showCaption ? detail.caption : ""])]
+          }, _isSlot(_slot = this.renderItemContent(detail)) ? _slot : {
+            default: () => [_slot]
           })];
         }
         return null;
       });
     };
     const renderGroup = () => {
-      let _slot;
+      let _slot2;
       if (this.groupDetails.length === 0)
         return null;
       const pvisible = this.groupDetails.findIndex((item) => {
@@ -226,8 +235,8 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
         "popper-class": this.ns.e("popover"),
         "virtual-triggering": true,
         "popper-style": "z-index:".concat(this.popoverIndex)
-      }, _isSlot(_slot = renderActions(this.groupDetails, false)) ? _slot : {
-        default: () => [_slot]
+      }, _isSlot(_slot2 = renderActions(this.groupDetails, false)) ? _slot2 : {
+        default: () => [_slot2]
       })];
     };
     if (!((_a = this.actionsState) == null ? void 0 : _a.visible))

package/es/common/anchor-container/anchor-bar-list/anchor-bar-list.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, createVNode, watch, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, watch } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './anchor-bar-list.css';

package/es/common/anchor-container/anchor-container.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, watch, onUnmounted, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, watch, onUnmounted } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { IBizAnchorBarList } from './anchor-bar-list/anchor-bar-list.mjs';
 import './anchor-container.css';

package/es/common/button-list/button-list.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ibiz-button-list{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular);--ibiz-button-list-gap:var(--ibiz-spacing-base-tight)}.ibiz-button-list__content{display:flex}.ibiz-button-list__content .ibiz-button-list__dropdown{width:auto}.ibiz-button-list__content .el-button+.el-dropdown{margin-left:var(--ibiz-button-list-gap)}.ibiz-button-list__button-content{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;width:100%}.ibiz-button-list__button-content--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-icon-size);height:var(--ibiz-button-list-icon-size);margin-right:var(--ibiz-button-list-icon-margin);font-size:var(--ibiz-button-list-icon-size)}.ibiz-button-list__item>span{width:100%;pointer-events:none}.ibiz-button-list__item--group .ibiz-button-~~list__button~~-~~content~~{justify-content:~~space~~-~~between~~}.ibiz-button-list__dropdown{width:100%;height:100%}.ibiz-button-list__dropdown .ibiz-icon{margin-right:0}.ibiz-button-list__dropdown .ibiz-icon+.ibiz-button-list__button-content--caption{margin-left:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__dropdown .el-button-group{display:flex;width:100%;height:100%;border-radius:var(--ibiz-border-radius-small)}.ibiz-button-list__dropdown .el-button-group .el-button:first-child{flex-grow:1}.ibiz-button-list__dropdown .el-button-group .el-button:last-child{flex-shrink:0}.ibiz-button-list__dropdown--style2 .el-button{--el-button-active-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;--el-button-hover-bg-color:transparent}.ibiz-button-list__dropdown--style2 .el-button-group .ibiz-button-list__item{padding-right:0}.ibiz-button-list__dropdown--style2 .el-button-group .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown--style2 .el-button-group:hover .el-button{color:var(--ibiz-color-primary)}.ibiz-button-list--itemx .ibiz-button-list__more-button{width:32px;padding-right:0;padding-left:0}.ibiz-button-list__dropdown-popper{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular);--ibiz-button-list-gap:var(--ibiz-spacing-base-tight)}.ibiz-button-list__dropdown-popper>.el-scrollbar{min-width:150px;overflow:visible}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item:hover{background-color:var(--ibiz-color-bg-0)}.ibiz-button-list__dropdown-popper--style2 .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown-popper-content{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-button-list__popover{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)!important;border-radius:0!important}.ibiz-button-list__dropdown-popper-content,.ibiz-button-list__popover{display:flex;flex-direction:column;background-color:var(--ibiz-color-primary)!important}.ibiz-button-list__dropdown-popper-content .el-button,.ibiz-button-list__popover .el-button{justify-content:flex-start;width:100%;height:var(--ibiz-height-control-large);padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-button-list__dropdown-popper-content .el-button ion-icon,.ibiz-button-list__popover .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-button-list__dropdown-popper-content .el-button.is-text:not(.is-disabled):hover,.ibiz-button-list__popover .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}
1	+ .ibiz-button-list{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular);--ibiz-button-list-gap:var(--ibiz-spacing-base-tight)}.ibiz-button-list__content{display:flex}.ibiz-button-list__content .ibiz-button-list__dropdown{width:auto}.ibiz-button-list__content .el-button+.el-dropdown{margin-left:var(--ibiz-button-list-gap)}.ibiz-button-list__button-content{display:flex;gap:var(--ibiz-spacing-extra-tight);align-items:center;width:100%}.ibiz-button-list__button-content--icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-icon-size);height:var(--ibiz-button-list-icon-size);margin-right:var(--ibiz-button-list-icon-margin);font-size:var(--ibiz-button-list-icon-size)}.ibiz-button-list__item>span{width:100%;pointer-events:none}.ibiz-button-list__item--group>span{display:flex;justify-content:space-between}.ibiz-button-list__item--group-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-button-list-icon-size);height:var(--ibiz-button-list-icon-size);margin-left:var(--ibiz-button-list-icon-margin);font-size:var(--ibiz-button-list-icon-size)}.ibiz-button-list__dropdown{width:100%;height:100%}.ibiz-button-list__dropdown .ibiz-icon{margin-right:0}.ibiz-button-list__dropdown .ibiz-icon+.ibiz-button-list__button-content--caption{margin-left:var(--ibiz-button-list-icon-margin)}.ibiz-button-list__dropdown .el-button-group{display:flex;width:100%;height:100%;border-radius:var(--ibiz-border-radius-small)}.ibiz-button-list__dropdown .el-button-group .el-button:first-child{flex-grow:1}.ibiz-button-list__dropdown .el-button-group .el-button:last-child{flex-shrink:0}.ibiz-button-list__dropdown--style2 .el-button{--el-button-active-bg-color:transparent;--el-button-bg-color:transparent;--el-mask-color-extra-light:transparent;--el-button-hover-bg-color:transparent}.ibiz-button-list__dropdown--style2 .el-button-group .ibiz-button-list__item{padding-right:0}.ibiz-button-list__dropdown--style2 .el-button-group .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown--style2 .el-button-group:hover .el-button{color:var(--ibiz-color-primary)}.ibiz-button-list--itemx .ibiz-button-list__more-button{width:32px;padding-right:0;padding-left:0}.ibiz-button-list__dropdown-popper{--ibiz-button-list-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-button-list-icon-size:var(--ibiz-width-icon-medium);--ibiz-button-list-popover-bg:var(--ibiz-color-bg-3);--ibiz-button-list-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-button-list-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-button-list-popover-button-margin:var(--ibiz-spacing-none);--ibiz-button-list-popover-button-size:var(--ibiz-height-control-large);--ibiz-button-list-popover-button-font-size:var(--ibiz-font-size-regular);--ibiz-button-list-gap:var(--ibiz-spacing-base-tight)}.ibiz-button-list__dropdown-popper>.el-scrollbar{min-width:150px;overflow:visible}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item{background-color:transparent}.ibiz-button-list__dropdown-popper--style2.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu__item:hover{background-color:var(--ibiz-color-bg-0)}.ibiz-button-list__dropdown-popper--style2 .el-button{color:var(--ibiz-color-text-2)}.ibiz-button-list__dropdown-popper-content{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-button-list__popover{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)!important;border-radius:0!important}.ibiz-button-list__dropdown-popper-content,.ibiz-button-list__popover{display:flex;flex-direction:column;background-color:var(--ibiz-color-primary)!important}.ibiz-button-list__dropdown-popper-content .el-button,.ibiz-button-list__popover .el-button{justify-content:flex-start;width:100%;height:var(--ibiz-height-control-large);padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-button-list__dropdown-popper-content .el-button ion-icon,.ibiz-button-list__popover .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-button-list__dropdown-popper-content .el-button.is-text:not(.is-disabled):hover,.ibiz-button-list__popover .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}

package/es/common/button-list/button-list.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, computed, nextTick, onActivated, onDeactivated, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, computed, nextTick, onActivated, onDeactivated, onMounted, resolveComponent } from 'vue';
 import { useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { debounce } from 'lodash-es';
 import '../../util/index.mjs';
@@ -170,12 +170,15 @@ const IBizButtonList = /* @__PURE__ */ defineComponent({
           }, {
             default: () => [createVNode("div", {
               "class": ns.e("button-content")
-            }, [createVNode("span", {
+            }, [detail.showIcon && createVNode(resolveComponent("iBizIcon"), {
+              "icon": detail.sysImage,
+              "class": ns.em("button-content", "icon")
+            }, null), detail.showCaption && createVNode("span", {
               "class": ns.em("button-content", "caption")
-            }, [actionGroup.name || actionGroup.id]), createVNode("ion-icon", {
-              "class": ns.em("button-content", "icon"),
+            }, [actionGroup.name || actionGroup.id])]), createVNode("ion-icon", {
+              "class": ns.em("item", "group-icon"),
               "name": isFlatten ? "chevron-down-outline" : "chevron-forward-outline"
-            }, null)])]
+            }, null)]
           });
         },
         default: () => {

package/es/common/carousel/carousel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, ref, watch } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './carousel.css';

package/es/common/carousel-card/carousel-card.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, computed, onMounted, onBeforeUnmount, nextTick, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, computed, onMounted, onBeforeUnmount, nextTick } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './carousel-card.css';

package/es/common/col/col.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, createVNode, resolveComponent, h, defineComponent } from 'vue';
+import { defineComponent, createVNode, h, resolveComponent, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { calcContentAlignStyle } from '@ibiz-template/runtime';
 import './col.css';

package/es/common/control-navigation/control-navigation.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, computed, watch, onMounted, h } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { getNavigationProvider } from './provider/index.mjs';
 import './control-navigation.css';

package/es/common/coop-alert/coop-alert.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './coop-alert.css';

package/es/common/cropping/cropping.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, computed, nextTick, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, computed, nextTick } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import './cropping.css';

package/es/common/custom-filter-condition/custom-filter-condition.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, resolveComponent, h, createTextVNode, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, createTextVNode, resolveComponent, ref, watch, h } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { getEditorProvider } from '@ibiz-template/runtime';

package/es/common/custom-theme/custom-theme.mjs CHANGED Viewed

@@ -1,10 +1,10 @@
-import { isVNode, getCurrentInstance, ref, watch, nextTick, onMounted, onUnmounted, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, getCurrentInstance, ref, watch, nextTick, onMounted, onUnmounted, computed } from 'vue';
 import { useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
-import '../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.52.2/node_modules/@monaco-editor/loader/lib/es/index.mjs';
+import '../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
 import { CustomThemeController } from './custom-theme.controller.mjs';
 import './custom-theme.css';
-import loader from '../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.52.2/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
+import loader from '../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
 "use strict";
 function _isSlot(s) {

package/es/common/data-import/data-import.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, ref, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, withDirectives, createVNode, resolveComponent, resolveDirective, ref } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import.css';
 import { downloadImportTemplate, selectAndImport } from '@ibiz-template/runtime';

package/es/common/data-import2/data-import2.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, onMounted, computed, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, defineComponent, withDirectives, createVNode, resolveComponent, resolveDirective, ref, watch, onMounted, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import qs from 'qs';
 import { showTitle } from '@ibiz-template/core';

package/es/common/data-import2-select/data-import2-select.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import2-select.css';
 import { updateImportSchema, deleteImportSchema } from '@ibiz-template/runtime';

package/es/common/data-import2-table/data-import2-table.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './data-import2-table.css';

package/es/common/doing-notice/doing-notice.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './doing-notice.css';

package/es/common/editor-empty-text/editor-empty-text.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './editor-empty-text.css';

package/es/common/emoji-select/components/categories/categories.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './categories.css';
 import { showTitle } from '@ibiz-template/core';

package/es/common/emoji-select/components/category-label/category-label.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './category-label.css';

package/es/common/emoji-select/components/emoji-item/emoji-item.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './emoji-item.css';

package/es/common/emoji-select/components/emoji-list/emoji-list.mjs CHANGED Viewed

@@ -1,10 +1,10 @@
-import { ref, computed, watch, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, computed, watch } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import '../category-label/index.mjs';
 import '../emoji-item/index.mjs';
 import './emoji-list.css';
-import { EmojiItem } from '../emoji-item/emoji-item.mjs';
 import { CategoryLabel } from '../category-label/category-label.mjs';
+import { EmojiItem } from '../emoji-item/emoji-item.mjs';
 "use strict";
 const searchByAlias = (term, emoji) => {

package/es/common/emoji-select/components/input-search/input-search.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, createVNode, vModelText, withDirectives, defineComponent } from 'vue';
+import { defineComponent, createVNode, withDirectives, vModelText, ref } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import '../../icons/index.mjs';
 import './input-search.css';

package/es/common/emoji-select/emoji-select.mjs CHANGED Viewed

@@ -1,13 +1,13 @@
-import { ref, computed, watch, onMounted, onUnmounted, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, computed, watch, onMounted, onUnmounted } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './icons/index.mjs';
 import './components/index.mjs';
 import './emoji-select.css';
-import { emojisDefault } from './icons/emoji.mjs';
-import { categoriesDefault } from './icons/categories.mjs';
 import { Categories } from './components/categories/categories.mjs';
 import { InputSearch } from './components/input-search/input-search.mjs';
 import { EmojiList } from './components/emoji-list/emoji-list.mjs';
+import { categoriesDefault } from './icons/categories.mjs';
+import { emojisDefault } from './icons/emoji.mjs';
 "use strict";
 const IBizEmojiSelect = /* @__PURE__ */ defineComponent({

package/es/common/extend-action-timeline/extend-action-timeline.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, watch, createVNode, resolveComponent, vShow, withDirectives, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, watch, withDirectives, resolveComponent, vShow } from 'vue';
 import dayjs from 'dayjs';
 import { clone } from 'ramda';
 import './extend-action-timeline.css';

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

@@ -1,4 +1,4 @@
-import { ref, onMounted, onBeforeUnmount, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, onMounted, onBeforeUnmount } from 'vue';
 import './fullscreen-toolbar-alarm-clock.css';
 import { useNamespace } from '@ibiz-template/vue3-util';

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

@@ -1,4 +1,4 @@
-import { createVNode, ref, createApp, onMounted, onBeforeUnmount, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, createApp, onMounted, onBeforeUnmount } 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';

package/es/common/gantt-setting/gantt-setting.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, ref, watch, resolveComponent, defineComponent } from 'vue';
+import { isVNode, createVNode, defineComponent, resolveComponent, ref, watch } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from 'ramda';
 import './gantt-setting.css';

package/es/common/grid-setting/grid-setting.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import draggable from 'vuedraggable';
 import { showTitle } from '@ibiz-template/core';

package/es/common/kanben-setting/kanben-setting.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './kanben-setting.css';

package/es/common/map-chart/map-chart.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import { computed, onMounted, createVNode, defineComponent } from 'vue';
-import { isNil, mergeDeepWithKey } from 'ramda';
+import { defineComponent, createVNode, computed, onMounted } from 'vue';
+import { mergeDeepWithKey, isNil } from 'ramda';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { MapController } from '@ibiz-template/runtime';
 import { defaultOpts } from './map-chart.util.mjs';

package/es/common/map-chart-user/map-chart-user.mjs CHANGED Viewed

@@ -1,10 +1,10 @@
-import { ref, computed, onMounted, onBeforeUnmount, resolveComponent, createVNode, defineComponent } from 'vue';
-import { mergeDeepLeft, isNil, mergeDeepWithKey } from 'ramda';
+import { defineComponent, createVNode, resolveComponent, ref, computed, onMounted, onBeforeUnmount } from 'vue';
+import { mergeDeepLeft, mergeDeepWithKey, isNil } from 'ramda';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { MapController, getAreaLevelByCode } from '@ibiz-template/runtime';
+import { getAreaLevelByCode, MapController } from '@ibiz-template/runtime';
 import { NOOP, listenJSEvent } from '@ibiz-template/core';
 import { toNumber } from 'lodash-es';
-import { defaultOpts, getTooltip, getVisualMap, getPointStaticOption, getPointOption, getAreaStaticOption, getAreaOption } from './map-chart-user.util.mjs';
+import { defaultOpts, getTooltip, getVisualMap, getPointOption, getPointStaticOption, getAreaOption, getAreaStaticOption } from './map-chart-user.util.mjs';
 import { useMapManager } from './map-user-manager.mjs';
 import './map-chart-user.css';

package/es/common/nav-split/nav-split.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, computed, nextTick, watch, onMounted, onBeforeUnmount, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, computed, nextTick, watch, onMounted, onBeforeUnmount } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './nav-split.css';

package/es/common/no-data/no-data.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './no-data.css';

package/es/common/pagination/pagination.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, mergeProps, createVNode, createTextVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, mergeProps, createTextVNode, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './pagination.css';

package/es/common/pql-editor/components/pql-editor-suggestion/pql-editor-suggestion.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './pql-editor-suggestion.css';

package/es/common/pql-editor/pql-editor.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, createVNode, watch, onMounted, onUnmounted, defineComponent } from 'vue';
+import { defineComponent, createVNode, ref, watch, onMounted, onUnmounted } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { listenJSEvent } from '@ibiz-template/core';
 import { DomEditor, SlatePath, SlateEditor, Boot, createEditor } from '@wangeditor/editor';

package/es/common/pql-editor/pql-editor.module.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import { SlateEditor, DomEditor } from '@wangeditor/editor';
-import '../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/index.mjs';
+import '../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/index.mjs';
 import { isMove } from './utils/index.mjs';
-import { h } from '../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/h.mjs';
+import { h } from '../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/h.mjs';
 "use strict";
 const pqlType = [

package/es/common/quick-edit/quick-edit.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, ref, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, mergeProps, ref } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { findChildFormDetails } from '@ibiz-template/runtime';
 import './quick-edit.css';

package/es/common/rawitem/rawitem.mjs CHANGED Viewed

@@ -1,6 +1,7 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, watch } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
+import { isBase64Image, isBase64, isSvg } from '@ibiz-template/core';
 import './rawitem.css';
 import '../../util/index.mjs';
 import { parseHtml } from '../../util/wang-editor-util/wang-editor-util.mjs';
@@ -53,6 +54,9 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       const reg = /^https?:|^http?:|(\.png|\.svg|\.jpg|\.png|\.gif|\.psd|\.tif|\.bmp|\.jpeg)/;
       return reg.test(imgUrl);
     };
+    const isImagePath = (content) => {
+      return isImg(content) || isBase64Image(content) || isBase64(content) || isSvg(content);
+    };
     const isHtmlStr = (str) => {
       try {
         const fragment = new DOMParser().parseFromString(str, "text/html");
@@ -83,7 +87,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
     const convertValue = () => {
       if (rawItemType.value === "IMAGE") {
         if (props.content && typeof props.content === "string") {
-          if (isImg(props.content)) {
+          if (isImagePath(props.content)) {
             rawItemContent.value = {
               imagePath: props.content
             };

package/es/common/row/row.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './row.css';

package/es/common/sort-bar/sort-bar.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './sort-bar.css';

package/es/common/split/split.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ref, computed, nextTick, watch, onMounted, onBeforeUnmount, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, computed, nextTick, watch, onMounted, onBeforeUnmount } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './split.css';

package/es/common/split-trigger/split-trigger.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './split-trigger.css';

package/es/common/view-message/view-message.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, nextTick, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, ref, watch, onMounted, nextTick } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import './view-message.css';