@ibiz-template/vue3-components 0.7.11 → 0.7.13-alpha.0

package/es/panel-component/auth-captcha/auth-captcha.controller.d.ts

@@ -0,0 +1,57 @@
+import { IPanelRawItem } from '@ibiz/model-core';
+import { PanelItemController, PanelNotifyState } from '@ibiz-template/runtime';
+import { AuthCaptchaState } from './auth-captcha.state';
+/**
+ * 人机识别控制器
+ *
+ * @export
+ * @class AuthCaptchaController
+ * @extends {PanelItemController<IPanelRawItem>}
+ */
+export declare class AuthCaptchaController extends PanelItemController<IPanelRawItem> {
+    state: AuthCaptchaState;
+    /**
+     * 验证码数据
+     *
+     * @private
+     * @memberof AuthCaptchaController
+     */
+    private captcha;
+    protected createState(): AuthCaptchaState;
+    /**
+     * 面板状态变更通知
+     *
+     * @param {PanelNotifyState} _state
+     * @return {*}  {Promise<void>}
+     * @memberof AuthCaptchaController
+     */
+    panelStateNotify(_state: PanelNotifyState): Promise<void>;
+    /**
+     * 初始化
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof AuthCaptchaController
+     */
+    protected onInit(): Promise<void>;
+    /**
+     * 值校验
+     *
+     * @return {*}  {Promise<boolean>}
+     * @memberof AuthCaptchaController
+     */
+    validate(): Promise<boolean>;
+    /**
+     * 值改变
+     *
+     * @memberof AuthCaptchaController
+     */
+    onChange(): void;
+    /**
+     * 加载验证码
+     *
+     * @return {*}  {Promise<void>}ss
+     * @memberof AuthCaptchaController
+     */
+    loadCaptcha(): Promise<void>;
+}

package/es/panel-component/auth-captcha/auth-captcha.controller.mjs

@@ -0,0 +1,123 @@
+import { reactive } from 'vue';
+import { PanelItemController } from '@ibiz-template/runtime';
+import axios from 'axios';
+import { AuthCaptchaState } from './auth-captcha.state.mjs';
+
+"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 AuthCaptchaController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 验证码数据
+     *
+     * @private
+     * @memberof AuthCaptchaController
+     */
+    __publicField(this, "captcha", reactive({
+      "Captcha-State": "",
+      "Captcha-Code": ""
+    }));
+  }
+  createState() {
+    var _a;
+    return new AuthCaptchaState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @param {PanelNotifyState} _state
+   * @return {*}  {Promise<void>}
+   * @memberof AuthCaptchaController
+   */
+  async panelStateNotify(_state) {
+    super.panelStateNotify(_state);
+    this.data.captcha = this.captcha;
+  }
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof AuthCaptchaController
+   */
+  async onInit() {
+    super.onInit();
+    await this.loadCaptcha();
+    const view = this.panel.view;
+    view.hooks.beforeLogin.tapPromise(async (context) => {
+      if (!context.parentId || context.parentId === this.dataParent.model.id) {
+        context.validate = context.validate && await this.validate();
+      }
+    });
+    view.hooks.afterLogin.tap((context) => {
+      if (!context.ok) {
+        this.loadCaptcha();
+        this.state.code = "";
+      }
+    });
+  }
+  /**
+   * 值校验
+   *
+   * @return {*}  {Promise<boolean>}
+   * @memberof AuthCaptchaController
+   */
+  async validate() {
+    if (this.state.code) {
+      this.state.error = void 0;
+      return true;
+    }
+    this.state.error = "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801";
+    return false;
+  }
+  /**
+   * 值改变
+   *
+   * @memberof AuthCaptchaController
+   */
+  onChange() {
+    Object.assign(this.captcha, {
+      "Captcha-State": this.state.state,
+      "Captcha-Code": this.state.code
+    });
+  }
+  /**
+   * 加载验证码
+   *
+   * @return {*}  {Promise<void>}ss
+   * @memberof AuthCaptchaController
+   */
+  async loadCaptcha() {
+    this.state.loading = true;
+    const requestConfig = {
+      url: "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId, "/auths/captcha"),
+      method: "post",
+      headers: {
+        "Content-Type": "application/json;charset=UTF-8",
+        Accept: "application/json"
+      },
+      data: {}
+    };
+    try {
+      const res = await axios(requestConfig);
+      if (res.status === 200 && res.data) {
+        this.state.state = res.data.state;
+        this.state.image = res.data.image;
+      }
+    } catch (error) {
+      this.state.state = "";
+      this.state.image = "";
+    } finally {
+      this.state.loading = false;
+      this.onChange();
+    }
+  }
+}
+
+export { AuthCaptchaController };

