@ibiz-template/vue3-components 0.6.0-alpha.2 → 0.6.0-alpha.4

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

@@ -452,7 +452,9 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
     }), this.previewinfo[0] && this.previewinfo[0].length ? createVNode("div", {
       "class": "ibiz-control-toolbar__item"
     }, [createVNode(resolveComponent("el-button"), {
-      "onClick": this.onButtonImportClick
+      "onClick": this.onButtonImportClick,
+      "disabled": !this.selectValues.join(""),
+      "title": !this.selectValues.join("") ? "\u8BF7\u9009\u62E9\u5217\u5BFC\u5165\u5C5E\u6027!" : ""
     }, _isSlot(_slot2 = ibiz.i18n.t("component.dataImport2.import")) ? _slot2 : {
       default: () => [_slot2]
     })]) : ""])])])]), createVNode(resolveComponent("data-import2-table"), {

package/es/common/doing-notice/doing-notice.css

@@ -1 +1 @@
-.ibiz-async-action-notice.el-notification{width:auto}.ibiz-async-action-notice.el-notification .el-notification__group{margin:0}.ibiz-async-action-notice.el-notification .el-notification__closeBtn{top:5px;right:5px}.ibiz-doing-notice__text{margin-right:8px}.ibiz-doing-notice__num{margin:0 8px;font-size:18px;font-weight:700;color:var(--ibiz-color-danger)}.ibiz-doing-notice__loading-icon{width:18px;height:18px;margin-right:6px;vertical-align:middle;animation:loading-rotate 2s linear infinite}.ibiz-doing-notice__loading-icon .path{stroke:var(--ibiz-color-primary);stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2;animation:loading-dash 1.5s ease-in-out infinite}
+.ibiz-async-action-notice.el-notification{width:auto}.ibiz-async-action-notice.el-notification .el-notification__group{margin:0}.ibiz-async-action-notice.el-notification .el-notification__closeBtn{top:5px;right:5px}.ibiz-doing-notice__text{margin-right:8px}.ibiz-doing-notice__num{margin:0 8px;font-size:18px;font-weight:700;color:var(--ibiz-color-primary)}.ibiz-doing-notice__loading-icon{width:18px;height:18px;margin-right:6px;vertical-align:middle;animation:loading-rotate 2s linear infinite}.ibiz-doing-notice__loading-icon .path{stroke:var(--ibiz-color-primary);stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2;animation:loading-dash 1.5s ease-in-out infinite}

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

@@ -24,7 +24,7 @@ const DoingNotice = /* @__PURE__ */ defineComponent({
       "class": this.ns.e("text")
     }, [createTextVNode("\u6709"), createVNode("span", {
       "class": this.ns.e("num")
-    }, [this.info.num]), createTextVNode("\u4E2A\u5F02\u6B65\u64CD\u4F5C\u6B63\u5728\u6267\u884C\uFF0C\u8BF7\u7A0D\u540E")]), createVNode("svg", {
+    }, [this.info.num]), createTextVNode("\u4E2A\u540E\u53F0\u4F5C\u4E1A\u6B63\u5728\u6267\u884C\uFF0C\u8BF7\u7A0D\u540E")]), createVNode("svg", {
       "class": this.ns.e("loading-icon"),
       "viewBox": "-10, -10, 50, 50"
     }, [createVNode("path", {

package/es/common/grid-setting/grid-setting.d.ts

@@ -19,6 +19,7 @@ export declare const IBizGridSetting: import("vue").DefineComponent<{
         hidden: boolean;
         uaColumn: boolean;
         fixed?: "left" | "right" | undefined;
+        adaptive?: boolean | undefined;
     }[]>;
     isDraggable: import("vue").ComputedRef<boolean>;
     handleClick: (dragColumnState: IColumnState) => void;

package/es/control/caption-bar/caption-bar.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { onActivated, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './caption-bar.css';
 import { CaptionBarController } from '@ibiz-template/runtime';
@@ -26,6 +26,15 @@ const CaptionBarControl = /* @__PURE__ */ defineComponent({
   setup() {
     const c = useControlController((...args) => new CaptionBarController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    const modalMode = c.view.modal.mode;
+    if (modalMode === "ROUTE") {
+      ibiz.util.setBrowserTitle(c.state.caption);
+    }
+    onActivated(() => {
+      if (modalMode === "ROUTE") {
+        ibiz.util.setBrowserTitle(c.state.caption);
+      }
+    });
     return {
       c,
       ns

package/es/control/drbar/drbar.controller.mjs

@@ -250,6 +250,9 @@ class DRBarController extends ControlController {
    */
   handleSelectChange(key, isRoutePushed = false) {
     var _a;
+    if (this.state.selectedItem === key) {
+      return;
+    }
     const drBarItem = (_a = this.model.dedrctrlItems) == null ? void 0 : _a.find((item) => item.id === key);
     if (drBarItem) {
       this.setVisible("navPos");

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

@@ -65,6 +65,7 @@ const FormItem = /* @__PURE__ */ defineComponent({
     }
     return createVNode(resolveComponent("iBizFormItemContainer"), {
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass],
+      "style": this.modelData.cssStyle,
       "required": this.c.state.required,
       "error": this.c.state.error,
       "label": this.c.labelCaption,

package/es/control/search-bar/filter-tree/filter-tree.d.ts

@@ -1,6 +1,8 @@
 import { IFilterBranchNode, IFilterLeafNode, IFilterNode, SearchBarFilterController } from '@ibiz-template/runtime';
 import { PropType } from 'vue';
 import './filter-tree.scss';
+/** 不需要编辑器的OP */
+export declare const ExcludeOPs: string[];
 export declare const FilterTreeControl: import("vue").DefineComponent<{
     /**
      * 过滤项控制器集合

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

@@ -47,6 +47,7 @@ const FilterModes = [{
   valueOP: ValueOP.RIGHT_LIKE,
   label: "\u6587\u672C\u53F3\u5305\u542B(#%)"
 }];
+const ExcludeOPs = [ValueOP.IS_NULL, ValueOP.IS_NOT_NULL];
 const FilterTreeControl = /* @__PURE__ */ defineComponent({
   name: "IBizFilterTreeControl",
   props: {
@@ -150,7 +151,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
       });
     };
     const renderEditor = (node, filterC) => {
-      if (filterC.noEditor) {
+      if (filterC.noEditor || node.valueOP && ExcludeOPs.includes(node.valueOP)) {
         return null;
       }
       let editor = null;
@@ -309,4 +310,4 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
   }
 });
 
-export { FilterTreeControl };
+export { ExcludeOPs, FilterTreeControl };

package/es/control/tab-exp-panel/tab-exp-panel.mjs

@@ -1,5 +1,5 @@
 import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace, route2routePath } from '@ibiz-template/vue3-util';
 import './tab-exp-panel.css';
 import { TabExpPanelController } from '@ibiz-template/runtime';
 import { useRoute } from 'vue-router';
@@ -42,28 +42,16 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
     const route = useRoute();
     watch(() => route.fullPath, (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        const viewCodeName = c.view.model.codeName.toLowerCase();
-        const viewRouteKey = Object.keys(route.params).find((key) => {
-          return route.params[key] === viewCodeName;
-        });
-        if (!viewRouteKey) {
-          return;
-        }
-        const nextKeyNumber = (parseInt(viewRouteKey[viewRouteKey.length - 1], 10) + 2) * 2;
-        const tempFullPath = route.fullPath.split("/").slice(0, nextKeyNumber).join("/");
-        c.state.tabPages.forEach((page) => {
-          if (page.fullPath === tempFullPath) {
-            c.state.activeName = page.tabTag;
+        const depth = c.view.modal.routeDepth;
+        if (depth) {
+          const routePath = route2routePath(route);
+          const {
+            srfnav
+          } = routePath.pathNodes[depth - 1];
+          if (srfnav && c.state.activeName && c.state.activeName !== srfnav) {
+            c.state.activeName = srfnav;
             c.handleTabChange();
           }
-        });
-        if (c.state.activeName) {
-          const currentPage = c.state.tabPages.find((page) => {
-            return page.tabTag === c.state.activeName;
-          });
-          if (currentPage) {
-            currentPage.fullPath = tempFullPath;
-          }
         }
       }
     }, {

package/es/control/toolbar/export-excel/export-excel.css

@@ -1 +1 @@
-.ibiz-export-excel{width:270px}.ibiz-export-excel__custom{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__custom>*+*{margin-left:10px}.ibiz-export-excel__custom.el-dropdown-menu__item:focus{color:var(--el-text-color-regular);background-color:transparent}.ibiz-export-excel__custom .el-input{--el-input-text-color:var(--ibiz-color-white)}.ibiz-export-excel__button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-export-excel__button>span{display:flex;align-items:center;justify-content:center;font-size:14px;pointer-events:none}.ibiz-export-excel__button i,.ibiz-export-excel__button img{display:inline-block;max-width:var(--ibiz-width-icon-medium);max-height:var(--ibiz-width-icon-medium);margin:0 var(--ibiz-spacing-extra-tight) 0 0}
+.ibiz-export-excel{width:270px}.ibiz-export-excel__custom{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__custom>*+*{margin-left:10px}.ibiz-export-excel__custom.el-dropdown-menu__item:focus{color:var(--el-text-color-regular);background-color:transparent}.ibiz-export-excel__custom .el-input{--el-input-text-color:var(--ibiz-color-white)}.ibiz-export-excel__button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-export-excel__button>span{display:flex;align-items:center;justify-content:center;font-size:14px;pointer-events:none}.ibiz-export-excel__button i,.ibiz-export-excel__button img{display:inline-block;max-width:var(--ibiz-width-icon-medium);max-height:var(--ibiz-width-icon-medium);margin:0 var(--ibiz-spacing-extra-tight) 0 0}.ibiz-export-excel-submenu-button{justify-content:flex-start;width:100%;height:36px;padding:0 10px;border-radius:0}.ibiz-export-excel-submenu-button i{margin:0 var(--ibiz-spacing-extra-tight) 0 0}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title{padding:0}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu.hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .ibiz-export-excel-submenu-popper{width:270px;color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}

package/es/control/toolbar/export-excel/export-excel.d.ts

@@ -3,6 +3,10 @@ import { PropType } from 'vue';
 import { IToolbarController } from '@ibiz-template/runtime';
 import './export-excel.scss';
 export declare const IBizExportExcel: import("vue").DefineComponent<{
+    mode: {
+        type: StringConstructor;
+        required: false;
+    };
     size: {
         type: StringConstructor;
         required: false;
@@ -24,6 +28,10 @@ export declare const IBizExportExcel: import("vue").DefineComponent<{
     startPage: import("vue").Ref<number>;
     onCommand: (command: string, e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "exportExcel"[], "exportExcel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: StringConstructor;
+        required: false;
+    };
     size: {
         type: StringConstructor;
         required: false;

package/es/control/toolbar/export-excel/export-excel.mjs

@@ -9,6 +9,10 @@ function _isSlot(s) {
 const IBizExportExcel = /* @__PURE__ */ defineComponent({
   name: "IBizExportExcel",
   props: {
+    mode: {
+      type: String,
+      required: false
+    },
     size: {
       type: String,
       required: false
@@ -50,20 +54,93 @@ const IBizExportExcel = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    return createVNode(resolveComponent("el-dropdown"), {
+    return this.$props.mode === "menu" ? createVNode(resolveComponent("el-sub-menu"), {
+      "index": this.$props.item.id,
+      "class": this.ns.b("submenu"),
+      "popper-class": this.ns.b("submenu-popper")
+    }, {
+      title: () => {
+        let _slot;
+        return createVNode(resolveComponent("el-button"), {
+          "title": this.item.tooltip,
+          "size": this.$props.size,
+          "class": this.ns.b("submenu-button")
+        }, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
+          default: () => [_slot]
+        });
+      },
+      default: () => {
+        return [createVNode(resolveComponent("el-menu-item"), {
+          "class": this.ns.b("menu-item"),
+          "onClick": (e) => this.onCommand("maxRowCount", e)
+        }, {
+          default: () => [createTextVNode("\u5BFC\u51FA\u5168\u90E8(\u6700\u5927\u5BFC\u51FA1000\u884C)")]
+        }), createVNode(resolveComponent("el-menu-item"), {
+          "class": this.ns.b("menu-item"),
+          "onClick": (e) => this.onCommand("activatedPage", e)
+        }, {
+          default: () => [createTextVNode("\u5BFC\u51FA\u5F53\u524D\u9875")]
+        }), createVNode(resolveComponent("el-menu-item"), {
+          "class": this.ns.b("menu-item"),
+          "onClick": (e) => this.onCommand("selectedRows", e)
+        }, {
+          default: () => [createTextVNode("\u5BFC\u51FA\u5F53\u524D\u9009\u4E2D")]
+        }), createVNode(resolveComponent("el-menu-item"), {
+          "class": [this.ns.b("menu-item"), this.ns.e("custom")]
+        }, {
+          default: () => [createVNode(resolveComponent("el-input"), {
+            "type": "number",
+            "modelValue": this.startPage,
+            "onUpdate:modelValue": ($event) => this.startPage = $event,
+            "size": "small",
+            "maxlength": "4",
+            "onClick": (event) => {
+              event.stopPropagation();
+            },
+            "onChange": (value) => {
+              this.startPage = value;
+            }
+          }, null), createVNode("span", {
+            "class": "item-text",
+            "onClick": (event) => {
+              event.stopPropagation();
+            }
+          }, [createTextVNode("-")]), createVNode(resolveComponent("el-input"), {
+            "modelValue": this.endPage,
+            "onUpdate:modelValue": ($event) => this.endPage = $event,
+            "size": "small",
+            "type": "number",
+            "maxlength": "4",
+            "onClick": (event) => {
+              event.stopPropagation();
+            }
+          }, null), createVNode("span", {
+            "class": "item-text",
+            "onClick": (event) => {
+              event.stopPropagation();
+            }
+          }, [createTextVNode("\u9875")]), createVNode(resolveComponent("el-button"), {
+            "onClick": (e) => this.onCommand("customPage", e),
+            "size": "small"
+          }, {
+            default: () => [createTextVNode("\u5BFC\u51FA")]
+          })]
+        })];
+      }
+    }) : createVNode(resolveComponent("el-dropdown"), {
       "size": this.$props.size,
       "onCommand": this.onCommand,
       "popper-class": this.ns.b(),
       "trigger": "click"
     }, {
       default: () => {
-        let _slot;
+        let _slot2;
         return createVNode(resolveComponent("el-button"), {
           "title": this.item.tooltip,
           "size": this.$props.size,
           "class": this.ns.e("button")
-        }, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
-          default: () => [_slot]
+        }, _isSlot(_slot2 = this.btnContent(this.item)) ? _slot2 : {
+          default: () => [_slot2]
         });
       },
       dropdown: () => {

package/es/control/toolbar/index.d.ts

@@ -14,6 +14,10 @@ export declare const IBizToolbarControl: import("@ibiz-template/vue3-util").Type
     provider: {
         type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
     };
+    manualCalcButtonState: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     c: import("@ibiz-template/runtime").ToolbarController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>;
     btnSize: import("vue").Ref<string>;
@@ -41,7 +45,12 @@ export declare const IBizToolbarControl: import("@ibiz-template/vue3-util").Type
     provider: {
         type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
     };
+    manualCalcButtonState: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     params: IParams;
+    manualCalcButtonState: boolean;
 }, {}>>;
 export default IBizToolbarControl;

package/es/control/toolbar/toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);display:flex}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular);pointer-events:none}.ibiz-control-toolbar__item .el-button .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height);margin:var(--ibiz-control-toolbar-icon-margin);font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-dropdown{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2)}.ibiz-control-toolbar-dropdown .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height);margin:var(--ibiz-control-toolbar-icon-margin);font-size:var(--ibiz-font-size-regular)}
+@charset "UTF-8";.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;display:flex}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin);overflow:hidden}.ibiz-control-toolbar__item .el-button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding)}.ibiz-control-toolbar__item .el-button>span{display:flex;align-items:center;justify-content:center;font-size:var(--ibiz-font-size-regular);pointer-events:none}.ibiz-control-toolbar__item .el-button .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-toolbar-icon-max-width);height:var(--ibiz-control-toolbar-icon-max-height);margin:var(--ibiz-control-toolbar-icon-margin);font-size:var(--ibiz-font-size-regular)}.ibiz-control-toolbar__item.is-loading .el-button .ibiz-icon{display:none}.ibiz-control-toolbar__item-separator{color:var(--ibiz-control-toolbar-separator-color)}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar__menu.el-menu{height:var(--ibiz-control-toolbar-menu-height);margin:var(--ibiz-control-toolbar-item-margin);border:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-control-toolbar-item-padding);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title>span{display:inline-block;line-height:1}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar__menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper{--ibiz-control-toolbar-item-margin:0 var(--ibiz-spacing-extra-tight);--ibiz-control-toolbar-item-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-toolbar-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-toolbar-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-icon-max-height:var(--ibiz-width-icon-medium);--ibiz-control-toolbar-separator-color:var(--ibiz-color-fill-2);--ibiz-control-toolbar-menu-height:32px;color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title{padding:0 10px;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu .el-sub-menu__title:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .el-menu .ibiz-control-toolbar-submenu.is-active .el-sub-menu__title{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item .ibiz-icon{margin:var(--ibiz-control-toolbar-icon-margin)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item.is-active{color:var(--ibiz-color-primary-text)}.ibiz-control-toolbar-submenu-popper .el-menu .el-menu-item:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}

package/es/control/toolbar/toolbar.d.ts

@@ -18,6 +18,10 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
     provider: {
         type: PropType<IControlProvider>;
     };
+    manualCalcButtonState: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     c: ToolbarController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IToolbarState, import("@ibiz-template/runtime").IToolbarEvent>;
     btnSize: import("vue").Ref<string>;
@@ -41,6 +45,11 @@ export declare const ToolbarControl: import("vue").DefineComponent<{
     provider: {
         type: PropType<IControlProvider>;
     };
+    manualCalcButtonState: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     params: IParams;
+    manualCalcButtonState: boolean;
 }, {}>;

package/es/control/toolbar/toolbar.mjs

@@ -38,6 +38,10 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
     },
     provider: {
       type: Object
+    },
+    manualCalcButtonState: {
+      type: Boolean,
+      default: false
     }
   },
   setup() {
@@ -62,6 +66,55 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         })]);
       });
     };
+    const renderSubmenu = (item) => {
+      return createVNode(resolveComponent("el-sub-menu"), {
+        "class": ns.b("submenu"),
+        "index": item.id,
+        "title": item.tooltip,
+        "popper-class": ns.b("submenu-popper")
+      }, {
+        default: () => {
+          var _a;
+          return (_a = item.detoolbarItems) == null ? void 0 : _a.map((item2) => {
+            const actionId = item2.uiactionId;
+            if (item2.itemType === "SEPERATOR" || item2.itemType === "RAWITEM") {
+              return;
+            }
+            if (item2.itemType === "DEUIACTION" && c.state.buttonsState[item2.id].visible) {
+              let _slot2;
+              if (actionId === "exportexcel") {
+                return createVNode(IBizExportExcel, {
+                  "class": [ns.e("menu-exportexcel")],
+                  "mode": "menu",
+                  "item": item2,
+                  "btnContent": btnContent,
+                  "size": btnSize.value,
+                  "controller": c,
+                  "onExportExcel": (e, data) => {
+                    handleClick(item2, e, data);
+                  }
+                }, null);
+              }
+              return createVNode(resolveComponent("el-menu-item"), {
+                "index": "menuitem".concat(item2.id),
+                "disabled": c.state.buttonsState[item2.id].disabled,
+                "title": item2.tooltip,
+                "onClick": (e) => handleClick(item2, e)
+              }, _isSlot(_slot2 = btnContent(item2)) ? _slot2 : {
+                default: () => [_slot2]
+              });
+            }
+            if (item2.itemType === "ITEMS") {
+              return renderSubmenu(item2);
+            }
+            return null;
+          });
+        },
+        title: () => {
+          return createVNode("span", null, [btnContent(item)]);
+        }
+      });
+    };
     const renderToolbarItem = (item) => {
       const itemId = item.id;
       if (item.itemType === "SEPERATOR") {
@@ -77,7 +130,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         }, [btnContent(item)]);
       }
       if (item.itemType === "DEUIACTION" && c.state.buttonsState[itemId].visible) {
-        let _slot2;
+        let _slot3;
         const actionId = item.uiactionId;
         if (actionId === "exportexcel") {
           return createVNode(IBizExportExcel, {
@@ -100,46 +153,20 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           "loading": c.state.buttonsState[itemId].loading,
           "disabled": c.state.buttonsState[itemId].disabled,
           "onClick": (e) => handleClick(item, e)
-        }, _isSlot(_slot2 = btnContent(item)) ? _slot2 : {
-          default: () => [_slot2]
+        }, _isSlot(_slot3 = btnContent(item)) ? _slot3 : {
+          default: () => [_slot3]
         })]);
       }
       if (item.itemType === "ITEMS") {
-        return createVNode("div", {
-          "key": itemId,
-          "class": [ns.e("item"), ns.e("item-items")]
-        }, [createVNode(resolveComponent("el-dropdown"), {
-          "trigger": "click",
-          "placement": "bottom-start",
-          "popper-class": ns.b("dropdown")
-        }, {
-          default: () => {
-            let _slot3;
-            return createVNode(resolveComponent("el-button"), {
-              "title": item.tooltip,
-              "size": btnSize.value
-            }, _isSlot(_slot3 = btnContent(item)) ? _slot3 : {
-              default: () => [_slot3]
-            });
-          },
-          dropdown: () => {
-            return createVNode(resolveComponent("el-dropdown-menu"), null, {
-              default: () => {
-                var _a;
-                return [(_a = item.detoolbarItems) == null ? void 0 : _a.map((item2) => {
-                  let _slot4;
-                  return createVNode(resolveComponent("el-dropdown-item"), {
-                    "key": item2.id,
-                    "disabled": c.state.buttonsState[item2.id].disabled,
-                    "onClick": (e) => handleClick(item2, e)
-                  }, _isSlot(_slot4 = btnContent(item2)) ? _slot4 : {
-                    default: () => [_slot4]
-                  });
-                })];
-              }
-            });
-          }
-        })]);
+        let _slot4;
+        return createVNode(resolveComponent("el-menu"), {
+          "mode": "horizontal",
+          "class": [ns.e("menu")],
+          "ellipsis": false,
+          "menu-trigger": "hover"
+        }, _isSlot(_slot4 = renderSubmenu(item)) ? _slot4 : {
+          default: () => [_slot4]
+        });
       }
       return null;
     };

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{width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.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-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-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{width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.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)}

package/es/control/tree/tree.mjs

@@ -120,7 +120,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         _id: node._id,
         _uuid: node._uuid,
         _leaf: node._leaf,
-        _text: node._text
+        _text: node._text,
+        _disableSelect: node._disableSelect
       }));
     };
     c.evt.on("onAfterRefreshParent", (event) => {
@@ -457,7 +458,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           "props": {
             label: "_text",
             children: "_children",
-            isLeaf: "_leaf"
+            isLeaf: "_leaf",
+            disabled: "_disableSelect"
           },
           "lazy": true,
           "load": this.loadData,
@@ -525,7 +527,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
               "onDblclick": (evt) => this.onNodeDbClick(nodeData, evt),
               "onClick": (evt) => this.onNodeClick(nodeData, evt),
               "onContextmenu": (evt) => this.onNodeContextmenu(nodeData, evt),
-              "class": [this.ns.b("node"), (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName]
+              "class": [this.ns.b("node"), nodeData._disableSelect ? this.ns.bm("node", "disabled") : "", (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName]
             }, [content, this.renderCounter(nodeModel), this.renderContextMenu(nodeModel, nodeData)]);
           }
         });

package/es/control/tree-grid-ex/index.d.ts

@@ -20,6 +20,7 @@ export declare const IBizTreeGridExControl: import("@ibiz-template/vue3-util").T
     tableRef: import("vue").Ref<IData | undefined>;
     elTableData: import("vue").ComputedRef<IData[]>;
     renderColumns: import("vue").ComputedRef<import("@ibiz/model-core").IDETreeColumn[]>;
+    tableRefreshKey: import("vue").Ref<string>;
     renderNoData: () => false | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;

package/es/control/tree-grid-ex/tree-grid-ex.d.ts

@@ -24,6 +24,7 @@ export declare const TreeGridExControl: import("vue").DefineComponent<{
     tableRef: import("vue").Ref<IData | undefined>;
     elTableData: import("vue").ComputedRef<IData[]>;
     renderColumns: import("vue").ComputedRef<IDETreeColumn[]>;
+    tableRefreshKey: import("vue").Ref<string>;
     renderNoData: () => VNode | false;
     loadData: (item: IData, treeNode: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
     onRowClick: (data: IData, _column: IData, event: MouseEvent) => Promise<void>;

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -3,6 +3,7 @@ import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExController } from '@ibiz-template/runtime';
 import './tree-grid-ex.css';
 import { RuntimeError } from '@ibiz-template/core';
+import { createUUID } from 'qx-util';
 import { useRowEditPopover } from './use-row-edit-popover.mjs';
 
 "use strict";
@@ -64,6 +65,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
         return temp;
       });
     };
