vft 0.0.507 → 0.0.509

package/es/components/upload/upload.vue2.js

@@ -1,16 +1,17 @@
-import { defineComponent as I, useSlots as V, shallowRef as j, computed as B, onBeforeUnmount as N, provide as O, toRef as q, createElementBlock as D, openBlock as v, normalizeClass as H, unref as o, createBlock as g, createCommentVNode as i, renderSlot as r, createSlots as C, withCtx as u, createVNode as K, mergeProps as E } from "vue";
+import { defineComponent as I, useSlots as j, computed as h, shallowRef as O, onBeforeUnmount as q, provide as D, toRef as H, createElementBlock as K, openBlock as g, normalizeClass as W, unref as o, createBlock as w, createCommentVNode as n, renderSlot as d, createSlots as B, withCtx as u, createVNode as A, mergeProps as M } from "vue";
 import "../form/index.js";
-import { VftMessage as h } from "../message/index.js";
-import { ajaxUpload as W } from "./ajax.js";
-import { uploadContextKey as A } from "./constants.js";
-import F from "./upload-content.vue2.js";
-import L from "./upload-list.vue2.js";
-import { useHandlers as G } from "./use-handlers.js";
-import { useFormDisabled as J } from "../form/hooks/use-form-common-props.js";
-const Q = I({
+import { VftMessage as S } from "../message/index.js";
+import { useLocale as G } from "../../locale/use-locale.js";
+import { ajaxUpload as J } from "./ajax.js";
+import { uploadContextKey as Q } from "./constants.js";
+import L from "./upload-content.vue2.js";
+import F from "./upload-list.vue2.js";
+import { useHandlers as X } from "./use-handlers.js";
+import { useFormDisabled as Y } from "../form/hooks/use-form-common-props.js";
+const Z = I({
   name: "vft-upload"
-}), se = /* @__PURE__ */ I({
-  ...Q,
+}), re = /* @__PURE__ */ I({
+  ...Z,
   props: {
     action: { default: "#" },
     headers: {},
@@ -26,12 +27,12 @@ const Q = I({
     fileList: { default: [] },
     autoUpload: { type: Boolean, default: !1 },
     listType: { default: "text" },
-    httpRequest: { type: Function, default: W },
+    httpRequest: { type: Function, default: J },
     disabled: { type: Boolean },
     limit: {},
     replaceOnLimit: { type: Boolean, default: !1 },
     maxSize: { default: void 0 },
-    sizeExceedMessage: { default: "文件大小超出限制" },
+    sizeExceedMessage: { default: void 0 },
     sizeWidth: { default: void 0 },
     sizeHeight: { default: void 0 },
     onSizeInvalid: {},
@@ -48,91 +49,92 @@ const Q = I({
     } },
     onSizeExceed: {}
   },
-  setup(n, { expose: P }) {
-    const t = n, d = V(), y = J(), p = j(), {
-      abort: w,
-      submit: $,
-      clearFiles: S,
+  setup(i, { expose: P }) {
+    const { t: p } = G(), t = i, r = j(), y = Y(), T = h(() => t.sizeExceedMessage || p("vft.upload.sizeExceed")), c = O(), {
+      abort: z,
+      submit: k,
+      clearFiles: R,
       uploadFiles: f,
-      handleStart: k,
-      handleError: M,
+      handleStart: b,
+      handleError: x,
       handleRemove: m,
-      handleSuccess: T,
-      handleProgress: U
-    } = G(t, p), c = B(() => t.listType === "picture-card"), x = {
-      abort: w,
-      submit: $,
-      clearFiles: S,
+      handleSuccess: U,
+      handleProgress: N
+    } = X(t, c), v = h(() => t.listType === "picture-card"), V = {
+      abort: z,
+      submit: k,
+      clearFiles: R,
       uploadFiles: f,
-      uploadRef: p
-    }, R = B(() => ({
+      uploadRef: c
+    }, E = h(() => ({
       ...t,
+      sizeExceedMessage: T.value,
       fileList: f.value,
-      onStart: k,
-      onProgress: U,
-      onSuccess: T,
-      onError: M,
+      onStart: b,
+      onProgress: N,
+      onSuccess: U,
+      onError: x,
       onRemove: m,
-      onChange: (e, l) => {
-        t.onChange?.(e, l, x);
+      onChange: (e, a) => {
+        t.onChange?.(e, a, V);
       },
-      onSizeExceed: (e, l) => {
+      onSizeExceed: (e, a) => {
         if (t.onSizeExceed)
-          t.onSizeExceed?.(e, l);
+          t.onSizeExceed?.(e, a);
         else {
-          const s = `文件大小不能超过 ${(l / 1048576).toFixed(2)}MB`;
-          console.warn("默认文件大小超出提示:", s), h.warning(s);
+          const l = (a / 1048576).toFixed(2), s = p("vft.upload.defaultSizeMessage", { maxSizeMB: l });
+          console.warn(s), S.warning(s);
         }
       },
-      onSizeInvalid: (e, l, a, s, b) => {
+      onSizeInvalid: (e, a, l, s, C) => {
         if (t.onSizeInvalid)
-          t.onSizeInvalid(e, l, a, s, b);
+          t.onSizeInvalid(e, a, l, s, C);
         else {
-          const z = `文件尺寸不符合要求，当前尺寸：${l}x${a}，期望尺寸：${s}x${b}`;
-          console.warn("默认尺寸校验提示:", z), h.warning(z);
+          const $ = p("vft.upload.defaultSizeCheckMessage", { width: a, height: l, expectedWidth: s, expectedHeight: C });
+          console.warn($), S.warning($);
         }
       },
-      onTypeInvalid: (e, l) => {
+      onTypeInvalid: (e, a) => {
         if (t.onTypeInvalid)
-          t.onTypeInvalid(e, l);
+          t.onTypeInvalid(e, a);
         else {
-          const a = `文件类型不符合要求，当前文件：${e.name}，支持的类型：${l}`;
-          console.warn("默认文件类型校验提示:", a), h.warning(a);
+          const l = p("vft.upload.defaultTypeCheckMessage", { fileName: e.name, acceptedTypes: a });
+          console.warn(l), S.warning(l);
         }
       }
     }));
-    return N(() => {
+    return q(() => {
       f.value.forEach(({ url: e }) => {
         e?.startsWith("blob:") && URL.revokeObjectURL(e);
       });
-    }), O(A, {
-      accept: q(t, "accept")
+    }), D(Q, {
+      accept: H(t, "accept")
     }), P({
-      abort: w,
-      submit: $,
-      clearFiles: S,
-      handleStart: k,
+      abort: z,
+      submit: k,
+      clearFiles: R,
+      handleStart: b,
       handleRemove: m,
       fileList: f
-    }), (e, l) => (v(), D("div", {
-      class: H(["vft-upload-wrapper", [{ disabled: o(y) }]])
+    }), (e, a) => (g(), K("div", {
+      class: W(["vft-upload-wrapper", [{ disabled: o(y) }]])
     }, [
-      c.value && n.showFileList ? (v(), g(L, {
+      v.value && i.showFileList ? (g(), w(F, {
         key: 0,
         disabled: o(y),
-        "list-type": n.listType,
+        "list-type": i.listType,
         files: o(f),
-        "handle-preview": n.onPreview,
+        "handle-preview": i.onPreview,
         onRemove: o(m)
-      }, C({
+      }, B({
         append: u(() => [
-          K(F, E({
+          A(L, M({
             ref_key: "uploadRef",
-            ref: p
-          }, R.value), {
+            ref: c
+          }, E.value), {
             default: u(() => [
-              o(d).trigger ? r(e.$slots, "trigger", { key: 0 }) : i("", !0),
-              !o(d).trigger && o(d).default ? r(e.$slots, "default", { key: 1 }) : i("", !0)
+              o(r).trigger ? d(e.$slots, "trigger", { key: 0 }) : n("", !0),
+              !o(r).trigger && o(r).default ? d(e.$slots, "default", { key: 1 }) : n("", !0)
             ]),
             _: 3
           }, 16)
@@ -141,50 +143,50 @@ const Q = I({
       }, [
         e.$slots.file ? {
           name: "default",
-          fn: u(({ file: a, index: s }) => [
-            r(e.$slots, "file", {
-              file: a,
+          fn: u(({ file: l, index: s }) => [
+            d(e.$slots, "file", {
+              file: l,
               index: s
             })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : i("", !0),
-      !c.value || c.value && !n.showFileList ? (v(), g(F, E({
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : n("", !0),
+      !v.value || v.value && !i.showFileList ? (g(), w(L, M({
         key: 1,
         ref_key: "uploadRef",
-        ref: p
-      }, R.value), {
+        ref: c
+      }, E.value), {
         default: u(() => [
-          o(d).trigger ? r(e.$slots, "trigger", { key: 0 }) : i("", !0),
-          !o(d).trigger && o(d).default ? r(e.$slots, "default", { key: 1 }) : i("", !0)
+          o(r).trigger ? d(e.$slots, "trigger", { key: 0 }) : n("", !0),
+          !o(r).trigger && o(r).default ? d(e.$slots, "default", { key: 1 }) : n("", !0)
         ]),
         _: 3
-      }, 16)) : i("", !0),
-      e.$slots.trigger ? r(e.$slots, "default", { key: 2 }) : i("", !0),
-      r(e.$slots, "tip"),
-      !c.value && n.showFileList ? (v(), g(L, {
+      }, 16)) : n("", !0),
+      e.$slots.trigger ? d(e.$slots, "default", { key: 2 }) : n("", !0),
+      d(e.$slots, "tip"),
+      !v.value && i.showFileList ? (g(), w(F, {
         key: 3,
         disabled: o(y),
-        "list-type": n.listType,
+        "list-type": i.listType,
         files: o(f),
-        "handle-preview": n.onPreview,
+        "handle-preview": i.onPreview,
         onRemove: o(m)
-      }, C({ _: 2 }, [
+      }, B({ _: 2 }, [
         e.$slots.file ? {
           name: "default",
-          fn: u(({ file: a, index: s }) => [
-            r(e.$slots, "file", {
-              file: a,
+          fn: u(({ file: l, index: s }) => [
+            d(e.$slots, "file", {
+              file: l,
               index: s
             })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : i("", !0)
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : n("", !0)
     ], 2));
   }
 });
 export {
-  se as default
+  re as default
 };

package/es/components/upload/utils.js

@@ -1,53 +1,53 @@
-function o(r) {
-  return new Promise((n, s) => {
-    const e = r.type.startsWith("image/"), i = r.type.startsWith("video/");
-    if (!e && !i) {
-      s(new Error("文件类型不支持尺寸校验"));
+function n(i) {
+  return new Promise((o, a) => {
+    const e = i.type.startsWith("image/"), r = i.type.startsWith("video/");
+    if (!e && !r) {
+      a(new Error("vft.upload.typeNotSupported"));
       return;
     }
     if (e) {
       const t = new Image();
       t.onload = () => {
-        n({ width: t.naturalWidth, height: t.naturalHeight });
+        o({ width: t.naturalWidth, height: t.naturalHeight });
       }, t.onerror = () => {
-        s(new Error("图片加载失败"));
-      }, t.src = URL.createObjectURL(r);
-    } else if (i) {
+        a(new Error("vft.upload.imageLoadFailed"));
+      }, t.src = URL.createObjectURL(i);
+    } else if (r) {
       const t = document.createElement("video");
       t.onloadedmetadata = () => {
-        n({ width: t.videoWidth, height: t.videoHeight }), URL.revokeObjectURL(t.src);
+        o({ width: t.videoWidth, height: t.videoHeight }), URL.revokeObjectURL(t.src);
       }, t.onerror = () => {
-        s(new Error("视频加载失败")), URL.revokeObjectURL(t.src);
-      }, t.src = URL.createObjectURL(r);
+        a(new Error("vft.upload.videoLoadFailed")), URL.revokeObjectURL(t.src);
+      }, t.src = URL.createObjectURL(i);
     }
   });
 }
-async function a(r, n, s) {
+async function s(i, o, a) {
   try {
-    const { width: e, height: i } = await o(r);
-    return { isValid: e === n && i === s, width: e, height: i };
+    const { width: e, height: r } = await n(i);
+    return { isValid: e === o && r === a, width: e, height: r };
   } catch (e) {
-    return console.error("尺寸校验失败:", e), { isValid: !1, width: 0, height: 0 };
+    return console.error("Size validation failed:", e), { isValid: !1, width: 0, height: 0 };
   }
 }
-function c(r) {
-  return r.type.startsWith("image/") || r.type.startsWith("video/");
+function d(i) {
+  return i.type.startsWith("image/") || i.type.startsWith("video/");
 }
-function d(r, n) {
-  return n ? n.split(",").map((e) => e.trim()).some((e) => {
+function c(i, o) {
+  return o ? o.split(",").map((e) => e.trim()).some((e) => {
     if (e.startsWith(".")) {
-      const i = e.toLowerCase();
-      return r.name.toLowerCase().endsWith(i);
+      const r = e.toLowerCase();
+      return i.name.toLowerCase().endsWith(r);
     } else if (e.includes("/*")) {
-      const i = e.replace("/*", "");
-      return r.type.startsWith(i + "/");
+      const r = e.replace("/*", "");
+      return i.type.startsWith(r + "/");
     } else
-      return r.type === e;
+      return i.type === e;
   }) : !0;
 }
 export {
-  o as getFileDimensions,
-  c as isImageOrVideo,
-  a as validateFileSize,
-  d as validateFileType
+  n as getFileDimensions,
+  d as isImageOrVideo,
+  s as validateFileSize,
+  c as validateFileType
 };

package/es/constants/date.d.ts

@@ -1,3 +1,3 @@
 export declare const datePickTypes: readonly ["year", "month", "date", "dates", "week", "datetime", "datetimerange", "daterange", "monthrange"];
-export declare const WEEK_DAYS: readonly ["日", "一", "二", "三", "四", "五", "六"];
+export declare const WEEK_DAYS: readonly ["vft.datePicker.weekSunday", "vft.datePicker.weekMonday", "vft.datePicker.weekTuesday", "vft.datePicker.weekWednesday", "vft.datePicker.weekThursday", "vft.datePicker.weekFriday", "vft.datePicker.weekSaturday"];
 export type DatePickType = (typeof datePickTypes)[number];

package/es/constants/date.js

@@ -8,7 +8,15 @@ const e = [
   "datetimerange",
   "daterange",
   "monthrange"
-], t = ["日", "一", "二", "三", "四", "五", "六"];
+], t = [
+  "vft.datePicker.weekSunday",
+  "vft.datePicker.weekMonday",
+  "vft.datePicker.weekTuesday",
+  "vft.datePicker.weekWednesday",
+  "vft.datePicker.weekThursday",
+  "vft.datePicker.weekFriday",
+  "vft.datePicker.weekSaturday"
+];
 export {
   t as WEEK_DAYS,
   e as datePickTypes

package/es/hooks/use-z-index/index.js

@@ -2,14 +2,14 @@ import "@vueuse/core";
 import { isNumber as m, isClient as p } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
-import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
+import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
 import "lodash-es";
 import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
   const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
-    const r = v(x);
+    const r = Z(x);
     return m(r) ? r : f;
   }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
   return !p && !e(d) && l(

package/es/index.d.ts

@@ -3,6 +3,7 @@ export * from './components';
 export * from './constants';
 export * from './hooks';
 export * from './utils';
+export * from './locale';
 export * from './comp-resolver';
 export * from './make-installer';
 export declare const install: (app: import("vue").App, options?: import("./components").ConfigProviderContext) => void;

package/es/index.js

@@ -146,6 +146,10 @@ export { PatchFlags, ensureOnlyChild, flattedChildren, getFirstValidNode, getNor
 export { useTable } from "./components/table/use/use-table.js";
 export { ACTION_FIELD, CHECKED_FIELD, CREATE_TIME_FIELD, DATE_FIELD, DATE_TIME_FIELD, ID_FIELD, NAME_FIELD, SEQ_FIELD, STATUS_FIELD, UPDATE_TIME_FIELD } from "./components/table/field.js";
 export { getDynamicProps, useForm } from "./components/super-form/use/use-form.js";
+export { default as UnknownComponent } from "./locale/lang/en.js";
+export { default as UnknownComponent } from "./locale/lang/zh-cn.js";
+export { default as UnknownComponent } from "./locale/lang/zh-tw.js";
+export { useLocale } from "./locale/use-locale.js";
 export { CompResolver } from "./comp-resolver.js";
 export { makeInstaller } from "./make-installer.js";
 export { default as VftPopperArrow } from "./components/popper/arrow.vue2.js";
@@ -158,7 +162,7 @@ export { cascaderEmits, cascaderProps } from "./components/cascader/cascader.js"
 export { CASCADER_PANEL_INJECTION_KEY } from "./components/cascader-panel/types.js";
 export { CommonProps, DefaultProps, cascaderPanelEmits, cascaderPanelProps, useCascaderConfig } from "./components/cascader-panel/config.js";
 export { checkboxGroupContextKey } from "./components/checkbox/constants.js";
-export { configProviderContextKey, messageConfig } from "./components/config-provider/constants.js";
+export { configProviderContextKey, localeContextKey, messageConfig } from "./components/config-provider/constants.js";
 export { provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig } from "./components/config-provider/hooks/use-global-config.js";
 export { ROOT_PICKER_INJECTION_KEY, ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from "./components/date-picker/constants.js";
 export { datePickerProps } from "./components/date-picker/props/date-picker.js";

package/es/locale/index.d.js

@@ -0,0 +1 @@
+

package/es/locale/index.d.ts

@@ -0,0 +1,26 @@
+export type TranslatePair = {
+  [key: string]: string | string[] | TranslatePair
+}
+
+export type Language = {
+  name: string
+  vft: TranslatePair
+}
+
+export type LocaleType = 'zh-cn' | 'en' | 'zh-tw'
+
+export declare const en: Language
+export declare const zhCn: Language
+export declare const zhTw: Language
+
+export interface UseLocaleReturn {
+  locale: import('vue').Ref<Language>
+  currentLocale: import('vue').Ref<LocaleType>
+  setLocale: (lang: LocaleType) => void
+  getLocale: () => Language
+  getCurrentLocale: () => LocaleType
+  t: (key: string, defaultValue?: string) => string
+}
+
+export declare function useLocale(defaultLocale?: LocaleType): UseLocaleReturn
+

package/es/locale/index.js

@@ -0,0 +1,10 @@
+import { default as r } from "./lang/en.js";
+import { default as f } from "./lang/zh-cn.js";
+import { default as l } from "./lang/zh-tw.js";
+import { useLocale as p } from "./use-locale.js";
+export {
+  r as en,
+  p as useLocale,
+  f as zhCn,
+  l as zhTw
+};

package/es/locale/lang/en.d.ts

@@ -0,0 +1,183 @@
+declare const _default: {
+    name: string;
+    vft: {
+        ok: string;
+        cancel: string;
+        confirm: string;
+        close: string;
+        save: string;
+        delete: string;
+        edit: string;
+        add: string;
+        search: {
+            placeholder: string;
+        };
+        reset: string;
+        submit: string;
+        loading: string;
+        noData: string;
+        noMatch: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+        pagination: {
+            itemsPerPage: string;
+        };
+        table: {
+            search: string;
+        };
+        form: {
+            required: string;
+            invalidFormat: string;
+            submitSuccess: string;
+            submitFailed: string;
+        };
+        dialog: {
+            confirm: string;
+            cancel: string;
+        };
+        empty: {
+            notFound: string;
+            deleted: string;
+            networkDisconnect: string;
+            noData: string;
+            pageError: string;
+            noFilter: string;
+            noSearch: string;
+        };
+        popconfirm: {
+            confirm: string;
+            cancel: string;
+        };
+        superForm: {
+            reset: string;
+            submit: string;
+            cancel: string;
+        };
+        tree: {
+            emptyText: string;
+        };
+        timePicker: {
+            cancel: string;
+            confirm: string;
+        };
+        transfer: {
+            filterPlaceholder: string;
+        };
+        modal: {
+            confirm: string;
+            cancel: string;
+        };
+        multipleTabs: {
+            unpin: string;
+            refresh: string;
+            openInNewTab: string;
+            closeTab: string;
+            closeLeft: string;
+            closeRight: string;
+            closeOther: string;
+            closeAll: string;
+            fullScreen: string;
+            standalone: string;
+            pin: string;
+        };
+        cascader: {
+            placeholder: string;
+            noData: string;
+        };
+        clampToggle: {
+            expand: string;
+            collapse: string;
+        };
+        colorPicker: {
+            ariaDescription: string;
+            label: string;
+        };
+        datePicker: {
+            dateTableLabel: string;
+            monthTableLabel: string;
+            yearTableLabel: string;
+            selectDate: string;
+            selectTime: string;
+            year: string;
+            startDate: string;
+            startTime: string;
+            endDate: string;
+            endTime: string;
+            weekSunday: string;
+            weekMonday: string;
+            weekTuesday: string;
+            weekWednesday: string;
+            weekThursday: string;
+            weekFriday: string;
+            weekSaturday: string;
+        };
+        dateTimeSelect: {
+            placeholder: string;
+        };
+        dropdown: {
+            ariaLabel: string;
+        };
+        fullScreen: {
+            enter: string;
+            exit: string;
+        };
+        imageViewer: {
+            loadFailed: string;
+        };
+        mdContainer: {
+            publishTime: string;
+            readCount: string;
+            tableOfContents: string;
+        };
+        select: {
+            loading: string;
+            noMatch: string;
+            noData: string;
+            placeholder: string;
+        };
+        superFormPlaceholder: {
+            input: string;
+            password: string;
+            select: string;
+            checkbox: string;
+            search: string;
+            tag: string;
+            upload: string;
+            slider: string;
+            time: string;
+            startTime: string;
+            endTime: string;
+            startDate: string;
+            endDate: string;
+            startMonth: string;
+            endMonth: string;
+        };
+        superFormError: {
+            componentPropsError: string;
+            fetchRemoteDataError: string;
+        };
+        tableError: {
+            noDataToExpand: string;
+        };
+        transferExtend: {
+            noMatch: string;
+            noData: string;
+            list1: string;
+            list2: string;
+        };
+        upload: {
+            sizeExceed: string;
+            sizeCheckFailed: string;
+            typeNotSupported: string;
+            imageLoadFailed: string;
+            videoLoadFailed: string;
+            defaultSizeMessage: string;
+            defaultSizeCheckMessage: string;
+            defaultTypeCheckMessage: string;
+            deleteKeyTip: string;
+        };
+    };
+};
+export default _default;