@fangzhongya/fang-ui 0.0.98 → 0.0.99

package/dist/components/uploads/index.scss

@@ -12,6 +12,12 @@ $uploads: 'uploads';
 		display: flex;
 		align-items: center;
 		justify-content: center;
+		&.#{is('disabled')} {
+			box-shadow: 0 0 0 1px var(#{v(e() + 'disabled-border-color')}) inset;
+			background-color: var(#{v(e() + 'disabled-bg-color')});
+			color: var(#{v(e() + 'disabled-text-color')});
+			cursor: not-allowed;
+		}
 	}
 	&-list {
 		display: flex;
@@ -51,6 +57,23 @@ $uploads: 'uploads';
 				&-img {
 					height: 100%;
 					width: 100%;
+					&-error {
+						font-size: 14px;
+						background-color: var(#{v(e() + 'fill-color-light')});
+						color: var(#{v(e() + 'text-color-placeholder')});
+						max-height: 100%;
+						/* 换行设置 */
+						white-space: normal;
+						word-wrap: break-word;
+						overflow-wrap: break-word;
+						/* 多行省略 */
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 4;
+						overflow: hidden;
+
+						line-height: 1.1;
+					}
 				}
 				&-document {
 					height: 100%;

package/dist/components/uploads/src/index2.cjs

@@ -1,46 +1,50 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const document = require("../../../icons/vue/document.cjs");
 const download$1 = require("../../../icons/vue/download.cjs");
 const plus = require("../../../icons/vue/plus.cjs");
 const views = require("../../../icons/vue/views.cjs");
 const _delete = require("../../../icons/vue/delete.cjs");
-const index$5 = require("../../icon/index.cjs");
+const index$6 = require("../../icon/index.cjs");
 const index$8 = require("../../upload/index.cjs");
-const index$3 = require("../../message/index.cjs");
-const index$6 = require("../../image/index.cjs");
-const index$7 = require("../../image-viewer/index.cjs");
+const index$4 = require("../../message/index.cjs");
+const index$7 = require("../../image/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
-const index$4 = require("../../../hooks/expose/index.cjs");
+const index$5 = require("../../../hooks/expose/index.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const getUrlCatalogueObj = require("@fangzhongya/utils/urls/getUrlCatalogueObj");
 const download = require("@fangzhongya/utils/window/download");
-const util = require("../../players/common/util.cjs");
+const util$1 = require("../../players/common/util.cjs");
+const util = require("./util.cjs");
+const index$3 = require("element-plus/es/components/form/index");
+require("./views.cjs");
+const views_vue_vue_type_script_setup_true_lang = require("./views2.cjs");
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["onClick", "title"];
 const _hoisted_3 = ["onClick", "title"];
 const _hoisted_4 = ["onClick", "title"];
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const refEl = vues.ref();
-    const elRef = vues.ref();
-    const attrs = index$1.useInherit(vues.useAttrs());
+    const refEl = vue.ref();
+    const elRef = vue.ref();
+    const attrs = index$1.useInherit(vue.useAttrs());
     const cs = index$2.useCssName("uploads");
     const props = __props;
     const emit = __emit;
     const listFuObj = data.dataHandle(props, emit);
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
-    const isloading = vues.ref(false);
-    const accept = vues.computed(() => {
+    const isloading = vue.ref(false);
+    const disabled = index$3.useDisabled();
+    const accept = vue.computed(() => {
       if (props.accept) {
         return props.accept;
       } else {
@@ -59,64 +63,19 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         return "";
       }
     });
-    const getExtension = (fileName) => {
-      const extension = fileName.toLowerCase();
-      if (extension) {
-        const ks = Object.keys(data.types);
-        for (let index2 = 0; index2 < ks.length; index2++) {
-          const key = ks[index2];
-          if (data.types[key].includes(extension)) {
-            return key;
-          }
-        }
-      }
-      return "";
-    };
-    const getType = (accept2 = "") => {
-      if (accept2) {
-        if (accept2.includes("image/")) {
-          return "i";
-        } else if (accept2.includes("audio/")) {
-          return "a";
-        } else if (accept2.includes("video/")) {
-          return "v";
-        } else {
-          const extension = accept2.toLowerCase().split(",")[0];
-          return getExtension(extension);
-        }
-      }
-      return "";
-    };
-    const type = vues.computed(() => {
-      return props.type ?? getType(accept.value);
+    const type = vue.computed(() => {
+      return props.type ?? util.getType(accept.value);
     });
-    const getListType = (obj) => {
-      if (props.type) {
-        return props.type;
-      }
-      if (obj) {
-        if (obj.type) {
-          return obj.type;
-        } else {
-          let v = getUrlCatalogueObj.getUrlCatalogueObj(obj.url);
-          if (v.suffix) {
-            return getExtension("." + v.suffix);
-          }
-          return getType(accept.value);
-        }
-      }
-      return "";
-    };
     const getFileList = (arr) => {
       if (props.formatter) {
         return arr.map((v) => {
           return props.formatter(v);
         });
       } else {
-        return util.getListValue(arr);
+        return util$1.getListValue(arr);
       }
     };
-    const fileList = vues.computed(() => {
+    const fileList = vue.computed(() => {
       if (value.value instanceof Array) {
         return getFileList(value.value);
       } else {
@@ -126,12 +85,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         return [];
       }
     });
-    const isUp = vues.computed(() => {
-      if (props.disabled) {
-        return false;
+    const isUp = vue.computed(() => {
+      if (disabled.value) {
+        if (value.value && value.value.length > 0) {
+          return false;
+        } else {
+          return true;
+        }
       }
       if (multiple.value) {
-        if (!value.value) {
+        if (!value.value || value.value.length == 0) {
           return true;
         }
         if (props.limit) {
@@ -151,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         }
       }
     });
-    const views$1 = vues.reactive({
+    const views$1 = vue.reactive({
       show: false,
       value: void 0
     });
@@ -160,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         if (typeof props.isViews === "boolean") {
           return true;
         } else {
-          const type2 = getListType(item);
+          const type2 = util.getListType(item, props.type, accept.value);
           if (props.isViews.includes(type2)) {
             return true;
           }
@@ -207,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       if (props.errorPrompt) {
         props.errorPrompt(ts, num);
       } else {
-        index$3.Message.error(ts);
+        index$4.Message.error(ts);
       }
     };
     const onBeforeUpload = (file) => {
@@ -273,7 +236,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       emit("httpRequest", obj, callback);
     };
     __expose(
-      index$4.useExpose(
+      index$5.useExpose(
         {
           el: refEl
         },
@@ -281,135 +244,162 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createElementBlock("div", vues.mergeProps({
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "refEl",
         ref: refEl
-      }, vues.unref(attrs).root, {
-        class: vues.unref(cs).z()
+      }, vue.unref(attrs).root, {
+        class: vue.unref(cs).z()
       }), [
-        vues.createElementVNode("div", {
-          class: vues.normalizeClass(vues.unref(cs).z("list"))
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(cs).z("list"))
         }, [
-          (vues.openBlock(true), vues.createElementBlock(vues.Fragment, null, vues.renderList(fileList.value, (item, index2) => {
-            return vues.openBlock(), vues.createElementBlock("div", {
-              class: vues.normalizeClass(vues.unref(cs).z("list-li")),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fileList.value, (item, index2) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("list-li")),
               key: index2
             }, [
-              vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default, { value: item }, () => {
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, {
+                value: item,
+                type: props.type,
+                accept: accept.value,
+                disabled: vue.unref(disabled)
+              }, () => {
                 var _a;
                 return [
-                  vues.createElementVNode("div", {
-                    class: vues.normalizeClass(vues.unref(cs).z("list-li-operation")),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(vue.unref(cs).z("list-li-operation")),
                     title: item.url
                   }, [
-                    props.isDownload ? (vues.openBlock(), vues.createElementBlock("span", {
+                    props.isDownload ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       onClick: ($event) => onDownload(item, index2),
-                      title: vues.unref(getLocale)("upload.download")
+                      title: vue.unref(getLocale)("upload.download")
                     }, [
-                      vues.createVNode(vues.unref(index$5.Icon), null, {
-                        default: vues.withCtx(() => [
-                          vues.createVNode(download$1.default)
+                      vue.createVNode(vue.unref(index$6.Icon), null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(download$1.default)
                         ]),
                         _: 1
                       })
-                    ], 8, _hoisted_2)) : vues.createCommentVNode("", true),
-                    getIsViews(item) ? (vues.openBlock(), vues.createElementBlock("span", {
+                    ], 8, _hoisted_2)) : vue.createCommentVNode("", true),
+                    props.isViews ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 1,
                       onClick: ($event) => onViews(item, index2),
-                      title: vues.unref(getLocale)("upload.views")
+                      title: vue.unref(getLocale)("upload.views")
                     }, [
-                      vues.createVNode(vues.unref(index$5.Icon), null, {
-                        default: vues.withCtx(() => [
-                          vues.createVNode(views.default)
+                      vue.createVNode(vue.unref(index$6.Icon), null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(views.default)
                         ]),
                         _: 1
                       })
-                    ], 8, _hoisted_3)) : vues.createCommentVNode("", true),
-                    !(props.disabled || item.disabled) ? (vues.openBlock(), vues.createElementBlock("span", {
+                    ], 8, _hoisted_3)) : vue.createCommentVNode("", true),
+                    !(vue.unref(disabled) || item.disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 2,
-                      class: vues.normalizeClass(vues.unref(cs).z("list-li-operation-delete")),
+                      class: vue.normalizeClass(vue.unref(cs).z("list-li-operation-delete")),
                       onClick: ($event) => onDelete(item, index2),
-                      title: vues.unref(getLocale)("upload.delete")
+                      title: vue.unref(getLocale)("upload.delete")
                     }, [
-                      vues.createVNode(vues.unref(index$5.Icon), null, {
-                        default: vues.withCtx(() => [
-                          vues.createVNode(_delete.default)
+                      vue.createVNode(vue.unref(index$6.Icon), null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_delete.default)
                         ]),
                         _: 1
                       })
-                    ], 10, _hoisted_4)) : vues.createCommentVNode("", true)
+                    ], 10, _hoisted_4)) : vue.createCommentVNode("", true)
                   ], 10, _hoisted_1),
-                  vues.createElementVNode("div", {
-                    class: vues.normalizeClass(vues.unref(cs).z("list-li-value"))
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(vue.unref(cs).z("list-li-value"))
                   }, [
-                    getListType(item).startsWith("i") ? (vues.openBlock(), vues.createBlock(vues.unref(index$6.Image), {
+                    vue.unref(util.getListType)(
+                      item,
+                      props.type,
+                      accept.value
+                    ).startsWith("i") ? (vue.openBlock(), vue.createBlock(vue.unref(index$7.Image), {
                       key: 0,
-                      class: vues.normalizeClass(vues.unref(cs).z("list-li-value-img")),
+                      class: vue.normalizeClass(vue.unref(cs).z("list-li-value-img")),
                       fit: "cover",
                       src: item.url
-                    }, null, 8, ["class", "src"])) : (vues.openBlock(), vues.createElementBlock("div", {
+                    }, {
+                      error: vue.withCtx(() => {
+                        var _a2;
+                        return [
+                          vue.createElementVNode("div", {
+                            class: vue.normalizeClass(vue.unref(cs).z("list-li-value-img-error"))
+                          }, vue.toDisplayString(((_a2 = vue.unref(getUrlCatalogueObj.getUrlCatalogueObj)(item.url)) == null ? void 0 : _a2.name) || item.url), 3)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["class", "src"])) : (vue.openBlock(), vue.createElementBlock("div", {
                       key: 1,
-                      class: vues.normalizeClass(vues.unref(cs).z("list-li-value-document"))
+                      class: vue.normalizeClass(vue.unref(cs).z("list-li-value-document"))
                     }, [
-                      vues.createElementVNode("span", {
-                        class: vues.normalizeClass(vues.unref(cs).z("list-li-value-document-bg"))
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass(vue.unref(cs).z("list-li-value-document-bg"))
                       }, [
-                        vues.createVNode(document.default)
+                        vue.createVNode(document.default)
                       ], 2),
-                      vues.createElementVNode("span", {
-                        class: vues.normalizeClass(vues.unref(cs).z("list-li-value-document-text"))
-                      }, vues.toDisplayString(((_a = vues.unref(getUrlCatalogueObj.getUrlCatalogueObj)(item.url)) == null ? void 0 : _a.name) || item.url), 3)
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass(vue.unref(cs).z("list-li-value-document-text"))
+                      }, vue.toDisplayString(((_a = vue.unref(getUrlCatalogueObj.getUrlCatalogueObj)(item.url)) == null ? void 0 : _a.name) || item.url), 3)
                     ], 2))
                   ], 2)
                 ];
               })
             ], 2);
           }), 128)),
-          views$1.show ? (vues.openBlock(), vues.createElementBlock("div", {
+          props.isViews ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: vues.normalizeClass(vues.unref(cs).z("list-views"))
+            class: vue.normalizeClass(vue.unref(cs).z("list-views"))
           }, [
-            vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).views, { views: views$1 }, () => {
-              var _a;
-              return [
-                getListType(views$1.value).startsWith("i") ? (vues.openBlock(), vues.createBlock(vues.unref(index$7.ImageViewer), {
-                  key: 0,
-                  "url-list": [(_a = views$1.value) == null ? void 0 : _a.url],
-                  "show-progress": "",
-                  onClose: _cache[0] || (_cache[0] = ($event) => views$1.show = false)
-                }, null, 8, ["url-list"])) : vues.createCommentVNode("", true)
-              ];
-            })
-          ], 2)) : vues.createCommentVNode("", true)
+            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).views, {
+              type: props.type,
+              accept: accept.value,
+              value: views$1.value,
+              show: views$1.show,
+              onClose: _cache[0] || (_cache[0] = ($event) => views$1.show = false)
+            }, () => [
+              vue.createVNode(views_vue_vue_type_script_setup_true_lang.default, {
+                name: vue.unref(data.dataSlot).views,
+                type: props.type,
+                accept: accept.value,
+                value: views$1.value,
+                show: views$1.show,
+                onClose: _cache[1] || (_cache[1] = ($event) => views$1.show = false)
+              }, null, 8, ["name", "type", "accept", "value", "show"])
+            ])
+          ], 2)) : vue.createCommentVNode("", true)
         ], 2),
-        isUp.value ? (vues.openBlock(), vues.createBlock(vues.unref(index$8.Upload), vues.mergeProps({ key: 0 }, vues.unref(attrs).assem, {
+        isUp.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$8.Upload), vue.mergeProps({ key: 0 }, vue.unref(attrs).assem, {
           ref_key: "elRef",
           ref: elRef,
-          disabled: isloading.value,
-          class: vues.unref(cs).z("upload"),
+          disabled: vue.unref(disabled) || isloading.value,
+          class: vue.unref(cs).z("upload"),
           action: "#",
-          multiple: vues.unref(multiple),
+          multiple: vue.unref(multiple),
           "show-file-list": false,
           accept: accept.value,
-          limit: vues.unref(multiple) ? props.limit : 1,
+          limit: vue.unref(multiple) ? props.limit : 1,
           "before-upload": onBeforeUpload,
           "http-request": httpRequest
         }), {
-          trigger: vues.withCtx(() => [
-            vues.createElementVNode("div", {
-              class: vues.normalizeClass(vues.unref(cs).z("upload-trigger"))
+          trigger: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass([
+                vue.unref(cs).z("upload-trigger"),
+                vue.unref(cs).is("disabled", vue.unref(disabled))
+              ])
             }, [
-              vues.createVNode(vues.unref(index$5.Icon), null, {
-                default: vues.withCtx(() => [
-                  !isloading.value ? (vues.openBlock(), vues.createBlock(plus.default, { key: 0 })) : vues.createCommentVNode("", true)
+              vue.createVNode(vue.unref(index$6.Icon), null, {
+                default: vue.withCtx(() => [
+                  !isloading.value ? (vue.openBlock(), vue.createBlock(plus.default, { key: 0 })) : vue.createCommentVNode("", true)
                 ]),
                 _: 1
               })
             ], 2)
           ]),
           _: 1
-        }, 16, ["disabled", "class", "multiple", "accept", "limit"])) : vues.createCommentVNode("", true)
+        }, 16, ["disabled", "class", "multiple", "accept", "limit"])) : vue.createCommentVNode("", true)
       ], 16);
     };
   }