@robot-admin/naive-ui-components 0.13.8 → 0.14.0

package/dist/C_FilePreview.css

@@ -1,53 +1,175 @@
-/* unplugin-vue-components disabled */.file-container[data-v-86f8c1ab] {
+:root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
+
+/* unplugin-vue-components disabled */
+/* layer: default */
+.hidden[data-v-bd24aa22]{display:none;}
+.h6[data-v-bd24aa22]{height:1.5rem;}
+.flex[data-v-bd24aa22]{display:flex;}
+.items-center[data-v-bd24aa22]{align-items:center;}
+.justify-between[data-v-bd24aa22]{justify-content:space-between;}
+.gap-2[data-v-bd24aa22]{gap:0.5rem;}
+.gap-3[data-v-bd24aa22]{gap:0.75rem;}
+.p\[style-name\=\'Title\'\][data-v-bd24aa22]{padding:style-name='Title';}
+.text-sm[data-v-bd24aa22]{font-size:0.875rem;line-height:1.25rem;}
+.text-gray-500[data-v-bd24aa22]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
+
+/* unplugin-vue-components disabled */.c-file-preview-wrapper[data-v-bd24aa22] {
+  width: 100%;
+}
+.c-file-preview-wrapper .file-info-card .file-info[data-v-bd24aa22] {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 16px;
+  border: 1px solid var(--c-border, #e0e0e0);
+  border-radius: 12px;
+  background: var(--c-bg-card, white);
+  transition: var(--c-transition, 0.2s ease);
+  cursor: pointer;
+}
+.c-file-preview-wrapper .file-info-card .file-info[data-v-bd24aa22]:hover {
+  border-color: var(--c-primary, #40a9ff);
+  box-shadow: 0 4px 12px rgba(64, 169, 255, 0.15);
+  transform: translateY(-1px);
+}
+.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-bd24aa22] {
+  flex-shrink: 0;
+  width: 56px;
+  height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+  border-radius: 12px;
+  border: 1px solid #dee2e6;
+}
+.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-bd24aa22] {
+  flex: 1;
+  min-width: 0;
+}
+.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-bd24aa22] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 6px;
+  font-weight: 600;
+  font-size: 16px;
+  color: var(--c-text-1, #1f2937);
+}
+.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-bd24aa22] {
+  display: flex;
+  gap: 16px;
+  font-size: 13px;
+  color: var(--c-text-2, #6b7280);
+}
+.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-bd24aa22] {
+  font-weight: 500;
+  color: var(--c-text-1, #374151);
+}
+.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-bd24aa22] {
+  flex-shrink: 0;
+  display: flex;
+  gap: 8px;
+}
+.modal-container[data-v-bd24aa22] {
+  background: var(--c-bg-card, white);
+  border-radius: 8px;
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
   display: flex;
   flex-direction: column;
+  width: 100%;
   height: 100%;
+  overflow: visible;
 }
