@ibiz-template/vue3-components 0.7.41-alpha.94 → 0.7.41-alpha.96

package/es/index.mjs

@@ -191,5 +191,6 @@ export { ArrowLeftBold, ArrowRightBold } from './util/icon/icon.mjs';
 export { AuthGuard } from './web-app/guard/auth-guard/auth-guard.mjs';
 export { runApp } from './web-app/main.mjs';
 export { AppRouter } from './web-app/router/index.mjs';
+export { AppFuncBlockProvider } from './web-app/util/app-func-block-provider/app-func-block-provider.mjs';
 
 "use strict";

package/es/locale/en/index.mjs

@@ -35,7 +35,8 @@ var index = {
     fullscreen: "Fullscreen",
     cancelFullscreen: "Cancel fullscreen",
     tips: "tips",
-    changeLanguage: "Switching languages requires refreshing the page to confirm the switch"
+    changeLanguage: "Switching languages requires refreshing the page to confirm the switch",
+    piece: ""
   },
   // 视图
   view: {

package/es/locale/zh-CN/index.mjs

@@ -35,7 +35,8 @@ var index = {
     fullscreen: "\u5168\u5C4F",
     cancelFullscreen: "\u53D6\u6D88\u5168\u5C4F",
     tips: "\u63D0\u793A",
-    changeLanguage: "\u5207\u6362\u8BED\u8A00\u9700\u8981\u5237\u65B0\u9875\u9762\uFF0C\u786E\u8BA4\u5207\u6362"
+    changeLanguage: "\u5207\u6362\u8BED\u8A00\u9700\u8981\u5237\u65B0\u9875\u9762\uFF0C\u786E\u8BA4\u5207\u6362",
+    piece: "\u4E2A"
   },
   // 视图
   view: {

package/es/panel-component/user-message/user-message.mjs

@@ -54,9 +54,8 @@ const UserMessage = /* @__PURE__ */ defineComponent({
       noticeController.internalMessage.batchMarkRead();
     };
     const verifyAuthentication = async () => {
-      const res = await ibiz.net.get("/appdata", ibiz.appUtil.getAppContext());
-      if (res.ok) {
-        ibiz.appData = res.data;
+      const bol = await ibiz.auth.loadAppData(ibiz.appUtil.getAppContext());
+      if (bol) {
         updateDevToolConfig();
       }
     };

package/es/util/ai-chat-util/ai-chat-util.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { createUUID } from 'qx-util';
-import { UIActionUtil, SysUIActionTag, parseViewProtocol, OpenAppViewCommand, ConfigService, UtilService, AIUtilService } from '@ibiz-template/runtime';
+import { ConfigService, UIActionUtil, SysUIActionTag, parseViewProtocol, OpenAppViewCommand, UtilService, AIUtilService } from '@ibiz-template/runtime';
 import { StringUtil, IBizContext } from '@ibiz-template/core';
 import { isNotNil } from 'ramda';
 import { AIFeedback } from './ai-feedback/ai-feedback.mjs';
@@ -58,6 +58,39 @@ class AIChatUtil {
       }
     }
     const topicOptions = {};
+    topicOptions.captionMode = ibiz.config.common.aiChatTopicCaptionMode;
+    if (editorParams.topiccaptionmode) {
+      topicOptions.captionMode = editorParams.topiccaptionmode;
+    }
+    topicOptions.hideTopicSidebar = false;
+    if (editorParams.hidetopicsidebar) {
+      topicOptions.hideTopicSidebar = editorParams.hidetopicsidebar === "true";
+    }
+    topicOptions.disableStorage = false;
+    if (editorParams.disabletopicstorage) {
+      topicOptions.disableStorage = editorParams.disabletopicstorage === "true";
+    }
+    topicOptions.beforeDelete = async (...args2) => {
+      const isBatchRemove = args2[4];
+      const result = await ibiz.confirm.warning({
+        title: ibiz.i18n.t(
+          "util.appUtil.".concat(isBatchRemove ? "clearTopic" : "aiTitle")
+        ),
+        desc: ibiz.i18n.t(
+          "util.appUtil.".concat(isBatchRemove ? "clearTopicDesc" : "aiDesc")
+        )
+      });
+      return result;
+    };
+    topicOptions.action = async (action, context2, params2, data2, event) => {
+      if (action === "LINK") {
+        await ibiz.openView.push(data2.url);
+      }
+      return true;
+    };
+    topicOptions.configService = (appid, storageType, subType) => {
+      return new ConfigService(appid, storageType, subType);
+    };
     const chatOptions = {
       locale: ibiz.i18n.getLang()
     };

package/es/util/app-util/app-util.mjs

@@ -1,4 +1,4 @@
-import { RouteConst, getDeACMode, calcDeCodeNameById, ScriptFactory } from '@ibiz-template/runtime';
+import { RouteConst, getAppFuncBlockProvider, getDeACMode, calcDeCodeNameById, ScriptFactory } from '@ibiz-template/runtime';
 import { route2routePath, useUIStore, routePath2string } from '@ibiz-template/vue3-util';
 
 "use strict";
@@ -81,12 +81,13 @@ class AppUtil {
    * @return {*}  {Promise<boolean>}
    */
   async login(loginName, password, remember, headers, opts) {
-    const bol = await ibiz.auth.login(loginName, password, remember, headers);
-    if (bol === true) {
-      window.location.hash = this.router.currentRoute.value.query.ru || "/";
-      window.history.pushState({}, "");
-      window.location.reload();
-    }
+    const appFuncBlockProvider = await getAppFuncBlockProvider();
+    const bol = await appFuncBlockProvider.login({
+      loginname: loginName,
+      password,
+      rememberme: remember,
+      headers
+    });
     return bol;
   }
   /**
@@ -98,22 +99,10 @@ class AppUtil {
    * @return {*}  {Promise<boolean>}
    */
   async logout(opts) {
-    const bol = await ibiz.auth.logout();
-    if (bol) {
-      const path = window.location;
-      if (path.search.indexOf("isAnonymous=true") !== -1) {
-        const href = "".concat(path.origin).concat(path.pathname).concat(path.hash);
-        window.history.replaceState({}, "", href);
-      }
-      await this.router.push(
-        // `/login?ru=${encodeURIComponent(
-        //   window.location.hash.replace('#/', '/'),
-        // )}`,
-        "/login"
-      );
-      ibiz.util.showAppLoading();
-      window.location.reload();
-    }
+    const appFuncBlockProvider = await getAppFuncBlockProvider();
+    const bol = await appFuncBlockProvider.logout({
+      router: this.router
+    });
     return bol;
   }
   /**
@@ -246,7 +235,6 @@ class AppUtil {
     let topicId = "".concat(appDataEntityId, "@").concat(appDEACModeId, "@");
     topicId += context[appDataEntityName] ? context[appDataEntityName] : "default";
     const sessionid = ibiz.aiChatUtil.getChatSessionId("TOPIC", topicId);
-    const topicCaption = "[".concat(deACMode.logicName, "]").concat((data == null ? void 0 : data.srfmajortext) || "");
     const tempParams = { ...params, ...{ srfactag: deACMode.codeName } };
     const { zIndex } = useUIStore();
     const containerZIndex = zIndex.increment();
@@ -261,6 +249,14 @@ class AppUtil {
       context,
       params
     );
+    let topicCaption = "[".concat(deACMode.logicName, "]").concat((data == null ? void 0 : data.srfmajortext) || "");
+    if (params.srfaitopiccaption) {
+      topicCaption = "[".concat(ibiz.appUtil.resolveI18nText(params.srfaitopiccaption), "]").concat((data == null ? void 0 : data.srfmajortext) || "");
+    }
+    let chatCaption = deACMode.logicName;
+    if (params.srfaichatcaption) {
+      chatCaption = ibiz.appUtil.resolveI18nText(params.srfaichatcaption);
+    }
     return new Promise((resolve) => {
       chatInstance.create({
         mode: "TOPIC",
@@ -279,7 +275,7 @@ class AppUtil {
           ...topicOptions
         },
         chatOptions: {
-          caption: deACMode.logicName,
+          caption: chatCaption,
           context: { ...context },
           params: tempParams,
           appDataEntityId,

package/es/view/login-view/login-view.mjs

@@ -3,6 +3,7 @@ import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRoute } from 'vue-router';
 import { IBizContext, LoginMode } from '@ibiz-template/core';
 import qs from 'qs';
+import { getAppFuncBlockProvider } from '@ibiz-template/runtime';
 import '../../util/index.mjs';
 import './login-view.css';
 import { useFocusByEnter } from '../../util/keydown-util/keydown-util.mjs';
@@ -76,17 +77,12 @@ const LoginView = /* @__PURE__ */ defineComponent({
       formRef.value.validate(async (vaild) => {
         if (vaild) {
           loading.value = true;
-          const bol = await ibiz.auth.login(loginData.username, loginData.password, isRemember.value);
-          if (bol === true) {
-            window.location.hash = ru;
-            window.history.pushState({}, "");
-            if (loginFailed.value) {
-              const path = window.location.href.replace("?srfthird_auth_success=false", "");
-              window.location.href = path;
-            } else {
-              window.location.reload();
-            }
-          }
+          const appFuncBlockProvider = await getAppFuncBlockProvider();
+          await appFuncBlockProvider.login({
+            loginname: loginData.username,
+            password: loginData.password,
+            rememberme: isRemember.value
+          });
           loading.value = false;
         }
       });

package/es/view-engine/login-view.engine.mjs

@@ -1,4 +1,4 @@
-import { ViewEngineBase, SysUIActionTag } from '@ibiz-template/runtime';
+import { ViewEngineBase, SysUIActionTag, getAppFuncBlockProvider } from '@ibiz-template/runtime';
 import { useRoute } from 'vue-router';
 import { notNilEmpty } from 'qx-util';
 
@@ -93,27 +93,18 @@ class LoginViewEngine extends ViewEngineBase {
     if (notNilEmpty(data.orgid)) {
       username = "".concat(data.username, "@").concat(data.orgid);
     }
-    const bol = await ibiz.auth.login(
-      username,
-      data.password,
-      rememberme,
-      headers
-    );
-    this.view.evt.emit("onAfterLogin", { ok: bol, panelDataParent });
-    if (bol === true) {
-      const loginFailed = window.location.href.indexOf("srfthird_auth_success=false") >= 0;
-      window.location.hash = this.route.query.ru || "/";
-      window.history.pushState({}, "");
-      if (loginFailed) {
-        const path = window.location.href.replace(
-          "?srfthird_auth_success=false",
-          ""
-        );
-        window.location.href = path;
-      } else {
-        window.location.reload();
+    const appFuncBlockProvider = await getAppFuncBlockProvider();
+    await appFuncBlockProvider.login(
+      {
+        loginname: username,
+        password: data.password,
+        rememberme,
+        headers
+      },
+      (result) => {
+        this.view.evt.emit("onAfterLogin", { ok: result, panelDataParent });
       }
-    }
+    );
   }
   /**
    * @description 取消变更

package/es/view-engine/pickup-tree-view.engine.mjs

@@ -68,9 +68,25 @@ class PickupTreeViewEngine extends TreeViewEngine {
     }
     this.setSelectedData(this.selectData);
   }
+  /**
+   * @description 获取所有数据
+   * @protected
+   * @returns {*}  {ITreeNodeData[]}
+   * @memberof PickupTreeViewEngine
+   */
+  getAllData() {
+    const { state, model } = this.tree;
+    const { enableRootSelect, rootVisible, detreeNodes } = model;
+    let items = state.items.filter((item) => !item._disableSelect);
+    if (!enableRootSelect && !rootVisible && (detreeNodes == null ? void 0 : detreeNodes.length)) {
+      const rootNode = detreeNodes.find((node) => node.rootNode === true);
+      items = items.filter((item) => (rootNode == null ? void 0 : rootNode.id) !== item._nodeId);
+    }
+    return items;
+  }
   async call(key, args) {
     if (key === ViewCallTag.GET_ALL_DATA) {
-      return this.tree.state.items;
+      return this.getAllData();
     }
     return super.call(key, args);
   }

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

@@ -1,5 +1,6 @@
 import { getAppCookie, CoreConst, RuntimeError, HttpError } from '@ibiz-template/core';
 import { mergeDeepRight } from 'ramda';
+import { getAppFuncBlockProvider } from '@ibiz-template/runtime';
 import { AppHooks } from '@ibiz-template/vue3-util';
 import { updateDevToolConfig } from '@ibiz-template/devtool';
 
@@ -220,14 +221,8 @@ class AuthGuard {
    * @return {*}  {Promise<void>}
    */
   async loadAppData(context) {
-    let res;
-    if (context && Object.keys(context).length > 0) {
-      res = await ibiz.net.get("/appdata", context);
-    } else {
-      res = await ibiz.net.get("/appdata");
-    }
-    if (res.ok) {
-      ibiz.appData = res.data;
+    const bol = await ibiz.auth.loadAppData(context);
+    if (bol) {
       updateDevToolConfig();
     }
   }
@@ -239,7 +234,8 @@ class AuthGuard {
    * @return {*}  {Promise<void>}
    */
   async loadOrgData() {
-    const res = await ibiz.net.get("/uaa/getbydcsystem/".concat(ibiz.env.dcSystem));
+    const appFuncBlockProvider = await getAppFuncBlockProvider();
+    const res = await appFuncBlockProvider.loadOrgData();
     if (res.ok) {
       const orgDataItems = res.data;
       if (orgDataItems) {

package/es/web-app/index.mjs

@@ -1,6 +1,8 @@
 import './guard/index.mjs';
 export { runApp } from './main.mjs';
 export { AppRouter } from './router/index.mjs';
+import './util/index.mjs';
 export { AuthGuard } from './guard/auth-guard/auth-guard.mjs';
+export { AppFuncBlockProvider } from './util/app-func-block-provider/app-func-block-provider.mjs';
 
 "use strict";

package/es/web-app/main.mjs

@@ -1,5 +1,5 @@
 import { install } from '@ibiz-template/core';
-import { install as install$1 } from '@ibiz-template/runtime';
+import { install as install$1, registerAppFuncBlockProvider } from '@ibiz-template/runtime';
 import { install as install$2, listenOpenDevTool } from '@ibiz-template/devtool';
 import { AppHooks, useAppStore, route2routePath, PluginFactory, OverlayContainer } from '@ibiz-template/vue3-util';
 import { createVueApp } from './create-vue-app.mjs';
@@ -27,6 +27,7 @@ import { AIChatUtil } from '../util/ai-chat-util/ai-chat-util.mjs';
 import { QrcodeUtil } from '../util/qrcode-util/qrcode-util.mjs';
 import { PrintPreviewUtil } from '../util/print-preview-util/print-preview-util.mjs';
 import { FullscreenUtil } from '../util/fullscreen/fullscreen-util.mjs';
+import { AppFuncBlockProvider } from './util/app-func-block-provider/app-func-block-provider.mjs';
 
 "use strict";
 async function runApp(plugins, opts) {
@@ -95,6 +96,7 @@ async function runApp(plugins, opts) {
   ibiz.qrcodeUtil = new QrcodeUtil();
   ibiz.printPreview = new PrintPreviewUtil();
   ibiz.fullscreenUtil = new FullscreenUtil();
+  registerAppFuncBlockProvider(() => new AppFuncBlockProvider());
   await ibiz.i18n.init();
   app.mount("#app");
 }

package/es/web-app/util/app-func-block-provider/app-func-block-provider.mjs

@@ -0,0 +1,98 @@
+"use strict";
+class AppFuncBlockProvider {
+  /**
+   * @description 登录
+   * @author tony001
+   * @date 2026-05-13 15:05:24
+   * @param {ILoginContext} ctx
+   * @param {(result: boolean) => void} [requestedCallback] 数据响应成功的回调
+   * @returns {*}  {Promise<boolean>}
+   * @memberof AppFuncBlockProvider
+   */
+  async login(ctx, requestedCallback) {
+    const { loginname, password, rememberme, headers } = ctx;
+    const bol = await ibiz.auth.login(loginname, password, rememberme, headers);
+    if (requestedCallback) {
+      requestedCallback(bol);
+    }
+    if (bol === true) {
+      const loginFailed = window.location.href.indexOf("srfthird_auth_success=false") >= 0;
+      const hash = window.location.hash.substring(1);
+      const regex = new RegExp("[?&]ru=([^&]*)");
+      const match = hash.match(regex);
+      const ru = match ? decodeURIComponent(match[1]) : null;
+      window.location.hash = ru || "/";
+      window.history.pushState({}, "");
+      if (loginFailed) {
+        const path = window.location.href.replace(
+          "?srfthird_auth_success=false",
+          ""
+        );
+        window.location.href = path;
+      } else {
+        window.location.reload();
+      }
+    }
+    return bol;
+  }
+  /**
+   * @description 登出
+   * @author tony001
+   * @date 2026-05-13 16:05:28
+   * @param {IData} [params]
+   * @returns {*}  {Promise<boolean>}
+   * @memberof AppFuncBlockProvider
+   */
+  async logout(params) {
+    const bol = await ibiz.auth.logout();
+    if (bol) {
+      const path = window.location;
+      if (path.search.indexOf("isAnonymous=true") !== -1) {
+        const href = "".concat(path.origin).concat(path.pathname).concat(path.hash);
+        window.history.replaceState({}, "", href);
+      }
+      if (params && params.router) {
+        await params.router.push("/login");
+        ibiz.util.showAppLoading();
+        window.location.reload();
+      }
+    }
+    return bol;
+  }
+  /**
+   * @description 加载应用数据
+   * @author tony001
+   * @date 2026-05-13 16:05:52
+   * @param {IParams} [context]
+   * @returns {*}  {Promise<{ ok: boolean; data: IAppData }>}
+   * @memberof AppFuncBlockProvider
+   */
+  async loadAppData(context) {
+    let res;
+    if (context && Object.keys(context).length > 0) {
+      res = await ibiz.net.get("/appdata", context);
+    } else {
+      res = await ibiz.net.get("/appdata");
+    }
+    return {
+      ok: res.ok,
+      data: res.data
+    };
+  }
+  /**
+   * @description 获取组织数据
+   * @author tony001
+   * @date 2026-05-13 16:05:36
+   * @returns {*}  {Promise<{ ok: boolean; data: IOrgData[] }>}
+   * @memberof AppFuncBlockProvider
+   */
+  async loadOrgData() {
+    const res = await ibiz.net.get("/uaa/getbydcsystem/".concat(ibiz.env.dcSystem));
+    return {
+      ok: res.ok,
+      data: res.data
+    };
+  }
+}
+
+export { AppFuncBlockProvider };

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

@@ -1,3 +1,4 @@
 export { UnauthorizedHandler } from './unauthorized-handler/unauthorized-handler.mjs';
+export { AppFuncBlockProvider } from './app-func-block-provider/app-func-block-provider.mjs';
 
 "use strict";

package/lib/common/emoji-select/components/categories/categories.cjs

@@ -41,7 +41,7 @@ const Categories = /* @__PURE__ */ vue.defineComponent({
         "onClick": () => this.onSelect(category)
       }, [vue.createVNode("span", {
         "class": this.ns.em("category", "svg"),
-        "title": core.showTitle(category.label),
+        "title": core.showTitle(category.text),
         "innerHTML": category.icon
       }, null)]);
     })]);

package/lib/common/rawitem/rawitem.cjs

@@ -129,6 +129,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       if (["TEXT", "HEADING1", "HEADING2", "HEADING3", "HEADING4", "HEADING5", "HEADING6", "PARAGRAPH", "HTML", "RAW"].includes(rawItemType.value)) {
         rawItemText.value = rawItemContent.value;
         if (typeof rawItemText.value === "string") {
+          rawItemText.value = ibiz.appUtil.resolveI18nText(rawItemText.value);
           const val = rawItemText.value;
           rawItemText.value = val.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;nbsp;/g, " ").replace(/&nbsp;/g, " ");
         }

package/lib/control/dashboard/dashboard-design/dashboard-design.cjs

@@ -135,7 +135,7 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
         const categoryTag = props.dashboard.controlParams.categorytag;
         const portletNameTag = props.dashboard.controlParams.portletnametag;
         app.model.appPortlets.forEach((portlet) => {
-          var _a, _b;
+          var _a, _b, _c;
           if (!isDEView && !portlet.enableAppDashboard) {
             return;
           }
@@ -162,13 +162,20 @@ const DashboardDesign = /* @__PURE__ */ vue.defineComponent({
               return;
             }
           }
+          let groupName = (portletCat == null ? void 0 : portletCat.name) || "";
+          if (portletCat == null ? void 0 : portletCat.ungroup) {
+            groupName = ibiz.i18n.t("control.dashboard.dashboardDesign.unGroup");
+          }
+          if ((_c = portletCat == null ? void 0 : portletCat.nameLanguageRes) == null ? void 0 : _c.lanResTag) {
+            groupName = ibiz.i18n.t(portletCat.nameLanguageRes.lanResTag, groupName);
+          }
           const temp = {
             type: "app",
             portletCodeName: portlet.codeName,
             portletName: portlet.name,
             portletImage: portlet.control.sysImage,
             groupCodeName: (portletCat == null ? void 0 : portletCat.codeName) || "",
-            groupName: (portletCat == null ? void 0 : portletCat.name) || "",
+            groupName,
             appCodeName: portlet.appDataEntityId || app.model.pkgcodeName,
             appName: app.model.name
           };

package/lib/control/data-view/data-view.cjs

@@ -526,6 +526,102 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
       }
       return icon;
     };
+    const ITEM_HEIGHT = 30;
+    const calcSkeletonRows = () => {
+      const {
+        cardHeight
+      } = c.model;
+      if (cardHeight) {
+        return Math.max(1, Math.floor(cardHeight / ITEM_HEIGHT));
+      }
+      return 2;
+    };
+    const renderSkeletonItem = () => {
+      const rows = calcSkeletonRows();
+      return vue.createVNode(vue.resolveComponent("el-card"), {
+        "class": [ns.b("item"), ns.e("skeleton-item")],
+        "body-style": {
+          width: c.model.cardWidth ? "".concat(c.model.cardWidth, "px") : "auto",
+          height: c.model.cardHeight ? "".concat(c.model.cardHeight, "px") : "auto",
+          overflow: "hidden"
+        }
+      }, {
+        default: () => [vue.createVNode(vue.resolveComponent("el-skeleton"), {
+          "animated": true,
+          "style": "min-width: 30px;"
+        }, {
+          template: () => vue.createVNode(vue.Fragment, null, [Array.from({
+            length: rows
+          }, () => vue.createVNode(vue.resolveComponent("el-skeleton-item"), {
+            "variant": "rect"
+          }, null))])
+        })]
+      });
+    };
+    const renderSkeletonCardLayout = (count) => {
+      const {
+        cardColXS,
+        cardColSM,
+        cardColMD,
+        cardColLG
+      } = c.model;
+      if (cardColXS || cardColSM || cardColMD || cardColLG) {
+        return vue.createVNode("div", {
+          "class": ["el-row", ns.e("layout-row")]
+        }, [Array.from({
+          length: count
+        }, () => vue.createVNode(vue.resolveComponent("el-col"), {
+          "xs": cardColXS,
+          "sm": cardColSM,
+          "md": cardColMD,
+          "lg": cardColLG,
+          "class": ns.e("layout-col")
+        }, {
+          default: () => [vue.createVNode("div", {
+            "class": ns.b("scroll-item")
+          }, [renderSkeletonItem()])]
+        }))]);
+      }
+      return vue.createVNode("div", {
+        "class": ns.e("layout-flex")
+      }, [Array.from({
+        length: count
+      }, () => vue.createVNode("div", {
+        "class": ns.b("scroll-item")
+      }, [renderSkeletonItem()]))]);
+    };
+    const renderGroupSkeleton = () => {
+      return vue.createVNode("div", {
+        "class": ns.b("skeleton")
+      }, [Array.from({
+        length: 3
+      }, () => vue.createVNode("div", {
+        "class": ns.b("skeleton-group")
+      }, [vue.createVNode("div", {
+        "class": ns.be("skeleton-group", "header")
+      }, [vue.createVNode(vue.resolveComponent("el-skeleton"), {
+        "animated": true,
+        "rows": 1
+      }, {
+        template: () => vue.createVNode(vue.resolveComponent("el-skeleton-item"), {
+          "variant": "rect",
+          "style": "width: 15%"
+        }, null)
+      })]), vue.createVNode("div", {
+        "class": [ns.be("skeleton", "content"), ns.be("skeleton-group", "content")]
+      }, [renderSkeletonCardLayout(3)])]))]);
+    };
+    const renderSkeleton = () => {
+      if (c.state.enableGroup) {
+        return renderGroupSkeleton();
+      }
+      const count = c.state.size || 6;
+      return vue.createVNode("div", {
+        "class": ns.b("skeleton")
+      }, [vue.createVNode("div", {
+        "class": ns.be("skeleton", "content")
+      }, [renderSkeletonCardLayout(Math.min(count, 20))])]);
+    };
     const renderNavIcon = () => {
       const {
         enableNavView,
@@ -558,7 +654,7 @@ const DataViewControl = /* @__PURE__ */ vue.defineComponent({
         }, null);
     };
     const renderContent = () => {
-      return [c.state.items.length > 0 ? renderHasData() : renderNoData(), renderBatchToolBar(), renderNavIcon(), renderCollapseExpandIcon()];
+      return [!c.state.isLoaded ? renderSkeleton() : c.state.items.length > 0 ? renderHasData() : renderNoData(), renderBatchToolBar(), renderNavIcon(), renderCollapseExpandIcon()];
     };
     const renderPagingBar = () => {
       if (c.state.enablePagingBar && c.model.pagingMode === 1)

package/lib/control/kanban/swimlane-kanban/swimlane-kanban.cjs

@@ -435,7 +435,7 @@ const SwimlaneKanban = /* @__PURE__ */ vue.defineComponent({
           "class": ns.em("cell", "right")
         }, [vue.createVNode("span", {
           "class": ns.em("cell", "description")
-        }, ["".concat(lane.count, " \u4E2A").concat(c.laneDescription)])])])]), c.state.groups.map((group) => {
+        }, ["".concat(lane.count, " ").concat(ibiz.i18n.t("app.piece")).concat(c.laneDescription)])])])]), c.state.groups.map((group) => {
           if (group.hidden)
             return void 0;
           return renderBodyCell(index, lane, group);