@ibiz-template/vue3-components 0.7.13-alpha.0 → 0.7.14

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts

@@ -92,6 +92,42 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             readonly parentView: any | undefined;
             readonly isActive: boolean;
             layoutPanel?: {
+                hooks: {
+                    validate: {
+                        call: (context: {
+                            result: boolean[];
+                            parentId?: string | undefined;
+                        }) => Promise<{
+                            result: boolean[];
+                            parentId?: string | undefined;
+                        }>;
+                        tapPromise: (fn: (context: {
+                            result: boolean[];
+                            parentId?: string | undefined;
+                        }) => Promise<void>) => void;
+                        removeTapPromise: (callBack: (context: {
+                            result: boolean[];
+                            parentId?: string | undefined;
+                        }) => Promise<void>) => void;
+                        readonly size: number;
+                        callSync: (context: {
+                            result: boolean[];
+                            parentId?: string | undefined;
+                        }) => {
+                            result: boolean[];
+                            parentId?: string | undefined;
+                        };
+                        tap: (fn: (context: {
+                            result: boolean[];
+                            parentId?: string | undefined;
+                        }) => void) => void;
+                        removeTap: (callBack: (context: {
+                            result: boolean[];
+                            parentId?: string | undefined;
+                        }) => void) => void;
+                        clear: () => void;
+                    };
+                };
                 panelItems: {
                     [key: string]: import("@ibiz-template/runtime").IPanelItemController;
                 };
@@ -134,6 +170,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     force: (_callback?: (() => void) | undefined) => void;
                 } | undefined;
                 load: () => Promise<void>;
+                validate: (parentId?: string | undefined) => Promise<boolean>;
                 setDataValue: (name: string, value: unknown) => Promise<void>;
                 view: any;
                 layoutPanel?: any | undefined;
@@ -7197,6 +7234,42 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
             force: (_callback?: (() => void) | undefined) => void;
         };
         layoutPanel?: {
+            hooks: {
+                validate: {
+                    call: (context: {
+                        result: boolean[];
+                        parentId?: string | undefined;
+                    }) => Promise<{
+                        result: boolean[];
+                        parentId?: string | undefined;
+                    }>;
+                    tapPromise: (fn: (context: {
+                        result: boolean[];
+                        parentId?: string | undefined;
+                    }) => Promise<void>) => void;
+                    removeTapPromise: (callBack: (context: {
+                        result: boolean[];
+                        parentId?: string | undefined;
+                    }) => Promise<void>) => void;
+                    readonly size: number;
+                    callSync: (context: {
+                        result: boolean[];
+                        parentId?: string | undefined;
+                    }) => {
+                        result: boolean[];
+                        parentId?: string | undefined;
+                    };
+                    tap: (fn: (context: {
+                        result: boolean[];
+                        parentId?: string | undefined;
+                    }) => void) => void;
+                    removeTap: (callBack: (context: {
+                        result: boolean[];
+                        parentId?: string | undefined;
+                    }) => void) => void;
+                    clear: () => void;
+                };
+            };
             panelItems: {
                 [key: string]: import("@ibiz-template/runtime").IPanelItemController;
             };
@@ -7239,6 +7312,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                 force: (_callback?: (() => void) | undefined) => void;
             } | undefined;
             load: () => Promise<void>;
