@ibiz-template/vue3-components 0.7.41-alpha.13 → 0.7.41-alpha.131

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

@@ -1,5 +1,5 @@
-import { computed, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, withDirectives, resolveComponent, resolveDirective, computed } from 'vue';
+import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { AuthCaptchaController } from './auth-captcha.controller.mjs';
 import './auth-captcha.css';
@@ -26,6 +26,10 @@ const AuthCaptcha = /* @__PURE__ */ defineComponent({
   setup(props) {
     const ns = useNamespace("auth-captcha");
     const c = props.controller;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c);
     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)];
@@ -45,33 +49,39 @@ const AuthCaptcha = /* @__PURE__ */ defineComponent({
       ns,
       classArr,
       onClick,
-      onChange
+      onChange,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
     return createVNode("div", {
-      "class": this.classArr
+      "class": [this.classArr, this.semanticClass("root")],
+      "style": this.semanticStyle("root")
     }, [createVNode(resolveComponent("el-input"), {
       "modelValue": this.c.state.code,
       "onUpdate:modelValue": ($event) => this.c.state.code = $event,
-      "class": this.ns.e("captcha"),
+      "class": [this.ns.e("captcha"), this.semanticClass("input")],
+      "style": this.semanticStyle("input"),
       "onInput": this.onChange,
       "onBlur": this.onChange,
-      "placeholder": "\u9A8C\u8BC1\u7801"
+      "placeholder": ibiz.i18n.t("panelComponent.authCaptcha.captcha")
     }, null), withDirectives(createVNode(resolveComponent("el-image"), {
       "src": this.c.state.image,
-      "class": this.ns.e("image"),
+      "class": [this.ns.e("image"), this.semanticClass("image")],
+      "style": this.semanticStyle("image"),
       "onClick": this.onClick,
-      "title": showTitle("\u70B9\u51FB\u56FE\u7247\u5237\u65B0")
+      "title": showTitle(ibiz.i18n.t("panelComponent.authCaptcha.refresh"))
     }, {
       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"]);
+        }, [this.c.state.loading ? ibiz.i18n.t("panelComponent.authCaptcha.loading") : ibiz.i18n.t("panelComponent.authCaptcha.loadFailed")]);
       }
     }), [[resolveDirective("loading"), this.c.state.loading]]), this.c.state.error && createVNode("div", {
-      "class": this.ns.e("error")
+      "class": [this.ns.e("error"), this.semanticClass("error")],
+      "style": this.semanticStyle("error")
     }, [this.c.state.error])]);
   }
 });

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

@@ -1 +1 @@
-.ibiz-auth-sso{--ibiz-auth-sso-icon-width:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-icon-height:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-gap:var(--ibiz-spacing-base);display:flex;gap:var(--ibiz-auth-sso-gap);justify-content:center;width:100%}.ibiz-auth-sso__sign-btn{width:var(--ibiz-auth-sso-icon-width);height:var(--ibiz-auth-sso-icon-height);cursor:pointer}.ibiz-auth-sso__sign-btn svg{width:100%;height:100%}
+.ibiz-auth-sso{--ibiz-auth-sso-icon-width:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-icon-height:var(--ibiz-editor-default-line-height);--ibiz-auth-sso-gap:var(--ibiz-spacing-base);display:flex;gap:var(--ibiz-auth-sso-gap);justify-content:center;width:100%}.ibiz-auth-sso__sign-btn{width:var(--ibiz-auth-sso-icon-width);height:var(--ibiz-auth-sso-icon-height);cursor:pointer}.ibiz-auth-sso__sign-btn svg{width:100%;height:100%}.ibiz-auth-sso__sign-btn .ibiz-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}

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

@@ -1,6 +1,6 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { PanelItemController } from '@ibiz-template/runtime';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import './auth-sso.css';
 
 "use strict";
@@ -22,15 +22,34 @@ const AuthSso = /* @__PURE__ */ defineComponent({
       required: true
     }
   },
