hy-dispatch-ui-v3 0.1.1 → 0.1.3

package/es/components/appNoPermissions/appNoPermissions.vue.mjs

@@ -0,0 +1,48 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, createElementVNode, toDisplayString } from 'vue';
+import { AppIcon } from '../appIcon/index.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
+
+import "./style/appNoPermissions.scss";
+
+const __default__ = defineComponent({
+  name: "AppNoPermissions"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    svgName: {
+      type: String,
+      default: "2-v3-base-no-data-noData"
+    }
+  },
+  emits: [],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { t } = useLocale();
+    __expose({});
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "w-full h-full bg-background-2 text-auxiliary text-base flex flex-col items-center justify-center" }, [
+        createVNode(unref(AppIcon), {
+          "svg-name": __props.svgName,
+          "class-name": "!w-[46px] !h-[46px]"
+        }, null, 8, ["svg-name"]),
+        createElementVNode("div", { class: "text-center mt-[12px]" }, [
+          createElementVNode(
+            "p",
+            null,
+            toDisplayString(unref(t)("permissino.youDoNotHaveSubordinatePermissionsForThisModule")),
+            1
+            /* TEXT */
+          ),
+          createElementVNode(
+            "p",
+            null,
+            toDisplayString(unref(t)("permissino.pleaseContactTheAdministrator")),
+            1
+            /* TEXT */
+          )
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appNoPermissions/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appNoPermissions.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppNoPermissions = withInstall(_sfc_main);
+
+export { AppNoPermissions, AppNoPermissions as default };

package/es/components/appNoPermissionsMap/appNoPermissionsMap.vue.mjs

@@ -0,0 +1,50 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, createElementVNode, toDisplayString } from 'vue';
+import { AppIcon } from '../appIcon/index.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
+
+import "./style/appNoPermissionsMap.scss";
+
+const __default__ = defineComponent({
+  name: "AppNoPermissionsMap"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    svgName: {
+      type: String,
+      default: "2-v3-base-no-data-noData"
+    }
+  },
+  emits: [],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { t } = useLocale();
+    __expose({});
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "w-full h-full bg-background-2 text-auxiliary text-base flex flex-col items-center justify-center" }, [
+        createVNode(unref(AppIcon), {
+          "svg-name": __props.svgName,
+          "class-name": "!w-[46px] !h-[46px]"
+        }, null, 8, ["svg-name"]),
+        createElementVNode("div", { class: "text-center mt-[12px]" }, [
+          createElementVNode(
+            "p",
+            null,
+            toDisplayString(unref(t)("permissino.youDoNotHaveAMapConfigurationForThisModule")),
+            1
+            /* TEXT */
+          ),
+          createElementVNode(
+            "p",
+            null,
+            toDisplayString(unref(t)(
+              "permissino.pleaseContactTheAdministratorToGoToTheSettingsCenterForConfiguration"
+            )),
+            1
+            /* TEXT */
+          )
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appNoPermissionsMap/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appNoPermissionsMap.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppNoPermissionsMap = withInstall(_sfc_main);
+
+export { AppNoPermissionsMap, AppNoPermissionsMap as default };

package/es/components/appOrgCascader/appOrgCascader.vue.mjs

@@ -66,7 +66,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     changeLastLayer: {
       type: Boolean,
       default: () => {
-        return false;
+        return true;
       }
     }
   }, {

package/es/components/appSearch/appSearch.vue.mjs

@@ -1,8 +1,9 @@
 import { defineComponent, useTemplateRef, computed, unref, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, toDisplayString, Fragment, createCommentVNode, normalizeStyle, mergeProps, renderList, createBlock, renderSlot, withKeys } from 'vue';
 import { ElIcon, ElForm, ElFormItem, ElInput, ElSelect } from 'element-plus';
 import { Filter, ArrowDown } from '@element-plus/icons-vue';
-import _sfc_main$1 from '../appDatePicker/appDatePicker.vue.mjs';
-import { useShrink, isEmptyValue, columnShowHandler, columnItemStyle, columnItemInputStyle, isDisabled, timeRangeHandler } from './js/index.mjs';
+import { AppDatePicker } from '../appDatePicker/index.mjs';
+import { AppOrgCascader } from '../appOrgCascader/index.mjs';
+import { useShrink, isEmptyValue, columnShowHandler, columnItemStyle, columnItemInputStyle, isDisabled, isSelectedTimeRange, timeRangeHandler } from './js/index.mjs';
 import { resetAppSearchValue } from './js/useAppSearch.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { isArray } from '../../utils/is.mjs';
@@ -310,7 +311,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                 "daterange",
                                                 "monthrange",
                                                 "yearrange"
-                                              ].includes((_a = column.attrs) == null ? void 0 : _a.type) && unref(isArray)(column.field) ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                              ].includes((_a = column.attrs) == null ? void 0 : _a.type) && unref(isArray)(column.field) ? (openBlock(), createBlock(unref(AppDatePicker), mergeProps({
                                                 key: 0,
                                                 start: __props.model[column.field[0]],
                                                 "onUpdate:start": ($event) => __props.model[column.field[0]] = $event,
@@ -322,7 +323,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                 disabled: unref(isDisabled)(props, column),
                                                 timeRangeFill: column.timeRangeFill,
                                                 onChange: ($event) => onChangeHandler($event, column)
-                                              }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled", "timeRangeFill", "onChange"])) : (openBlock(), createBlock(_sfc_main$1, mergeProps({
+                                              }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled", "timeRangeFill", "onChange"])) : (openBlock(), createBlock(unref(AppDatePicker), mergeProps({
                                                 key: 1,
                                                 modelValue: __props.model[column.field],
                                                 "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
@@ -336,6 +337,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                             ],
                                             64
                                             /* STABLE_FRAGMENT */
+                                          )) : column.type === "org-cascader" ? (openBlock(), createElementBlock(
+                                            Fragment,
+                                            { key: 4 },
+                                            [
+                                              createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
+                                              createVNode(unref(AppOrgCascader), mergeProps({
+                                                modelValue: __props.model[column.field],
+                                                "onUpdate:modelValue": ($event) => __props.model[column.field] = $event,
+                                                disabled: unref(isDisabled)(props, column)
+                                              }, { ref_for: true }, column.attrs), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                                            ],
+                                            2112
+                                            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                                           )) : createCommentVNode("v-if", true)
                                         ],
                                         4
@@ -355,7 +369,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       renderList(column.timeRangeOptions, (item, index) => {
                                         return openBlock(), createElementBlock("div", {
                                           key: index,
-                                          class: "border-l border-border px-[10px] cursor-pointer",
+                                          class: normalizeClass(["border-l border-border px-[10px] cursor-pointer", {
+                                            "bg-[rgba(var(--hy-theme),0.2)] text-theme font-bold": unref(isSelectedTimeRange)(column, item, __props.model)
+                                          }]),
                                           onClick: ($event) => onTimeRangeClickHandler(column, item)
                                         }, [
                                           createElementVNode(
@@ -365,7 +381,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                             1
                                             /* TEXT */
                                           )
-                                        ], 8, ["onClick"]);
+                                        ], 10, ["onClick"]);
                                       }),
                                       128
                                       /* KEYED_FRAGMENT */

