@ibiz-template/vue3-components 0.7.37-alpha.5 → 0.7.38-alpha.12

package/lib/control/dashboard/dashboard.cjs

@@ -27,7 +27,8 @@ function renderPortletByType(model, c, opts) {
     const container = model;
     return vue.h(providerComp, {
       ...commonProps,
-      key: model.id
+      key: model.id,
+      id: model.id
     }, {
       default: () => {
         var _a2;
@@ -37,7 +38,8 @@ function renderPortletByType(model, c, opts) {
   }
   return vue.h(providerComp, {
     ...commonProps,
-    key: ((_a = refreshTagObj[model.id]) == null ? void 0 : _a.refreshtag) ? refreshTagObj[model.id].refreshtag : model.id
+    key: ((_a = refreshTagObj[model.id]) == null ? void 0 : _a.refreshtag) ? refreshTagObj[model.id].refreshtag : model.id,
+    id: model.id
   });
 }
 const DashboardControl = /* @__PURE__ */ vue.defineComponent({
@@ -63,6 +65,8 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
     const c = vue3Util.useControlController((...args) => new runtime.DashboardController(...args));
     const vue$1 = vue.getCurrentInstance().proxy;
     const customModelDatas = vue.ref([]);
+    const anchorList = vue.ref([]);
+    const dashboardRef = vue.ref();
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     c.evt.on("onInitPortlets", () => {
       Object.values(c.portlets).forEach((portlet) => {
@@ -70,6 +74,7 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
           portlet.state = vue.reactive(portlet.state);
         }
       });
+      anchorList.value = c.enableAnchorCtrls;
     });
     c.evt.on("onItemModelReset", async (args) => {
       const {
@@ -104,21 +109,40 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
       customModelDatas.value = model;
       vue$1.$forceUpdate();
     };
+    const calcNavBarConfig = () => {
+      const {
+        navBarPos,
+        navBarSysCss,
+        navBarWidth,
+        navBarStyle,
+        navbarHeight
+      } = c.model;
+      return {
+        navBarPos,
+        navBarSysCss,
+        navBarWidth,
+        navBarStyle,
+        navbarHeight
+      };
+    };
     return {
       c,
       ns,
       customModelDatas,
+      anchorList,
+      dashboardRef,
+      calcNavBarConfig,
       handleCustomModelChange
     };
   },
   render() {
-    let _slot2;
     const {
       state,
       model
     } = this.c;
     const renderDefaultContent = () => {
       return vue.createVNode(vue.resolveComponent("iBizRow"), {
+        "ref": "dashboardRef",
         "class": [this.ns.b()],
         "layout": model.layout
       }, {
@@ -148,17 +172,38 @@ const DashboardControl = /* @__PURE__ */ vue.defineComponent({
       });
       return slots;
     };
-    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "controller": this.c,
-      "class": [this.ns.b()]
-    }, {
-      default: () => [state.isCreated && (model.enableCustomized ? vue.createVNode(vue.resolveComponent("iBizCustomDashboardContainer"), {
+    let content = null;
+    if (model.enableCustomized) {
+      let _slot2;
+      content = vue.createVNode(vue.resolveComponent("iBizCustomDashboardContainer"), {
         "modelData": this.modelData,
         "dashboard": this.c,
         "onChanged": this.handleCustomModelChange
       }, _isSlot(_slot2 = renderCustomSlots()) ? _slot2 : {
         default: () => [_slot2]
-      }) : renderDefaultContent())]
+      });
+    } else if (model.showDashboardNavBar) {
+      let _slot3;
+      content = vue.createVNode(vue.resolveComponent("iBizAnchorContainer"), {
+        "anchorList": this.anchorList.map((item) => {
+          return {
+            id: item.id,
+            title: item.title
+          };
+        }),
+        "anchorTargetEle": this.dashboardRef,
+        "navBarConfig": this.calcNavBarConfig()
+      }, _isSlot(_slot3 = renderDefaultContent()) ? _slot3 : {
+        default: () => [_slot3]
+      });
+    } else {
+      content = renderDefaultContent();
+    }
+    return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": [this.ns.b()]
+    }, {
+      default: () => [state.isCreated && content]
     });
   }
 });

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs

@@ -42,6 +42,15 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
         props.controller.onActionClick(props.linkAction, event);
       }
     };
+    const clickPorlet = (event, position) => {
+      event.stopPropagation();
+      c.dashboard.view.evt.emit("onPorletClick", {
+        data: {
+          tag: c.model.codeName,
+          position
+        }
+      });
+    };
     return {
       c,
       ns,
@@ -49,7 +58,8 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
       portletType,
       isShowHeader,
       onActionClick,
-      openLink
+      openLink,
+      clickPorlet
     };
   },
   render() {
@@ -64,7 +74,8 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
       "key": "header",
       "class": this.ns.b("header")
     }, [vue.createVNode("div", {
-      "class": this.ns.be("header", "left")
+      "class": this.ns.be("header", "left"),
+      "onClick": (event) => this.clickPorlet(event, "title")
     }, [model.showTitleBar && vue.createVNode("div", {
       "class": [this.ns.e("caption"), this.ns.is("link", !!this.linkAction)],
       "onClick": this.openLink
@@ -85,7 +96,8 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
       "onActionClick": this.onActionClick
     }, null)])]), vue.createVNode("div", {
       "key": "content",
-      "class": this.ns.b("content")
+      "class": this.ns.b("content"),
+      "onClick": (event) => this.clickPorlet(event, "content")
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);
   }
 });

