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

package/lib/panel-component/app-switch/app-switch.css

@@ -0,0 +1 @@
+.ibiz-app-switch{--ibiz-app-switch-icon-width:36px;--ibiz-app-switch-icon-height:36px;--ibiz-app-switch-icon-padding:0 var(--ibiz-spacing-tight);--ibiz-app-switch-icon-font-size:var(--ibiz-font-size-header-2);--ibiz-app-switch-icon-color:var(--ibiz-color-text-0);--ibiz-app-switch-dropdown-min-width:250px;--ibiz-app-switch-dropdown-item-height:40px}.ibiz-app-switch__icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-app-switch-icon-width);height:var(--ibiz-app-switch-icon-height);padding:var(--ibiz-app-switch-icon-padding);font-size:var(--ibiz-app-switch-icon-font-size);color:var(--ibiz-app-switch-icon-color);cursor:pointer}.ibiz-app-switch__dropdown{--ibiz-app-switch-icon-width:36px;--ibiz-app-switch-icon-height:36px;--ibiz-app-switch-icon-padding:0 var(--ibiz-spacing-tight);--ibiz-app-switch-icon-font-size:var(--ibiz-font-size-header-2);--ibiz-app-switch-icon-color:var(--ibiz-color-text-0);--ibiz-app-switch-dropdown-min-width:250px;--ibiz-app-switch-dropdown-item-height:40px;min-width:var(--ibiz-app-switch-dropdown-min-width)}.ibiz-app-switch__item{display:flex;align-items:center;justify-content:flex-start;width:100%;height:var(--ibiz-app-switch-dropdown-item-height);font-size:var(--ibiz-font-size-regular);white-space:nowrap}.ibiz-app-switch__item.is-active{background-color:var(--ibiz-color-primary-active)!important}

package/lib/panel-component/app-switch/app-switch.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var appSwitch_controller = require('./app-switch.controller.cjs');
+
+"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 AppSwitchProvider {
+  constructor() {
+    __publicField(this, "component", "IBizAppSwitch");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new appSwitch_controller.AppSwitchController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.AppSwitchProvider = AppSwitchProvider;

package/lib/panel-component/app-switch/app-switch.state.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"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 AppSwitchState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 激活微应用标识
+     * @exposedoc
+     * @type {string}
+     * @memberof AppSwitchState
+     */
+    __publicField(this, "activeMicroAppId", "");
+    /**
+     * @description 微应用列表数据
+     * @exposedoc
+     * @type {IApiMicroApp[]}
+     * @memberof AppSwitchState
+     */
+    __publicField(this, "items", []);
+  }
+}
+
+exports.AppSwitchState = AppSwitchState;

package/lib/panel-component/app-switch/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var appSwitch = require('./app-switch.cjs');
+var appSwitch_provider = require('./app-switch.provider.cjs');
+
+"use strict";
+const IBizAppSwitch = vue3Util.withInstall(
+  appSwitch.AppSwitch,
+  function(v) {
+    v.component(appSwitch.AppSwitch.name, appSwitch.AppSwitch);
+    runtime.registerPanelItemProvider(
+      "RAWITEM_APP_SWITCH",
+      () => new appSwitch_provider.AppSwitchProvider()
+    );
+  }
+);
+
+exports.IBizAppSwitch = IBizAppSwitch;
+exports.default = IBizAppSwitch;

package/lib/panel-component/auth-captcha/auth-captcha.cjs