+            validate: (parentId?: string | undefined) => Promise<boolean>;
             setDataValue: (name: string, value: unknown) => Promise<void>;
             view: {
                 evt: {

package/es/control/form/form-detail/form-page/form-page.css

@@ -1 +1 @@
-.ibiz-form-page{--ibiz-form-page-font-size:var(--ibiz-font-size-header-4);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-primary);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-primary);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary)}.ibiz-form-page--no-tab-header .ibiz-form-page-item{padding-top:0}.ibiz-form-page-tab>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-page-font-size);color:var(--ibiz-form-page-text-color);background-color:var(--ibiz-form-page-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-page-hover-text-color);background-color:var(--ibiz-form-page-hover-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-page-active-text-color);background-color:var(--ibiz-form-page-active-bg-color)}.ibiz-form-page-tab .el-tabs__nav-wrap::after{background-color:var(--ibiz-form-page-header-border-color)}.ibiz-form-page-tab .el-tabs__active-bar{background-color:var(--ibiz-form-page-active-border-color)}.ibiz-form-page-item{padding-top:var(--ibiz-padding-top)}.ibiz-form-page-item-child{margin-bottom:var(--ibiz-margin-bottom)}
+.ibiz-form-page{--ibiz-form-page-font-size:var(--ibiz-font-size-header-4);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-primary);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-primary);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary)}.ibiz-form-page__left{height:100%}.ibiz-form-page__left>.el-tabs__header{height:100%}.ibiz-form-page__left>.el-tabs__content{height:100%;overflow:auto}.ibiz-form-page__right{height:100%}.ibiz-form-page__right>.el-tabs__header{height:100%}.ibiz-form-page__right>.el-tabs__content{height:100%;overflow:auto}.ibiz-form-page--no-tab-header .ibiz-form-page-item{padding-top:0}.ibiz-form-page-tab>.el-tabs__header.is-top{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-page-font-size);color:var(--ibiz-form-page-text-color);background-color:var(--ibiz-form-page-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-page-hover-text-color);background-color:var(--ibiz-form-page-hover-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-page-active-text-color);background-color:var(--ibiz-form-page-active-bg-color)}.ibiz-form-page-tab .el-tabs__nav-wrap::after{background-color:var(--ibiz-form-page-header-border-color)}.ibiz-form-page-tab .el-tabs__active-bar{background-color:var(--ibiz-form-page-active-border-color)}.ibiz-form-page-item{padding-top:var(--ibiz-padding-top)}.ibiz-form-page-item-child{margin-bottom:var(--ibiz-margin-bottom)}

package/es/control/form/form-detail/form-page/form-page.d.ts

@@ -8,6 +8,7 @@ export declare const FormPage: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    position: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEForm>;

package/es/control/form/form-detail/form-page/form-page.mjs

@@ -14,10 +14,15 @@ const FormPage = /* @__PURE__ */ defineComponent({
       required: true
     }
   },
