@netang/quasar 0.1.99 → 0.2.2

package/components/uploader-query/index.vue

@@ -100,9 +100,13 @@
                     v-for="(fileItem, fileItemIndex) in query"
                     :key="`query-item-${fileItem.id}`"
                     class="n-uploader-query__item n-uploader-query__item--image"
-                    :class="{
-                        ghost: fileItemIndex === fromIndex,
-                    }"
+                    :class="[
+                        {
+                            ghost: fileItemIndex === fromIndex,
+                        },
+                        itemClass,
+                    ]"
+                    :style="itemStyle"
                     :draggable="currentDrag"
                     @mousedown.self="mousedown($event, fileItemIndex)"
                     @mouseup="dragEnd"
@@ -173,6 +177,7 @@
                             <slot
                                 name="settings"
                                 :file="fileItem"
+                                :index="fileItemIndex"
                             />
 
                             <!-- 预览 -->
@@ -198,7 +203,15 @@
                             />
 
                         </div>
+
+                        <!-- 插槽-->
+                        <slot
+                            name="item-append"
+                            :file="fileItem"
+                            :index="fileItemIndex"
+                        />
                     </n-img>
+
                 </div>
 
                 <!-- 右边方块按钮 -->
@@ -236,12 +249,18 @@
                     v-for="(fileItem, fileItemIndex) in query"
                     :key="`query-item-${fileItem.id}`"
                     class="n-uploader-query__item n-uploader-query__item--file"
-                    :class="{
-                        ghost: fileItemIndex === fromIndex,
-                    }"
-                    :style="{
-                        height: toPx(currentSize),
-                    }"
+                    :class="[
+                        {
+                            ghost: fileItemIndex === fromIndex,
+                        },
+                        itemClass,
+                    ]"
+                    :style="[
+                        {
+                            height: toPx(currentSize),
+                        },
+                        itemStyle,
+                    ]"
                     :draggable="currentDrag"
                     @mousedown.self="mousedown($event, fileItemIndex)"
                     @mouseup="dragEnd"
@@ -321,6 +340,7 @@
                         <slot
                             name="settings"
                             :file="fileItem"
+                            :index="fileItemIndex"
                         />
 
                         <template v-if="fileItem.status === UPLOAD_STATUS.success">
@@ -381,6 +401,14 @@
                             v-if="! noDelete && ! disable && ! readonly"
                         />
                     </div>
+
+                    <!-- 插槽-->
+                    <slot
+                        name="item-append"
+                        :file="fileItem"
+                        :index="fileItemIndex"
+                    />
+
                 </div>
             </template>
         </n-dragger>
@@ -429,6 +457,10 @@ export default {
      * 声明属性
      */
     props: {
+        // 单个文件类名
+        itemClass: [String, Array, Object],
+        // 单个文件样式
+        itemStyle: [String, Array, Object],
         // 按钮类型, 可选值 square button
         buttonType: {
             type: String,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netang/quasar",
-  "version": "0.1.99",
+  "version": "0.2.2",
   "description": "netang-quasar",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/utils/uploader.js

@@ -33,6 +33,7 @@ import $n_previewImage from './previewImage'
 import $n_getImage from './getImage'
 import $n_getFile from './getFile'
 import $n_config from './config'
+import $n_timestamp from './timestamp'
 
 import { configs } from './config'
 
@@ -538,7 +539,7 @@ function create(options) {
                 // 如果有后缀名
                 if (ext) {
                     // 设置文件
-                    fileItem.file = new File([blob], '', { type: blob.type })
+                    fileItem.file = new File([blob], String($n_timestamp()), { type: blob.type })
                     // 设置后缀名
                     fileItem.ext = ext
 
@@ -567,7 +568,7 @@ function create(options) {
                         // 设置文件 hash
                         fileItem.hash = hash
                         // 标题
-                        fileItem.title = fileItem.hash
+                        fileItem.title = ''
                         // 设置文件状态
                         fileItem.status = UPLOAD_STATUS.hashChecked
                         // 设置文件检查进度