@jari-ace/element-plus-component 0.4.4 → 0.5.0

package/packages/components/userTag/UserInfoTag.vue

@@ -29,7 +29,7 @@ const props = withDefaults(defineProps<{
     realm?: string,
     username?: string,
     theme?: keyof typeof themeClass,
-    hasAvatar?: boolean,
+    showAvatarInTag?: boolean,
     placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'
 }>(), {
     closable: false,
@@ -106,7 +106,7 @@ function doUnbookmark() {
             <div :class="themeClass[props.theme]">
                 <div class="portrait">
                     <ja-avatar :size="24" :user-id="userId" :realm="realm"
-                               :username="username" :has-avatar="false"></ja-avatar>
+                               :username="username" :has-avatar="showAvatarInTag"></ja-avatar>
                 </div>
                 <div class="user-info">
                     {{ fullName }}

package/packages/hooks/useRouteableVisible.ts

@@ -0,0 +1,35 @@
+import { computed, ref, type Ref } from 'vue';
+import { useRouter } from 'vue-router';
+/**
+ * 支持通过路由控制对话框visible或者通过v-model控制对话框visible
+ * 
+ * @param modelValue 对话框的visible模型变量
+ * @returns 
+ */
+export function useRouteableVisible(modelValue: Ref<boolean | undefined>) {
+  const router = useRouter();
+
+  // Use internal state if modelValue is not provided (route mode)
+  const internalVisible = ref(true);
+  const isRouteMode = computed(() => modelValue.value === undefined);
+
+  const visible = computed({
+    get: () => (isRouteMode.value ? internalVisible.value : modelValue.value!),
+    set: (val) => {
+      if (isRouteMode.value) {
+        internalVisible.value = val;
+        if (!val) {
+          // If closed in route mode, go back
+          router.back();
+        }
+      } else {
+        modelValue.value = val;
+      }
+    },
+  });
+
+  return {
+    visible,
+    isRouteMode,
+  };
+}

package/packages/index.ts

@@ -31,3 +31,4 @@ export * from "./hooks/useEntities"
 export * from "./hooks/useGroups"
 export * from "./hooks/useRoleCategories"
 export * from "./hooks/useProperties"
+export * from "./hooks/useRouteableVisible"