@@ -10,10 +10,16 @@ require('./auth-captcha.css');
 const AuthCaptcha = /* @__PURE__ */ vue.defineComponent({
   name: "IBizAuthCaptcha",
   props: {
+    /**
+     * @description 人机识别控件模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 人机识别控件控制器
+     */
     controller: {
       type: authCaptcha_controller.AuthCaptchaController,
       required: true

package/lib/panel-component/auth-captcha/auth-captcha.controller.cjs

@@ -94,8 +94,8 @@ class AuthCaptchaController extends runtime.PanelItemController {
     });
   }
   /**
-   * 加载验证码
-   *
+   * @description 加载验证码
+   * @exposedoc
    * @return {*}  {Promise<void>}ss
    * @memberof AuthCaptchaController
    */

package/lib/panel-component/auth-captcha/auth-captcha.state.cjs

@@ -13,37 +13,38 @@ class AuthCaptchaState extends runtime.PanelItemState {
   constructor() {
     super(...arguments);
     /**
-     * 验证码
-     *
+     * @description 验证码
+     * @exposedoc
+     * @description ''
      * @type {string}
      * @memberof AuthCaptchaState
      */
     __publicField(this, "code", "");
     /**
-     * 验证图片
-     *
+     * @description 验证图片
+     * @exposedoc
      * @type {string}
      * @memberof AuthCaptchaState
      */
     __publicField(this, "image", "");
     /**
-     * 验证UUID码
-     *
+     * @description 验证UUID码
+     * @exposedoc
      * @type {string}
      * @memberof AuthCaptchaState
      */
     __publicField(this, "state", "");
     /**
-     * 加载状态
-     *
+     * @description 加载状态
+     * @exposedoc
      * @type {boolean}
      * @memberof AuthCaptchaState
      */
     __publicField(this, "loading", false);
     /**
-     * 错误信息
-     *
+     * @description 错误信息
      * @type {string}
+     * @exposedoc
      * @memberof AuthCaptchaState
      */
     __publicField(this, "error");

package/lib/panel-component/auth-sso/auth-sso.cjs

@@ -9,10 +9,16 @@ require('./auth-sso.css');
 const AuthSso = /* @__PURE__ */ vue.defineComponent({
   name: "IBizAuthSsO",
   props: {
+    /**
+     * @description 第三方登录控件模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 第三方登录控件控制器
+     */
     controller: {
       type: runtime.PanelItemController,
       required: true

package/lib/panel-component/auth-userinfo/auth-userinfo.cjs

@@ -10,10 +10,16 @@ var runtime = require('@ibiz-template/runtime');
 const AuthUserinfo = /* @__PURE__ */ vue.defineComponent({
   name: "IBizAuthUserinfo",
   props: {
+    /**
+     * @description 用户信息控件模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 用户信息控件控制器
+     */
     controller: {
       type: runtime.PanelItemController,
       required: true

package/lib/panel-component/coop-pos/coop-pos.cjs

@@ -9,10 +9,16 @@ require('./coop-pos.css');
 const CoopPos = /* @__PURE__ */ vue.defineComponent({
   name: "IBizCoopPos",
   props: {
+    /**
+     * @description 协同占位控件模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 协同占位控件控制器
+     */
     controller: {
       type: coopPos_controller.CoopPosController,
       required: true

package/lib/panel-component/coop-pos/coop-pos.controller.cjs

@@ -23,12 +23,14 @@ class CoopPosController extends runtime.PanelItemController {
     /**
      * @description 自定义补充参数
      * @type {IData}
+     * @exposedoc
      * @memberof CoopPosController
      */
     __publicField(this, "rawItemParams", {});
     /**
      * @description 显示模式
      * @type {('avatar' | 'default')}
+     * @exposedoc
      * @memberof CoopPosController
      */
     __publicField(this, "showMode", "default");

package/lib/panel-component/coop-pos/coop-pos.state.cjs

@@ -14,23 +14,22 @@ class CoopPosState extends runtime.PanelItemState {
   constructor() {
     super(...arguments);
     /**
-     * alert标识
-     *
-     * @author zhanghengfeng
-     * @date 2024-04-03 17:04:04
+     * @description alert标识
+     * @exposedoc
      * @type {string}
+     * @memberof CoopPosState
      */
     __publicField(this, "key", qxUtil.createUUID());
     /**
-     * 消息模式
-     * - 显示操作人员模式下使用
+     * @description 消息模式，显示操作人员模式下使用
+     * @exposedoc
      * @type {string[]}
      * @memberof CoopPosState
      */
     __publicField(this, "messageModes");
     /**
-     * 消息map
-     *
+     * @description 消息map
+     * @exposedoc
      * @type {Map<string, IData>}
      * @memberof CoopPosState
      */

package/lib/panel-component/data-import/data-import-shell.cjs

@@ -9,10 +9,16 @@ require('./data-import-shell.css');
 const DataImportShell = /* @__PURE__ */ vue.defineComponent({
   name: "IBizDataImportShell",
   props: {
+    /**
+     * @description 数据导入壳模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 数据导入壳控制器
+     */
     controller: {
       type: runtime.PanelItemController,
       required: true

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

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var core = require('@ibiz-template/core');
 var vue3Util = require('@ibiz-template/vue3-util');
+var virtualList = require('./virtual-list/virtual-list.cjs');
 require('./global-search.css');
 
 "use strict";
@@ -12,10 +13,16 @@ function _isSlot(s) {
 const GlobalSearch = /* @__PURE__ */ vue.defineComponent({
   name: "IBizGlobalSearch",
   props: {
+    /**
+     * @description 全局搜索控件模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 全局搜索控件控制器
+     */
     controller: {
       type: Object,
       required: true
@@ -24,73 +31,101 @@ const GlobalSearch = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const c = props.controller;
     const ns = vue3Util.useNamespace("global-search");
-    const loading = vue.ref(false);
-    const list = vue.ref([]);
-    const visible = vue.ref(false);
     const editorRef = vue.ref();
-    const onSearch = async () => {
-      visible.value = true;
-      loading.value = true;
-      try {
-        list.value = c.state.query ? await c.search(c.state.query) : [];
-      } catch (error) {
-        ibiz.log.error(error);
-      } finally {
-        loading.value = false;
+    let ignoreFocusEvent = false;
+    const activated = vue.ref(false);
+    const virtualListRef = vue.ref();
+    const searchValue = vue.ref("");
+    const visible = vue.computed(() => {
+      const {
+        query,
+        list,
+        histories,
+        loading
+      } = c.state;
+      const showSearch = query && list.length > 0;
+      const showHistory = !query && histories.length > 0;
+      const showEmpty = histories.includes(query) && list.length === 0;
+      return (showSearch || showEmpty || showHistory || loading) && activated.value;
+    });
+    const handleEnter = (event) => {
+      if (event.key === "Enter") {
+        activated.value = true;
+        c.search(searchValue.value);
       }
     };
-    const handleEnter = (event) => {
-      if (event.key === "Enter")
-        onSearch();
+    const handleFocus = (_evt) => {
+      if (!ignoreFocusEvent) {
+        activated.value = true;
+      } else {
+        ignoreFocusEvent = false;
+      }
     };
-    const handleClear = () => {
-      list.value = [];
+    const handleClearSearch = () => {
+      c.state.list = [];
+      c.state.query = "";
     };
-    const handleHistoryItemClick = async (event, value) => {
-      event.stopPropagation();
-      c.state.query = value;
-      await onSearch();
+    const handleHistoryItemClick = (value) => {
+      searchValue.value = value;
+      c.search(searchValue.value);
     };
-    const handleSearchItemClick = async (event, data, item) => {
-      event.stopPropagation();
-      c.state.query = data[c.textName];
-      visible.value = false;
-      handleClear();
-      await c.openLinkView(data, item);
+    const handleSearchItemClick = (data, item) => {
+      ignoreFocusEvent = true;
+      activated.value = false;
+      if (item)
+        c.openLinkView(data, item);
     };
     const handleClickOutside = (event) => {
-      if (!event.target.closest(".".concat(ns.b())) && !event.target.closest(".el-input__suffix")) {
-        visible.value = false;
+      const target = event.target;
+      if (!target.closest(".".concat(ns.b())) && !target.closest(".".concat(ns.e("popper"))) && !target.closest(".el-input__suffix")) {
+        activated.value = false;
       }
     };
-    const handleInputClick = (event) => {
-      event.stopPropagation();
-      visible.value = true;
-    };
-    const handleClearHistory = (event) => {
-      event.stopPropagation();
-      visible.value = false;
-      handleClear();
+    const handleClearHistory = () => {
+      handleClearSearch();
       c.clearHistory();
     };
     const handleKeyup = (event) => {
       var _a;
-      if (event.key === "\\")
+      if ((event.ctrlKey || event.metaKey) && event.key === "k") {
+        event.preventDefault();
         (_a = editorRef.value) == null ? void 0 : _a.focus();
+      }
     };
+    vue.watch(() => visible.value, () => {
+      if (visible.value) {
+        setTimeout(() => {
+          var _a;
+          (_a = virtualListRef.value) == null ? void 0 : _a.scrollTo(0);
+        });
+        if (searchValue.value !== c.state.histories[c.state.histories.length - 1])
+          handleClearSearch();
+      }
+    });
     vue.onMounted(() => {
-      document.addEventListener("click", handleClickOutside);
-      document.addEventListener("keyup", handleKeyup);
+      document.addEventListener("click", handleClickOutside, {
+        capture: true
+      });
+      document.addEventListener("keydown", handleKeyup);
     });
     vue.onUnmounted(() => {
-      document.removeEventListener("click", handleClickOutside);
-      document.removeEventListener("keyup", handleKeyup);
+      document.removeEventListener("click", handleClickOutside, {
+        capture: true
+      });
+      document.removeEventListener("keydown", handleKeyup);
     });
-    const renderBlankPlaceholder = () => {
-      if (!c.state.query && !c.state.histories.length || c.state.query && !list.value.length)
-        return vue.withDirectives(vue.createVNode("div", {
-          "class": ns.e("empty")
-        }, [loading.value ? ibiz.i18n.t("panelComponent.globalSearch.loading") : ibiz.i18n.t("panelComponent.globalSearch.empty")]), [[vue.resolveDirective("loading"), loading.value]]);
+    const renderFooter = () => {
+      const {
+        query,
+        list,
+        histories,
+        loading
+      } = c.state;
+      const showEmpty = histories.includes(query) && list.length === 0;
+      if (loading || showEmpty)
+        return vue.createVNode("div", {
+          "class": ns.e("footer")
+        }, [ibiz.i18n.t("panelComponent.globalSearch.".concat(loading ? "loading" : "empty"))]);
     };
     const renderAction = () => {
       let _slot;
@@ -109,50 +144,59 @@ const GlobalSearch = /* @__PURE__ */ vue.defineComponent({
         "class": ns.e("list")
       }, [c.state.histories.map((history) => {
         return vue.createVNode("div", {
-          "onClick": (event) => handleHistoryItemClick(event, history),
+          "onClick": () => handleHistoryItemClick(history),
           "class": [ns.em("list", "item"), ns.em("list", "history-item")]
         }, [history]);
       })]);
     };
     const renderSearchList = () => {
-      return vue.createVNode("div", {
-        "class": ns.e("list")
-      }, [list.value.map((item) => {
-        const searchItem = c.getSearchItemByEntity(item.srfdecodename);
-        let content = item[c.textName];
-        if (searchItem == null ? void 0 : searchItem.acItemProvider) {
-          content = vue.h(vue.resolveComponent(searchItem.acItemProvider.component), {
-            item,
-            controller: c
-          });
-        } else if (searchItem == null ? void 0 : searchItem.deACMode.itemLayoutPanel) {
-          content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
-            "data": item,
-            "modelData": searchItem.deACMode.itemLayoutPanel,
-            "context": c.panel.context,
-            "params": c.panel.params
-          }, null);
+      if (!c.state.list.length)
+        return;
+      return vue.createVNode(virtualList.VirtualList, {
+        "ref": virtualListRef,
+        "items": c.state.list,
+        "class": ns.e("virtual-list"),
+        "getKey": (item) => item[c.keyName]
+      }, {
+        default: ({
+          item
+        }) => {
+          const searchItem = c.getSearchItemByEntity(item.srfdecodename);
+          let content = item[c.textName];
+          if (searchItem == null ? void 0 : searchItem.acItemProvider) {
+            content = vue.h(vue.resolveComponent(searchItem.acItemProvider.component), {
+              item,
+              controller: c
+            });
+          } else if (searchItem == null ? void 0 : searchItem.deACMode.itemLayoutPanel) {
+            content = vue.createVNode(vue.resolveComponent("iBizControlShell"), {
+              "data": item,
+              "modelData": searchItem.deACMode.itemLayoutPanel,
+              "context": c.panel.context,
+              "params": c.panel.params
+            }, null);
+          }
+          return vue.createVNode("div", {
+            "class": [ns.em("list", "item"), ns.em("list", "srearch-item")],
+            "onClick": () => handleSearchItemClick(item, searchItem),
+            "title": core.showTitle(item[c.textName])
+          }, [content]);
         }
-        return vue.createVNode("div", {
-          "class": [ns.em("list", "item"), ns.em("list", "srearch-item")],
-          "onClick": (event) => handleSearchItemClick(event, item, searchItem),
-          "title": core.showTitle(item[c.textName])
-        }, [content]);
-      })]);
+      });
     };
     return {
       c,
       ns,
-      list,
       visible,
       editorRef,
-      handleClear,
+      searchValue,
+      handleFocus,
       handleEnter,
       renderAction,
+      renderFooter,
       renderSearchList,
       renderHistoryList,
-      handleInputClick,
-      renderBlankPlaceholder
+      handleClearSearch
     };
   },
   render() {
@@ -168,26 +212,35 @@ const GlobalSearch = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(vue.resolveComponent("el-input"), {
           "clearable": true,
           "ref": "editorRef",
-          "onKeyup": this.handleEnter,
-          "modelValue": this.c.state.query,
-          "onUpdate:modelValue": ($event) => this.c.state.query = $event,
+          "modelValue": this.searchValue,
+          "onUpdate:modelValue": ($event) => this.searchValue = $event,
           "placeholder": ibiz.i18n.t("panelComponent.globalSearch.placeholder"),
           "class": [this.ns.e("search"), this.ns.is("search", this.visible)],
-          "onClick": this.handleInputClick,
-          "onClear": this.handleClear
+          "onFocus": this.handleFocus,
+          "onKeyup": this.handleEnter,
+          "onClear": this.handleClearSearch
         }, {
           prefix: () => {
             return vue.createVNode("ion-icon", {
               "name": "search",
               "class": this.ns.em("search", "icon")
             }, null);
+          },
+          suffix: () => {
+            if (this.searchValue)
+              return vue.createVNode("ion-icon", {
+                "title": ibiz.i18n.t("panelComponent.globalSearch.search"),
+                "name": "return-down-back-outline",
+                "class": [this.ns.em("search", "icon"), this.ns.em("search", "enter-icon")],
+                "onClick": () => this.c.search(this.searchValue)
+              }, null);
           }
         });
       },
       default: () => {
         return vue.createVNode("div", {
           "class": this.ns.e("content")
-        }, [this.c.state.query ? this.renderSearchList() : this.renderHistoryList(), this.renderBlankPlaceholder(), this.renderAction()]);
+        }, [this.c.state.query ? this.renderSearchList() : this.renderHistoryList(), this.renderAction(), this.renderFooter()]);
       }
     })]);
   }