package/lib/control/data-view/data-view.cjs

@@ -46,6 +46,14 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
       type: Boolean,
       default: void 0
     },
+    isSimple: {
+      type: Boolean,
+      required: false
+    },
+    data: {
+      type: Array,
+      required: false
+    },
     loadDefault: {
       type: Boolean,
       default: true
@@ -57,6 +65,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
     const classNames = vue.computed(() => {
       return [ns.is("enable-page", c.model.enablePagingBar === true)];
     });
+    const isCollapse = vue.ref(false);
     const isLodeMoreDisabled = vue.computed(() => {
       if (c.model.enablePagingBar === true) {
         return true;
@@ -66,6 +75,9 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
       }
       return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
     });
+    const showCollapseOrExpandIcon = vue.computed(() => {
+      return !c.model.enableGroup && (c.model.pagingMode === 2 || c.model.pagingMode === 3);
+    });
     const infiniteScroll = vue.ref();
     const infiniteScrollKey = vue.ref(qxUtil.createUUID());
     vue.watch(() => c.state.curPage, () => {
@@ -79,6 +91,27 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         }
       }
     });
+    const initSimpleData = () => {
+      if (!props.data) {
+        return;
+      }
+      c.state.items = props.data.map((item) => new runtime.ControlVO(item));
+      c.afterLoad({}, c.state.items);
+    };
+    c.evt.on("onCreated", async () => {
+      if (props.isSimple) {
+        initSimpleData();
+        c.state.isSimple = true;
+        c.state.isLoaded = true;
+      }
+    });
+    vue.watch(() => props.data, () => {
+      if (props.isSimple) {
+        initSimpleData();
+      }
+    }, {
+      deep: true
+    });
     const {
       onPageChange,
       onPageRefresh,
@@ -168,7 +201,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         groupSysCss
       } = c.model;
       return vue.createVNode("div", {
-        "class": [ns.be("group-content", "item"), groupSysCss == null ? void 0 : groupSysCss.cssName]
+        "class": [ns.be("group-content", "item"), groupSysCss == null ? void 0 : groupSysCss.cssName, ns.is("collapse", c.state.collapseKeys.includes(group.key.toString()))]
       }, [vue.createVNode("div", {
         "class": ns.be("group-content", "item-header")
       }, [vue.createVNode("span", {
@@ -223,11 +256,15 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
           }, [renderGroup(group)]);
         })]);
       }
