@aplus-frontend/ui 0.5.19 → 0.5.21

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

@@ -1,4 +1,4 @@
-import { InputProps, CheckboxGroupProps, DatePickerProps, InputNumberProps, RadioGroupProps, SwitchProps, TextAreaProps, SelectProps, PopconfirmProps, SliderProps, SegmentedProps, RateProps } from '@aplus-frontend/antdv';
+import { InputProps, CheckboxGroupProps, DatePickerProps, InputNumberProps, RadioGroupProps, SwitchProps, TextAreaProps, SelectProps, PopconfirmProps, SliderProps, SegmentedProps, RateProps, TreeSelectProps } from '@aplus-frontend/antdv';
 import { InputFocusOptions } from '@aplus-frontend/antdv/es/vc-input/utils/commonUtils';
 import { ApFormatPresetType } from './date/interface';
 import { RangeValue } from '@aplus-frontend/antdv/es/vc-picker/interface';
@@ -6,6 +6,7 @@ import { RangePickerProps } from '@aplus-frontend/antdv/es/date-picker/dayjs';
 import { LiteralUnion, Recordable } from '../type';
 import { InputPasswordProps } from './text/input-password-props';
 import { ZoneAlias } from '@aplus-frontend/utils';
+import { LegacyDataNode } from '@aplus-frontend/antdv/es/vc-tree-select/interface';
 export type FieldMode = 'read' | 'edit';
 export type BasicApFieldProps<FieldPropsType = any> = {
     mode?: FieldMode;
@@ -14,6 +15,12 @@ export type BasicApFieldProps<FieldPropsType = any> = {
 } & FieldPropsType;
 export type ApFieldTextProps = BasicApFieldProps<InputProps> & {
     emptyText?: string;
+    /**
+     * 输入生效前的事件，受控输入拦截
+     * @param nextVal
+     * @returns
+     */
+    beforeInput?: (nextVal: string) => string;
 };
 export type ApFieldTextPasswordProps = BasicApFieldProps<InputPasswordProps> & {
     emptyText?: string;
@@ -151,11 +158,42 @@ export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'v
      */
     searchDelay?: number;
 };
+export type ApFieldTreeSelectProps = BasicApFieldProps<Omit<TreeSelectProps, 'loadData'>> & {
+    emptyText?: string;
+    /**
+     * 用于请求treeNode
+     * @param currentNode 异步加载时表示当前节点，非异步请求时为undefined
+     * @param extraParams 额外的响应式参数
+     * @returns
+     */
+    request?: (currentNode?: LegacyDataNode, extraParams?: Recordable) => Promise<TreeSelectProps['treeData']>;
+    /**
+     * 是否跳过首次加载数据
+     */
+    lazy?: boolean;
+    /**
+     * 发起request额外的请求，变更后会自动重新发器请求
+     */
+    params?: Recordable;
+    /**
+     * 是否懒加载子树
+     */
+    loadData?: boolean;
+};
 export type ApFieldSelectExpose = {
     focus: () => void;
     blur: () => void;
     request: (clear?: boolean) => Promise<void>;
 };
+export type ApFieldTreeSelectExpose = Omit<ApFieldSelectExpose, 'request'> & {
+    /**
+     * 手动请求treeData
+     * @param currentNode 当前树节点（用于请求子树，如果不需要请求子树传入undefined）
+     * @param clear 请求数据前是否清空treeData
+     * @returns
+     */
+    request: (currentNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
+};
 export type ApFieldSliderProps = BasicApFieldProps<SliderProps> & {
     emptyText?: string;
     defaultValue?: number | [number, number];

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

@@ -1,13 +1,13 @@
-import { isVNode as v, defineComponent as B, ref as h, useSlots as b, computed as g, createVNode as d, mergeProps as C, unref as u, createBlock as S, openBlock as _, resolveDynamicComponent as R } from "vue";
-import { Input as w } from "@aplus-frontend/antdv";
+import { isVNode as g, defineComponent as I, ref as C, useSlots as S, computed as _, createVNode as s, mergeProps as R, unref as p, createBlock as V, openBlock as w, resolveDynamicComponent as T } from "vue";
+import { Input as j } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { omit as T } from "lodash-unified";
-import { useDefaultPlaceholder as V } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
-function I(l) {
-  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !v(l);
+import { omit as U } from "lodash-unified";
+import { useDefaultPlaceholder as z } from "../hooks/use-default-placeholder.mjs";
+import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
+function M(a) {
+  return typeof a == "function" || Object.prototype.toString.call(a) === "[object Object]" && !g(a);
 }
-const E = /* @__PURE__ */ B({
+const G = /* @__PURE__ */ I({
   name: "ApFieldText",
   __name: "index",
   props: {
@@ -88,54 +88,60 @@ const E = /* @__PURE__ */ B({
     },
     emptyText: {
       default: "--"
-    }
+    },
+    beforeInput: {}
   },
   emits: ["update:value"],
-  setup(l, {
-    expose: i,
-    emit: c
+  setup(a, {
+    expose: m,
+    emit: y
   }) {
-    const a = h(), o = b();
-    i({
+    const u = C(), t = S();
+    m({
       focus: (e) => {
-        var t;
-        (t = a.value) == null || t.focus(e);
+        var n;
+        (n = u.value) == null || n.focus(e);
       },
       blur: () => {
         var e;
-        (e = a.value) == null || e.blur();
+        (e = u.value) == null || e.blur();
       },
-      setSelectionRange: (e, t, x) => {
-        var p;
-        (p = a.value) == null || p.setSelectionRange(e, t, x);
+      setSelectionRange: (e, n, r) => {
+        var l;
+        (l = u.value) == null || l.setSelectionRange(e, n, r);
       },
       select: () => {
         var e;
-        (e = a.value) == null || e.select();
+        (e = u.value) == null || e.select();
       },
-      input: g(() => {
+      input: _(() => {
         var e;
-        return (e = a.value) == null ? void 0 : e.input;
+        return (e = u.value) == null ? void 0 : e.input;
       })
     });
-    const f = c, n = l, {
-      value: r,
-      updateValue: s
-    } = j(n, f), m = V("Text", n);
-    function y() {
-      var e, t;
-      return n.mode === "edit" ? d(w, C(T(n, ["mode", "emptyText", "value", "onUpdate:value"]), {
-        placeholder: u(m),
-        value: u(r),
-        "onUpdate:value": s,
-        ref: a
-      }), I(o) ? o : {
-        default: () => [o]
-      }) : d("span", null, [n.prefix || ((e = o == null ? void 0 : o.prefix) == null ? void 0 : e.call(o)), u(r) || n.emptyText, n.suffix || ((t = o == null ? void 0 : o.suffix) == null ? void 0 : t.call(o))]);
+    const x = y, o = a, {
+      value: i,
+      updateValue: v
+    } = F(o, x), B = z("Text", o);
+    function b(e) {
+      var c, d, f;
+      const n = e.target.value || "", r = o.beforeInput ? (c = o.beforeInput) == null ? void 0 : c.call(o, n) : n, l = (f = (d = u.value) == null ? void 0 : d.$el) == null ? void 0 : f.querySelector("input");
+      l && (l.value = r), v(r);
+    }
+    function h() {
+      var e, n;
+      return o.mode === "edit" ? s(j, R(U(o, ["mode", "emptyText", "value", "onUpdate:value"]), {
+        placeholder: p(B),
+        value: p(i),
+        onInput: b,
+        ref: u
+      }), M(t) ? t : {
+        default: () => [t]
+      }) : s("span", null, [o.prefix || ((e = t == null ? void 0 : t.prefix) == null ? void 0 : e.call(t)), p(i) || o.emptyText, o.suffix || ((n = t == null ? void 0 : t.suffix) == null ? void 0 : n.call(t))]);
     }
-    return (e, t) => (_(), S(R(y())));
+    return (e, n) => (w(), V(T(h())));
   }
 });
 export {
-  E as default
+  G as default
 };