@das-fed/upf-ui 6.4.0-dev.313 → 6.4.0-dev.315

package/packages/business-components/upload-file/index.js

@@ -1,41 +1,41 @@
-import { ref as g, computed as h, defineComponent as U, useCssVars as y, openBlock as p, createElementBlock as m, createVNode as f, unref as u, mergeProps as c, isRef as V, createCommentVNode as w, normalizeClass as F, createElementVNode as k } from "vue";
-import { withInstall as S } from "@das-fed/upf-utils/with-install/index";
-import { DasInput as B } from "@das-fed/upf-ui/packages/components/input/index";
-import { DasUpload as C } from "@das-fed/upf-ui/packages/components/upload/index";
-import { useCalculateSize as b, minioUpload as x, DasImageViewer as D } from "@das-fed/upf-ui/packages/components/image-viewer/index";
+import { ref as g, computed as h, defineComponent as x, useCssVars as U, openBlock as r, createElementBlock as p, createVNode as c, unref as u, mergeProps as f, isRef as V, createCommentVNode as w, normalizeClass as y, createElementVNode as F } from "vue";
+import { withInstall as k } from "@das-fed/upf-utils/with-install/index";
+import { DasInput as S } from "@das-fed/upf-ui/packages/components/input/index";
+import { DasUpload as B } from "@das-fed/upf-ui/packages/components/upload/index";
+import { useCalculateSize as C, minioUpload as b, DasImageViewer as D } from "@das-fed/upf-ui/packages/components/image-viewer/index";
 import { t as N, setI18nRule as P } from "@das-fed/upf-web/packages/i18n/index";
 import { DasMessage as I } from "@das-fed/upf-ui/packages/components/message/index"
 import '@das-fed/upf-ui/packages/business-components/upload-file/style.css';
 ;
