@ibiz-template/vue3-components 0.1.12-dev.0 → 0.1.13

package/es/devtool/devtool-action.mjs

@@ -0,0 +1,218 @@
+import { isVNode, defineComponent, inject, ref, getCurrentInstance, computed, unref, onMounted, onUnmounted, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './devtool-action.css';
+import { useRouter } from 'vue-router';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const DevtoolAction = /* @__PURE__ */ defineComponent({
+  name: "IBizDevtoolAction",
+  setup() {
+    var _a;
+    const ns = useNamespace("devtool-action");
+    const evt = inject("devtool-evt");
+    const items = ref([]);
+    const activeItem = ref(null);
+    const isShow = ref(false);
+    const height = ref("");
+    const activeCollapse = ref(["context", "params"]);
+    const router = useRouter();
+    const instance = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy;
+    router.afterEach(() => {
+      if (instance) {
+        activeItem.value = null;
+        instance.$forceUpdate();
+      }
+    });
+    const getObjEntriesArray = (obj) => {
+      if (!obj) {
+        return [];
+      }
+      return Object.entries(obj).map(([key, value]) => {
+        return {
+          key,
+          value: Object.prototype.toString.call(value) === "[object Object]" ? JSON.stringify(value) : `${value}`
+        };
+      });
+    };
+    const contextArray = computed(() => {
+      if (!activeItem.value) {
+        return [];
+      }
+      return getObjEntriesArray(activeItem.value.controller.context);
+    });
+    const paramsArray = computed(() => {
+      if (!activeItem.value) {
+        return [];
+      }
+      return getObjEntriesArray(activeItem.value.controller.params);
+    });
+    const onDataChange = (data) => {
+      items.value = [...data.values()];
+    };
+    const keydownHandle = (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.code === "F12") {
+        isShow.value = !isShow.value;
+      }
+    };
+    const onItemClick = (item) => {
+      var _a2;
+      if (item.key === ((_a2 = activeItem.value) == null ? void 0 : _a2.key)) {
+        activeItem.value = null;
+      } else {
+        activeItem.value = item;
+      }
+    };
+    const copy = async (value) => {
+      if (!value) {
+        return;
+      }
+      try {
+        await ibiz.util.text.copy(value);
+        ibiz.message.success("\u62F7\u8D1D\u6210\u529F!");
+      } catch (error) {
+        ibiz.message.error("\u62F7\u8D1D\u5931\u8D25!");
+      }
+    };
+    const minimize = () => {
+      height.value = "44px";
+    };
+    const expand = () => {
+      height.value = "100%";
+    };
+    const close = () => {
+      isShow.value = false;
+    };
+    const onMouseEnter = (item) => {
+      const el = unref(item.dom);
+      if (el) {
+        el.style.outline = "3px solid #409EFF";
+      }
+    };
+    const onMouseLeave = (item) => {
+      const el = unref(item.dom);
+      if (el) {
+        el.style.outline = "";
+      }
+    };
+    onMounted(() => {
+      evt.on("change", onDataChange);
+      document.addEventListener("keydown", keydownHandle);
+    });
+    onUnmounted(() => {
+      evt.off("change", onDataChange);
+      document.removeEventListener("keydown", keydownHandle);
+    });
+    return {
+      ns,
+      items,
+      activeItem,
+      height,
+      isShow,
+      activeCollapse,
+      contextArray,
+      paramsArray,
+      onItemClick,
+      copy,
+      minimize,
+      expand,
+      close,
+      onMouseEnter,
+      onMouseLeave
+    };
+  },
+  render() {
+    let _slot, _slot2;
+    if (!this.isShow) {
+      return;
+    }
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "style": {
+        height: this.height
+      }
+    }, [this.activeItem ? createVNode("div", {
+      "class": this.ns.b("collapse")
+    }, [createVNode(resolveComponent("el-collapse"), {
+      "modelValue": this.activeCollapse,
+      "onUpdate:modelValue": ($event) => this.activeCollapse = $event
+    }, {
+      default: () => [createVNode(resolveComponent("el-collapse-item"), {
+        "title": "\u5E94\u7528\u4E0A\u4E0B\u6587",
+        "name": "context"
+      }, _isSlot(_slot = this.contextArray.map((item) => createVNode("div", {
+        "class": this.ns.b("collapse-item")
+      }, [createVNode("div", {
+        "class": this.ns.be("collapse-item", "key"),
+        "title": item.key,
+        "onClick": () => this.copy(item.key)
+      }, [item.key]), createVNode("div", {
+        "class": this.ns.be("collapse-item", "value"),
+        "title": item.value,
+        "onClick": () => this.copy(item.value)
+      }, [`\uFF1A${item.value}`])]))) ? _slot : {
+        default: () => [_slot]
+      }), createVNode(resolveComponent("el-collapse-item"), {
+        "title": "\u89C6\u56FE\u53C2\u6570",
+        "name": "params"
+      }, _isSlot(_slot2 = this.paramsArray.map((item) => createVNode("div", {
+        "class": this.ns.b("collapse-item")
+      }, [createVNode("div", {
+        "class": this.ns.be("collapse-item", "key"),
+        "title": item.key,
+        "onClick": () => this.copy(item.key)
+      }, [item.key]), createVNode("div", {
+        "class": this.ns.be("collapse-item", "value"),
+        "title": item.value,
+        "onClick": () => this.copy(item.value)
+      }, [`\uFF1A${item.value}`])]))) ? _slot2 : {
+        default: () => [_slot2]
+      })]
+    })]) : null, createVNode("div", {
+      "class": this.ns.b("container")
+    }, [createVNode("div", {
+      "class": this.ns.b("header")
+    }, [createVNode("ion-icon", {
+      "name": "remove-outline",
+      "onClick": this.minimize
+    }, null), createVNode("ion-icon", {
+      "name": "expand-outline",
+      "onClick": this.expand
+    }, null), createVNode("ion-icon", {
+      "name": "close-outline",
+      "onClick": this.close
+    }, null)]), createVNode("div", {
+      "class": this.ns.b("content")
+    }, [this.items.map((item) => {
+      var _a;
+      if (!item.controller.isActive) {
+        return null;
+      }
+      const {
+        caption,
+        name
+      } = item.controller.model;
+      const text = `${caption || ""}\uFF08${name || ""}\uFF09`;
+      const type = ((_a = this.activeItem) == null ? void 0 : _a.key) === item.key ? "success" : "";
+      return createVNode("div", {
+        "key": item.key,
+        "class": this.ns.b("item")
+      }, [createVNode(resolveComponent("el-tag"), {
+        "type": type,
+        "class": this.ns.be("item", "text"),
+        "title": text,
+        "onClick": () => this.onItemClick(item),
+        "onMouseenter": () => this.onMouseEnter(item),
+        "onMouseleave": () => this.onMouseLeave(item)
+      }, _isSlot(text) ? text : {
+        default: () => [text]
+      }), createVNode("div", {
+        "class": this.ns.be("item", "button"),
+        "onClick": () => this.copy(name)
+      }, [createTextVNode("\u62F7\u8D1D")])]);
+    })])])]);
+  }
+});
+
+export { DevtoolAction };

