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

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

@@ -1,3 +1,5 @@
+import "./cascader/index.vue2.mjs";
+import "./cascader/read.vue.mjs";
 import "./checkbox/index.vue2.mjs";
 import "./checkbox/read.vue.mjs";
 import "./date/index.vue2.mjs";
@@ -25,75 +27,80 @@ import "./text-area/read.vue.mjs";
 import "./tree-select/index.vue2.mjs";
 import "./tree-select/read.vue.mjs";
 import "./interface.mjs";
-import i from "./second/read.vue2.mjs";
+import i from "./cascader/read.vue2.mjs";
+import r from "./second/read.vue2.mjs";
 import o from "./text/read-password.vue2.mjs";
-import r from "./tree-select/read.vue2.mjs";
-import t from "./switch/read.vue2.mjs";
-import e from "./select/read.vue2.mjs";
-import p from "./checkbox/read.vue2.mjs";
-import a from "./radio/read.vue2.mjs";
-import f from "./date-range/read.vue2.mjs";
-import _ from "./date/read.vue2.mjs";
-import c from "./number/read.vue2.mjs";
-import s from "./text-area/read.vue2.mjs";
-import n from "./text/read.vue2.mjs";
-import d from "./second/index.vue.mjs";
-import l from "./tree-select/index.vue.mjs";
-import $ from "./rate/index.vue.mjs";
-import A from "./segmented/index.vue.mjs";
-import F from "./slider/index.vue.mjs";
-import S from "./switch/index.vue.mjs";
-import x from "./select/index.vue.mjs";
-import R from "./checkbox/index.vue.mjs";
-import T from "./radio/index.vue.mjs";
-import b from "./date-range/index.vue.mjs";
-import h from "./date/index.vue.mjs";
-import g from "./number/index.vue.mjs";
-import D from "./text-area/index.vue.mjs";
-const gm = {
-  Text: n,
-  TextArea: s,
-  Number: c,
-  Date: _,
-  DateRange: f,
-  Radio: a,
-  Checkbox: p,
-  Select: e,
-  Switch: t,
-  TreeSelect: r,
+import t from "./tree-select/read.vue2.mjs";
+import e from "./switch/read.vue2.mjs";
+import p from "./select/read.vue2.mjs";
+import a from "./checkbox/read.vue2.mjs";
+import f from "./radio/read.vue2.mjs";
+import _ from "./date-range/read.vue2.mjs";
+import c from "./date/read.vue2.mjs";
+import s from "./number/read.vue2.mjs";
+import n from "./text-area/read.vue2.mjs";
+import d from "./text/read.vue2.mjs";
+import l from "./cascader/index.vue.mjs";
+import $ from "./second/index.vue.mjs";
+import A from "./tree-select/index.vue.mjs";
+import F from "./rate/index.vue.mjs";
+import S from "./segmented/index.vue.mjs";
+import x from "./slider/index.vue.mjs";
+import R from "./switch/index.vue.mjs";
+import T from "./select/index.vue.mjs";
+import b from "./checkbox/index.vue.mjs";
+import h from "./radio/index.vue.mjs";
+import g from "./date-range/index.vue.mjs";
+import C from "./date/index.vue.mjs";
+import D from "./number/index.vue.mjs";
+import k from "./text-area/index.vue.mjs";
+const Nm = {
+  Text: d,
+  TextArea: n,
+  Number: s,
+  Date: c,
+  DateRange: _,
+  Radio: f,
+  Checkbox: a,
+  Select: p,
+  Switch: e,
+  TreeSelect: t,
   Password: o,
-  Second: i
-}, Dm = {
+  Second: r,
+  Cascader: i
+}, jm = {
   Text: m,
-  TextArea: D,
-  Number: g,
-  Date: h,
-  DateRange: b,
-  Radio: T,
-  Checkbox: R,
-  Select: x,
-  Switch: S,
-  Slider: F,
-  Segmented: A,
-  Rate: $,
-  TreeSelect: l,
-  Second: d
+  TextArea: k,
+  Number: D,
+  Date: C,
+  DateRange: g,
+  Radio: h,
+  Checkbox: b,
+  Select: T,
+  Switch: R,
+  Slider: x,
+  Segmented: S,
+  Rate: F,
+  TreeSelect: A,
+  Second: $,
+  Cascader: l
 };
 export {
-  Dm as ApField,
-  R as ApFieldCheckbox,
-  h as ApFieldDate,
-  b as ApFieldDateRange,
-  g as ApFieldNumber,
-  T as ApFieldRadio,
-  $ as ApFieldRate,
-  gm as ApFieldRead,
-  d as ApFieldSecond,
-  A as ApFieldSegmented,
-  x as ApFieldSelect,
-  F as ApFieldSlider,
-  S as ApFieldSwitch,
+  jm as ApField,
+  l as ApFieldCascader,
+  b as ApFieldCheckbox,
+  C as ApFieldDate,
+  g as ApFieldDateRange,
+  D as ApFieldNumber,
+  h as ApFieldRadio,
+  F as ApFieldRate,
+  Nm as ApFieldRead,
+  $ as ApFieldSecond,
+  S as ApFieldSegmented,
+  T as ApFieldSelect,
+  x as ApFieldSlider,
+  R as ApFieldSwitch,
   m as ApFieldText,
-  D as ApFieldTextArea,
-  l as ApFieldTreeSelect
+  k as ApFieldTextArea,
+  A as ApFieldTreeSelect
 };

package/es/src/ap-field/interface.d.ts

@@ -1,5 +1,6 @@
-import { InputProps, CheckboxGroupProps, DatePickerProps, InputNumberProps, RadioGroupProps, SwitchProps, TextAreaProps, SelectProps, PopconfirmProps, SliderProps, SegmentedProps, RateProps, TreeSelectProps } from '@aplus-frontend/antdv';
+import { InputProps, CheckboxGroupProps, DatePickerProps, InputNumberProps, RadioGroupProps, SwitchProps, TextAreaProps, SelectProps, PopconfirmProps, SliderProps, SegmentedProps, RateProps, TreeSelectProps, CascaderProps } from '@aplus-frontend/antdv';
 import { RangePickerProps } from '@aplus-frontend/antdv/es/date-picker/dayjs';
+import { DefaultOptionType } from '@aplus-frontend/antdv/es/select';
 import { InputFocusOptions } from '@aplus-frontend/antdv/es/vc-input/utils/commonUtils';
 import { RangeValue } from '@aplus-frontend/antdv/es/vc-picker/interface';
 import { SharedTimeProps } from '@aplus-frontend/antdv/es/vc-picker/panels/TimePanel';
@@ -287,4 +288,29 @@ export type ApFieldSecondProps = BasicApFieldProps<Omit<InputNumberProps, 'mode'
     emptyText?: string;
 };
 export type ApFieldSecondExpose = ApiFieldNumberExpose;