+      let tempItems = c.state.items;
+      if (isCollapse.value) {
+        tempItems = c.state.items.slice(0, c.state.size);
+      }
       if (cardColXS || cardColSM || cardColMD || cardColLG) {
         let _slot3;
         return vue.createVNode(vue.resolveComponent("el-row"), {
           "class": [ns.b("item-row")]
-        }, _isSlot(_slot3 = c.state.items.map((item) => {
+        }, _isSlot(_slot3 = tempItems.map((item) => {
           let _slot2;
           return vue.createVNode(vue.resolveComponent("el-col"), {
             "xs": cardColXS,
@@ -242,28 +279,67 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
           default: () => [_slot3]
         });
       }
-      return c.state.items.map((item) => {
+      return tempItems.map((item) => {
         return vue.createVNode("div", {
           "class": [ns.b("scroll-item")]
         }, [renderCard(item)]);
       });
     };
+    const scrollToTop = () => {
+      var _a;
+      (_a = infiniteScroll.value) == null ? void 0 : _a.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    };
+    c.evt.on("onScrollToTop", () => {
+      scrollToTop();
+    });
+    const onCollapseData = () => {
+      isCollapse.value = true;
+      scrollToTop();
+    };
+    const onExpandData = () => {
+      isCollapse.value = false;
+    };
+    const upIcon = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("collapse-expand-icon")
+      }, [vue.createVNode("i", {
+        "class": "fa fa-angle-double-up",
+        "title": ibiz.i18n.t("control.common.collapseData"),
+        "onClick": onCollapseData,
+        "aria-hidden": "true"
+      }, null)]);
+    };
+    const downIcon = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("collapse-expand-icon")
+      }, [vue.createVNode("i", {
+        "class": "fa fa-angle-double-down",
+        "title": ibiz.i18n.t("control.common.expandData"),
+        "onClick": onExpandData,
+        "aria-hidden": "true"
+      }, null)]);
+    };
+    const loadMoreIcon = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("load-more")
+      }, [vue.createVNode("i", {
+        "class": "fa fa-angle-double-down",
+        "title": ibiz.i18n.t("control.common.loadMore"),
+        "onClick": () => c.loadMore(),
+        "aria-hidden": "true"
+      }, null)]);
+    };
     const renderHasData = () => {
-      let _slot4;
       return vue.withDirectives(vue.createVNode("div", {
         "class": [ns.b("scroll"), ns.e("content")],
         "infinite-scroll-distance": 10,
         "infinite-scroll-disabled": isLodeMoreDisabled.value,
         "ref": "infiniteScroll",
         "key": infiniteScrollKey.value
-      }, [renderDataViewContent(), c.model.pagingMode === 3 && !(c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size) && vue.createVNode("div", {
-        "class": ns.e("load-more-button")
-      }, [vue.createVNode(vue.resolveComponent("el-button"), {
-        "text": true,
-        "onClick": () => c.loadMore()
-      }, _isSlot(_slot4 = ibiz.i18n.t("control.common.loadMore")) ? _slot4 : {
-        default: () => [_slot4]
-      })])]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+      }, [renderDataViewContent()]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };
     const renderNoData = () => {
       const {
@@ -279,6 +355,29 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         "enableShowImage": c.state.hideNoDataImage
       }, null);
     };
