@ibiz-template/vue3-components 0.6.1-alpha.3 → 0.6.2-dev.0

package/es/web-app/components/router-shell/router-shell.mjs

@@ -81,22 +81,22 @@ const RouterShell = /* @__PURE__ */ defineComponent({
       context,
       params,
       srfnav,
-      viewModel
+      viewConfig
     } = this.viewData;
     const props = mergeDeepLeft({
       ...this.$props,
       ...this.$attrs,
       context,
       params,
-      modelData: viewModel,
-      key: viewModel.codeName
+      viewId: viewConfig.id,
+      key: viewConfig.codeName
     }, {
       state: {
         srfnav
       }
     });
     return createVNode(Fragment, null, [h(resolveComponent("IBizViewShell"), props, this.$slots), this.isActivated && createVNode(resolveComponent("router-view"), {
-      "key": viewModel.codeName,
+      "key": viewConfig.codeName,
       "name": RouteConst.ROUTE_MODAL_TAG,
       "modal": this.routeModal
     }, null)]);

package/es/web-app/guard/auth-guard/auth-guard.d.ts

@@ -1,9 +1,88 @@
-/**
- * 应用权限守卫
- *
- * @author chitanda
- * @date 2022-10-28 10:10:29
- * @export
- * @return {*}  {Promise<boolean>}
- */
-export declare function AuthGuard(notLogin?: boolean): Promise<boolean>;
+import { IApplication } from '@ibiz/model-core';
+import { ModelLoaderProvider } from '@ibiz-template/runtime';
+export declare class AuthGuard {
+    /**
+     * 是否是全代码模式
+     * @author lxm
+     * @date 2024-02-21 11:16:08
+     * @type {boolean}
+     */
+    isFullCode: boolean;
+    /**
+     * 自定义模型加载
+     * @author lxm
+     * @date 2024-02-21 11:16:17
+     * @type {ModelLoaderProvider}
+     */
+    customModelLoader?: ModelLoaderProvider;
+    constructor(opts?: {
+        isFullCode: boolean;
+        customModelLoader: ModelLoaderProvider;
+    });
+    /**
+     * 总的入口校验
+     * @author lxm
+     * @date 2024-02-21 10:43:55
+     * @param {boolean} notLogin
+     * @return {*}  {Promise<boolean>}
+     */
+    verify(notLogin?: boolean): Promise<boolean>;
+    /**
+     * 匿名登录相关校验逻辑，不通过会抛异常
+     * @author lxm
+     * @date 2024-01-03 07:29:30
+     * @return {*}  {Promise<void>}
+     */
+    anonymousValidate(): Promise<void>;
+    /**
+     * 应用参数初始化
+     *
+     * @author chitanda
+     * @date 2022-07-20 19:07:54
+     * @return {*}  {Promise<void>}
+     */
+    appInit(): Promise<void>;
+    /**
+     * 初始化模型
+     * @author lxm
+     * @date 2024-02-21 10:48:36
+     * @param {boolean} [permission=true]
+     * @return {*}  {Promise<void>}
+     */
+    initModel(_permission?: boolean): Promise<void>;
+    /**
+     * 加载应用数据
+     *
+     * @author chitanda
+     * @date 2022-07-20 20:07:50
+     * @return {*}  {Promise<void>}
+     */
+    loadAppData(): Promise<void>;
+    /**
+     * 加载组织数据
+     *
+     * @author chitanda
+     * @date 2022-07-20 20:07:44
+     * @return {*}  {Promise<void>}
+     */
+    loadOrgData(): Promise<void>;
+    initTheme(appModel: IApplication): Promise<void>;
+    /**
+     * 加载主题插件
+     *
+     * @author chitanda
+     * @date 2023-12-03 01:12:38
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    loadTheme(): Promise<void>;
+    /**
+     * 根据应用自定义参数解析成环境变量
+     *
+     * @author chitanda
+     * @date 2023-11-24 19:11:50
+     * @return {*}  {Promise<void>}
+     */
+    initEnvironment(app: IApplication): Promise<void>;
+    throw401(): void;
+}

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

@@ -1,37 +1,187 @@
-import { HttpError, RuntimeError } from '@ibiz-template/core';
-import { ModelHelper } from '@ibiz-template/model-helper';
+import { RuntimeError, HttpError } from '@ibiz-template/core';
 import { mergeDeepRight } from 'ramda';
 import { AppHooks } from '@ibiz-template/vue3-util';
-import { i18n } from '../../../locale/index.mjs';
 
 "use strict";
-async function loadAppData() {
-  const res = await ibiz.net.get("/appdata");
-  if (res.ok) {
-    ibiz.appData = res.data;
+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 AuthGuard {
+  constructor(opts) {
+    /**
+     * 是否是全代码模式
+     * @author lxm
+     * @date 2024-02-21 11:16:08
+     * @type {boolean}
+     */
+    __publicField(this, "isFullCode", false);
+    /**
+     * 自定义模型加载
+     * @author lxm
+     * @date 2024-02-21 11:16:17
+     * @type {ModelLoaderProvider}
+     */
+    __publicField(this, "customModelLoader");
+    this.isFullCode = (opts == null ? void 0 : opts.isFullCode) || false;
+    this.customModelLoader = (opts == null ? void 0 : opts.customModelLoader) || void 0;
+    if (this.customModelLoader) {
+      ibiz.hub.registerModelLoaderProvider(this.customModelLoader);
+    }
   }
-}
-async function loadOrgData() {
-  const res = await ibiz.net.get("/uaa/getbydcsystem/".concat(ibiz.env.dcSystem));
-  if (res.ok) {
-    const orgDataItems = res.data;
-    if (orgDataItems) {
-      const [data] = orgDataItems;
-      ibiz.orgData = data;
+  /**
+   * 总的入口校验
+   * @author lxm
+   * @date 2024-02-21 10:43:55
+   * @param {boolean} notLogin
+   * @return {*}  {Promise<boolean>}
+   */
+  async verify(notLogin = true) {
+    if (notLogin) {
+      let result = true;
+      try {
+        if (ibiz.env.enableAnonymous) {
+          await this.anonymousValidate();
+        }
+        await this.appInit();
+      } catch (error) {
+        result = false;
+        ibiz.util.error.handle(error);
+      }
+      return result;
     }
+    await this.initModel(false);
+    return true;
   }
-}
-async function loadTheme() {
-  const app = ibiz.hub.getApp();
-  const uiThemes = app.model.appUIThemes || [];
-  if (uiThemes.length > 0) {
-    const theme = uiThemes[0];
-    await ibiz.util.theme.loadTheme(theme);
+  /**
+   * 匿名登录相关校验逻辑，不通过会抛异常
+   * @author lxm
+   * @date 2024-01-03 07:29:30
+   * @return {*}  {Promise<void>}
+   */
+  async anonymousValidate() {
+    const authInfo = ibiz.auth.getAuthInfo();
+    if (authInfo && !authInfo.isAnonymous) {
+      return;
+    }
+    await this.initModel(false);
+    const urlPaths = window.location.hash.split("/");
+    const viewName = urlPaths[urlPaths.length - 2];
+    let viewModel;
+    if (viewName !== "#") {
+      try {
+        viewModel = await ibiz.hub.getAppView(viewName);
+      } catch (error) {
+        ibiz.log.error(error);
+      }
+    }
+    if (!viewModel) {
+      ibiz.log.error(
+        "\u627E\u4E0D\u5230\u89C6\u56FE\u6A21\u578B".concat(viewName, ",\u8BF7\u786E\u4FDD\u8BE5\u89C6\u56FE\u914D\u7F6E\u4E86\u533F\u540D\u8BBF\u95EE\u548C\u7528\u6237\u5F15\u7528")
+      );
+      this.throw401();
+      return;
+    }
+    if (viewModel.accUserMode !== 3) {
+      this.throw401();
+    }
+    if (!authInfo) {
+      const loginResult = await ibiz.auth.anonymousLogin();
+      if (!loginResult) {
+        throw new RuntimeError("\u533F\u540D\u7528\u6237\u767B\u5F55\u5931\u8D25");
+      }
+    }
   }
-}
-async function initEnvironment(helper) {
-  if (helper) {
-    const app = await helper.getAppModel();
+  /**
+   * 应用参数初始化
+   *
+   * @author chitanda
+   * @date 2022-07-20 19:07:54
+   * @return {*}  {Promise<void>}
+   */
+  async appInit() {
+    if (ibiz.env.isSaaSMode === true) {
+      await this.loadOrgData();
+    }
+    await this.loadAppData();
+    await this.initModel();
+    await ibiz.auth.extendLogin();
+    await ibiz.hub.notice.init();
+  }
+  /**
+   * 初始化模型
+   * @author lxm
+   * @date 2024-02-21 10:48:36
+   * @param {boolean} [permission=true]
+   * @return {*}  {Promise<void>}
+   */
+  async initModel(_permission = true) {
+  }
+  /**
+   * 加载应用数据
+   *
+   * @author chitanda
+   * @date 2022-07-20 20:07:50
+   * @return {*}  {Promise<void>}
+   */
+  async loadAppData() {
+    const res = await ibiz.net.get("/appdata");
+    if (res.ok) {
+      ibiz.appData = res.data;
+    }
+  }
+  /**
+   * 加载组织数据
+   *
+   * @author chitanda
+   * @date 2022-07-20 20:07:44
+   * @return {*}  {Promise<void>}
+   */
+  async loadOrgData() {
+    const res = await ibiz.net.get("/uaa/getbydcsystem/".concat(ibiz.env.dcSystem));
+    if (res.ok) {
+      const orgDataItems = res.data;
+      if (orgDataItems) {
+        const [data] = orgDataItems;
+        ibiz.orgData = data;
+      }
+    }
+  }
+  async initTheme(appModel) {
+    if (!appModel.appUIThemes) {
+      const module = await import('@ibiz-template/web-theme');
+      const theme = module.default || module;
+      AppHooks.useComponent.callSync(null, theme);
+    } else {
+      await this.loadTheme();
+    }
+  }
+  /**
+   * 加载主题插件
+   *
+   * @author chitanda
+   * @date 2023-12-03 01:12:38
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  async loadTheme() {
+    const app = ibiz.hub.getApp();
+    const uiThemes = app.model.appUIThemes || [];
+    if (uiThemes.length > 0) {
+      const theme = uiThemes[0];
+      await ibiz.util.theme.loadTheme(theme);
+    }
+  }
+  /**
+   * 根据应用自定义参数解析成环境变量
+   *
+   * @author chitanda
+   * @date 2023-11-24 19:11:50
+   * @return {*}  {Promise<void>}
+   */
+  async initEnvironment(app) {
     const userParam = app.userParam;
     if (userParam) {
       Object.keys(userParam).forEach((key) => {
@@ -54,116 +204,15 @@ async function initEnvironment(helper) {
       ibiz.log.setLevel(ibiz.env.logLevel);
     }
   }
-}
-let hasModelInit = false;
-let noPermissionModel = false;
-async function initModel(permission = true) {
-  if (!hasModelInit || hasModelInit && noPermissionModel !== permission) {
-    ibiz.hub.reset();
-    const helper = new ModelHelper(
-      async (url, params) => {
-        const res = await ibiz.net.get(
-          "".concat(ibiz.env.remoteModelUrl).concat(url),
-          params,
-          permission ? {} : { srfdcsystem: ibiz.env.dcSystem }
-        );
-        return res.data;
-      },
-      ibiz.env.appId,
-      permission
-    );
-    await initEnvironment(helper);
-    const app = await ibiz.hub.getAppAsync(ibiz.env.appId);
-    const appModel = app.model;
-    ibiz.env.isMob = appModel.mobileApp === true;
-    if (ibiz.env.isEnableMultiLan) {
-      const lang = ibiz.i18n.getLang();
-      const m = await helper.getPSAppLang(lang.replace("-", "_").toUpperCase());
-      const items = m.languageItems || [];
-      const data = {};
-      items.forEach((item) => {
-        data[item.lanResTag] = item.content;
-      });
-      i18n.global.mergeLocaleMessage(lang, data);
-    }
-    if (!appModel.appUIThemes) {
-      const module = await import('@ibiz-template/web-theme');
-      const theme = module.default || module;
-      AppHooks.useComponent.callSync(null, theme);
-    } else {
-      await loadTheme();
-    }
-  }
-  noPermissionModel = permission;
-  hasModelInit = true;
-}
-async function appInit() {
-  if (ibiz.env.isSaaSMode === true) {
-    await loadOrgData();
-  }
-  await loadAppData();
-  await initModel();
-  await ibiz.auth.extendLogin();
-  await ibiz.hub.notice.init();
-}
-function throw401() {
-  throw new HttpError({
-    response: {
-      status: 401,
-      statusText: "\u65E0\u6743\u9650\u8BBF\u95EE\uFF01"
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  });
-}
-async function anonymousValidate() {
-  const authInfo = ibiz.auth.getAuthInfo();
-  if (authInfo && !authInfo.isAnonymous) {
-    return;
-  }
-  await initModel(false);
-  const urlPaths = window.location.hash.split("/");
-  const viewName = urlPaths[urlPaths.length - 2];
-  let viewModel;
-  if (viewName !== "#") {
-    try {
-      viewModel = await ibiz.hub.getAppView(viewName);
-    } catch (error) {
-      ibiz.log.error(error);
-    }
-  }
-  if (!viewModel) {
-    ibiz.log.error(
-      "\u627E\u4E0D\u5230\u89C6\u56FE\u6A21\u578B".concat(viewName, ",\u8BF7\u786E\u4FDD\u8BE5\u89C6\u56FE\u914D\u7F6E\u4E86\u533F\u540D\u8BBF\u95EE\u548C\u7528\u6237\u5F15\u7528")
-    );
-    throw401();
-    return;
-  }
-  if (viewModel.accUserMode !== 3) {
-    throw401();
-  }
-  if (!authInfo) {
-    const loginResult = await ibiz.auth.anonymousLogin();
-    if (!loginResult) {
-      throw new RuntimeError("\u533F\u540D\u7528\u6237\u767B\u5F55\u5931\u8D25");
-    }
-  }
-}
-async function AuthGuard(notLogin = true) {
-  if (notLogin) {
-    let result = true;
-    try {
-      if (ibiz.env.enableAnonymous) {
-        await anonymousValidate();
+  throw401() {
+    throw new HttpError({
+      response: {
+        status: 401,
+        statusText: "\u65E0\u6743\u9650\u8BBF\u95EE\uFF01"
       }
-      await appInit();
-    } catch (error) {
-      result = false;
-      ibiz.util.error.handle(error);
-    }
-    return result;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    });
   }
-  await initModel(false);
-  return true;
 }
 
 export { AuthGuard };

package/es/web-app/guard/auth-guard/dyna-auth-guard.d.ts

@@ -0,0 +1,6 @@
+import { AuthGuard } from './auth-guard';
+export declare class DynaAuthGuard extends AuthGuard {
+    hasModelInit: boolean;
+    noPermissionModel: boolean;
+    initModel(permission?: boolean): Promise<void>;
+}

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

@@ -0,0 +1,67 @@
+import { ModelHelper } from '@ibiz-template/model-helper';
+import { AppHooks } from '@ibiz-template/vue3-util';
+import { AuthGuard } from './auth-guard.mjs';
+import { i18n } from '../../../locale/index.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 DynaAuthGuard extends AuthGuard {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "hasModelInit", false);
+    __publicField(this, "noPermissionModel", false);
+  }
+  async initModel(permission = true) {
+    if (!this.hasModelInit || this.hasModelInit && this.noPermissionModel !== permission) {
+      ibiz.hub.reset();
+      const helper = new ModelHelper(
+        async (url, params) => {
+          const res = await ibiz.net.get(
+            "".concat(ibiz.env.remoteModelUrl).concat(url),
+            params,
+            permission ? {} : { srfdcsystem: ibiz.env.dcSystem }
+          );
+          return res.data;
+        },
+        ibiz.env.appId,
+        permission
+      );
+      const tempApp = await helper.getAppModel();
+      await this.initEnvironment(tempApp);
+      const app = await ibiz.hub.getAppAsync(ibiz.env.appId);
+      const appModel = app.model;
+      ibiz.env.isMob = appModel.mobileApp === true;
+      if (ibiz.env.isEnableMultiLan) {
+        const lang = ibiz.i18n.getLang();
+        const m = await helper.getPSAppLang(
+          lang.replace("-", "_").toUpperCase()
+        );
+        const items = m.languageItems || [];
+        const data = {};
+        items.forEach((item) => {
+          data[item.lanResTag] = item.content;
+        });
+        i18n.global.mergeLocaleMessage(lang, data);
+      }
+      if (!appModel.appUIThemes) {
+        const module = await import('@ibiz-template/web-theme');
+        const theme = module.default || module;
+        AppHooks.useComponent.callSync(null, theme);
+      } else {
+        await this.loadTheme();
+      }
+      if (app.model.title) {
+        ibiz.util.setBrowserTitle("");
+      }
+    }
+    this.noPermissionModel = permission;
+    this.hasModelInit = true;
+  }
+}
+
+export { DynaAuthGuard };

package/es/web-app/guard/index.d.ts

@@ -1 +1,2 @@
 export { AuthGuard } from './auth-guard/auth-guard';
+export { DynaAuthGuard } from './auth-guard/dyna-auth-guard';

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

@@ -1,3 +1,4 @@
 export { AuthGuard } from './auth-guard/auth-guard.mjs';
+export { DynaAuthGuard } from './auth-guard/dyna-auth-guard.mjs';
 
 "use strict";

package/es/web-app/index.d.ts

@@ -1 +1,2 @@
+export { AuthGuard } from './guard';
 export { runApp } from './main';

package/es/web-app/index.mjs

@@ -1,3 +1,5 @@
+import './guard/index.mjs';
 export { runApp } from './main.mjs';
+export { AuthGuard } from './guard/auth-guard/auth-guard.mjs';
 
 "use strict";

package/es/web-app/main.d.ts

@@ -1,2 +1,5 @@
 import { Plugin } from 'vue';
-export declare function runApp(plugins?: Plugin[]): Promise<void>;
+import { AuthGuard } from './guard';
+export declare function runApp(plugins?: Plugin[], opts?: {
+    getAuthGuard: () => AuthGuard;
+}): Promise<void>;

package/es/web-app/main.mjs

@@ -7,6 +7,8 @@ import App from './App.mjs';
 import './util/index.mjs';
 import { AppRouter } from './router/index.mjs';
 import '../util/index.mjs';
+import './guard/index.mjs';
+import { DynaAuthGuard } from './guard/auth-guard/dyna-auth-guard.mjs';
 import { OpenViewUtil } from '../util/open-view-util/open-view-util.mjs';
 import { MessageUtil } from '../util/message-util/message-util.mjs';
 import { ModalUtil } from '../util/modal-util/modal-util.mjs';
@@ -18,7 +20,7 @@ import { OverlayController } from '../util/overlay-controller/overlay-controller
 import { UnauthorizedHandler } from './util/unauthorized-handler/unauthorized-handler.mjs';
 
 "use strict";
-async function runApp(plugins) {
+async function runApp(plugins, opts) {
   AppHooks.createApp.tap((_, app2) => {
     if (plugins) {
       plugins.forEach((plugin) => {
@@ -43,6 +45,13 @@ async function runApp(plugins) {
     });
   });
   await attachEnvironmentConfig();
+  let authGuard;
+  if (opts == null ? void 0 : opts.getAuthGuard) {
+    authGuard = opts.getAuthGuard();
+  } else {
+    authGuard = new DynaAuthGuard();
+  }
+  AppRouter.setAuthGuard((notLogin) => authGuard.verify(notLogin));
   app.use(AppRouter.getRouter());
   ibiz.openView = new OpenViewUtil(AppRouter.getRouter());
   ibiz.message = new MessageUtil();

package/es/web-app/router/index.d.ts

@@ -2,5 +2,7 @@ import { Router } from 'vue-router';
 import 'nprogress/nprogress.css';
 export declare class AppRouter {
     private static router?;
+    private static authGuard;
+    static setAuthGuard(authGuard: (notLogin?: boolean) => Promise<boolean>): void;
     static getRouter(): Router;
 }

package/es/web-app/router/index.mjs

@@ -2,11 +2,9 @@ import { createWebHashHistory, createRouter } from 'vue-router';
 import { AppRedirectView } from '@ibiz-template/vue3-util';
 import { RouteConst } from '@ibiz-template/runtime';
 import NProgress from '../../node_modules/.pnpm/nprogress@0.2.0/node_modules/nprogress/nprogress.mjs';
-import '../guard/index.mjs';
 import '../../view/index.mjs';
 import '../components/index.mjs';
 import 'nprogress/nprogress.css';
-import { AuthGuard } from '../guard/auth-guard/auth-guard.mjs';
 import { LoginView } from '../../view/login-view/login-view.mjs';
 import { View404 } from '../../view/404-view/404-view.mjs';
 import { RouterShell } from '../components/router-shell/router-shell.mjs';
@@ -20,6 +18,9 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 class AppRouter {
+  static setAuthGuard(authGuard) {
+    this.authGuard = authGuard;
+  }
   static getRouter() {
     const placeholder = ibiz.env.routePlaceholder;
     const paramReg = "[^/]+=[^/]+|".concat(placeholder);
@@ -37,7 +38,7 @@ class AppRouter {
             path: "/login",
             name: "loginView",
             beforeEnter: async (_to, _from, next) => {
-              await AuthGuard(false);
+              await this.authGuard(false);
               next();
             },
             component: LoginView
@@ -51,7 +52,7 @@ class AppRouter {
             path: "/appredirectview",
             name: "appRedirectView",
             beforeEnter: async (_to, _from, next) => {
-              const authority = await AuthGuard();
+              const authority = await this.authGuard();
               if (authority) {
                 next();
               } else {
@@ -63,7 +64,7 @@ class AppRouter {
           {
             path: "/:appContext(".concat(paramReg, ")/:view1(").concat(viewReg, ")/:params1(").concat(paramReg, ")"),
             beforeEnter: async (_to, _from, next) => {
-              const authority = await AuthGuard();
+              const authority = await this.authGuard();
               if (authority) {
                 next();
               } else {
@@ -196,5 +197,6 @@ class AppRouter {
   }
 }
 __publicField(AppRouter, "router");
+__publicField(AppRouter, "authGuard");
 
 export { AppRouter };

package/lib/common/no-data/no-data.css

@@ -1 +1 @@
-.ibiz-no-data{width:100%;height:100%}.ibiz-no-data .el-empty__description p{color:var(--ibiz-color-text-3)}
+.ibiz-no-data{width:100%;height:100%}.ibiz-no-data .el-empty__description p{color:var(--ibiz-color-text-3)}.ibiz-no-data .el-empty__image{width:100%;max-width:var(--el-empty-image-width)}

package/lib/control/grid/grid/grid.cjs

@@ -168,7 +168,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
           "emptyTextLanguageRes": c.model.emptyTextLanguageRes
         }, null);
       }
-      return null;
+      return vue.createVNode("div", null, null);
     };
     const {
       tableData,
@@ -238,7 +238,7 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       enablePagingBar
     } = this.c.model;
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
-      "class": [this.ns.is("show-header", !hideHeader), this.ns.is("enable-page", enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("enable-customized", this.c.model.enableCustomized)],
+      "class": [this.ns.is("show-header", !hideHeader), this.ns.is("enable-page", enablePagingBar), this.ns.is("enable-group", this.c.model.enableGroup), this.ns.is("single-select", state.singleSelect), this.ns.is("empty", state.items.length === 0), this.ns.is("enable-customized", this.c.model.enableCustomized)],
       "controller": this.c,
       "style": this.headerCssVars
     }, {