-  setup() {
+  setup(props) {
     const ns = useNamespace("form-page");
+    let position = "top";
+    if (props.modelData.tabHeaderPos) {
+      position = props.modelData.tabHeaderPos.toLowerCase();
+    }
     return {
-      ns
+      ns,
+      position
     };
   },
   render() {
@@ -33,8 +38,9 @@ const FormPage = /* @__PURE__ */ defineComponent({
       }, [defaultSlots]);
     }
     return createVNode(resolveComponent("el-tabs"), {
-      "class": [this.ns.b(), this.ns.b("tab")],
-      "model-value": (_d = defaultSlots[0]) == null ? void 0 : _d.key
+      "class": [this.ns.b(), this.ns.b("tab"), this.ns.e(this.position)],
+      "model-value": (_d = defaultSlots[0]) == null ? void 0 : _d.key,
+      "tab-position": this.position
     }, _isSlot(_slot = defaultSlots.map((slot) => {
       const props = slot.props;
       if (!props || !props.controller) {

package/es/control/form/form-detail/form-page/index.d.ts

@@ -6,6 +6,7 @@ export declare const IBizFormPage: import("@ibiz-template/vue3-util").TypeWithIn
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    position: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEForm>;

package/es/control/search-bar/filter-tree/filter-tree.mjs

@@ -54,7 +54,7 @@ const FilterModes = [{
   valueOP: ValueOP.NOT_EXISTS,
   label: "\u4E0D\u5B58\u5728(NOTEXISTS)"
 }];
-const ExcludeOPs = [ValueOP.IS_NULL, ValueOP.IS_NOT_NULL];
+const ExcludeOPs = [ValueOP.IS_NULL, ValueOP.IS_NOT_NULL, ValueOP.EXISTS, ValueOP.NOT_EXISTS];
 const FilterTreeControl = /* @__PURE__ */ defineComponent({
   name: "IBizFilterTreeControl",
   props: {
@@ -240,7 +240,6 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       }, [editor]);
     };
     const renderFilterItem = (node, itemsC) => {
-      let _slot;
       if (node.hidden) {
         return;
       }
@@ -271,14 +270,14 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
         "onChange": (field) => {
           onFieldSelect(node, field, fieldInfos);
         }
-      }, _isSlot(_slot = fieldInfos.map((field) => {
-        return createVNode(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 createVNode(resolveComponent("el-option"), {
+            "key": field.name,
+            "value": field.name,
+            "label": field.label
+          }, null);
+        })]
       }), availableModes && availableModes.length > 0 && createVNode(resolveComponent("iBizFilterModeSelect"), {
         "disabled": node.disabled,
         "class": ns.e("mode-select"),
@@ -356,10 +355,10 @@ const FilterTreeControl = /* @__PURE__ */ 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;
@@ -371,14 +370,14 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
           "onChange": (field) => {
             onFieldSelect(node, field);
           }
-        }, _isSlot(_slot2 = allFields.map((field) => {
+        }, _isSlot(_slot = allFields.map((field) => {
           return createVNode(resolveComponent("el-option"), {
             "key": field.name,
             "value": field.name,
             "label": field.label
           }, null);
-        })) ? _slot2 : {
-          default: () => [_slot2]
+        })) ? _slot : {
+          default: () => [_slot]
         }), createVNode(resolveComponent("iBizFilterModeSelect"), {
           "disabled": true,
           "class": ns.e("mode-select"),
@@ -395,8 +394,8 @@ const FilterTreeControl = /* @__PURE__ */ 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]
       })]), createVNode("div", {
         "class": ns.be("group", "list")
       }, [node.children.length > 0 && node.children.map((child, index) => {
@@ -433,7 +432,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    let _slot4;
+    let _slot3;
     return createVNode("div", {
       "class": [this.ns.b()]
     }, [this.UiFilterNodes.length > 0 && this.UiFilterNodes.map((node) => {
@@ -453,8 +452,8 @@ const FilterTreeControl = /* @__PURE__ */ 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/es/control/toolbar/short-cut-button/short-cut-button.d.ts

@@ -0,0 +1,48 @@
+import { IDETBUIActionItem } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { IToolbarController } from '@ibiz-template/runtime';
+import './short-cut-button.scss';
+export declare const IBizShortCutButton: import("vue").DefineComponent<{
+    mode: {
+        type: StringConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    item: {
+        type: PropType<IDETBUIActionItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<IToolbarController<import("@ibiz/model-core").IDEToolbar, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    ns2: import("@ibiz-template/core").Namespace;
+    buttonState: import("vue").ComputedRef<any>;
+    buttonType: string | undefined;
+    isShortCut: import("vue").ComputedRef<boolean>;
+    onClick: (e: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: StringConstructor;
+        required: false;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+    };
+    item: {
+        type: PropType<IDETBUIActionItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<IToolbarController<import("@ibiz/model-core").IDEToolbar, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>>;
+        required: true;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;

package/es/control/toolbar/short-cut-button/short-cut-button.mjs

@@ -0,0 +1,71 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './short-cut-button.css';
+
+"use strict";
+const IBizShortCutButton = /* @__PURE__ */ defineComponent({
+  name: "IBizShortCutButton",
+  props: {
+    mode: {
+      type: String,
+      required: false
+    },
+    size: {
+      type: String,
+      required: false
+    },
+    item: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
+    var _a;
+    const ns = useNamespace("short-cut-button");
+    const ns2 = useNamespace("toolbar-item");
+    const onClick = (e) => {
+      emit("click", e);
+    };
+    const buttonType = (_a = props.item.buttonStyle) == null ? void 0 : _a.toLowerCase();
+    const buttonState = computed(() => props.controller.state.buttonsState[props.item.id]);
+    const isShortCut = computed(() => props.controller.view.state.isShortCut);
+    return {
+      ns,
+      ns2,
+      buttonState,
+      buttonType,
+      isShortCut,
+      onClick
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("short-cut", this.isShortCut)]
+    }, [createVNode(resolveComponent("el-button"), {
+      "title": this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip,
+      "size": this.size,
+      "text": Object.is(this.buttonType, "inverse"),
+      "type": this.buttonType,
+      "loading": this.buttonState.loading,
+      "disabled": this.buttonState.disabled,
+      "onClick": this.onClick
+    }, {
+      default: () => [this.item.showIcon && this.item.sysImage && createVNode("span", {
+        "class": this.ns2.b("icon")
+      }, [createVNode(resolveComponent("iBizIcon"), {
+        "icon": this.item.sysImage
+      }, null)]), this.item.showCaption && createVNode("span", {
+        "class": this.ns2.b("text")
+      }, [this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.caption) : this.item.caption])]
+    })]);
+  }
+});
+
+export { IBizShortCutButton };

package/es/control/toolbar/toolbar.mjs

@@ -1,7 +1,8 @@
-import { isVNode, resolveComponent, createVNode, ref, createTextVNode, defineComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, ref, h, createTextVNode, defineComponent } from 'vue';
 import { useNamespace, useControlController } from '@ibiz-template/vue3-util';
 import { ToolbarController } from '@ibiz-template/runtime';
 import { IBizExportExcel } from './export-excel/export-excel.mjs';
+import { IBizShortCutButton } from './short-cut-button/short-cut-button.mjs';
 import './toolbar.css';
 
 "use strict";
@@ -79,6 +80,11 @@ const ToolbarControl = /* @__PURE__ */ 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;
@@ -86,7 +92,7 @@ const ToolbarControl = /* @__PURE__ */ 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 || "";
@@ -101,9 +107,19 @@ const ToolbarControl = /* @__PURE__ */ 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 = resolveComponent(provider.component);
+              return h(component, {
+                key: item2.id,
+                class: [ns.e("item")],
+                item,
+                controller: c
+              });
+            }
             if (item2.itemType === "SEPERATOR") {
               return;
             }
@@ -169,9 +185,19 @@ const ToolbarControl = /* @__PURE__ */ 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 = resolveComponent(provider.component);
+        return h(component, {
+          key: itemId,
+          class: [ns.e("item")],
+          item,
+          controller: c
+        });
+      }
       if (item.itemType === "SEPERATOR") {
         return createVNode("div", {
           "key": itemId,
@@ -202,6 +228,16 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
             }
           }, null);
         }
+        if (actionId === "shortcut") {
+          return createVNode(IBizShortCutButton, {
+            "key": itemId,
+            "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item)],
+            "item": item,
+            "controller": c,
+            "size": btnSize.value,
+            "onClick": (e) => handleClick(item, e)
+          }, null);
+        }
         return createVNode("div", {
           "key": itemId,
           "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item), ns.is("loading", c.state.buttonsState[itemId].loading)]

package/es/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/es/control/tree/tree.mjs

@@ -441,7 +441,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         }
         return createVNode(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
         }, {
@@ -459,6 +459,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       if (this.c.state.isLoaded && this.treeRefreshKey) {
         return createVNode(resolveComponent("el-tree"), {
           "ref": "treeRef",
+          "class": this.ns.b("tree"),
           "key": this.treeRefreshKey,
           "node-key": "_id",
           "highlight-current": true,

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -56,6 +56,7 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     showView: Ref<boolean>;
     selectedData: Ref<IData[]>;
     handleDropDownKeyDown: (e: KeyboardEvent) => void;
+    arrow: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, computed, onMounted, resolveComponent, createVNode, h, defineComponent } from 'vue';
+import { isVNode, ref, watch, computed, onMounted, createVNode, resolveComponent, h, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-picker-select-view.css';
 import { ViewMode, Modal } from '@ibiz-template/runtime';
@@ -247,6 +247,16 @@ const IBizPickerSelectView = /* @__PURE__ */ 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();
@@ -335,16 +345,6 @@ const IBizPickerSelectView = /* @__PURE__ */ 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({});
       }
@@ -357,6 +357,15 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    const arrow = () => {
+      return createVNode("svg", {
+        "viewBox": "0 0 1024 1024",
+        "xmlns": "http://www.w3.org/2000/svg"
+      }, [createVNode("path", {
+        "fill": "currentColor",
+        "d": "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
+      }, null)]);
+    };
     return {
       ns,
       c,
@@ -388,7 +397,8 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       onVisibleChange,
       showView,
       selectedData,
-      handleDropDownKeyDown
+      handleDropDownKeyDown,
+      arrow
     };
   },
   render() {
@@ -423,7 +433,9 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
             }, null), this.c.model.linkAppViewId && createVNode("ion-icon", {
               "onClick": this.openLinkView,
               "name": "link-arrow"
-            }, null)];
+            }, null), this.c.model.showTrigger && createVNode("div", {
+              "class": [this.ns.e("arrow"), this.showView ? "overturn" : ""]
+            }, [this.arrow()])];
           }
         }) : createVNode(resolveComponent("el-select"), {
           "popper-class": this.ns.b("select-popover"),

package/es/index.mjs

@@ -121,6 +121,7 @@ export { OverlayController } from './util/overlay-controller/overlay-controller.
 export { usePagination } from './util/pagination/use-pagination.mjs';
 export { NoticeUtil } from './util/notice-util/notice-util.mjs';
 export { RenderUtil } from './util/render-util/render-util.mjs';
+export { AppUtil } from './util/app-util/app-util.mjs';
 export { AuthGuard } from './web-app/guard/auth-guard/auth-guard.mjs';
 export { runApp } from './web-app/main.mjs';
 export { AppRouter } from './web-app/router/index.mjs';

package/es/locale/en/index.d.ts

@@ -731,6 +731,7 @@ declare const _default: {
                 frontEndPluginNode: string;
                 viewPlugin: string;
                 correspondViewTypeStyle: string;
+                toolbarItem: string;
             };
         };
         service: {

package/es/locale/en/index.mjs

@@ -737,7 +737,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: {

package/es/locale/zh-CN/index.d.ts

@@ -729,6 +729,7 @@ declare const _default: {
                 frontEndPluginNode: string;
                 viewPlugin: string;
                 correspondViewTypeStyle: string;
+                toolbarItem: string;
             };
         };
         service: {

package/es/locale/zh-CN/index.mjs

@@ -735,7 +735,8 @@ var index = {
         interfaceBehaviorMode: "\u627E\u4E0D\u754C\u9762\u884C\u4E3A\u6A21\u5F0F{uiactionMode}\u5BF9\u5E94\u7684\u9002\u914D\u5668",
         frontEndPluginNode: "\u627E\u4E0D\u5230\u754C\u9762\u903B\u8F91\u524D\u7AEF\u63D2\u4EF6\u8282\u70B9\uFF0C\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668",
         viewPlugin: "\u627E\u4E0D\u5230\u89C6\u56FE\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668",
-        correspondViewTypeStyle: "\u627E\u4E0D\u5230\u89C6\u56FE\u7C7B\u578B\uFF1A[{viewType}]\u7684\u89C6\u56FE\u6837\u5F0F\uFF1A[{viewStyle}]\u5BF9\u5E94\u7684\u9002\u914D\u5668"
+        correspondViewTypeStyle: "\u627E\u4E0D\u5230\u89C6\u56FE\u7C7B\u578B\uFF1A[{viewType}]\u7684\u89C6\u56FE\u6837\u5F0F\uFF1A[{viewStyle}]\u5BF9\u5E94\u7684\u9002\u914D\u5668",
+        toolbarItem: "\u627E\u4E0D\u5230\u5DE5\u5177\u680F\u9879\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668"
       }
     },
     service: {