package/es/devtool/index.d.ts

@@ -0,0 +1,50 @@
+import { Ref } from 'vue';
+import { ViewController } from '@ibiz-template/runtime';
+import { QXEvent } from 'qx-util';
+import { Router } from 'vue-router';
+import { DevtoolEvent } from './interface/devtool-event';
+import { DevtoolView } from './interface/devtool-view';
+export declare class Devtool {
+    /**
+     * 视图map
+     *
+     * @author zhanghengfeng
+     * @date 2023-08-28 18:08:16
+     */
+    viewMap: Map<string, DevtoolView>;
+    /**
+     * 事件中心
+     *
+     * @author zhanghengfeng
+     * @date 2023-08-28 18:08:43
+     */
+    evt: QXEvent<DevtoolEvent>;
+    /**
+     * 初始化devtool工具
+     *
+     * @author zhanghengfeng
+     * @date 2023-08-28 18:08:24
+     * @param {Router} router
+     */
+    init(router: Router): void;
+    /**
+     * 注册视图
+     *
+     * @author zhanghengfeng
+     * @date 2023-08-28 18:08:25
+     * @param {string} key
+     * @param {ViewController} controller
+     * @param {(Ref<HTMLElement | null>)} dom
+     */
+    registerView(key: string, controller: ViewController, dom: Ref<HTMLElement | null>): void;
+    /**
+     * 注销视图
+     *
+     * @author zhanghengfeng
+     * @date 2023-08-28 18:08:39
+     * @param {string} key
+     */
+    unRegisterView(key: string): void;
+}
+declare const devtool: Devtool;
+export { devtool };

package/es/devtool/index.mjs