package/es/panel-component/auth-captcha/auth-captcha.css

@@ -0,0 +1 @@
+.ibiz-auth-captcha{display:flex;position:relative}.ibiz-auth-captcha__captcha{width:calc(100% - 120px)}.ibiz-auth-captcha__image{flex-shrink:0;width:120px;height:100%;cursor:pointer}.ibiz-auth-captcha__image--hint{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ibiz-color-text-3);background-color:var(--ibiz-color-fill-0)}.ibiz-auth-captcha__error{left:0;top:100%;line-height:1;font-size:12px;padding-top:2px;position:absolute;color:var(--ibiz-color-danger)}.ibiz-auth-captcha.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--ibiz-color-danger) inset}

package/es/panel-component/auth-captcha/auth-captcha.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { AuthCaptchaController } from './auth-captcha.controller';
+import './auth-captcha.scss';
+export declare const AuthCaptcha: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof AuthCaptchaController;
+        required: true;
+    };
+}, {
+    c: AuthCaptchaController;
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    onClick: () => void;
+    onChange: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof AuthCaptchaController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/auth-captcha/auth-captcha.mjs

@@ -0,0 +1,72 @@
+import { computed, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { AuthCaptchaController } from './auth-captcha.controller.mjs';
+import './auth-captcha.css';
+
+"use strict";
+const AuthCaptcha = /* @__PURE__ */ defineComponent({
+  name: "IBizAuthCaptcha",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: AuthCaptchaController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("auth-captcha");
+    const c = props.controller;
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(c.model.id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible), ns.is("error", !!c.state.error)];
+      return result;
+    });
+    const onClick = () => {
+      if (!c.state.loading) {
+        c.loadCaptcha();
+      }
+    };
+    const onChange = () => {
+      c.onChange();
+      c.validate();
+    };
+    return {
+      c,
+      ns,
+      classArr,
+      onClick,
+      onChange
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.classArr
+    }, [createVNode(resolveComponent("el-input"), {
+      "modelValue": this.c.state.code,
+      "onUpdate:modelValue": ($event) => this.c.state.code = $event,
+      "class": this.ns.e("captcha"),
+      "onInput": this.onChange,
+      "onBlur": this.onChange,
+      "placeholder": "\u9A8C\u8BC1\u7801"
+    }, null), withDirectives(createVNode(resolveComponent("el-image"), {
+      "src": this.c.state.image,
+      "class": this.ns.e("image"),
+      "onClick": this.onClick,
+      "title": "\u70B9\u51FB\u56FE\u7247\u5237\u65B0"
+    }, {
+      error: () => {
+        return createVNode("div", {
+          "onClick": this.onClick,
+          "class": [this.ns.em("image", "hint"), this.ns.is("loading", this.c.state.loading)]
+        }, [this.c.state.loading ? "\u52A0\u8F7D\u4E2D..." : "\u52A0\u8F7D\u5931\u8D25"]);
+      }
+    }), [[resolveDirective("loading"), this.c.state.loading]]), this.c.state.error && createVNode("div", {
+      "class": this.ns.e("error")
+    }, [this.c.state.error])]);
+  }
+});
+
+export { AuthCaptcha };

package/es/panel-component/auth-captcha/auth-captcha.provider.d.ts

@@ -0,0 +1,14 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { AuthCaptchaController } from './auth-captcha.controller';
+/**
+ * 人机识别适配器
+ *
+ * @export
+ * @class AuthCaptchaProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class AuthCaptchaProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<AuthCaptchaController>;
+}

package/es/panel-component/auth-captcha/auth-captcha.provider.mjs

@@ -0,0 +1,21 @@
+import { AuthCaptchaController } from './auth-captcha.controller.mjs';
+
+"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 AuthCaptchaProvider {
+  constructor() {
+    __publicField(this, "component", "IBizAuthCaptcha");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new AuthCaptchaController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { AuthCaptchaProvider };

package/es/panel-component/auth-captcha/auth-captcha.state.d.ts

@@ -0,0 +1,45 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 人机识别状态
+ *
+ * @export
+ * @class AuthCaptchaState
+ * @extends {PanelItemState}
+ */
+export declare class AuthCaptchaState extends PanelItemState {
+    /**
+     * 验证码
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    code: string;
+    /**
+     * 验证图片
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    image: string;
+    /**
+     * 验证UUID码
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    state: string;
+    /**
+     * 加载状态
+     *
+     * @type {boolean}
+     * @memberof AuthCaptchaState
+     */
+    loading: boolean;
+    /**
+     * 错误信息
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    error?: string;
+}

package/es/panel-component/auth-captcha/auth-captcha.state.mjs

@@ -0,0 +1,51 @@
+import { PanelItemState } from '@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 AuthCaptchaState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 验证码
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    __publicField(this, "code", "");
+    /**
+     * 验证图片
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    __publicField(this, "image", "");
+    /**
+     * 验证UUID码
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    __publicField(this, "state", "");
+    /**
+     * 加载状态
+     *
+     * @type {boolean}
+     * @memberof AuthCaptchaState
+     */
+    __publicField(this, "loading", false);
+    /**
+     * 错误信息
+     *
+     * @type {string}
+     * @memberof AuthCaptchaState
+     */
+    __publicField(this, "error");
+  }
+}
+
+export { AuthCaptchaState };