-.file-container .file-toolbar[data-v-86f8c1ab] {
-  padding: 12px 16px;
+.modal-container .modal-header[data-v-bd24aa22] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  background: var(--c-bg, #fafafa);
+  border-bottom: 1px solid var(--c-border, #e0e0e0);
+  flex-shrink: 0;
+  z-index: 10;
+  position: relative;
+}
+.modal-container .modal-header .modal-title[data-v-bd24aa22] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  font-size: 16px;
+  color: var(--c-text-1, #333);
+}
+.modal-container .modal-header .modal-title span[data-v-bd24aa22] {
+  max-width: 400px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.modal-container .modal-header .modal-actions[data-v-bd24aa22] {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.modal-container .modal-content[data-v-bd24aa22] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: visible;
+  min-height: 0;
+}
+.modal-container .preview-header[data-v-bd24aa22] {
+  padding: 16px;
   border-bottom: 1px solid var(--c-border, #e0e0e0);
   background-color: var(--c-bg-card, #f9f9f9);
   flex-shrink: 0;
-  z-index: 8;
+  z-index: 9;
   position: relative;
 }
-.file-container .file-viewer[data-v-86f8c1ab] {
+.modal-container .preview-content[data-v-bd24aa22] {
   flex: 1;
-  min-height: 300px;
+  overflow: auto;
+  min-height: 0;
+  position: relative;
+}
+.modal-container .preview-content .status-container[data-v-bd24aa22] {
+  height: 300px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 /* unplugin-vue-components disabled */
 /* layer: shortcuts */
-.file-container[data-v-86f8c1ab]::file-selector-button{width:100%;}
+.file-container[data-v-dae08a5f]::file-selector-button{width:100%;}
 @media (min-width: 640px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:640px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:640px;}
 }
 @media (min-width: 768px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:768px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:768px;}
 }
 @media (min-width: 1024px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1024px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1280px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1536px;}
+.file-container[data-v-dae08a5f]::file-selector-button{max-width:1536px;}
 }
 /* layer: default */
-.hidden[data-v-86f8c1ab]{display:none;}
-.h-full[data-v-86f8c1ab]{height:100%;}
-.h6[data-v-86f8c1ab]{height:1.5rem;}
-.min-w-12[data-v-86f8c1ab]{min-width:3rem;}
-.w-full[data-v-86f8c1ab]{width:100%;}
-.flex[data-v-86f8c1ab]{display:flex;}
-.items-center[data-v-86f8c1ab]{align-items:center;}
-.justify-between[data-v-86f8c1ab]{justify-content:space-between;}
-.gap-2[data-v-86f8c1ab]{gap:0.5rem;}
-.border-0[data-v-86f8c1ab]{border-width:0px;}
-.p\[style-name\=\'Title\'\][data-v-86f8c1ab]{padding:style-name='Title';}
-.text-center[data-v-86f8c1ab]{text-align:center;}
-.text-sm[data-v-86f8c1ab]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-600[data-v-86f8c1ab]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
+.block[data-v-dae08a5f]{display:block;}
+.hidden[data-v-dae08a5f]{display:none;}
+.h6[data-v-dae08a5f]{height:1.5rem;}
+.min-w-12[data-v-dae08a5f]{min-width:3rem;}
+.flex[data-v-dae08a5f]{display:flex;}
+.transform[data-v-dae08a5f]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.items-center[data-v-dae08a5f]{align-items:center;}
+.gap-2[data-v-dae08a5f]{gap:0.5rem;}
+.p\[style-name\=\'Title\'\][data-v-dae08a5f]{padding:style-name='Title';}
+.text-center[data-v-dae08a5f]{text-align:center;}
+.text-sm[data-v-dae08a5f]{font-size:0.875rem;line-height:1.25rem;}
+.text-gray-600[data-v-dae08a5f]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
+.font-semibold[data-v-dae08a5f]{font-weight:600;}
 
 /* unplugin-vue-components disabled */.file-container[data-v-dae08a5f] {
   display: flex;
@@ -171,37 +293,55 @@
 }
 /* unplugin-vue-components disabled */
 /* layer: shortcuts */
-.file-container[data-v-dae08a5f]::file-selector-button{width:100%;}
+.file-container[data-v-86f8c1ab]::file-selector-button{width:100%;}
 @media (min-width: 640px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:640px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:640px;}
 }
 @media (min-width: 768px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:768px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:768px;}
 }
 @media (min-width: 1024px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:1024px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1024px;}
 }
 @media (min-width: 1280px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:1280px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1280px;}
 }
 @media (min-width: 1536px){
-.file-container[data-v-dae08a5f]::file-selector-button{max-width:1536px;}
+.file-container[data-v-86f8c1ab]::file-selector-button{max-width:1536px;}
 }
 /* layer: default */
-.block[data-v-dae08a5f]{display:block;}
-.hidden[data-v-dae08a5f]{display:none;}
-.h6[data-v-dae08a5f]{height:1.5rem;}
-.min-w-12[data-v-dae08a5f]{min-width:3rem;}
-.flex[data-v-dae08a5f]{display:flex;}
-.transform[data-v-dae08a5f]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.items-center[data-v-dae08a5f]{align-items:center;}
-.gap-2[data-v-dae08a5f]{gap:0.5rem;}
-.p\[style-name\=\'Title\'\][data-v-dae08a5f]{padding:style-name='Title';}
-.text-center[data-v-dae08a5f]{text-align:center;}
-.text-sm[data-v-dae08a5f]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-600[data-v-dae08a5f]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
-.font-semibold[data-v-dae08a5f]{font-weight:600;}
+.hidden[data-v-86f8c1ab]{display:none;}
+.h-full[data-v-86f8c1ab]{height:100%;}
+.h6[data-v-86f8c1ab]{height:1.5rem;}
+.min-w-12[data-v-86f8c1ab]{min-width:3rem;}
+.w-full[data-v-86f8c1ab]{width:100%;}
+.flex[data-v-86f8c1ab]{display:flex;}
+.items-center[data-v-86f8c1ab]{align-items:center;}
+.justify-between[data-v-86f8c1ab]{justify-content:space-between;}
+.gap-2[data-v-86f8c1ab]{gap:0.5rem;}
+.border-0[data-v-86f8c1ab]{border-width:0px;}
+.p\[style-name\=\'Title\'\][data-v-86f8c1ab]{padding:style-name='Title';}
+.text-center[data-v-86f8c1ab]{text-align:center;}
+.text-sm[data-v-86f8c1ab]{font-size:0.875rem;line-height:1.25rem;}
+.text-gray-600[data-v-86f8c1ab]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
 
+/* unplugin-vue-components disabled */.file-container[data-v-86f8c1ab] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.file-container .file-toolbar[data-v-86f8c1ab] {
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--c-border, #e0e0e0);
+  background-color: var(--c-bg-card, #f9f9f9);
+  flex-shrink: 0;
+  z-index: 8;
+  position: relative;
+}
+.file-container .file-viewer[data-v-86f8c1ab] {
+  flex: 1;
+  min-height: 300px;
+}
 /* unplugin-vue-components disabled */.file-container[data-v-c415f23c] {
   display: flex;
   flex-direction: column;
@@ -474,142 +614,3 @@
 .px[data-v-c415f23c]{padding-left:1rem;padding-right:1rem;}
 .text-sm[data-v-c415f23c]{font-size:0.875rem;line-height:1.25rem;}
 .text-gray-600[data-v-c415f23c]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
-
-/* unplugin-vue-components disabled */.c-file-preview-wrapper[data-v-bd24aa22] {
-  width: 100%;
-}
-.c-file-preview-wrapper .file-info-card .file-info[data-v-bd24aa22] {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  padding: 16px;
-  border: 1px solid var(--c-border, #e0e0e0);
-  border-radius: 12px;
-  background: var(--c-bg-card, white);
-  transition: var(--c-transition, 0.2s ease);
-  cursor: pointer;
-}
-.c-file-preview-wrapper .file-info-card .file-info[data-v-bd24aa22]:hover {
-  border-color: var(--c-primary, #40a9ff);
-  box-shadow: 0 4px 12px rgba(64, 169, 255, 0.15);
-  transform: translateY(-1px);
-}
-.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-bd24aa22] {
-  flex-shrink: 0;
-  width: 56px;
-  height: 56px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
-  border-radius: 12px;
-  border: 1px solid #dee2e6;
-}
-.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-bd24aa22] {
-  flex: 1;
-  min-width: 0;
-}
-.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-bd24aa22] {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 6px;
-  font-weight: 600;
-  font-size: 16px;
-  color: var(--c-text-1, #1f2937);
-}
-.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-bd24aa22] {
-  display: flex;
-  gap: 16px;
-  font-size: 13px;
-  color: var(--c-text-2, #6b7280);
-}
-.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-bd24aa22] {
-  font-weight: 500;
-  color: var(--c-text-1, #374151);
-}
-.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-bd24aa22] {
-  flex-shrink: 0;
-  display: flex;
-  gap: 8px;
-}
-.modal-container[data-v-bd24aa22] {
-  background: var(--c-bg-card, white);
-  border-radius: 8px;
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow: visible;
-}
-.modal-container .modal-header[data-v-bd24aa22] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 16px 20px;
-  background: var(--c-bg, #fafafa);
-  border-bottom: 1px solid var(--c-border, #e0e0e0);
-  flex-shrink: 0;
-  z-index: 10;
-  position: relative;
-}
-.modal-container .modal-header .modal-title[data-v-bd24aa22] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: 600;
-  font-size: 16px;
-  color: var(--c-text-1, #333);
-}
-.modal-container .modal-header .modal-title span[data-v-bd24aa22] {
-  max-width: 400px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.modal-container .modal-header .modal-actions[data-v-bd24aa22] {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.modal-container .modal-content[data-v-bd24aa22] {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: visible;
-  min-height: 0;
-}
-.modal-container .preview-header[data-v-bd24aa22] {
-  padding: 16px;
-  border-bottom: 1px solid var(--c-border, #e0e0e0);
-  background-color: var(--c-bg-card, #f9f9f9);
-  flex-shrink: 0;
-  z-index: 9;
-  position: relative;
-}
-.modal-container .preview-content[data-v-bd24aa22] {
-  flex: 1;
-  overflow: auto;
-  min-height: 0;
-  position: relative;
-}
-.modal-container .preview-content .status-container[data-v-bd24aa22] {
-  height: 300px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-/* unplugin-vue-components disabled */
-/* layer: default */
-.hidden[data-v-bd24aa22]{display:none;}
-.h6[data-v-bd24aa22]{height:1.5rem;}
-.flex[data-v-bd24aa22]{display:flex;}
-.items-center[data-v-bd24aa22]{align-items:center;}
-.justify-between[data-v-bd24aa22]{justify-content:space-between;}
-.gap-2[data-v-bd24aa22]{gap:0.5rem;}
-.gap-3[data-v-bd24aa22]{gap:0.75rem;}
-.p\[style-name\=\'Title\'\][data-v-bd24aa22]{padding:style-name='Title';}
-.text-sm[data-v-bd24aa22]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-500[data-v-bd24aa22]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
-