@dazhicheng/ui 1.6.59 → 1.6.61

package/dist/components/tt-form/src/group-form/groupFormApi.js

@@ -1,10 +1,10 @@
-var V = Object.defineProperty;
-var b = (f, h, e) => h in f ? V(f, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[h] = e;
-var l = (f, h, e) => b(f, typeof h != "symbol" ? h + "" : h, e);
+var M = Object.defineProperty;
+var T = (m, p, e) => p in m ? M(m, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[p] = e;
+var l = (m, p, e) => T(m, typeof p != "symbol" ? p + "" : p, e);
 import "axios";
 import "element-plus";
-import { isString as F, isFunction as v, isBoolean as R } from "../../../../packages/utils/src/is.js";
-import { ref as T, reactive as A, computed as K, nextTick as E, toRaw as C } from "vue";
+import { isString as F, isFunction as v, isBoolean as A } from "../../../../packages/utils/src/is.js";
+import { ref as b, reactive as R, computed as k, nextTick as N, toRaw as C } from "vue";
 import "dayjs";
 import "numeral";
 import "xe-utils";
@@ -15,25 +15,25 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/ae
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
-import { isPlainObject as S, get as N, cloneDeep as H, isEqual as k } from "lodash-es";
+import { isPlainObject as S, get as E, cloneDeep as K, isEqual as H } from "lodash-es";
 import { validate as O } from "vee-validate";
-import { toTypedSchema as x } from "@vee-validate/zod";
-import { FormApi as j } from "../formApi.js";
-import { resolveRequiredRuleName as W, resolveValueByFieldName as P } from "../form-render/dependencies.js";
+import { toTypedSchema as j } from "@vee-validate/zod";
+import { FormApi as x } from "../formApi.js";
+import { resolveRequiredRuleName as W, resolveValueByFieldName as V } from "../form-render/dependencies.js";
 import { resolveArraySchemasForRuntime as $, resolveSchemaFieldInitialValue as I } from "../useFormContext.js";
 import { normalizeArrayFieldPath as _, childArrayPath as q } from "../utils/array-path.js";
-import { extractFlatSchemas as g, collectDefaultCollapseStates as M, getGroupValues as D, cloneSchemaTree as y, insertFieldsByPosition as B, removeFieldsFromGroup as L, removeGroupsFromGroup as z, isGroupSchema as X, isRowSchema as Y } from "./utils.js";
-function J(f) {
-  if (!f)
+import { extractFlatSchemas as g, collectDefaultCollapseStates as P, getGroupValues as D, cloneSchemaTree as y, insertFieldsByPosition as B, removeFieldsFromGroup as L, removeGroupsFromGroup as z, isGroupSchema as X, isRowSchema as Y } from "./utils.js";
+function J(m) {
+  if (!m)
     return;
-  const h = C(f);
-  if (F(h))
-    return h;
-  if (v(h.safeParse))
-    return x(h);
+  const p = C(m);
+  if (F(p))
+    return p;
+  if (v(p.safeParse))
+    return j(p);
 }
 const Q = 20;
-class ye extends j {
+class ye extends x {
   /**
    * @param {TtFormProps} formProps - 底层表单配置（已展平的 schema、layout 等）
    * @param {GroupFormApiOptions} groupOptions - 分组场景专属配置
@@ -94,8 +94,12 @@ class ye extends j {
     l(this, "_navSyncResetScheduled", !1);
     /** 本轮回环告警是否已输出，避免刷屏 */
     l(this, "_navSyncLoopWarned", !1);
+    /** 显式校验与导航同步共用版本，重置/卸载后使未完成的校验失效。 */
+    l(this, "_validationRunToken", 0);
+    /** 上次组件校验产生的错误，仅用于识别规则失效后可清理的旧错误。 */
+    l(this, "_lastValidationErrors", {});
     /** VirtualGroupForm 组件实例引用，由 useGroupForm 的 h() 渲染时赋值 */
-    l(this, "groupFormRef", T(null));
+    l(this, "groupFormRef", b(null));
     const {
       groupSchema: s,
       virtual: r = !0,
@@ -103,26 +107,26 @@ class ye extends j {
       navAnchorProps: o,
       scrollToFirstError: a = !0,
       containerHeight: n = "100%",
-      rootMargin: u = "400px 0px",
-      estimateFieldHeight: c = 52,
-      scrollOffset: p = 0
+      rootMargin: h = "400px 0px",
+      estimateFieldHeight: d = 52,
+      scrollOffset: u = 0
     } = t;
-    this.progressive = i, this.virtual = i ? !1 : r, this._defaultNavAnchorProps = { show: !0, ...o }, this._scrollToFirstError = a, this._containerHeight = n, this._rootMargin = u, this._estimateFieldHeight = c, this._scrollOffset = p, this._initialGroupSchema = s, this._initialFlatSchema = g(s), this.collapseStates = A({}), M(s, this.collapseStates), this.hiddenGroupKeys = A(/* @__PURE__ */ new Set()), this.hiddenFieldNames = A(/* @__PURE__ */ new Set()), this._navErrorCountsRef = K(() => this._computeNavErrorCounts()), this.navErrorCounts = new Proxy({}, {
-      get: (m, d) => {
-        if (F(d))
-          return this._navErrorCountsRef.value[d] ?? 0;
+    this.progressive = i, this.virtual = i ? !1 : r, this._defaultNavAnchorProps = { show: !0, ...o }, this._scrollToFirstError = a, this._containerHeight = n, this._rootMargin = h, this._estimateFieldHeight = d, this._scrollOffset = u, this._initialGroupSchema = s, this._initialFlatSchema = g(s), this.collapseStates = R({}), P(s, this.collapseStates), this.hiddenGroupKeys = R(/* @__PURE__ */ new Set()), this.hiddenFieldNames = R(/* @__PURE__ */ new Set()), this._navErrorCountsRef = k(() => this._computeNavErrorCounts()), this.navErrorCounts = new Proxy({}, {
+      get: (c, f) => {
+        if (F(f))
+          return this._navErrorCountsRef.value[f] ?? 0;
       },
-      has: (m, d) => F(d) ? d in this._navErrorCountsRef.value : !1,
+      has: (c, f) => F(f) ? f in this._navErrorCountsRef.value : !1,
       ownKeys: () => Reflect.ownKeys(this._navErrorCountsRef.value),
-      getOwnPropertyDescriptor: (m, d) => {
-        if (!F(d)) return;
+      getOwnPropertyDescriptor: (c, f) => {
+        if (!F(f)) return;
         const w = this._navErrorCountsRef.value;
-        if (d in w)
+        if (f in w)
           return {
             configurable: !0,
             enumerable: !0,
             writable: !1,
-            value: w[d]
+            value: w[f]
           };
       }
     }), this._buildGroupFieldMap(s), this.setState({
@@ -131,9 +135,9 @@ class ye extends j {
       virtual: this.virtual,
       progressive: i,
       containerHeight: n,
-      rootMargin: u,
-      estimateFieldHeight: c,
-      scrollOffset: p
+      rootMargin: h,
+      estimateFieldHeight: d,
+      scrollOffset: u
     });
   }
   /**
@@ -186,20 +190,20 @@ class ye extends j {
    * await formApi.validate(undefined, false);
    */
   async validate(e, t) {
-    var u;
-    const s = ((u = this.form) == null ? void 0 : u.values) ?? {}, r = await this._collectValidationFields(s), i = await this._runFieldValidations(r, s);
-    this._applyFieldErrors(r, i), this._hasValidated = !0;
-    const o = {};
-    for (const c of r) {
-      const p = i[c.name];
-      o[c.name] = { valid: !p, errors: p ? [p] : [] };
+    var d;
+    const s = ++this._validationRunToken, r = ((d = this.form) == null ? void 0 : d.values) ?? {}, i = await this._collectValidationFields(r), o = await this._runFieldValidations(i, r);
+    s === this._validationRunToken && (this._applyFieldErrors(i, o), this._hasValidated = !0);
+    const a = {};
+    for (const u of i) {
+      const c = o[u.name];
+      a[u.name] = { valid: !c, errors: c ? [c] : [] };
     }
-    const a = {
-      valid: Object.keys(i).length === 0,
-      errors: i,
-      results: o
-    };
-    return (t ?? this._scrollToFirstError) && !a.valid && this._scrollToFirstErrorField(r, i), a;
+    const n = {
+      valid: Object.keys(o).length === 0,
+      errors: o,
+      results: a
+    }, h = t ?? this._scrollToFirstError;
+    return s === this._validationRunToken && h && !n.valid && this._scrollToFirstErrorField(i, o), n;
   }
   /**
    * @description 对收集到的可见字段逐个用 vee-validate 底层 `validate()` 校验，独立字段并发执行。
@@ -234,12 +238,15 @@ class ye extends j {
    * @param {Record<string, string>} errorMap - 字段名 → 错误信息
    */
   _applyFieldErrors(e, t) {
-    var r, i, o, a;
-    const s = ((i = (r = this.form) == null ? void 0 : r.errors) == null ? void 0 : i.value) ?? {};
-    for (const n of e) {
-      const u = t[n.name];
-      s[n.name] !== u && ((a = (o = this.form) == null ? void 0 : o.setFieldError) == null || a.call(o, n.name, u));
+    var i, o, a, n, h, d;
+    const s = ((o = (i = this.form) == null ? void 0 : i.errors) == null ? void 0 : o.value) ?? {}, r = new Set(e.map((u) => u.name));
+    for (const [u, c] of Object.entries(this._lastValidationErrors))
+      !r.has(u) && s[u] === c && ((n = (a = this.form) == null ? void 0 : a.setFieldError) == null || n.call(a, u, void 0));
+    for (const u of e) {
+      const c = t[u.name];
+      s[u.name] !== c && ((d = (h = this.form) == null ? void 0 : h.setFieldError) == null || d.call(h, u.name, c));
     }
+    this._lastValidationErrors = { ...t };
   }
   /**
    * @description 清空全部字段错误（含 vee-validate extraErrorsBag 里从未挂载过的残留）。
@@ -249,6 +256,7 @@ class ye extends j {
    */
   _clearAllFieldErrors() {
     var r, i, o, a;
+    this._validationRunToken++, this._lastValidationErrors = {};
     const e = /* @__PURE__ */ new Set(), t = this.store.state.schema ?? this._initialFlatSchema;
     for (const n of t)
       n.fieldName && e.add(_(n.fieldName));
@@ -353,7 +361,7 @@ class ye extends j {
       return;
     }
     const r = this.getGroupFieldNames(e);
-    t ? (this.hiddenGroupKeys.delete(e), this._setFieldsHidden(r, !1)) : (this._setFieldsHidden(r, !0), this._clearHiddenFieldValues(r), this.hiddenGroupKeys.add(e)), E(() => {
+    t ? (this.hiddenGroupKeys.delete(e), this._setFieldsHidden(r, !1)) : (this._setFieldsHidden(r, !0), this._clearHiddenFieldValues(r), this.hiddenGroupKeys.add(e)), N(() => {
       this.syncNavErrorCountsFromForm();
     });
   }
@@ -363,7 +371,7 @@ class ye extends j {
    * @param {boolean} visible - 是否可见
    */
   setFieldsVisible(e, t) {
-    t ? this._setFieldsHidden(e, !1) : (this._setFieldsHidden(e, !0), this._clearHiddenFieldValues(e)), E(() => {
+    t ? this._setFieldsHidden(e, !1) : (this._setFieldsHidden(e, !0), this._clearHiddenFieldValues(e)), N(() => {
       this.syncNavErrorCountsFromForm();
     });
   }
@@ -397,7 +405,7 @@ class ye extends j {
     const e = this.store.state.groupSchema ?? this._initialGroupSchema;
     for (const t of Object.keys(this.collapseStates))
       delete this.collapseStates[t];
-    M(e, this.collapseStates);
+    P(e, this.collapseStates);
   }
   /**
    * @description 全量应用分组 schema 树到 store（扁平 schema、groupSchema、分组字段映射、折叠默认值）。
@@ -489,6 +497,7 @@ class ye extends j {
     const e = this.form;
     if (!(e != null && e.values))
       return;
+    const t = ++this._validationRunToken;
     if (this._navSyncPassCount >= Q) {
       this._navSyncLoopWarned || (this._navSyncLoopWarned = !0);
       return;
@@ -496,8 +505,8 @@ class ye extends j {
     this._navSyncPassCount++, this._navSyncResetScheduled || (this._navSyncResetScheduled = !0, setTimeout(() => {
       this._navSyncPassCount = 0, this._navSyncResetScheduled = !1, this._navSyncLoopWarned = !1;
     }, 0));
-    const t = e.values, s = await this._collectValidationFields(t), r = await this._runFieldValidations(s, t);
-    this._applyFieldErrors(s, r);
+    const s = e.values, r = await this._collectValidationFields(s), i = await this._runFieldValidations(r, s);
+    t === this._validationRunToken && this._applyFieldErrors(r, i);
   }
   // _clearNavErrorCounts 已移除：navErrorCounts 是派生量，resetForm/resetValidate
   // 会让 vee-validate 清空 form.errors，computed 自动重算为全 0，无需主动清。
@@ -579,10 +588,10 @@ class ye extends j {
     const i = e.dependencies;
     if (!i) return !0;
     const o = i.if;
-    if (o != null && (R(o) && !o || v(o) && !await this._safeInvoke(() => o(t, this), !0, `${r}.dependencies.if`)))
+    if (o != null && (A(o) && !o || v(o) && !await this._safeInvoke(() => o(t, this), !0, `${r}.dependencies.if`)))
       return !1;
     const a = i.show;
-    return !(a != null && (R(a) && !a || v(a) && !await this._safeInvoke(() => a(t, this), !0, `${r}.dependencies.show`)));
+    return !(a != null && (A(a) && !a || v(a) && !await this._safeInvoke(() => a(t, this), !0, `${r}.dependencies.show`)));
   }
   /**
    * @description 收集当前需要校验的全部可见字段（顶层字段 + 数组行递归展开的行内字段）。
@@ -616,21 +625,21 @@ class ye extends j {
       name: t,
       label: F(e.label) ? e.label : void 0,
       rules: i,
-      value: P(s, t)
+      value: V(s, t)
     }), !e.useArraySchema) return r;
-    const o = _(t), a = P(s, o);
+    const o = _(t), a = V(s, o);
     if (!Array.isArray(a) || a.length === 0) return r;
-    const n = t.includes(".") ? t.slice(0, t.lastIndexOf(".")) : void 0, u = await Promise.all(
-      a.map(async (c, p) => {
-        const m = _(`${o}[${p}]`);
-        let d;
+    const n = t.includes(".") ? t.slice(0, t.lastIndexOf(".")) : void 0, h = await Promise.all(
+      a.map(async (d, u) => {
+        const c = _(`${o}[${u}]`);
+        let f;
         try {
-          d = $({
+          f = $({
             item: e,
             arrayPath: o,
-            itemPath: m,
-            index: p,
-            row: c ?? {},
+            itemPath: c,
+            index: u,
+            row: d ?? {},
             arrayLength: a.length,
             parentItemPath: n,
             form: s,
@@ -643,18 +652,18 @@ class ye extends j {
           return [];
         }
         return (await Promise.all(
-          d.map(
+          f.map(
             (G) => this._collectFieldRecursive(
               G,
-              _(`${m}.${G.fieldName}`),
+              _(`${c}.${G.fieldName}`),
               s
             )
           )
         )).flat();
       })
     );
-    for (const c of u)
-      r.push(...c);
+    for (const d of h)
+      r.push(...d);
     return r;
   }
   /**
@@ -783,14 +792,14 @@ class ye extends j {
       return Object.fromEntries(
         Object.keys(e).map((r) => [
           r,
-          this._clearValueKeepStructure(N(e, r), N(s, r))
+          this._clearValueKeepStructure(E(e, r), E(s, r))
         ])
       );
     }
     if (e === void 0 && (Array.isArray(t) || S(t)))
       return this._clearValueKeepStructure(t, t);
     if (t !== void 0 && !Array.isArray(t) && !S(t))
-      return H(t);
+      return K(t);
   }
   /**
    * @description 清空隐藏字段的值、校验状态和虚拟错误缓存，数组和对象保留结构
@@ -799,9 +808,9 @@ class ye extends j {
   _clearHiddenFieldValues(e) {
     var t, s, r, i, o, a, n;
     if (e.length)
-      for (const u of e) {
-        const c = N((t = this.form) == null ? void 0 : t.values, u), p = this._fieldSchemaMap[u] ? I(this._fieldSchemaMap[u]) : void 0, m = this._clearValueKeepStructure(c, p);
-        k(c, m) || (r = (s = this.form) == null ? void 0 : s.setFieldValue) == null || r.call(s, u, m, !1), (o = (i = this.form) == null ? void 0 : i.setFieldError) == null || o.call(i, u, void 0), (n = (a = this.form) == null ? void 0 : a.setFieldTouched) == null || n.call(a, u, !1);
+      for (const h of e) {
+        const d = E((t = this.form) == null ? void 0 : t.values, h), u = this._fieldSchemaMap[h] ? I(this._fieldSchemaMap[h]) : void 0, c = this._clearValueKeepStructure(d, u);
+        H(d, c) || (r = (s = this.form) == null ? void 0 : s.setFieldValue) == null || r.call(s, h, c, !1), (o = (i = this.form) == null ? void 0 : i.setFieldError) == null || o.call(i, h, void 0), (n = (a = this.form) == null ? void 0 : a.setFieldTouched) == null || n.call(a, h, !1);
       }
   }
   /**

package/dist/components/tt-form/src/group-form/useGroupForm.js

@@ -1,80 +1,97 @@
-import { defineComponent as x, onMounted as y, watch as c, onBeforeUnmount as C, h as P, isReactive as w } from "vue";
-import { useStore as N } from "@tanstack/vue-store";
-import { GroupFormApi as M } from "./groupFormApi.js";
-import D from "./GroupForm.vue2.js";
+import { defineComponent as M, onMounted as P, watch as f, onBeforeUnmount as B, h as D, isReactive as H } from "vue";
+import { useStore as O } from "@tanstack/vue-store";
+import { resolveValueByFieldName as R } from "../form-render/dependencies.js";
+import { GroupFormApi as U } from "./groupFormApi.js";
+import V from "./GroupForm.vue2.js";
 /* empty css              */
-import { resolveGroupSchema as u, extractFlatSchemas as H } from "./utils.js";
-function z(e) {
-  const n = u(e), {
-    groupSchema: O,
-    schema: R,
-    virtual: i = !0,
-    progressive: f = !1,
-    containerHeight: h = "100%",
-    rootMargin: l = "400px 0px",
-    estimateFieldHeight: F = 52,
-    navAnchorProps: v,
-    scrollToFirstError: S,
-    scrollOffset: d = 0,
-    ...g
-  } = e, A = {
+import { resolveGroupSchema as h, extractFlatSchemas as W } from "./utils.js";
+function X(t) {
+  const m = h(t), {
+    groupSchema: b,
+    schema: j,
+    virtual: v = !0,
+    progressive: F = !1,
+    containerHeight: d = "100%",
+    rootMargin: g = "400px 0px",
+    estimateFieldHeight: S = 52,
+    navAnchorProps: A,
+    scrollToFirstError: G,
+    scrollOffset: y = 0,
+    ...T
+  } = t, E = {
     title: "导航",
     show: !0,
-    ...v
-  }, G = H(n), T = {
-    ...g,
-    schema: G,
+    ...A
+  }, _ = W(m), x = {
+    ...T,
+    schema: _,
     showDefaultActions: !1,
     scrollToFirstError: !1
-  }, r = new M(T, {
-    groupSchema: n,
-    navAnchorProps: A,
-    virtual: i,
-    progressive: f,
-    scrollToFirstError: S ?? !0,
-    containerHeight: h,
-    rootMargin: l,
-    estimateFieldHeight: F,
-    scrollOffset: d
-  }), s = r;
-  s.useStore = (o) => N(r.store, o);
-  const E = x({
+  }, r = new U(x, {
+    groupSchema: m,
+    navAnchorProps: E,
+    virtual: v,
+    progressive: F,
+    scrollToFirstError: G ?? !0,
+    containerHeight: d,
+    rootMargin: g,
+    estimateFieldHeight: S,
+    scrollOffset: y
+  }), a = r;
+  a.useStore = (o) => O(r.store, o);
+  const C = M({
     name: "TtGroupForm",
     inheritAttrs: !1,
-    setup(o, { attrs: p, slots: _ }) {
+    setup(o, { attrs: p, slots: N }) {
       r.setState({ ...p });
-      const m = [];
-      return y(() => {
-        r.resetCollapseStatesToDefault(), r.navAnchorProps.show && (r.syncNavErrorCountsFromForm(), m.push(
-          c(
-            () => {
-              var t, a;
-              return (a = (t = r.form) == null ? void 0 : t.errors) == null ? void 0 : a.value;
-            },
+      const w = r.useStore((e) => e.schema), c = [];
+      return P(() => {
+        r.resetCollapseStatesToDefault(), !(!r.virtual && !r.progressive) && (r.syncNavErrorCountsFromForm(), c.push(
+          f(
+            [
+              () => {
+                var e, s;
+                return (s = (e = r.form) == null ? void 0 : e.errors) == null ? void 0 : s.value;
+              },
+              () => {
+                var u, i;
+                const e = (u = r.form) == null ? void 0 : u.values;
+                if (!e) return [];
+                const s = new Set(
+                  (i = w.value) == null ? void 0 : i.flatMap(
+                    (n) => {
+                      var l;
+                      return "dependencies" in n ? ((l = n.dependencies) == null ? void 0 : l.triggerFields) ?? [] : [];
+                    }
+                  )
+                );
+                return Array.from(s, (n) => R(e, n));
+              }
+            ],
             () => r.syncNavErrorCountsFromForm(),
             { deep: !0, flush: "post" }
           )
         ));
-      }), C(() => {
-        m.splice(0).forEach((t) => t()), r.unmount();
-      }), () => P(
-        D,
+      }), B(() => {
+        c.splice(0).forEach((e) => e()), r.unmount();
+      }), () => D(
+        V,
         {
           ...p,
           ref: r.groupFormRef,
-          formApi: s
+          formApi: a
         },
-        _
+        N
       );
     }
   });
-  return w(e) && c(
-    () => u(e),
+  return H(t) && f(
+    () => h(t),
     (o) => {
       o.length && r._applyGroupSchema(o);
     }
-  ), [E, s];
+  ), [C, a];
 }
 export {
-  z as useGroupForm
+  X as useGroupForm
 };

package/dist/components/tt-icon/index.vue.js

@@ -2,7 +2,7 @@ import o from "./index.vue2.js";
 /* empty css           */
 /* empty css           */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6dba01d4"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d731bb93"]]);
 export {
-  _ as default
+  a as default
 };

package/dist/components/tt-image/index.d.ts

@@ -10,22 +10,22 @@ export declare const TtImage: import('../../../../utils/src').SFCWithInstall<imp
         default: string;
     };
     hideOnClickModal: BooleanConstructor;
-    src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    src: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
     loading: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     lazy: BooleanConstructor;
     scrollContainer: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    previewSrcList: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    previewSrcList: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     previewTeleported: BooleanConstructor;
     zIndex: {
         readonly type: import('vue').PropType<number>;
@@ -33,16 +33,16 @@ export declare const TtImage: import('../../../../utils/src').SFCWithInstall<imp
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    initialIndex: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    infinite: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    zoomRate: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
-    scale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
-    minScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
-    maxScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    initialIndex: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     showProgress: BooleanConstructor;
     crossorigin: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin)) | null)[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -60,22 +60,22 @@ export declare const TtImage: import('../../../../utils/src').SFCWithInstall<imp
         default: string;
     };
     hideOnClickModal: BooleanConstructor;
-    src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+    src: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
     loading: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     lazy: BooleanConstructor;
     scrollContainer: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    previewSrcList: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    previewSrcList: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     previewTeleported: BooleanConstructor;
     zIndex: {
         readonly type: import('vue').PropType<number>;
@@ -83,16 +83,16 @@ export declare const TtImage: import('../../../../utils/src').SFCWithInstall<imp
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    initialIndex: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    infinite: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    zoomRate: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
-    scale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
-    minScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
-    maxScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    initialIndex: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/vue/props/types.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     showProgress: BooleanConstructor;
     crossorigin: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin)) | null)[], unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin) | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => import('element-plus').ImageCrossorigin)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -107,13 +107,13 @@ export declare const TtImage: import('../../../../utils/src').SFCWithInstall<imp
     src: string;
     status: ImageStatus;
     hideOnClickModal: boolean;
-    fit: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    fit: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     lazy: boolean;
     previewSrcList: string[];
     previewTeleported: boolean;
     initialIndex: number;
-    infinite: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    infinite: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import('element-plus/es/utils/vue/props/types.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     zoomRate: number;
     scale: number;
     minScale: number;