@koi-design/uxd-ui 14.0.9 → 14.0.11

package/es/components/Upload/UploadList.mjs

@@ -81,9 +81,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LoaderCircle = resolveComponent("LoaderCircle");
   const _component_FileIcon = resolveComponent("FileIcon");
   const _component_UIcon = resolveComponent("UIcon");
-  const _component_UProgress = resolveComponent("UProgress");
   const _component_ZoomIn = resolveComponent("ZoomIn");
   const _component_X = resolveComponent("X");
+  const _component_UProgress = resolveComponent("UProgress");
   return openBlock(), createBlock(TransitionGroup, {
     tag: "ul",
     class: normalizeClass({
@@ -142,17 +142,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: normalizeClass(`${_ctx.prefixCls}-list-item-name`),
                 onClick: withModifiers(($event) => _ctx.handleItemClick(file), ["prevent"])
               }, toDisplayString(file.name), 11, _hoisted_2),
-              createElementVNode("div", {
-                class: normalizeClass(`${_ctx.prefixCls}-list-item-progress`)
-              }, [
-                file.status === "uploading" ? (openBlock(), createBlock(_component_UProgress, {
-                  key: 0,
-                  type: _ctx.listType === "picture-card" ? "circle" : "line",
-                  percent: Number(file.percent.toFixed(1)),
-                  status: "active",
-                  "stroke-width": 4
-                }, null, 8, ["type", "percent"])) : createCommentVNode("v-if", true)
-              ], 2),
               createElementVNode("span", {
                 class: normalizeClass(`${_ctx.prefixCls}-list-item-action`)
               }, [
@@ -177,6 +166,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1032, ["class", "onClick"])) : createCommentVNode("v-if", true)
               ], 2)
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(`${_ctx.prefixCls}-list-item-progress`)
+            }, [
+              file.status === "uploading" ? (openBlock(), createBlock(_component_UProgress, {
+                key: 0,
+                type: _ctx.listType === "picture-card" ? "circle" : "line",
+                percent: Number(file.percent.toFixed(1)),
+                status: "active",
+                "stroke-width": 4
+              }, null, 8, ["type", "percent"])) : createCommentVNode("v-if", true)
             ], 2)
           ])
         ], 2);

