@fangzhongya/fang-ui 0.0.98 → 0.0.100

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

@@ -2,13 +2,14 @@ import { defineComponent, ref, useAttrs, computed, reactive, createElementBlock,
 import Document from "../../../icons/vue/document.js";
 import Download from "../../../icons/vue/download.js";
 import Plus from "../../../icons/vue/plus.js";
-import Views from "../../../icons/vue/views.js";
+import IconViews from "../../../icons/vue/views.js";
 import Delete from "../../../icons/vue/delete.js";
 import { Icon } from "../../icon/index.js";
 import { Upload } from "../../upload/index.js";
 import { Message } from "../../message/index.js";
 import { Image } from "../../image/index.js";
-import { ImageViewer } from "../../image-viewer/index.js";
+import { BoxAdjust } from "../../box-adjust/index.js";
+import { Iframe } from "../../iframe/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
@@ -17,6 +18,9 @@ import { useLocale } from "../../../hooks/locale/index.js";
 import { getUrlCatalogueObj } from "@fangzhongya/utils/urls/getUrlCatalogueObj";
 import { downloadFromURL } from "@fangzhongya/utils/window/download";
 import { getListValue } from "../../players/common/util.js";
+import { getType, getListType } from "./util.js";
+import "../../form/index.js";
+import { useDisabled } from "element-plus/es/components/form/index";
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["onClick", "title"];
 const _hoisted_3 = ["onClick", "title"];
@@ -38,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
     const isloading = ref(false);
+    const disabled = useDisabled();
     const accept = computed(() => {
       if (props.accept) {
         return props.accept;
@@ -57,54 +62,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return "";
       }
     });
-    const getExtension = (fileName) => {
-      const extension = fileName.toLowerCase();
-      if (extension) {
-        const ks = Object.keys(types);
-        for (let index = 0; index < ks.length; index++) {
-          const key = ks[index];
-          if (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 = computed(() => {
       return props.type ?? getType(accept.value);
     });
-    const getListType = (obj) => {
-      if (props.type) {
-        return props.type;
-      }
-      if (obj) {
-        if (obj.type) {
-          return obj.type;
-        } else {
-          let v = 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) => {
@@ -125,11 +85,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const isUp = computed(() => {
-      if (props.disabled) {
-        return false;
+      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) {
@@ -158,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (typeof props.isViews === "boolean") {
           return true;
         } else {
-          const type2 = getListType(item);
+          const type2 = getListType(item, props.type, accept.value);
           if (props.isViews.includes(type2)) {
             return true;
           }
@@ -293,7 +257,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(cs).z("list-li")),
               key: index
             }, [
-              renderSlot(_ctx.$slots, unref(dataSlot).default, { value: item }, () => {
+              renderSlot(_ctx.$slots, unref(dataSlot).default, {
+                value: item,
+                type: props.type,
+                accept: accept.value,
+                disabled: unref(disabled)
+              }, () => {
                 var _a;
                 return [
                   createElementVNode("div", {
@@ -312,19 +281,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         _: 1
                       })
                     ], 8, _hoisted_2)) : createCommentVNode("", true),
-                    getIsViews(item) ? (openBlock(), createElementBlock("span", {
+                    props.isViews ? (openBlock(), createElementBlock("span", {
                       key: 1,
                       onClick: ($event) => onViews(item, index),
                       title: unref(getLocale)("upload.views")
                     }, [
                       createVNode(unref(Icon), null, {
                         default: withCtx(() => [
-                          createVNode(Views)
+                          createVNode(IconViews)
                         ]),
                         _: 1
                       })
                     ], 8, _hoisted_3)) : createCommentVNode("", true),
-                    !(props.disabled || item.disabled) ? (openBlock(), createElementBlock("span", {
+                    !(unref(disabled) || item.disabled) ? (openBlock(), createElementBlock("span", {
                       key: 2,
                       class: normalizeClass(unref(cs).z("list-li-operation-delete")),
                       onClick: ($event) => onDelete(item, index),
@@ -341,12 +310,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: normalizeClass(unref(cs).z("list-li-value"))
                   }, [
-                    getListType(item).startsWith("i") ? (openBlock(), createBlock(unref(Image), {
+                    unref(getListType)(
+                      item,
+                      props.type,
+                      accept.value
+                    ).startsWith("i") ? (openBlock(), createBlock(unref(Image), {
                       key: 0,
                       class: normalizeClass(unref(cs).z("list-li-value-img")),
                       fit: "cover",
                       src: item.url
-                    }, null, 8, ["class", "src"])) : (openBlock(), createElementBlock("div", {
+                    }, {
+                      error: withCtx(() => {
+                        var _a2;
+                        return [
+                          createElementVNode("div", {
+                            class: normalizeClass(unref(cs).z("list-li-value-img-error"))
+                          }, toDisplayString(((_a2 = unref(getUrlCatalogueObj)(item.url)) == null ? void 0 : _a2.name) || item.url), 3)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["class", "src"])) : (openBlock(), createElementBlock("div", {
                       key: 1,
                       class: normalizeClass(unref(cs).z("list-li-value-document"))
                     }, [
@@ -364,27 +347,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ], 2);
           }), 128)),
-          views.show ? (openBlock(), createElementBlock("div", {
+          props.isViews ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(unref(cs).z("list-views"))
           }, [
-            renderSlot(_ctx.$slots, unref(dataSlot).views, { views }, () => {
-              var _a;
-              return [
-                getListType(views.value).startsWith("i") ? (openBlock(), createBlock(unref(ImageViewer), {
-                  key: 0,
-                  "url-list": [(_a = views.value) == null ? void 0 : _a.url],
-                  "show-progress": "",
-                  onClose: _cache[0] || (_cache[0] = ($event) => views.show = false)
-                }, null, 8, ["url-list"])) : createCommentVNode("", true)
-              ];
-            })
+            renderSlot(_ctx.$slots, unref(dataSlot).views, {
+              type: props.type,
+              accept: accept.value,
+              value: views.value,
+              show: views.show,
+              onClose: _cache[0] || (_cache[0] = ($event) => views.show = false)
+            }, () => [
+              createVNode(unref(BoxAdjust), {
+                isMax: "",
+                modelValue: views.show,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => views.show = $event)
+              }, {
+                default: withCtx(() => {
+                  var _a, _b;
+                  return [
+                    (openBlock(), createBlock(unref(Iframe), {
+                      key: (_a = views.value) == null ? void 0 : _a.url,
+                      url: (_b = views.value) == null ? void 0 : _b.url
+                    }, null, 8, ["url"]))
+                  ];
+                }),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
           ], 2)) : createCommentVNode("", true)
         ], 2),
         isUp.value ? (openBlock(), createBlock(unref(Upload), mergeProps({ key: 0 }, unref(attrs).assem, {
           ref_key: "elRef",
           ref: elRef,
-          disabled: isloading.value,
+          disabled: unref(disabled) || isloading.value,
           class: unref(cs).z("upload"),
           action: "#",
           multiple: unref(multiple),
@@ -396,7 +392,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }), {
           trigger: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass(unref(cs).z("upload-trigger"))
+              class: normalizeClass([
+                unref(cs).z("upload-trigger"),
+                unref(cs).is("disabled", unref(disabled))
+              ])
             }, [
               createVNode(unref(Icon), null, {
                 default: withCtx(() => [

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getUrlCatalogueObj = require("@fangzhongya/utils/urls/getUrlCatalogueObj");
+const data = require("./data.cjs");
+require("../../players/common/util.cjs");
+const getExtension = (fileName) => {
+  const extension = fileName.toLowerCase();
+  if (extension) {
+    const ks = Object.keys(data.types);
+    for (let index = 0; index < ks.length; index++) {
+      const key = ks[index];
+      if (data.types[key].includes(extension)) {
+        return key;
+      }
+    }
+  }
+  return "";
+};
+const getType = (accept = "") => {
+  if (accept) {
+    if (accept.includes("image/")) {
+      return "i";
+    } else if (accept.includes("audio/")) {
+      return "a";
+    } else if (accept.includes("video/")) {
+      return "v";
+    } else {
+      const extension = accept.toLowerCase().split(",")[0];
+      return getExtension(extension);
+    }
+  }
+  return "";
+};
+const getListType = (obj, type, accept) => {
+  if (type) {
+    return type;
+  }
+  if (obj) {
+    if (obj.type) {
+      return obj.type;
+    } else {
+      if (obj.url) {
+        let v = getUrlCatalogueObj.getUrlCatalogueObj(obj.url);
+        if (v.suffix) {
+          return getExtension("." + v.suffix);
+        }
+      }
+      return getType(accept);
+    }
+  }
+  return "";
+};
+function downloadFromURL(url, filename) {
+  const link = document.createElement("a");
+  link.href = url;
+  if (filename) {
+    link.download = filename;
+  }
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+function smartFileHandler(url) {
+  const iframe = document.createElement("iframe");
+  iframe.style.display = "none";
+  iframe.src = url;
+  iframe.onload = function() {
+    window.open(url, "_blank");
+    document.body.removeChild(iframe);
+  };
+  iframe.onerror = function() {
+    downloadFromURL(url);
+    document.body.removeChild(iframe);
+  };
+  document.body.appendChild(iframe);
+}
+exports.downloadFromURL = downloadFromURL;
+exports.getListType = getListType;
+exports.getType = getType;
+exports.smartFileHandler = smartFileHandler;

package/dist/components/uploads/src/util.d.ts

@@ -0,0 +1,10 @@
+import { ListValue } from '../../players/common/util';
+export declare const getType: (accept?: string) => string;
+export declare const getListType: (obj?: ListValue, type?: string, accept?: string) => string;
+/**
+ * 从 URL 下载文件
+ * @param url 文件 URL
+ * @param filename 文件名
+ */
+export declare function downloadFromURL(url: string, filename?: string): void;
+export declare function smartFileHandler(url: string): void;

package/dist/components/uploads/src/util.js

@@ -0,0 +1,80 @@
+import { getUrlCatalogueObj } from "@fangzhongya/utils/urls/getUrlCatalogueObj";
+import { types } from "./data.js";
+import "../../players/common/util.js";
+const getExtension = (fileName) => {
+  const extension = fileName.toLowerCase();
+  if (extension) {
+    const ks = Object.keys(types);
+    for (let index = 0; index < ks.length; index++) {
+      const key = ks[index];
+      if (types[key].includes(extension)) {
+        return key;
+      }
+    }
+  }
+  return "";
+};
+const getType = (accept = "") => {
+  if (accept) {
+    if (accept.includes("image/")) {
+      return "i";
+    } else if (accept.includes("audio/")) {
+      return "a";
+    } else if (accept.includes("video/")) {
+      return "v";
+    } else {
+      const extension = accept.toLowerCase().split(",")[0];
+      return getExtension(extension);
+    }
+  }
+  return "";
+};
+const getListType = (obj, type, accept) => {
+  if (type) {
+    return type;
+  }
+  if (obj) {
+    if (obj.type) {
+      return obj.type;
+    } else {
+      if (obj.url) {
+        let v = getUrlCatalogueObj(obj.url);
+        if (v.suffix) {
+          return getExtension("." + v.suffix);
+        }
+      }
+      return getType(accept);
+    }
+  }
+  return "";
+};
+function downloadFromURL(url, filename) {
+  const link = document.createElement("a");
+  link.href = url;
+  if (filename) {
+    link.download = filename;
+  }
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+function smartFileHandler(url) {
+  const iframe = document.createElement("iframe");
+  iframe.style.display = "none";
+  iframe.src = url;
+  iframe.onload = function() {
+    window.open(url, "_blank");
+    document.body.removeChild(iframe);
+  };
+  iframe.onerror = function() {
+    downloadFromURL(url);
+    document.body.removeChild(iframe);
+  };
+  document.body.appendChild(iframe);
+}
+export {
+  downloadFromURL,
+  getListType,
+  getType,
+  smartFileHandler
+};

package/dist/components/uploads/style/index2.scss

@@ -1,7 +1,7 @@
-@use '../../select/style/index2.scss' as *;
 @use '../../upload/style/index2.scss' as *;
 @use '../../icon/style/index2.scss' as *;
 @use '../../message/style/index2.scss' as *;
 @use '../../image/style/index2.scss' as *;
-
+@use '../../box-adjust/style/index2.scss' as *;
+@use '../../iframe/style/index2.scss' as *;
 @use '../index.scss' as *;

package/dist/components/user-select/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const withInstall = require("../../utils/vues/withInstall.cjs");
 require("./src/index.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const UserSelect = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "UserSelect");
 exports.UserSelect = UserSelect;

package/dist/components/user-select/index.js

@@ -1,5 +1,5 @@
-import { withInstall } from "../../utils/vues/withInstall.js";
 import "./src/index.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index2.js";
 const UserSelect = withInstall(_sfc_main, "UserSelect");
 export {