@robot-admin/naive-ui-components 0.14.2 → 0.15.0

package/dist/C_Upload.css

@@ -1,132 +1,6 @@
 :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 */
-.flex[data-v-7674f0c8]{display:flex;}
-.border[data-v-7674f0c8]{border-width:1px;}
-
-/* unplugin-vue-components disabled */.c-upload[data-v-7674f0c8] {
-  --c-upload-progress-bg: var(--body-color, #fff);
-  --c-upload-progress-border: var(--border-color, #e5e7eb);
-  --c-upload-progress-radius: 8px;
-  --c-upload-label-color: var(--text-color-3, #999);
-  --c-upload-label-size: 12px;
-  width: 100%;
-}
-.c-upload__total-progress[data-v-7674f0c8] {
-  margin-top: 12px;
-  padding: 8px 12px;
-  border-radius: var(--c-upload-progress-radius);
-  background: var(--c-upload-progress-bg);
-  border: 1px solid var(--c-upload-progress-border);
-}
-.c-upload__total-label[data-v-7674f0c8] {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 6px;
-  font-size: var(--c-upload-label-size);
-  color: var(--c-upload-label-color);
-}
-/* unplugin-vue-components disabled */
-/* layer: default */
-.absolute[data-v-32d39ae9]{position:absolute;}
-.relative[data-v-32d39ae9]{position:relative;}
-.grid[data-v-32d39ae9]{display:grid;}
-.block[data-v-32d39ae9]{display:block;}
-.hidden[data-v-32d39ae9]{display:none;}
-.flex[data-v-32d39ae9]{display:flex;}
-.border[data-v-32d39ae9]{border-width:1px;}
-.transition[data-v-32d39ae9]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.ease[data-v-32d39ae9]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
-
-/* unplugin-vue-components disabled */
-/* layer: default */
-.hidden[data-v-04f26012]{display:none;}
-.flex[data-v-04f26012]{display:flex;}
-.flex-shrink[data-v-04f26012]{flex-shrink:1;}
-.transform[data-v-04f26012]{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));}
-.border[data-v-04f26012]{border-width:1px;}
-.transition[data-v-04f26012]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.ease[data-v-04f26012]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
-
-/* unplugin-vue-components disabled */.image-preview[data-v-32d39ae9] {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-  gap: 10px;
-  margin-top: 12px;
-}
-.image-preview__item[data-v-32d39ae9] {
-  position: relative;
-  aspect-ratio: 1;
-  border-radius: 8px;
-  overflow: hidden;
-  border: 1px solid var(--border-color);
-  background: var(--body-color);
-}
-.image-preview__item--error[data-v-32d39ae9] {
-  border-color: var(--error-color);
-}
-.image-preview__item--success[data-v-32d39ae9], .image-preview__item--instant[data-v-32d39ae9] {
-  border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));
-}
-.image-preview__item:hover .image-preview__overlay[data-v-32d39ae9] {
-  opacity: 1;
-}
-.image-preview__item:focus-within .image-preview__overlay[data-v-32d39ae9] {
-  opacity: 1;
-}
-.image-preview__img[data-v-32d39ae9] {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.image-preview__overlay[data-v-32d39ae9] {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  background: rgba(0, 0, 0, 0.45);
-  opacity: 0;
-  transition: opacity 0.2s ease;
-}
-.image-preview[data-v-32d39ae9] {
-  /* 上传中始终显示遮罩 */
-}
-.image-preview__item--uploading .image-preview__overlay[data-v-32d39ae9], .image-preview__item--hashing .image-preview__overlay[data-v-32d39ae9], .image-preview__item--error .image-preview__overlay[data-v-32d39ae9] {
-  opacity: 1;
-}
-.image-preview__progress[data-v-32d39ae9] .n-progress {
-  --n-fill-color: #fff;
-}
-.image-preview__status-icon[data-v-32d39ae9] {
-  font-size: 28px;
-}
-.image-preview__status-icon--success[data-v-32d39ae9] {
-  color: var(--success-color);
-}
-.image-preview__status-icon--error[data-v-32d39ae9] {
-  color: var(--error-color);
-}
-.image-preview__actions[data-v-32d39ae9] {
-  display: flex;
-  gap: 6px;
-}
-.image-preview__name[data-v-32d39ae9] {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 2px 6px;
-  font-size: 11px;
-  color: #fff;
-  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
-  text-align: center;
-}
-/* unplugin-vue-components disabled */.file-list[data-v-04f26012] {
+.file-list[data-v-04f26012] {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -228,33 +102,106 @@
 .file-list-move[data-v-04f26012] {
   transition: transform 0.3s ease;
 }
-/* unplugin-vue-components disabled */
-/* layer: shortcuts */
-.container[data-v-705892ab]{width:100%;}
-@media (min-width: 640px){
-.container[data-v-705892ab]{max-width:640px;}
+
+/* layer: default */
+.hidden[data-v-04f26012]{display:none;}
+.flex[data-v-04f26012]{display:flex;}
+.flex-shrink[data-v-04f26012]{flex-shrink:1;}
+.transform[data-v-04f26012]{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));}
+.border[data-v-04f26012]{border-width:1px;}
+.transition[data-v-04f26012]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.ease[data-v-04f26012]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
+
+.image-preview[data-v-32d39ae9] {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+  gap: 10px;
+  margin-top: 12px;
 }
-@media (min-width: 768px){
-.container[data-v-705892ab]{max-width:768px;}
+.image-preview__item[data-v-32d39ae9] {
+  position: relative;
+  aspect-ratio: 1;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--border-color);
+  background: var(--body-color);
 }
-@media (min-width: 1024px){
-.container[data-v-705892ab]{max-width:1024px;}
+.image-preview__item--error[data-v-32d39ae9] {
+  border-color: var(--error-color);
 }
-@media (min-width: 1280px){
-.container[data-v-705892ab]{max-width:1280px;}
+.image-preview__item--success[data-v-32d39ae9], .image-preview__item--instant[data-v-32d39ae9] {
+  border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));
 }
-@media (min-width: 1536px){
-.container[data-v-705892ab]{max-width:1536px;}
+.image-preview__item:hover .image-preview__overlay[data-v-32d39ae9] {
+  opacity: 1;
+}
+.image-preview__item:focus-within .image-preview__overlay[data-v-32d39ae9] {
+  opacity: 1;
+}
+.image-preview__img[data-v-32d39ae9] {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
+.image-preview__overlay[data-v-32d39ae9] {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  background: rgba(0, 0, 0, 0.45);
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+.image-preview[data-v-32d39ae9] {
+  /* 上传中始终显示遮罩 */
+}
+.image-preview__item--uploading .image-preview__overlay[data-v-32d39ae9], .image-preview__item--hashing .image-preview__overlay[data-v-32d39ae9], .image-preview__item--error .image-preview__overlay[data-v-32d39ae9] {
+  opacity: 1;
+}
+.image-preview__progress[data-v-32d39ae9] .n-progress {
+  --n-fill-color: #fff;
+}
+.image-preview__status-icon[data-v-32d39ae9] {
+  font-size: 28px;
+}
+.image-preview__status-icon--success[data-v-32d39ae9] {
+  color: var(--success-color);
+}
+.image-preview__status-icon--error[data-v-32d39ae9] {
+  color: var(--error-color);
+}
+.image-preview__actions[data-v-32d39ae9] {
+  display: flex;
+  gap: 6px;
+}
+.image-preview__name[data-v-32d39ae9] {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 2px 6px;
+  font-size: 11px;
+  color: #fff;
+  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
+  text-align: center;
+}
+
 /* layer: default */
-.relative[data-v-705892ab]{position:relative;}
-.flex[data-v-705892ab]{display:flex;}
-.transform[data-v-705892ab]{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));}
-.border[data-v-705892ab]{border-width:1px;}
-.transition[data-v-705892ab]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.ease[data-v-705892ab]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
+.absolute[data-v-32d39ae9]{position:absolute;}
+.relative[data-v-32d39ae9]{position:relative;}
+.grid[data-v-32d39ae9]{display:grid;}
+.block[data-v-32d39ae9]{display:block;}
+.hidden[data-v-32d39ae9]{display:none;}
+.flex[data-v-32d39ae9]{display:flex;}
+.border[data-v-32d39ae9]{border-width:1px;}
+.transition[data-v-32d39ae9]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.ease[data-v-32d39ae9]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 
-/* unplugin-vue-components disabled */.upload-area[data-v-705892ab] {
+.upload-area[data-v-705892ab] {
   position: relative;
   box-sizing: border-box;
   padding: 32px 24px;
@@ -311,4 +258,56 @@
 .upload-area__tip[data-v-705892ab] {
   font-size: 12px;
   color: var(--text-color-4);
-}
+}
+
+/* layer: shortcuts */
+.container[data-v-705892ab]{width:100%;}
+@media (min-width: 640px){
+.container[data-v-705892ab]{max-width:640px;}
+}
+@media (min-width: 768px){
+.container[data-v-705892ab]{max-width:768px;}
+}
+@media (min-width: 1024px){
+.container[data-v-705892ab]{max-width:1024px;}
+}
+@media (min-width: 1280px){
+.container[data-v-705892ab]{max-width:1280px;}
+}
+@media (min-width: 1536px){
+.container[data-v-705892ab]{max-width:1536px;}
+}
+/* layer: default */
+.relative[data-v-705892ab]{position:relative;}
+.flex[data-v-705892ab]{display:flex;}
+.transform[data-v-705892ab]{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));}
+.border[data-v-705892ab]{border-width:1px;}
+.transition[data-v-705892ab]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.ease[data-v-705892ab]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
+
+.c-upload[data-v-7674f0c8] {
+  --c-upload-progress-bg: var(--body-color, #fff);
+  --c-upload-progress-border: var(--border-color, #e5e7eb);
+  --c-upload-progress-radius: 8px;
+  --c-upload-label-color: var(--text-color-3, #999);
+  --c-upload-label-size: 12px;
+  width: 100%;
+}
+.c-upload__total-progress[data-v-7674f0c8] {
+  margin-top: 12px;
+  padding: 8px 12px;
+  border-radius: var(--c-upload-progress-radius);
+  background: var(--c-upload-progress-bg);
+  border: 1px solid var(--c-upload-progress-border);
+}
+.c-upload__total-label[data-v-7674f0c8] {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 6px;
+  font-size: var(--c-upload-label-size);
+  color: var(--c-upload-label-color);
+}
+
+/* layer: default */
+.flex[data-v-7674f0c8]{display:flex;}
+.border[data-v-7674f0c8]{border-width:1px;}