zhytech-ui-mobile 1.0.7 → 1.0.9

package/dist/zhytech-ui-mobile.es.js

@@ -5,6 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { inject, ref, getCurrentInstance, createVNode, mergeProps, withModifiers, defineComponent, Fragment, renderSlot, openBlock, createBlock, withCtx, Comment, createTextVNode, provide, reactive, watchEffect, onActivated, computed, onBeforeUnmount, onMounted, watch, withDirectives, vModelDynamic, vShow, nextTick, renderList, isReactive, onUnmounted, shallowRef, isVNode as isVNode$1, onBeforeMount, createApp, Transition, effectScope, markRaw, normalizeClass, normalizeStyle, createCommentVNode, onDeactivated, createElementBlock, toDisplayString, useSlots, toRefs, resolveDynamicComponent, unref, Teleport, createSlots, resolveComponent, useCssVars, isRef } from "vue";
+const iconfont = "";
 const __uno = "";
 const view = "";
 const toast = "";
@@ -13896,7 +13897,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(_component_wd_icon, {
                 "custom-class": "description-tip",
-                "class-prefix": "iconfont zhy",
+                "class-prefix": "iconfont icon",
                 name: "tip",
                 color: "#ff0000",
                 onClick: _cache[1] || (_cache[1] = ($event) => displayAnswerDescription.value = !unref(displayAnswerDescription))
@@ -16335,6 +16336,37 @@ function useUtils() {
       }
       return true;
     },
+    /**
+     * @description: 将数据对象转换为文件对象
+     * @param files
+     * @return
+     */
+    async dataToFile(files2) {
+      const fileInstances = await Promise.all(
+        files2.map(async (file) => {
+          if (file instanceof File) {
+            return file;
+          }
+          if (file.path && file.path.startsWith("blob:")) {
+            try {
+              let blob = new Blob();
+              let fileObject = void 0;
+              const response = await fetch(file.path);
+              blob = await response.blob();
+              fileObject = new File([blob], file.name || "file", {
+                type: file.type || blob.type || "application/octet-stream",
+                lastModified: file.lastModified || Date.now()
+              });
+              return fileObject;
+            } catch (error) {
+              console.error("Blob URL转换失败:", error);
+              return null;
+            }
+          }
+        })
+      );
+      return fileInstances;
+    },
     /**
      * @description: 将对象格式化为页面跳转参数字符串
      * @param params
@@ -16411,21 +16443,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const formType = inject("formType");
-    const { checkFile } = useUtils();
+    const { checkFile, dataToFile } = useUtils();
     const upload = ref();
     const uploadOptions = inject("uploadOptions");
     const { datas, componentProps } = toRefs(props);
     const fileList = ref(datas.value[props.componentID] ?? []);
-    const { confirm } = useMessage();
-    const beforeRemove = ({ file, resolve }) => {
-      confirm("确定删除该文件吗？", "提示", (flag) => {
-        if (flag) {
-          datas.value[props.componentID] = datas.value[props.componentID].filter((item) => item.name !== file.name);
-        }
-        resolve(flag);
-      });
-    };
-    const beforeUpload = ({ files: files2, fileList: fileList2, resolve }) => {
+    const beforeUpload = async ({ files: files2, fileList: fileList2, resolve }) => {
       let errorNumber = 0;
       files2.forEach((file) => {
         const checkPass = checkFile(file, fileList2, componentProps.value.fileSize, componentProps.value.fileSizeUnit, false);
@@ -16437,11 +16460,21 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         if (!datas.value[props.componentID]) {
           datas.value[props.componentID] = [];
         }
-        datas.value[props.componentID] = [...datas.value[props.componentID], ...files2];
+        const fileInstances = await dataToFile(files2);
+        datas.value[props.componentID] = [...datas.value[props.componentID], ...fileInstances];
         resolve(true);
       }
       resolve(false);
     };
+    const { confirm } = useMessage();
+    const beforeRemove = ({ file, resolve }) => {
+      confirm("确定删除该文件吗？", "提示", (flag) => {
+        if (flag) {
+          datas.value[props.componentID] = datas.value[props.componentID].filter((item) => item.name !== file.name);
+        }
+        resolve(flag);
+      });
+    };
     return (_ctx, _cache) => {
       var _a, _b;
       const _component_wd_button = resolveEasycom(resolveDynamicComponent("wd-button"), __easycom_1$3);
@@ -16528,21 +16561,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const formType = inject("formType");
-    const { checkFile } = useUtils();
+    const { checkFile, dataToFile } = useUtils();
     const upload = ref();
     const uploadOptions = inject("uploadOptions");
     const { datas, componentProps } = toRefs(props);
     const fileList = ref(datas.value[props.componentID] ?? []);
-    const { confirm } = useMessage();
-    const beforeRemove = ({ file, resolve }) => {
-      confirm("确定删除该文件吗？", "提示", (flag) => {
-        if (flag) {
-          datas.value[props.componentID] = datas.value[props.componentID].filter((item) => item.name !== file.name);
-        }
-        resolve(flag);
-      });
-    };
-    const beforeUpload = ({ files: files2, fileList: fileList2, resolve }) => {
+    const beforeUpload = async ({ files: files2, fileList: fileList2, resolve }) => {
       let errorNumber = 0;
       files2.forEach((file) => {
         const checkPass = checkFile(file, fileList2, componentProps.value.fileSize, componentProps.value.fileSizeUnit, false);
@@ -16554,11 +16578,22 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         if (!datas.value[props.componentID]) {
           datas.value[props.componentID] = [];
         }
-        datas.value[props.componentID] = [...datas.value[props.componentID], ...files2];
+        const fileInstances = await dataToFile(files2);
+        console.log(fileInstances);
+        datas.value[props.componentID] = [...datas.value[props.componentID], ...fileInstances];
         resolve(true);
       }
       resolve(false);
     };
+    const { confirm } = useMessage();
+    const beforeRemove = ({ file, resolve }) => {
+      confirm("确定删除该文件吗？", "提示", (flag) => {
+        if (flag) {
+          datas.value[props.componentID] = datas.value[props.componentID].filter((item) => item.name !== file.name);
+        }
+        resolve(flag);
+      });
+    };
     return (_ctx, _cache) => {
       var _a, _b;
       const _component_wd_upload = resolveEasycom(resolveDynamicComponent("wd-upload"), __easycom_0);
@@ -16576,6 +16611,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           "auto-upload": (_a = unref(uploadOptions)) == null ? void 0 : _a.autoUpload,
           extension: (_b = unref(componentProps).fileType) == null ? void 0 : _b.split(","),
           accept: "media",
+          "image-mode": "aspectFill",
           "before-upload": beforeUpload,
           "before-remove": beforeRemove
         }, null, 8, ["file-list", "action", "multiple", "limit", "auto-upload", "extension"]),
@@ -19279,7 +19315,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       initComponents(formData.value.components);
     });
     const theme2 = inject("theme", ref({}));
-    const themeVars = computed(() => ({ ...theme2.value }));
+    const themeVars = ref({});
+    watch(
+      theme2,
+      () => {
+        themeVars.value = { ...theme2.value };
+      },
+      { deep: true, immediate: true }
+    );
     onMounted(() => initComponents(formData.value.components));
     const initComponents = (components2) => {
       if (components2 == null ? void 0 : components2.length) {
@@ -19662,7 +19705,8 @@ _sfc_main.install = function(app) {
   app.component(_sfc_main.name, _sfc_main);
 };
 const setTheme = (options) => theme.value = { ...theme.value, ...options };
-const theme = ref({
+const theme = ref({});
+const defaultTheme = {
   // 主题色
   colorTheme: "#4d80f0",
   // 成功色
@@ -19671,16 +19715,14 @@ const theme = ref({
   colorWarning: "#f0883a",
   // 危险出错色
   colorDanger: "#fa4350"
-});
+};
 const components = [_sfc_main];
 const install = function(app, options) {
   components.forEach((component) => {
     app.component(component.name, component);
   });
-  if (options == null ? void 0 : options.theme) {
-    theme.value = options.theme;
-  }
   app.provide("theme", theme);
+  setTheme((options == null ? void 0 : options.theme) ?? defaultTheme);
 };
 const index = { install };
 export {