@ibiz-template/vue3-components 0.7.13 → 0.7.14

package/es/view-engine/login-view.engine.mjs

@@ -12,14 +12,21 @@ var __publicField = (obj, key, value) => {
 class LoginViewEngine extends ViewEngineBase {
   constructor() {
     super(...arguments);
+    /**
+     * 路由对象
+     *
+     * @type {RouteLocationNormalizedLoaded}
+     * @memberof LoginViewEngine
+     */
     __publicField(this, "route", useRoute());
     __publicField(this, "enterKeyListener", async (event) => {
-      if (event.key === "Enter" && this.AppLoginView.layoutPanel) {
+      if (event.key === "Enter" && this.view.layoutPanel) {
         const args = {
           data: [
             {
-              username: this.AppLoginView.layoutPanel.data.username,
-              password: this.AppLoginView.layoutPanel.data.password
+              username: this.view.layoutPanel.data.username,
+              password: this.view.layoutPanel.data.password,
+              captcha: this.view.layoutPanel.data.captcha
             }
           ]
         };
@@ -27,13 +34,22 @@ class LoginViewEngine extends ViewEngineBase {
       }
     });
   }
-  get AppLoginView() {
-    return this.view.getController("AppLoginView");
-  }
+  /**
+   * 视图mounted生命周期执行逻辑
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof LoginViewEngine
+   */
   async onMounted() {
     super.onMounted();
     document.addEventListener("keydown", this.enterKeyListener);
   }
+  /**
+   * 视图destroyed生命周期执行逻辑
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof LoginViewEngine
+   */
   async onDestroyed() {
     super.onDestroyed();
     document.removeEventListener("keydown", this.enterKeyListener);
@@ -51,8 +67,12 @@ class LoginViewEngine extends ViewEngineBase {
     let rememberme;
     const headers = {};
     const data = args.data[0] || {};
-    if (this.AppLoginView.layoutPanel) {
-      const panelData = this.AppLoginView.layoutPanel.data;
+    const panelDataParent = args.params.panelDataParent;
+    if (this.view.layoutPanel) {
+      if (!await this.view.layoutPanel.validate(panelDataParent)) {
+        return;
+      }
+      const panelData = this.view.layoutPanel.data;
       if (typeof panelData.isRemember === "boolean") {
         rememberme = panelData.isRemember;
       }
@@ -73,16 +93,16 @@ class LoginViewEngine extends ViewEngineBase {
       rememberme,
       headers
     );
-    this.view.hooks.afterLogin.call({ ok: bol });
+    this.view.evt.emit("onAfterLogin", { ok: bol, panelDataParent });
     if (bol === true) {
       window.location.hash = this.route.query.ru || "/";
       window.location.reload();
     }
   }
   async cancelChanges() {
-    if (this.AppLoginView.layoutPanel) {
-      Object.keys(this.AppLoginView.layoutPanel.panelItems).forEach((key) => {
-        const controller = this.AppLoginView.layoutPanel.panelItems[key];
+    if (this.view.layoutPanel) {
+      Object.keys(this.view.layoutPanel.panelItems).forEach((key) => {
+        const controller = this.view.layoutPanel.panelItems[key];
         const { viewFieldName } = controller.model;
         if (viewFieldName) {
           controller.setDataValue("", viewFieldName);

package/es/web-app/components/modal-router-shell/modal-router-shell.mjs

@@ -1,6 +1,6 @@
 import { ref, toRaw, onUnmounted, createVNode, defineComponent } from 'vue';
-import { parseRouteViewData, createOverlayView, routerCallback } from '@ibiz-template/vue3-util';
-import { useRoute, useRouter } from 'vue-router';
+import { parseRouteViewData, createOverlayView, routerCallback, route2routePath } from '@ibiz-template/vue3-util';
+import { useRoute, useRouter, onBeforeRouteUpdate } from 'vue-router';
 import { IBizContext } from '@ibiz-template/core';
 import { RouteConst } from '@ibiz-template/runtime';
 import { isEmpty } from 'ramda';
@@ -18,10 +18,11 @@ const ModalRouterShell = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
-    const route = useRoute();
+    const routeObj = useRoute();
     const router = useRouter();
     const isDestroyed = ref(false);
     const viewData = ref({});
+    const pathHistory = [];
     const destroyContext = () => {
       if (viewData.value.context) {
         const {
@@ -41,9 +42,12 @@ const ModalRouterShell = /* @__PURE__ */ defineComponent({
       }
       destroyContext();
     });
-    const openView = async () => {
+    const openView = async (route) => {
       var _a;
       viewData.value = await parseRouteViewData(route, routeDepth, true);
+      if (isDestroyed.value) {
+        return;
+      }
       if (!(viewData.value.context instanceof IBizContext)) {
         viewData.value.context = IBizContext.create(viewData.value.context);
       }
@@ -97,6 +101,7 @@ const ModalRouterShell = /* @__PURE__ */ defineComponent({
       };
       overlay = ibiz.overlay.createModal(component, void 0, opts);
       overlay.present();
+      pathHistory.push(route.fullPath);
       const result = await overlay.onWillDismiss();
       overlay = null;
       if (isDestroyed.value === false) {
@@ -112,7 +117,16 @@ const ModalRouterShell = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    openView();
+    onBeforeRouteUpdate((to, from) => {
+      if (!isDestroyed.value && pathHistory.length > 0 && pathHistory.indexOf(from.fullPath) !== -1 && pathHistory.indexOf(to.fullPath) === -1) {
+        const pathNodes = route2routePath(to).pathNodes;
+        const lastNode = pathNodes[pathNodes.length - 1];
+        if (lastNode && lastNode.viewName === RouteConst.ROUTE_MODAL_TAG) {
+          openView(to);
+        }
+      }
+    });
+    openView(routeObj);
     return {};
   },
   render() {

package/lib/common/carousel/carousel.cjs

@@ -22,6 +22,10 @@ const IBizCarouselComponent = /* @__PURE__ */ vue.defineComponent({
     timeSpan: {
       type: Number,
       default: 3e3
+    },
+    carouselMode: {
+      type: String,
+      required: true
     }
   },
   setup(props) {
@@ -59,7 +63,11 @@ const IBizCarouselComponent = /* @__PURE__ */ vue.defineComponent({
         }, null);
       }
     };
-    return vue.createVNode("div", null, [vue.createVNode(vue.resolveComponent("el-carousel"), {
+    return vue.createVNode("div", null, [this.carouselMode === "card" ? vue.createVNode(vue.resolveComponent("IBizCarousel-card"), {
+      "swipeData": this.swipeData,
+      "isAuto": this.isAuto,
+      "timeSpan": this.timeSpan
+    }, null) : vue.createVNode(vue.resolveComponent("el-carousel"), {
       "class": this.ns.b(),
       "autoplay": this.isAuto,
       "interval": this.timeSpan

package/lib/common/carousel-card/carousel-card.cjs

@@ -0,0 +1,220 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./carousel-card.css');
+
+"use strict";
+const IBizCarouselCard = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCarouselCard",
+  props: {
+    swipeData: {
+      type: Object,
+      required: true
+    },
+    isAuto: {
+      type: Boolean,
+      default: true
+    },
+    timeSpan: {
+      type: Number,
+      default: 3e3
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("carousel-card");
+    const nowIndex = vue.ref(3);
+    const mainDom = vue.ref();
+    const listDom = vue.ref();
+    const gap = 0;
+    const imgWidth = vue.ref(600);
+    const containerWidth = vue.ref(0);
+    const diffLen = vue.computed(() => {
+      return (containerWidth.value - imgWidth.value - gap * 2) / 2;
+    });
+    let timer = null;
+    const imgDoms = document.getElementsByClassName("swiper-slide-card");
+    const scale = 0.8;
+    const aniTime = 500;
+    const resImgArr = vue.computed(() => {
+      if (props.swipeData.length > 2) {
+        return [...props.swipeData.slice(-2), ...props.swipeData, ...props.swipeData.slice(0, 2)];
+      }
+      return [...props.swipeData];
+    });
+    const setScale = () => {
+      for (let i = 0; i < imgDoms.length; i++) {
+        if (props.swipeData.length === 2) {
+          imgDoms[0].style.left = "".concat(containerWidth.value / 4 - imgWidth.value / 2, "px");
+          imgDoms[1].style.left = "".concat(containerWidth.value / 4 * 3 - imgWidth.value / 2, "px");
+        } else if (props.swipeData.length === 1) {
+          imgDoms[i].style.left = "".concat(containerWidth.value / 2 - imgWidth.value / 2, "px");
+        } else {
+          imgDoms[i].style.left = "".concat((i - 1) * (imgWidth.value + gap), "px");
+        }
+        if (i === nowIndex.value - 1) {
+          imgDoms[i].style.transform = "scale(1)";
+        } else {
+          imgDoms[i].style.transform = "scale(".concat(scale, ")");
+        }
+      }
+    };
+    const nextSlider = (anitime) => {
+      if (props.swipeData.length === 2) {
+        nowIndex.value = nowIndex.value ? 0 : 1;
+        setScale();
+      } else if (props.swipeData.length === 1) {
+      } else {
+        if (nowIndex.value >= 2) {
+          mainDom.value.style.transition = "left ".concat(anitime / 1e3, "s");
+          mainDom.value.style.left = "".concat(parseInt(mainDom.value.style.left, 10) - (gap + imgWidth.value), "px");
+        }
+        if (nowIndex.value === props.swipeData.length + 1) {
+          nowIndex.value = props.swipeData.length + 2;
+          setScale();
+          setTimeout(() => {
+            nowIndex.value = 2;
+            setScale();
+            mainDom.value.style.transitionProperty = "none";
+            mainDom.value.style.left = "".concat(-(imgWidth.value - diffLen.value), "px");
+          }, anitime);
+        } else {
+          nowIndex.value++;
+          setScale();
+        }
+      }
+    };
+    const prevSlider = (anitime) => {
+      if (props.swipeData.length === 2) {
+        nowIndex.value = nowIndex.value ? 0 : 1;
+        setScale();
+      } else if (props.swipeData.length === 1) {
+      } else {
+        nowIndex.value--;
+        mainDom.value.style.transition = "left ".concat(anitime / 1e3, "s");
+        mainDom.value.style.left = "".concat(parseInt(mainDom.value.style.left, 10) + (gap + imgWidth.value), "px");
+        if (nowIndex.value === 1) {
+          setScale();
+          setTimeout(() => {
+            nowIndex.value = props.swipeData.length + 1;
+            setScale();
+            mainDom.value.style.transitionProperty = "none";
+            mainDom.value.style.left = "".concat(-(parseInt(imgDoms[nowIndex.value].style.left, 10) - diffLen.value - gap), "px");
+          }, anitime);
+        } else {
+          setScale();
+        }
+      }
+    };
+    const startAutoplay = () => {
+      timer = window.setInterval(() => nextSlider(aniTime), props.timeSpan);
+    };
+    const stopAutoplay = () => {
+      if (timer) {
+        window.clearInterval(timer);
+        timer = null;
+      }
+    };
+    setScale();
+    vue.onMounted(() => {
+      if (props.isAuto) {
+        startAutoplay();
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      stopAutoplay();
+    });
+    vue.nextTick(() => {
+      containerWidth.value = listDom.value.clientWidth;
+      imgWidth.value = imgDoms[0].clientWidth;
+      if (mainDom.value) {
+        mainDom.value.style.left = "".concat(-(2 * imgWidth.value + gap - diffLen.value), "px");
+        mainDom.value.style.width = "".concat((props.swipeData.length + 2) * (imgWidth.value + gap / 2), "px");
+      }
+      setScale();
+    });
+    const btnClick = (pos) => {
+      if (pos === "left") {
+        prevSlider(aniTime);
+      } else if (pos === "right") {
+        nextSlider(aniTime);
+      }
+    };
+    const dotClick = (targetIndex) => {
+      nowIndex.value = targetIndex + 2 + 1;
+      if (nowIndex.value === props.swipeData.length + 2) {
+        nowIndex.value = 2;
+      }
+      mainDom.value.style.transition = "left ".concat(aniTime / 1e3, "s");
+      mainDom.value.style.left = "".concat(-((nowIndex.value - 1) * imgWidth.value + gap - diffLen.value), "px");
+      setScale();
+    };
+    return {
+      ns,
+      btnClick,
+      mainDom,
+      listDom,
+      imgWidth,
+      resImgArr,
+      dotClick,
+      nowIndex
+    };
+  },
+  render() {
+    const renderPic = (item) => {
+      if (item.cssClass) {
+        if (item.cssClass.indexOf("fa-") !== -1) {
+          return vue.createVNode("i", {
+            "class": [item.cssClas, "swiper-slide-card"]
+          }, null);
+        }
+        return vue.createVNode("ion-icon", {
+          "class": "swiper-slide-card",
+          "name": item.cssClass
+        }, null);
+      }
+      if (item.imgUrl) {
+        return vue.createVNode("img", {
+          "class": "swiper-slide-card",
+          "style": "width: ".concat(this.imgWidth, "px"),
+          "alt": item.name,
+          "src": item.imgUrl
+        }, null);
+      }
+    };
+    let newIndex = this.nowIndex;
+    if (this.nowIndex < this.swipeData.length) {
+      newIndex = this.nowIndex + this.swipeData.length;
+    }
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("swiper-list"),
+      "ref": "listDom"
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("swiper-main"),
+      "ref": "mainDom"
+    }, [this.resImgArr.map((item) => {
+      return renderPic(item);
+    })]), vue.createVNode("div", {
+      "id": "prev-card",
+      "class": this.ns.e("leftBtn"),
+      "style": "width:".concat(this.imgWidth, "px"),
+      "onClick": () => this.btnClick("left")
+    }, null), vue.createVNode("div", {
+      "id": "next-card",
+      "class": this.ns.e("rightBtn"),
+      "style": "width:".concat(this.imgWidth, "px"),
+      "onClick": () => this.btnClick("right")
+    }, null)]), vue.createVNode("div", {
+      "class": this.ns.e("dot")
+    }, [this.swipeData.map((_item, index) => {
+      return vue.createVNode("div", {
+        "class": [this.ns.e("dot-item"), index === newIndex - 3 ? "isActive" : ""],
+        "onClick": () => this.dotClick(index)
+      }, null);
+    })])]);
+  }
+});
+
+exports.IBizCarouselCard = IBizCarouselCard;

package/lib/common/carousel-card/carousel-card.css

@@ -0,0 +1 @@
+.ibiz-carousel-card{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-list{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-main{position:relative;z-index:1;box-sizing:content-box;display:flex;width:100%;height:100%;transition:transform .5s ease-in-out;transition-property:transform}.ibiz-carousel-card__swiper-main img{display:block;display:inline-block;flex-shrink:0;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.ibiz-carousel-card__leftBtn{position:absolute;top:0;left:0;z-index:2;height:100%;background-image:linear-gradient(90deg,#fff 38%,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__rightBtn{position:absolute;top:0;right:0;z-index:2;height:100%;background-image:linear-gradient(270deg,#fff 38%,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__dot{z-index:1;display:flex;justify-content:center;margin-top:20px}.ibiz-carousel-card__dot-item{width:8px;height:8px;margin-right:8px;cursor:pointer;background:#eee;border-radius:4px;transition:all .5s ease}.ibiz-carousel-card__dot-item.isActive{width:16px;background:#6698ff}

package/lib/common/index.cjs

@@ -23,6 +23,7 @@ var gridSetting = require('./grid-setting/grid-setting.cjs');
 var doingNotice = require('./doing-notice/doing-notice.cjs');
 var carousel = require('./carousel/carousel.cjs');
 var coopAlert = require('./coop-alert/coop-alert.cjs');
+var carouselCard = require('./carousel-card/carousel-card.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -59,6 +60,7 @@ const IBizCommonComponents = {
     v.component(vue3Util.IBizBadge.name, vue3Util.IBizBadge);
     v.component(carousel.IBizCarouselComponent.name, carousel.IBizCarouselComponent);
     v.component(coopAlert.IBizCoopAlert.name, coopAlert.IBizCoopAlert);
+    v.component(carouselCard.IBizCarouselCard.name, carouselCard.IBizCarouselCard);
   }
 };
 

package/lib/control/context-menu/context-menu.cjs

@@ -57,6 +57,10 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
     const groupButtonRef = vue.ref();
     const dropdownRef = vue.ref();
     const popoverVisible = vue.ref(false);
+    const visible = vue.computed(() => {
+      const index = groupDetails.value.findIndex((item) => c.state.buttonsState[item.id].visible);
+      return index !== -1;
+    });
     const transformLanguage = (items) => {
       if (!Array.isArray(items)) {
         return;
@@ -108,6 +112,7 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
     return {
       c,
       ns,
+      visible,
       expandDetails,
       groupDetails,
       groupButtonRef,
@@ -193,6 +198,9 @@ const ContextMenuControl = /* @__PURE__ */ vue.defineComponent({
         return null;
       });
     };
+    if (!this.visible) {
+      return;
+    }
     if (this.mode === "buttons") {
       let _slot;
       return vue.createVNode("div", {

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -56,7 +56,7 @@ const FilterModes = [{
   valueOP: runtime.ValueOP.NOT_EXISTS,
   label: "\u4E0D\u5B58\u5728(NOTEXISTS)"
 }];
-const ExcludeOPs = [runtime.ValueOP.IS_NULL, runtime.ValueOP.IS_NOT_NULL];
+const ExcludeOPs = [runtime.ValueOP.IS_NULL, runtime.ValueOP.IS_NOT_NULL, runtime.ValueOP.EXISTS, runtime.ValueOP.NOT_EXISTS];
 const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizFilterTreeControl",
   props: {
@@ -242,7 +242,6 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       }, [editor]);
     };
     const renderFilterItem = (node, itemsC) => {
-      let _slot;
       if (node.hidden) {
         return;
       }
@@ -273,14 +272,14 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         "onChange": (field) => {
           onFieldSelect(node, field, fieldInfos);
         }
-      }, _isSlot(_slot = fieldInfos.map((field) => {
-        return vue.createVNode(vue.resolveComponent("el-option"), {
-          "key": field.name,
-          "value": field.name,
-          "label": field.label
-        }, null);
-      })) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => [fieldInfos == null ? void 0 : fieldInfos.map((field) => {
+          return vue.createVNode(vue.resolveComponent("el-option"), {
+            "key": field.name,
+            "value": field.name,
+            "label": field.label
+          }, null);
+        })]
       }), availableModes && availableModes.length > 0 && vue.createVNode(vue.resolveComponent("iBizFilterModeSelect"), {
         "disabled": node.disabled,
         "class": ns.e("mode-select"),
@@ -358,10 +357,10 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       })])]);
     };
     renderFilterItems = (node) => {
-      let _slot3;
+      let _slot2;
       const itemsC = findFilterController(node);
       if (node.simple) {
-        let _slot2;
+        let _slot;
         const child = node.children[0];
         if (!child) {
           return;
@@ -373,14 +372,14 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
           "onChange": (field) => {
             onFieldSelect(node, field);
           }
-        }, _isSlot(_slot2 = allFields.map((field) => {
+        }, _isSlot(_slot = allFields.map((field) => {
           return vue.createVNode(vue.resolveComponent("el-option"), {
             "key": field.name,
             "value": field.name,
             "label": field.label
           }, null);
-        })) ? _slot2 : {
-          default: () => [_slot2]
+        })) ? _slot : {
+          default: () => [_slot]
         }), vue.createVNode(vue.resolveComponent("iBizFilterModeSelect"), {
           "disabled": true,
           "class": ns.e("mode-select"),
@@ -397,8 +396,8 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         "onClick": () => {
           addItem(node);
         }
-      }, _isSlot(_slot3 = ibiz.i18n.t("control.searchBar.filterTree.addItem")) ? _slot3 : {
-        default: () => [_slot3]
+      }, _isSlot(_slot2 = ibiz.i18n.t("control.searchBar.filterTree.addItem")) ? _slot2 : {
+        default: () => [_slot2]
       })]), vue.createVNode("div", {
         "class": ns.be("group", "list")
       }, [node.children.length > 0 && node.children.map((child, index) => {
@@ -435,7 +434,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    let _slot4;
+    let _slot3;
     return vue.createVNode("div", {
       "class": [this.ns.b()]
     }, [this.UiFilterNodes.length > 0 && this.UiFilterNodes.map((node) => {
@@ -455,8 +454,8 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       "onClick": () => {
         this.onCancel();
       }
-    }, _isSlot(_slot4 = ibiz.i18n.t("app.reset")) ? _slot4 : {
-      default: () => [_slot4]
+    }, _isSlot(_slot3 = ibiz.i18n.t("app.reset")) ? _slot3 : {
+      default: () => [_slot3]
     })])]);
   }
 });

package/lib/control/toolbar/toolbar.cjs

@@ -82,6 +82,11 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     };
     const renderSubmenu = (item) => {
       const detoolbarItems = item.detoolbarItems || [];
+      const curVisible = c.state.buttonsState[item.id].visible;
+      const curDisabled = c.state.buttonsState[item.id].disabled;
+      if (!curVisible) {
+        return null;
+      }
       const ploading = detoolbarItems.findIndex((item2) => c.state.buttonsState[item2.id].loading) !== -1;
       const pvisible = detoolbarItems.findIndex((item2) => {
         return c.state.buttonsState[item2.id].visible === true;
@@ -89,7 +94,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       if (!pvisible) {
         return null;
       }
-      const pdisabled = detoolbarItems.findIndex((item2) => {
+      const pdisabled = curDisabled || detoolbarItems.findIndex((item2) => {
         return c.state.buttonsState[item2.id].disabled === false;
       }) === -1;
       const groupButtonStyle = item.buttonStyle || "";
@@ -104,9 +109,19 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
             var _a2, _b;
             const actionId = item2.uiactionId;
             const visible = (_a2 = c.state.buttonsState[item2.id]) == null ? void 0 : _a2.visible;
+            const provider = c.itemProviders[item2.id];
             if (!visible) {
               return null;
             }
+            if (provider) {
+              const component = vue.resolveComponent(provider.component);
+              return vue.h(component, {
+                key: item2.id,
+                class: [ns.e("item")],
+                item,
+                controller: c
+              });
+            }
             if (item2.itemType === "SEPERATOR") {
               return;
             }
@@ -172,9 +187,19 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       var _a2, _b;
       const itemId = item.id;
       const visible = (_a2 = c.state.buttonsState[itemId]) == null ? void 0 : _a2.visible;
+      const provider = c.itemProviders[itemId];
       if (!visible) {
         return null;
       }
+      if (provider) {
+        const component = vue.resolveComponent(provider.component);
+        return vue.h(component, {
+          key: itemId,
+          class: [ns.e("item")],
+          item,
+          controller: c
+        });
+      }
       if (item.itemType === "SEPERATOR") {
         return vue.createVNode("div", {
           "key": itemId,

package/lib/control/tree/tree.cjs

@@ -443,7 +443,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         }
         return vue.createVNode(vue.resolveComponent("el-input"), {
           "model-value": this.c.state.query,
-          "class": [this.ns.b("quick-search"), this.ns.b("quick-search")],
+          "class": this.ns.b("quick-search"),
           "placeholder": this.c.state.placeHolder,
           "onInput": this.onInput
         }, {
@@ -461,6 +461,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       if (this.c.state.isLoaded && this.treeRefreshKey) {
         return vue.createVNode(vue.resolveComponent("el-tree"), {
           "ref": "treeRef",
+          "class": this.ns.b("tree"),
           "key": this.treeRefreshKey,
           "node-key": "_id",
           "highlight-current": true,

package/lib/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-icon-width:var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{display:inline-block;width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{margin-bottom:var(--ibiz-spacing-tight)}
+.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-icon-width:var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-spacing-tight) 0}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{display:inline-block;width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight)}.ibiz-control-treeview-tree{padding:0 var(--ibiz-spacing-base)}

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -249,6 +249,16 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
           keySet.value = items.value.map((item) => item.srfkey);
         }
       }
+      if (!singleSelect.value) {
+        if (c.model.valueType === "OBJECTS") {
+          emit("change", multipleObjs.value);
+        } else {
+          if (c.valueItem) {
+            emit("change", multipleTempValue.value, c.valueItem);
+          }
+          emit("change", multipleTempText.value);
+        }
+      }
     };
     const openLinkView = async (e) => {
       e.stopPropagation();
@@ -337,16 +347,6 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     });
     const onVisibleChange = (e) => {
       showView.value = e;
-      if (!e && !singleSelect.value) {
-        if (c.model.valueType === "OBJECTS") {
-          emit("change", multipleObjs.value);
-        } else {
-          if (c.valueItem) {
-            emit("change", multipleTempValue.value, c.valueItem);
-          }
-          emit("change", multipleTempText.value);
-        }
-      }
       if (e === false) {
         onBlur({});
       }

package/lib/locale/en/index.cjs

@@ -741,7 +741,8 @@ var index = {
         interfaceBehaviorMode: "Find the adapter that does not correspond to the interface behavior mode {uiactionMode}.",
         frontEndPluginNode: "Cannot find interface logic front-end plugin node, plugin {pluginKey} corresponding adapter",
         viewPlugin: "Cannot find the adapter corresponding to the view plugin {pluginKey}.",
-        correspondViewTypeStyle: "Cannot find an adapter for view type: [{viewType}] corresponding to view style: [{viewStyle}]."
+        correspondViewTypeStyle: "Cannot find an adapter for view type: [{viewType}] corresponding to view style: [{viewStyle}].",
+        toolbarItem: "Cannot find the adapter corresponding to the toolbar item plugin {pluginKey}."
       }
     },
     service: {