@@ -0,0 +1,80 @@
+import { createApp } from 'vue';
+import { QXEvent } from 'qx-util';
+import ElementPlus from 'element-plus';
+import zhCn from '../node_modules/.pnpm/element-plus@2.3.9_vue@3.3.4/node_modules/element-plus/dist/locale/zh-cn.mjs';
+import { DevtoolAction } from './devtool-action.mjs';
+
+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 Devtool {
+  constructor() {
+    /**
+     * 视图map
+     *
+     * @author zhanghengfeng
+     * @date 2023-08-28 18:08:16
+     */
+    __publicField(this, "viewMap", /* @__PURE__ */ new Map());
+    /**
+     * 事件中心
+     *
+     * @author zhanghengfeng
+     * @date 2023-08-28 18:08:43
+     */
+    __publicField(this, "evt", new QXEvent());
+  }
+  /**
+   * 初始化devtool工具
+   *
+   * @author zhanghengfeng
+   * @date 2023-08-28 18:08:24
+   * @param {Router} router
+   */
+  init(router) {
+    const devtool2 = document.createElement("div");
+    devtool2.classList.add("devtool");
+    document.body.append(devtool2);
+    const app = createApp(DevtoolAction);
+    app.use(router);
+    app.use(ElementPlus, {
+      locale: zhCn
+    });
+    app.provide("devtool-evt", this.evt);
+    app.mount(devtool2);
+  }
+  /**
+   * 注册视图
+   *
+   * @author zhanghengfeng
+   * @date 2023-08-28 18:08:25
+   * @param {string} key
+   * @param {ViewController} controller
+   * @param {(Ref<HTMLElement | null>)} dom
+   */
+  registerView(key, controller, dom) {
+    this.viewMap.set(key, {
+      key,
+      controller,
+      dom
+    });
+    this.evt.emit("change", this.viewMap);
+  }
+  /**
+   * 注销视图
+   *
+   * @author zhanghengfeng
+   * @date 2023-08-28 18:08:39
+   * @param {string} key
+   */
+  unRegisterView(key) {
+    this.viewMap.delete(key);
+    this.evt.emit("change", this.viewMap);
+  }
+}
+const devtool = new Devtool();
+
+export { Devtool, devtool };

package/es/devtool/interface/devtool-event.d.ts

@@ -0,0 +1,12 @@
+import { DevtoolView } from './devtool-view';
+/**
+ * devtool事件
+ *
+ * @author zhanghengfeng
+ * @date 2023-08-28 19:08:42
+ * @export
+ * @interface DevtoolEvent
+ */
+export interface DevtoolEvent {
+    change: (data: Map<string, DevtoolView>) => void;
+}

package/es/devtool/interface/devtool-event.mjs

@@ -0,0 +1 @@
+

package/es/devtool/interface/devtool-view.d.ts

@@ -0,0 +1,15 @@
+import { ViewController } from '@ibiz-template/runtime';
+import { Ref } from 'vue';
+/**
+ * devtool视图
+ *
+ * @author zhanghengfeng
+ * @date 2023-08-28 19:08:07
+ * @export
+ * @interface DevtoolView
+ */
+export interface DevtoolView {
+    key: string;
+    controller: ViewController;
+    dom: Ref<HTMLElement | null>;
+}

package/es/devtool/interface/devtool-view.mjs

@@ -0,0 +1 @@
+

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.mjs

