@aplus-frontend/ui 6.26.2 → 6.26.3

package/es/src/ap-form/drawer-form/index.vue.mjs

@@ -1,19 +1,19 @@
-import { isVNode as K, defineComponent as Q, useSlots as Y, ref as h, computed as V, unref as l, watch as P, cloneVNode as Z, createVNode as d, mergeProps as b, createElementBlock as N, openBlock as F, Fragment as ee, createBlock as M, createCommentVNode as S, withCtx as g, renderSlot as _, withModifiers as te, normalizeClass as ie, resolveDynamicComponent as L, createTextVNode as ne, toDisplayString as oe } from "vue";
-import { Button as w, Flex as ae, Space as le, Drawer as se } from "@aplus-frontend/antdv";
+import { isVNode as J, defineComponent as K, useSlots as Q, ref as p, computed as z, unref as o, watch as P, cloneVNode as Y, createVNode as l, mergeProps as v, createElementBlock as N, openBlock as h, Fragment as Z, createBlock as M, createCommentVNode as S, withCtx as b, renderSlot as _, withModifiers as ee, normalizeClass as te, resolveDynamicComponent as L, createTextVNode as ie, toDisplayString as ne } from "vue";
+import { Button as w, Flex as oe, Space as ae, Drawer as le } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
-import { getSingleVNode as re } from "../../utils/slot.mjs";
+import { getSingleVNode as se } from "../../utils/slot.mjs";
 import "../../config-provider/index.mjs";
-import { isBoolean as ue, isUndefined as de, omit as me } from "lodash-unified";
-import { convertReactiveToRaw as ce } from "../../utils/index.mjs";
-import { useControllableValue as fe } from "../../hooks/useControllableValue.mjs";
-import { useLocale as pe } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ve } from "../../config-provider/hooks/use-namespace.mjs";
-import he from "../ap-form.vue2.mjs";
-function U(c) {
-  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !K(c);
+import { isBoolean as re, isUndefined as ue, omit as de } from "lodash-unified";
+import { convertReactiveToRaw as me } from "../../utils/index.mjs";
+import { useControllableValue as ce } from "../../hooks/useControllableValue.mjs";
+import { useLocale as fe } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as pe } from "../../config-provider/hooks/use-namespace.mjs";
+import ve from "../ap-form.vue2.mjs";
+function U(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !J(r);
 }
