@aplus-frontend/ui 0.0.34 → 0.0.36

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

@@ -1,13 +1,14 @@
-import { defineComponent as S, computed as i, unref as t, openBlock as v, createElementBlock as b, Fragment as _, createTextVNode as w, toDisplayString as M, createBlock as R, mergeProps as F, createSlots as A, renderList as x, withCtx as D, renderSlot as E, normalizeProps as V, guardReactiveProps as z } from "vue";
+import { defineComponent as b, computed as i, unref as t, openBlock as v, createElementBlock as _, Fragment as w, createTextVNode as M, toDisplayString as R, createBlock as F, mergeProps as A, createSlots as D, renderList as x, withCtx as E, renderSlot as V, normalizeProps as z, guardReactiveProps as N } from "vue";
 import r from "dayjs";
-import { DatePicker as N } from "ant-design-vue";
-import { ApFieldDatePresetFormats as j, PRESET_FORMAT_MAP as I, PRESET_FORMAT_PICK_MAP as H, PRESET_FORMAT_TIME_MAP as U } from "./constant.mjs";
+import { DatePicker as j } from "ant-design-vue";
+import { ApFieldDatePresetFormats as I, PRESET_FORMAT_MAP as H, PRESET_FORMAT_PICK_MAP as U, PRESET_FORMAT_TIME_MAP as K } from "./constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as y, omit as K } from "lodash-unified";
-import { formatDayWithTimezone as $ } from "./helper.mjs";
-import { getTimeFormatToZone as L } from "@aplus-frontend/utils";
-import { useControllableValue as W } from "../../hooks/useControllableValue.mjs";
-const te = /* @__PURE__ */ S({
+import { isNil as y, omit as $ } from "lodash-unified";
+import { formatDayWithTimezone as L } from "./helper.mjs";
+import { getTimeFormatToZone as W } from "@aplus-frontend/utils";
+import { useDefaultPlaceholder as Y } from "../hooks/use-default-placeholder.mjs";
+import { useControllableValue as Z } from "../../hooks/useControllableValue.mjs";
+const le = /* @__PURE__ */ b({
   name: "ApFieldDate",
   __name: "index",
   props: {
@@ -86,19 +87,19 @@ const te = /* @__PURE__ */ S({
   },
   emits: ["update:value"],
   setup(h, { emit: B }) {
-    const e = h, k = B, { value: m, updateValue: p } = W(e, k), l = i(
-      () => j.indexOf(e.format) > -1
+    const e = h, k = B, { value: p, updateValue: m } = Z(e, k), P = Y("Date", e), l = i(
+      () => I.indexOf(e.format) > -1
     ), d = i(
-      () => l.value ? I[e.format] : e.format
+      () => l.value ? H[e.format] : e.format
     ), f = i(() => {
-      if (y(t(m)))
+      if (y(t(p)))
         return;
-      let o = r(t(m));
-      return e.timezone && (o = r(L(t(m), e.timezone))), o;
-    }), g = i(() => t(l) ? e.picker ?? H[e.format] : e.picker), O = i(() => {
-      const o = t(l) ? U[e.format] : {};
+      let o = r(t(p));
+      return e.timezone && (o = r(W(t(p), e.timezone))), o;
+    }), g = i(() => t(l) ? e.picker ?? U[e.format] : e.picker), O = i(() => {
+      const o = t(l) ? K[e.format] : {};
       return {
-        ...K(e, [
+        ...$(e, [
           "value",
           "defaultValue",
           "onChange",
@@ -107,46 +108,47 @@ const te = /* @__PURE__ */ S({
           "onUpdate:value",
           "mode"
         ]),
+        placeholder: t(P),
         ...o
       };
-    }), c = $(e.timezone);
-    function P(o) {
+    }), c = L(e.timezone);
+    function C(o) {
       if (y(o)) {
-        p(null);
+        m(null);
         return;
       }
       const a = r(o);
-      t(l) ? p(c(a, t(d))) : p(a.valueOf());
+      t(l) ? m(c(a, t(d))) : m(a.valueOf());
     }
-    function C(o, a) {
+    function T(o, a) {
       var s;
       const u = r(o), n = o ? t(l) ? c(u, t(d)) : u.valueOf() : null;
       (s = e.onChange) == null || s.call(e, n, a);
     }
-    function T(o) {
+    function S(o) {
       var n;
       const a = r(o), u = o ? t(l) ? c(a, t(d)) : a.valueOf() : null;
       (n = e.onOk) == null || n.call(e, u);
     }
-    return (o, a) => o.mode === "read" ? (v(), b(_, { key: 0 }, [
-      w(M(f.value ? t(r)(f.value).format(d.value) : o.emptyText), 1)
-    ], 64)) : (v(), R(t(N), F({ key: 1 }, O.value, {
+    return (o, a) => o.mode === "read" ? (v(), _(w, { key: 0 }, [
+      M(R(f.value ? t(r)(f.value).format(d.value) : o.emptyText), 1)
+    ], 64)) : (v(), F(t(j), A({ key: 1 }, O.value, {
       value: f.value,
       format: d.value,
-      "onUpdate:value": P,
-      onChange: C,
-      onOk: T,
+      "onUpdate:value": C,
+      onChange: T,
+      onOk: S,
       picker: g.value
-    }), A({ _: 2 }, [
+    }), D({ _: 2 }, [
       x(o.$slots, (u, n) => ({
         name: n,
-        fn: D((s) => [
-          E(o.$slots, n, V(z(s || {})))
+        fn: E((s) => [
+          V(o.$slots, n, z(N(s || {})))
         ])
       }))
     ]), 1040, ["value", "format", "picker"]));
   }
 });
 export {
-  te as default
+  le as default
 };

package/es/src/ap-field/date-range/index.vue.mjs

@@ -1,15 +1,16 @@
-import { defineComponent as x, computed as c, unref as t, openBlock as g, createElementBlock as k, Fragment as B, createTextVNode as O, toDisplayString as C, renderSlot as T, createVNode as V, createBlock as I, mergeProps as j, createSlots as U, renderList as H, withCtx as $, normalizeProps as K, guardReactiveProps as L } from "vue";
-import { ApFieldDatePresetFormats as W, PRESET_FORMAT_MAP as Y, PRESET_FORMAT_PICK_MAP as Z, PRESET_FORMAT_TIME_MAP as q } from "../date/constant.mjs";
+import { defineComponent as V, computed as c, unref as t, openBlock as h, createElementBlock as k, Fragment as B, createTextVNode as O, toDisplayString as P, renderSlot as T, createVNode as I, createBlock as j, mergeProps as U, createSlots as H, renderList as $, withCtx as K, normalizeProps as L, guardReactiveProps as W } from "vue";
+import { ApFieldDatePresetFormats as Y, PRESET_FORMAT_MAP as Z, PRESET_FORMAT_PICK_MAP as q, PRESET_FORMAT_TIME_MAP as G } from "../date/constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as S, omit as b, isString as f } from "lodash-unified";
-import u from "dayjs";
-import { DatePicker as G } from "ant-design-vue";
-import { formatDayWithTimezone as J, formatValue as D } from "../date/helper.mjs";
-import { SwapRightOutlined as Q } from "@ant-design/icons-vue";
-import { omitUndefined as X } from "../../utils/index.mjs";
-import { getTimeFormatToZone as M } from "@aplus-frontend/utils";
-import { useControllableValue as ee } from "../../hooks/useControllableValue.mjs";
-const fe = /* @__PURE__ */ x({
+import { isNil as D, omit as S, isString as f } from "lodash-unified";
+import i from "dayjs";
+import { DatePicker as J } from "ant-design-vue";
+import { formatDayWithTimezone as Q, formatValue as b } from "../date/helper.mjs";
+import { SwapRightOutlined as X } from "@ant-design/icons-vue";
+import { omitUndefined as ee } from "../../utils/index.mjs";
+import { getTimeFormatToZone as R } from "@aplus-frontend/utils";
+import { useDefaultPlaceholder as oe } from "../hooks/use-default-placeholder.mjs";
+import { useControllableValue as te } from "../../hooks/useControllableValue.mjs";
+const ve = /* @__PURE__ */ V({
   __name: "index",
   props: {
     mode: { default: "edit" },
@@ -88,26 +89,26 @@ const fe = /* @__PURE__ */ x({
     timezone: {}
   },
   emits: ["update:value"],
-  setup(R, { emit: w }) {
-    const o = R, _ = w, i = c(
-      () => W.indexOf(o.format) > -1
+  setup(M, { emit: w }) {
+    const o = M, _ = w, u = c(
+      () => Y.indexOf(o.format) > -1
     ), r = c(
-      () => i.value ? Y[o.format] : o.format
-    ), { value: p, updateValue: h } = ee(
+      () => u.value ? Z[o.format] : o.format
+    ), { value: p, updateValue: g } = te(
       o,
       _
-    ), m = J(o.timezone), v = c(() => {
+    ), A = oe("DateRange", o), m = Q(o.timezone), v = c(() => {
       var l, d;
       const e = t(p);
-      if (S(e) || !(e != null && e.length))
+      if (D(e) || !(e != null && e.length))
         return e;
-      const n = o.timezone ? M(t(p)[0], o.timezone) : (l = t(p)) == null ? void 0 : l[0], a = o.timezone ? M(t(p)[1], o.timezone) : (d = t(p)) == null ? void 0 : d[1];
-      return [u(n), u(a)];
-    }), A = c(() => t(i) ? o.picker ?? Z[o.format] : o.picker), F = c(() => {
-      const e = t(i) ? q[o.format] : {};
+      const n = o.timezone ? R(t(p)[0], o.timezone) : (l = t(p)) == null ? void 0 : l[0], a = o.timezone ? R(t(p)[1], o.timezone) : (d = t(p)) == null ? void 0 : d[1];
+      return [i(n), i(a)];
+    }), F = c(() => t(u) ? o.picker ?? q[o.format] : o.picker), z = c(() => {
+      const e = t(u) ? G[o.format] : {};
       return {
-        ...X(
-          b(o, [
+        ...ee(
+          S(o, [
             "value",
             "onUpdate:value",
             "onChange",
@@ -116,58 +117,59 @@ const fe = /* @__PURE__ */ x({
             "mode"
           ])
         ),
+        placeholder: t(A),
         ...e
       };
     });
-    function z(e) {
+    function E(e) {
       if (!e) {
-        h(e);
+        g(e);
         return;
       }
-      let n = f(e[0]) ? u(e[0]) : e[0], a = f(e[1]) ? u(e[1]) : e[1];
-      t(i) ? h([
+      let n = f(e[0]) ? i(e[0]) : e[0], a = f(e[1]) ? i(e[1]) : e[1];
+      t(u) ? g([
         m(n, t(r)),
         m(a, t(r), !1)
-      ]) : h([D(n), D(a)]);
+      ]) : g([b(n), b(a)]);
     }
-    function E(e) {
+    function N(e) {
       var s;
-      const n = f(e[0]) ? u(e[0]) : e[0], a = f(e[1]) ? u(e[1]) : e[1], l = e[0] ? t(i) ? m(n, t(r)) : n.valueOf() : null, d = e[1] ? t(i) ? m(a, t(r), !1) : a.valueOf() : null;
+      const n = f(e[0]) ? i(e[0]) : e[0], a = f(e[1]) ? i(e[1]) : e[1], l = e[0] ? t(u) ? m(n, t(r)) : n.valueOf() : null, d = e[1] ? t(u) ? m(a, t(r), !1) : a.valueOf() : null;
       (s = o.onOk) == null || s.call(o, [l, d]);
     }
-    function N(e, n) {
-      var y, P;
-      if (S(e)) {
+    function x(e, n) {
+      var y, C;
+      if (D(e)) {
         (y = o.onChange) == null || y.call(o, e, n);
         return;
       }
-      const a = f(e[0]) ? u(e[0]) : e[0], l = f(e[1]) ? u(e[1]) : e[1], d = e[0] ? t(i) ? m(a, t(r)) : a.valueOf() : null, s = e[1] ? t(i) ? m(l, t(r), !1) : l.valueOf() : null;
-      (P = o.onChange) == null || P.call(o, [d, s], n);
+      const a = f(e[0]) ? i(e[0]) : e[0], l = f(e[1]) ? i(e[1]) : e[1], d = e[0] ? t(u) ? m(a, t(r)) : a.valueOf() : null, s = e[1] ? t(u) ? m(l, t(r), !1) : l.valueOf() : null;
+      (C = o.onChange) == null || C.call(o, [d, s], n);
     }
     return (e, n) => {
       var a, l;
-      return e.mode === "read" ? (g(), k(B, { key: 0 }, [
-        v.value ? (g(), k(B, { key: 0 }, [
-          O(C((a = v.value[0]) == null ? void 0 : a.format(r.value)) + " ", 1),
+      return e.mode === "read" ? (h(), k(B, { key: 0 }, [
+        v.value ? (h(), k(B, { key: 0 }, [
+          O(P((a = v.value[0]) == null ? void 0 : a.format(r.value)) + " ", 1),
           T(e.$slots, "readModeSeparator", {}, () => [
-            V(t(Q))
+            I(t(X))
           ]),
-          O(" " + C((l = v.value[1]) == null ? void 0 : l.format(r.value)), 1)
-        ], 64)) : (g(), k(B, { key: 1 }, [
-          O(C(e.emptyText), 1)
+          O(" " + P((l = v.value[1]) == null ? void 0 : l.format(r.value)), 1)
+        ], 64)) : (h(), k(B, { key: 1 }, [
+          O(P(e.emptyText), 1)
         ], 64))
-      ], 64)) : (g(), I(t(G).RangePicker, j({ key: 1 }, F.value, {
+      ], 64)) : (h(), j(t(J).RangePicker, U({ key: 1 }, z.value, {
         value: v.value,
-        "onUpdate:value": z,
-        onChange: N,
-        picker: A.value,
+        "onUpdate:value": E,
+        onChange: x,
+        picker: F.value,
         format: r.value,
-        onOk: E
-      }), U({ _: 2 }, [
-        H(t(b)(e.$slots, "readModeSeparator"), (d, s) => ({
+        onOk: N
+      }), H({ _: 2 }, [
+        $(t(S)(e.$slots, "readModeSeparator"), (d, s) => ({
           name: s,
-          fn: $((y) => [
-            T(e.$slots, s, K(L(y || {})))
+          fn: K((y) => [
+            T(e.$slots, s, L(W(y || {})))
           ])
         }))
       ]), 1040, ["value", "picker", "format"]));
@@ -175,5 +177,5 @@ const fe = /* @__PURE__ */ x({
   }
 });
 export {
-  fe as default
+  ve as default
 };

package/es/src/ap-field/hooks/use-default-placeholder.d.ts

@@ -0,0 +1,16 @@
+import { ComputedRef } from 'vue';
+import { ApFieldTextPasswordProps, ApFieldTextProps, ApFieldTextAreaProps, ApFieldNumberProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldSelectProps, BasicApFieldProps } from '../interface';
+
+type FieldType = {
+    Text: ApFieldTextProps;
+    TextArea: ApFieldTextAreaProps;
+    Number: ApFieldNumberProps;
+    Date: ApFieldDateProps;
+    DateRange: ApFieldDateRangeProps;
+    Select: ApFieldSelectProps;
+    TextPassword: ApFieldTextPasswordProps;
+};
+export declare const useDefaultPlaceholder: <FieldName extends keyof FieldType>(fieldName: FieldName, props: BasicApFieldProps<{
+    placeholder?: FieldType[FieldName]['placeholder'];
+}>) => ComputedRef<FieldType[FieldName]["placeholder"] | undefined>;
+export {};

package/es/src/ap-field/hooks/use-default-placeholder.mjs

@@ -0,0 +1,25 @@
+import { computed as r } from "vue";
+import "../../config-provider/index.mjs";
+import { isDef as c } from "../../utils/index.mjs";
+import { useLocale as n } from "../../config-provider/hooks/use-locale.mjs";
+const s = ["Select", "Date"], i = [
+  "Text",
+  "TextArea",
+  "Number",
+  "TextPassword"
+], p = (o, t) => {
+  const { t: e } = n();
+  return r(() => {
+    if (c(t.placeholder))
+      return t.placeholder;
+    if (o === "DateRange")
+      return [e("ap.common.chooseText"), e("ap.common.chooseText")];
+    if (s.includes(o))
+      return e("ap.common.chooseText");
+    if (i.includes(o))
+      return e("ap.common.inputText");
+  });
+};
+export {
+  p as useDefaultPlaceholder
+};

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

@@ -108,6 +108,7 @@ export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'v
 export type ApFieldSelectSlots = {
     focus: () => void;
     blur: () => void;
+    request: (clear?: boolean) => Promise<void>;
 };
 export type ApFieldSliderProps = BasicApFieldProps<SliderProps> & {
     emptyText?: string;

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

@@ -1,14 +1,15 @@
-import { defineComponent as h, ref as C, computed as x, unref as o, openBlock as r, createElementBlock as n, Fragment as N, normalizeClass as d, renderSlot as s, createCommentVNode as m, createElementVNode as V, toDisplayString as $, createBlock as D, mergeProps as P, createSlots as R, renderList as A, withCtx as I, normalizeProps as U, guardReactiveProps as z } from "vue";
-import { InputNumber as E } from "ant-design-vue";
+import { defineComponent as C, ref as N, computed as x, unref as o, openBlock as r, createElementBlock as n, Fragment as D, normalizeClass as d, renderSlot as s, createCommentVNode as m, createElementVNode as P, toDisplayString as V, createBlock as $, mergeProps as R, createSlots as A, renderList as I, withCtx as U, normalizeProps as z, guardReactiveProps as E } from "vue";
+import { InputNumber as F } from "ant-design-vue";
 import "../../hooks/index.mjs";
-import { isNil as F, omit as M } from "lodash-unified";
-import { toDecimalMark as T } from "@fruits-chain/utils";
-import { addZeroToDecimalPlaces as _ } from "./helper.mjs";
+import { isNil as M, omit as T } from "lodash-unified";
+import { toDecimalMark as _ } from "@fruits-chain/utils";
+import { addZeroToDecimalPlaces as w } from "./helper.mjs";
 import "../../config-provider/index.mjs";
 import "./style.css";
-import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as L } from "../../hooks/useControllableValue.mjs";
-const Y = /* @__PURE__ */ h({
+import { useDefaultPlaceholder as L } from "../hooks/use-default-placeholder.mjs";
+import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
+const oe = /* @__PURE__ */ C({
   name: "ApFieldNumber",
   __name: "index",
   props: {
@@ -56,15 +57,15 @@ const Y = /* @__PURE__ */ h({
   },
   emits: ["update:value"],
   setup(f, { expose: c, emit: y }) {
-    const v = y, { b: i } = w("field-number"), t = f, l = C(), { value: u, updateValue: B } = L(
+    const v = y, { b: i } = Z("field-number"), t = f, l = N(), { value: u, updateValue: b } = j(
       t,
       v
-    ), b = x(() => {
+    ), B = L("Number", t), h = x(() => {
       let e = o(u);
-      if (F(e))
+      if (M(e))
         return t.emptyText;
-      let a = t.thousands ? T(e, t.precision) : String(e);
-      return t.precision && t.limitDecimalsRetain && (a = _(a, t.precision)), a;
+      let a = t.thousands ? _(e, t.precision) : String(e);
+      return t.precision && t.limitDecimalsRetain && (a = w(a, t.precision)), a;
     });
     function k() {
       var e;
@@ -74,35 +75,36 @@ const Y = /* @__PURE__ */ h({
       var e;
       (e = l.value) == null || e.blur();
     }
-    return c({ focus: k, blur: g }), (e, a) => e.mode === "read" ? (r(), n(N, { key: 0 }, [
+    return c({ focus: k, blur: g }), (e, a) => e.mode === "read" ? (r(), n(D, { key: 0 }, [
       e.$slots.prefix ? (r(), n("span", {
         key: 0,
         class: d(o(i)("label-left"))
       }, [
         s(e.$slots, "prefix")
       ], 2)) : m("", !0),
-      V("span", null, $(b.value), 1),
+      P("span", null, V(h.value), 1),
       e.$slots.addonAfter ? (r(), n("span", {
         key: 1,
         class: d(o(i)("label-right"))
       }, [
         s(e.$slots, "addonAfter")
       ], 2)) : m("", !0)
-    ], 64)) : (r(), D(o(E), P({ key: 1 }, o(M)(t, ["value", "onUpdate:value"]), {
+    ], 64)) : (r(), $(o(F), R({ key: 1 }, o(T)(t, ["value", "onUpdate:value"]), {
+      placeholder: o(B),
       value: o(u),
-      "onUpdate:value": o(B),
+      "onUpdate:value": o(b),
       ref_key: "inputRef",
       ref: l
-    }), R({ _: 2 }, [
-      A(e.$slots, (Z, p) => ({
+    }), A({ _: 2 }, [
+      I(e.$slots, (q, p) => ({
         name: p,
-        fn: I((S) => [
-          s(e.$slots, p, U(z(S || {})))
+        fn: U((S) => [
+          s(e.$slots, p, z(E(S || {})))
         ])
       }))
-    ]), 1040, ["value", "onUpdate:value"]));
+    ]), 1040, ["placeholder", "value", "onUpdate:value"]));
   }
 });
 export {
-  Y as default
+  oe as default
 };

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

@@ -15,6 +15,7 @@ type ApFieldSelectSlots = {
     optionLabel: any;
     default: any;
 };
+declare function requestIfNeeded(clear?: boolean): Promise<void>;
 declare function focus(): void;
 declare function blur(): void;
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldSelectProps>, {
@@ -38,6 +39,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
 }>, {
     focus: typeof focus;
     blur: typeof blur;
+    request: typeof requestIfNeeded;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldSelectProps>, {

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

@@ -1,10 +1,11 @@
-import { defineComponent as P, ref as c, onMounted as k, computed as p, unref as r, openBlock as m, createElementBlock as A, toDisplayString as M, createBlock as N, mergeProps as O, createSlots as T, renderList as q, withCtx as v, renderSlot as _, normalizeProps as R, guardReactiveProps as U, createVNode as D } from "vue";
-import { debounce as L, isFunction as h, isArray as z, isNil as K, omit as H } from "lodash-unified";
-import { Select as $, Spin as j } from "ant-design-vue";
+import { defineComponent as k, ref as c, onMounted as q, computed as m, unref as a, openBlock as v, createElementBlock as A, toDisplayString as M, createBlock as O, mergeProps as T, createSlots as _, renderList as R, withCtx as h, renderSlot as D, normalizeProps as U, guardReactiveProps as L, createVNode as z } from "vue";
+import { debounce as K, isFunction as y, isArray as H, isNil as $, omit as j } from "lodash-unified";
+import { Select as E, Spin as W } from "ant-design-vue";
 import "../../hooks/index.mjs";
-import { omitUndefined as E } from "../../utils/index.mjs";
-import { useControllableValue as W } from "../../hooks/useControllableValue.mjs";
-const G = { key: 0 }, oe = /* @__PURE__ */ P({
+import { omitUndefined as G } from "../../utils/index.mjs";
+import { useDefaultPlaceholder as J } from "../hooks/use-default-placeholder.mjs";
+import { useControllableValue as Q } from "../../hooks/useControllableValue.mjs";
+const X = { key: 0 }, ae = /* @__PURE__ */ k({
   name: "ApFieldSelect",
   __name: "index",
   props: {
@@ -90,61 +91,68 @@ const G = { key: 0 }, oe = /* @__PURE__ */ P({
     searchMode: { default: "filter" }
   },
   emits: ["update:value"],
-  setup(y, { expose: w, emit: g }) {
+  setup(w, { expose: S, emit: g }) {
     let i = 0;
-    const S = L((o) => {
-      if (!h(e.request))
+    const B = K((o) => {
+      if (!y(e.request))
         return;
       i += 1;
       const t = i;
-      u.value = [], a.value = !0, e.request(o).then((l) => {
-        i === t && (u.value = l);
+      r.value = [], u.value = !0, e.request(o).then((l) => {
+        i === t && (r.value = l);
       }).finally(() => {
-        a.value = !1;
+        u.value = !1;
       });
-    }, 300), e = y, B = (o, t) => {
+    }, 300), e = w, b = (o, t) => {
       var n;
       const l = ((n = e.fieldNames) == null ? void 0 : n.label) || "label";
       return typeof (t == null ? void 0 : t.label) == "string" && t[l].indexOf(o) > -1;
-    }, u = c((e == null ? void 0 : e.options) || []), d = c(), a = c((e == null ? void 0 : e.loading) || !1), b = g;
-    k(() => {
-      if (h(e.request)) {
-        a.value = !0, i += 1;
-        const o = i;
-        e.request().then((t) => {
-          o === i && (u.value = t);
-        }).finally(() => {
-          a.value = !1;
-        });
+    }, r = c((e == null ? void 0 : e.options) || []), d = c(), u = c((e == null ? void 0 : e.loading) || !1), C = g;
+    async function f(o = !0) {
+      if (!y(e.request))
+        return;
+      u.value = !0, i += 1;
+      const t = i;
+      try {
+        o && (r.value = []);
+        const l = await e.request();
+        if (t !== i)
+          return;
+        r.value = l;
+      } finally {
+        u.value = !1;
       }
+    }
+    q(() => {
+      f();
     });
-    const { value: f, updateValue: C } = W(e, b), x = p(() => {
-      const o = r(f);
+    const { value: p, updateValue: x } = Q(e, C), F = J("Select", e), I = m(() => {
+      const o = a(p);
       if (!o)
         return e.emptyText;
-      if (z(o))
+      if (H(o))
         return o.map(
           (l) => {
             var n;
-            return (n = r(u).find((s) => s.value === l)) == null ? void 0 : n.label;
+            return (n = a(r).find((s) => s.value === l)) == null ? void 0 : n.label;
           }
         ).filter(Boolean).join("、") || e.emptyText;
-      const t = r(u).find((l) => l.value === o);
+      const t = a(r).find((l) => l.value === o);
       return (t == null ? void 0 : t.label) || e.emptyText;
-    }), F = p(() => {
+    }), P = m(() => {
       const o = !!(e != null && e.showSearch), t = e.searchMode;
       let l = {};
       return o && (l = t === "request" ? {
         showArrow: !1,
         defaultActiveFirstOption: !1,
-        onSearch: S,
-        notFoundContent: a.value ? void 0 : null
+        onSearch: B,
+        notFoundContent: u.value ? void 0 : null
       } : {
         showArrow: !0,
-        filterOption: K(e == null ? void 0 : e.filterOption) ? B : e == null ? void 0 : e.filterOption
+        filterOption: $(e == null ? void 0 : e.filterOption) ? b : e == null ? void 0 : e.filterOption
       }), {
-        ...E(
-          H(e, [
+        ...G(
+          j(e, [
             "mode",
             "value",
             "onUpdate:value",
@@ -153,42 +161,44 @@ const G = { key: 0 }, oe = /* @__PURE__ */ P({
             "searchMode"
           ])
         ),
+        placeholder: a(F),
         ...l
       };
     });
-    function I() {
+    function V() {
       var o;
       (o = d.value) == null || o.focus();
     }
-    function V() {
+    function N() {
       var o;
       (o = d.value) == null || o.blur();
     }
-    return w({
-      focus: I,
-      blur: V
-    }), (o, t) => o.mode === "read" ? (m(), A("span", G, M(x.value), 1)) : (m(), N(r($), O({
+    return S({
+      focus: V,
+      blur: N,
+      request: f
+    }), (o, t) => o.mode === "read" ? (v(), A("span", X, M(I.value), 1)) : (v(), O(a(E), T({
       key: 1,
       "allow-clear": "",
       ref_key: "selectRef",
       ref: d
-    }, F.value, {
+    }, P.value, {
       mode: o.multiple ? "multiple" : void 0,
-      value: r(f),
-      "onUpdate:value": r(C),
-      options: u.value,
-      loading: a.value
-    }), T({ _: 2 }, [
-      q(o.$slots, (l, n) => ({
+      value: a(p),
+      "onUpdate:value": a(x),
+      options: r.value,
+      loading: u.value
+    }), _({ _: 2 }, [
+      R(o.$slots, (l, n) => ({
         name: n,
-        fn: v((s) => [
-          _(o.$slots, n, R(U(s || {})))
+        fn: h((s) => [
+          D(o.$slots, n, U(L(s || {})))
         ])
       })),
-      a.value ? {
+      u.value ? {
         name: "notFoundContent",
-        fn: v(() => [
-          D(r(j), { size: "small" })
+        fn: h(() => [
+          z(a(W), { size: "small" })
         ]),
         key: "0"
       } : void 0
@@ -196,5 +206,5 @@ const G = { key: 0 }, oe = /* @__PURE__ */ P({
   }
 });
 export {
-  oe as default
+  ae as default
 };