+    const tableRefreshKey = ref(createUUID());
     const treeRootData = computed(() => {
       if (!c.state.isLoaded) {
         return [];
@@ -76,11 +78,15 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       }, []);
     });
     const elTableData = computed(() => {
+      tableRefreshKey.value = createUUID();
       if (treeRootData.value.length === 0) {
         return [];
       }
       return toElNodes(treeRootData.value, true);
     });
+    c.evt.on("onAfterRefreshParent", () => {
+      tableRefreshKey.value = createUUID();
+    });
     const loadData = async (item, treeNode, callback) => {
       let nodes;
       const nodeData = c.getNodeData(item.id);
@@ -155,6 +161,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       tableRef,
       elTableData,
       renderColumns,
+      tableRefreshKey,
       renderNoData,
       loadData,
       onRowClick,
@@ -207,6 +214,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
     }, {
       default: () => [this.c.state.isLoaded && createVNode(resolveComponent("el-table"), {
         "ref": "tableRef",
+        "key": this.tableRefreshKey,
         "class": this.ns.e("table"),
         "border": true,
         "row-key": "id",

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts

@@ -27,6 +27,7 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     c: ColorPickerEditorController;
     currentVal: Ref<string | null>;
+    predefineColors: Ref<string[]>;
     contentStyle: import("vue").ComputedRef<IData | null>;
     colorPicker: Ref<IData | null>;
     handleChange: (e: string | null) => void;

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.mjs

@@ -14,6 +14,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
     const c = props.controller;
     const currentVal = ref("");
     const colorPicker = ref(null);
+    const predefineColors = ref(["#000000", "#2C2C2C", "#50555C", "#ACB3BF", "#D0D3D9", "#C4C4C4", "#DADADA", "#E5E5E5", "#F0F0F0", "#F24E1E", "#E99C58", "#FFC700", "#FF4D00", "#FF00D6", "#D82E57", "#8E1DE8", "#0ACF83", "#18A0FB", "#A259FF", "#907CFF"]);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -57,6 +58,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
       ns,
       c,
       currentVal,
+      predefineColors,
       contentStyle,
       colorPicker,
       handleChange,
@@ -83,7 +85,9 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
         "onChange": this.handleChange,
         "onBlur": this.onBlur,
         "onFocus": this.onFocus,
-        "size": "small"
+        "size": "small",
+        "predefine": this.predefineColors,
+        "show-alpha": true
       }, null), createVNode("span", {
         "class": this.ns.b("text")
       }, [this.currentVal])]);