-  setup() {
+  setup(props) {
+    var _a;
     const ns = useNamespace("auth-sso");
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(props.controller);
+    const model = props.controller.model;
+    const rawItemParams = (_a = model.rawItem) == null ? void 0 : _a.rawItemParams;
+    const items = rawItemParams == null ? void 0 : rawItemParams.map((item) => {
+      const params = item.value ? JSON.parse(item.value) : {};
+      return {
+        key: item.key,
+        sysImage: item.sysImage,
+        title: ibiz.appUtil.resolveI18nText(params.title),
+        params
+      };
+    });
     const dingtalkHandleClick = async () => {
       ibiz.thirdAuth.auth("DINGTALK", "THIRD");
     };
     const wxWorkHandleClick = async () => {
       ibiz.thirdAuth.auth("WXWORK", "THIRD");
     };
-    const handleThridLogin = (type) => {
+    const oauthHandleClick = async (params) => {
+      ibiz.thirdAuth.auth("OAUTH", "THIRD", params);
+    };
+    const handleThridLogin = (type, params) => {
       if (!type)
         return;
       switch (type) {
@@ -41,22 +60,93 @@ const AuthSso = /* @__PURE__ */ defineComponent({
           wxWorkHandleClick();
           break;
         default:
-          console.log(ibiz.i18n.t("panelComponent.authSsO.noSupported", {
-            type
-          }));
+          oauthHandleClick(params);
           break;
       }
     };
     return {
       ns,
-      handleThridLogin
+      items,
+      handleThridLogin,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
+    if (this.items && this.items.length) {
+      return createVNode("div", {
+        "class": [this.ns.b(), this.semanticClass("root")],
+        "style": this.semanticStyle("root")
+      }, [this.items.map((item) => {
+        var _a;
+        let icon;
+        if (item.sysImage) {
+          icon = createVNode(resolveComponent("iBizIcon"), {
+            "icon": item.sysImage
+          }, null);
+        } else if (item.key === "DINGDING") {
+          icon = createVNode("svg", {
+            "class": "icon",
+            "viewBox": "0 0 1024 1024",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg",
+            "p-id": "651",
+            "width": "48",
+            "height": "48"
+          }, [createVNode("defs", null, [createVNode("style", {
+            "type": "text/css"
+          }, null)]), createVNode("path", {
+            "d": "M512 2C230.2 2 2 230.2 2 512s228.2 510 510 510 510-228.2 510-510S793.3 2 512 2z m235.9 442c-1 4.6-3.6 10.8-7.2 19.1l-0.5 0.5c-21.6 45.8-77.3 135.5-77.3 135.5l-0.5-0.5-16.5 28.3h78.8L574.3 826.8l34-136h-61.8l21.6-90.2c-17.5 4.1-38.1 9.8-62.3 18 0 0-33 19.1-94.8-37.1 0 0-41.7-37.1-17.5-45.8 10.3-4.1 50-8.8 81.4-12.9 42.2-5.7 68.5-8.8 68.5-8.8s-130.3 2.1-161.2-3.1c-30.9-4.6-70.1-56.7-78.3-102 0 0-12.9-24.7 27.8-12.9 40.2 11.8 209.2 45.8 209.2 45.8S321.4 375 307 358.5c-14.4-16.5-42.8-89.6-39.2-134.5 0 0 1.5-11.3 12.9-8.2 0 0 161.8 74.2 272.5 114.4C664.5 371.4 760.8 392 747.9 444z",
+            "fill": "#3296FA",
+            "p-id": "652"
+          }, null)]);
+        } else if (item.key === "WXWORK") {
+          icon = createVNode("svg", {
+            "class": "icon",
+            "width": "200px",
+            "height": "200.00px",
+            "viewBox": "0 0 1024 1024",
+            "version": "1.1",
+            "xmlns": "http://www.w3.org/2000/svg"
+          }, [createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M352.814545 385.396364m-33.512727 0a33.512727 33.512727 0 1 0 67.025455 0 33.512727 33.512727 0 1 0-67.025455 0Z"
+          }, null), createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M502.690909 384.465455m-33.512727 0a33.512727 33.512727 0 1 0 67.025454 0 33.512727 33.512727 0 1 0-67.025454 0Z"
+          }, null), createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M576.232727 534.341818m-23.272727 0a23.272727 23.272727 0 1 0 46.545455 0 23.272727 23.272727 0 1 0-46.545455 0Z"
+          }, null), createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M694.458182 536.203636m-23.272727 0a23.272727 23.272727 0 1 0 46.545454 0 23.272727 23.272727 0 1 0-46.545454 0Z"
+          }, null), createVNode("path", {
+            "fill": "#36ab60",
+            "d": "M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m-87.505455 630.225455c-26.996364 0-48.407273-5.585455-75.403636-11.17091l-75.403636 37.236364 21.410909-64.232727c-53.992727-37.236364-85.643636-85.643636-85.643637-145.221818 0-102.4 96.814545-182.458182 215.04-182.458182 105.192727 0 198.283636 64.232727 216.901819 150.807273-6.516364-0.930909-13.963636-0.930909-20.48-0.93091-102.4 0-182.458182 76.334545-182.458182 170.356364 0 15.825455 2.792727 30.72 6.516363 44.683636-7.447273 0-13.963636 0.930909-20.48 0.93091z m314.647273 75.403636l15.825455 53.992727-58.647273-32.581818c-21.410909 5.585455-42.821818 11.170909-64.232727 11.170909-102.4 0-182.458182-69.818182-182.458182-155.461818s80.058182-155.461818 182.458182-155.461818c96.814545 0 182.458182 69.818182 182.458182 155.461818 0 47.476364-31.650909 90.298182-75.403637 122.88z"
+          }, null)]);
+        }
+        return createVNode("div", {
+          "class": [this.ns.e("sign-btn"), this.semanticClass("item", {
+            item
+          }), this.ns.m(item.key === "WXWORK" ? "wx" : (_a = item.key) == null ? void 0 : _a.toLowerCase())],
+          "style": this.semanticStyle("item", {
+            item
+          }),
+          "title": item.title,
+          "onClick": () => this.handleThridLogin(item.key, item.params)
+        }, [icon]);
+      })]);
+    }
     return createVNode("div", {
-      "class": this.ns.b()
+      "class": [this.ns.b(), this.semanticClass("root")],
+      "style": this.semanticStyle("root")
     }, [createVNode("div", {
-      "class": [this.ns.e("sign-btn"), this.ns.m("dingding")],
+      "class": [this.ns.e("sign-btn"), this.ns.m("dingding"), this.semanticClass("item", {
+        tag: "DINGDING"
+      })],
+      "style": this.semanticStyle("item", {
+        tag: "DINGDING"
+      }),
       "onClick": () => this.handleThridLogin("DINGDING"),
       "title": ibiz.i18n.t("panelComponent.authSsO.dingLogin")
     }, [createVNode("svg", {
@@ -74,7 +164,12 @@ const AuthSso = /* @__PURE__ */ defineComponent({
       "fill": "#3296FA",
       "p-id": "652"
     }, null)])]), createVNode("div", {
-      "class": [this.ns.e("sign-btn"), this.ns.m("wx")],
+      "class": [this.ns.e("sign-btn"), this.ns.m("wx"), this.semanticClass("item", {
+        tag: "WXWORK"
+      })],
+      "style": this.semanticStyle("item", {
+        tag: "WXWORK"
+      }),
       "onClick": () => this.handleThridLogin("WXWORK"),
       "title": ibiz.i18n.t("panelComponent.authSsO.wechatLogin")
     }, [createVNode("svg", {

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

@@ -0,0 +1,51 @@
+import { PanelItemController } 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 AuthUserinfoController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 自定义补充参数
+     * @exposedoc
+     * @type {IData}
+     * @memberof AuthUserinfoController
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof AuthUserinfoController
+   */
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * @description 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   * @protected
+   * @memberof AuthUserinfoController
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+export { AuthUserinfoController };

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

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:12px;font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin-right:var(--ibiz-spacing-base)}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-user-info-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:4px;font-size:var(--ibiz-font-size-small);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}
+.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-5);--ibiz-user-info-height:44px;--ibiz-user-info-collapse-padding:0 var(--ibiz-spacing-base-tight);--ibiz-user-info-avatar-max-width:32px;--ibiz-user-info-avatar-max-height:32px;--ibiz-user-info-avatar-gap:var(--ibiz-spacing-base);--ibiz-user-info-name-max-width:130px;--ibiz-user-info-name-font-size:var(--ibiz-user-info-font-size);--ibiz-user-info-name-person-font-size:var(--ibiz-font-size-small);--ibiz-user-info-name-person-gap:var(--ibiz-spacing-extra-tight);--ibiz-user-info-name-arrow-gap:var(--ibiz-spacing-base-tight);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;height:var(--ibiz-user-info-height);padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info__icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-user-info.is-left .ibiz-user-info__down{display:none}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:var(--ibiz-user-info-name-arrow-gap);font-size:var(--ibiz-user-info-font-size)}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin-right:var(--ibiz-user-info-avatar-gap)}.ibiz-user-info.is-collapse .el-dropdown{padding:var(--ibiz-user-info-collapse-padding)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:var(--ibiz-user-info-avatar-max-width);max-height:var(--ibiz-user-info-avatar-max-height);margin:0}.ibiz-user-info.is-readonly .el-dropdown{cursor:default}.ibiz-user-info-avatar{width:var(--ibiz-user-info-height);height:var(--ibiz-user-info-height);margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-info.is-collapse{justify-content:center}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);font-size:var(--ibiz-user-info-name-font-size);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--ibiz-user-info-name-max-width);margin-top:var(--ibiz-user-info-name-person-gap);font-size:var(--ibiz-user-info-name-person-font-size);line-height:1.2}.ibiz-user-info-name.is-collapse{display:none}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}

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

