yuang-framework-ui-pc 1.1.51 → 1.1.52

package/es/yu-framework-attachment-file-upload/FileUpload/index.js

@@ -1,219 +0,0 @@
-import { defineComponent, ref, watch, createBlock, openBlock } from "vue";
-import CommonUpload from "../CommonUpload/index";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "FileUpload" },
-  __name: "index",
-  props: {
-    modelValue: {},
-    fileLimit: { default: 100 },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    preview: { type: Boolean, default: true },
-    limit: {},
-    multiple: { type: Boolean },
-    drag: { type: Boolean, default: true },
-    accept: { default: "" },
-    itemStyle: {},
-    buttonStyle: {},
-    sortable: { type: [Boolean, Object], default: () => ({ forceFallback: true }) },
-    imageProps: {},
-    progressProps: {},
-    previewProps: {},
-    tools: { type: Boolean, default: true },
-    listType: { default: "file" },
-    beforeUploadClick: {},
-    beforeItemEdit: {},
-    locale: {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const files = ref([]);
-    const isImage = (url) => {
-      var _a, _b;
-      const parts = url ? url.split(".") : [];
-      const suffix = parts.length <= 1 || parts[0] === "" && parts.length === 2 ? "" : (_b = (_a = parts.pop()) == null ? void 0 : _a.toLowerCase) == null ? void 0 : _b.call(_a);
-      return suffix && ["png", "jpg", "jpeg", "gif", "svg"].includes(suffix);
-    };
-    const getItemFileUrl = (item) => {
-      return item.fileUrl;
-    };
-    const handleItemClick = (item) => {
-      handleItemPreview(item);
-    };
-    const handleItemPreview = (item) => {
-      if (!item.url) {
-        const fileUrl = getItemFileUrl(item);
-        if (fileUrl) {
-          window.open(fileUrl);
-        } else if (item.file && !item.file.type.startsWith("image")) {
-          window.open(URL.createObjectURL(item.file));
-        }
-      }
-    };
-    const updateModelValue = (value) => {
-      if (props.modelValue !== value) {
-        emit("update:modelValue", value);
-        emit("change", value);
-      }
-    };
-    const clearData = () => {
-      files.value = [];
-    };
-    const isDone = () => {
-      return !files.value.some((d) => d.status !== "done");
-    };
-    const getDataValue = (filesValue) => {
-      const result = [];
-      filesValue.forEach((item) => {
-        const fileUrl = getItemFileUrl(item);
-        if (item.status === "done" && fileUrl != null) {
-          result.push({ url: fileUrl, name: item.name });
-        }
-      });
-      return result;
-    };
-    const getFilesValue = (dataValue, filesValue) => {
-      if (!dataValue) {
-        return filesValue.filter((item) => item.status !== "done");
-      }
-      const result = [];
-      if (props.limit === 1) {
-        try {
-          const temp2 = JSON.parse(dataValue);
-          if (temp2) {
-            const url = temp2.url ?? "";
-            result.push({
-              key: temp2.key ?? `0-${url}`,
-              id: temp2.id ?? ``,
-              name: temp2.name ?? "",
-              url: isImage(url) ? url : void 0,
-              fileUrl: url,
-              status: "done"
-            });
-            return result;
-          }
-        } catch (e) {
-          console.error(e);
-        }
-        const temp = filesValue.find((item) => item.status !== "done");
-        if (temp != null) {
-          result.push(temp);
-        }
-        return result;
-      }
-      try {
-        const temps = JSON.parse(dataValue);
-        filesValue.forEach((item) => {
-          const fileUrl = getItemFileUrl(item);
-          if (fileUrl && temps.some((temp) => temp.url === fileUrl) || item.status !== "done") {
-            result.push(item);
-          }
-        });
-        temps.forEach((temp, index) => {
-          const url = (temp == null ? void 0 : temp.url) ?? "";
-          if (url && !result.some((item) => getItemFileUrl(item) === url)) {
-            const key = `${index}-${url}`;
-            const oldIndex = result.findIndex((item) => item.key === key);
-            if (oldIndex !== -1) {
-              result.splice(oldIndex, 1);
-            }
-            result.push({
-              key,
-              id: temp.id ?? "",
-              name: temp.name ?? "",
-              url: isImage(url) ? url : void 0,
-              fileUrl: url,
-              status: "done"
-            });
-          }
-        });
-        if (props.limit != null && result.length > props.limit) {
-          const temp = result.filter((item) => item.status !== "done");
-          for (const t of temp) {
-            const i = result.indexOf(t);
-            result.splice(i, 1);
-            if (result.length <= props.limit) {
-              break;
-            }
-          }
-        }
-      } catch (e) {
-        console.error(e);
-        filesValue.forEach((item) => {
-          if (item.status !== "done") {
-            result.push(item);
-          }
-        });
-      }
-      return result;
-    };
-    const filesIsChanged = (newFiles, oldFiles) => {
-      if (newFiles.length !== oldFiles.length) {
-        return true;
-      }
-      for (let i = 0; i < newFiles.length; i++) {
-        const newItem = newFiles[i];
-        const oldItem = oldFiles[i];
-        if (newItem.key !== oldItem.key || newItem.name !== oldItem.name || getItemFileUrl(newItem) !== getItemFileUrl(oldItem) || newItem.status !== oldItem.status) {
-          return true;
-        }
-      }
-      return false;
-    };
-    watch(
-      files,
-      (filesValue) => {
-        const dataValue = getDataValue(filesValue);
-        if (props.limit === 1) {
-          updateModelValue(dataValue.length ? JSON.stringify(dataValue[0]) : "");
-          return;
-        }
-        updateModelValue(dataValue.length ? JSON.stringify(dataValue) : "");
-      },
-      { deep: true }
-    );
-    watch(
-      () => props.modelValue,
-      (dataValue) => {
-        const filesValue = getFilesValue(dataValue, files.value);
-        if (filesIsChanged(filesValue, files.value)) {
-          files.value = filesValue;
-        }
-      },
-      { immediate: true }
-    );
-    __expose({ clearData, isDone });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(CommonUpload, {
-        modelValue: files.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
-        fileLimit: _ctx.fileLimit,
-        readonly: _ctx.readonly,
-        disabled: _ctx.disabled,
-        preview: _ctx.preview,
-        limit: _ctx.limit,
-        multiple: _ctx.multiple,
-        drag: _ctx.drag,
-        accept: _ctx.accept,
-        itemStyle: _ctx.itemStyle,
-        buttonStyle: _ctx.buttonStyle,
-        sortable: _ctx.sortable,
-        imageProps: _ctx.imageProps,
-        progressProps: _ctx.progressProps,
-        previewProps: _ctx.previewProps,
-        tools: _ctx.tools,
-        listType: _ctx.listType,
-        beforeUploadClick: _ctx.beforeUploadClick,
-        beforeItemEdit: _ctx.beforeItemEdit,
-        locale: _ctx.locale,
-        onItemClick: handleItemClick,
-        onPreview: handleItemPreview
-      }, null, 8, ["modelValue", "fileLimit", "readonly", "disabled", "preview", "limit", "multiple", "drag", "accept", "itemStyle", "buttonStyle", "sortable", "imageProps", "progressProps", "previewProps", "tools", "listType", "beforeUploadClick", "beforeItemEdit", "locale"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/yu-framework-attachment-file-upload/index.d.ts

@@ -1,16 +0,0 @@
-import { ComponentParam } from '@/model/component/param';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
-    param: {
-        type: import('vue').PropType<ComponentParam>;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
-    param: {
-        type: import('vue').PropType<ComponentParam>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/yu-framework-attachment-file-upload/index.js

@@ -1,55 +0,0 @@
-import { defineComponent, mergeModels, ref, useModel, onMounted, createElementBlock, openBlock, createVNode } from "vue";
-import "../utils/message";
-import FileUpload from "./FileUpload/index";
-import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
-import { getShortUuid } from "yuang-framework-ui-common/lib/utils/uuidUtils";
-import { application } from "yuang-framework-ui-common/lib/config/applicationConfig";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "YuFrameworkAttachmentFileUpload" },
-  __name: "index",
-  props: /* @__PURE__ */ mergeModels({
-    modelValue: {},
-    param: {}
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const files = ref("");
-    ref(false);
-    const model = useModel(__props, "modelValue");
-    debugger;
-    model.value = model.value ?? getShortUuid();
-    onMounted(() => {
-      http.post(`${application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/selectPage`, { code: model.value, pageSize: 100 }).then((res) => {
-        let attachemtList = res.data.data.records;
-        let fileList = [];
-        for (let i = 0; i < attachemtList.length; i++) {
-          fileList.push({
-            key: attachemtList[i].id,
-            id: attachemtList[i].id,
-            // 需要传递name，否则表单上显示url
-            name: attachemtList[i].name,
-            url: attachemtList[i].fullUrl,
-            status: "done"
-          });
-        }
-        files.value = JSON.stringify(fileList);
-      });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(FileUpload, {
-          ref: "filesUploadRef",
-          limit: 8,
-          modelValue: files.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event)
-        }, null, 8, ["modelValue"])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/lib/yu-framework-attachment-file-upload/CommonUpload/index.cjs

@@ -1,172 +0,0 @@
-"use strict";
-const vue = require("vue");
-const message = require("../../utils/message");
-const es = require("element-plus/es");
-const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
-const uuidUtils = require("yuang-framework-ui-common/lib/utils/uuidUtils");
-const applicationConfig = require("yuang-framework-ui-common/lib/config/applicationConfig");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "CommonUpload" },
-  __name: "index",
-  props: /* @__PURE__ */ vue.mergeModels({
-    fileLimit: { default: 100 },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    preview: { type: Boolean, default: true },
-    limit: {},
-    multiple: { type: Boolean },
-    drag: { type: Boolean, default: true },
-    accept: { default: "" },
-    itemStyle: {},
-    buttonStyle: {},
-    sortable: { type: [Boolean, Object], default: () => ({ forceFallback: true }) },
-    imageProps: {},
-    progressProps: {},
-    previewProps: {},
-    tools: { type: Boolean, default: true },
-    listType: {},
-    beforeUploadClick: {},
-    beforeItemEdit: {},
-    locale: {}
-  }, {
-    "modelValue": {
-      type: Array,
-      default: () => []
-    },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ vue.mergeModels(["itemClick", "preview"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const images = vue.useModel(__props, "modelValue");
-    const checkFile = (file) => {
-      if (!file) {
-        return;
-      }
-      if (props.accept === "image/*") {
-        if (!file.type.startsWith("image")) {
-          message.EleMessage.error("只能选择图片");
-          return;
-        }
-      } else if (props.accept === ".xls,.xlsx") {
-        if (![
-          "application/vnd.ms-excel",
-          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-        ].includes(file.type)) {
-          message.EleMessage.error("只能选择 excel 文件");
-          return;
-        }
-      }
-      if (props.fileLimit && file.size / 1024 / 1024 > props.fileLimit) {
-        message.EleMessage.error(`大小不能超过 ${props.fileLimit}MB`);
-        return;
-      }
-      return true;
-    };
-    const handleItemUpload = (uploadItem, retry) => {
-      if (!uploadItem.file || !checkFile(uploadItem.file)) {
-        return;
-      }
-      if (!retry) {
-        images.value.push({ ...uploadItem });
-      }
-      const item = images.value.find((t) => t.key === uploadItem.key);
-      if (!item) {
-        return;
-      }
-      item.status = "uploading";
-      item.progress = 0;
-      debugger;
-      let formData = new FormData();
-      formData.append("code", uuidUtils.getShortUuid());
-      formData.append("multipartFile", uploadItem.file, uploadItem.file.name);
-      httpConfig.http({
-        url: `/framework-api/core/framework-attachment/uploadAttachment`,
-        method: "post",
-        headers: {
-          "Content-Type": "multipart/form-data"
-        },
-        data: formData
-      }).then((res) => {
-        message.EleMessage.success(res.data.message);
-        item.progress = 100;
-        item.status = "done";
-        item.url = res.data.data.fullUrl;
-      }).catch((e) => {
-        item.status = "exception";
-        message.EleMessage.error(e.message);
-      });
-    };
-    const handleItemEditUpload = ({ item, newItem }) => {
-      if (!checkFile(newItem.file)) {
-        return;
-      }
-      const oldItem = images.value.find((t) => t.key === item.key);
-      if (oldItem) {
-        oldItem.url = void 0;
-        oldItem.name = newItem.name;
-        oldItem.file = newItem.file;
-        oldItem.progress = 0;
-        oldItem.status = void 0;
-        handleItemUpload(oldItem, true);
-      }
-    };
-    const handleItemRemove = (uploadItem) => {
-      let id = uploadItem.id;
-      es.ElMessageBox.confirm("确定要删除吗?", "系统提示", { type: "warning", draggable: true }).then(() => {
-        httpConfig.http.get(`${applicationConfig.application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/deleteInfo`, { params: { id } }).then((res) => {
-          message.EleMessage.success(res.data.message);
-          images.value.splice(images.value.indexOf(uploadItem), 1);
-        });
-      });
-    };
-    const handleItemClick = (item) => {
-      emit("itemClick", item);
-    };
-    const handleItemPreview = (item) => {
-      emit("preview", item);
-    };
-    return (_ctx, _cache) => {
-      const _component_EleUploadList = vue.resolveComponent("EleUploadList");
-      return vue.openBlock(), vue.createBlock(_component_EleUploadList, {
-        modelValue: images.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => images.value = $event),
-        readonly: _ctx.readonly,
-        disabled: _ctx.disabled,
-        preview: _ctx.preview,
-        limit: _ctx.limit,
-        multiple: _ctx.multiple,
-        drag: _ctx.drag,
-        accept: _ctx.accept,
-        itemStyle: _ctx.itemStyle,
-        buttonStyle: _ctx.buttonStyle,
-        sortable: _ctx.sortable,
-        imageProps: _ctx.imageProps,
-        progressProps: _ctx.progressProps,
-        previewProps: _ctx.previewProps,
-        tools: _ctx.tools,
-        listType: _ctx.listType,
-        beforeUploadClick: _ctx.beforeUploadClick,
-        beforeItemEdit: _ctx.beforeItemEdit,
-        locale: _ctx.locale,
-        onUpload: handleItemUpload,
-        onRetry: _cache[1] || (_cache[1] = (item) => handleItemUpload(item, true)),
-        onRemove: handleItemRemove,
-        onEditUpload: handleItemEditUpload,
-        onItemClick: handleItemClick,
-        onPreview: handleItemPreview
-      }, vue.createSlots({ _: 2 }, [
-        vue.renderList(Object.keys(_ctx.$slots), (name) => {
-          return {
-            name,
-            fn: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1032, ["modelValue", "readonly", "disabled", "preview", "limit", "multiple", "drag", "accept", "itemStyle", "buttonStyle", "sortable", "imageProps", "progressProps", "previewProps", "tools", "listType", "beforeUploadClick", "beforeItemEdit", "locale"]);
-    };
-  }
-});
-module.exports = _sfc_main;

package/lib/yu-framework-attachment-file-upload/CommonUpload/index.d.ts

@@ -1,161 +0,0 @@
-import { CSSProperties } from 'vue';
-import { ElProgressProps, ElImageProps } from '../../ele-app/el';
-import { EleImageViewerProps } from '../../ele-app/plus';
-import { UploadItem, ListType, BeforeUploadClick, BeforeItemEdit, UploadLocale } from '../../ele-upload-list/types';
-
-declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<UploadItem[]>;
-    drag: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    readonly: {
-        type: import('vue').PropType<boolean>;
-    };
-    sortable: {
-        type: import('vue').PropType<boolean | Record<string | number | symbol, any>>;
-        default: () => {
-            forceFallback: boolean;
-        };
-    };
-    multiple: {
-        type: import('vue').PropType<boolean>;
-    };
-    preview: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    accept: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    tools: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    beforeUploadClick: {
-        type: import('vue').PropType<BeforeUploadClick>;
-    };
-    locale: {
-        type: import('vue').PropType<Partial<UploadLocale>>;
-    };
-    imageProps: {
-        type: import('vue').PropType<ElImageProps>;
-    };
-    progressProps: {
-        type: import('vue').PropType<ElProgressProps>;
-    };
-    listType: {
-        type: import('vue').PropType<ListType>;
-    };
-    limit: {
-        type: import('vue').PropType<number>;
-    };
-    itemStyle: {
-        type: import('vue').PropType<CSSProperties>;
-    };
-    buttonStyle: {
-        type: import('vue').PropType<CSSProperties>;
-    };
-    previewProps: {
-        type: import('vue').PropType<EleImageViewerProps>;
-    };
-    beforeItemEdit: {
-        type: import('vue').PropType<BeforeItemEdit>;
-    };
-    fileLimit: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    itemClick: (item: UploadItem) => void;
-    preview: (item: UploadItem) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<UploadItem[]>;
-    drag: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    readonly: {
-        type: import('vue').PropType<boolean>;
-    };
-    sortable: {
-        type: import('vue').PropType<boolean | Record<string | number | symbol, any>>;
-        default: () => {
-            forceFallback: boolean;
-        };
-    };
-    multiple: {
-        type: import('vue').PropType<boolean>;
-    };
-    preview: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    accept: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    tools: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    beforeUploadClick: {
-        type: import('vue').PropType<BeforeUploadClick>;
-    };
-    locale: {
-        type: import('vue').PropType<Partial<UploadLocale>>;
-    };
-    imageProps: {
-        type: import('vue').PropType<ElImageProps>;
-    };
-    progressProps: {
-        type: import('vue').PropType<ElProgressProps>;
-    };
-    listType: {
-        type: import('vue').PropType<ListType>;
-    };
-    limit: {
-        type: import('vue').PropType<number>;
-    };
-    itemStyle: {
-        type: import('vue').PropType<CSSProperties>;
-    };
-    buttonStyle: {
-        type: import('vue').PropType<CSSProperties>;
-    };
-    previewProps: {
-        type: import('vue').PropType<EleImageViewerProps>;
-    };
-    beforeItemEdit: {
-        type: import('vue').PropType<BeforeItemEdit>;
-    };
-    fileLimit: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-}>> & Readonly<{
-    onItemClick?: ((item: UploadItem) => any) | undefined;
-    onPreview?: ((item: UploadItem) => any) | undefined;
-}>, {
-    drag: boolean;
-    sortable: boolean | Record<keyof any, any>;
-    preview: boolean;
-    accept: string;
-    tools: boolean;
-    fileLimit: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};