@das-fed/upf-ui 6.4.0-dev.299 → 6.4.0-dev.300

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

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