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

package/es/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/es/common/action-toolbar/action-toolbar.d.ts

@@ -45,8 +45,8 @@ export declare const IBizActionToolbar: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     dropdownRef: Ref<any>;
     popoverIndex: number;
-    expandDetails: Ref<IAppDEUIActionGroupDetail[]>;
     groupDetails: Ref<IAppDEUIActionGroupDetail[]>;
+    expandDetails: Ref<IAppDEUIActionGroupDetail[]>;
     groupButtonRef: Ref<HTMLElement | null | undefined>;
     popoverVisible: Ref<boolean>;
     handleClick: (detail: IAppDEUIActionGroupDetail, e: MouseEvent) => Promise<void>;

package/es/common/action-toolbar/action-toolbar.mjs

@@ -97,8 +97,8 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       ns,
       dropdownRef,
       popoverIndex,
-      expandDetails,
       groupDetails,
+      expandDetails,
       groupButtonRef,
       popoverVisible,
       handleClick,
@@ -115,9 +115,54 @@ const IBizActionToolbar = /* @__PURE__ */ 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), createVNode(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 createVNode(resolveComponent("el-button"), {
+            "text": true,
+            "size": "small",
+            "class": [...this.calcActionItemClass(detail), this.ns.e("group-item")]
+          }, {
+            default: () => [createVNode("div", {
+              "class": this.ns.em("group-item", "caption")
+            }, [createVNode("span", null, [actionGroup.id]), 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), createVNode(resolveComponent("el-button"), {
             "text": true,
@@ -141,15 +186,13 @@ const IBizActionToolbar = /* @__PURE__ */ 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;
@@ -179,9 +222,8 @@ const IBizActionToolbar = /* @__PURE__ */ 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 createVNode("div", {
         "class": [this.ns.b(), this.ns.m("buttons")],

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

@@ -82,15 +82,14 @@ const IBizControlNavigation = /* @__PURE__ */ defineComponent({
       }
     });
     const renderNavView = () => {
-      if (navViewMsg.value) {
-        if (!navViewMsg.value.viewId)
-          return;
-        return h(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 h(resolveComponent("IBizViewShell"), {
+        ...navViewMsg.value,
+        isEmbedCtrlNav: isEmbedCtrlNav.value,
+        class: ns.e("nav-view")
+      });
     };
     return {
       ns,

package/es/common/control-navigation/provider/calendar-navigation.provider.d.ts

@@ -9,9 +9,14 @@ import { NavgationBaseProvider } from './navigation-base.provider';
  * @extends {NavgationBaseProvider}
  */
 export declare class CalendarNavigationProvider extends NavgationBaseProvider {
-    keyName: string;
+    keyName: 'navId';
     controller: CalendarController;
     model: ISysCalendar;
+    /**
+     * @description 通过栈数据导航
+     * - 特殊处理仅使用开始时间绘制的日历
+     * @memberof CalendarNavigationProvider
+     */
     onNavDataByStack(): void;
     getNavViewMsg(item: ICalendarItemData): INavViewMsg;
 }

package/es/common/control-navigation/provider/calendar-navigation.provider.mjs

@@ -1,3 +1,4 @@
+import { compareDateEqualByScale } from '@ibiz-template/runtime';
 import { NavgationBaseProvider } from './navigation-base.provider.mjs';
 
 "use strict";
@@ -12,17 +13,29 @@ class CalendarNavigationProvider extends NavgationBaseProvider {
     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 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/es/common/control-navigation/provider/index.mjs

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

package/es/common/control-navigation/provider/map-navigation.provider.d.ts

@@ -1,4 +1,4 @@
-import { IMapData, INavViewMsg, MapController } from '@ibiz-template/runtime';
+import { IMapEvent, INavViewMsg, MapController } from '@ibiz-template/runtime';
 import { ISysMap } from '@ibiz/model-core';
 import { NavgationBaseProvider } from './navigation-base.provider';
 /**
@@ -9,9 +9,15 @@ import { NavgationBaseProvider } from './navigation-base.provider';
  * @extends {NavgationBaseProvider}
  */
 export declare class MapNavigationProvider extends NavgationBaseProvider {
-    keyName: string;
+    keyName: '_id';
     controller: MapController;
     model: ISysMap;
+    /**
+     * @description 导航数据变化
+     * @param {IMapEvent['onNavDataChange']['event']} event
+     * @memberof MapNavigationProvider
+     */
+    onNavDataChange(event: IMapEvent['onNavDataChange']['event']): void;
     onNavDataByStack(): void;
-    getNavViewMsg(item: IMapData): INavViewMsg;
+    getNavViewMsg(item: IData): INavViewMsg;
 }

package/es/common/control-navigation/provider/map-navigation.provider.mjs

@@ -1,3 +1,4 @@
+import { getAreaLevelByCode, calcDeCodeNameById, getAreaLevelNum } from '@ibiz-template/runtime';
 import { NavgationBaseProvider } from './navigation-base.provider.mjs';
 
 "use strict";
@@ -10,37 +11,72 @@ var __publicField = (obj, key, value) => {
 class MapNavigationProvider extends 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 = 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 = 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 ? 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/es/common/control-navigation/provider/navigation-base.provider.d.ts

@@ -58,6 +58,19 @@ export declare class NavgationBaseProvider {
         context: IContext;
         params: IParams;
     };
+    /**
+     * @description 清空导航
+     * @protected
+     * @memberof NavgationBaseProvider
+     */
+    protected clearNavigation(): void;
+    /**
+     * @description 设置导航数据
+     * @protected
+     * @param {IData} data
+     * @memberof NavgationBaseProvider
+     */
+    protected setNavData(data: IData): void;
     /**
      * 通过栈数据导航
      *

package/es/common/control-navigation/provider/navigation-base.provider.mjs

@@ -88,6 +88,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]);
+  }
   /**
    * 通过栈数据导航
    *
@@ -96,16 +116,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/es/common/control-navigation/provider/tree-navigation.provider.d.ts

@@ -1,4 +1,4 @@
-import { TreeController, INavViewMsg, ITreeNodeData, MDControlController } from '@ibiz-template/runtime';
+import { INavViewMsg, ITreeNodeData, TreeController, MDControlController } from '@ibiz-template/runtime';
 import { IDETree } from '@ibiz/model-core';
 import { NavgationBaseProvider } from './navigation-base.provider';
 /**
@@ -9,7 +9,7 @@ import { NavgationBaseProvider } from './navigation-base.provider';
  * @extends {NavgationBaseProvider}
  */
 export declare class TreeNavigationProvider extends NavgationBaseProvider {
-    keyName: string;
+    keyName: '_id';
     controller: TreeController;
     model: IDETree;
     /**

package/es/common/control-navigation/provider/tree-navigation.provider.mjs

@@ -38,14 +38,11 @@ class TreeNavigationProvider extends NavgationBaseProvider {
       }
       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) {
@@ -64,14 +61,14 @@ class TreeNavigationProvider extends NavgationBaseProvider {
         _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/es/common/custom-filter-condition/custom-filter-condition.d.ts

@@ -143,6 +143,8 @@ export declare const IBizCustomFilterCondition: import("vue").DefineComponent<{
                             caption?: string | undefined;
                             contentHeight?: number | undefined;
                             contentWidth?: number | undefined;
+                            counterId?: string | undefined;
+                            counterMode?: number | undefined;
                             cssStyle?: string | undefined;
                             dynaClass?: string | undefined;
                             height?: number | undefined;
@@ -162,6 +164,7 @@ export declare const IBizCustomFilterCondition: import("vue").DefineComponent<{
                                 modelId?: string | undefined;
                                 modelType?: string | undefined;
                             } | undefined;
+                            appCounterRefId?: string | undefined;
                             layout?: {
                                 layout?: string | undefined;
                                 appId: string;

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

@@ -1,7 +1,7 @@
 import { isVNode, ref, watch, onMounted, computed, createVNode, resolveComponent, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import qs from 'qs';
-import { CoreConst, getAppCookie, showTitle } from '@ibiz-template/core';
+import { showTitle } from '@ibiz-template/core';
 import { clone } from 'ramda';
 import './data-import2.css';
 import { getDefaultDataImport, getImportSchema, updateImportSchema, createImportSchema, asyncImportData2, fetchImportSchemas } from '@ibiz-template/runtime';
@@ -234,8 +234,9 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
       }
       columnMappingListQuery();
     });
+    const uploadHeaders = ibiz.util.file.getUploadHeaders();
     const headers = ref({
-      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN))
+      ...uploadHeaders
     });
     const UploadUrl = computed(() => {
       let uploadFileUrl;

package/es/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/es/common/editor-empty-text/editor-empty-text.d.ts

@@ -0,0 +1,25 @@
+import './editor-empty-text.scss';
+export declare const IBizEditorEmptyText: import("vue").DefineComponent<{
+    showPlaceholder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeHolder: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPlaceholder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeHolder: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    placeHolder: string;
+    showPlaceholder: boolean;
+}, {}>;

package/es/common/editor-empty-text/editor-empty-text.mjs

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

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

@@ -1,38 +1,3 @@
-import { PropType } from 'vue';
-import { GridController, IColumnState } from '@ibiz-template/runtime';
+import { defineComponent } from 'vue';
 import './grid-setting.scss';
-export declare const IBizGridSetting: import("vue").DefineComponent<{
-    columnStates: {
-        type: PropType<IColumnState[]>;
-        required: true;
-    };
-    controller: {
-        type: PropType<GridController<import("@ibiz/model-core").IDEGrid, import("@ibiz-template/runtime").IGridState, import("@ibiz-template/runtime").IGridEvent>>;
-        required: true;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    c: GridController<import("@ibiz/model-core").IDEGrid, import("@ibiz-template/runtime").IGridState, import("@ibiz-template/runtime").IGridEvent>;
-    dragColumnStates: import("vue").ComputedRef<{
-        key: string;
-        caption: string;
-        hidden: boolean;
-        hideMode: number;
-        uaColumn: boolean;
-        fixed?: "left" | "right" | undefined;
-        adaptive?: boolean | undefined;
-        columnWidth?: number | undefined;
-    }[]>;
-    isDraggable: import("vue").ComputedRef<boolean>;
-    handleClick: (dragColumnState: IColumnState) => void;
-    onDragChange: (evt: IData) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    columnStates: {
-        type: PropType<IColumnState[]>;
-        required: true;
-    };
-    controller: {
-        type: PropType<GridController<import("@ibiz/model-core").IDEGrid, import("@ibiz-template/runtime").IGridState, import("@ibiz-template/runtime").IGridEvent>>;
-        required: true;
-    };
-}>>, {}, {}>;
+export declare const IBizGridSetting: ReturnType<typeof defineComponent>;

package/es/common/grid-setting/grid-setting.mjs

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

package/es/common/index.mjs

@@ -1,5 +1,5 @@
 import { defineAsyncComponent } from 'vue';
-import { IBizControlBase, IBizIcon, IBizRouterView, IBizViewShell, IBizControlShell, IBizCodeList, IBizBadge } from '@ibiz-template/vue3-util';
+import { IBizControlBase, IBizIcon, IBizRouterView, IBizViewShell, IBizControlShell, IBizCodeList, IBizBadge, IBizSignaturePad } from '@ibiz-template/vue3-util';
 import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
 import { IBizCol } from './col/col.mjs';
 import { IBizRow } from './row/row.mjs';
@@ -32,10 +32,14 @@ import { IBizControlNavigation } from './control-navigation/control-navigation.m
 import { IBizGanttSetting } from './gantt-setting/gantt-setting.mjs';
 import { IBizNavSplit } from './nav-split/nav-split.mjs';
 import { IBizCropping } from './cropping/cropping.mjs';
+import { IBizEditorEmptyText } from './editor-empty-text/editor-empty-text.mjs';
+import { IBizKanbanSetting } from './kanben-setting/kanben-setting.mjs';
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
+    v.component(IBizKanbanSetting.name, IBizKanbanSetting);
+    v.component(IBizEditorEmptyText.name, IBizEditorEmptyText);
     v.component(IBizCropping.name, IBizCropping);
     v.component(IBizControlBase.name, IBizControlBase);
     v.component(IBizQuickEdit.name, IBizQuickEdit);
@@ -87,6 +91,7 @@ const IBizCommonComponents = {
     v.component(IBizControlNavigation.name, IBizControlNavigation);
     v.component(IBizGanttSetting.name, IBizGanttSetting);
     v.component(IBizNavSplit.name, IBizNavSplit);
+    v.component(IBizSignaturePad.name, IBizSignaturePad);
   }
 };
 

package/es/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}