+    const renderCollapseExpandIcon = () => {
+      let icon = null;
+      const loadMore = !(c.state.items.length >= c.state.total || c.state.total <= c.state.size);
+      if (showCollapseOrExpandIcon.value) {
+        if (c.model.pagingMode === 2) {
+          if (isCollapse.value) {
+            icon = downIcon();
+          } else if (c.state.items.length > c.state.size) {
+            icon = upIcon();
+          }
+        }
+        if (c.model.pagingMode === 3) {
+          if (isCollapse.value) {
+            icon = downIcon();
+          } else if (loadMore) {
+            icon = loadMoreIcon();
+          } else if (c.state.isCreated && c.state.items.length > c.state.size) {
+            icon = upIcon();
+          }
+        }
+      }
+      return icon;
+    };
     return {
       c,
       ns,
@@ -288,7 +387,8 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
       renderNoData,
       onPageChange,
       onPageRefresh,
-      onPageSizeChange
+      onPageSizeChange,
+      renderCollapseExpandIcon
     };
   },
   render() {
@@ -320,8 +420,8 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
       "controller": this.c
-    }, _isSlot(content) ? content : {
-      default: () => [content]
+    }, {
+      default: () => [content, this.renderCollapseExpandIcon()]
     });
   }
 });

package/lib/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;height:100%}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more-button{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-scroll>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color)}.ibiz-control-dataview-group-content__item-content>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}
+.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-dataview__content{flex-grow:1;height:100%}.ibiz-control-dataview__pagination{flex-shrink:0}.ibiz-control-dataview__load-more{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-dataview__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-dataview__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-dataview-scroll{display:flex;flex-wrap:wrap;align-content:flex-start;padding:var(--ibiz-control-dataview-padding);overflow:auto}.ibiz-control-dataview-scroll>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}.ibiz-control-dataview-item{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px;color:var(--ibiz-control-dataview-text-color);cursor:pointer}.ibiz-control-dataview-item:hover{background-color:var(--ibiz-control-dataview-hover-bg-color)}.ibiz-control-dataview-item.is-active{background-color:var(--ibiz-control-dataview-active-bg-color)}.ibiz-control-dataview-item-content{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-dataview-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-dataview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base) 0;--ibiz-control-dataview-page-height:50px}.ibiz-control-dataview-item-content__top--title{text-align:center}.ibiz-control-dataview-item-content__top--description{min-width:150px;text-align:justify;text-justify:newspaper;word-break:break-all}.ibiz-control-dataview-item-content__bottom--actions{display:flex;justify-content:center}.ibiz-control-dataview-group-content{--ibiz-control-dataview-group-item-header-bg-color:transparent;--ibiz-control-dataview-group-item-header-padding:var(--ibiz-spacing-base-tight);--ibiz-control-dataview-group-item-header-border-color:var(--ibiz-color-border);--ibiz-control-dataview-group-item-caption-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-group-item-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-control-dataview-group-item-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-dataview-group-item-content-bg-color:transparent;--ibiz-control-dataview-group-item-content-padding:var(--ibiz-spacing-tight);width:100%}.ibiz-control-dataview-group-content__item .el-collapse-item__content{display:flex;flex-wrap:wrap}.ibiz-control-dataview-group-content__item--empty{width:100%;text-align:center}.ibiz-control-dataview-group-content__item.is-collapse .ibiz-control-dataview-group-content__item-content{height:0;overflow:hidden}.ibiz-control-dataview-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ibiz-control-dataview-group-item-header-padding);border-bottom:1px solid var(--ibiz-control-dataview-group-item-header-border-color)}.ibiz-control-dataview-group-content__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-control-dataview-group-item-caption-font-size);font-weight:var(--ibiz-control-dataview-group-item-caption-font-weight);color:var(--ibiz-control-dataview-group-item-caption-text-color)}.ibiz-control-dataview-group-content__item-content{display:flex;flex-wrap:wrap;padding:var(--ibiz-control-dataview-group-item-content-padding);background-color:var(--ibiz-control-dataview-group-item-content-bg-color);will-change:height}.ibiz-control-dataview-group-content__item-content>*{margin:calc(var(--ibiz-spacing-base-tight)/ 2)}.ibiz-control-dataview-group-content__item-row{padding:var(--ibiz-control-dataview-group-item-content-padding)}.ibiz-control-dataview-group-content__item-col{padding:0 var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base-tight) 0}