@@ -1,8 +1,8 @@
-import { inject, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, inject, computed } from 'vue';
 import { useRouter } from 'vue-router';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import './auth-userinfo.css';
-import { PanelItemController } from '@ibiz-template/runtime';
+import { AuthUserinfoController } from './auth-userinfo.controller.mjs';
 
 "use strict";
 const AuthUserinfo = /* @__PURE__ */ defineComponent({
@@ -19,7 +19,7 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
      * @description 用户信息控件控制器
      */
     controller: {
-      type: PanelItemController,
+      type: AuthUserinfoController,
       required: true
     }
   },
@@ -27,6 +27,10 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
     var _a;
     const ns = useNamespace("user-info");
     const c = prop.controller;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c);
     const {
       srfusername = ibiz.i18n.t("panelComponent.authUserinfo.visitor"),
       loginname
@@ -43,8 +47,20 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
       ibiz.hub.controller.logout();
     };
     const isCollapse = computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
+    const isReadonly = computed(() => {
+      const {
+        readonly
+      } = c.rawItemParams;
+      return readonly === "true";
+    });
     return {
       ns,
       c,
@@ -53,22 +69,31 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
       loginname,
       router,
       menuAlign,
-      isCollapse
+      isCollapse,
+      isReadonly,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse)]
-    }, [createVNode(resolveComponent("el-dropdown"), null, {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("left", this.menuAlign === "LEFT"), this.ns.is("top", this.menuAlign === "TOP"), this.ns.is("collapse", this.isCollapse), this.ns.is("readonly", this.isReadonly), this.semanticClass("root")],
+      "style": this.semanticStyle("root")
+    }, [createVNode(resolveComponent("el-dropdown"), {
+      "disabled": this.isReadonly,
+      "popper-class": this.semanticClass("popup")
+    }, {
       default: () => createVNode("div", {
         "class": [this.ns.b("info"), this.ns.is("collapse", this.isCollapse)]
       }, [createVNode("div", {
         "class": this.ns.b("label")
       }, [createVNode(resolveComponent("el-avatar"), {
-        "class": this.ns.b("avatar"),
-        "src": "./assets/images/user-avatar.png"
+        "class": [this.ns.b("avatar"), this.semanticClass("avatar")],
+        "style": this.semanticStyle("avatar"),
+        "src": ibiz.config.imageAssets.userAvatar
       }, null), createVNode("div", {
-        "class": [this.ns.b("name"), this.ns.is("collapse", this.isCollapse)]
+        "class": [this.ns.b("name"), this.ns.is("collapse", this.isCollapse), this.semanticClass("name")],
+        "style": this.semanticStyle("name")
       }, [createVNode("div", {
         "class": this.ns.be("name", "user-name")
       }, [this.srfusername]), this.menuAlign === "LEFT" && this.loginname && createVNode("div", {
@@ -78,7 +103,10 @@ const AuthUserinfo = /* @__PURE__ */ defineComponent({
         "name": "chevron-down-outline"
       }, null)]),
       dropdown: () => createVNode(resolveComponent("el-dropdown-menu"), null, {
-        default: () => [createVNode(resolveComponent("el-dropdown-item"), null, {
+        default: () => [createVNode(resolveComponent("el-dropdown-item"), {
+          "class": [this.ns.b("item"), this.semanticClass("item")],
+          "style": this.semanticStyle("item")
+        }, {
           default: () => [createVNode("ion-icon", {
             "name": "log-out-outline",
             "class": this.ns.e("icon")

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

@@ -1,4 +1,4 @@
-import { PanelItemController } from '@ibiz-template/runtime';
+import { AuthUserinfoController } from './auth-userinfo.controller.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -12,7 +12,7 @@ class AuthUserinfoProvider {
     __publicField(this, "component", "IBizAuthUserinfo");
   }
   async createController(panelItem, panel, parent) {
-    const c = new PanelItemController(panelItem, panel, parent);
+    const c = new AuthUserinfoController(panelItem, panel, parent);
     await c.init();
     return c;
   }

package/es/panel-component/coop-pos/coop-pos.controller.mjs

@@ -32,6 +32,19 @@ class CoopPosController extends PanelItemController {
      * @memberof CoopPosController
      */
     __publicField(this, "showMode", "default");
+    /**
+     * 是否启用无权限
+     *
+     * @type {boolean}
+     * @memberof CoopPosController
+     */
+    __publicField(this, "enableNoAccess", false);
+    /**
+     * @description 是否启用全局下载地址前缀
+     * @type {boolean}
+     * @memberof CoopPosController
+     */
+    __publicField(this, "globalDownloadPrifix", false);
     /**
      * 消息模式映射
      * - 视图打开数据模式映射消息类型
@@ -53,6 +66,12 @@ class CoopPosController extends PanelItemController {
     await super.onInit();
     this.handleRawItemParams();
     this.showMode = this.rawItemParams.showmode;
+    this.enableNoAccess = this.rawItemParams.enablenoaccess === "true";
+    if (this.rawItemParams.globaldownloadprifix) {
+      this.globalDownloadPrifix = this.rawItemParams.globaldownloadprifix === "true";
+    } else {
+      this.globalDownloadPrifix = ibiz.config.common.globalDownloadPrifix;
+    }
     await this.getOperator();
   }
   /**
@@ -152,7 +171,12 @@ class CoopPosController extends PanelItemController {
     }
     const { downloadUrl } = ibiz.util.file.calcFileUpDownUrl(
       this.panel.context,
-      this.panel.params
+      this.panel.params,
+      {},
+      {
+        enableNoAccess: this.enableNoAccess,
+        globalDownloadPrifix: this.globalDownloadPrifix
+      }
     );
     return downloadUrl.replace("%fileId%", urlConfig[0].id);
   }

package/es/panel-component/coop-pos/coop-pos.css

@@ -1 +1 @@
-.ibiz-coop-pos{width:100%}.ibiz-coop-pos__on-line-editing{display:flex;flex-wrap:wrap;align-items:center}.ibiz-coop-pos__on-line-editing--person{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:var(--ibiz-spacing-super-tight);font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-white);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-coop-pos__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}
+.ibiz-coop-pos{--ibiz-coop-pos-width:24px;--ibiz-coop-pos-height:24px;--ibiz-coop-pos-color:var(--ibiz-color-white);--ibiz-coop-pos-margin:var(--ibiz-spacing-super-tight);--ibiz-coop-pos-font-size:var(--ibiz-font-size-small);--ibiz-coop-pos-border-radius:var(--ibiz-border-radius-circle);width:100%}.ibiz-coop-pos__on-line-editing{display:flex;flex-wrap:wrap;align-items:center}.ibiz-coop-pos__on-line-editing--person{display:flex;align-items:center;justify-content:center;width:var(--ibiz-coop-pos-width);height:var(--ibiz-coop-pos-height);margin:var(--ibiz-coop-pos-margin);font-size:var(--ibiz-coop-pos-font-size);color:var(--ibiz-coop-pos-color);cursor:pointer;border-radius:var(--ibiz-coop-pos-border-radius)}.ibiz-coop-pos__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}

package/es/panel-component/coop-pos/coop-pos.mjs

@@ -1,5 +1,5 @@
-import { ref, computed, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed } from 'vue';
+import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import { CoopPosController } from './coop-pos.controller.mjs';
 import './coop-pos.css';
 
@@ -25,6 +25,10 @@ const CoopPos = /* @__PURE__ */ defineComponent({
   setup(props) {
     const c = props.controller;
     const ns = useNamespace("coop-pos");
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c);
     const errorIcons = ref([]);
     const messages = computed(() => {
       const values = [...c.state.messageMap.values()];
@@ -52,21 +56,29 @@ const CoopPos = /* @__PURE__ */ defineComponent({
       ns,
       c,
       messages,
-      renderItem
+      renderItem,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), ...this.controller.containerClass]
+      "class": [this.ns.b(), this.semanticClass("root"), ...this.controller.containerClass],
+      "style": this.semanticStyle("root")
     }, [this.c.state.messageModes ? createVNode("div", {
-      "class": this.ns.e("on-line-editing")
+      "class": [this.ns.e("on-line-editing"), this.semanticClass("content")],
+      "style": this.semanticStyle("content")
     }, [this.messages.map((message) => {
       return createVNode("div", {
-        "class": this.ns.em("on-line-editing", "person"),
+        "class": [this.ns.em("on-line-editing", "person"), this.semanticClass("item", {
+          item: message
+        })],
         "title": message.action ? ibiz.i18n.t("panelComponent.coopPos.".concat(message.action.toLowerCase()), {
           username: message.username
         }) : "",
-        "style": "background-color: ".concat(ibiz.util.text.stringToHexColor(message.username))
+        "style": ["background-color: ".concat(ibiz.util.text.stringToHexColor(message.username)), this.semanticStyle("item", {
+          item: message
+        })]
       }, [this.renderItem(message)]);
     })]) : createVNode(resolveComponent("iBizCoopAlert"), mergeProps({
       "key": this.c.state.key

package/es/panel-component/data-import/data-import-shell.mjs

@@ -1,5 +1,5 @@
-import { resolveComponent, h, defineComponent } from 'vue';
-import { useNamespace } from '@ibiz-template/vue3-util';
+import { defineComponent, h, resolveComponent } from 'vue';
+import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 import './data-import-shell.css';
 
@@ -25,13 +25,19 @@ const DataImportShell = /* @__PURE__ */ defineComponent({
   setup(prop) {
     const ns = useNamespace("data-import-shell");
     const c = prop.controller;
+    const {
+      semanticClass,
+      semanticStyle
+    } = useSemanticNode(c);
     const onDismiss = () => {
       c.panel.view.closeView();
     };
     return {
       ns,
       c,
-      onDismiss
+      onDismiss,
+      semanticClass,
+      semanticStyle
     };
   },
   render() {
@@ -39,7 +45,7 @@ const DataImportShell = /* @__PURE__ */ defineComponent({
       deDataImport,
       appDataEntity
     } = this.c.panel.view.state;
-    const classNames = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass];
+    const classNames = [this.ns.b(), this.ns.m(this.modelData.id), this.semanticClass("root"), ...this.controller.containerClass];
     const importComponentName = deDataImport.enableCustomized ? "DataImport2" : "DataImport";
     return h(resolveComponent(importComponentName), {
       dismiss: this.onDismiss,
@@ -47,7 +53,8 @@ const DataImportShell = /* @__PURE__ */ defineComponent({
       appDataEntity,
       context: this.c.panel.context,
       params: this.c.panel.params,
-      class: classNames
+      class: classNames,
+      style: this.semanticStyle("root")
     });
   }
 });

package/es/panel-component/global-search/global-search.controller.mjs

@@ -1,6 +1,5 @@
 import { PanelItemController, getControl, getDeACMode, getAcItemProvider, calcDeCodeNameById, OpenAppViewCommand } from '@ibiz-template/runtime';
 import { notNilEmpty, createUUID } from 'qx-util';
-import { recursiveIterate } from '@ibiz-template/core';
 import { GlobalSearchState } from './global-search.state.mjs';
 
 "use strict";
@@ -30,7 +29,7 @@ class GlobalSearchController extends PanelItemController {
     /**
      * @description 自定义参数
      * @exposedoc
-     * @protected
+     * @public
      * @type {IData}
      * @memberof GlobalSearchController
      */
@@ -125,6 +124,38 @@ class GlobalSearchController extends PanelItemController {
     if (cache)
       this.state.histories = JSON.parse(cache);
   }
+  /**
+   * @description 获取全局搜索应用功能
+   * @param {IAppMenuItem[]} appMenuItems
+   * @returns {*}  {Promise<IAppFunc[]>}
+   * @memberof GlobalSearchController
+   */
+  async getSearchFunc(appMenuItems) {
+    const result = [];
+    const promises = appMenuItems.map(async (menuItem) => {
+      try {
+        if (menuItem.appMenuItems) {
+          const subFuncs = await this.getSearchFunc(menuItem.appMenuItems);
+          result.push(...subFuncs);
+          return;
+        }
+        if (menuItem.appFuncId) {
+          let app = ibiz.hub.getApp(menuItem.appId);
+          if (!app) {
+            app = await ibiz.hub.getAppAsync(menuItem.appId);
+          }
+          const appFunc = app.getAppFunc(menuItem.appFuncId);
+          if (appFunc && appFunc.appFuncType === "SEARCH" && appFunc.appDEACModeId && appFunc.appDataEntityId) {
+            result.push(appFunc);
+          }
+        }
+      } catch (err) {
+        console.error("\u8BA1\u7B97\u83DC\u5355\u5E94\u7528\u529F\u80FD\u5F02\u5E38: ".concat(menuItem.appFuncId), err);
+      }
+    });
+    await Promise.all(promises);
+    return result;
+  }
   /**
    * 初始化全局搜索项
    *
@@ -132,24 +163,14 @@ class GlobalSearchController extends PanelItemController {
    * @memberof GlobalSearchController
    */
   async initGlobalSearchItem() {
-    const appMenu = getControl(this.panel.view.model, "appmenu");
+    const appMenu = getControl(
+      this.panel.view.model,
+      "appmenu"
+    );
     if (!appMenu)
       return;
-    const appFuncs = [];
-    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"]
-      }
-    );
+    const appMenuItems = appMenu.appMenuItems || [];
+    const appFuncs = await this.getSearchFunc(appMenuItems);
     await Promise.all(
       appFuncs.map(async (func) => {
         const deACMode = await getDeACMode(
@@ -158,10 +179,7 @@ class GlobalSearchController extends PanelItemController {
           func.appId
         );
         if (deACMode) {
-          let acItemProvider;
-          if (deACMode.itemSysPFPluginId) {
-            acItemProvider = await getAcItemProvider(deACMode);
-          }
+          const acItemProvider = await getAcItemProvider(deACMode);
           this.state.items.push({
             deACMode,
             acItemProvider,