@aplus-frontend/ui 7.17.1-beta.0 → 7.17.2

package/es/src/ap-field/segmented/index.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as B, ref as C, useSlots as S, onMounted as h, computed as U, unref as t, createVNode as s, Fragment as a, createBlock as i, createElementBlock as V, openBlock as u, resolveDynamicComponent as _, mergeProps as N, withCtx as q, renderSlot as z, normalizeProps as F, guardReactiveProps as P } from "vue";
-import { Spin as T, Segmented as O } from "@aplus-frontend/antdv";
-import { isFunction as f, isUndefined as R, isString as w, isNumber as A, omit as D } from "lodash-unified";
+import { defineComponent as S, computed as f, ref as h, useSlots as U, onMounted as V, unref as o, createVNode as s, Fragment as a, createBlock as i, createElementBlock as _, openBlock as u, resolveDynamicComponent as N, mergeProps as P, withCtx as q, renderSlot as z, normalizeProps as F, guardReactiveProps as T } from "vue";
+import { Spin as O, Segmented as R } from "@aplus-frontend/antdv";
+import { omit as w, isFunction as c, isUndefined as A, isString as D, isNumber as E } from "lodash-unified";
 import "../../hooks/index.mjs";
-import E from "../hooks/use-options.mjs";
-import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
-const K = /* @__PURE__ */ B({
+import M from "../hooks/use-options.mjs";
+import { useControllableValue as $ } from "../../hooks/useControllableValue.mjs";
+const L = /* @__PURE__ */ S({
   name: "ApFieldSegmented",
   __name: "index",
   props: {
@@ -13,6 +13,9 @@ const K = /* @__PURE__ */ B({
     },
     class: {},
     style: {},
+    emptyText: {
+      default: "--"
+    },
     prefixCls: {},
     options: {},
     block: {
@@ -33,59 +36,56 @@ const K = /* @__PURE__ */ B({
     },
     shape: {},
     name: {},
-    emptyText: {
-      default: "--"
-    },
     defaultValue: {},
     request: {}
   },
   emits: ["update:value"],
-  setup(c, {
-    emit: v
+  setup(v, {
+    emit: y
   }) {
-    const o = c, {
+    const t = v, g = f(() => w(t, ["onUpdate:value", "value", "defaultValue", "options"])), {
       options: p,
-      updateOptions: y
-    } = E(o), g = v, {
+      updateOptions: b
+    } = M(t), k = y, {
       value: d,
-      updateValue: b
-    } = M(o, g), r = C(!1), k = S();
-    h(() => {
-      f(o.request) && (r.value = !0, o.request().then((e) => y(e)).finally(() => {
+      updateValue: x
+    } = $(t, k), r = h(!1), B = U();
+    V(() => {
+      c(t.request) && (r.value = !0, t.request().then((e) => b(e)).finally(() => {
         r.value = !1;
       }));
     });
-    const x = U(() => {
-      const e = t(d);
-      if (R(e))
-        return s(a, null, [o.emptyText]);
-      const l = t(p)?.find((m) => m === e || m?.value === e);
-      if (w(l) || A(l))
+    const C = f(() => {
+      const e = o(d);
+      if (A(e))
+        return s(a, null, [t.emptyText]);
+      const l = o(p)?.find((m) => m === e || m?.value === e);
+      if (D(l) || E(l))
         return s(a, null, [l]);
-      const n = l?.label || k.label;
-      return f(n) ? s(a, null, [n?.({
+      const n = l?.label || B.label;
+      return c(n) ? s(a, null, [n?.({
         ...l
-      })]) : s(a, null, [n || o.emptyText]);
+      })]) : s(a, null, [n || t.emptyText]);
     });
-    return (e, l) => r.value ? (u(), i(t(T), {
+    return (e, l) => r.value ? (u(), i(o(O), {
       key: 0,
       size: "small"
-    })) : (u(), V(a, {
+    })) : (u(), _(a, {
       key: 1
-    }, [e.mode === "read" ? (u(), i(_(x.value), {
+    }, [e.mode === "read" ? (u(), i(N(C.value), {
       key: 0
-    })) : (u(), i(t(O), N({
+    })) : (u(), i(o(R), P({
       key: 1
-    }, t(D)(o, ["onUpdate:value", "value", "defaultValue", "options"]), {
-      value: t(d),
-      options: t(p),
-      "onUpdate:value": t(b)
+    }, g.value, {
+      value: o(d),
+      options: o(p),
+      "onUpdate:value": o(x)
     }), {
-      label: q((n) => [z(e.$slots, "label", F(P(n)))]),
+      label: q((n) => [z(e.$slots, "label", F(T(n)))]),
       _: 3
     }, 16, ["value", "options", "onUpdate:value"]))], 64));
   }
 });
 export {
-  K as default
+  L as default
 };

package/es/src/ap-field/select/index.vue.d.ts

@@ -468,7 +468,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
     disabled: boolean;
     virtual: boolean;
     autofocus: boolean;
-    lazy: boolean | "first-focus";
+    lazy: boolean | "first-focus" | "first-open";
     loading: boolean;
     bordered: boolean;
     allowClear: boolean;

package/es/src/ap-field/select/index.vue.mjs

@@ -1,20 +1,20 @@
-import { defineComponent as de, useSlots as pe, ref as _, shallowRef as fe, computed as s, onMounted as me, watch as he, unref as n, createVNode as f, createElementBlock as M, createBlock as C, openBlock as m, toDisplayString as k, mergeProps as ve, h as ye, createSlots as ge, withCtx as h, createElementVNode as B, normalizeClass as v, createCommentVNode as P, resolveDynamicComponent as D, withModifiers as Ce, renderList as be, renderSlot as Se, normalizeProps as we, guardReactiveProps as Fe } from "vue";
-import { Select as Oe, Flex as T, Checkbox as q, Spin as ke } from "@aplus-frontend/antdv";
-import { debounce as Be, isFunction as L, isArray as Ne, isNil as xe, omit as R, isNumber as Ae } from "lodash-unified";
+import { defineComponent as fe, useSlots as me, ref as k, shallowRef as he, computed as s, onMounted as ve, watch as ye, unref as l, createVNode as m, createElementBlock as M, createBlock as C, openBlock as h, toDisplayString as N, mergeProps as ge, h as Ce, createSlots as be, withCtx as v, createElementVNode as x, normalizeClass as y, createCommentVNode as P, resolveDynamicComponent as T, withModifiers as we, renderList as Oe, renderSlot as Se, normalizeProps as Fe, guardReactiveProps as Be } from "vue";
+import { Select as ke, Flex as q, Checkbox as L, Spin as Ne } from "@aplus-frontend/antdv";
+import { debounce as xe, isFunction as z, isArray as Ae, isNil as Ve, omit as R, isNumber as Ie } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../utils/index.mjs";
-import { useDevWarning as Ve } from "../../utils/warning.mjs";
+import { useDevWarning as _e } from "../../utils/warning.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as Ie } from "../hooks/use-default-placeholder.mjs";
-import _e from "../style/index.mjs";
-import { useSelectOptions as Me } from "./use-select-options.mjs";
-import { isDef as N } from "../../utils/is.mjs";
-import { useNamespace as z } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as Pe } from "../../config-provider/hooks/use-locale.mjs";
-import { useControllableValue as De } from "../../hooks/useControllableValue.mjs";
-const Te = {
+import { useDefaultPlaceholder as De } from "../hooks/use-default-placeholder.mjs";
+import Me from "../style/index.mjs";
+import { useSelectOptions as Pe } from "./use-select-options.mjs";
+import { isDef as A } from "../../utils/is.mjs";
+import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as Te } from "../../config-provider/hooks/use-locale.mjs";
+import { useControllableValue as qe } from "../../hooks/useControllableValue.mjs";
+const Le = {
   key: 0
-}, qe = ["onClick"], Ye = /* @__PURE__ */ de({
+}, ze = ["onClick"], et = /* @__PURE__ */ fe({
   name: "ApFieldSelect",
   __name: "index",
   props: {
@@ -23,6 +23,9 @@ const Te = {
     },
     class: {},
     style: {},
+    emptyText: {
+      default: "--"
+    },
     defaultValue: {},
     notFoundContent: {},
     suffixIcon: {},
@@ -138,9 +141,6 @@ const Te = {
     showAction: {},
     onPopupScroll: {},
     onInputKeyDown: {},
-    emptyText: {
-      default: "--"
-    },
     request: {},
     multiple: {
       type: Boolean,
@@ -159,6 +159,9 @@ const Te = {
       type: Boolean,
       default: void 0
     },
+    fetchOnOpen: {
+      type: Boolean
+    },
     lazy: {
       type: [Boolean, String],
       default: !1
@@ -177,199 +180,207 @@ const Te = {
     }
   },
   emits: ["update:value"],
-  setup(E, {
-    expose: U,
+  setup(U, {
+    expose: K,
     emit: $
   }) {
     let r = 0;
-    const x = pe(), e = E, {
-      deprecated: K
-    } = Ve("ApFieldSelect");
-    K(!N(e.refetchOnFocus), "refetchOnFocus", "fetchOnFocus");
+    const b = me(), e = U, {
+      deprecated: j
+    } = _e("ApFieldSelect");
+    j(!A(e.refetchOnFocus), "refetchOnFocus", "fetchOnFocus");
     const {
-      b
-    } = z("field-select"), {
-      b: c
-    } = z("field-select-popup-option"), j = _e("field"), A = _(!1), {
-      t: V
-    } = Pe(), H = Be((t) => {
-      if (!L(e.request))
+      b: w
+    } = E("field-select"), {
+      b: d
+    } = E("field-select-popup-option"), H = Me("field"), V = k(!1), I = k(!1), {
+      t: _
+    } = Te(), W = xe((t) => {
+      if (!z(e.request))
         return;
       r += 1;
-      const o = r;
-      g([]), u.value = !0, e.request(t).then((l) => {
-        r === o && (g(l), u.value = !1);
+      const n = r;
+      g([]), u.value = !0, e.request(t).then((o) => {
+        r === n && (g(o), u.value = !1);
       });
-    }, e.searchDelay), W = (t, o) => {
-      const l = e.fieldNames?.label || "label";
-      return typeof o?.[l] == "string" && o[l].toLowerCase().indexOf(t.toLowerCase()) > -1;
+    }, e.searchDelay), G = (t, n) => {
+      const o = e.fieldNames?.label || "label";
+      return typeof n?.[o] == "string" && n[o].toLowerCase().indexOf(t.toLowerCase()) > -1;
     }, {
-      options: d,
+      options: p,
       updateOptions: g
-    } = Me(e), S = fe(), u = _(e?.loading || !1), G = $, J = s(() => e.fetchOnFocus ?? e.refetchOnFocus), Q = s(() => {
+    } = Pe(e), O = he(), u = k(e?.loading || !1), J = $, Q = s(() => e.fetchOnFocus ?? e.refetchOnFocus), X = s(() => {
       if (e.multiple)
         return e.tokenSeparators ? "tags" : "multiple";
     });
-    async function y(t = !0) {
-      if (!L(e.request))
+    async function i(t = !0) {
+      if (!z(e.request))
         return;
       u.value = !0, r += 1;
-      const o = r;
+      const n = r;
       try {
         t && g([]);
-        const l = await e.request(void 0, e.params);
-        if (o !== r)
+        const o = await e.request(void 0, e.params);
+        if (n !== r)
           return;
-        g(l);
+        g(o);
       } finally {
         u.value = !1;
       }
     }
-    function X(t) {
-      !A.value && r === 0 && e.lazy === "first-focus" ? y() : J.value && !u.value && y(!0), e.onFocus?.(t), A.value = !0;
+    function Y(t) {
+      !V.value && r === 0 && e.lazy === "first-focus" ? i() : Q.value && !u.value && i(!0), e.onFocus?.(t), V.value = !0;
+    }
+    function Z(t) {
+      if (!t) {
+        e.onDropdownVisibleChange?.(t);
+        return;
+      }
+      !I.value && r === 0 && e.lazy === "first-open" ? i() : e.fetchOnOpen && !u.value && i(!0), e.onDropdownVisibleChange?.(t), I.value = !0;
     }
-    me(() => {
+    ve(() => {
       if (!e.lazy) {
-        y();
+        i();
         return;
       }
-    }), he(() => e.params, () => {
-      y();
+    }), ye(() => e.params, () => {
+      i();
     }, {
       deep: !0
     });
     const {
-      value: p,
-      updateValue: w
-    } = De(e, G), Y = Ie("Select", e), Z = s(() => {
-      const t = n(p);
+      value: f,
+      updateValue: S
+    } = qe(e, J), ee = De("Select", e), te = s(() => {
+      const t = l(f);
       if (!t)
         return e.emptyText;
-      const o = e.fieldNames?.label || "label", l = e.fieldNames?.value || "value";
-      return Ne(t) ? t.map((a) => n(d).find((ce) => ce[l] === a)?.[o]).filter(Boolean).join("、") || e.emptyText : n(d).find((a) => a[l] === t)?.[o] || e.emptyText;
-    }), ee = s(() => {
-      const t = !!e?.showSearch, o = e.searchMode;
-      let l = {};
-      return t && (l = o === "request" ? {
+      const n = e.fieldNames?.label || "label", o = e.fieldNames?.value || "value";
+      return Ae(t) ? t.map((a) => l(p).find((pe) => pe[o] === a)?.[n]).filter(Boolean).join("、") || e.emptyText : l(p).find((a) => a[o] === t)?.[n] || e.emptyText;
+    }), ne = s(() => {
+      const t = !!e?.showSearch, n = e.searchMode;
+      let o = {};
+      return t && (o = n === "request" ? {
         defaultActiveFirstOption: !1,
-        onSearch: H,
+        onSearch: W,
         notFoundContent: u.value ? void 0 : null,
         filterOption: !1,
         suffixIcon: null
       } : {
-        filterOption: xe(e?.filterOption) ? W : e?.filterOption
+        filterOption: Ve(e?.filterOption) ? G : e?.filterOption
       }), {
         ...R(e, ["mode", "value", "onUpdate:value", "onSearch", "request", "searchMode", "onFocus", "onBeforeSelect"]),
-        placeholder: n(Y),
-        ...l
+        placeholder: l(ee),
+        ...o
       };
-    }), te = s(() => d.value.map((t) => t[e.fieldNames?.value || "value"])), F = s(() => d.value.filter((t) => !t.disabled).map((t) => t[e.fieldNames?.value || "value"])), I = s(() => !e.multiple || N(e.maxCount) ? !1 : Ae(e.addAll) ? te.value.length >= e.addAll : !!e.addAll), oe = s(() => e.multiple && e.allowOnlySelect && (!N(e.maxCount) || e.maxCount >= 1));
-    function le() {
-      S.value?.focus();
+    }), oe = s(() => p.value.map((t) => t[e.fieldNames?.value || "value"])), F = s(() => p.value.filter((t) => !t.disabled).map((t) => t[e.fieldNames?.value || "value"])), D = s(() => !e.multiple || A(e.maxCount) ? !1 : Ie(e.addAll) ? oe.value.length >= e.addAll : !!e.addAll), le = s(() => e.multiple && e.allowOnlySelect && (!A(e.maxCount) || e.maxCount >= 1));
+    function ae() {
+      O.value?.focus();
     }
-    function ne() {
-      S.value?.blur();
+    function se() {
+      O.value?.blur();
     }
-    function O(t, o) {
-      const l = e.fieldNames?.[o] ?? o;
-      return t[l];
+    function B(t, n) {
+      const o = e.fieldNames?.[n] ?? n;
+      return t[o];
     }
-    function ae(t) {
-      const o = O(t, "value");
-      w(e.multiple ? [o] : o), e.onChange?.([o], [t]);
+    function ue(t) {
+      const n = B(t, "value");
+      S(e.multiple ? [n] : n), e.onChange?.([n], [t]);
     }
-    function se(t) {
-      return x.option ? f("div", {
-        class: c("custom")
-      }, [x.option(t)]) : f("span", {
-        class: c("label")
-      }, [O(t, "label")]);
+    function re(t) {
+      return b.option ? m("div", {
+        class: d("custom")
+      }, [b.option(t)]) : m("span", {
+        class: d("label")
+      }, [B(t, t.options?.length ? "groupLabel" : "label")]);
     }
-    const ue = s(() => {
-      const t = n(p) || [], o = F.value;
-      return o.length > 0 && o.every((l) => t.includes(l));
-    }), re = s(() => {
-      const t = n(p) || [], o = F.value, l = o.filter((i) => t.includes(i)).length;
-      return l > 0 && l < o.length;
+    const ie = s(() => {
+      const t = l(f) || [], n = F.value;
+      return n.length > 0 && n.every((o) => t.includes(o));
+    }), ce = s(() => {
+      const t = l(f) || [], n = F.value, o = n.filter((c) => t.includes(c)).length;
+      return o > 0 && o < n.length;
     });
-    function ie() {
-      const t = new Set(n(p) || []), o = F.value;
-      o.length > 0 && o.every((a) => t.has(a)) ? o.forEach((a) => t.delete(a)) : o.forEach((a) => t.add(a));
-      const i = d.value.filter((a) => t.has(a[e.fieldNames?.value || "value"]));
-      w([...t]), e.onChange?.([...t], i);
+    function de() {
+      const t = new Set(l(f) || []), n = F.value;
+      n.length > 0 && n.every((a) => t.has(a)) ? n.forEach((a) => t.delete(a)) : n.forEach((a) => t.add(a));
+      const c = p.value.filter((a) => t.has(a[e.fieldNames?.value || "value"]));
+      S([...t]), e.onChange?.([...t], c);
     }
-    return U({
-      focus: le,
-      blur: ne,
-      request: y
-    }), (t, o) => t.mode === "read" ? (m(), M("span", Te, k(Z.value), 1)) : (m(), C(n(Oe), ve({
+    return K({
+      focus: ae,
+      blur: se,
+      request: i
+    }), (t, n) => t.mode === "read" ? (h(), M("span", Le, N(te.value), 1)) : (h(), C(l(ke), ge({
       key: 1,
       ref_key: "selectRef",
-      ref: S,
+      ref: O,
       "allow-clear": ""
-    }, ee.value, {
-      mode: Q.value,
-      value: n(p),
-      options: n(d),
+    }, ne.value, {
+      mode: X.value,
+      value: l(f),
+      options: l(p),
       loading: u.value,
-      "menu-item-selected-icon": ye("span"),
-      "popup-class-name": `${n(b)("popup")} ${n(j)}`,
-      "onUpdate:value": n(w),
-      onFocus: X
-    }), ge({
-      option: h((l) => [B("div", {
-        class: v(n(c)("outter"))
-      }, [f(n(T), {
+      "menu-item-selected-icon": Ce("span"),
+      "popup-class-name": `${l(w)("popup")} ${l(H)}`,
+      "onUpdate:value": l(S),
+      onFocus: Y,
+      onDropdownVisibleChange: Z
+    }), be({
+      option: v((o) => [x("div", {
+        class: y(l(d)("outter"))
+      }, [m(l(q), {
         justify: "space-between",
         align: "center",
-        class: v(n(c)("wrapper")),
+        class: y(l(d)("wrapper")),
         gap: 8
       }, {
-        default: h(() => [f(n(T), {
+        default: v(() => [m(l(q), {
           gap: 8,
           align: "center",
-          class: v(n(c)("content-wrapper"))
+          class: y(l(d)("content-wrapper"))
         }, {
-          default: h(() => [I.value ? (m(), C(n(q), {
+          default: v(() => [D.value ? (h(), C(l(L), {
             key: 0,
-            checked: n(p)?.includes(O(l, "value"))
-          }, null, 8, ["checked"])) : P("", !0), (m(), C(D(se(l))))]),
+            checked: l(f)?.includes(B(o, "value"))
+          }, null, 8, ["checked"])) : P("", !0), (h(), C(T(re(o))))]),
           _: 2
-        }, 1032, ["class"]), oe.value && !l?.disabled ? (m(), M("span", {
+        }, 1032, ["class"]), le.value && !o?.disabled ? (h(), M("span", {
           key: 0,
-          class: v(n(c)("action")),
-          onClick: Ce(() => ae(l), ["stop"])
-        }, k(n(V)("ap.field.chooseOnly")), 11, qe)) : P("", !0)]),
+          class: y(l(d)("action")),
+          onClick: we(() => ue(o), ["stop"])
+        }, N(l(_)("ap.field.chooseOnly")), 11, ze)) : P("", !0)]),
         _: 2
       }, 1032, ["class"])], 2)]),
       _: 2
-    }, [be(n(R)(t.$slots, ["option"]), (l, i) => ({
-      name: i,
-      fn: h((a) => [Se(t.$slots, i, we(Fe(a || {})))])
+    }, [Oe(l(R)(b, ["option"]), (o, c) => ({
+      name: c,
+      fn: v((a) => [Se(t.$slots, c, Fe(Be(a || {})))])
     })), u.value ? {
       name: "notFoundContent",
-      fn: h(() => [f(n(ke), {
+      fn: v(() => [m(l(Ne), {
         size: "small"
       })]),
       key: "0"
-    } : void 0, I.value ? {
+    } : void 0, D.value ? {
       name: "dropdownRender",
-      fn: h(({
-        menuNode: l
-      }) => [B("div", {
+      fn: v(({
+        menuNode: o
+      }) => [x("div", {
         tabindex: -1,
-        class: v(n(b)("popup-all-option")),
-        onClick: ie
-      }, [f(n(q), {
-        checked: ue.value,
-        indeterminate: re.value
-      }, null, 8, ["checked", "indeterminate"]), B("span", {
-        class: v(n(b)("popup-all-option-label"))
-      }, k(n(V)("ap.field.selectAll")), 3)], 2), (m(), C(D(l)))]),
+        class: y(l(w)("popup-all-option")),
+        onClick: de
+      }, [m(l(L), {
+        checked: ie.value,
+        indeterminate: ce.value
+      }, null, 8, ["checked", "indeterminate"]), x("span", {
+        class: y(l(w)("popup-all-option-label"))
+      }, N(l(_)("ap.field.selectAll")), 3)], 2), (h(), C(T(o)))]),
       key: "1"
     } : void 0]), 1040, ["mode", "value", "options", "loading", "menu-item-selected-icon", "popup-class-name", "onUpdate:value"]));
   }
 });
 export {
-  Ye as default
+  et as default
 };

package/es/src/ap-field/select/read.vue2.mjs

@@ -7,6 +7,7 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     mode: {},
     class: {},
     style: {},
+    emptyText: { default: "--" },
     defaultValue: {},
     notFoundContent: {},
     suffixIcon: {},
@@ -83,7 +84,6 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     showAction: {},
     onPopupScroll: {},
     onInputKeyDown: {},
-    emptyText: { default: "--" },
     request: {},
     multiple: { type: Boolean },
     value: {},
@@ -91,6 +91,7 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     searchMode: {},
     refetchOnFocus: { type: Boolean },
     fetchOnFocus: { type: Boolean },
+    fetchOnOpen: { type: Boolean },
     lazy: { type: [Boolean, String] },
     addAll: { type: [Boolean, Number] },
     params: {},

package/es/src/ap-field/slider/index.vue.mjs

@@ -1,15 +1,16 @@
-import { defineComponent as B, useSlots as x, shallowRef as C, computed as b, unref as t, createElementBlock as g, createBlock as k, openBlock as n, Fragment as F, createTextVNode as S, toDisplayString as h, mergeProps as T, createSlots as V, renderList as _, withCtx as P, renderSlot as R, normalizeProps as N, guardReactiveProps as U } from "vue";
-import { Slider as A } from "@aplus-frontend/antdv";
-import { isNil as H, isArray as L, omit as $ } from "lodash-unified";
+import { defineComponent as C, useSlots as b, shallowRef as g, computed as n, unref as t, createElementBlock as k, createBlock as F, openBlock as s, Fragment as S, createTextVNode as h, toDisplayString as P, mergeProps as T, createSlots as V, renderList as _, withCtx as R, renderSlot as N, normalizeProps as U, guardReactiveProps as A } from "vue";
+import { Slider as H } from "@aplus-frontend/antdv";
+import { omit as L, isNil as $, isArray as w } from "lodash-unified";
 import "../../hooks/index.mjs";
-import { useControllableValue as w } from "../../hooks/useControllableValue.mjs";
-const G = /* @__PURE__ */ B({
+import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
+const J = /* @__PURE__ */ C({
   name: "ApFieldSlider",
   __name: "index",
   props: {
     mode: {},
     class: {},
     style: {},
+    emptyText: { default: "--" },
     range: { type: [Boolean, Object] },
     value: {},
     defaultValue: {},
@@ -48,51 +49,48 @@ const G = /* @__PURE__ */ B({
     ariaLabelForHandle: {},
     ariaLabelledByForHandle: {},
     ariaRequired: { type: Boolean },
-    ariaValueTextFormatterForHandle: {},
-    emptyText: { default: "--" }
+    ariaValueTextFormatterForHandle: {}
   },
   emits: ["update:value"],
-  setup(s, { expose: u, emit: i }) {
-    const p = x(), o = C(), a = s, d = i, { value: l, updateValue: m } = w(a, d), c = b(() => {
+  setup(u, { expose: i, emit: p }) {
+    const d = b(), o = g(), a = u, m = n(
+      () => L(a, [
+        "value",
+        "onUpdate:value",
+        "mode",
+        "emptyText",
+        "defaultValue"
+      ])
+    ), c = p, { value: l, updateValue: f } = j(a, c), y = n(() => {
       const e = t(l);
-      return H(e) ? a.emptyText : L(e) ? `${e[0]}-${e[1]}` : e;
+      return $(e) ? a.emptyText : w(e) ? `${e[0]}-${e[1]}` : e;
     });
-    function f() {
+    function v() {
       o.value?.focus?.();
     }
-    function y() {
+    function B() {
       o.value?.blur?.();
     }
-    return u({
-      focus: f,
-      blur: y
-    }), (e, j) => e.mode === "read" ? (n(), g(F, { key: 0 }, [
-      S(h(c.value), 1)
-    ], 64)) : (n(), k(t(A), T(
-      { key: 1 },
-      t($)(a, [
-        "value",
-        "onUpdate:value",
-        "mode",
-        "emptyText",
-        "defaultValue"
-      ]),
-      {
-        ref_key: "sliderRef",
-        ref: o,
-        value: t(l),
-        "onUpdate:value": t(m)
-      }
-    ), V({ _: 2 }, [
-      _(p, (q, r) => ({
+    return i({
+      focus: v,
+      blur: B
+    }), (e, q) => e.mode === "read" ? (s(), k(S, { key: 0 }, [
+      h(P(y.value), 1)
+    ], 64)) : (s(), F(t(H), T({ key: 1 }, m.value, {
+      ref_key: "sliderRef",
+      ref: o,
+      value: t(l),
+      "onUpdate:value": t(f)
+    }), V({ _: 2 }, [
+      _(d, (z, r) => ({
         name: r,
-        fn: P((v) => [
-          R(e.$slots, r, N(U(v || {})))
+        fn: R((x) => [
+          N(e.$slots, r, U(A(x || {})))
         ])
       }))
     ]), 1040, ["value", "onUpdate:value"]));
   }
 });
 export {
-  G as default
+  J as default
 };