@@ -22,7 +22,7 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
     }
     const currentVal = computed({
       get() {
-        if (props.value === selectValue) {
+        if (props.value == selectValue) {
           return true;
         }
         return false;

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, shallowRef, ref, watch, onBeforeUnmount, onMounted, createVNode } from 'vue';
 import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
 import { getCookie } from 'qx-util';
+import { isNil } from 'ramda';
 import { getHtmlProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { CoreConst } from '@ibiz-template/core';
 import './wang-editor.css';
@@ -115,10 +116,14 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     });
     const handleCreated = (editor) => {
       editorRef.value = editor;
+      editor.setHtml(valueHtml.value);
     };
     const handleChange = (editor) => {
       const html = editor.getHtml();
       const emitValue = html === "<p><br></p>" ? "" : html;
+      if (emitValue === props.value || emitValue === "" && isNil(props.value)) {
+        return;
+      }
       emit("change", emitValue);
     };
     const handleDestroyed = (_editor) => {

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.css

@@ -1 +1 @@
-.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}
+.ibiz-markdown{min-height:600px}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}

package/es/editor/text-box/input/input.d.ts

@@ -1,7 +1,7 @@
 import './input.scss';
 import { TextBoxEditorController } from '../text-box-editor.controller';
 export declare const IBizInput: import("vue").DefineComponent<{
-    value: StringConstructor;
+    value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
     data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
     disabled: {
@@ -31,7 +31,7 @@ export declare const IBizInput: import("vue").DefineComponent<{
     blur: () => boolean;
     focus: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: StringConstructor;
+    value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
     data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
     disabled: {

package/es/editor/text-box/input/input.mjs

@@ -40,7 +40,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         if (!newVal) {
           currentVal.value = "";
         } else {
-          currentVal.value = newVal;
+          currentVal.value = newVal.toString();
         }
       }
     }, {

package/es/index.d.ts

@@ -6,6 +6,7 @@ export * from './editor';
 export * from './view';
 export * from './view-engine';
 export * from './util';
+export { devtool } from './devtool';
 export { i18n } from './locale';
 declare const _default: {
     install: (v: App) => void;

package/es/index.mjs

@@ -7,6 +7,7 @@ import { iBizI18n } from './locale/index.mjs';
 export { i18n } from './locale/index.mjs';
 export { IBizViewEngine } from './view-engine/index.mjs';
 import './util/index.mjs';
+export { devtool } from './devtool/index.mjs';
 import { IBizView } from './view/common/index.mjs';
 import { IBizPortalView } from './view/portal-view/index.mjs';
 import { IBizDataViewControl } from './control/data-view/index.mjs';
@@ -152,6 +153,8 @@ export { IBizPanelTabPage } from './panel-component/panel-tab-page/index.mjs';
 export { SplitContainerProvider } from './panel-component/split-container/split-container.provider.mjs';
 export { SplitContainerController } from './panel-component/split-container/split-container.controller.mjs';
 export { IBizSplitContainer } from './panel-component/split-container/index.mjs';
+export { PanelIndexViewSearchProvider } from './panel-component/panel-index-view-search/panel-index-view-search.provider.mjs';
+export { IBizPanelIndexViewSearch } from './panel-component/panel-index-view-search/index.mjs';
 export { View404 } from './view/404-view/404-view.mjs';
 export { AppRedirectView } from './view/app-redirect-view/app-redirect-view.mjs';
 export { ViewProvider } from './view/common/view.provider.mjs';

package/es/node_modules/.pnpm/element-plus@2.3.9_vue@3.3.4/node_modules/element-plus/dist/locale/zh-cn.mjs

@@ -0,0 +1,131 @@
+/*! Element Plus v2.3.9 */
+
+var zhCn = {
+  name: "zh-cn",
+  el: {
+    colorpicker: {
+      confirm: "\u786E\u5B9A",
+      clear: "\u6E05\u7A7A"
+    },
+    datepicker: {
+      now: "\u6B64\u523B",
+      today: "\u4ECA\u5929",
+      cancel: "\u53D6\u6D88",
+      clear: "\u6E05\u7A7A",
+      confirm: "\u786E\u5B9A",
+      selectDate: "\u9009\u62E9\u65E5\u671F",
+      selectTime: "\u9009\u62E9\u65F6\u95F4",
+      startDate: "\u5F00\u59CB\u65E5\u671F",
+      startTime: "\u5F00\u59CB\u65F6\u95F4",
+      endDate: "\u7ED3\u675F\u65E5\u671F",
+      endTime: "\u7ED3\u675F\u65F6\u95F4",
+      prevYear: "\u524D\u4E00\u5E74",
+      nextYear: "\u540E\u4E00\u5E74",
+      prevMonth: "\u4E0A\u4E2A\u6708",
+      nextMonth: "\u4E0B\u4E2A\u6708",
+      year: "\u5E74",
+      month1: "1 \u6708",
+      month2: "2 \u6708",
+      month3: "3 \u6708",
+      month4: "4 \u6708",
+      month5: "5 \u6708",
+      month6: "6 \u6708",
+      month7: "7 \u6708",
+      month8: "8 \u6708",
+      month9: "9 \u6708",
+      month10: "10 \u6708",
+      month11: "11 \u6708",
+      month12: "12 \u6708",
+      weeks: {
+        sun: "\u65E5",
+        mon: "\u4E00",
+        tue: "\u4E8C",
+        wed: "\u4E09",
+        thu: "\u56DB",
+        fri: "\u4E94",
+        sat: "\u516D"
+      },
+      months: {
+        jan: "\u4E00\u6708",
+        feb: "\u4E8C\u6708",
+        mar: "\u4E09\u6708",
+        apr: "\u56DB\u6708",
+        may: "\u4E94\u6708",
+        jun: "\u516D\u6708",
+        jul: "\u4E03\u6708",
+        aug: "\u516B\u6708",
+        sep: "\u4E5D\u6708",
+        oct: "\u5341\u6708",
+        nov: "\u5341\u4E00\u6708",
+        dec: "\u5341\u4E8C\u6708"
+      }
+    },
+    select: {
+      loading: "\u52A0\u8F7D\u4E2D",
+      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
+      noData: "\u65E0\u6570\u636E",
+      placeholder: "\u8BF7\u9009\u62E9"
+    },
+    cascader: {
+      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
+      loading: "\u52A0\u8F7D\u4E2D",
+      placeholder: "\u8BF7\u9009\u62E9",
+      noData: "\u6682\u65E0\u6570\u636E"
+    },
+    pagination: {
+      goto: "\u524D\u5F80",
+      pagesize: "\u6761/\u9875",
+      total: "\u5171 {total} \u6761",
+      pageClassifier: "\u9875",
+      page: "\u9875",
+      prev: "\u4E0A\u4E00\u9875",
+      next: "\u4E0B\u4E00\u9875",
+      currentPage: "\u7B2C {pager} \u9875",
+      prevPages: "\u5411\u524D {pager} \u9875",
+      nextPages: "\u5411\u540E {pager} \u9875",
+      deprecationWarning: "\u4F60\u4F7F\u7528\u4E86\u4E00\u4E9B\u5DF2\u88AB\u5E9F\u5F03\u7684\u7528\u6CD5\uFF0C\u8BF7\u53C2\u8003 el-pagination \u7684\u5B98\u65B9\u6587\u6863"
+    },
+    messagebox: {
+      title: "\u63D0\u793A",
+      confirm: "\u786E\u5B9A",
+      cancel: "\u53D6\u6D88",
+      error: "\u8F93\u5165\u7684\u6570\u636E\u4E0D\u5408\u6CD5!"
+    },
+    upload: {
+      deleteTip: "\u6309 delete \u952E\u53EF\u5220\u9664",
+      delete: "\u5220\u9664",
+      preview: "\u67E5\u770B\u56FE\u7247",
+      continue: "\u7EE7\u7EED\u4E0A\u4F20"
+    },
+    table: {
+      emptyText: "\u6682\u65E0\u6570\u636E",
+      confirmFilter: "\u7B5B\u9009",
+      resetFilter: "\u91CD\u7F6E",
+      clearFilter: "\u5168\u90E8",
+      sumText: "\u5408\u8BA1"
+    },
+    tree: {
+      emptyText: "\u6682\u65E0\u6570\u636E"
+    },
+    transfer: {
+      noMatch: "\u65E0\u5339\u914D\u6570\u636E",
+      noData: "\u65E0\u6570\u636E",
+      titles: ["\u5217\u8868 1", "\u5217\u8868 2"],
+      filterPlaceholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9",
+      noCheckedFormat: "\u5171 {total} \u9879",
+      hasCheckedFormat: "\u5DF2\u9009 {checked}/{total} \u9879"
+    },
+    image: {
+      error: "\u52A0\u8F7D\u5931\u8D25"
+    },
+    pageHeader: {
+      title: "\u8FD4\u56DE"
+    },
+    popconfirm: {
+      confirmButtonText: "\u786E\u5B9A",
+      cancelButtonText: "\u53D6\u6D88"
+    }
+  }
+};
+
+export { zhCn as default };

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

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-padding:var(--ibiz-spacing-base);--ibiz-user-info-color:var(--ibiz-color-text-0);--ibiz-user-info-font-size:var(--ibiz-font-size-header-4);--ibiz-user-info-hover-color:var(--ibiz-color-text-0);--ibiz-user-info-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-user-info-border-radius:var(--ibiz-border-radius-medium);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{padding:calc(var(--ibiz-user-info-padding)/ 2) var(--ibiz-user-info-padding);cursor:pointer;border-radius:var(--ibiz-user-info-border-radius)}.ibiz-user-info .el-dropdown:hover{color:var(--ibiz-user-info-hover-color);background-color:var(--ibiz-user-info-hover-bg-color)}.ibiz-user-info-avatar{margin-right:10px}.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);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{position:relative;top:12px}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:35px}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:24px;max-height:24px}.ibiz-user-info-avatar{max-width:44px;max-height:44px;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-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-font-size-header-6)}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:10px;font-size:var(--ibiz-font-size-small)}.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.d.ts

@@ -13,9 +13,12 @@ export declare const AuthUserinfo: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
     srfusername: any;
+    srfpersonname: any;
     router: import("vue-router").Router;
     isDarkTheme: import("vue").Ref<boolean>;
+    menuAlign: import("vue").ComputedRef<string>;
     handleSwitchChange: (newVal: boolean) => void;
 }, unknown, {}, {
     onClick(): Promise<void>;