package/es/components/Upload/UploadList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadList.mjs","sources":["../../../../src/components/Upload/UploadList.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"{\n      [`${prefixCls}-list`]: true,\n      [`${prefixCls}-list-${listType}`]: true,\n      [`${prefixCls}-list-disabled`]: disabled\n    }\"\n    :name=\"listType !== 'picture-card' ? 'upload-list' : 'upload-list-inline'\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid\"\n      :class=\"{\n        [`${prefixCls}-list-item`]: true,\n        [`${prefixCls}-list-item-${file.status}`]: true,\n        [`${listItemClass}`]: listItemClass\n      }\"\n    >\n      <slot :file=\"file\">\n        <div :class=\"`${prefixCls}-list-item-info`\">\n          <UIcon v-if=\"listType === 'text'\" :class=\"`${prefixCls}-list-item-icon`\" :spin=\"file.status === 'uploading'\">\n            <LoaderCircle v-if=\"file.status === 'uploading'\" />\n            <FileIcon v-else />\n          </UIcon>\n\n          <span\n            v-if=\"listType === 'picture' || listType === 'picture-card'\"\n            :class=\"{\n              [`${prefixCls}-list-item-thumbnail`]: true,\n              [`${prefixCls}-list-item-no-image`]: !isImageUrl(file)\n            }\"\n          >\n            <img v-if=\"isImageUrl(file)\" :src=\"getImageUrl(file)\" :alt=\"file.name\" />\n            <UIcon v-else :class=\"`${prefixCls}-list-item-icon`\">\n              <FileIcon />\n            </UIcon>\n          </span>\n\n          <a :class=\"`${prefixCls}-list-item-name`\" @click.prevent=\"handleItemClick(file)\">\n            {{ file.name }}\n          </a>\n          <div :class=\"`${prefixCls}-list-item-progress`\">\n            <UProgress\n              v-if=\"file.status === 'uploading'\"\n              :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n              :percent=\"Number(file.percent!.toFixed(1))\"\n              status=\"active\"\n              :stroke-width=\"4\"\n            />\n          </div>\n          <span :class=\"`${prefixCls}-list-item-action`\">\n            <UIcon\n              v-if=\"listType === 'picture-card' && (file.thumbUrl || file.url)\"\n              :class=\"`${prefixCls}-list-item-preview`\"\n              @click=\"handlePreview(file)\"\n            >\n              <ZoomIn />\n            </UIcon>\n            <UIcon\n              v-if=\"!disabled && file.status !== 'uploading' && file.status !== 'ready'\"\n              :class=\"`${prefixCls}-list-item-close`\"\n              @click=\"handleRemove(file)\"\n            >\n              <X />\n            </UIcon>\n          </span>\n        </div>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, nextTick, onUpdated } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { LoaderCircle, FileIcon, ZoomIn, X } from 'lucide-vue-next';\nimport UProgress from '@uxd-ui/components/Progress';\nimport { previewImage, isImageUrl } from './uitls/image';\nimport type { ListType, FileInfo } from './Upload.type';\n\nexport default defineComponent({\n  name: 'UUploadList',\n  components: {\n    UIcon,\n    UProgress,\n    LoaderCircle,\n    FileIcon,\n    ZoomIn,\n    X\n  },\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    files: {\n      type: Array as PropType<FileInfo[]>,\n      default: () => [] as FileInfo[]\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text'\n    },\n    listItemClass: {\n      type: String\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['remove', 'preview', 'click'],\n  setup(props, { emit }) {\n    const getImageUrl = (file: FileInfo) => {\n      return file.thumbUrl || file.url;\n    };\n\n    const handlePreview = (file: FileInfo) => {\n      emit('preview', file);\n    };\n\n    const handleRemove = (file: FileInfo) => {\n      emit('remove', file);\n    };\n\n    const handleItemClick = (file: FileInfo) => {\n      emit('click', file);\n    };\n\n    onUpdated(() => {\n      nextTick(() => {\n        if (props.listType !== 'picture' && props.listType !== 'picture-card') {\n          return;\n        }\n        ([] as FileInfo[]).concat(props.files).forEach((file) => {\n          if (!(file.raw instanceof File) || !(file.raw instanceof Blob) || file.thumbUrl !== undefined) {\n            return;\n          }\n          file.thumbUrl = '';\n          previewImage(file.raw).then((previewDataUrl) => {\n            file.thumbUrl = previewDataUrl || '';\n          });\n        });\n      });\n    });\n\n    return {\n      getImageUrl,\n      isImageUrl,\n      handleItemClick,\n      handlePreview,\n      handleRemove\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_TransitionGroup","_normalizeClass","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"UploadList.mjs","sources":["../../../../src/components/Upload/UploadList.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"{\n      [`${prefixCls}-list`]: true,\n      [`${prefixCls}-list-${listType}`]: true,\n      [`${prefixCls}-list-disabled`]: disabled\n    }\"\n    :name=\"listType !== 'picture-card' ? 'upload-list' : 'upload-list-inline'\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid\"\n      :class=\"{\n        [`${prefixCls}-list-item`]: true,\n        [`${prefixCls}-list-item-${file.status}`]: true,\n        [`${listItemClass}`]: listItemClass\n      }\"\n    >\n      <slot :file=\"file\">\n        <div :class=\"`${prefixCls}-list-item-info`\">\n          <UIcon v-if=\"listType === 'text'\" :class=\"`${prefixCls}-list-item-icon`\" :spin=\"file.status === 'uploading'\">\n            <LoaderCircle v-if=\"file.status === 'uploading'\" />\n            <FileIcon v-else />\n          </UIcon>\n\n          <span\n            v-if=\"listType === 'picture' || listType === 'picture-card'\"\n            :class=\"{\n              [`${prefixCls}-list-item-thumbnail`]: true,\n              [`${prefixCls}-list-item-no-image`]: !isImageUrl(file)\n            }\"\n          >\n            <img v-if=\"isImageUrl(file)\" :src=\"getImageUrl(file)\" :alt=\"file.name\" />\n            <UIcon v-else :class=\"`${prefixCls}-list-item-icon`\">\n              <FileIcon />\n            </UIcon>\n          </span>\n\n          <a :class=\"`${prefixCls}-list-item-name`\" @click.prevent=\"handleItemClick(file)\">\n            {{ file.name }}\n          </a>\n\n          <span :class=\"`${prefixCls}-list-item-action`\">\n            <UIcon\n              v-if=\"listType === 'picture-card' && (file.thumbUrl || file.url)\"\n              :class=\"`${prefixCls}-list-item-preview`\"\n              @click=\"handlePreview(file)\"\n            >\n              <ZoomIn />\n            </UIcon>\n            <UIcon\n              v-if=\"!disabled && file.status !== 'uploading' && file.status !== 'ready'\"\n              :class=\"`${prefixCls}-list-item-close`\"\n              @click=\"handleRemove(file)\"\n            >\n              <X />\n            </UIcon>\n          </span>\n        </div>\n        <div :class=\"`${prefixCls}-list-item-progress`\">\n          <UProgress\n            v-if=\"file.status === 'uploading'\"\n            :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n            :percent=\"Number(file.percent!.toFixed(1))\"\n            status=\"active\"\n            :stroke-width=\"4\"\n          />\n        </div>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, nextTick, onUpdated } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { LoaderCircle, FileIcon, ZoomIn, X } from 'lucide-vue-next';\nimport UProgress from '@uxd-ui/components/Progress';\nimport { previewImage, isImageUrl } from './uitls/image';\nimport type { ListType, FileInfo } from './Upload.type';\n\nexport default defineComponent({\n  name: 'UUploadList',\n  components: {\n    UIcon,\n    UProgress,\n    LoaderCircle,\n    FileIcon,\n    ZoomIn,\n    X\n  },\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    files: {\n      type: Array as PropType<FileInfo[]>,\n      default: () => [] as FileInfo[]\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text'\n    },\n    listItemClass: {\n      type: String\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['remove', 'preview', 'click'],\n  setup(props, { emit }) {\n    const getImageUrl = (file: FileInfo) => {\n      return file.thumbUrl || file.url;\n    };\n\n    const handlePreview = (file: FileInfo) => {\n      emit('preview', file);\n    };\n\n    const handleRemove = (file: FileInfo) => {\n      emit('remove', file);\n    };\n\n    const handleItemClick = (file: FileInfo) => {\n      emit('click', file);\n    };\n\n    onUpdated(() => {\n      nextTick(() => {\n        if (props.listType !== 'picture' && props.listType !== 'picture-card') {\n          return;\n        }\n        ([] as FileInfo[]).concat(props.files).forEach((file) => {\n          if (!(file.raw instanceof File) || !(file.raw instanceof Blob) || file.thumbUrl !== undefined) {\n            return;\n          }\n          file.thumbUrl = '';\n          previewImage(file.raw).then((previewDataUrl) => {\n            file.thumbUrl = previewDataUrl || '';\n          });\n        });\n      });\n    });\n\n    return {\n      getImageUrl,\n      isImageUrl,\n      handleItemClick,\n      handlePreview,\n      handleRemove\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_TransitionGroup","_normalizeClass","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_withModifiers"],"mappings":"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"}

package/lib/components/Upload/UploadList.js

@@ -85,9 +85,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LoaderCircle = vue.resolveComponent("LoaderCircle");
   const _component_FileIcon = vue.resolveComponent("FileIcon");
   const _component_UIcon = vue.resolveComponent("UIcon");
-  const _component_UProgress = vue.resolveComponent("UProgress");
   const _component_ZoomIn = vue.resolveComponent("ZoomIn");
   const _component_X = vue.resolveComponent("X");
+  const _component_UProgress = vue.resolveComponent("UProgress");
   return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
     tag: "ul",
     class: vue.normalizeClass({
@@ -146,17 +146,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: vue.normalizeClass(`${_ctx.prefixCls}-list-item-name`),
                 onClick: vue.withModifiers(($event) => _ctx.handleItemClick(file), ["prevent"])
               }, vue.toDisplayString(file.name), 11, _hoisted_2),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(`${_ctx.prefixCls}-list-item-progress`)
