@ibiz-template/vue3-components 0.7.17 → 0.7.18

package/es/control/app-menu/app-menu.mjs

@@ -64,13 +64,6 @@ function findCustomMenu(_key, items) {
   }
   return temp;
 }
-function getMenuCustomDisabled(_key, items) {
-  const target = findCustomMenu(_key, items);
-  if (target) {
-    return target.disabled;
-  }
-  return false;
-}
 function getMenuCustomVisible(_key, items) {
   const target = findCustomMenu(_key, items);
   if (target) {
@@ -107,7 +100,7 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData, saveConfigs
     return !(isFirst && collapse) ? createVNode(resolveComponent("el-menu-item"), {
       "class": ns.e("item"),
       "index": menu.key,
-      "disabled": menu.disabled || getMenuCustomDisabled(menu.key, saveConfigs),
+      "disabled": menu.disabled,
       "title": menu.tooltip
     }, _isSlot(content) ? content : {
       default: () => [content]
@@ -120,7 +113,7 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData, saveConfigs
       default: () => [createVNode(resolveComponent("el-menu-item"), {
         "class": ns.e("item"),
         "index": menu.key,
-        "disabled": menu.disabled || getMenuCustomDisabled(menu.key, saveConfigs)
+        "disabled": menu.disabled
       }, _isSlot(content) ? content : {
         default: () => [content]
       })]
@@ -145,7 +138,6 @@ function renderSubmenu(isFirst, subMenu, collapse, ns, c, counterData, saveConfi
   return createVNode(resolveComponent("el-sub-menu"), {
     "class": ns.b("submenu"),
     "index": subMenu.key,
-    "disabled": getMenuCustomDisabled(subMenu.key, saveConfigs),
     "popper-class": ns.b("popup-container")
   }, {
     default: () => subMenu.children.map((item) => {

package/es/control/app-menu/custom-menu-design/custom-menu-design.mjs

@@ -11,11 +11,15 @@ function _isSlot(s) {
 function renderByProvider(itemId, c) {
   const itemModel = c.allAppMenuItems.find((item) => item.id === itemId);
   if (!itemModel) {
-    throw new RuntimeError("\u6CA1\u627E\u5230\u83DC\u5355\u9879\u6A21\u578B".concat(itemId));
+    throw new RuntimeError("".concat(ibiz.i18n.t("control.menuDesign.noMenuItemModel", {
+      menu: itemId
+    })));
   }
   const provider = c.itemProviders[itemId];
   if (!provider.renderText) {
-    throw new RuntimeError("".concat(itemId, "\u7684\u9002\u914D\u5668\u6CA1\u6709renderText\u65B9\u6CD5"));
+    throw new RuntimeError("".concat(ibiz.i18n.t("control.menuDesign.noProviderRenderText", {
+      menu: itemId
+    })));
   }
   return provider.renderText(itemModel, c);
 }
@@ -51,8 +55,7 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
           key: item.key,
           name: item.label,
           type: item.itemType,
-          visible: item.config.visible,
-          disabled: item.config.disabled
+          visible: item.config.visible
         };
         if ((_a = item.children) == null ? void 0 : _a.length) {
           config.children = handleMenusSaveData(item.children);
@@ -89,8 +92,7 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
           ...item,
           isCollapse: true,
           config: {
-            visible: true,
-            disabled: false
+            visible: true
           }
         };
         if ((_a = item.children) == null ? void 0 : _a.length) {
@@ -99,8 +101,7 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
         if (target) {
           Object.assign(data, {
             config: {
-              visible: target.visible,
-              disabled: target.disabled
+              visible: target.visible
             }
           });
         }
@@ -185,13 +186,7 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
           "modelValue": item.config.visible,
           "onUpdate:modelValue": ($event) => item.config.visible = $event,
           "onClick": stopExpand,
-          "label": "\u663E\u793A",
-          "size": "large"
-        }, null), createVNode(resolveComponent("el-checkbox"), {
-          "modelValue": item.config.disabled,
-          "onUpdate:modelValue": ($event) => item.config.disabled = $event,
-          "onClick": stopExpand,
-          "label": "\u7981\u7528",
+          "label": ibiz.i18n.t("control.menuDesign.visible"),
           "size": "large"
         }, null)]) : null]), item.children && item.children.length > 0 ? createVNode("div", {
           "class": [ns.bem("content", "menu-item", "children"), ns.is("collapse", item.isCollapse)]

package/es/control/gantt/gantt.d.ts

@@ -1,6 +1,7 @@
 import { PropType, VNode, Ref } from 'vue';
 import { IDEGantt, IDETreeColumn } from '@ibiz/model-core';
 import { IControlProvider, GanttController, IGanttNodeData } from '@ibiz-template/runtime';
+import { AllowDropType, NodeDropType } from 'element-plus/es/components/tree/src/tree.type';
 import './gantt.scss';
 export declare const GanttControl: import("vue").DefineComponent<{
     modelData: {
@@ -35,7 +36,7 @@ export declare const GanttControl: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     ganttRef: Ref<IData | undefined>;
     isInited: Ref<boolean>;
-    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[] | undefined>;
+    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
     locale: import("vue").ComputedRef<string>;
     columns: import("vue").ComputedRef<IDETreeColumn[]>;
     onCheck: (state: boolean, item: IGanttNodeData) => void;
@@ -53,6 +54,9 @@ export declare const GanttControl: import("vue").DefineComponent<{
     }>[];
     onSliderMove: (sliders: IData[]) => void;
     renderNoData: () => VNode | false;
+    allowDrop: (draggingNode: IGanttNodeData, dropNode: IGanttNodeData, type: AllowDropType) => boolean;
+    allowDrag: (draggingNode: IGanttNodeData) => boolean;
+    handleDrop: (draggingNode: IGanttNodeData, dropNode: IGanttNodeData, dropType: NodeDropType) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEGantt>;

package/es/control/gantt/gantt.mjs

@@ -2,6 +2,7 @@ import { ref, resolveComponent, getCurrentInstance, onMounted, computed, createV
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { GanttController } from '@ibiz-template/runtime';
 import dayjs from 'dayjs';
+import { findNodeData, formatNodeDropType } from '../tree/el-tree-util.mjs';
 import './gantt.css';
 
 "use strict";
@@ -84,8 +85,15 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       return false;
     });
     const data = computed(() => {
-      var _a2;
-      return c.model.rootVisible ? c.state.rootNodes : (_a2 = c.state.rootNodes[0]) == null ? void 0 : _a2._children;
+      if (!c.state.isLoaded) {
+        return [];
+      }
+      return c.model.rootVisible ? c.state.rootNodes : c.state.rootNodes.reduce((result, nodeData) => {
+        if (nodeData._children) {
+          return result.concat(nodeData._children);
+        }
+        return result;
+      }, []);
     });
     const columns = computed(() => {
       const columnsModel = [];
@@ -142,20 +150,30 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         c.refreshNodeChildren(nodeData);
       }
     };
-    c.evt.on("onDefaultExpand", (event) => {
-      if (ganttRef.value) {
-        ganttRef.value.refresh();
-      }
+    c.evt.on("onNewRow", (event) => {
+      var _a2;
+      const nodeData = event.row.data;
+      (_a2 = ganttRef.value) == null ? void 0 : _a2.setExpand(nodeData);
     });
     const onNodeCollapse = (nodeData) => {
       c.onExpandChange(nodeData, false);
     };
-    c.evt.on("onNewRow", (event) => {
-      if (ganttRef.value) {
-        const nodeData = event.row.data;
-        ganttRef.value.setExpand(nodeData);
-      }
-    });
+    const allowDrop = (draggingNode, dropNode, type) => {
+      const draggingNodeData = findNodeData(draggingNode._uuid, c);
+      const dropNodeData = findNodeData(dropNode._uuid, c);
+      const result = c.calcAllowDrop(draggingNodeData, dropNodeData, type);
+      return result;
+    };
+    const allowDrag = (draggingNode) => {
+      const nodeData = findNodeData(draggingNode._uuid, c);
+      return c.calcAllowDrag(nodeData);
+    };
+    const handleDrop = (draggingNode, dropNode, dropType) => {
+      const draggingNodeData = findNodeData(draggingNode._uuid, c);
+      const dropNodeData = findNodeData(dropNode._uuid, c);
+      const type = formatNodeDropType(dropType);
+      c.onNodeDrop(draggingNodeData, dropNodeData, type);
+    };
     const onSliderMove = (sliders) => {
       var _a2;
       const nodeData = (_a2 = sliders[0]) == null ? void 0 : _a2.row;
@@ -402,7 +420,10 @@ const GanttControl = /* @__PURE__ */ defineComponent({
       onNodeCollapse,
       renderContent,
       onSliderMove,
-      renderNoData
+      renderNoData,
+      allowDrop,
+      allowDrag,
+      handleDrop
     };
   },
   render() {
@@ -425,6 +446,13 @@ const GanttControl = /* @__PURE__ */ defineComponent({
         "children": "_children",
         "leaf": "_leaf",
         "locale": this.locale,
+        "draggable": {
+          level: "all",
+          draggable: true
+        },
+        "allow-drop": this.allowDrop,
+        "allow-drag": this.allowDrag,
+        "onNodeDrop": this.handleDrop,
         "showCheckbox": !this.c.state.singleSelect,
         "onNodeExpand": this.onNodeExpand,
         "onNodeCollapse": this.onNodeCollapse,

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

@@ -31,7 +31,7 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
     ns: import("@ibiz-template/core").Namespace;
     ganttRef: import("vue").Ref<IData | undefined>;
     isInited: import("vue").Ref<boolean>;
-    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[] | undefined>;
+    data: import("vue").ComputedRef<import("@ibiz-template/runtime").ITreeNodeData[]>;
     locale: import("vue").ComputedRef<string>;
     columns: import("vue").ComputedRef<import("@ibiz/model-core").IDETreeColumn[]>;
     onCheck: (state: boolean, item: import("@ibiz-template/runtime").IGanttNodeData) => void;
@@ -51,6 +51,9 @@ export declare const IBizGanttControl: import("@ibiz-template/vue3-util").TypeWi
     renderNoData: () => false | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
+    allowDrop: (draggingNode: import("@ibiz-template/runtime").IGanttNodeData, dropNode: import("@ibiz-template/runtime").IGanttNodeData, type: import("element-plus/es/components/tree/src/tree.type").AllowDropType) => boolean;
+    allowDrag: (draggingNode: import("@ibiz-template/runtime").IGanttNodeData) => boolean;
+    handleDrop: (draggingNode: import("@ibiz-template/runtime").IGanttNodeData, dropNode: import("@ibiz-template/runtime").IGanttNodeData, dropType: import("element-plus/es/components/tree/src/tree.type").NodeDropType) => void;
 }, 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").IDEGantt>;

package/es/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:0}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(35px,0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:4px;transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:0 var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap;border-radius:100px}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:0 var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:4px;font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:50%}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:0}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(35px,0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:4px;transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:0 var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap;border-radius:100px}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:0 var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:4px;font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:50%}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:0;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:0 var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -38,7 +38,7 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
     onError: (...args: IData[]) => never;
     onRemove: (file: IData) => void;
     onSuccess: (response: IData) => void;
-    beforeUpload: () => void;
+    beforeUpload: (rawFile: import("element-plus").UploadRawFile) => boolean;
     isGridEditor: import("vue").ComputedRef<boolean>;
     componentRef: import("vue").Ref<any>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -36,7 +36,7 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
     dialogImageUrl: import("vue").Ref<string>;
     dialogVisible: import("vue").Ref<boolean>;
     noUploadIcon: import("vue").ComputedRef<boolean>;
-    beforeUpload: () => void;
+    beforeUpload: (rawFile: import("element-plus").UploadRawFile) => boolean;
     onSuccess: (response: IData) => void;
     onError: (...args: IData[]) => never;
     onRemove: (file: IData) => void;

package/es/editor/upload/upload-editor.controller.d.ts

@@ -19,6 +19,13 @@ export declare class UploadEditorController extends EditorController<IFileUpload
      * 接受上传的文件类型
      */
     accept: string;
+    /**
+     * 上传的文件大小
+     *
+     * @type {number}
+     * @memberof UploadEditorController
+     */
+    size: number;
     /**
      * 上传参数
      */

package/es/editor/upload/upload-editor.controller.mjs

@@ -23,6 +23,13 @@ class UploadEditorController extends EditorController {
      * 接受上传的文件类型
      */
     __publicField(this, "accept", "");
+    /**
+     * 上传的文件大小
+     *
+     * @type {number}
+     * @memberof UploadEditorController
+     */
+    __publicField(this, "size", 0);
     /**
      * 上传参数
      */
@@ -44,7 +51,7 @@ class UploadEditorController extends EditorController {
       this.multiple = false;
     }
     if (this.editorParams) {
-      const { isDrag, multiple, accept, uploadParams, exportParams } = this.editorParams;
+      const { isDrag, multiple, accept, size, uploadParams, exportParams } = this.editorParams;
       if (isDrag) {
         this.isDrag = Boolean(isDrag);
       }
@@ -54,13 +61,16 @@ class UploadEditorController extends EditorController {
       if (accept) {
         this.accept = accept;
       }
+      if (size) {
+        this.size = Number(size);
+      }
       if (uploadParams) {
         try {
           this.uploadParams = JSON.parse(uploadParams);
         } catch (error) {
           throw new RuntimeModelError(
             uploadParams,
-            "\u914D\u7F6EuploadParams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F"
+            ibiz.i18n.t("editor.upload.uploadJsonFormatErr")
           );
         }
       }
@@ -70,7 +80,7 @@ class UploadEditorController extends EditorController {
         } catch (error) {
           throw new RuntimeModelError(
             exportParams,
-            "\u914D\u7F6EexportParams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F"
+            ibiz.i18n.t("editor.upload.exportJsonFormatErr")
           );
         }
       }

package/es/editor/upload/use/use-iview-upload.d.ts

@@ -1,3 +1,4 @@
+import { UploadRawFile } from 'element-plus';
 import { ComputedRef, Ref } from 'vue';
 import { UploadEditorController } from '../upload-editor.controller';
 /**
@@ -25,5 +26,5 @@ export declare function useIViewUpload(props: IParams, valueChange: (_value: str
     onError: (...args: IData[]) => never;
     onRemove: (file: IData) => void;
     onSuccess: (response: IData) => void;
-    beforeUpload: () => void;
+    beforeUpload: (rawFile: UploadRawFile) => boolean;
 };

package/es/editor/upload/use/use-iview-upload.mjs

@@ -66,8 +66,16 @@ function useIViewUpload(props, valueChange, c) {
     uploadCache.cacheFiles = [];
     valueChange(value);
   };
-  const beforeUpload = () => {
+  const beforeUpload = (rawFile) => {
+    const size = rawFile.size / 1024 / 1024;
+    if (c.size && size > c.size) {
+      ibiz.message.error(
+        "".concat(ibiz.i18n.t("editor.upload.fileSizeErr"), " ").concat(c.size, "MB!")
+      );
+      return false;
+    }
     uploadCache.count += 1;
+    return true;
   };
   const onSuccess = (response) => {
     if (!response) {

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

@@ -768,6 +768,9 @@ declare const _default: {
             customMenu: string;
             reset: string;
             save: string;
+            visible: string;
+            noMenuItemModel: string;
+            noFoundFunction: string;
         };
         calendar: {
             lastYear: string;
@@ -981,6 +984,9 @@ declare const _default: {
         };
         upload: {
             uploadFiles: string;
+            fileSizeErr: string;
+            uploadJsonFormatErr: string;
+            exportJsonFormatErr: string;
         };
     };
     panelComponent: {

package/es/locale/en/index.mjs

@@ -109,12 +109,15 @@ var index = {
       noSupportAlign: "The menu direction {align} is not supported temporarily",
       noFoundModel: "no find the menu item model {menuKey}",
       noFoundFunction: "The adapter for {menuKey} does not have a renderText method",
-      menuSetting: "\u83DC\u5355\u8BBE\u7F6E"
+      menuSetting: "Menu setting"
     },
     menuDesign: {
       customMenu: "Custom menu",
       reset: "Reset",
-      save: "Save"
+      save: "Save",
+      visible: "Visible",
+      noMenuItemModel: "No menu item model found {menu}",
+      noFoundFunction: "The adapter for {menu} does not have a renderText method"
     },
     calendar: {
       lastYear: "Last year",
@@ -329,7 +332,10 @@ var index = {
       warningMessage: "Ip format verification failed, paragraph {num} ip reset to old value"
     },
     upload: {
-      uploadFiles: "Upload files"
+      uploadFiles: "Upload files",
+      fileSizeErr: "The file size cannot exceed",
+      uploadJsonFormatErr: "The configuration of uploadparams did not follow the standard JSON format",
+      exportJsonFormatErr: "The configuration of exportparams did not follow the standard JSON format"
     }
   },
   panelComponent: {

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

@@ -766,6 +766,9 @@ declare const _default: {
             customMenu: string;
             reset: string;
             save: string;
+            visible: string;
+            noMenuItemModel: string;
+            noFoundFunction: string;
         };
         calendar: {
             lastYear: string;
@@ -979,6 +982,9 @@ declare const _default: {
         };
         upload: {
             uploadFiles: string;
+            fileSizeErr: string;
+            uploadJsonFormatErr: string;
+            exportJsonFormatErr: string;
         };
     };
     panelComponent: {

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

@@ -114,7 +114,10 @@ var index = {
     menuDesign: {
       customMenu: "\u81EA\u5B9A\u4E49\u83DC\u5355",
       reset: "\u6062\u590D\u9ED8\u8BA4",
-      save: "\u4FDD\u5B58"
+      save: "\u4FDD\u5B58",
+      visible: "\u663E\u793A",
+      noMenuItemModel: "\u6CA1\u627E\u5230\u83DC\u5355\u9879\u6A21\u578B{menu}",
+      noFoundFunction: "{menu}\u7684\u9002\u914D\u5668\u6CA1\u6709renderText\u65B9\u6CD5"
     },
     calendar: {
       lastYear: "\u53BB\u5E74",
@@ -329,7 +332,10 @@ var index = {
       warningMessage: "ip\u683C\u5F0F\u9A8C\u8BC1\u672A\u901A\u8FC7\uFF0C\u7B2C{num}\u6BB5ip\u91CD\u7F6E\u56DE\u65E7\u503C"
     },
     upload: {
-      uploadFiles: "\u4E0A\u4F20\u6587\u4EF6"
+      uploadFiles: "\u4E0A\u4F20\u6587\u4EF6",
+      fileSizeErr: "\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7",
+      uploadJsonFormatErr: "\u914D\u7F6Euploadparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F",
+      exportJsonFormatErr: "\u914D\u7F6Eexportparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F"
     }
   },
   panelComponent: {

package/es/panel-component/auth-userinfo/auth-userinfo.d.ts

@@ -16,7 +16,7 @@ export declare const AuthUserinfo: import("vue").DefineComponent<{
     c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
     onClick: () => void;
     srfusername: any;
-    srfpersonname: any;
+    loginname: any;
     router: import("vue-router").Router;
     menuAlign: import("vue").ComputedRef<string>;
     isCollapse: import("vue").ComputedRef<any>;

package/es/panel-component/auth-userinfo/auth-userinfo.mjs

@@ -23,7 +23,7 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
     const c = prop.controller;
     const {
       srfusername = ibiz.i18n.t("panelComponent.authUserinfo.visitor"),
-      srfpersonname
+      loginname
     } = ((_a = ibiz.appData) == null ? void 0 : _a.context) || {};
     const router = useRouter();
     const ctx = inject("ctx", void 0);
@@ -44,7 +44,7 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
       c,
       onClick,
       srfusername,
-      srfpersonname,
+      loginname,
       router,
       menuAlign,
       isCollapse
@@ -65,9 +65,9 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
         "class": this.ns.b("name")
       }, [createVNode("div", {
         "class": this.ns.be("name", "user-name")
-      }, [this.srfusername]), this.menuAlign === "LEFT" && createVNode("div", {
+      }, [this.srfusername]), this.menuAlign === "LEFT" && this.loginname && createVNode("div", {
         "class": this.ns.be("name", "person-name")
-      }, [this.srfpersonname])])]), createVNode("ion-icon", {
+      }, [this.loginname])])]), createVNode("ion-icon", {
         "class": [this.ns.e("down"), this.ns.is("collapse", this.isCollapse)],
         "name": "chevron-down-outline"
       }, null)]),

package/es/panel-component/auth-userinfo/index.d.ts

@@ -12,7 +12,7 @@ export declare const IBizAuthUserinfo: import("@ibiz-template/vue3-util").TypeWi
     c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
     onClick: () => void;
     srfusername: any;
-    srfpersonname: any;
+    loginname: any;
     router: import("vue-router").Router;
     menuAlign: import("vue").ComputedRef<string>;
     isCollapse: import("vue").ComputedRef<any>;

package/es/panel-component/index-actions/index-actions.css

@@ -1 +1 @@
-.ibiz-index-actions{width:100%;height:100%}.ibiz-index-actions>.ibiz-row{height:100%;overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child{overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child>.ibiz-panel-container>.ibiz-row{overflow:visible}.ibiz-index-actions.is-hidden{display:none}.ibiz-index-actions .el-button{font-size:28px}.ibiz-index-actions .el-button:hover{background-color:transparent}
+.ibiz-index-actions{width:100%;height:100%}.ibiz-index-actions>.ibiz-row{height:100%;overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child{overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child>.ibiz-panel-container>.ibiz-row{overflow:visible}.ibiz-index-actions.is-hidden{display:none}.ibiz-index-actions.is-collapse{position:relative}.ibiz-index-actions.is-collapse::after{position:absolute;bottom:0;left:12px;width:32px;height:1px;content:"";background-color:var(--ibiz-color-primary-light-active);opacity:.5}.ibiz-index-actions.is-collapse>.ibiz-row{flex-wrap:wrap}.ibiz-index-actions .el-button{font-size:28px}.ibiz-index-actions .el-button:hover{background-color:transparent}

package/es/panel-component/index-actions/index-actions.mjs

@@ -23,14 +23,14 @@ const IndexActions = /* @__PURE__ */ defineComponent({
     const {
       id
     } = props.modelData;
+    const isCollapse = computed(() => {
+      return props.controller.panel.view.state.isCollapse;
+    });
     const classArr = computed(() => {
       let result = [ns.b(), ns.m(id)];
-      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible), ns.is("collapse", isCollapse.value)];
       return result;
     });
-    const isCollapse = computed(() => {
-      return props.controller.panel.view.state.isCollapse;
-    });
     return {
       ns,
       classArr,
@@ -40,10 +40,7 @@ const IndexActions = /* @__PURE__ */ defineComponent({
   render() {
     var _a, _b;
     let _slot;
-    let defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
-    if (this.isCollapse) {
-      defaultSlots = [defaultSlots[0]];
-    }
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     const content = createVNode(resolveComponent("iBizRow"), {
       "slot": "content",
       "layout": this.modelData.layout

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

@@ -66,13 +66,6 @@ function findCustomMenu(_key, items) {
   }
   return temp;
 }
-function getMenuCustomDisabled(_key, items) {
-  const target = findCustomMenu(_key, items);
-  if (target) {
-    return target.disabled;
-  }
-  return false;
-}
 function getMenuCustomVisible(_key, items) {
   const target = findCustomMenu(_key, items);
   if (target) {
@@ -109,7 +102,7 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData, saveConfigs
     return !(isFirst && collapse) ? vue.createVNode(vue.resolveComponent("el-menu-item"), {
       "class": ns.e("item"),
       "index": menu.key,
-      "disabled": menu.disabled || getMenuCustomDisabled(menu.key, saveConfigs),
+      "disabled": menu.disabled,
       "title": menu.tooltip
     }, _isSlot(content) ? content : {
       default: () => [content]
@@ -122,7 +115,7 @@ function renderMenuItem(isFirst, menu, collapse, ns, c, counterData, saveConfigs
       default: () => [vue.createVNode(vue.resolveComponent("el-menu-item"), {
         "class": ns.e("item"),
         "index": menu.key,
-        "disabled": menu.disabled || getMenuCustomDisabled(menu.key, saveConfigs)
+        "disabled": menu.disabled
       }, _isSlot(content) ? content : {
         default: () => [content]
       })]
@@ -147,7 +140,6 @@ function renderSubmenu(isFirst, subMenu, collapse, ns, c, counterData, saveConfi
   return vue.createVNode(vue.resolveComponent("el-sub-menu"), {
     "class": ns.b("submenu"),
     "index": subMenu.key,
-    "disabled": getMenuCustomDisabled(subMenu.key, saveConfigs),
     "popper-class": ns.b("popup-container")
   }, {
     default: () => subMenu.children.map((item) => {