@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.21

package/es/web-app/guard/auth-guard/auth-guard.mjs

@@ -128,6 +128,7 @@ class AuthGuard {
     }
     if (viewModel.accUserMode !== 3) {
       this.throw401();
+      return;
     }
     if (!authInfo) {
       const loginResult = await ibiz.auth.anonymousLogin();

package/es/web-app/util/unauthorized-handler/unauthorized-handler.d.ts

@@ -10,6 +10,13 @@ import { IErrorHandler } from '@ibiz-template/runtime';
  */
 export declare class UnauthorizedHandler implements IErrorHandler {
     match(error: unknown): boolean;
+    /**
+     * @description 是否存在403错误未处理
+     * @protected
+     * @type {boolean}
+     * @memberof UnauthorizedHandler
+     */
+    protected hasPermErrPending: boolean;
     /**
      * oauth登录处理
      *

package/es/web-app/util/unauthorized-handler/unauthorized-handler.mjs

@@ -2,7 +2,22 @@ import qs from 'qs';
 import { HttpError, RuntimeError, UrlHelper, LoginMode } from '@ibiz-template/core';
 
 "use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class UnauthorizedHandler {
+  constructor() {
+    /**
+     * @description 是否存在403错误未处理
+     * @protected
+     * @type {boolean}
+     * @memberof UnauthorizedHandler
+     */
+    __publicField(this, "hasPermErrPending", false);
+  }
   match(error) {
     return error instanceof HttpError && (error.status === 401 || error.status === 403);
   }
@@ -83,10 +98,15 @@ class UnauthorizedHandler {
    */
   async handle403(error) {
     if (error.tag === "APPINIT") {
+      if (this.hasPermErrPending) {
+        return;
+      }
+      this.hasPermErrPending = true;
       const result = await ibiz.confirm.warning({
         title: ibiz.i18n.t("webApp.unauthorizedHandler.forbiddenAccess"),
         desc: ibiz.i18n.t("webApp.unauthorizedHandler.logoutAccount")
       });
+      this.hasPermErrPending = false;
       if (result) {
         const bol = await ibiz.hub.controller.logout();
         if (bol) {
@@ -108,7 +128,8 @@ class UnauthorizedHandler {
     if (error instanceof HttpError) {
       if (error.status === 401) {
         const search = qs.parse(window.location.search.replace("?", ""));
-        if (search.isAnonymous) {
+        if ((search.isAnonymous || ibiz.env.enableAnonymous) && // 匿名登录获取视图模型发生异常，走普通登录，防止循环执行
+        error.tag !== "APPINIT") {
           ibiz.auth.anonymousLogin().then((bol) => {
             if (bol) {
               window.location.reload();

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -99,8 +99,8 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
       ns,
       dropdownRef,
       popoverIndex,
-      expandDetails,
       groupDetails,
+      expandDetails,
       groupButtonRef,
       popoverVisible,
       handleClick,
@@ -117,9 +117,54 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
         "direction": isExpand ? "vertical" : "horizontal"
       }, null);
     };
+    const renderActionGroup = (detail, isExpand = true) => {
+      var _a2;
+      const actionGroup = detail.refUIActionGroup;
+      if (!((_a2 = actionGroup == null ? void 0 : actionGroup.uiactionGroupDetails) == null ? void 0 : _a2.length))
+        return null;
+      const pvisible = actionGroup.uiactionGroupDetails.findIndex((item) => {
+        return this.actionsState[item.id].visible === true;
+      }) !== -1;
+      if (!pvisible)
+        return null;
+      return [detail.addSeparator && renderDivider(isExpand), vue.createVNode(vue.resolveComponent("el-popover"), {
+        "teleported": false,
+        "placement": "right-start",
+        "popper-class": this.ns.e("popover"),
+        "popper-options": {
+          modifiers: [{
+            name: "offset",
+            options: {
+              offset: [0, 4]
+            }
+          }]
+        },
+        "popper-style": "z-index:".concat(this.popoverIndex + 1)
+      }, {
+        reference: () => {
+          return vue.createVNode(vue.resolveComponent("el-button"), {
+            "text": true,
+            "size": "small",
+            "class": [...this.calcActionItemClass(detail), this.ns.e("group-item")]
+          }, {
+            default: () => [vue.createVNode("div", {
+              "class": this.ns.em("group-item", "caption")
+            }, [vue.createVNode("span", null, [actionGroup.id]), vue.createVNode("ion-icon", {
+              "class": this.ns.em("group-item", "caption-icon"),
+              "name": "chevron-forward-outline"
+            }, null)])]
+          });
+        },
+        default: () => {
+          return renderActions(actionGroup.uiactionGroupDetails || [], isExpand);
+        }
+      })];
+    };
     const renderActions = (items, isExpand = true) => {
       return items.map((detail) => {
         var _a2;
+        if (detail.detailType === "DEUIACTIONGROUP" && detail.refUIActionGroup)
+          return renderActionGroup(detail);
         if ((_a2 = this.actionsState[detail.id]) == null ? void 0 : _a2.visible) {
           return [detail.addSeparator && renderDivider(isExpand), vue.createVNode(vue.resolveComponent("el-button"), {
             "text": true,
@@ -143,15 +188,13 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
     };
     const renderGroup = () => {
       let _slot;
-      if (this.groupDetails.length === 0) {
+      if (this.groupDetails.length === 0)
         return null;
-      }
       const pvisible = this.groupDetails.findIndex((item) => {
         return this.actionsState[item.id].visible === true;
       }) !== -1;
-      if (!pvisible) {
+      if (!pvisible)
         return null;
-      }
       const pdisabled = this.groupDetails.findIndex((item) => {
         return this.actionsState[item.id].disabled === false;
       }) === -1;
@@ -181,9 +224,8 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
         default: () => [_slot]
       })];
     };
-    if (!((_a = this.actionsState) == null ? void 0 : _a.visible)) {
+    if (!((_a = this.actionsState) == null ? void 0 : _a.visible))
       return;
-    }
     if (this.mode === "buttons") {
       return vue.createVNode("div", {
         "class": [this.ns.b(), this.ns.m("buttons")],

package/lib/common/action-toolbar/action-toolbar.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);display:flex;flex-wrap:wrap}.ibiz-action-toolbar__item{padding:var(--ibiz-action-toolbar-item-padding);margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__item--icon.is-has-icon{display:flex;align-items:baseline;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-width-icon-medium)}.ibiz-action-toolbar__item--label.is-has-caption{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__group-item>span{width:100%}.ibiz-action-toolbar__group-item--caption{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-action-toolbar__separator{height:auto}.ibiz-action-toolbar__popover{--ibiz-action-toolbar-item-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-none);--ibiz-action-toolbar-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-separator-height:var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-separator-width:var(--ibiz-spacing-super-tight);--ibiz-action-toolbar-separator-color:var(--ibiz-color-border);--ibiz-action-toolbar-popover-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-action-toolbar-popover-button-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-loose);--ibiz-action-toolbar-popover-button-color:var(--ibiz-color-text-2);--ibiz-action-toolbar-popover-button-hover-bg:var(--ibiz-color-bg-0);width:auto!important;min-width:150px;--el-popover-padding:var(--ibiz-action-toolbar-popover-padding)}.ibiz-action-toolbar__popover .el-button{--el-button-size:getCssVar("height-control", "large");display:block;width:100%;padding:var(--ibiz-action-toolbar-popover-button-padding);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-action-toolbar-popover-button-color);text-align:left;border-radius:0}.ibiz-action-toolbar__popover .el-button:hover{background-color:var(--ibiz-action-toolbar-popover-button-hover-bg)}.ibiz-action-toolbar__popover .el-button .ibiz-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-action-toolbar__popover .ibiz-action-toolbar__separator{margin:var(--ibiz-spacing-none)}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/lib/common/carousel/carousel.css

@@ -1 +1 @@
-.ibiz-carousel-component .el-carousel__container .el-carousel__item{display:flex;align-items:center;justify-content:center}.ibiz-carousel-component .el-carousel__container .el-carousel__item img{display:inline-block;width:100%;height:100%}
+.ibiz-carousel-component .el-carousel__container .el-carousel__item{display:flex;align-items:center;justify-content:center}.ibiz-carousel-component .el-carousel__container .el-carousel__item img{display:inline-block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}

package/lib/common/control-navigation/control-navigation.cjs

@@ -84,15 +84,14 @@ const IBizControlNavigation = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const renderNavView = () => {
-      if (navViewMsg.value) {
-        if (!navViewMsg.value.viewId)
-          return;
-        return vue.h(vue.resolveComponent("IBizViewShell"), {
-          ...navViewMsg.value,
-          isEmbedCtrlNav: isEmbedCtrlNav.value,
-          class: ns.e("nav-view")
-        });
-      }
+      var _a2;
+      if (!((_a2 = navViewMsg.value) == null ? void 0 : _a2.viewId))
+        return;
+      return vue.h(vue.resolveComponent("IBizViewShell"), {
+        ...navViewMsg.value,
+        isEmbedCtrlNav: isEmbedCtrlNav.value,
+        class: ns.e("nav-view")
+      });
     };
     return {
       ns,

package/lib/common/control-navigation/provider/calendar-navigation.provider.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var runtime = require('@ibiz-template/runtime');
 var navigationBase_provider = require('./navigation-base.provider.cjs');
 
 "use strict";
@@ -14,17 +15,29 @@ class CalendarNavigationProvider extends navigationBase_provider.NavgationBasePr
     super(...arguments);
     __publicField(this, "keyName", "navId");
   }
+  /**
+   * @description 通过栈数据导航
+   * - 特殊处理仅使用开始时间绘制的日历
+   * @memberof CalendarNavigationProvider
+   */
   onNavDataByStack() {
-    const { items } = this.controller.state;
-    const navData = this.navStack.map((key) => items.find((item) => item.navId === key)).find((item) => item !== void 0) || items[0];
+    var _a;
+    const { controlParams, state, model } = this.controller;
+    const calendarStyle = (_a = model.calendarStyle) == null ? void 0 : _a.toLowerCase();
+    const items = state.items.filter((item) => {
+      if (calendarStyle === "month" && controlParams.showmode !== "daterange" || calendarStyle === "user")
+        return runtime.compareDateEqualByScale(
+          item.beginTime,
+          state.selectedDate,
+          calendarStyle === "user" ? "week" : "month"
+        );
+      return true;
+    });
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
     if (navData) {
-      const date = new Date(navData.beginTime);
-      this.controller.setSelectDate(date);
-      this.controller.setNavData(navData);
+      this.setNavData(navData);
     } else {
-      this.navStack = [];
-      this.controller.setSelectDate(/* @__PURE__ */ new Date());
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {

package/lib/common/control-navigation/provider/index.cjs

@@ -10,7 +10,7 @@ function getNavigationProvider(controller) {
   const { controlType } = controller.model;
   if (controlType === "CALENDAR")
     return new calendarNavigation_provider.CalendarNavigationProvider(controller);
-  if (controlType === "TREEVIEW")
+  if (controlType === "TREEVIEW" || controlType === "TREEGRIDEX")
     return new treeNavigation_provider.TreeNavigationProvider(controller);
   if (controlType === "MAP")
     return new mapNavigation_provider.MapNavigationProvider(controller);

package/lib/common/control-navigation/provider/map-navigation.provider.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var runtime = require('@ibiz-template/runtime');
 var navigationBase_provider = require('./navigation-base.provider.cjs');
 
 "use strict";
@@ -12,37 +13,72 @@ var __publicField = (obj, key, value) => {
 class MapNavigationProvider extends navigationBase_provider.NavgationBaseProvider {
   constructor() {
     super(...arguments);
-    __publicField(this, "keyName", "id");
+    __publicField(this, "keyName", "_id");
+  }
+  /**
+   * @description 导航数据变化
+   * @param {IMapEvent['onNavDataChange']['event']} event
+   * @memberof MapNavigationProvider
+   */
+  onNavDataChange(event) {
+    var _a;
+    const { navData } = event;
+    if (((_a = this.navViewMsg.value) == null ? void 0 : _a.key) !== navData[this.keyName]) {
+      this.navStack.unshift(navData[this.keyName]);
+      this.navViewMsg.value = this.getNavViewMsg(navData);
+    }
   }
   onNavDataByStack() {
     const { items } = this.controller.state;
-    const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || items[0];
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
     if (navData) {
-      this.controller.setNavData(navData);
+      if (navData._itemStyle.startsWith("REGION")) {
+        const data = { ...navData };
+        if (navData._areaCode) {
+          data.areaCode = this.controller.state.strAreaCode ? "".concat(navData._areaCode) : Number(navData._areaCode);
+          data.areaLevel = runtime.getAreaLevelByCode(navData._areaCode.toString());
+        }
+        this.setNavData(data);
+      } else {
+        this.setNavData(navData);
+      }
     } else {
-      this.navStack = [];
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {
+    var _a, _b;
     const { sysMapItems } = this.model;
+    const { areaCode, areaLevel } = item;
     const itemModel = sysMapItems == null ? void 0 : sysMapItems.find((_item) => _item.id === item._mapItemId);
     if (itemModel) {
+      const tempContext = this.controller.context.clone();
+      const tempParams = { ...this.controller.params };
+      if ((_a = itemModel.itemStyle) == null ? void 0 : _a.startsWith("POINT")) {
+        const deName = runtime.calcDeCodeNameById(itemModel.appDataEntityId);
+        tempContext[deName] = item._deData.srfkey;
+      }
+      if ((_b = itemModel.itemStyle) == null ? void 0 : _b.startsWith("REGION")) {
+        tempParams.srfareacode = areaCode;
+        tempParams.srfarealevel = areaLevel;
+        tempParams.srfarealevelnum = areaLevel ? runtime.getAreaLevelNum(areaLevel) : 1;
+      }
       const { context, params } = this.prepareParams(
         itemModel,
-        item._deData,
-        this.controller.context,
-        this.controller.params
+        { ...item._deData, areaCode, areaLevel },
+        tempContext,
+        tempParams
       );
+      Object.assign(params, tempParams);
       return {
         params,
         context,
-        key: item._id,
+        key: item[this.keyName],
         viewId: itemModel.navAppViewId
       };
     }
     return {
-      key: item._id,
+      key: item[this.keyName],
       context: this.controller.context,
       params: this.controller.params
     };

package/lib/common/control-navigation/provider/navigation-base.provider.cjs

@@ -90,6 +90,26 @@ class NavgationBaseProvider {
     const tempParams = { ...resultParams };
     return { context: tempContext, params: tempParams };
   }
+  /**
+   * @description 清空导航
+   * @protected
+   * @memberof NavgationBaseProvider
+   */
+  clearNavigation() {
+    this.navStack = [];
+    this.controller.setSelection([]);
+    this.navViewMsg.value = void 0;
+  }
+  /**
+   * @description 设置导航数据
+   * @protected
+   * @param {IData} data
+   * @memberof NavgationBaseProvider
+   */
+  setNavData(data) {
+    this.controller.setNavData(data);
+    this.controller.setSelection([data]);
+  }
   /**
    * 通过栈数据导航
    *
@@ -98,16 +118,11 @@ class NavgationBaseProvider {
   onNavDataByStack() {
     const { items } = this.controller.state;
     const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || items[0];
-    setTimeout(() => {
-      if (navData) {
-        this.controller.setNavData(navData);
-        this.controller.setSelection([navData]);
-      } else {
-        this.navStack = [];
-        this.controller.setSelection([]);
-        this.navViewMsg.value = void 0;
-      }
-    });
+    if (navData) {
+      this.setNavData(navData);
+    } else {
+      this.clearNavigation();
+    }
   }
   /**
    * 导航数据变化

package/lib/common/control-navigation/provider/tree-navigation.provider.cjs

@@ -40,14 +40,11 @@ class TreeNavigationProvider extends navigationBase_provider.NavgationBaseProvid
       }
       return this.navNodeModelIds.includes(node._nodeId);
     });
-    const navData = this.navStack.map((key) => items.find((item) => item._id === key)).find((item) => item !== void 0) || defaultNav;
+    const navData = this.navStack.map((key) => items.find((item) => item[this.keyName] === key)).find((item) => item !== void 0) || defaultNav;
     if (navData) {
-      this.controller.setSelection([navData]);
-      this.controller.setNavData(navData);
+      this.setNavData(navData);
     } else {
-      this.navStack = [];
-      this.controller.setSelection([]);
-      this.navViewMsg.value = void 0;
+      this.clearNavigation();
     }
   }
   getNavViewMsg(item) {
@@ -66,14 +63,14 @@ class TreeNavigationProvider extends navigationBase_provider.NavgationBaseProvid
         _params
       );
       return {
-        key: item._id,
+        key: item[this.keyName],
         context,
         params,
         viewId: nodeModel.navAppViewId
       };
     }
     return {
-      key: item._id,
+      key: item[this.keyName],
       context: _context,
       params: _params
     };

package/lib/common/data-import2/data-import2.cjs

@@ -236,8 +236,9 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
       }
       columnMappingListQuery();
     });
+    const uploadHeaders = ibiz.util.file.getUploadHeaders();
     const headers = vue.ref({
-      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(core.getAppCookie(core.CoreConst.TOKEN))
+      ...uploadHeaders
     });
     const UploadUrl = vue.computed(() => {
       let uploadFileUrl;

package/lib/common/editor-empty-text/editor-empty-text.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./editor-empty-text.css');
+
+"use strict";
+const IBizEditorEmptyText = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizEditorEmptyText",
+  props: {
+    showPlaceholder: {
+      type: Boolean,
+      default: false
+    },
+    placeHolder: {
+      type: String,
+      default: ""
+    }
+  },
+  setup() {
+    const ns = vue3Util.useNamespace("editor-empty-text");
+    return {
+      ns
+    };
+  },
+  render() {
+    return vue.createVNode("span", {
+      "class": [this.ns.b(), this.ns.is("placeholder", this.showPlaceholder)]
+    }, [this.showPlaceholder && this.placeHolder ? this.placeHolder : ibiz.config.common.emptyText]);
+  }
+});
+
+exports.IBizEditorEmptyText = IBizEditorEmptyText;

package/lib/common/editor-empty-text/editor-empty-text.css

@@ -0,0 +1 @@
+.ibiz-editor-empty-text.is-placeholder{color:var(--ibiz-color-text-3);white-space:nowrap}

package/lib/common/grid-setting/grid-setting.cjs

@@ -26,11 +26,15 @@ const IBizGridSetting = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("grid-setting");
     const c = props.controller;
     const dragColumnStates = vue.computed(() => {
-      return props.columnStates.map((item) => {
-        return {
-          ...item
-        };
+      const result = [];
+      props.columnStates.forEach((item) => {
+        if (!item.uaColumn) {
+          result.push({
+            ...item
+          });
+        }
       });
+      return result;
     });
     const isDraggable = vue.computed(() => {
       return false;

package/lib/common/index.cjs

@@ -36,10 +36,14 @@ var controlNavigation = require('./control-navigation/control-navigation.cjs');
 var ganttSetting = require('./gantt-setting/gantt-setting.cjs');
 var navSplit = require('./nav-split/nav-split.cjs');
 var cropping = require('./cropping/cropping.cjs');
+var editorEmptyText = require('./editor-empty-text/editor-empty-text.cjs');
+var kanbenSetting = require('./kanben-setting/kanben-setting.cjs');
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
+    v.component(kanbenSetting.IBizKanbanSetting.name, kanbenSetting.IBizKanbanSetting);
+    v.component(editorEmptyText.IBizEditorEmptyText.name, editorEmptyText.IBizEditorEmptyText);
     v.component(cropping.IBizCropping.name, cropping.IBizCropping);
     v.component(vue3Util.IBizControlBase.name, vue3Util.IBizControlBase);
     v.component(quickEdit.IBizQuickEdit.name, quickEdit.IBizQuickEdit);
@@ -91,6 +95,7 @@ const IBizCommonComponents = {
     v.component(controlNavigation.IBizControlNavigation.name, controlNavigation.IBizControlNavigation);
     v.component(ganttSetting.IBizGanttSetting.name, ganttSetting.IBizGanttSetting);
     v.component(navSplit.IBizNavSplit.name, navSplit.IBizNavSplit);
+    v.component(vue3Util.IBizSignaturePad.name, vue3Util.IBizSignaturePad);
   }
 };
 

package/lib/common/kanben-setting/kanben-setting.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./kanben-setting.css');
+
+"use strict";
+const IBizKanbanSetting = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizKanbanSetting",
+  props: {
+    controller: {
+      type: Object,
+      required: true
+    },
+    buttonStyle: {
+      type: Object,
+      default: () => ({
+        circle: false,
+        type: "info"
+      })
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("kanban-setting");
+    const groups = vue.computed(() => {
+      return props.controller.state.groups;
+    });
+    return {
+      ns,
+      groups
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode(vue.resolveComponent("el-popover"), {
+      "trigger": "click",
+      "placement": "bottom",
+      "popper-class": this.ns.e("popover")
+    }, {
+      reference: () => {
+        return vue.createVNode(vue.resolveComponent("el-button"), this.buttonStyle, {
+          default: () => [vue.createVNode("ion-icon", {
+            "name": "options-outline",
+            "title": ibiz.i18n.t("component.kanbanSetting.hideGroup")
+          }, null)]
+        });
+      },
+      default: () => {
+        return vue.createVNode("div", {
+          "class": this.ns.em("popover", "content")
+        }, [this.groups.map((group) => {
+          return vue.createVNode(vue.resolveComponent("el-checkbox"), {
+            "size": "small",
+            "label": group.caption,
+            "model-value": !group.hidden,
+            "onChange": (val) => {
+              group.hidden = !val;
+            }
+          }, null);
+        })]);
+      }
+    })]);
+  }
+});
+
+exports.IBizKanbanSetting = IBizKanbanSetting;

package/lib/common/kanben-setting/kanben-setting.css

@@ -0,0 +1 @@
+.ibiz-kanban-setting__popover--content{display:flex;flex-direction:column;width:100%;max-height:500px;overflow-y:auto}