package/es/panel-component/auth-captcha/index.d.ts

@@ -0,0 +1,26 @@
+export declare const IBizAuthCaptcha: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("./auth-captcha.controller").AuthCaptchaController;
+        required: true;
+    };
+}, {
+    c: import("./auth-captcha.controller").AuthCaptchaController;
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    onClick: () => void;
+    onChange: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("./auth-captcha.controller").AuthCaptchaController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizAuthCaptcha;

package/es/panel-component/auth-captcha/index.mjs

@@ -0,0 +1,15 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { AuthCaptcha } from './auth-captcha.mjs';
+import { AuthCaptchaProvider } from './auth-captcha.provider.mjs';
+
+"use strict";
+const IBizAuthCaptcha = withInstall(AuthCaptcha, function(v) {
+  v.component(AuthCaptcha.name, AuthCaptcha);
+  registerPanelItemProvider(
+    "RAWITEM_AUTH_CAPTCHA",
+    () => new AuthCaptchaProvider()
+  );
+});
+
+export { IBizAuthCaptcha, IBizAuthCaptcha as default };

package/es/panel-component/auth-userinfo/auth-userinfo.mjs

@@ -22,7 +22,7 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("user-info");
     const c = prop.controller;
     const {
-      srfusername = "\u6E38\u5BA2",
+      srfusername = ibiz.i18n.t("panelComponent.authUserinfo.visitor"),
       srfpersonname
     } = ((_a = ibiz.appData) == null ? void 0 : _a.context) || {};
     const router = useRouter();

package/es/panel-component/index.mjs

@@ -22,6 +22,8 @@ import { IBizCoopPos } from './coop-pos/index.mjs';
 import { IBizViewMsgPos } from './view-msg-pos/index.mjs';
 import { IBizUserAction } from './user-action/index.mjs';
 import { IBizDataImport } from './data-import/index.mjs';
+import { IBizShortCut } from './short-cut/index.mjs';
+import { IBizAuthCaptcha } from './auth-captcha/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -69,6 +71,8 @@ const IBizPanelComponents = {
     v.use(IBizViewMsgPos);
     v.use(IBizUserAction);
     v.use(IBizDataImport);
+    v.use(IBizShortCut);
+    v.use(IBizAuthCaptcha);
   }
 };
 

package/es/panel-component/nav-pos-index/nav-pos-index.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace, onRouteChange } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { NavPosIndexController } from './nav-pos-index.controller.mjs';
@@ -80,7 +80,7 @@ const NavPosIndex = /* @__PURE__ */ defineComponent({
           default: () => [Component && createVNode(Component, null, null)]
         });
       }
-    }) : createVNode("div", null, [createTextVNode("\u975E\u8DEF\u7531\u6A21\u5F0F\u5BFC\u822A\u5360\u4F4D\u6682\u672A\u652F\u6301")])]);
+    }) : createVNode("div", null, [ibiz.i18n.t("panelComponent.navPosIndex.noSupportPrompt")])]);
   }
 });
 

package/es/panel-component/nav-tabs/nav-tabs.mjs

