@fangzhongya/fang-ui 0.0.97 → 0.0.99

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

@@ -0,0 +1,407 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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$6 = require("../../icon/index.cjs");
+const index$8 = require("../../upload/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$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$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__ */ vue.defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = index.useLocale();
+    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 = vue.ref(false);
+    const disabled = index$3.useDisabled();
+    const accept = vue.computed(() => {
+      if (props.accept) {
+        return props.accept;
+      } else {
+        if (props.type) {
+          const s = data.types[props.type];
+          if (s) {
+            return s.join(",");
+          } else if (props.type.startsWith("i")) {
+            return "image/*";
+          } else if (props.type.startsWith("a")) {
+            return "audio/*";
+          } else if (props.type.startsWith("v")) {
+            return "video/*";
+          }
+        }
+        return "";
+      }
+    });
+    const type = vue.computed(() => {
+      return props.type ?? util.getType(accept.value);
+    });
+    const getFileList = (arr) => {
+      if (props.formatter) {
+        return arr.map((v) => {
+          return props.formatter(v);
+        });
+      } else {
+        return util$1.getListValue(arr);
+      }
+    };
+    const fileList = vue.computed(() => {
+      if (value.value instanceof Array) {
+        return getFileList(value.value);
+      } else {
+        if (value.value) {
+          return getFileList([value.value]);
+        }
+        return [];
+      }
+    });
+    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 || value.value.length == 0) {
+          return true;
+        }
+        if (props.limit) {
+          if (value.value && value.value.length < props.limit) {
+            return true;
+          } else {
+            return false;
+          }
+        } else {
+          return true;
+        }
+      } else {
+        if (value.value) {
+          return false;
+        } else {
+          return true;
+        }
+      }
+    });
+    const views$1 = vue.reactive({
+      show: false,
+      value: void 0
+    });
+    const getIsViews = (item) => {
+      if (props.isViews) {
+        if (typeof props.isViews === "boolean") {
+          return true;
+        } else {
+          const type2 = util.getListType(item, props.type, accept.value);
+          if (props.isViews.includes(type2)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    };
+    const onDownload = (item, index2) => {
+      if (props.onDownload) {
+        props.onDownload(item, index2);
+      } else {
+        download.downloadFromURL(item.url);
+      }
+    };
+    const onViews = (item, index2) => {
+      views$1.value = item;
+      views$1.show = true;
+      emit("views", item, index2);
+    };
+    const onDelete = (item, index2) => {
+      if (props.onDelete) {
+        props.onDelete(
+          (is) => {
+            if (is) {
+              if (multiple.value) {
+                value.value.splice(index2, 1);
+              } else {
+                value.value = "";
+              }
+            }
+          },
+          item,
+          index2
+        );
+      } else {
+        if (multiple.value) {
+          value.value.splice(index2, 1);
+        } else {
+          value.value = "";
+        }
+      }
+    };
+    const errorPrompt = (ts, num) => {
+      if (props.errorPrompt) {
+        props.errorPrompt(ts, num);
+      } else {
+        index$4.Message.error(ts);
+      }
+    };
+    const onBeforeUpload = (file) => {
+      const fileName = file.name.toLowerCase();
+      const ext = fileName.includes(".") ? fileName.split(".").pop() : "";
+      let is = true;
+      if (accept.value) {
+        if (!ext) {
+          const ts = getLocale("upload.error.name", file.name);
+          errorPrompt(ts, 1);
+          is = false;
+        }
+        const allowedExts = accept.value.split(",").map((ext2) => ext2.trim().toLowerCase());
+        if (!allowedExts.includes(`.${ext}`)) {
+          const ts = getLocale(
+            "upload.error.format",
+            getLocale("upload.type." + type.value),
+            accept.value,
+            file.name
+          );
+          errorPrompt(ts, 2);
+          is = false;
+        }
+      }
+      if (props.fileSize) {
+        if (file.size > props.fileSize) {
+          const ts = getLocale(
+            "upload.error.size",
+            getLocale("upload.type." + type.value),
+            props.fileSize,
+            file.name
+          );
+          errorPrompt(ts, 3);
+          is = false;
+        }
+      }
+      return is;
+    };
+    const callback = (v) => {
+      if (v) {
+        if (multiple.value) {
+          if (v instanceof Array) {
+            if (value.value) {
+              value.value.push(...v);
+            } else {
+              value.value = [...v];
+            }
+          } else {
+            if (value.value) {
+              value.value.push(v);
+            } else {
+              value.value = [v];
+            }
+          }
+        } else {
+          value.value = v;
+        }
+      }
+      isloading.value = false;
+    };
+    const httpRequest = (obj) => {
+      isloading.value = true;
+      emit("httpRequest", obj, callback);
+    };
+    __expose(
+      index$5.useExpose(
+        {
+          el: refEl
+        },
+        elRef
+      )
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        ref_key: "refEl",
+        ref: refEl
+      }, vue.unref(attrs).root, {
+        class: vue.unref(cs).z()
+      }), [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(cs).z("list"))
+        }, [
+          (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
+            }, [
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, {
+                value: item,
+                type: props.type,
+                accept: accept.value,
+                disabled: vue.unref(disabled)
+              }, () => {
+                var _a;
+                return [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(vue.unref(cs).z("list-li-operation")),
+                    title: item.url
+                  }, [
+                    props.isDownload ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 0,
+                      onClick: ($event) => onDownload(item, index2),
+                      title: vue.unref(getLocale)("upload.download")
+                    }, [
+                      vue.createVNode(vue.unref(index$6.Icon), null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(download$1.default)
+                        ]),
+                        _: 1
+                      })
+                    ], 8, _hoisted_2)) : vue.createCommentVNode("", true),
+                    props.isViews ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 1,
+                      onClick: ($event) => onViews(item, index2),
+                      title: vue.unref(getLocale)("upload.views")
+                    }, [
+                      vue.createVNode(vue.unref(index$6.Icon), null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(views.default)
+                        ]),
+                        _: 1
+                      })
+                    ], 8, _hoisted_3)) : vue.createCommentVNode("", true),
+                    !(vue.unref(disabled) || item.disabled) ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 2,
+                      class: vue.normalizeClass(vue.unref(cs).z("list-li-operation-delete")),
+                      onClick: ($event) => onDelete(item, index2),
+                      title: vue.unref(getLocale)("upload.delete")
+                    }, [
+                      vue.createVNode(vue.unref(index$6.Icon), null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_delete.default)
+                        ]),
+                        _: 1
+                      })
+                    ], 10, _hoisted_4)) : vue.createCommentVNode("", true)
+                  ], 10, _hoisted_1),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(vue.unref(cs).z("list-li-value"))
+                  }, [
+                    vue.unref(util.getListType)(
+                      item,
+                      props.type,
+                      accept.value
+                    ).startsWith("i") ? (vue.openBlock(), vue.createBlock(vue.unref(index$7.Image), {
+                      key: 0,
+                      class: vue.normalizeClass(vue.unref(cs).z("list-li-value-img")),
+                      fit: "cover",
+                      src: item.url
+                    }, {
+                      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: vue.normalizeClass(vue.unref(cs).z("list-li-value-document"))
+                    }, [
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass(vue.unref(cs).z("list-li-value-document-bg"))
+                      }, [
+                        vue.createVNode(document.default)
+                      ], 2),
+                      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)),
+          props.isViews ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(cs).z("list-views"))
+          }, [
+            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 ? (vue.openBlock(), vue.createBlock(vue.unref(index$8.Upload), vue.mergeProps({ key: 0 }, vue.unref(attrs).assem, {
+          ref_key: "elRef",
+          ref: elRef,
+          disabled: vue.unref(disabled) || isloading.value,
+          class: vue.unref(cs).z("upload"),
+          action: "#",
+          multiple: vue.unref(multiple),
+          "show-file-list": false,
+          accept: accept.value,
+          limit: vue.unref(multiple) ? props.limit : 1,
+          "before-upload": onBeforeUpload,
+          "http-request": httpRequest
+        }), {
+          trigger: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass([
+                vue.unref(cs).z("upload-trigger"),
+                vue.unref(cs).is("disabled", vue.unref(disabled))
+              ])
+            }, [
+              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"])) : vue.createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;