-const je = /* @__PURE__ */ Q({
+const Le = /* @__PURE__ */ K({
   name: "ApFormDrawerForm",
   __name: "index",
   props: {
@@ -95,18 +95,17 @@ const je = /* @__PURE__ */ Q({
     }
   },
   emits: ["update:open"],
-  setup(c, {
+  setup(r, {
     expose: j,
     emit: E
   }) {
-    const n = c, y = Y(), D = E, a = h(), p = h(), u = h(!1), {
+    const t = r, g = Q(), I = E, n = p(), d = p(), a = p(!1), {
       value: C,
-      updateValue: v
-    } = fe(n, D, {
+      updateValue: m
+    } = ce(t, I, {
       valuePropName: "open",
       defaultValue: !1
-    }), m = V(() => {
-      var t, i, s, r;
+    }), s = z(() => {
       const e = {
         onResize: () => {
         },
@@ -114,194 +113,158 @@ const je = /* @__PURE__ */ Q({
         maxWidth: window.innerWidth * 0.8,
         resizeOnOpen: !0
       };
-      return ue(n.resize) ? n.resize ? e : {} : {
-        minWidth: ((t = n.resize) == null ? void 0 : t.minWidth) ?? e.minWidth,
-        maxWidth: ((i = n.resize) == null ? void 0 : i.maxWidth) ?? e.maxWidth,
-        onResize: ((s = n.resize) == null ? void 0 : s.onResize) ?? e.onResize,
-        resizeOnOpen: de((r = n.resize) == null ? void 0 : r.resizeOnOpen) ? e.onResize : n.resize.resizeOnOpen
+      return re(t.resize) ? t.resize ? e : {} : {
+        minWidth: t.resize?.minWidth ?? e.minWidth,
+        maxWidth: t.resize?.maxWidth ?? e.maxWidth,
+        onResize: t.resize?.onResize ?? e.onResize,
+        resizeOnOpen: ue(t.resize?.resizeOnOpen) ? e.onResize : t.resize.resizeOnOpen
       };
-    }), f = h(W()), {
-      t: z
-    } = pe(), {
-      e: $,
-      em: T
-    } = ve("ap-form-drawer-form"), q = V(() => [$("resize-bar"), {
-      [T("resize-bar", "min-disabled")]: l(f) === l(m).minWidth
+    }), u = p(T()), {
+      t: F
+    } = fe(), {
+      e: D,
+      em: V
+    } = pe("ap-form-drawer-form"), $ = z(() => [D("resize-bar"), {
+      [V("resize-bar", "min-disabled")]: o(u) === o(s).minWidth
     }, {
-      [T("resize-bar", "max-disabled")]: l(f) === l(m).maxWidth
+      [V("resize-bar", "max-disabled")]: o(u) === o(s).maxWidth
     }]);
-    P(() => a.value, (e) => {
-      var t;
-      e && p.value && ((t = e.setFieldsValue) == null || t.call(e, p.value), p.value = void 0);
-    }), P(() => l(C), (e) => {
-      var t;
-      e && (t = l(m)) != null && t.resizeOnOpen && (f.value = W());
+    P(() => n.value, (e) => {
+      e && d.value && (e.setFieldsValue?.(d.value), d.value = void 0);
+    }), P(() => o(C), (e) => {
+      e && o(s)?.resizeOnOpen && (u.value = T());
     });
-    function W() {
-      var t;
-      const e = (t = l(m)) == null ? void 0 : t.minWidth;
-      return !e || e && e < n.width ? n.width : e;
+    function T() {
+      const e = o(s)?.minWidth;
+      return !e || e && e < t.width ? t.width : e;
     }
-    const B = re(y.trigger), x = B ? Z(B, {
+    const W = se(g.trigger), R = W ? Y(W, {
       onClick: () => {
-        v(!0);
+        m(!0);
       }
-    }) : null, A = V(() => {
-      var t, i, s, r;
+    }) : null, q = z(() => {
       const e = [];
-      if (n.submitter === !1)
+      if (t.submitter === !1)
         return null;
-      if (n.showCancel) {
-        let o;
-        e.push(d(w, {
-          onClick: O,
-          disabled: u.value
-        }, U(o = z("ap.common.cancelText")) ? o : {
-          default: () => [o]
+      if (t.showCancel) {
+        let i;
+        e.push(l(w, {
+          onClick: k,
+          disabled: a.value
+        }, U(i = F("ap.common.cancelText")) ? i : {
+          default: () => [i]
         }));
       }
-      return ((t = n.submitter) == null ? void 0 : t.resetButtonProps) !== !1 && e.push(d(w, b(((i = n.submitter) == null ? void 0 : i.resetButtonProps) || {}, {
+      return t.submitter?.resetButtonProps !== !1 && e.push(l(w, v(t.submitter?.resetButtonProps || {}, {
         key: "submit",
-        disabled: u.value,
+        disabled: a.value,
         onClick: X
       }), {
-        default: () => {
-          var o;
-          return [((o = n.submitter) == null ? void 0 : o.resetText) || z("ap.common.resetText")];
-        }
-      })), ((s = n.submitter) == null ? void 0 : s.submitButtonProps) !== !1 && e.push(d(w, b({
+        default: () => [t.submitter?.resetText || F("ap.common.resetText")]
+      })), t.submitter?.submitButtonProps !== !1 && e.push(l(w, v({
         type: "primary",
         key: "submit"
-      }, ((r = n.submitter) == null ? void 0 : r.submitButtonProps) || {}, {
-        loading: u.value,
+      }, t.submitter?.submitButtonProps || {}, {
+        loading: a.value,
         onClick: G
       }), {
-        default: () => {
-          var o;
-          return [((o = n.submitter) == null ? void 0 : o.submitText) || z("ap.common.okText")];
-        }
-      })), d(ae, {
+        default: () => [t.submitter?.submitText || F("ap.common.okText")]
+      })), l(oe, {
         justify: "flex-end"
       }, {
-        default: () => [y.submitter ? y.submitter(e) : d(le, null, U(e) ? e : {
+        default: () => [g.submitter ? g.submitter(e) : l(ae, null, U(e) ? e : {
           default: () => [e]
         })]
       });
     });
-    function I() {
-      var e, t;
-      (t = (e = m.value) == null ? void 0 : e.onResize) == null || t.call(e), document.addEventListener("mousemove", R), document.addEventListener("mouseup", k);
+    function A() {
+      s.value?.onResize?.(), document.addEventListener("mousemove", B), document.addEventListener("mouseup", x);
     }
-    function R(e) {
-      const t = l(m), i = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), s = (t == null ? void 0 : t.minWidth) ?? (n.width || 800), r = (t == null ? void 0 : t.maxWidth) ?? window.innerWidth * 0.8;
-      let o = i;
-      i < s && (o = s), i > r && (o = r), f.value = o;
+    function B(e) {
+      const i = o(s), c = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), f = i?.minWidth ?? (t.width || 800), O = i?.maxWidth ?? window.innerWidth * 0.8;
+      let y = c;
+      c < f && (y = f), c > O && (y = O), u.value = y;
     }
-    function k() {
-      document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", k);
+    function x() {
+      document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", x);
     }
     function X() {
-      var e, t, i;
-      n.submitter !== !1 && ((e = a.value) == null || e.resetFields(), (i = (t = n.submitter) == null ? void 0 : t.onReset) == null || i.call(t));
+      t.submitter !== !1 && (n.value?.resetFields(), t.submitter?.onReset?.());
     }
     async function G() {
-      var e, t, i, s;
-      if (n.submitter !== !1)
+      if (t.submitter !== !1)
         try {
-          const r = await ((e = a.value) == null ? void 0 : e.validateFieldsReturnTransformed());
-          (i = (t = n.submitter) == null ? void 0 : t.onSubmit) == null || i.call(t), u.value = !0;
-          const o = (s = n.onFinish) == null ? void 0 : s.call(n, ce(r));
-          if (n.submitTimeout && o instanceof Promise) {
-            const J = setTimeout(() => u.value = !1, n.submitTimeout);
-            o.finally(() => {
-              clearTimeout(J), u.value = !1;
+          const e = await n.value?.validateFieldsReturnTransformed();
+          t.submitter?.onSubmit?.(), a.value = !0;
+          const i = t.onFinish?.(me(e));
+          if (t.submitTimeout && i instanceof Promise) {
+            const f = setTimeout(() => a.value = !1, t.submitTimeout);
+            i.finally(() => {
+              clearTimeout(f), a.value = !1;
             });
           }
-          await o && v(!1);
+          await i && m(!1);
         } finally {
-          u.value = !1;
+          a.value = !1;
         }
     }
-    function O() {
-      l(u) || v(!1);
+    function k() {
+      o(a) || m(!1);
     }
     function H(e) {
-      !e && l(u) || v(e);
+      !e && o(a) || m(e);
     }
     return j({
       resetFields: async () => {
-        var e;
-        (e = a.value) == null || e.resetFields();
+        n.value?.resetFields();
       },
       clearValidate: (e) => {
-        var t;
-        (t = a.value) == null || t.clearValidate(e);
-      },
-      validateFields: (e, t) => {
-        var i;
-        return (i = a.value) == null ? void 0 : i.validateFields(e, t);
+        n.value?.clearValidate(e);
       },
-      getFieldsValue: (e) => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.getFieldsValue(e);
+      validateFields: (e, i) => n.value?.validateFields(e, i),
+      getFieldsValue: (e) => n.value?.getFieldsValue(e),
+      validate: (e, i) => n.value?.validate(e, i),
+      scrollToField: (e, i = {}) => {
+        n.value?.scrollToField(e, i);
       },
-      validate: (e, t) => {
-        var i;
-        return (i = a.value) == null ? void 0 : i.validate(e, t);
-      },
-      scrollToField: (e, t = {}) => {
-        var i;
-        (i = a.value) == null || i.scrollToField(e, t);
-      },
-      setFieldValue: (e, t) => {
-        var i, s;
-        (s = (i = a.value) == null ? void 0 : i.setFieldValue) == null || s.call(i, e, t);
+      setFieldValue: (e, i) => {
+        n.value?.setFieldValue?.(e, i);
       },
       setFieldsValue: (e) => {
-        var t, i;
-        if (!a.value) {
-          p.value = e;
+        if (!n.value) {
+          d.value = e;
           return;
         }
-        (i = (t = a.value) == null ? void 0 : t.setFieldsValue) == null || i.call(t, e);
-      },
-      getInternalInstance: (e) => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.getInternalInstance(e);
+        n.value?.setFieldsValue?.(e);
       },
-      getFieldsValueTransformed: (e) => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.getFieldsValueTransformed(e);
-      },
-      validateFieldsReturnTransformed: (e) => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.validateFieldsReturnTransformed(e);
-      }
-    }), (e, t) => (F(), N(ee, null, [d(l(se), b(e.drawerProps, {
-      open: l(C),
-      width: f.value,
+      getInternalInstance: (e) => n.value?.getInternalInstance(e),
+      getFieldsValueTransformed: (e) => n.value?.getFieldsValueTransformed(e),
+      validateFieldsReturnTransformed: (e) => n.value?.validateFieldsReturnTransformed(e)
+    }), (e, i) => (h(), N(Z, null, [l(o(le), v(e.drawerProps, {
+      open: o(C),
+      width: u.value,
       "onUpdate:open": H,
-      onCancel: O
+      onCancel: k
     }), {
-      title: g(() => [_(e.$slots, "title", {}, () => [ne(oe(n.title), 1)])]),
-      footer: g(() => [(F(), M(L(A.value)))]),
-      default: g(() => [d(he, b({
+      title: b(() => [_(e.$slots, "title", {}, () => [ie(ne(t.title), 1)])]),
+      footer: b(() => [(h(), M(L(q.value)))]),
+      default: b(() => [l(ve, v({
         ref_key: "formRef",
-        ref: a
-      }, l(me)(n, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
-        default: g(() => [_(e.$slots, "default")]),
+        ref: n
+      }, o(de)(t, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: b(() => [_(e.$slots, "default")]),
         _: 3
-      }, 16), e.resize ? (F(), N("div", {
+      }, 16), e.resize ? (h(), N("div", {
         key: 0,
-        class: ie(q.value),
-        onMousedown: te(I, ["stop", "prevent"])
+        class: te($.value),
+        onMousedown: ee(A, ["stop", "prevent"])
       }, null, 34)) : S("", !0)]),
       _: 3
-    }, 16, ["open", "width"]), l(x) ? (F(), M(L(l(x)), {
+    }, 16, ["open", "width"]), o(R) ? (h(), M(L(o(R)), {
       key: 0
     })) : S("", !0)], 64));
   }
 });
 export {
-  je as default
+  Le as default
 };

package/es/src/ap-form/hooks/use-watch.mjs

@@ -1,39 +1,38 @@
-import { useInjectForm as N } from "../context.mjs";
-import { ref as M, watchEffect as R, unref as f, watch as A } from "vue";
-import { INTERNAL_FORM_INSTANCE_MARK as E } from "../constant.mjs";
-import { getModelValue as w } from "../utils/get.mjs";
-function V(a) {
+import { useInjectForm as I } from "../context.mjs";
+import { ref as S, watchEffect as N, unref as c, watch as M } from "vue";
+import { INTERNAL_FORM_INSTANCE_MARK as R } from "../constant.mjs";
+import { getModelValue as m } from "../utils/get.mjs";
+function o(e) {
   try {
-    return JSON.stringify(a);
+    return JSON.stringify(e);
   } catch {
     return Math.random();
   }
 }
-function C(a, e, c) {
-  const { internalInstance: I, model: S } = N(), s = (c == null ? void 0 : c.initialValue) || (e == null ? void 0 : e.initialValue) || void 0, u = M(s);
-  let n = V(s), v = !0;
-  const r = e && "value" in e ? e : void 0;
-  return R((i) => {
-    var d;
-    const t = ((d = r == null ? void 0 : r.value) == null ? void 0 : d.getInternalInstance(E)) || I;
+function x(e, n, v) {
+  const { internalInstance: d, model: g } = I(), u = v?.initialValue || n?.initialValue || void 0, l = S(u);
+  let a = o(u), s = !0;
+  const h = n && "value" in n ? n : void 0;
+  return N((i) => {
+    const t = h?.value?.getInternalInstance(R) || d;
     if (!t) {
-      v = !1;
+      s = !1;
       return;
     }
-    const l = t.registerWatch((o) => {
-      const g = w(o, f(a)), h = V(g);
-      h !== n && (u.value = g, n = h);
-    }, v);
-    i(l);
-  }), A(
-    () => f(a),
+    const r = t.registerWatch((w) => {
+      const f = m(w, c(e)), V = o(f);
+      V !== a && (l.value = f, a = V);
+    }, s);
+    i(r);
+  }), M(
+    () => c(e),
     (i) => {
-      const t = w(f(S), i), l = V(t);
-      l !== n && (u.value = t, n = l);
+      const t = m(c(g), i), r = o(t);
+      r !== a && (l.value = t, a = r);
     }
-  ), u;
+  ), l;
 }
 export {
-  C as default,
-  C as useWatch
+  x as default,
+  x as useWatch
 };

package/es/src/ap-form/item/index.vue.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as D, useSlots as L, ref as b, onMounted as _, computed as $, unref as l, cloneVNode as j, createBlock as v, openBlock as F, mergeProps as q, createSlots as E, withCtx as i, resolveDynamicComponent as K, renderList as O, createElementVNode as Q, normalizeClass as U, createVNode as p, normalizeStyle as Y, renderSlot as G, normalizeProps as H, guardReactiveProps as J } from "vue";
-import { Form as M, Tooltip as W, TypographyText as X } from "@aplus-frontend/antdv";
+import { defineComponent as A, useSlots as D, ref as c, onMounted as L, computed as M, unref as t, cloneVNode as $, createBlock as v, openBlock as y, mergeProps as j, createSlots as q, withCtx as a, resolveDynamicComponent as E, renderList as K, createElementVNode as O, normalizeClass as Q, createVNode as s, normalizeStyle as U, renderSlot as Y, normalizeProps as G, guardReactiveProps as H } from "vue";
+import { Form as J, Tooltip as W, TypographyText as X } from "@aplus-frontend/antdv";
 import { useToken as Z } from "@aplus-frontend/antdv/es/theme/internal";
-import { isFunction as V, cloneDeep as ee, isArray as oe, omit as g } from "lodash-unified";
-import { apFormItemColPropKeys as le } from "../constant.mjs";
-import { QuestionCircleOutlined as te } from "@ant-design/icons-vue";
+import { isFunction as b, cloneDeep as ee, isArray as oe, omit as F } from "lodash-unified";
+import { apFormItemColPropKeys as te } from "../constant.mjs";
+import { QuestionCircleOutlined as le } from "@ant-design/icons-vue";
 import "../../config-provider/index.mjs";
 import { useInjectForm as re } from "../context.mjs";
 import { isPromise as ae } from "@fruits-chain/utils";
 import { getValidVNodeList as ne } from "../../utils/slot.mjs";
 import { useNamespace as ie } from "../../config-provider/hooks/use-namespace.mjs";
-const Ve = /* @__PURE__ */ D({
+const Ve = /* @__PURE__ */ A({
   name: "ApFormItem",
   __name: "index",
   props: {
@@ -55,102 +55,97 @@ const Ve = /* @__PURE__ */ D({
     description: {},
     customFilled: {}
   },
-  setup(B, { expose: h }) {
-    const o = B, s = L(), { model: u, updateModel: f, internalInstance: m } = re(), { m: c, b: x } = ie("ap-form-item"), d = b(!1), a = b(), [, C] = Z();
-    _(async () => {
-      let e = V(o.initialValue) ? o.initialValue() : o.initialValue;
-      ae(e) && (e = await e), m == null || m.registerField({
-        name: o.name,
-        initialValue: ee(e),
-        transform: o.transform
+  setup(V, { expose: g }) {
+    const e = V, u = D(), { model: d, updateModel: B, internalInstance: h } = re(), { m, b: x } = ie("ap-form-item"), i = c(!1), r = c(), [, C] = Z();
+    L(async () => {
+      let o = b(e.initialValue) ? e.initialValue() : e.initialValue;
+      ae(o) && (o = await o), h?.registerField({
+        name: e.name,
+        initialValue: ee(o),
+        transform: e.transform
       });
     });
-    const y = $(() => o.name ? oe(o.name) ? o.name.reduce((e, t) => e == null ? void 0 : e[t], l(u)) : u == null ? void 0 : u.value[o.name] : null);
+    const f = M(() => e.name ? oe(e.name) ? e.name.reduce((o, l) => o?.[l], t(d)) : d?.value[e.name] : null);
     function k() {
-      var r, n;
-      const e = ((r = s.default) == null ? void 0 : r.call(s)) || [];
-      if (!o.name)
-        return e[0];
-      const t = ne(e)[0];
-      return t ? j(t, {
-        [o.valuePropName]: l(y),
-        [`onUpdate:${o.valuePropName}`]: N,
-        bordered: o.bordered ? !1 : (n = t == null ? void 0 : t.props) == null ? void 0 : n.bordered,
+      const o = u.default?.() || [];
+      if (!e.name)
+        return o[0];
+      const l = ne(o)[0];
+      return l ? $(l, {
+        [e.valuePropName]: t(f),
+        [`onUpdate:${e.valuePropName}`]: N,
+        bordered: e.bordered ? !1 : l?.props?.bordered,
         onFocus: P,
-        onBlur: S
+        onBlur: I
       }) : null;
     }
-    function N(e) {
-      f == null || f(o.name, e);
+    function N(o) {
+      B?.(e.name, o);
     }
     function P() {
-      d.value = !0;
+      i.value = !0;
+    }
+    function I() {
+      i.value = !1;
     }
     function S() {
-      d.value = !1;
+      r.value?.onFieldBlur();
     }
     function T() {
-      var e;
-      (e = a.value) == null || e.onFieldBlur();
+      r.value?.onFieldChange();
     }
     function w() {
-      var e;
-      (e = a.value) == null || e.onFieldChange();
-    }
-    function I() {
-      var e;
-      (e = a.value) == null || e.clearValidate();
+      r.value?.clearValidate();
     }
-    function z() {
-      var e;
-      (e = a.value) == null || e.resetField();
+    function _() {
+      r.value?.resetField();
     }
-    function R(e = !1) {
-      const t = l(y);
-      if (!e || !o.transform)
-        return t;
-      const r = V(o.transform) ? o.transform : o.transform.transformer;
-      return o.transform ? r(t) : t;
+    function z(o = !1) {
+      const l = t(f);
+      if (!o || !e.transform)
+        return l;
+      const n = b(e.transform) ? e.transform : e.transform.transformer;
+      return e.transform ? n(l) : l;
     }
-    return h({
-      onFieldBlur: T,
-      onFieldChange: w,
-      clearValidate: I,
-      resetField: z,
-      getFieldValue: R
-    }), (e, t) => (F(), v(l(M).Item, q(
+    return g({
+      onFieldBlur: S,
+      onFieldChange: T,
+      clearValidate: w,
+      resetField: _,
+      getFieldValue: z
+    }), (o, l) => (y(), v(t(J).Item, j(
       {
         ref_key: "formItemRef",
-        ref: a
+        ref: r
       },
-      l(g)(o, [...l(le), "tooltip", "label", "description"]),
+      t(F)(e, [...t(te), "tooltip", "label", "description"]),
       {
         class: {
-          [l(c)("bordered")]: e.bordered,
-          [l(c)("focused")]: e.bordered && d.value,
-          [l(x)()]: !0
+          [t(m)("bordered")]: o.bordered,
+          [t(m)("focused")]: o.bordered && i.value,
+          [t(x)()]: !0
         },
-        colon: e.bordered ? !1 : o.colon
+        colon: o.bordered ? !1 : e.colon
       }
-    ), E({
-      default: i(() => [
-        (F(), v(K(k())))
+    ), q({
+      default: a(() => [
+        (y(), v(E(k())))
       ]),
       _: 2
     }, [
-      o.tooltip ? {
+      e.tooltip ? {
         name: "tooltip",
-        fn: i(({ class: r }) => [
-          Q("span", {
-            class: U(r)
+        fn: a(({ class: n }) => [
+          O("span", {
+            class: Q(n)
           }, [
-            p(l(W), {
-              title: o.tooltip
+            s(t(W), {
+              title: e.tooltip
             }, {
-              default: i(() => [
-                p(l(te), {
-                  style: Y({
-                    color: l(C).colorTextTertiary,
+              default: a(() => [
+                s(t(le), {
+                  style: U({
+                    color: t(C).colorTextTertiary,
                     fontSize: "14px",
                     transform: "translateY(1px)"
                   })
@@ -162,21 +157,21 @@ const Ve = /* @__PURE__ */ D({
         ]),
         key: "0"
       } : void 0,
-      e.label ? {
+      o.label ? {
         name: "label",
-        fn: i(() => [
-          p(l(X), {
-            content: e.label,
-            ellipsis: { tooltip: e.label },
+        fn: a(() => [
+          s(t(X), {
+            content: o.label,
+            ellipsis: { tooltip: o.label },
             style: { "min-width": "0px", flex: "1" }
           }, null, 8, ["content", "ellipsis"])
         ]),
         key: "1"
       } : void 0,
-      O(l(g)(s, "default"), (r, n) => ({
-        name: n,
-        fn: i((A) => [
-          G(e.$slots, n, H(J(A || {})))
+      K(t(F)(u, "default"), (n, p) => ({
+        name: p,
+        fn: a((R) => [
+          Y(o.$slots, p, G(H(R || {})))
         ])
       }))
     ]), 1040, ["class", "colon"]));