@@ -1,4 +1,4 @@
-import { isVNode, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './nav-tabs.css';
 import { NavTabsController } from './nav-tabs.controller.mjs';
@@ -26,10 +26,10 @@ const NavTabs = /* @__PURE__ */ defineComponent({
       state
     } = props.controller;
     const actions = [{
-      text: "\u5173\u95ED\u6240\u6709",
+      text: ibiz.i18n.t("panelComponent.navTabs.closeAll"),
       value: "closeAll"
     }, {
-      text: "\u5173\u95ED\u5176\u4ED6",
+      text: ibiz.i18n.t("panelComponent.navTabs.closeOther"),
       value: "closeOther"
     }];
     const changePage = (pane) => {
@@ -107,7 +107,7 @@ const NavTabs = /* @__PURE__ */ defineComponent({
           "size": "small",
           "type": "primary"
         }, {
-          default: () => [createTextVNode("\u66F4\u591A "), createVNode("ion-icon", {
+          default: () => [ibiz.i18n.t("app.more"), createVNode("ion-icon", {
             "name": "arrow-down"
           }, null)]
         });

package/es/panel-component/panel-button/panel-button.controller.mjs

@@ -99,13 +99,19 @@ class PanelButtonController extends PanelItemController {
     }
     event.stopPropagation();
     event.preventDefault();
+    const view = this.panel.view;
+    if (actionType === "UIACTION" && uiactionId === "login" && view.model.viewType === "APPLOGINVIEW" && !await view.validate(
+      this.dataParent.model.id
+    )) {
+      return;
+    }
     await UIActionUtil.execAndResolved(
       uiactionId,
       {
         context: this.panel.context,
         params: this.panel.params,
         data: [this.data],
-        view: this.panel.view,
+        view,
         event,
         noWaitRoute: true
       },

package/es/panel-component/panel-remember-me/panel-remember-me.mjs

@@ -45,7 +45,7 @@ const PanelRememberMe = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("el-checkbox"), {
       "modelValue": this.isRemember,
       "onUpdate:modelValue": ($event) => this.isRemember = $event,
-      "label": "\u8BB0\u4F4F\u6211"
+      "label": ibiz.i18n.t("app.rememberMe")
     }, null)]);
   }
 });

package/es/panel-component/panel-tab-panel/index.d.ts

@@ -4,19 +4,21 @@ export declare const IBizPanelTabPanel: import("@ibiz-template/vue3-util").TypeW
         required: true;
     };
     controller: {
-        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        type: typeof import("./panel-tab-panel.controller").PanelTabPanelController;
         required: true;
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    state: import("./panel-tab-panel.state").PanelTabPanelState;
     classArr: import("vue").ComputedRef<(string | false)[]>;
+    onTabClick: (tabIns: IData, event: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelTabPanel>;
         required: true;
     };
     controller: {
-        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        type: typeof import("./panel-tab-panel.controller").PanelTabPanelController;
         required: true;
     };
 }>>, {}, {}>>;

package/es/panel-component/panel-tab-panel/panel-tab-panel.controller.d.ts

@@ -0,0 +1,31 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IPanelTabPanel } from '@ibiz/model-core';
+import { PanelTabPanelState } from './panel-tab-panel.state';
+export declare class PanelTabPanelController extends PanelItemController<IPanelTabPanel> {
+    state: PanelTabPanelState;
+    /**
+     * 新建状态
+     *
+     * @author tony001
+     * @date 2024-05-12 14:05:16
+     * @protected
+     * @return {*}  {PanelTabPanelState}
+     */
+    protected createState(): PanelTabPanelState;
+    /**
+     * 初始化
+     *
+     * @author tony001
+     * @date 2024-05-12 14:05:51
+     * @return {*}  {Promise<void>}
+     */
+    onInit(): Promise<void>;
+    /**
+     * 分页点击切换处理
+     *
+     * @author tony001
+     * @date 2024-05-12 14:05:11
+     * @param {string} tabId
+     */
+    onTabChange(tabId: string): void;
+}

package/es/panel-component/panel-tab-panel/panel-tab-panel.controller.mjs

@@ -0,0 +1,42 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelTabPanelState } from './panel-tab-panel.state.mjs';
+
+"use strict";
+class PanelTabPanelController extends PanelItemController {
+  /**
+   * 新建状态
+   *
+   * @author tony001
+   * @date 2024-05-12 14:05:16
+   * @protected
+   * @return {*}  {PanelTabPanelState}
+   */
+  createState() {
+    var _a;
+    return new PanelTabPanelState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 初始化
+   *
+   * @author tony001
+   * @date 2024-05-12 14:05:51
+   * @return {*}  {Promise<void>}
+   */
+  async onInit() {
+    var _a;
+    await super.onInit();
+    this.state.activeTab = ((_a = this.model.panelTabPages) == null ? void 0 : _a[0].id) || "";
+  }
+  /**
+   * 分页点击切换处理
+   *
+   * @author tony001
+   * @date 2024-05-12 14:05:11
+   * @param {string} tabId
+   */
+  onTabChange(tabId) {
+    this.state.activeTab = tabId;
+  }
+}
+
+export { PanelTabPanelController };