@ibiz-template/vue3-components 0.7.17 → 0.7.19-alpha.0

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/es/util/app-popover/app-popover-component.css

@@ -1 +1 @@
-.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}
+.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;z-index:-1;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}

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

@@ -63,7 +63,9 @@ class EditViewEngine extends ViewEngineBase {
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
       const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
       const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
-      if (isChange && context.allowClose == null) {
+      if (isChange && this.form.model.enableAutoSave) {
+        await this.form.immediateAutoSave();
+      } else if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({
           title: ibiz.i18n.t("viewEngine.closeRemind"),
           desc: ibiz.i18n.t("viewEngine.confirmClosePrompt")

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) => {

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

@@ -13,11 +13,15 @@ function _isSlot(s) {
 function renderByProvider(itemId, c) {
   const itemModel = c.allAppMenuItems.find((item) => item.id === itemId);
   if (!itemModel) {
-    throw new core.RuntimeError("\u6CA1\u627E\u5230\u83DC\u5355\u9879\u6A21\u578B".concat(itemId));
+    throw new core.RuntimeError("".concat(ibiz.i18n.t("control.menuDesign.noMenuItemModel", {
+      menu: itemId
+    })));
   }
   const provider = c.itemProviders[itemId];
   if (!provider.renderText) {
-    throw new core.RuntimeError("".concat(itemId, "\u7684\u9002\u914D\u5668\u6CA1\u6709renderText\u65B9\u6CD5"));
+    throw new core.RuntimeError("".concat(ibiz.i18n.t("control.menuDesign.noProviderRenderText", {
+      menu: itemId
+    })));
   }
   return provider.renderText(itemModel, c);
 }
@@ -53,8 +57,7 @@ const MenuDesign = /* @__PURE__ */ vue.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);
@@ -91,8 +94,7 @@ const MenuDesign = /* @__PURE__ */ vue.defineComponent({
           ...item,
           isCollapse: true,
           config: {
-            visible: true,
-            disabled: false
+            visible: true
           }
         };
         if ((_a = item.children) == null ? void 0 : _a.length) {
@@ -101,8 +103,7 @@ const MenuDesign = /* @__PURE__ */ vue.defineComponent({
         if (target) {
           Object.assign(data, {
             config: {
-              visible: target.visible,
-              disabled: target.disabled
+              visible: target.visible
             }
           });
         }
@@ -187,13 +188,7 @@ const MenuDesign = /* @__PURE__ */ vue.defineComponent({
           "modelValue": item.config.visible,
           "onUpdate:modelValue": ($event) => item.config.visible = $event,
           "onClick": stopExpand,
-          "label": "\u663E\u793A",
-          "size": "large"
-        }, null), vue.createVNode(vue.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 ? vue.createVNode("div", {
           "class": [ns.bem("content", "menu-item", "children"), ns.is("collapse", item.isCollapse)]

package/lib/control/gantt/gantt.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 var dayjs = require('dayjs');
+var elTreeUtil = require('../tree/el-tree-util.cjs');
 require('./gantt.css');
 
 "use strict";
@@ -86,8 +87,15 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       return false;
     });
     const data = vue.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 = vue.computed(() => {
       const columnsModel = [];
@@ -144,20 +152,30 @@ const GanttControl = /* @__PURE__ */ vue.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 = elTreeUtil.findNodeData(draggingNode._uuid, c);
+      const dropNodeData = elTreeUtil.findNodeData(dropNode._uuid, c);
+      const result = c.calcAllowDrop(draggingNodeData, dropNodeData, type);
+      return result;
+    };
+    const allowDrag = (draggingNode) => {
+      const nodeData = elTreeUtil.findNodeData(draggingNode._uuid, c);
+      return c.calcAllowDrag(nodeData);
+    };
+    const handleDrop = (draggingNode, dropNode, dropType) => {
+      const draggingNodeData = elTreeUtil.findNodeData(draggingNode._uuid, c);
+      const dropNodeData = elTreeUtil.findNodeData(dropNode._uuid, c);
+      const type = elTreeUtil.formatNodeDropType(dropType);
+      c.onNodeDrop(draggingNodeData, dropNodeData, type);
+    };
     const onSliderMove = (sliders) => {
       var _a2;
       const nodeData = (_a2 = sliders[0]) == null ? void 0 : _a2.row;
@@ -404,7 +422,10 @@ const GanttControl = /* @__PURE__ */ vue.defineComponent({
       onNodeCollapse,
       renderContent,
       onSliderMove,
-      renderNoData
+      renderNoData,
+      allowDrop,
+      allowDrag,
+      handleDrop
     };
   },
   render() {
@@ -427,6 +448,13 @@ const GanttControl = /* @__PURE__ */ vue.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/lib/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/lib/control/toolbar/short-cut-button/short-cut-button.cjs

@@ -60,7 +60,7 @@ const IBizShortCutButton = /* @__PURE__ */ vue.defineComponent({
       "onClick": this.onClick
     }, {
       default: () => [this.item.showIcon && this.item.sysImage && vue.createVNode("span", {
-        "class": this.ns2.b("icon")
+        "class": [this.ns2.b("icon"), this.ns.e("icon")]
       }, [vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "icon": this.item.sysImage
       }, null)]), this.item.showCaption && vue.createVNode("span", {

package/lib/control/toolbar/short-cut-button/short-cut-button.css

@@ -0,0 +1 @@
+.ibiz-short-cut-button__icon svg{width:var(--ibiz-font-size-regular);height:var(--ibiz-font-size-regular);font-size:var(--ibiz-font-size-regular)}

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.cjs

@@ -23,14 +23,19 @@ const TreeGridExFieldColumn = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("tree-grid-ex-field-column");
-    const nodeColumn = vue.computed(() => {
-      return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);
-    });
-    const fieldValue = vue.computed(() => {
+    const fieldValue = vue.ref();
+    vue.watch(() => props.row.data, () => {
       if (props.row.data._nodeType !== "DE" && props.controller.isFirstShowColumn) {
-        return props.row.data._text;
+        fieldValue.value = props.row.data._text;
+      } else {
+        fieldValue.value = props.row.data[props.controller.name];
       }
-      return props.row.data[props.controller.name];
+    }, {
+      deep: true,
+      immediate: true
+    });
+    const nodeColumn = vue.computed(() => {
+      return props.controller.nodeColumnControllerMap.get(props.row.data._nodeId);
     });
     const codeListText = vue.ref("");
     const onInfoTextChange = (text) => {

package/lib/editor/upload/upload-editor.controller.cjs

@@ -25,6 +25,13 @@ class UploadEditorController extends runtime.EditorController {
      * 接受上传的文件类型
      */
     __publicField(this, "accept", "");
+    /**
+     * 上传的文件大小
+     *
+     * @type {number}
+     * @memberof UploadEditorController
+     */
+    __publicField(this, "size", 0);
     /**
      * 上传参数
      */
@@ -46,7 +53,7 @@ class UploadEditorController extends runtime.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);
       }
@@ -56,13 +63,16 @@ class UploadEditorController extends runtime.EditorController {
       if (accept) {
         this.accept = accept;
       }
+      if (size) {
+        this.size = Number(size);
+      }
       if (uploadParams) {
         try {
           this.uploadParams = JSON.parse(uploadParams);
         } catch (error) {
           throw new core.RuntimeModelError(
             uploadParams,
-            "\u914D\u7F6EuploadParams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F"
+            ibiz.i18n.t("editor.upload.uploadJsonFormatErr")
           );
         }
       }
@@ -72,7 +82,7 @@ class UploadEditorController extends runtime.EditorController {
         } catch (error) {
           throw new core.RuntimeModelError(
             exportParams,
-            "\u914D\u7F6EexportParams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F"
+            ibiz.i18n.t("editor.upload.exportJsonFormatErr")
           );
         }
       }

package/lib/editor/upload/use/use-iview-upload.cjs

@@ -68,8 +68,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/lib/locale/en/index.cjs

@@ -113,12 +113,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",
@@ -333,7 +336,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/lib/locale/zh-CN/index.cjs

@@ -118,7 +118,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",
@@ -333,7 +336,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/lib/panel-component/auth-userinfo/auth-userinfo.cjs

@@ -25,7 +25,7 @@ const AuthUserinfo = /* @__PURE__ */ vue.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 = vueRouter.useRouter();
     const ctx = vue.inject("ctx", void 0);
@@ -46,7 +46,7 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
       c,
       onClick,
       srfusername,
-      srfpersonname,
+      loginname,
       router,
       menuAlign,
       isCollapse
@@ -67,9 +67,9 @@ const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.b("name")
       }, [vue.createVNode("div", {
         "class": this.ns.be("name", "user-name")
-      }, [this.srfusername]), this.menuAlign === "LEFT" && vue.createVNode("div", {
+      }, [this.srfusername]), this.menuAlign === "LEFT" && this.loginname && vue.createVNode("div", {
         "class": this.ns.be("name", "person-name")
-      }, [this.srfpersonname])])]), vue.createVNode("ion-icon", {
+      }, [this.loginname])])]), vue.createVNode("ion-icon", {
         "class": [this.ns.e("down"), this.ns.is("collapse", this.isCollapse)],
         "name": "chevron-down-outline"
       }, null)]),

package/lib/panel-component/index-actions/index-actions.cjs

@@ -25,14 +25,14 @@ const IndexActions = /* @__PURE__ */ vue.defineComponent({
     const {
       id
     } = props.modelData;
+    const isCollapse = vue.computed(() => {
+      return props.controller.panel.view.state.isCollapse;
+    });
     const classArr = vue.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 = vue.computed(() => {
-      return props.controller.panel.view.state.isCollapse;
-    });
     return {
       ns,
       classArr,
@@ -42,10 +42,7 @@ const IndexActions = /* @__PURE__ */ vue.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 = vue.createVNode(vue.resolveComponent("iBizRow"), {
       "slot": "content",
       "layout": this.modelData.layout

package/lib/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/lib/util/app-popover/app-popover-component.css

@@ -1 +1 @@
-.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}
+.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;z-index:-1;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}

package/lib/view-engine/edit-view.engine.cjs

@@ -65,7 +65,9 @@ class EditViewEngine extends runtime.ViewEngineBase {
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
       const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
       const isChange = (this.form.state.modified || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
-      if (isChange && context.allowClose == null) {
+      if (isChange && this.form.model.enableAutoSave) {
+        await this.form.immediateAutoSave();
+      } else if (isChange && context.allowClose == null) {
         const isAllow = await ibiz.confirm.error({
           title: ibiz.i18n.t("viewEngine.closeRemind"),
           desc: ibiz.i18n.t("viewEngine.confirmClosePrompt")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.17",
+  "version": "0.7.19-alpha.0",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -29,13 +29,13 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
-    "@ibiz-template-plugin/gantt": "0.1.4",
-    "@ibiz-template/core": "0.7.17",
+    "@ibiz-template-plugin/gantt": "0.1.6-alpha.0",
+    "@ibiz-template/core": "0.7.18",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.17",
-    "@ibiz-template/runtime": "0.7.17",
+    "@ibiz-template/model-helper": "0.7.19-alpha.0",
+    "@ibiz-template/runtime": "0.7.19-alpha.0",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.17",
+    "@ibiz-template/vue3-util": "0.7.19-alpha.0",
     "@ibiz-template/web-theme": "^1.1.17",
     "@ibiz/model-core": "^0.1.27",
     "@imengyu/vue3-context-menu": "^1.3.5",