+export type ApFieldCascaderProps = BasicApFieldProps<Omit<CascaderProps, 'loadData'>> & {
+    emptyText?: string;
+    /**
+     * 手动请求节点数据
+     * @param currentNode 当前选中项
+     * @param clear 请求数据时是否清空数据
+     * @returns
+     */
+    request?: (selectOptions?: DefaultOptionType[], extraParams?: Recordable) => Promise<CascaderProps['options']>;
+    /**
+     * 是否跳过首次加载数据
+     */
+    lazy?: boolean;
+    /**
+     * 发起request额外的请求，变更后会自动重新发器请求
+     */
+    params?: Recordable;
+    /**
+     * 是否动态加载选项
+     */
+    loadData?: boolean;
+};
+export type ApFieldCascaderExpose = Omit<CommonApFieldExpose, 'request'> & {
+    request: (selectOptions?: DefaultOptionType[] | undefined, clear?: boolean) => Promise<void>;
+};
 export {};

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

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

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

@@ -1,13 +1,14 @@
-import { isVNode as R, defineComponent as A, useSlots as F, shallowRef as _, computed as E, unref as e, createVNode as d, Fragment as g, createBlock as v, openBlock as S, resolveDynamicComponent as K, mergeProps as U, createSlots as z, renderList as M, withCtx as w, renderSlot as j, normalizeProps as q, guardReactiveProps as O } from "vue";
-import { Space as $, Tag as H, TreeSelect as W, Spin as G } from "@aplus-frontend/antdv";
-import { isArray as J, omit as Q } from "lodash-unified";
+import { isVNode as A, defineComponent as F, useSlots as _, shallowRef as E, computed as K, unref as e, createVNode as r, Fragment as g, createBlock as S, openBlock as v, resolveDynamicComponent as U, mergeProps as z, createSlots as M, renderList as j, withCtx as w, renderSlot as q, normalizeProps as O, guardReactiveProps as $ } from "vue";
+import { Space as H, Tag as W, TreeSelect as G, Spin as J } from "@aplus-frontend/antdv";
+import { isArray as Q, omit as X } from "lodash-unified";
 import "../../hooks/index.mjs";
