fix: 优化可视化管理分享链接私有时禁用

@@ -5,6 +5,7 @@
 
   interface AuthIconProps extends ExtractPropTypes<typeof Icon> {
     auth?: string;
+    disabled?: boolean;
   }
 
   const props = defineProps<AuthIconProps>();
@@ -14,8 +15,8 @@
   const { hasPermission } = usePermission();
 
   const getHasPermission = computed(() => {
-    const { auth } = props;
-    return auth ? hasPermission(auth) : true;
+    const { auth, disabled } = props;
+    return disabled ? false : auth ? hasPermission(auth) : true;
   });
 
   const getBindProps = computed(() => {

@@ -242,7 +242,7 @@
                   <span
                     class="absolute top-0 left-0 text-light-50 transform -rotate-45 translate-y-1"
                   >
-                    {{ ViewTypeNameEnum[item.viewType] }}
+                    {{ ViewTypeNameEnum[item.viewType] || ViewTypeNameEnum.PRIVATE_VIEW }}
                   </span>
                 </div>
               </template>
@@ -266,6 +266,7 @@
                 <Tooltip title="分享">
                   <AuthIcon
                     :auth="ConfigurationPermission.SHARE"
+                    :disabled="!item.publicId"
                     class="!text-lg"
                     icon="ant-design:share-alt-outlined"
                     @click="handleCreateShareUrl(item)"
@@ -348,6 +349,10 @@
     .img-container {
       border-top-left-radius: 80px;
       background-color: #fff;
+
+      img {
+        border-top-left-radius: 80px;
+      }
     }
   }
 

@@ -236,7 +236,7 @@
                   <span
                     class="absolute top-0 left-0 text-light-50 transform -rotate-45 translate-y-1"
                   >
-                    {{ ViewTypeNameEnum[item.viewType] }}
+                    {{ ViewTypeNameEnum[item.viewType] || ViewTypeNameEnum.PRIVATE_VIEW }}
                   </span>
                   <div class="masker-content">
                     <div class="masker-text">
@@ -267,9 +267,7 @@
                 </Tooltip>
                 <Tooltip title="设计">
                   <AuthIcon
-                    :class="`!text-lg ${
-                      item.state === 1 ? '!cursor-not-allowed !text-gray-200' : ''
-                    }`"
+                    :disabled="item.state === 1"
                     icon="ant-design:edit-outlined"
                     @click="handleDesign(item)"
                   />
@@ -277,6 +275,7 @@
                 <Tooltip title="分享">
                   <AuthIcon
                     :auth="ConfigurationPermission.SHARE"
+                    :disabled="!item.publicId"
                     class="!text-lg"
                     icon="ant-design:share-alt-outlined"
                     @click="handleCreateShareUrl(item)"

@@ -16,7 +16,6 @@
 
   const getDataSchema = computed(() => {
     const { frontId, isEdit } = props;
-    console.log({ frontId });
     if (!frontId) return [];
     return dataSourceSchema(isEdit, frontId);
   });