-              }, [
-                file.status === "uploading" ? (vue.openBlock(), vue.createBlock(_component_UProgress, {
-                  key: 0,
-                  type: _ctx.listType === "picture-card" ? "circle" : "line",
-                  percent: Number(file.percent.toFixed(1)),
-                  status: "active",
-                  "stroke-width": 4
-                }, null, 8, ["type", "percent"])) : vue.createCommentVNode("v-if", true)
-              ], 2),
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(`${_ctx.prefixCls}-list-item-action`)
               }, [
@@ -181,6 +170,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
               ], 2)
+            ], 2),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(`${_ctx.prefixCls}-list-item-progress`)
+            }, [
+              file.status === "uploading" ? (vue.openBlock(), vue.createBlock(_component_UProgress, {
+                key: 0,
+                type: _ctx.listType === "picture-card" ? "circle" : "line",
+                percent: Number(file.percent.toFixed(1)),
+                status: "active",
+                "stroke-width": 4
+              }, null, 8, ["type", "percent"])) : vue.createCommentVNode("v-if", true)
             ], 2)
           ])
         ], 2);

package/lib/components/Upload/UploadList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadList.js","sources":["../../../../src/components/Upload/UploadList.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"{\n      [`${prefixCls}-list`]: true,\n      [`${prefixCls}-list-${listType}`]: true,\n      [`${prefixCls}-list-disabled`]: disabled\n    }\"\n    :name=\"listType !== 'picture-card' ? 'upload-list' : 'upload-list-inline'\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid\"\n      :class=\"{\n        [`${prefixCls}-list-item`]: true,\n        [`${prefixCls}-list-item-${file.status}`]: true,\n        [`${listItemClass}`]: listItemClass\n      }\"\n    >\n      <slot :file=\"file\">\n        <div :class=\"`${prefixCls}-list-item-info`\">\n          <UIcon v-if=\"listType === 'text'\" :class=\"`${prefixCls}-list-item-icon`\" :spin=\"file.status === 'uploading'\">\n            <LoaderCircle v-if=\"file.status === 'uploading'\" />\n            <FileIcon v-else />\n          </UIcon>\n\n          <span\n            v-if=\"listType === 'picture' || listType === 'picture-card'\"\n            :class=\"{\n              [`${prefixCls}-list-item-thumbnail`]: true,\n              [`${prefixCls}-list-item-no-image`]: !isImageUrl(file)\n            }\"\n          >\n            <img v-if=\"isImageUrl(file)\" :src=\"getImageUrl(file)\" :alt=\"file.name\" />\n            <UIcon v-else :class=\"`${prefixCls}-list-item-icon`\">\n              <FileIcon />\n            </UIcon>\n          </span>\n\n          <a :class=\"`${prefixCls}-list-item-name`\" @click.prevent=\"handleItemClick(file)\">\n            {{ file.name }}\n          </a>\n          <div :class=\"`${prefixCls}-list-item-progress`\">\n            <UProgress\n              v-if=\"file.status === 'uploading'\"\n              :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n              :percent=\"Number(file.percent!.toFixed(1))\"\n              status=\"active\"\n              :stroke-width=\"4\"\n            />\n          </div>\n          <span :class=\"`${prefixCls}-list-item-action`\">\n            <UIcon\n              v-if=\"listType === 'picture-card' && (file.thumbUrl || file.url)\"\n              :class=\"`${prefixCls}-list-item-preview`\"\n              @click=\"handlePreview(file)\"\n            >\n              <ZoomIn />\n            </UIcon>\n            <UIcon\n              v-if=\"!disabled && file.status !== 'uploading' && file.status !== 'ready'\"\n              :class=\"`${prefixCls}-list-item-close`\"\n              @click=\"handleRemove(file)\"\n            >\n              <X />\n            </UIcon>\n          </span>\n        </div>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, nextTick, onUpdated } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { LoaderCircle, FileIcon, ZoomIn, X } from 'lucide-vue-next';\nimport UProgress from '@uxd-ui/components/Progress';\nimport { previewImage, isImageUrl } from './uitls/image';\nimport type { ListType, FileInfo } from './Upload.type';\n\nexport default defineComponent({\n  name: 'UUploadList',\n  components: {\n    UIcon,\n    UProgress,\n    LoaderCircle,\n    FileIcon,\n    ZoomIn,\n    X\n  },\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    files: {\n      type: Array as PropType<FileInfo[]>,\n      default: () => [] as FileInfo[]\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text'\n    },\n    listItemClass: {\n      type: String\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['remove', 'preview', 'click'],\n  setup(props, { emit }) {\n    const getImageUrl = (file: FileInfo) => {\n      return file.thumbUrl || file.url;\n    };\n\n    const handlePreview = (file: FileInfo) => {\n      emit('preview', file);\n    };\n\n    const handleRemove = (file: FileInfo) => {\n      emit('remove', file);\n    };\n\n    const handleItemClick = (file: FileInfo) => {\n      emit('click', file);\n    };\n\n    onUpdated(() => {\n      nextTick(() => {\n        if (props.listType !== 'picture' && props.listType !== 'picture-card') {\n          return;\n        }\n        ([] as FileInfo[]).concat(props.files).forEach((file) => {\n          if (!(file.raw instanceof File) || !(file.raw instanceof Blob) || file.thumbUrl !== undefined) {\n            return;\n          }\n          file.thumbUrl = '';\n          previewImage(file.raw).then((previewDataUrl) => {\n            file.thumbUrl = previewDataUrl || '';\n          });\n        });\n      });\n    });\n\n    return {\n      getImageUrl,\n      isImageUrl,\n      handleItemClick,\n      handlePreview,\n      handleRemove\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","UProgress","LoaderCircle","FileIcon","ZoomIn","X","isImageUrl","_createBlock","_TransitionGroup","_normalizeClass","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"UploadList.js","sources":["../../../../src/components/Upload/UploadList.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"{\n      [`${prefixCls}-list`]: true,\n      [`${prefixCls}-list-${listType}`]: true,\n      [`${prefixCls}-list-disabled`]: disabled\n    }\"\n    :name=\"listType !== 'picture-card' ? 'upload-list' : 'upload-list-inline'\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid\"\n      :class=\"{\n        [`${prefixCls}-list-item`]: true,\n        [`${prefixCls}-list-item-${file.status}`]: true,\n        [`${listItemClass}`]: listItemClass\n      }\"\n    >\n      <slot :file=\"file\">\n        <div :class=\"`${prefixCls}-list-item-info`\">\n          <UIcon v-if=\"listType === 'text'\" :class=\"`${prefixCls}-list-item-icon`\" :spin=\"file.status === 'uploading'\">\n            <LoaderCircle v-if=\"file.status === 'uploading'\" />\n            <FileIcon v-else />\n          </UIcon>\n\n          <span\n            v-if=\"listType === 'picture' || listType === 'picture-card'\"\n            :class=\"{\n              [`${prefixCls}-list-item-thumbnail`]: true,\n              [`${prefixCls}-list-item-no-image`]: !isImageUrl(file)\n            }\"\n          >\n            <img v-if=\"isImageUrl(file)\" :src=\"getImageUrl(file)\" :alt=\"file.name\" />\n            <UIcon v-else :class=\"`${prefixCls}-list-item-icon`\">\n              <FileIcon />\n            </UIcon>\n          </span>\n\n          <a :class=\"`${prefixCls}-list-item-name`\" @click.prevent=\"handleItemClick(file)\">\n            {{ file.name }}\n          </a>\n\n          <span :class=\"`${prefixCls}-list-item-action`\">\n            <UIcon\n              v-if=\"listType === 'picture-card' && (file.thumbUrl || file.url)\"\n              :class=\"`${prefixCls}-list-item-preview`\"\n              @click=\"handlePreview(file)\"\n            >\n              <ZoomIn />\n            </UIcon>\n            <UIcon\n              v-if=\"!disabled && file.status !== 'uploading' && file.status !== 'ready'\"\n              :class=\"`${prefixCls}-list-item-close`\"\n              @click=\"handleRemove(file)\"\n            >\n              <X />\n            </UIcon>\n          </span>\n        </div>\n        <div :class=\"`${prefixCls}-list-item-progress`\">\n          <UProgress\n            v-if=\"file.status === 'uploading'\"\n            :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n            :percent=\"Number(file.percent!.toFixed(1))\"\n            status=\"active\"\n            :stroke-width=\"4\"\n          />\n        </div>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, nextTick, onUpdated } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { LoaderCircle, FileIcon, ZoomIn, X } from 'lucide-vue-next';\nimport UProgress from '@uxd-ui/components/Progress';\nimport { previewImage, isImageUrl } from './uitls/image';\nimport type { ListType, FileInfo } from './Upload.type';\n\nexport default defineComponent({\n  name: 'UUploadList',\n  components: {\n    UIcon,\n    UProgress,\n    LoaderCircle,\n    FileIcon,\n    ZoomIn,\n    X\n  },\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    files: {\n      type: Array as PropType<FileInfo[]>,\n      default: () => [] as FileInfo[]\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text'\n    },\n    listItemClass: {\n      type: String\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['remove', 'preview', 'click'],\n  setup(props, { emit }) {\n    const getImageUrl = (file: FileInfo) => {\n      return file.thumbUrl || file.url;\n    };\n\n    const handlePreview = (file: FileInfo) => {\n      emit('preview', file);\n    };\n\n    const handleRemove = (file: FileInfo) => {\n      emit('remove', file);\n    };\n\n    const handleItemClick = (file: FileInfo) => {\n      emit('click', file);\n    };\n\n    onUpdated(() => {\n      nextTick(() => {\n        if (props.listType !== 'picture' && props.listType !== 'picture-card') {\n          return;\n        }\n        ([] as FileInfo[]).concat(props.files).forEach((file) => {\n          if (!(file.raw instanceof File) || !(file.raw instanceof Blob) || file.thumbUrl !== undefined) {\n            return;\n          }\n          file.thumbUrl = '';\n          previewImage(file.raw).then((previewDataUrl) => {\n            file.thumbUrl = previewDataUrl || '';\n          });\n        });\n      });\n    });\n\n    return {\n      getImageUrl,\n      isImageUrl,\n      handleItemClick,\n      handlePreview,\n      handleRemove\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","UProgress","LoaderCircle","FileIcon","ZoomIn","X","isImageUrl","_createBlock","_TransitionGroup","_normalizeClass","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_withModifiers"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koi-design/uxd-ui",
-  "version": "14.0.9",
+  "version": "14.0.11",
   "description": "uxd ui component with vue3.0",
   "license": "MIT",
   "maintainers": [],