package/lib/control/drbar/drbar.cjs

@@ -7,9 +7,6 @@ var drbar_controller = require('./drbar.controller.cjs');
 require('./drbar.css');
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
 const DRBarControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizDrBarControl",
   props: {
@@ -78,23 +75,25 @@ const DRBarControl = /* @__PURE__ */ vue.defineComponent({
     if (c.routeDepth) {
       expViewRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
     }
-    vue.watch(() => route.fullPath, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        const depth = c.routeDepth;
-        if (depth) {
-          const currentRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
-          if (currentRoutePath === expViewRoutePath) {
-            const routePath = vue3Util.route2routePath(route);
-            const {
-              srfnav
-            } = routePath.pathNodes[depth - 1];
-            c.handleSelectChange(srfnav);
+    if (route) {
+      vue.watch(() => route.fullPath, (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          const depth = c.routeDepth;
+          if (depth) {
+            const currentRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
+            if (currentRoutePath === expViewRoutePath) {
+              const routePath = vue3Util.route2routePath(route);
+              const {
+                srfnav
+              } = routePath.pathNodes[depth - 1];
+              c.handleSelectChange(srfnav);
+            }
           }
         }
-      }
-    }, {
-      immediate: true
-    });
+      }, {
+        immediate: true
+      });
+    }
     const renderMenuItems = (item) => {
       if (!item.visible) {
         return;
@@ -147,7 +146,6 @@ const DRBarControl = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    let _slot;
     const {
       isCreated,
       drBarItems,
@@ -164,10 +162,12 @@ const DRBarControl = /* @__PURE__ */ vue.defineComponent({
         "default-active": selectedItem,
         "onSelect": this.handleSelect,
         "default-openeds": this.opens
-      }, _isSlot(_slot = drBarItems.map((item) => {
-        return this.renderMenuItems(item);
-      })) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => {
+          return drBarItems.map((item) => {
+            return this.renderMenuItems(item);
+          });
+        }
       })]
     });
   }

package/lib/control/drbar/drbar.css

@@ -1 +1 @@
-.ibiz-control-drbar{height:100%;--el-menu-base-level-padding:var(--ibiz-spacing-base);--ibiz-control-drbar-item-height:40px}.ibiz-control-drbar .el-menu--horizontal.el-menu{border-bottom:none}.ibiz-control-drbar .el-menu-item{justify-content:space-between;line-height:unset;height:var(--ibiz-control-drbar-item-height);padding:0 var(--ibiz-spacing-base);margin:0 var(--ibiz-spacing-base)}.ibiz-control-drbar__menu{height:100%}
+.ibiz-control-drbar{height:100%;--el-menu-base-level-padding:var(--ibiz-spacing-base);--ibiz-control-drbar-item-height:40px}.ibiz-control-drbar .el-menu--horizontal.el-menu{border-bottom:none}.ibiz-control-drbar .el-menu-item{justify-content:space-between;height:var(--ibiz-control-drbar-item-height);padding:0 var(--ibiz-spacing-base);margin:0 var(--ibiz-spacing-base);line-height:unset}.ibiz-control-drbar .el-menu--horizontal .el-sub-menu{height:var(--ibiz-control-drbar-item-height)}.ibiz-control-drbar .el-menu--horizontal .el-sub-menu .el-sub-menu__title{line-height:var(--ibiz-control-drbar-item-height)}.ibiz-control-drbar__menu{height:100%;overflow:hidden auto}

package/lib/control/drtab/drtab-control.util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var vue = require('vue');
-var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.35-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.35-alpha.1_axios@1.7.7_lodash-es@4.17.21_qs@6.13.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/lib/control/drtab/drtab.cjs

@@ -65,34 +65,36 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
     if (c.routeDepth) {
       expViewRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
     }