-import { useRequest as X } from "./use-request.mjs";
-import { useControllableValue as Y } from "../../hooks/useControllableValue.mjs";
-function B(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !R(r);
+import { useDefaultPlaceholder as Y } from "../hooks/use-default-placeholder.mjs";
+import { useRequest as Z } from "./use-request.mjs";
+import { useControllableValue as ee } from "../../hooks/useControllableValue.mjs";
+function B(d) {
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !A(d);
 }
-const de = /* @__PURE__ */ A({
+const ie = /* @__PURE__ */ F({
   name: "ApFieldTreeSelect",
   __name: "index",
   props: {
@@ -173,80 +174,83 @@ const de = /* @__PURE__ */ A({
     }
   },
   emits: ["update:value"],
-  setup(r, {
-    expose: x,
-    emit: C
+  setup(d, {
+    expose: C,
+    emit: x
   }) {
-    const o = r, N = F(), T = C, p = _(), {
+    const n = d, N = _(), T = x, p = E(), {
       value: f,
       updateValue: b
-    } = Y(o, T), {
+    } = ee(n, T), D = Y("TreeSelect", n), {
       treeData: c,
       loading: m,
       request: y
-    } = X(o), D = E(() => {
+    } = Z(n), V = K(() => {
       let t;
-      const u = e(f), i = J(u) ? u : [u].filter(Boolean);
+      const u = e(f), i = Q(u) ? u : [u].filter(Boolean);
       if (!i.length)
-        return d(g, null, [o.emptyText]);
-      const n = [], s = o.fieldNames?.label || "label", L = o.fieldNames?.value || "value";
+        return r(g, null, [n.emptyText]);
+      const o = [], s = n.fieldNames?.label || "label", R = n.fieldNames?.value || "value";
       function h(a) {
         for (const l of a) {
-          if (i.find((P) => P === l[L]) && n.push(l[s]), n.length === i.length)
+          if (i.find((L) => L === l[R]) && o.push(l[s]), o.length === i.length)
             return;
           l.children?.length && h(l.children);
         }
       }
-      return h(e(c)), n.length ? n.length === 1 ? d("span", null, [n[0]]) : d($, {
+      return h(e(c)), o.length ? o.length === 1 ? r("span", null, [o[0]]) : r(H, {
         size: 4
-      }, B(t = n.map((a, l) => d(H, {
-        style: "margin-right: 0px",
+      }, B(t = o.map((a, l) => r(W, {
+        style: {
+          marginRight: 0
+        },
         key: `${a}-${l}`
       }, B(a) ? a : {
         default: () => [a]
       }))) ? t : {
         default: () => [t]
-      }) : d(g, null, [o.emptyText]);
+      }) : r(g, null, [n.emptyText]);
     });
-    function V() {
+    function k() {
       p.value?.focus?.();
     }
-    function k() {
+    function I() {
       p.value?.blur?.();
     }
-    function I(t) {
+    function P(t) {
       return y(t);
     }
-    return x({
+    return C({
       request: y,
-      focus: V,
-      blur: k
-    }), (t, u) => t.mode === "read" ? (S(), v(K(D.value), {
+      focus: k,
+      blur: I
+    }), (t, u) => t.mode === "read" ? (v(), S(U(V.value), {
       key: 0
-    })) : (S(), v(e(W), U({
+    })) : (v(), S(e(G), z({
       key: 1
-    }, e(Q)(o, ["onUpdate:value", "value", "treeData", "loadData"]), {
+    }, e(X)(n, ["onUpdate:value", "value", "treeData", "loadData"]), {
       ref_key: "treeSelectRef",
       ref: p,
       value: e(f),
       "tree-data": e(c),
       loading: e(m),
-      "load-data": t.loadData ? I : void 0,
+      placeholder: e(D),
+      "load-data": t.loadData ? P : void 0,
       "onUpdate:value": e(b)
-    }), z({
+    }), M({
       _: 2
-    }, [M(N, (i, n) => ({
-      name: n,
-      fn: w((s) => [j(t.$slots, n, q(O(s || {})))])
+    }, [j(N, (i, o) => ({
+      name: o,
+      fn: w((s) => [q(t.$slots, o, O($(s || {})))])
     })), e(m) ? {
       name: "notFoundContent",
-      fn: w(() => [d(e(G), {
+      fn: w(() => [r(e(J), {
         size: "small"
       })]),
       key: "0"
-    } : void 0]), 1040, ["value", "tree-data", "loading", "load-data", "onUpdate:value"]));
+    } : void 0]), 1040, ["value", "tree-data", "loading", "placeholder", "load-data", "onUpdate:value"]));
   }
 });
 export {
-  de as default
+  ie as default
 };