package/es/components/appSearch/js/index.mjs

@@ -1,7 +1,7 @@
 import dayjs from 'dayjs';
 import { ref, watch, nextTick, unref } from 'vue';
-import { useMaintainStore } from '../../../store/maintain.mjs';
 import { isEmpty, isArray, isBoolean, isFunction, isNumber, isString } from '../../../utils/is.mjs';
+import { useResizeHandler } from '../../../hooks/useResizeHandler.mjs';
 
 function columnItemStyle(props, column) {
   const { width } = column;
@@ -42,10 +42,10 @@ function isEmptyValue(e) {
   return isEmpty(e) || isArray(e) && !e.length;
 }
 function useShrink(props, templateRef) {
+  const { addResize, removeResize } = useResizeHandler();
+  const resizeExpandKey = /* @__PURE__ */ Symbol("appSearchExpand");
   const isExpand = ref(false);
   const containerHeight = ref(getContainerPickUpHeight());
-  const maintainStore = useMaintainStore();
-  const resizeExpandKey = /* @__PURE__ */ Symbol("appSearchExpand");
   function getContainerPickUpHeight() {
     switch (props.size) {
       case "large":
@@ -71,7 +71,7 @@ function useShrink(props, templateRef) {
     () => {
       nextTick(() => {
         shrinkResizeHandler();
-        maintainStore.addResize(shrinkResizeHandler, resizeExpandKey);
+        addResize(resizeExpandKey, shrinkResizeHandler);
       });
     },
     { immediate: true, deep: true }
@@ -82,15 +82,16 @@ function useShrink(props, templateRef) {
     switchShrink,
     shrinkResizeHandler,
     shrinkDestroy() {
-      maintainStore.removeResize(resizeExpandKey);
+      removeResize(resizeExpandKey);
     }
   };
 }
 function timeRangeHandler(column, options) {
   const { value, unit } = options;
-  const { timeRangeFill, attrs } = column;
-  const format = attrs.valueFormat || "YYYY-MM-DD";
+  let { timeRangeFill, attrs } = column;
+  const format = "YYYY-MM-DD";
   const date = dayjs(Date.now());
+  timeRangeFill = timeRangeFill || attrs.type === "datetimerange";
   switch (unit) {
     case "year":
     case "month":
@@ -109,5 +110,13 @@ function timeRangeHandler(column, options) {
       ];
   }
 }
+function isSelectedTimeRange(column, options, model = {}) {
+  const [start, end] = timeRangeHandler(column, options);
+  const { field } = column;
+  if (Array.isArray(field)) {
+    return start === model[field[0]] && end === model[field[1]];
+  }
+  return start === model[field][0] && end === model[field][1];
+}
 
-export { columnItemInputStyle, columnItemStyle, columnShowHandler, isDisabled, isEmptyValue, timeRangeHandler, useShrink };
+export { columnItemInputStyle, columnItemStyle, columnShowHandler, isDisabled, isEmptyValue, isSelectedTimeRange, timeRangeHandler, useShrink };

package/es/components/appSearch/js/useAppSearch.mjs

@@ -4,6 +4,15 @@ import { getDefaultValueFormatByType } from '../../../utils/date.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 import { isNumber } from '../../../utils/is.mjs';
 
+const genDefaultLabel = (config) => {
+  if (config.label) return config.label;
+  const { t } = useLocale();
+  switch (config.type) {
+    // 部门级联选择框
+    case "org-cascader":
+      return t("form.department");
+  }
+};
 const genPlaceholderHandler = (config) => {
   const { t } = useLocale();
   const { type, label, attrs = {} } = config || {};
@@ -94,7 +103,8 @@ const timeRangeOptionsHandler = (config) => {
   }, []);
 };
 function appSearchItemHandler(column = {}) {
-  const { placeholder, startPlaceholder, endPlaceholder } = genPlaceholderHandler(column);
+  const label = genDefaultLabel(column);
+  const { placeholder, startPlaceholder, endPlaceholder } = genPlaceholderHandler({ ...column, label });
   const attrs = {
     clearable: true,
     ...column.attrs || {},
@@ -106,6 +116,7 @@ function appSearchItemHandler(column = {}) {
     {
       key: /* @__PURE__ */ Symbol("appFormItemKey"),
       field: column.prop,
+      label,
       readonly: column.readonly || false,
       width,
       inputWidth,

package/es/components/appTable/appTable.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, withKeys, renderSlot, normalizeClass, mergeProps, Fragment, renderList, withModifiers } from 'vue';
+import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, withKeys, renderSlot, normalizeClass, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps, Fragment, withModifiers } from 'vue';
 import { ElIcon, ElInput, ElButton, ElTable, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElPagination } from 'element-plus';
 import { Filter, Search } from '@element-plus/icons-vue';
 import { AppTooltip } from '../appTooltip/index.mjs';
@@ -8,7 +8,7 @@ import _sfc_main$1 from './cpns/columnSelect.vue.mjs';
 import { useMixins } from '../../hooks/useMixins.mjs';
 import { AppSearch } from '../appSearch/index.mjs';
 import { parseRem } from '../../utils/adaptive.mjs';
-import { appIconBox } from '../appIcon/index.mjs';
+import { AppIconBox } from '../appIconBox/index.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { isEmpty } from '../../utils/is.mjs';
 
@@ -170,9 +170,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       tableTriggerRef,
       getSelectedList,
       setTableRowClassName,
+      clearSelection,
+      clearSelectedList,
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
-      onTableSelectAllHandler,
+      onTableSelectHandler,
       // useAppTableSearch
       // 表单查询
       formModel,
@@ -209,7 +211,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       resetFn,
       getSelectedList,
       getTotalElements,
-      getTableDataSource
+      getTableDataSource,
+      clearSelection,
+      clearSelectedList
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
@@ -254,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 key: 2,
                 modelValue: unref(formModel).query,
                 "onUpdate:modelValue": ($event) => unref(formModel).query = $event,
-                class: "w-[124px]",
+                class: "w-[160px]",
                 placeholder: unref(t)("table.searchFor", [unref(searchPlaceholder)]),
                 onKeydown: withKeys(unref(onSearchQueryHandler), ["enter"])
               }, {
@@ -285,7 +289,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             hidden: !unref(showFilter),
             class: normalizeClass({ "mb-4": unref(showFilter) }),
             onSearch: ($event) => unref(getData)(1)
-          }, null, 8, ["model", "columns", "hidden", "class", "onSearch"])) : createCommentVNode("v-if", true),
+          }, createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            renderList(_ctx.$slots, (_, slotName) => {
+              return {
+                name: slotName,
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1032, ["model", "columns", "hidden", "class", "onSearch"])) : createCommentVNode("v-if", true),
           createCommentVNode(" \u4E3B\u5185\u5BB9 "),
           createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded pb-5 overflow-hidden" }, [
             renderSlot(_ctx.$slots, "table", { data: unref(tableDataSource) }, () => [
@@ -301,7 +317,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 style: {
                   "font-size": `${unref(parseRem)(__props.fontSize)}rem`
                 },
-                onSelectAll: unref(onTableSelectAllHandler),
+                onSelect: unref(onTableSelectHandler),
+                onSelectAll: unref(onTableSelectHandler),
                 onRowClick: unref(onTableRowClickHandler),
                 onRowContextmenu: unref(onTableRowContextmenuHandler)
               }, _ctx.$attrs), {
@@ -365,7 +382,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           scope,
                                           "default"
                                         ), (citem, cindex) => {
-                                          return openBlock(), createBlock(unref(appIconBox), {
+                                          return openBlock(), createBlock(unref(AppIconBox), {
                                             key: cindex,
                                             "svg-name": citem.svgName,
                                             altText: citem.label,
@@ -442,7 +459,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           )
                                         ]),
                                         default: withCtx(() => [
-                                          createVNode(unref(appIconBox), {
+                                          createVNode(unref(AppIconBox), {
                                             key: "more",
                                             "svg-name": "system-burst_analysis_select_option",
                                             altText: unref(t)("table.moreOperations"),
@@ -491,7 +508,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelectAll", "onRowClick", "onRowContextmenu"])
+              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])
             ]),
             createCommentVNode(" \u5206\u9875 "),
             __props.showPagination ? (openBlock(), createElementBlock("div", {

package/es/components/appTable/js/index.mjs

@@ -250,13 +250,27 @@ const useAppTableWrapper = (hy) => {
       emits("on-select-checkbox", selectedList.value, row);
     }
   }
-  function onTableSelectAllHandler(selectList = [], row) {
+  function onTableSelectHandler(selectList = [], row) {
     if (selectList.length === 0 && tableDataSource.value.length === 0) {
-      tableRef.value.clearSelection();
+      clearSelection();
     }
     selectedList.value = [...selectList];
     emits("on-select-checkbox", [...selectList], row);
   }
+  function clearSelectedList(list = []) {
+    selectedList.value = list || [];
+    clearSelection();
+    list.forEach((row) => {
+      const item = tableDataSource.value.find(
+        (v) => getRowKey(row) === getRowKey(v)
+      );
+      if (item) {
+        tableRef.value.toggleRowSelection(item, true);
+      } else {
+        tableRef.value.toggleRowSelection(row, true);
+      }
+    });
+  }
   function setTableRowClassName(obj) {
     const row = obj.row;
     let className = [];
@@ -293,12 +307,13 @@ const useAppTableWrapper = (hy) => {
     selectedList,
     tableTriggerRef,
     setTableRowClassName,
-    onTableSelectAllHandler,
+    getSelectedList,
+    clearSelection,
+    clearSelectedList,
+    onTableSelectHandler,
     onTableRowContextmenuHandler,
     onTableRowClickHandler,
-    onTableColumnsSelectHandler,
-    getSelectedList,
-    clearSelection
+    onTableColumnsSelectHandler
   };
 };
 

package/es/components/appTable/js/search.mjs

@@ -40,13 +40,11 @@ function useAppTableSearch(hy) {
         unref(api).post(`${props.controller}/page`, params, options).then(successFun).finally(() => {
           resolve();
           closeAppTableLoading();
-          clearSelection();
         });
       } else if (props.url) {
         unref(api).post(props.url, params, options).then(successFun).finally(() => {
           resolve();
           closeAppTableLoading();
-          clearSelection();
         });
       } else {
         closeAppTableLoading();

package/es/components/appTable/js/useAppTable.mjs

@@ -2,6 +2,22 @@ import { toRef } from 'vue';
 import { isEmpty, isBoolean } from '../../../utils/is.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 
+function getColumnDefaultConfig(column) {
+  switch (column.type) {
+    case "selection":
+      return {
+        prop: `${column.type}_prop`,
+        reserveSelection: true
+      };
+    case "index":
+    case "expand":
+      return {
+        prop: `${column.type}_prop`
+      };
+    default:
+      return {};
+  }
+}
 function getColumnDefaultWidth(column) {
   if (column.width) return column.width;
   if (column.type === "index") return 80;
@@ -46,7 +62,7 @@ const useAppTable = (config = {}) => {
         throw Error("\u3010column.prop\u3011\u4E0D\u80FD\u4E3A\u7A7A");
       }
       tableColumns.push({
-        prop: column.prop || column.type !== "default" ? `${column.type}_prop` : column.prop,
+        ...getColumnDefaultConfig(column),
         ...column,
         type: column.type || "default",
         width: getColumnDefaultWidth(column),

package/es/components/appUserAvatar/appUserAvatar.vue.mjs

@@ -0,0 +1,136 @@
+import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeStyle, createBlock, normalizeClass, createCommentVNode } from 'vue';
+import { AppIcon } from '../appIcon/index.mjs';
+import { useUserAvatarMap } from '../../hooks/useUserAvatarMap.mjs';
+import { pxTorem } from '../../utils/adaptive.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
+
+import "./style/appUserAvatar.scss";
+
+const __default__ = defineComponent({
+  name: "AppUserAvatar"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    initSelectSvgName: {
+      type: String,
+      default: () => {
+        return "user_online-2";
+      }
+    },
+    initSvgName: {
+      type: String,
+      default: () => {
+        return "user_offline-2";
+      }
+    },
+    device: Object,
+    // 设备信息
+    audioContextType: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    iconType: {
+      type: Boolean,
+      default: () => {
+        return true;
+      }
+    },
+    width: {
+      type: String,
+      default: () => {
+        return "54px";
+      }
+    },
+    height: {
+      type: String,
+      default: () => {
+        return "54px";
+      }
+    }
+  },
+  emits: [],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { t } = useLocale();
+    const { userAvatarMap } = useUserAvatarMap();
+    const headImg = computed(() => {
+      var _a;
+      return props.device && ((_a = unref(userAvatarMap)) == null ? void 0 : _a.get(props.device.deviceId));
+    });
+    function parseRem(res) {
+      let px = res;
+      if (px) {
+        px = parseInt(px, 10);
+        if (isNaN(px)) {
+          return "";
+        }
+        return pxTorem(px);
+      }
+      return "";
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f;
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          style: normalizeStyle({
+            width: `${parseRem(__props.width)}rem`,
+            height: `${parseRem(__props.height)}rem`,
+            "border-color": ((_a = __props.device) == null ? void 0 : _a.onlineState) === 1 ? __props.audioContextType ? "rgb(var(--hy-theme))" : ((_b = __props.device) == null ? void 0 : _b.gbDevice) === 1 ? "#FDE777" : "rgb(var(--hy-auxiliary))" : "rgb(var(--hy-info))"
+          }),
+          class: "app-user-avatar"
+        },
+        [
+          ((_c = __props.device) == null ? void 0 : _c.gbDevice) === 1 ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              style: normalizeStyle(
+                ((_d = __props.device) == null ? void 0 : _d.onlineState) === 1 ? "background:linear-gradient(180deg, #5A2120 0%, #C81F12 100%); color:#FDE777;" : "background: rgb(var(--hy-background-2)); color: rgb(var(--hy-auxiliary));"
+              ),
+              class: "user-avatar font-[600] text-base"
+            },
+            " GB ",
+            4
+            /* STYLE */
+          )) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "user-avatar"
+          }, [
+            headImg.value ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: headImg.value,
+              alt: unref(t)("userAvatar.userAvatar")
+            }, null, 8, ["src", "alt"])) : ((_e = __props.device) == null ? void 0 : _e.onlineState) === 1 ? (openBlock(), createBlock(unref(AppIcon), {
+              key: 1,
+              "svg-name": __props.initSelectSvgName,
+              className: "svgBox"
+            }, null, 8, ["svg-name"])) : (openBlock(), createBlock(unref(AppIcon), {
+              key: 2,
+              "svg-name": __props.initSvgName,
+              className: "svgBox"
+            }, null, 8, ["svg-name"]))
+          ])),
+          __props.iconType ? (openBlock(), createElementBlock(
+            "span",
+            {
+              key: 2,
+              class: normalizeClass(
+                ((_f = __props.device) == null ? void 0 : _f.onlineState) === 1 ? "bg-success shadow-[0_0_4px_0] shadow-success" : "bg-info"
+              )
+            },
+            null,
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
+        ],
+        4
+        /* STYLE */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appUserAvatar/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appUserAvatar.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppUserAvatar = withInstall(_sfc_main);
+
+export { AppUserAvatar, AppUserAvatar as default };