@ibiz-template/vue3-components 0.7.40-alpha.9 → 0.7.41-alpha.0

package/lib/panel-component/global-search/global-search.controller.cjs

@@ -1,6 +1,8 @@
 'use strict';
 
 var runtime = require('@ibiz-template/runtime');
+var qxUtil = require('qx-util');
+var core = require('@ibiz-template/core');
 var globalSearch_state = require('./global-search.state.cjs');
 
 "use strict";
@@ -14,27 +16,48 @@ class GlobalSearchController extends runtime.PanelItemController {
   constructor() {
     super(...arguments);
     /**
-     * 主键属性名称
-     *
+     * @description 主键属性名称
+     * @exposedoc
      * @type {string}
      * @memberof GlobalSearchController
      */
     __publicField(this, "keyName", "srfkey");
     /**
-     * 主文本属性名称
-     *
+     * @description 主文本属性名称
+     * @exposedoc
      * @type {string}
      * @memberof GlobalSearchController
      */
     __publicField(this, "textName", "srfmajortext");
     /**
-     * 搜索历史缓存标识
-     *
+     * @description 自定义参数
+     * @exposedoc
+     * @protected
+     * @type {IData}
+     * @memberof GlobalSearchController
+     */
+    __publicField(this, "rawItemParams", {});
+    /**
+     * @description 搜索历史缓存标识
      * @protected
      * @type {string}
      * @memberof GlobalSearchController
      */
-    __publicField(this, "historyCache", "global-search-history");
+    __publicField(this, "historyCacheKey", "global-search-history");
+    /**
+     * @description 最大历史记录，默认7条
+     * @protected
+     * @type {number}
+     * @memberof GlobalSearchController
+     */
+    __publicField(this, "maxHistory", 7);
+    /**
+     * @description 单次查询最大数量，默认100条
+     * @exposedoc
+     * @type {number}
+     * @memberof GlobalSearchController
+     */
+    __publicField(this, "size", 100);
   }
   /**
    * 创建全局搜索状态对象
@@ -56,9 +79,54 @@ class GlobalSearchController extends runtime.PanelItemController {
    */
   async onInit() {
     await super.onInit();
+    this.handleRawItemParams();
+    this.initParams();
     this.initHistory();
     await this.initGlobalSearchItem();
   }
+  /**
+   * 处理直接内容项参数
+   *
+   * @protected
+   * @memberof GlobalSearchController
+   */
+  handleRawItemParams() {
+    var _a;
+    let params = {};
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (qxUtil.notNilEmpty(rawItemParams)) {
+      params = rawItemParams.reduce((param, item) => {
+        param[item.key.toLowerCase()] = item.value;
+        return param;
+      }, {});
+    }
+    Object.assign(this.rawItemParams, params);
+  }
+  /**
+   * 初始化参数
+   *
+   * @protected
+   * @memberof GlobalSearchController
+   */
+  initParams() {
+    if (this.rawItemParams.historycachekey)
+      this.historyCacheKey += this.rawItemParams.historycachekey;
+    if (this.rawItemParams.maxhistory)
+      this.maxHistory = Number(this.rawItemParams.maxhistory);
+    if (this.rawItemParams.size)
+      this.size = Number(this.rawItemParams.size);
+  }
+  /**
+   * 初始化历史记录
+   *
+   * @protected
+   * @memberof GlobalSearchController
+   */
+  initHistory() {
+    const cache = localStorage.getItem(this.historyCacheKey);
+    if (cache)
+      this.state.histories = JSON.parse(cache);
+  }
   /**
    * 初始化全局搜索项
    *
@@ -66,10 +134,24 @@ class GlobalSearchController extends runtime.PanelItemController {
    * @memberof GlobalSearchController
    */
   async initGlobalSearchItem() {
-    var _a;
-    const appFuncs = ((_a = ibiz.hub.getApp(this.model.appId).model.appFuncs) == null ? void 0 : _a.filter(
-      (func) => func.appFuncType === "SEARCH" && func.appDEACModeId && func.appDataEntityId
-    )) || [];
+    const appMenu = runtime.getControl(this.panel.view.model, "appmenu");
+    if (!appMenu)
+      return;
+    const appFuncs = [];
+    core.recursiveIterate(
+      appMenu,
+      (menuItem) => {
+        if (menuItem.appFuncId) {
+          const app = ibiz.hub.getApp(menuItem.appId);
+          const appFunc = app.getAppFunc(menuItem.appFuncId);
+          if (appFunc && appFunc.appFuncType === "SEARCH" && appFunc.appDEACModeId && appFunc.appDataEntityId)
+            appFuncs.push(appFunc);
+        }
+      },
+      {
+        childrenFields: ["appMenuItems"]
+      }
+    );
     await Promise.all(
       appFuncs.map(async (func) => {
         const deACMode = await runtime.getDeACMode(
@@ -91,85 +173,78 @@ class GlobalSearchController extends runtime.PanelItemController {
       })
     );
   }
-  /**
-   * 初始化历史记录
-   *
-   * @private
-   * @memberof GlobalSearchController
-   */
-  initHistory() {
-    const cache = localStorage.getItem(this.historyCache);
-    if (cache)
-      this.state.histories = JSON.parse(cache);
-  }
   /**
    * 添加历史
-   * - 最多5条记录
-   * @private
+   *
+   * @protected
    * @param {string} query
    * @memberof GlobalSearchController
    */
   addToHistory(query) {
     const histories = this.state.histories.filter((history) => history !== query);
     histories.push(query);
-    if (histories.length > 5)
+    if (histories.length > this.maxHistory)
       histories.shift();
     this.state.histories = histories;
     localStorage.setItem(
-      this.historyCache,
+      this.historyCacheKey,
       JSON.stringify(this.state.histories)
     );
   }
   /**
-   * 清除历史
+   * 获取查询参数
    *
+   * @protected
+   * @param {ISearchItem} item
+   * @return {*}  {IParams}
    * @memberof GlobalSearchController
    */
-  clearHistory() {
-    this.state.histories = [];
-    localStorage.setItem(
-      this.historyCache,
-      JSON.stringify(this.state.histories)
-    );
+  getFetchParams(item) {
+    const { deACMode } = item;
+    const { minorSortDir, minorSortAppDEFieldId } = deACMode;
+    const params = {
+      page: 0,
+      size: this.size,
+      query: this.state.query
+    };
+    if (minorSortDir && minorSortAppDEFieldId)
+      Object.assign(params, {
+        sort: "".concat(minorSortAppDEFieldId.toLowerCase(), ",").concat(minorSortDir.toLowerCase())
+      });
+    return params;
   }
   /**
-   * 搜索
+   * 处理响应头
    *
-   * @param {string} query
-   * @return {*}  {Promise<IData[]>}
+   * @protected
+   * @param {IHttpResponse} response
+   * @return {*}  {{
+   *     page: number;
+   *     total: number;
+   *   }}
    * @memberof GlobalSearchController
    */
-  async search(query) {
-    const result = [];
-    await Promise.all(
-      this.state.items.map(async (item) => {
-        const list = await this.loadByACMode(item, query);
-        result.push(...list);
-      })
-    );
-    this.addToHistory(query);
-    return result;
+  handleResponseHeader(response) {
+    return {
+      page: response.headers["x-page"] ? Number(response.headers["x-page"]) : 0,
+      total: response.headers["x-total"] ? Number(response.headers["x-total"]) : 0
+    };
   }
   /**
    * 通过AC模式加载数据
    *
+   * @protected
    * @param {ISearchItem} item
-   * @param {string} [query]
-   * @return {*}  {Promise<void>}
+   * @return {*}  {Promise<IData[]>}
    * @memberof GlobalSearchController
    */
-  async loadByACMode(item, query) {
+  async loadByACMode(item) {
+    let result = [];
     const { appDataEntityId, deACMode } = item;
-    const { minorSortDir, minorSortAppDEFieldId, appDEDataSetId } = deACMode;
+    const { appDEDataSetId } = deACMode;
     if (!appDEDataSetId)
-      return [];
-    const params = {};
-    if (minorSortDir && minorSortAppDEFieldId)
-      Object.assign(params, {
-        sort: "".concat(minorSortAppDEFieldId.toLowerCase(), ",").concat(minorSortDir.toLowerCase())
-      });
-    if (query)
-      Object.assign(params, { query });
+      return result;
+    const params = this.getFetchParams(item);
     const app = ibiz.hub.getApp(deACMode.appId);
     const response = await app.deService.exec(
       appDataEntityId,
@@ -177,21 +252,71 @@ class GlobalSearchController extends runtime.PanelItemController {
       this.panel.context,
       params
     );
-    if (response.ok && response.data)
-      return response.data;
-    return [];
+    if (response.ok && response.data) {
+      const { page, total } = this.handleResponseHeader(response);
+      const data = response.data;
+      if ((page + 1) * this.size < total)
+        data.push({
+          [this.textName]: "".concat(ibiz.i18n.t(
+            "panelComponent.globalSearch.moreTips",
+            {
+              total,
+              size: this.size
+            }
+          )),
+          [this.keyName]: qxUtil.createUUID()
+        });
+      result = data;
+    }
+    return result;
+  }
+  /**
+   * @description 清除历史
+   * @exposedoc
+   * @memberof GlobalSearchController
+   */
+  clearHistory() {
+    this.state.histories = [];
+    localStorage.setItem(
+      this.historyCacheKey,
+      JSON.stringify(this.state.histories)
+    );
+  }
+  /**
+   * @description 搜索
+   * @exposedoc
+   * @return {*}  {Promise<void>}
+   * @memberof GlobalSearchController
+   */
+  async search(value) {
+    this.state.query = value;
+    if (!this.state.query)
+      return;
+    this.state.list = [];
+    this.state.loading = true;
+    this.addToHistory(this.state.query);
+    try {
+      await Promise.all(
+        this.state.items.map(async (item) => {
+          const list = await this.loadByACMode(item);
+          this.state.list.push(...list);
+        })
+      );
+    } catch (error) {
+      ibiz.log.error(error);
+    } finally {
+      this.state.loading = false;
+    }
   }
   /**
    * 打开链接视图
    *
-   * @param {IData} data
-   * @param {ISearchItem} [item]
-   * @return {*}  {(Promise<IModalData | undefined>)}
+   * @param {IData} data 数据
+   * @param {ISearchItem} item 搜索项
+   * @return {*}  {void}
    * @memberof GlobalSearchController
    */
-  async openLinkView(data, item) {
-    if (!item)
-      return;
+  openLinkView(data, item) {
     const { appDataEntityId, deACMode } = item;
     const { linkAppViewId } = deACMode;
     if (!linkAppViewId)
@@ -199,23 +324,20 @@ class GlobalSearchController extends runtime.PanelItemController {
     const context = this.panel.context.clone();
     const deName = runtime.calcDeCodeNameById(appDataEntityId);
     Object.assign(context, { [deName]: data[this.keyName] });
-    return ibiz.commands.execute(
-      runtime.OpenAppViewCommand.TAG,
-      linkAppViewId,
-      context,
-      {}
-    );
+    ibiz.commands.execute(runtime.OpenAppViewCommand.TAG, linkAppViewId, context, {
+      noWaitRoute: true
+    });
   }
   /**
    * 根据实体获取搜索项
    *
-   * @param {string} appDataEntityId 实体标识
+   * @param {string} [appDataEntityId] 实体标识
    * @return {*}  {(ISearchItem | undefined)}
    * @memberof GlobalSearchController
    */
   getSearchItemByEntity(appDataEntityId) {
     return this.state.items.find(
-      (item) => runtime.calcDeCodeNameById(item.appDataEntityId) === appDataEntityId.toLowerCase()
+      (item) => runtime.calcDeCodeNameById(item.appDataEntityId) === (appDataEntityId == null ? void 0 : appDataEntityId.toLowerCase())
     );
   }
 }

package/lib/panel-component/global-search/global-search.css

@@ -1 +1 @@
-.ibiz-global-search{width:100%}.ibiz-global-search__search .el-input__wrapper{width:240px}.ibiz-global-search__search .el-input__wrapper.is-focus{width:320px}.ibiz-global-search__search.is-search .el-input__wrapper{width:320px}.ibiz-global-search__content{display:flex;align-items:center;flex-direction:column}.ibiz-global-search__content--action-item{width:100%}.ibiz-global-search__content--action-item .el-button{width:100%}.ibiz-global-search__list{width:100%;max-height:280px;display:flex;overflow-y:auto;align-items:center;flex-direction:column}.ibiz-global-search__list--item{margin:0;width:100%;padding:0 20px;cursor:pointer;text-align:left;overflow:hidden;min-height:34px;line-height:34px;white-space:nowrap;text-overflow:ellipsis;color:var(--ibiz-color-text-0);font-size:var(--ibiz-font-size-regular)}.ibiz-global-search__list--item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-global-search__popper{min-width:320px!important;max-width:700px}
+.ibiz-global-search{width:100%}.ibiz-global-search__footer{width:100%;line-height:34px;text-align:center;color:var(--ibiz-color-primary-light-active)}.ibiz-global-search__footer.is-load-more{cursor:pointer}.ibiz-global-search__footer.is-load-more:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-global-search__search .el-input__wrapper{width:240px}.ibiz-global-search__search .el-input__wrapper.is-focus{width:320px}.ibiz-global-search__search--enter-icon{cursor:pointer}.ibiz-global-search__search.is-search .el-input__wrapper{width:320px}.ibiz-global-search__content{display:flex;align-items:center;flex-direction:column}.ibiz-global-search__content--action-item{width:100%}.ibiz-global-search__content--action-item .el-button{width:100%;height:34px}.ibiz-global-search__list{width:100%;max-height:300px;display:flex;overflow-y:auto;align-items:center;flex-direction:column}.ibiz-global-search__list--item{margin:0;width:100%;padding:0 20px;cursor:pointer;text-align:left;overflow:hidden;min-height:34px;line-height:34px;white-space:nowrap;text-overflow:ellipsis;color:var(--ibiz-color-text-0);font-size:var(--ibiz-font-size-regular)}.ibiz-global-search__list--item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-global-search__popper{padding:0!important;min-width:320px!important}

package/lib/panel-component/global-search/global-search.state.cjs

@@ -13,26 +13,40 @@ class GlobalSearchState extends runtime.PanelItemState {
   constructor() {
     super(...arguments);
     /**
-     * 当前快速搜索值
-     *
+     * @description 当前快速搜索值
+     * @exposedoc
      * @type {string}
      * @memberof GlobalSearchState
      */
     __publicField(this, "query", "");
     /**
-     * 自填模式全局搜索项
-     *
+     * @description 自填模式全局搜索项
      * @type {ISearchItem[]}
+     * @exposedoc
      * @memberof GlobalSearchState
      */
     __publicField(this, "items", []);
     /**
-     * 搜索历史记录
-     *
+     * @description 搜索历史记录
      * @type {string[]}
+     * @exposedoc
      * @memberof GlobalSearchState
      */
     __publicField(this, "histories", []);
+    /**
+     * @description 搜索列表
+     * @exposedoc
+     * @type {IData[]}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "list", []);
+    /**
+     * @description 是否在加载中
+     * @exposedoc
+     * @type {boolean}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "loading", false);
   }
 }
 

package/lib/panel-component/global-search/virtual-list/virtual-list.cjs

@@ -0,0 +1,123 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./virtual-list.css');
+
+"use strict";
+const VirtualList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizVirtualList",
+  props: {
+    items: {
+      type: Array,
+      required: true
+    },
+    itemSize: {
+      type: Number,
+      default: 34
+    },
+    maxHeight: {
+      type: Number,
+      default: 300
+    },
+    buffer: {
+      type: Number,
+      default: 5
+    },
+    getKey: {
+      type: Function,
+      default: (item) => item.id
+    }
+  },
+  emits: ["scroll", "reach-bottom"],
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("virtual-list");
+    const container = vue.ref();
+    const scrollTop = vue.ref(0);
+    const totalHeight = vue.computed(() => props.items.length * props.itemSize);
+    const height = vue.computed(() => {
+      if (totalHeight.value > props.maxHeight)
+        return props.maxHeight;
+      return totalHeight.value;
+    });
+    const visibleCount = vue.computed(() => Math.ceil(height.value / props.itemSize) + props.buffer);
+    const startIndex = vue.computed(() => Math.floor(scrollTop.value / props.itemSize));
+    const endIndex = vue.computed(() => Math.min(startIndex.value + visibleCount.value, props.items.length));
+    const visibleData = vue.computed(() => props.items.slice(startIndex.value, endIndex.value));
+    const offsetY = vue.computed(() => startIndex.value * props.itemSize);
+    const handleScroll = () => {
+      if (container.value) {
+        const {
+          scrollHeight,
+          clientHeight
+        } = container.value;
+        scrollTop.value = container.value.scrollTop;
+        emit("scroll", {
+          scrollTop: scrollTop.value,
+          scrollHeight: container.value.scrollHeight,
+          clientHeight: container.value.clientHeight
+        });
+        if (scrollHeight - (scrollTop.value + clientHeight) < 50) {
+          emit("reach-bottom");
+        }
+      }
+    };
+    const scrollTo = (position) => {
+      if (container.value) {
+        container.value.scrollTop = position;
+        scrollTop.value = position;
+      }
+    };
+    const scrollToIndex = (index) => {
+      const position = index * props.itemSize;
+      scrollTo(position);
+    };
+    return {
+      ns,
+      height,
+      offsetY,
+      container,
+      scrollTop,
+      totalHeight,
+      visibleData,
+      scrollTo,
+      handleScroll,
+      scrollToIndex
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "ref": "container",
+      "class": this.ns.b(),
+      "style": {
+        height: "".concat(this.height, "px")
+      },
+      "onScroll": this.handleScroll
+    }, [vue.createVNode("div", {
+      "class": this.ns.e("phantom"),
+      "style": {
+        height: "".concat(this.totalHeight, "px")
+      }
+    }, null), vue.createVNode("div", {
+      "class": this.ns.e("content"),
+      "style": {
+        transform: "translateY(".concat(this.offsetY, "px)")
+      }
+    }, [this.visibleData.map((item) => {
+      var _a, _b;
+      return vue.createVNode("div", {
+        "key": this.getKey(item),
+        "style": {
+          height: "".concat(this.itemSize, "px")
+        },
+        "class": this.ns.em("content", "item")
+      }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, {
+        item
+      })]);
+    })])]);
+  }
+});
+
+exports.VirtualList = VirtualList;

package/lib/panel-component/global-search/virtual-list/virtual-list.css

@@ -0,0 +1 @@
+.ibiz-virtual-list{width:100%;overflow-y:auto;position:relative}.ibiz-virtual-list__phantom{top:0;left:0;z-index:-1;width:100%;position:absolute}.ibiz-virtual-list__content{top:0;left:0;width:100%;position:absolute}.ibiz-virtual-list__content--item{width:100%;box-sizing:border-box}

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

@@ -11,10 +11,16 @@ function _isSlot(s) {
 const IndexActions = /* @__PURE__ */ vue.defineComponent({
   name: "IBizIndexActions",
   props: {
+    /**
+     * @description 首页行为容器组件模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 首页行为容器组件控制器
+     */
     controller: {
       type: vue3Util.PanelContainerController,
       required: true

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.cjs

@@ -11,10 +11,16 @@ function _isSlot(s) {
 const IndexBlankPlaceholder = /* @__PURE__ */ vue.defineComponent({
   name: "IBizIndexBlankPlaceholder",
   props: {
+    /**
+     * @description 空白占位模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 空白占位控制器
+     */
     controller: {
       type: Object,
       required: true

package/lib/panel-component/index-blank-placeholder/index-blank-placeholder.controller.cjs

@@ -10,8 +10,8 @@ class IndexBlankPlaceholderController extends runtime.PanelItemController {
     return new indexBlankPlaceholder_state.IndexBlankPlaceholderState((_a = this.parent) == null ? void 0 : _a.state);
   }
   /**
-   * 当前视图路由层级
-   *
+   * @description 当前视图路由层级
+   * @exposedoc
    * @readonly
    * @type {(number | undefined)}
    * @memberof IndexBlankPlaceholderController
@@ -20,8 +20,8 @@ class IndexBlankPlaceholderController extends runtime.PanelItemController {
     return this.panel.view.modal.routeDepth;
   }
   /**
-   * 应用菜单
-   *
+   * @description 应用菜单
+   * @exposedoc
    * @readonly
    * @type {(AppMenuController | undefined)}
    * @memberof IndexBlankPlaceholderController
@@ -30,8 +30,8 @@ class IndexBlankPlaceholderController extends runtime.PanelItemController {
     return this.panel.getController("appmenu");
   }
   /**
-   * 首页导航栏
-   *
+   * @description 首页导航栏
+   * @exposedoc
    * @readonly
    * @type {(NavPosIndexController | undefined)}
    * @memberof IndexBlankPlaceholderController
@@ -65,8 +65,8 @@ class IndexBlankPlaceholderController extends runtime.PanelItemController {
     });
   }
   /**
-   * 设置显示状态
-   *
+   * @description 设置显示状态
+   * @exposedoc
    * @param {boolean} state
    * @memberof IndexBlankPlaceholderController
    */

package/lib/panel-component/index.cjs

@@ -33,6 +33,7 @@ var index$t = require('./panel-button-list/index.cjs');
 var index$b = require('./auth-sso/index.cjs');
 var index$a = require('./index-blank-placeholder/index.cjs');
 var index$9 = require('./global-search/index.cjs');
+var index$u = require('./app-switch/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -90,6 +91,7 @@ const IBizPanelComponents = {
     v.use(index$s.IBizAuthCaptcha);
     v.use(index$t.IBizPanelButtonList);
     v.use(vue3Util.IBizAuthWxmpQrcode);
+    v.use(index$u.IBizAppSwitch);
   }
 };
 

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.cjs

@@ -13,10 +13,16 @@ function _isSlot(s) {
 const NavBreadcrumb = /* @__PURE__ */ vue.defineComponent({
   name: "IBizNavBreadcrumb",
   props: {
+    /**
+     * @description 面包屑导航数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 面包屑导航控制器
+     */
     controller: {
       type: navBreadcrumb_controller.NavBreadcrumbController,
       required: true