-const _ = (o, t) => {
-  const a = g(!1), { size2B: d } = b(), { upload: n } = x(o), r = (e) => {
-    if (o.maxSize) {
-      const { finalSize: i, sizeText: s } = d(o.maxSize);
-      if (e.size > i) {
+const T = (e, o) => {
+  const i = g(!1), { size2B: d } = C(), { upload: n } = b(e), m = (a) => {
+    if (e.maxSize) {
+      const { finalSize: t, sizeText: s } = d(e.maxSize);
+      if (a.size > t) {
         const z = N("upload-file_uploadFileSizeLimit", s);
         return I.warning(z), !1;
       }
     }
     return !0;
   }, l = h({
-    get: () => o.modelValue,
-    set: (e) => t("update:modelValue", e)
+    get: () => e.modelValue,
+    set: (a) => o("update:modelValue", a)
   });
   return {
-    loading: a,
+    loading: i,
     imgUrl: l,
-    uploadFile: async (e) => {
-      if (a.value = !0, r(e)) {
-        const i = await n(e);
-        i && i !== "error" ? (l.value = i, t("upload-success", e, i)) : t("upload-fail", e);
+    uploadFile: async (a) => {
+      if (i.value = !0, m(a)) {
+        const t = await n(a);
+        t && t !== "error" ? (l.value = t, o("upload-success", a, t)) : o("upload-fail", a);
       }
-      a.value = !1;
+      i.value = !1;
     }
   };
-}, T = { class: "das-business-file-upload" }, $ = {
+}, $ = { class: "das-business-file-upload" }, A = {
   key: 0,
   class: "input-box"
-}, A = { class: "upload-box" }, H = /* @__PURE__ */ U({
+}, H = { class: "upload-box" }, L = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "App",
   props: {
@@ -56,55 +56,49 @@ const _ = (o, t) => {
     imageProps: { default: () => ({}) }
   },
   emits: ["update:modelValue", "upload-success", "upload-fail"],
-  setup(o, { emit: t }) {
-    y((e) => ({
-      39455900: r.value,
-      "79e51072": e.imageHeight
+  setup(e, { emit: o }) {
+    U((a) => ({
+      v39455900: m.value,
+      v79e51072: a.imageHeight
     }));
-    const a = o, d = t, n = g([]), r = h(() => (a == null ? void 0 : a.width) ?? "100%"), { imgUrl: l, uploadFile: v } = _(a, d);
-    return (e, i) => (p(), m("div", T, [
-      e.type === "input" ? (p(), m("div", $, [
-        f(u(B), c({
+    const i = e, d = o, n = g([]), m = h(() => (i == null ? void 0 : i.width) ?? "100%"), { imgUrl: l, uploadFile: v } = T(i, d);
+    return (a, t) => (r(), p("div", $, [
+      e.type === "input" ? (r(), p("div", A, [
+        c(u(S), f({
           width: "100%",
           modelValue: u(l),
-          "onUpdate:modelValue": i[0] || (i[0] = (s) => V(l) ? l.value = s : null),
+          "onUpdate:modelValue": t[0] || (t[0] = (s) => V(l) ? l.value = s : null),
           "is-view": e.isView
         }, e.inputProps), null, 16, ["modelValue", "is-view"])
-      ])) : w("v-if", !0),
-      e.type === "image" ? (p(), m(
-        "div",
-        {
-          key: 1,
-          class: F(["image-box", e.isView ? "is-view" : ""])
-        },
-        [
-          f(u(D), c({
-            style: { width: e.imageWidth, height: e.imageHeight },
-            modelValue: u(l),
-            "onUpdate:modelValue": i[1] || (i[1] = (s) => V(l) ? l.value = s : null),
-            status: "info",
-            "is-view": !0
-          }, e.imageProps), null, 16, ["style", "modelValue"])
-        ],
-        2
-        /* CLASS */
-      )) : w("v-if", !0),
-      k("div", A, [
-        f(u(C), c({
+      ])) : w("", !0),
+      e.type === "image" ? (r(), p("div", {
+        key: 1,
+        class: y(["image-box", e.isView ? "is-view" : ""])
+      }, [
+        c(u(D), f({
+          style: { width: e.imageWidth, height: e.imageHeight },
+          modelValue: u(l),
+          "onUpdate:modelValue": t[1] || (t[1] = (s) => V(l) ? l.value = s : null),
+          status: "info",
+          "is-view": !0
+        }, e.imageProps), null, 16, ["style", "modelValue"])
+      ], 2)) : w("", !0),
+      F("div", H, [
+        c(u(B), f({
           modelValue: n.value,
-          "onUpdate:modelValue": i[2] || (i[2] = (s) => n.value = s),
+          "onUpdate:modelValue": t[2] || (t[2] = (s) => n.value = s),
           draggle: !1,
           "is-view": e.isView
-        }, e.$attrs, { onFileUpload: u(v) }), null, 16, ["modelValue", "is-view", "onFileUpload"])
+        }, a.$attrs, { onFileUpload: u(v) }), null, 16, ["modelValue", "is-view", "onFileUpload"])
       ])
     ]));
   }
-}), L = (o, t) => {
-  const a = o.__vccOpts || o;
-  for (const [d, n] of t)
-    a[d] = n;
-  return a;
-}, M = /* @__PURE__ */ L(H, [["__scopeId", "data-v-800b87f7"]]), R = {
+}), M = (e, o) => {
+  const i = e.__vccOpts || e;
+  for (const [d, n] of o)
+    i[d] = n;
+  return i;
+}, R = /* @__PURE__ */ M(L, [["__scopeId", "data-v-800b87f7"]]), W = {
   "upload-file_uploadFileSizeLimit": {
     "zh-CN": "上传的文件大小不能超过$0",
     en: "The size of the uploaded file cannot exceed $0",
@@ -112,10 +106,10 @@ const _ = (o, t) => {
     _appCode: "framework"
   }
 };
-P(R);
-const K = S(M), Q = () => g(null), X = { name: "复合型文件上传 upload-file" };
+P(W);
+const Q = k(R), X = () => g(null), Y = { name: "复合型文件上传 upload-file" };
 export {
-  K as DasBusinessUploadFile,
-  Q as DasBusinessUploadFileRef,
-  X as default
+  Q as DasBusinessUploadFile,
+  X as DasBusinessUploadFileRef,
+  Y as default
 };

package/packages/business-components/upload-file/style.css

@@ -1 +1 @@
-.das-business-file-upload[data-v-800b87f7]{display:flex;align-items:center;width:var(--39455900)}.das-business-file-upload .input-box[data-v-800b87f7]{flex:1;min-width:0;padding-right:20px;box-sizing:border-box}.das-business-file-upload .image-box[data-v-800b87f7]{position:relative;padding-right:60px}.das-business-file-upload .image-box[data-v-800b87f7]:not(.is-view):after{position:absolute;display:block;content:"";height:calc(var(--79e51072) - 10px);width:1px;right:30px;top:50%;transform:translateY(-50%);background-color:#d9d9d9}
+.das-business-file-upload[data-v-800b87f7]{display:flex;align-items:center;width:var(--v39455900)}.das-business-file-upload .input-box[data-v-800b87f7]{flex:1;min-width:0;padding-right:20px;box-sizing:border-box}.das-business-file-upload .image-box[data-v-800b87f7]{position:relative;padding-right:60px}.das-business-file-upload .image-box[data-v-800b87f7]:not(.is-view):after{position:absolute;display:block;content:"";height:calc(var(--v79e51072) - 10px);width:1px;right:30px;top:50%;transform:translateY(-50%);background-color:#d9d9d9}