package/styles/components/upload/index.css

@@ -1 +1 @@
-.uui-upload,.uui-upload-list-item{--upload-picture-card-size:104px;--upload-background-color:var(--white-a12);--upload-disabled-color:var(--gray-7);--upload-font-size-base:var(--default-font-size);--upload-name-padding-left:calc(22px * var(--scaling));--upload-secondary-color:var(--secondary-font-color);--upload-item-hover-bg:var(--white-a9);--upload-error-color:var(--error-color);--upload-action-text-color:var(--black-a7);--upload-action-text-hover-color:var(--black-a12);--upload-action-icon-color:var(--white-a9);--upload-action-icon-inverse-color:var(--white-a12);--upload-text-color:var(--black-a7);--upload-picture-card-margin-right:var(--space-2);--upload-picture-card-margin-bottom:var(--space-2);--upload-list-item-margin-top:var(--space-2);--upload-list-item-height:calc(22px * var(--scaling));--upload-list-item-icon-line-height:calc(22px * var(--scaling));--upload-list-item-action-padding-right:var(--space-2);--upload-list-item-action-line-height:calc(22px * var(--scaling));--upload-list-item-action-transition-time:var(--animation-time);--upload-list-item-info-padding:0 var(--space-4) 0 var(--space-1);--upload-list-item-info-transition-time:var(--animation-time);--upload-list-item-progress-position-bottom:calc(-1 * var(--space-2));--upload-list-item-picture-height:calc(16.5 * var(--space-1));--upload-list-item-picture-padding:var(--space-2);--upload-list-item-picture-thumbnail-top:var(--space-2);--upload-list-item-picture-thumbnail-left:var(--space-2);--upload-list-item-picture-thumbnail-width:calc(12 * var(--space-1));--upload-list-item-picture-thumbnail-height:calc(12 * var(--space-1));--upload-list-item-picture-thumbnail-font-size:calc(6.5 * var(--space-1));--upload-list-item-picture-thumbnail-line-height:calc(13.5 * var(--space-1));--upload-list-item-picture-thumbnail-line-opacity:0.8;--upload-list-item-picture-thumbnail-img-width:calc(12 * var(--space-1));--upload-list-item-picture-thumbnail-img-height:calc(12 * var(--space-1));--upload-list-item-picture-icon-font-size:calc(6.5 * var(--space-1));--upload-list-item-picture-name-margin:0 0 0 var(--space-2);--upload-list-item-picture-name-padding-right:var(--space-2);--upload-list-item-picture-name-padding-left:calc(12 * var(--space-1));--upload-list-item-picture-name-line-height:calc(11 * var(--space-1));--upload-list-item-picture-name-transition-time:var(--animation-time);--upload-list-item-picture-close-right:var(--space-2);--upload-list-item-picture-close-line-height:1;--upload-list-item-picture-uploading-line-height:calc(7 * var(--space-1));--upload-list-item-picture-progress-bottom:calc(3.5 * var(--space-1));--upload-list-item-picture-progress-padding-left:calc(14 * var(--space-1));--upload-list-item-picture-action-top:calc(6.25 * var(--space-1));--upload-list-item-picture-card-margin:0 var(--space-2) var(--space-2) 0;--upload-list-item-picture-card-padding:var(--space-2);--upload-list-item-picture-card-action-transition-time:var(--animation-time);--upload-list-item-picture-card-action-icon-width:var(--space-6);--upload-list-item-picture-card-action-icon-margin:0 var(--space-1);--upload-list-item-picture-card-action-icon-font-size:var(--space-6);--upload-list-item-picture-card-action-icon-transition-time:var(--animation-time);--upload-list-item-picture-card-info-before-transition-time:var(--animation-time);--upload-list-item-picture-card-name-margin:var(--space-2) 0 0;--upload-list-item-picture-card-no-name-bottom:calc(2.5 * --space-1);--upload-list-item-picture-card-icon-font-size:calc(6.5 * --space-1);--upload-list-item-picture-card-icon-line-height:calc(13.5 * --space-1);--upload-list-item-tip-margin-top:var(--space-1);--upload-list-item-dragger-padding:var(--space-4) 0;--upload-list-item-dragger-transition-time:var(--animation-time);--upload-list-item-dragger-disabled-border-width:calc(2 * var(--border-width-base));--upload-list-item-dragger-icon-font-size:calc(12 * var(--space-1));--upload-list-item-dragger-upload-text-margin:0 0 var(--space-1);--upload-list-item-picture-card-transition-time:var(--animation-time)}.uui-upload-tip{--upload-secondary-color:var(--secondary-font-color);--upload-list-item-tip-margin-top:var(--space-1)}.dark .uui-upload,.dark-theme .uui-upload{--upload-background-color:var(--black-a12);--upload-text-color:var(--white-a7);--upload-item-hover-bg:var(--black-a9);--upload-action-text-color:var(--white-a7);--upload-action-text-hover-color:var(--white-a12)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-upload{display:inline-flex}.uui-upload:focus{outline:0}.uui-upload.uui-upload-disabled{cursor:var(--cursor-disabled)}.uui-upload-picture-card{display:inline-flex;align-items:center;justify-content:center;vertical-align:top;width:var(--upload-picture-card-size);height:var(--upload-picture-card-size);margin-right:var(--upload-picture-card-margin-right);margin-bottom:var(--upload-picture-card-margin-bottom);background-color:var(--upload-background-color);border:var(--border-width-base) dashed var(--color-border-base);border-radius:var(--control-radius);cursor:pointer;transition:border-color var(--upload-list-item-picture-card-transition-time) ease}.uui-upload-picture-card>div{display:block;text-align:center;vertical-align:middle}.uui-upload-picture-card:hover{border-color:var(--primary-10)}.uui-upload-picture-card.uui-upload-disabled{border-color:var(--upload-disabled-color);color:var(--upload-disabled-color)}.uui-upload-input{display:none}.uui-upload-list{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings)}.uui-upload-list-item{position:relative;height:var(--upload-list-item-height);margin-top:var(--upload-list-item-margin-top);font-size:var(--upload-font-size-base)}.uui-upload-list-item-icon{position:absolute;top:0;color:var(--upload-secondary-color);font-size:var(--upload-font-size-base);line-height:var(--upload-list-item-icon-line-height)}.uui-upload-list-item-action{position:absolute;right:0}.uui-upload-list-item-action .uui-icon{padding-right:var(--upload-list-item-action-padding-right);line-height:var(--upload-list-item-action-line-height);color:var(--upload-action-text-color);cursor:pointer;transition:all var(--upload-list-item-action-transition-time)}.uui-upload-list-item-action .uui-icon:hover{color:var(--upload-action-text-hover-color)}.uui-upload-list-item-name{display:inline-block;width:100%;padding-left:var(--upload-name-padding-left);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-upload-list-item-info{height:100%;padding:var(--upload-list-item-info-padding);transition:background-color var(--upload-list-item-info-transition-time)}.uui-upload-list-item:hover .uui-upload-list-item-info{background-color:var(--upload-item-hover-bg)}.uui-upload-list-item-fail,.uui-upload-list-item-fail .uui-upload-list-item-icon,.uui-upload-list-item-fail .uui-upload-list-item-name{color:var(--upload-error-color)}.uui-upload-list-item-progress{position:absolute;bottom:var(--upload-list-item-progress-position-bottom);width:100%;padding-left:var(--upload-name-padding-left);font-size:var(--upload-font-size-base);line-height:0}.uui-upload-list-item-progress .uui-progress-circle .uui-progress-text{color:#fff}.uui-upload-list-picture .uui-upload-list-item{position:relative;height:var(--upload-list-item-picture-height);padding:var(--upload-list-item-picture-padding);border:var(--border-width-base) var(--border-style-base) var(--color-border-base);border-radius:var(--control-radius)}.uui-upload-list-picture .uui-upload-list-item:hover{background:0 0}.uui-upload-list-picture .uui-upload-list-item:hover .uui-upload-list-item-info{background:0 0}.uui-upload-list-picture .uui-upload-list-item-fail{border-color:var(--upload-error-color)}.uui-upload-list-picture .uui-upload-list-item-thumbnail{position:absolute;top:var(--upload-list-item-picture-thumbnail-top);left:var(--upload-list-item-picture-thumbnail-left);width:var(--upload-list-item-picture-thumbnail-width);height:var(--upload-list-item-picture-thumbnail-height);font-size:var(--upload-list-item-picture-thumbnail-font-size);line-height:var(--upload-list-item-picture-thumbnail-line-height);text-align:center;opacity:var(--upload-list-item-picture-thumbnail-line-opacity)}.uui-upload-list-picture .uui-upload-list-item-thumbnail img{display:block;width:var(--upload-list-item-picture-thumbnail-img-width);height:var(--upload-list-item-picture-thumbnail-img-height);overflow:hidden}.uui-upload-list-picture .uui-upload-list-item-icon{position:absolute;top:50%;left:50%;font-size:var(--upload-list-item-picture-icon-font-size);transform:translate(-50%,-50%)}.uui-upload-list-picture .uui-upload-list-item-info{padding-left:0}.uui-upload-list-picture .uui-upload-list-item-name{display:inline-block;box-sizing:border-box;max-width:100%;margin:var(--upload-list-item-picture-name-margin);padding-right:var(--upload-list-item-picture-name-padding-right);padding-left:var(--upload-list-item-picture-name-padding-left);overflow:hidden;line-height:var(--upload-list-item-picture-name-line-height);white-space:nowrap;text-overflow:ellipsis;transition:all var(--upload-list-item-picture-name-transition-time)}.uui-upload-list-picture .uui-upload-list-item-close{position:absolute;top:0;right:var(--upload-list-item-picture-close-right);line-height:var(--upload-list-item-picture-close-line-height)}.uui-upload-list-picture .uui-upload-list-item-uploading .uui-upload-list-item-name{line-height:var(--upload-list-item-picture-uploading-line-height)}.uui-upload-list-picture .uui-upload-list-item-progress{bottom:var(--upload-list-item-picture-progress-bottom);width:calc(100% - 24px);margin-top:0;padding-left:var(--upload-list-item-picture-progress-padding-left)}.uui-upload-list-picture .uui-upload-list-item-action{top:var(--upload-list-item-picture-action-top)}.uui-upload-list-picture-card{display:inline-flex;vertical-align:top;flex-wrap:wrap}.uui-upload-list-picture-card .uui-upload-list-item{position:relative;border:var(--border-width-base) var(--border-style-base) var(--color-border-base);border-radius:var(--control-radius);width:var(--upload-picture-card-size);height:var(--upload-picture-card-size);margin:var(--upload-list-item-picture-card-margin);padding:var(--upload-list-item-picture-card-padding)}.uui-upload-list-picture-card .uui-upload-list-item:hover{background:0 0}.uui-upload-list-picture-card .uui-upload-list-item:hover .uui-upload-list-item-info{background:0 0}.uui-upload-list-picture-card .uui-upload-list-item:hover .uui-upload-list-item-info::before{opacity:1}.uui-upload-list-picture-card .uui-upload-list-item-action{top:50%;left:50%;right:auto;z-index:10;white-space:nowrap;transform:translate(-50%,-50%);opacity:0;transition:all var(--upload-list-item-picture-card-action-transition-time)}.uui-upload-list-picture-card .uui-upload-list-item-action .uui-icon{z-index:10;width:var(--upload-list-item-picture-card-action-icon-width);margin:var(--upload-list-item-picture-card-action-icon-margin);color:var(--upload-action-icon-color);font-size:var(--upload-list-item-picture-card-action-icon-font-size);cursor:pointer;transition:all var(--upload-list-item-picture-card-action-icon-transition-time)}.uui-upload-list-picture-card .uui-upload-list-item-action .uui-icon:hover{color:var(--upload-action-icon-inverse-color)}.uui-upload-list-picture-card .uui-upload-list-item-info{position:relative;padding:0;height:100%;overflow:hidden}.uui-upload-list-picture-card .uui-upload-list-item-info::before{position:absolute;z-index:1;width:100%;height:100%;background-color:var(--black-a7);opacity:0;transition:all var(--upload-list-item-picture-card-info-before-transition-time);content:' '}.uui-upload-list-picture-card .uui-upload-list-item-info .uui-upload-list-item-action:hover,.uui-upload-list-picture-card .uui-upload-list-item-info:hover+.uui-upload-list-item-action{opacity:1}.uui-upload-list-picture-card .uui-upload-list-item-thumbnail{position:static;display:block;width:100%;height:100%;text-align:center}.uui-upload-list-picture-card .uui-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}.uui-upload-list-picture-card .uui-upload-list-item-name{display:none;margin:var(--upload-list-item-picture-card-name-margin);padding:0;line-height:var(--line-height-normal);text-align:center}.uui-upload-list-picture-card .uui-upload-list-item .uui-upload-list-item-no-image+.uui-upload-list-item-name{position:absolute;bottom:var(--upload-list-item-picture-card-no-name-bottom);display:block}.uui-upload-list-picture-card .uui-upload-list-item-icon{position:static;font-size:var(--upload-list-item-picture-card-icon-font-size);line-height:var(--upload-list-item-picture-card-icon-line-height)}.uui-upload-list-picture-card .uui-upload-list-item-ready.uui-upload-list-item,.uui-upload-list-picture-card .uui-upload-list-item-uploading.uui-upload-list-item{background-color:var(--upload-background-color)}.uui-upload-list-picture-card .uui-upload-list-item-ready .uui-upload-list-item-info .uui-icon,.uui-upload-list-picture-card .uui-upload-list-item-uploading .uui-upload-list-item-info .uui-icon{display:none}.uui-upload-list-picture-card .uui-upload-list-item-ready .uui-upload-list-item-info::before,.uui-upload-list-picture-card .uui-upload-list-item-uploading .uui-upload-list-item-info::before{opacity:1}.uui-upload-list-picture-card .uui-upload-list-item-progress{z-index:1;bottom:0;padding-left:0}.uui-upload-list-picture-card .uui-upload-list-item-fail{border-color:var(--upload-error-color)}.uui-upload-tip{clear:both;font-size:var(--font-size-xs);color:var(--upload-secondary-color);margin-top:var(--upload-list-item-tip-margin-top)}.uui-upload-drag{width:100%}.uui-upload-dragger{position:relative;width:100%;padding:var(--upload-list-item-dragger-padding);text-align:center;background:var(--upload-background-color);border:var(--border-width-base) dashed var(--color-border-base);border-radius:var(--control-radius);cursor:pointer;transition:border-color var(--upload-list-item-dragger-transition-time)}.uui-upload-dragger.uui-upload-dragger-disabled{cursor:var(--cursor-disabled)}.uui-upload-dragger.uui-upload-dragger-disabled p.upload-drag-icon .uui-icon{color:var(--upload-disabled-color)}.uui-upload-dragger.uui-upload-dragger-disabled p.upload-hint,.uui-upload-dragger.uui-upload-dragger-disabled p.upload-text{color:var(--upload-disabled-color)}.uui-upload-dragger.uui-upload-dragger-hover:not(.uui-upload-dragger-disabled){background-color:var(--primary-2);border-width:var(--upload-list-item-dragger-disabled-border-width);border-color:var(--primary-11)}.uui-upload-dragger:not(.uui-upload-dragger-disabled):hover{border-color:var(--primary-11)}.uui-upload-dragger p.upload-drag-icon .uui-icon{color:var(--primary-8);font-size:var(--upload-list-item-dragger-icon-font-size)}.uui-upload-dragger p.upload-text{margin:var(--upload-list-item-dragger-upload-text-margin);color:var(--upload-text-color);font-size:var(--font-size-base)}.uui-upload-dragger p.upload-hint{color:var(--upload-secondary-color);font-size:var(--upload-font-size-base)}.upload-list-enter-active{animation-duration:var(--animation-time,.3);animation-fill-mode:both;animation-name:uploadList}.upload-list-leave-active{animation-duration:var(--animation-time,.3);animation-fill-mode:both;animation-name:uploadList;animation-direction:reverse}.upload-list-enter-from{animation-timing-function:var(--ease-out-circ)}.upload-list-leave-to{animation-timing-function:var(--ease-in-out-circ)}.upload-list-inline-enter-active{animation-duration:var(--animation-time,.3);animation-fill-mode:both;animation-name:uploadListInline}.upload-list-inline-leave-active{animation-duration:var(--animation-time,.3);animation-fill-mode:both;animation-name:uploadListInline;animation-direction:reverse}.upload-list-inline-enter-from{animation-timing-function:var(--ease-out-circ)}.upload-list-inline-leave-to{animation-timing-function:var(--ease-in-out-circ)}@keyframes uploadList{from{height:0;margin:0;padding:0;opacity:0}}@keyframes uploadListInline{from{width:0;margin:0;padding:0;opacity:0}}
+.uui-upload,.uui-upload-list-item{--upload-dragger-padding:var(--space-4) var(--space-3);--upload-list-item-padding:var(--space-2) var(--space-1-5);--upload-picture-image-size:var(--space-8);--upload-picture-icon-size:var(--space-5);--upload-picture-card-size:7rem;--upload-picture-card-icon-size:var(--space-4);--upload-picture-card-action-size:var(--space-5);--upload-picture-card-action-progress-size:var(--space-12)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-upload{display:inline-flex}.uui-upload:focus{outline:0}.uui-upload.uui-upload-disabled{cursor:var(--cursor-disabled)}.uui-upload-picture-card{display:inline-flex;align-items:center;justify-content:center;vertical-align:top;width:var(--upload-picture-card-size);height:var(--upload-picture-card-size);background-color:var(--color-background);border:1px dashed var(--color-border-base);border-radius:var(--control-radius);cursor:pointer;transition:border-color var(--animation-time) ease}.uui-upload-picture-card>div{display:block;text-align:center}.uui-upload-picture-card:hover{border-color:var(--primary-color)}.uui-upload-input{display:none}.uui-upload-list{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);display:flex;flex-direction:column;gap:var(--space-1-5)}.uui-upload-list-item{position:relative;padding:var(--upload-list-item-padding);font-size:var(--default-font-size);width:100%;border-radius:var(--radius-base)}.uui-upload-list-item-info{display:flex;align-items:center;column-gap:var(--space-1);width:100%}.uui-upload-list-item:hover{background-color:var(--color-background-secondary)}.uui-upload-list-item-icon{color:var(--icon-font-color);font-size:var(--icon-font-size);line-height:1;flex:0}.uui-upload-list-item-action{flex:0}.uui-upload-list-item-action .uui-icon{color:var(--icon-font-color);cursor:pointer;transition:all var(--animation-time);opacity:.6}.uui-upload-list-item-action .uui-icon:hover{opacity:1}.uui-upload-list-item-name{flex:1 1 auto;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.uui-upload-list-item-fail,.uui-upload-list-item-fail .uui-upload-list-item-icon,.uui-upload-list-item-fail .uui-upload-list-item-name{color:var(--error-color)}.uui-upload-list-item-progress{width:100%;font-size:var(--default-font-size);line-height:0}.uui-upload-list-item-progress .uui-progress-circle .uui-progress-text{color:#fff}.uui-upload-list-picture .uui-upload-list-item{--upload-list-item-padding:var(--space-2) var(--space-3);position:relative;border:1px solid var(--color-border-base);border-radius:var(--radius-md)}.uui-upload-list-picture .uui-upload-list-item:hover{background:0 0}.uui-upload-list-picture .uui-upload-list-item:hover .uui-upload-list-item-info{background:0 0}.uui-upload-list-picture .uui-upload-list-item-fail{border-color:var(--error-color)}.uui-upload-list-picture .uui-upload-list-item-thumbnail img{display:block;width:var(--upload-picture-image-size);height:var(--upload-picture-image-size);overflow:hidden}.uui-upload-list-picture .uui-upload-list-item-icon{width:var(--upload-picture-image-size);height:var(--upload-picture-image-size);display:flex;align-items:center;justify-content:center;font-size:var(--upload-picture-icon-size)}.uui-upload-list-picture .uui-upload-list-item-info{padding-left:0}.uui-upload-list-picture .uui-upload-list-item-action{font-size:var(--space-4)}.uui-upload-list-picture-card{flex-flow:row wrap;gap:var(--space-2)}.uui-upload-list-picture-card .uui-upload-list-item{position:relative;border:1px solid var(--color-border-base);border-radius:var(--radius-md);width:var(--upload-picture-card-size);height:var(--upload-picture-card-size);padding:0}.uui-upload-list-picture-card .uui-upload-list-item:hover{background:0 0}.uui-upload-list-picture-card .uui-upload-list-item:hover .uui-upload-list-item-info{background:0 0}.uui-upload-list-picture-card .uui-upload-list-item:hover .uui-upload-list-item-info::before{opacity:1}.uui-upload-list-picture-card .uui-upload-list-item:hover .uui-upload-list-item-info .uui-upload-list-item-action{opacity:1}.uui-upload-list-picture-card .uui-upload-list-item-info{position:relative;padding:0;height:100%;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md)}.uui-upload-list-picture-card .uui-upload-list-item-info::before{position:absolute;z-index:1;width:100%;height:100%;background-color:var(--color-overlay);opacity:0;transition:all var(--animation-time);content:' '}.uui-upload-list-picture-card .uui-upload-list-item-thumbnail{position:static;display:block;width:100%;height:100%;text-align:center;padding:var(--space-2)}.uui-upload-list-picture-card .uui-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}.uui-upload-list-picture-card .uui-upload-list-item-name{display:none;flex:0 0 auto;line-height:var(--space-5)}.uui-upload-list-picture-card .uui-upload-list-item .uui-upload-list-item-no-image+.uui-upload-list-item-name{display:flex;align-items:center;justify-content:center}.uui-upload-list-picture-card .uui-upload-list-item .uui-upload-list-item-no-image{height:auto}.uui-upload-list-picture-card .uui-upload-list-item-icon{position:static;font-size:var(--upload-picture-card-icon-size)}.uui-upload-list-picture-card .uui-upload-list-item-action{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;display:flex;align-items:center;justify-content:center;gap:var(--space-1);z-index:10}.uui-upload-list-picture-card .uui-upload-list-item-action .uui-icon{opacity:.8;font-size:var(--upload-picture-card-action-size)}.uui-upload-list-picture-card .uui-upload-list-item-action .uui-icon:hover{opacity:1}.uui-upload-list-picture-card .uui-upload-list-item-ready .uui-upload-list-item-info .uui-icon,.uui-upload-list-picture-card .uui-upload-list-item-uploading .uui-upload-list-item-info .uui-icon{display:none}.uui-upload-list-picture-card .uui-upload-list-item-ready .uui-upload-list-item-info::before,.uui-upload-list-picture-card .uui-upload-list-item-uploading .uui-upload-list-item-info::before{opacity:1}.uui-upload-list-picture-card .uui-upload-list-item-progress{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--upload-picture-card-action-progress-size);height:var(--upload-picture-card-action-progress-size)}.uui-upload-list-picture-card .uui-upload-list-item-fail{border-color:var(--error-color)}.uui-upload-list-disabled{opacity:var(--disabled-opacity)}.uui-upload-tip{clear:both;font-size:var(--font-size-xs);color:var(--disabled-font-color);margin-top:var(--space-2)}.uui-upload-drag{width:100%}.uui-upload-dragger{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--upload-dragger-padding);background:var(--color-background);border:1px dashed var(--color-border-base);border-radius:var(--control-radius);cursor:pointer;transition:border-color var(--animation-time);row-gap:var(--space-2)}.uui-upload-dragger-disabled{opacity:var(--disabled-opacity)}.uui-upload-dragger.uui-upload-dragger-hover:not(.uui-upload-dragger-disabled),.uui-upload-dragger:not(.uui-upload-dragger-disabled):hover{background-color:var(--primary-a10);border-color:var(--primary-color)}.uui-upload-dragger .upload-drag-icon{margin:0}.uui-upload-dragger .upload-drag-icon .uui-icon{color:var(--primary-color);font-size:var(--space-7)}.uui-upload-dragger .upload-text{color:var(--default-font-color);font-size:var(--default-font-size);margin:0}.uui-upload-dragger .upload-hint{color:var(--secondary-font-color);font-size:var(--font-size-xs);margin:0}.upload-list-enter-active{animation-duration:var(--animation-time,.3);animation-fill-mode:both;animation-name:uploadList}.upload-list-leave-active{animation-duration:var(--animation-time,.3);animation-fill-mode:both;animation-name:uploadList;animation-direction:reverse}.upload-list-enter-from{animation-timing-function:var(--ease-out-circ)}.upload-list-leave-to{animation-timing-function:var(--ease-in-out-circ)}.upload-list-inline-enter-active{animation-duration:var(--animation-time,.3);animation-fill-mode:both;animation-name:uploadListInline}.upload-list-inline-leave-active{animation-duration:var(--animation-time,.3);animation-fill-mode:both;animation-name:uploadListInline;animation-direction:reverse}.upload-list-inline-enter-from{animation-timing-function:var(--ease-out-circ)}.upload-list-inline-leave-to{animation-timing-function:var(--ease-in-out-circ)}@keyframes uploadList{from{height:0;margin:0;padding:0;opacity:0}}@keyframes uploadListInline{from{width:0;margin:0;padding:0;opacity:0}}