-    vue.watch(() => route.fullPath, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        const depth = c.routeDepth;
-        if (depth) {
-          const currentRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
-          if (currentRoutePath === expViewRoutePath) {
-            const routePath = vue3Util.route2routePath(route);
-            const {
-              srfnav
-            } = routePath.pathNodes[depth - 1];
-            const isRoutePushed = !!c.routeDepth && runtime.hasSubRoute(c.routeDepth);
-            if (srfnav && c.state.activeName && c.state.activeName !== srfnav) {
-              c.state.activeName = srfnav;
-              c.handleTabChange(isRoutePushed);
-            } else if (!srfnav) {
-              const routeNoSub = !!c.routeDepth && !runtime.hasSubRoute(c.routeDepth);
-              const doTabChange = c.state.activeName !== c.state.defaultName || routeNoSub;
-              if (doTabChange) {
-                c.state.activeName = c.state.defaultName;
+    if (route) {
+      vue.watch(() => route.fullPath, (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          const depth = c.routeDepth;
+          if (depth) {
+            const currentRoutePath = vue3Util.getNestedRoutePath(route, c.routeDepth);
+            if (currentRoutePath === expViewRoutePath) {
+              const routePath = vue3Util.route2routePath(route);
+              const {
+                srfnav
+              } = routePath.pathNodes[depth - 1];
+              const isRoutePushed = !!c.routeDepth && runtime.hasSubRoute(c.routeDepth);
+              if (srfnav && c.state.activeName && c.state.activeName !== srfnav) {
+                c.state.activeName = srfnav;
                 c.handleTabChange(isRoutePushed);
+              } else if (!srfnav) {
+                const routeNoSub = !!c.routeDepth && !runtime.hasSubRoute(c.routeDepth);
+                const doTabChange = c.state.activeName !== c.state.defaultName || routeNoSub;
+                if (doTabChange) {
+                  c.state.activeName = c.state.defaultName;
+                  c.handleTabChange(isRoutePushed);
+                }
               }
             }
           }
         }
-      }
-    }, {
-      immediate: true
-    });
+      }, {
+        immediate: true
+      });
+    }
     return {
       c,
       ns,

package/lib/control/drtab/drtab.controller.cjs

@@ -87,6 +87,7 @@ class DRTabController extends runtime.ControlController {
     super.initState();
     this.state.drTabPages = [];
     this.state.showMore = false;
+    this.state.hideEditItem = !Object.is(this.model.hideEditItem, false);
   }
   /**
    * 创建完成
@@ -263,7 +264,6 @@ class DRTabController extends runtime.ControlController {
     const {
       editItemCaption,
       editItemCapLanguageRes,
-      hideEditItem,
       editItemSysImage,
       uniqueTag,
       dedrtabPages
@@ -273,11 +273,11 @@ class DRTabController extends runtime.ControlController {
     if (editItemCapLanguageRes) {
       caption = ibiz.i18n.t(editItemCapLanguageRes.lanResTag, editItemCaption);
     }
-    if (!hideEditItem) {
+    if (!this.state.hideEditItem) {
       drTabPages.push({
         tag: uniqueTag,
         caption,
-        hidden: !!hideEditItem,
+        hidden: !!this.state.hideEditItem,
         disabled: false,
         sysImage: editItemSysImage,
         fullPath: this.routeDepth ? vue3Util.getNestedRoutePath(this.router.currentRoute.value, this.routeDepth) : ""
@@ -352,6 +352,9 @@ class DRTabController extends runtime.ControlController {
    */
   setVisible(ctrlName) {
     var _a;
+    if (this.state.hideEditItem) {
+      return;
+    }
     const viewForm = (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.view_form;
     if (ctrlName === "form") {
       if (viewForm) {

package/lib/control/drtab/drtab.css

@@ -1 +1 @@
-.ibiz-control-drtab__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-color-text-0)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs.el-tabs--bottom .el-tabs__nav-scroll,.ibiz-control-drtab .el-tabs.el-tabs--top .el-tabs__nav-scroll{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__item{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__nav-next,.ibiz-control-drtab .el-tabs__nav-prev{line-height:var(--el-tabs-header-height)}.ibiz-control-drtab-pane-label__text+.ibiz-control-drtab-pane-label__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__header .el-tabs__nav-next,.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__header .el-tabs__nav-prev{display:none}.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__nav-wrap.is-scrollable{padding:var(--ibiz-spacing-none)}.ibiz-control-drtab-more-dropdown{height:100%}.ibiz-control-drtab-more-dropdown__link{position:relative;display:flex;align-items:center;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab-more-dropdown__link svg{color:var(--ibiz-color-text-2);fill:var(--ibiz-color-text-2)}.ibiz-control-drtab-more-dropdown__link:hover{color:var(--ibiz-color-text-0)}.ibiz-control-drtab-more-dropdown__link:hover svg{color:var(--ibiz-color-text-0);fill:var(--ibiz-color-text-0)}.ibiz-control-drtab-more-dropdown__link::after{position:absolute;left:-16px;display:inline-block;width:100%;height:100%;content:""}.ibiz-control-drtab-more-dropdown-popper{width:240px}.ibiz-control-drtab-more-dropdown-popper__active{background-color:var(--ibiz-color-primary-active)}.ibiz-control-drtab-more-dropdown-popper__label{display:flex;align-items:center;width:100%;overflow:hidden}.ibiz-control-drtab-more-dropdown-popper__label--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-drtab-more-dropdown-popper__label--counter{min-width:20px;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab-more-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .ibiz-control-drtab-more-dropdown-popper__active.el-dropdown-menu__item{background-color:var(--ibiz-color-primary-active)}
+.ibiz-control-drtab{--ibiz-control-drtab-active-color:var(--ibiz-color-primary);--ibiz-control-drtab-hover-color:var(--ibiz-color-text-0);--ibiz-control-drtab-hover-bg-color:transparent}.ibiz-control-drtab__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-control-drtab-active-color)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-control-drtab-hover-color);background-color:var(--ibiz-control-drtab-hover-bg-color)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-control-drtab-active-color)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs.el-tabs--bottom .el-tabs__nav-scroll,.ibiz-control-drtab .el-tabs.el-tabs--top .el-tabs__nav-scroll{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__item{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__nav-next,.ibiz-control-drtab .el-tabs__nav-prev{line-height:var(--el-tabs-header-height)}.ibiz-control-drtab-pane-label__text+.ibiz-control-drtab-pane-label__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__header .el-tabs__nav-next,.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__header .el-tabs__nav-prev{display:none}.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__nav-wrap.is-scrollable{padding:var(--ibiz-spacing-none)}.ibiz-control-drtab-more-dropdown{height:100%}.ibiz-control-drtab-more-dropdown__link{position:relative;display:flex;align-items:center;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab-more-dropdown__link svg{color:var(--ibiz-color-text-2);fill:var(--ibiz-color-text-2)}.ibiz-control-drtab-more-dropdown__link:hover{color:var(--ibiz-color-text-0)}.ibiz-control-drtab-more-dropdown__link:hover svg{color:var(--ibiz-color-text-0);fill:var(--ibiz-color-text-0)}.ibiz-control-drtab-more-dropdown__link::after{position:absolute;left:-16px;display:inline-block;width:100%;height:100%;content:""}.ibiz-control-drtab-more-dropdown-popper{width:240px}.ibiz-control-drtab-more-dropdown-popper__active{background-color:var(--ibiz-color-primary-active)}.ibiz-control-drtab-more-dropdown-popper__label{display:flex;align-items:center;width:100%;overflow:hidden}.ibiz-control-drtab-more-dropdown-popper__label--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-drtab-more-dropdown-popper__label--counter{min-width:20px;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab-more-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .ibiz-control-drtab-more-dropdown-popper__active.el-dropdown-menu__item{background-color:var(--ibiz-color-primary-active)}