@aplus-frontend/ui 0.0.35 → 0.0.37

package/es/src/ap-descriptions/style/ap-descriptions.css

@@ -0,0 +1,57 @@
+/** 
+  TODO: 
+    1.admin和aplus样式提成变量？
+*/
+.aplus-ap-descriptions {
+  --ap-descriptions-item-padding-bottom: 24px;
+  --ap-descriptions-item-label-width: auto;
+}
+.aplus-ap-descriptions .ant-descriptions .ant-descriptions-view table {
+  table-layout: fixed;
+}
+.aplus-ap-descriptions .ant-descriptions td.ant-descriptions-item {
+  padding-bottom: var(--ap-descriptions-item-padding-bottom);
+}
+.aplus-ap-descriptions .ant-descriptions th.ant-descriptions-item {
+  padding-bottom: 8px;
+}
+.aplus-ap-descriptions .ant-descriptions .ant-descriptions-row:last-child .ant-descriptions-item {
+  padding-bottom: 0;
+}
+.aplus-ap-descriptions .ant-descriptions .ant-descriptions-item-label::after {
+  margin-inline: 4px 20px;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label {
+  justify-content: flex-end;
+  width: var(--ap-descriptions-item-label-width);
+  color: #999999;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  margin-left: 4px;
+  color: #34b77c;
+  font-size: 16px;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-content {
+  color: #333333;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-content .ap-descriptions-item-content__link {
+  color: #1890ff;
+  cursor: pointer;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label {
+  justify-content: flex-end;
+  width: var(--ap-descriptions-item-label-width);
+  color: #8896B0;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  margin-left: 4px;
+  color: #0070FF;
+  font-size: 16px;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-content {
+  color: #182948;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-content .ap-descriptions-item-content__link {
+  color: #0070FF;
+  cursor: pointer;
+}

package/es/src/ap-download/ap-download.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as _, computed as n, onMounted as y, openBlock as z, createElementBlock as I, normalizeStyle as O, normalizeClass as i, createElementVNode as a, renderSlot as v, toDisplayString as B } from "vue";
+import { defineComponent as y, computed as a, watch as _, openBlock as z, createElementBlock as I, normalizeStyle as O, normalizeClass as i, createElementVNode as n, renderSlot as v, toDisplayString as B } from "vue";
 import "../config-provider/index.mjs";
-import { useOssInit as M, useOss as N } from "./hooks/index.mjs";
+import { useOssInit as N, useOss as k } from "./hooks/index.mjs";
 import "./style/ap-download.css";
-import { useGlobalConfig as k } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as A } from "../config-provider/hooks/use-namespace.mjs";
-const F = { class: "icon" }, W = { class: "text" }, q = /* @__PURE__ */ _({
+import { useGlobalConfig as A } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as F } from "../config-provider/hooks/use-namespace.mjs";
+const M = { class: "icon" }, W = { class: "text" }, j = /* @__PURE__ */ y({
   name: "ApDownload",
   __name: "ap-download",
   props: {
@@ -16,41 +16,47 @@ const F = { class: "icon" }, W = { class: "text" }, q = /* @__PURE__ */ _({
     getOssAccess: {}
   },
   setup(l) {
-    const t = l, p = k("uiMode"), { b: o, bm: s } = A("download");
-    function c(e, r) {
+    const t = l, p = A("uiMode"), { b: r, bm: s } = F("download");
+    function c(e, o) {
       e.length === 4 && (e = `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);
-      const w = parseInt(e.slice(1, 3), 16), S = parseInt(e.slice(3, 5), 16), $ = parseInt(e.slice(5, 7), 16), b = Math.round(r * 255).toString(16).padStart(2, "0");
-      return `#${w.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${$.toString(16).padStart(2, "0")}${b}`;
+      const w = parseInt(e.slice(1, 3), 16), S = parseInt(e.slice(3, 5), 16), b = parseInt(e.slice(5, 7), 16), $ = Math.round(o * 255).toString(16).padStart(2, "0");
+      return `#${w.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}${$}`;
     }
-    const d = n(() => ({
+    const d = a(() => ({
       "--download-main-color": t.color,
       "--download-main-color-opacity": c(t.color, 0.6)
-    })), u = n(() => [o("wrapper"), s("wrapper", t.size)].filter(Boolean)), m = n(() => {
-      const e = [o("inner-wrapper"), s("inner-wrapper", t.size)];
+    })), u = a(() => [r("wrapper"), s("wrapper", t.size)].filter(Boolean)), m = a(() => {
+      const e = [r("inner-wrapper"), s("inner-wrapper", t.size)];
       return t.disabled && (p.value === "aplus" ? e.push(s("inner-wrapper", "disabled")) : e.push(s("inner-wrapper", "disabled-admin"))), e;
     });
-    y(() => {
-      t.disabled || M(t.getOssAccess);
-    });
-    const { client: f } = N(), g = () => {
+    _(
+      () => t.disabled,
+      () => {
+        t.disabled || N(t.getOssAccess);
+      },
+      {
+        flush: "sync"
+      }
+    );
+    const { client: f } = k(), g = () => {
       t.disabled || f.downloadFile(t.fileName);
     };
-    return (e, r) => (z(), I("span", {
+    return (e, o) => (z(), I("span", {
       style: O(d.value),
       class: i(u.value),
       onClick: g
     }, [
-      a("span", {
+      n("span", {
         class: i(m.value)
       }, [
-        a("span", F, [
+        n("span", M, [
           v(e.$slots, "icon")
         ]),
-        a("span", W, B(e.text), 1)
+        n("span", W, B(e.text), 1)
       ], 2)
     ], 6));
   }
 });
 export {
-  q as default
+  j as default
 };

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

@@ -105,15 +105,16 @@ export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'v
      */
     searchMode?: 'filter' | 'request';
 };
-export type ApFieldSelectSlots = {
+export type ApFieldSelectExpose = {
     focus: () => void;
     blur: () => void;
+    request: (clear?: boolean) => Promise<void>;
 };
 export type ApFieldSliderProps = BasicApFieldProps<SliderProps> & {
     emptyText?: string;
     defaultValue?: number | [number, number];
 };
-export type ApFieldSliderSlots = {
+export type ApFieldSliderExpose = {
     focus: () => void;
     blur: () => void;
 };
@@ -125,7 +126,7 @@ export type ApFieldSegmentedProps = BasicApFieldProps<SegmentedProps> & {
 export type ApFieldRateProps = BasicApFieldProps<RateProps> & {
     defaultValue?: number;
 };
-export type ApFieldRateSlots = {
+export type ApFieldRateExpose = {
     focus: () => void;
     blur: () => void;
 };

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>, {