@das-fed/ui 6.4.0-hot.5 → 6.4.0-hot.50

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

@@ -0,0 +1,113 @@
+import '@das-fed/ui/packages/business-components/upload-file/style.css';
+import { ref as g, computed as h, defineComponent as U, useCssVars as y, createElementBlock as p, openBlock as m, createCommentVNode as V, createElementVNode as F, createVNode as f, unref as u, mergeProps as c, isRef as w, normalizeClass as k } from "vue";
+import { withInstall as S } from "@das-fed/utils/with-install/index";
+import { DasInput as b } from "@das-fed/ui/packages/components/input/index";
+import { DasUpload as B } from "@das-fed/ui/packages/components/upload/index";
+import { useCalculateSize as C, minioUpload as x, DasImageViewer as D } from "@das-fed/ui/packages/components/image-viewer/index";
+import { t as N, setI18nRule as P } from "@das-fed/web/packages/i18n/index";
+import { DasMessage as I } from "@das-fed/ui/packages/components/message/index";
+const _ = (o, t) => {
+  const i = g(!1), { size2B: d } = C(), { 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: () => o.modelValue,
+    set: (e) => t("update:modelValue", e)
+  });
+  return {
+    loading: i,
+    imgUrl: l,
+    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);
+      }
+      i.value = !1;
+    }
+  };
+}, T = { class: "das-business-file-upload" }, A = {
+  key: 0,
+  class: "input-box"
+}, H = { class: "upload-box" }, L = /* @__PURE__ */ U({
+  inheritAttrs: !1,
+  __name: "App",
+  props: {
+    modelValue: {},
+    width: {},
+    isView: { type: Boolean },
+    type: { default: "input" },
+    imageWidth: { default: "100px" },
+    imageHeight: { default: "100px" },
+    maxSize: {},
+    baseUrl: {},
+    serviceName: {},
+    pathPrefix: {},
+    bucketName: {},
+    minioTokenApi: { default: "token" },
+    autoContentType: { type: Boolean },
+    inputProps: { default: () => ({}) },
+    imageProps: { default: () => ({}) }
+  },
+  emits: ["update:modelValue", "upload-success", "upload-fail"],
+  setup(o, { emit: t }) {
+    y((e) => ({
+      e810a398: r.value,
+      "7d7d61be": e.imageHeight
+    }));
+    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) => (m(), p("div", T, [
+      e.type === "input" ? (m(), p("div", A, [
+        f(u(b), c({
+          width: "100%",
+          modelValue: u(l),
+          "onUpdate:modelValue": a[0] || (a[0] = (s) => w(l) ? l.value = s : null),
+          "is-view": e.isView
+        }, e.inputProps), null, 16, ["modelValue", "is-view"])
+      ])) : V("", !0),
+      e.type === "image" ? (m(), p("div", {
+        key: 1,
+        class: k(["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) => w(l) ? l.value = s : null),
+          status: "info",
+          "is-view": !0
+        }, e.imageProps), null, 16, ["style", "modelValue"])
+      ], 2)) : V("", !0),
+      F("div", H, [
+        f(u(B), c({
+          modelValue: n.value,
+          "onUpdate:modelValue": a[2] || (a[2] = (s) => n.value = s),
+          draggle: !1,
+          "is-view": e.isView
+        }, e.$attrs, { onFileUpload: u(v) }), null, 16, ["modelValue", "is-view", "onFileUpload"])
+      ])
+    ]));
+  }
+}), R = (o, t) => {
+  const i = o.__vccOpts || o;
+  for (const [d, n] of t)
+    i[d] = n;
+  return i;
+}, W = /* @__PURE__ */ R(L, [["__scopeId", "data-v-b0e4c862"]]), $ = {
+  "upload-file_uploadFileSizeLimit": {
+    "zh-CN": "上传的文件大小不能超过$0",
+    en: "The size of the uploaded file cannot exceed $0",
+    _appCode: "framework"
+  }
+};
+P($);
+const K = S(W), Q = () => g(null), X = { name: "复合型文件上传 upload-file" };
+export {
+  K as DasBusinessUploadFile,
+  Q as DasBusinessUploadFileRef,
+  X as default
+};

package/packages/business-components/upload-file/src/App.vue.d.ts

@@ -0,0 +1,49 @@
+import type { Props } from './type';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    type: string;
+    minioTokenApi: string;
+    imageWidth: string;
+    imageHeight: string;
+    inputProps: () => {};
+    imageProps: () => {};
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string) => void;
+    "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => void;
+    "upload-fail": (file: import("ant-design-vue").UploadFile<any>) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    type: string;
+    minioTokenApi: string;
+    imageWidth: string;
+    imageHeight: string;
+    inputProps: () => {};
+    imageProps: () => {};
+}>>> & {
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+    "onUpload-fail"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
+}, {
+    type: "input" | "image";
+    minioTokenApi: string;
+    imageWidth: string;
+    imageHeight: string;
+    inputProps: Record<any, any>;
+    imageProps: Record<any, any>;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/packages/business-components/upload-file/src/hooks/use-upload.d.ts

@@ -0,0 +1,7 @@
+import type { Props, Emits } from '../type';
+import type { UploadFile } from 'ant-design-vue';
+export declare const useUpload: (props: Props, emit: Emits) => {
+    loading: import("vue").Ref<boolean>;
+    imgUrl: import("vue").WritableComputedRef<string>;
+    uploadFile: (file: UploadFile) => Promise<void>;
+};

package/packages/business-components/upload-file/src/type.d.ts

@@ -0,0 +1,57 @@
+import type { UploadFile } from 'ant-design-vue'
+
+export interface Props {
+  modelValue: string
+
+  
+  width?: string
+
+  
+  isView?: boolean
+
+  
+  type?: 'input' | 'image'
+
+  
+  imageWidth?: string
+
+  
+  imageHeight?: string
+
+  
+  maxSize?: number | string
+
+  
+  baseUrl?: string
+
+  
+  serviceName?: string
+
+  
+  pathPrefix?: string
+
+  
+  bucketName?: string
+
+  
+  minioTokenApi?: string
+
+  
+  autoContentType?: boolean
+
+  
+  inputProps?: Record<any, any>
+
+  
+  imageProps?: Record<any, any>
+}
+
+export interface Emits {
+  (e: 'update:modelValue', val: string): void
+
+  
+  (e: 'upload-success', file: UploadFile, url: string): void
+
+  
+  (e: 'upload-fail', file: UploadFile): void
+}

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

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