@aplus-frontend/ui 7.13.12 → 7.14.0

package/es/index.mjs

@@ -126,34 +126,35 @@ import { default as ap } from "./src/business/ap-descriptions/ap-descriptions.vu
 import { ApFilePreview as mp } from "./src/business/ap-file-preview/index.mjs";
 import { useTablePaging as xp } from "./src/ap-table/hooks/use-table-paging.mjs";
 import { ApTable as sp } from "./src/ap-table/index.mjs";
-import { default as Ap } from "./src/editable-table/index.vue.mjs";
-import { default as np } from "./src/editable-table/form-item.vue.mjs";
-import { ensureRangeValue as Fp } from "./src/scroll-bar/utils/index.mjs";
-import { default as Ip } from "./src/scroll-bar/index.vue.mjs";
-import { default as Tp } from "./src/scroll-bar/internal.vue.mjs";
-import { default as Cp } from "./src/scroll-view/index.vue.mjs";
-import { default as Dp } from "./src/portal/index.vue.mjs";
-import { default as Pp } from "./src/full-screen/index.vue.mjs";
-import { default as Lp } from "./src/resize-observer/index.vue.mjs";
-import { ROW_SELECTION_FIELD as vp } from "./src/ap-grid/constants.mjs";
-import { toTreeArray as Mp } from "./src/ap-grid/utils/to-tree-array.mjs";
-import { default as yp } from "./src/ap-grid/index.vue.mjs";
-import { default as kp } from "./src/ap-grid/editable/index.vue.mjs";
-import { default as Up } from "./src/ap-grid/editable/form-item.vue.mjs";
-import { default as Vp } from "./src/text/index.vue.mjs";
-import { default as _p } from "./src/text/group.vue.mjs";
-import { default as $p } from "./src/mask/index.vue.mjs";
-import { Splitter as Wp } from "./src/splitter/index.mjs";
-import { default as Jp } from "./src/ag-grid/index.vue.mjs";
-import { default as Xp } from "./src/ag-grid/editable/index.vue.mjs";
-import { default as Zp } from "./src/ag-grid/editable/form-item.vue.mjs";
-import { ApSkeleton as oa } from "./src/skeleton/index.mjs";
-import { useMessage as ta } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as aa } from "./src/hooks/useControllableValue.mjs";
-import { useManualRef as ma } from "./src/hooks/useManualRef.mjs";
-import { useThrottleRef as xa } from "./src/hooks/useThrottleRef.mjs";
-import { useFullScreen as sa } from "./src/hooks/useFullScreen.mjs";
-import { useResize as Aa } from "./src/hooks/useResize.mjs";
+import { default as Ap } from "./src/ap-table/components/setting/modal/index.vue.mjs";
+import { default as np } from "./src/editable-table/index.vue.mjs";
+import { default as Fp } from "./src/editable-table/form-item.vue.mjs";
+import { ensureRangeValue as Ip } from "./src/scroll-bar/utils/index.mjs";
+import { default as Tp } from "./src/scroll-bar/index.vue.mjs";
+import { default as Cp } from "./src/scroll-bar/internal.vue.mjs";
+import { default as Dp } from "./src/scroll-view/index.vue.mjs";
+import { default as Pp } from "./src/portal/index.vue.mjs";
+import { default as Lp } from "./src/full-screen/index.vue.mjs";
+import { default as vp } from "./src/resize-observer/index.vue.mjs";
+import { ROW_SELECTION_FIELD as Mp } from "./src/ap-grid/constants.mjs";
+import { toTreeArray as yp } from "./src/ap-grid/utils/to-tree-array.mjs";
+import { default as kp } from "./src/ap-grid/index.vue.mjs";
+import { default as Up } from "./src/ap-grid/editable/index.vue.mjs";
+import { default as Vp } from "./src/ap-grid/editable/form-item.vue.mjs";
+import { default as _p } from "./src/text/index.vue.mjs";
+import { default as $p } from "./src/text/group.vue.mjs";
+import { default as Wp } from "./src/mask/index.vue.mjs";
+import { Splitter as Jp } from "./src/splitter/index.mjs";
+import { default as Xp } from "./src/ag-grid/index.vue.mjs";
+import { default as Zp } from "./src/ag-grid/editable/index.vue.mjs";
+import { default as oa } from "./src/ag-grid/editable/form-item.vue.mjs";
+import { ApSkeleton as ta } from "./src/skeleton/index.mjs";
+import { useMessage as aa } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as ma } from "./src/hooks/useControllableValue.mjs";
+import { useManualRef as xa } from "./src/hooks/useManualRef.mjs";
+import { useThrottleRef as sa } from "./src/hooks/useThrottleRef.mjs";
+import { useFullScreen as Aa } from "./src/hooks/useFullScreen.mjs";
+import { useResize as na } from "./src/hooks/useResize.mjs";
 const a = console.log;
 a(`UI version: ${p}`);
 const l = {
@@ -166,7 +167,7 @@ const l = {
 };
 export {
   y as APConfigProvider,
-  Jp as AgGrid,
+  Xp as AgGrid,
   No as ApActionButton,
   So as ApActionGroup,
   uo as ApActionItem,
@@ -233,7 +234,7 @@ export {
   Pe as ApFormProvider,
   Ae as ApFormSearchForm,
   Ie as ApFormSet,
-  yp as ApGrid,
+  kp as ApGrid,
   Dr as ApImage,
   Pr as ApInputRadio,
   Pt as ApKeepAlive,
@@ -250,17 +251,18 @@ export {
   Br as ApSelectLayout,
   _t as ApSelectedItems,
   ut as ApSizeInput,
-  oa as ApSkeleton,
+  ta as ApSkeleton,
   Uo as ApStatisticCard,
   Kr as ApStatus,
   Ur as ApStatusGroup,
   et as ApSummary,
   sp as ApTable,
   Zo as ApTableModal,
+  Ap as ApTableSetting,
   $t as ApTag,
   Wt as ApTagGroup,
-  Vp as ApText,
-  _p as ApTextGroup,
+  _p as ApText,
+  $p as ApTextGroup,
   Vr as ApTitle,
   Xo as ApTransformDataHelper,
   Xt as ApUpload,
@@ -273,26 +275,26 @@ export {
   N as ConfigProvider,
   A as DEFAULT_NAMESPACE,
   i as DEFAULT_UIMODE,
-  Xp as EditableAgGrid,
-  Zp as EditableAgGridFormItem,
-  kp as EditableGrid,
-  Up as EditableGridFormItem,
-  Ap as EditableTable,
-  np as EditableTableFormItem,
-  Pp as FullScreen,
+  Zp as EditableAgGrid,
+  oa as EditableAgGridFormItem,
+  Up as EditableGrid,
+  Vp as EditableGridFormItem,
+  np as EditableTable,
+  Fp as EditableTableFormItem,
+  Lp as FullScreen,
   Jo as Highlight,
-  Tp as InternalScrollBar,
+  Cp as InternalScrollBar,
   Vo as LoadingBar,
   Lt as LruCacher,
-  $p as Mask,
+  Wp as Mask,
   Jt as NeedNameKeyDefault,
-  Dp as Portal,
-  vp as ROW_SELECTION_FIELD,
+  Pp as Portal,
+  Mp as ROW_SELECTION_FIELD,
   _o as Render,
-  Lp as ResizeObserver,
-  Ip as ScrollBar,
-  Cp as ScrollView,
-  Wp as Splitter,
+  vp as ResizeObserver,
+  Tp as ScrollBar,
+  Dp as ScrollView,
+  Jp as Splitter,
   $o as TimeAgo,
   lo as adminToken,
   xo as aplusToken,
@@ -304,7 +306,7 @@ export {
   Cr as convertExportField,
   l as default,
   P as defaultNamespace,
-  Fp as ensureRangeValue,
+  Ip as ensureRangeValue,
   Qr as flattenColumns,
   Dt as forceStopTags,
   Xr as formatDataIndex,
@@ -318,26 +320,26 @@ export {
   Nr as locales,
   E as namespaceContextKey,
   g as provideGlobalConfig,
-  Mp as toTreeArray,
+  yp as toTreeArray,
   G as translate,
   Ut as useAgGridModal,
   Vt as useAgGridSelectModal,
   vt as useApKeepAliveInject,
-  aa as useControllableValue,
-  sa as useFullScreen,
+  ma as useControllableValue,
+  Aa as useFullScreen,
   L as useGetDerivedNamespace,
   I as useGlobalConfig,
   D as useLocale,
-  ma as useManualRef,
-  ta as useMessage,
+  xa as useManualRef,
+  aa as useMessage,
   R as useNamespace,
   Wr as usePageListAgGrid,
   $r as usePageListApGrid,
   _r as usePageListApTable,
-  Aa as useResize,
+  na as useResize,
   or as useTableModal,
   xp as useTablePaging,
   tr as useTableSelectModal,
-  xa as useThrottleRef,
+  sa as useThrottleRef,
   Wo as useTimeAgo
 };

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

@@ -132,8 +132,8 @@ const $ = /* @__PURE__ */ C({
       select: b,
       input: w(() => t.value?.input)
     }), (o, u) => (T(), V(r(M), {
-      renderer: I
-    }));
+      node: I()
+    }, null, 8, ["node"]));
   }
 });
 export {

package/es/src/ap-field/text/password.vue.mjs

@@ -112,13 +112,13 @@ const J = /* @__PURE__ */ h({
     expose: c,
     emit: f
   }) {
-    const r = f, o = t, u = g(), i = w(), {
+    const s = f, o = t, u = g(), i = w(), {
       value: m,
       updateValue: v
-    } = p(o, r), y = R("TextPassword", o), {
+    } = p(o, s), y = R("TextPassword", o), {
       value: b,
-      updateValue: s
-    } = p(o, r, {
+      updateValue: r
+    } = p(o, s, {
       valuePropName: "visible"
     });
     function B() {
@@ -129,7 +129,7 @@ const J = /* @__PURE__ */ h({
           value: n,
           "onUpdate:value": v,
           visible: l,
-          "onUpdate:visible": s,
+          "onUpdate:visible": r,
           ref: i
         }), k(u) ? u : {
           default: () => [u]
@@ -140,7 +140,7 @@ const J = /* @__PURE__ */ h({
           style: {
             cursor: "pointer"
           },
-          onClick: () => s(!l)
+          onClick: () => r(!l)
         }, [l ? e(_, null, null) : e(S, null, null)])]
       })), d;
     }
@@ -152,8 +152,8 @@ const J = /* @__PURE__ */ h({
         i.value?.blur();
       }
     }), (n, l) => (V(), U(a(j), {
-      renderer: B
-    }));
+      node: B()
+    }, null, 8, ["node"]));
   }
 });
 export {

package/es/src/ap-form/ap-form.vue.d.ts

@@ -13,6 +13,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {
         formRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{

package/es/src/ap-form/ap-form.vue2.mjs

@@ -1,18 +1,20 @@
-import { defineComponent as Y, reactive as Z, shallowRef as z, ref as ee, unref as g, nextTick as te, toRaw as U, watch as re, onWatcherCleanup as oe, computed as ne, createBlock as ie, openBlock as le, mergeProps as ae, withCtx as se, renderSlot as ue } from "vue";
-import { Form as fe } from "@aplus-frontend/antdv";
-import { useUrlSearchParams as ce } from "@vueuse/core";
-import { isArray as P, cloneDeep as b, isEqual as de, omit as ge } from "lodash-unified";
-import { useDevWarning as pe } from "../utils/warning.mjs";
-import { getRouteType as me } from "../utils/index.mjs";
-import { INTERNAL_FORM_INSTANCE_MARK as E } from "./constant.mjs";
-import { useProvideForm as he } from "./context.mjs";
-import { useInjectFormProvider as Fe } from "./provider/context.mjs";
-import { getModelValue as x } from "./utils/get.mjs";
-import { genParams as R, setToParams as O } from "./utils/params.mjs";
-import ye from "./utils/set.mjs";
-import { transformValues as h } from "./utils/transform.mjs";
-import { isDef as F } from "../utils/is.mjs";
-const Ee = /* @__PURE__ */ Y({
+import { defineComponent as re, reactive as oe, shallowRef as ne, ref as ie, unref as f, nextTick as le, toRaw as U, watch as ae, onWatcherCleanup as se, isVNode as ue, cloneVNode as ce, computed as fe, createBlock as b, openBlock as k, mergeProps as de, withCtx as E, renderSlot as N } from "vue";
+import { Form as pe } from "@aplus-frontend/antdv";
+import { useUrlSearchParams as ge } from "@vueuse/core";
+import { isArray as R, cloneDeep as O, isEqual as me, omit as Fe } from "lodash-unified";
+import "../render/index.mjs";
+import { useDevWarning as he } from "../utils/warning.mjs";
+import { getRouteType as ye } from "../utils/index.mjs";
+import { INTERNAL_FORM_INSTANCE_MARK as W } from "./constant.mjs";
+import { useProvideForm as Ve } from "./context.mjs";
+import { useInjectFormProvider as Te } from "./provider/context.mjs";
+import { getModelValue as j } from "./utils/get.mjs";
+import { genParams as P, setToParams as S } from "./utils/params.mjs";
+import ve from "./utils/set.mjs";
+import { transformValues as F } from "./utils/transform.mjs";
+import { isDef as h } from "../utils/is.mjs";
+import Ie from "../render/render.mjs";
+const Se = /* @__PURE__ */ re({
   name: "ApForm",
   __name: "ap-form",
   props: {
@@ -42,204 +44,218 @@ const Ee = /* @__PURE__ */ Y({
     initialValues: {},
     onValuesChange: {},
     syncToUrl: { type: [Boolean, Function], default: !1 },
-    syncToUrlPriority: { type: Boolean }
+    syncToUrlPriority: { type: Boolean },
+    autoFocusFirstInput: { type: Boolean }
   },
-  setup(W, { expose: j }) {
-    const r = W;
+  setup(q, { expose: x }) {
+    const r = q;
     function y(e, t, o = !0, i) {
-      if (P(e)) {
+      if (R(e)) {
         let l = n;
-        for (let d = 0; d < e.length - 1; d++)
-          e[d] in l || (l[e[d]] = {}), l = l[e[d]];
+        for (let p = 0; p < e.length - 1; p++)
+          e[p] in l || (l[e[p]] = {}), l = l[e[p]];
         i ? i(l, e[e.length - 1]) : l[e[e.length - 1]] = t;
       } else
         i ? i(n, e) : n[e] = t;
-      let A = P(e) ? e[0] : e;
+      let A = R(e) ? e[0] : e;
       if (o) {
         const l = { [A]: n[A] };
-        p.triggerFormChange(r.name, l), r.onValuesChange?.(l, n, e);
+        g.triggerFormChange(r.name, l), r.onValuesChange?.(l, n, e);
       }
       m();
     }
-    const a = z(), T = ce(me()), p = Fe(), k = pe("ApForm"), V = ee(
-      r.syncToUrl ? R(r.syncToUrl, T, "get") : {}
+    const a = ne(), V = ge(ye()), g = Te(), D = he("ApForm"), T = ie(
+      r.syncToUrl ? P(r.syncToUrl, V, "get") : {}
     );
-    let s = b(M()), u = {};
-    const n = Z(M());
-    let c = [];
-    function M() {
+    let s = O(B()), u = {};
+    const n = oe(B());
+    let d = [];
+    function B() {
       const e = r.initialValues || {};
       return r.syncToUrlPriority ? {
         ...e,
-        ...g(V)
+        ...f(T)
       } : {
-        ...g(V),
+        ...f(T),
         ...e
       };
     }
-    function N(e) {
-      const t = h(
+    function $(e) {
+      const t = F(
         e,
         u,
-        f
+        c
       );
-      p.triggerFormFinish(r.name, e), r.syncToUrl && O(T, R(r.syncToUrl, t, "set")), r.onFinish?.(t);
+      g.triggerFormFinish(r.name, e), r.syncToUrl && S(V, P(r.syncToUrl, t, "set")), r.onFinish?.(t);
     }
-    const S = async () => {
-      a.value?.resetFields(), await te(() => {
-        Object.keys(n).forEach((e) => delete n[e]), Object.assign(n, b(s)), m(), r.syncToUrl && O(
-          T,
-          R(
+    const K = async () => {
+      a.value?.resetFields(), await le(() => {
+        Object.keys(n).forEach((e) => delete n[e]), Object.assign(n, O(s)), m(), r.syncToUrl && S(
+          V,
+          P(
             r.syncToUrl,
-            h(
+            F(
               s,
               u,
-              f
+              c
             ),
             "set"
           )
         );
       });
-    }, q = (e) => {
+    }, L = (e) => {
       a.value?.clearValidate(e);
-    }, D = (e, t) => a.value?.validateFields(e, t), K = async (e, t) => {
+    }, G = (e, t) => a.value?.validateFields(e, t), H = async (e, t) => {
       const o = await a.value?.validateFields(
         e,
         t
       );
-      return h(
+      return F(
         o,
         u,
-        f
+        c
       );
-    }, f = (e) => e === !0 ? U(n) : a.value?.getFieldsValue(e), L = (e) => {
-      const t = f(e);
-      return h(t, u, f);
-    }, $ = (e, t) => a.value?.validate(e, t), G = (e, t = {}) => {
+    }, c = (e) => e === !0 ? U(n) : a.value?.getFieldsValue(e), J = (e) => {
+      const t = c(e);
+      return F(t, u, c);
+    }, Q = (e, t) => a.value?.validate(e, t), X = (e, t = {}) => {
       a.value?.scrollToField(e, t);
-    }, H = (e) => {
+    }, Y = (e) => {
       Object.assign(n, e), m();
     }, v = (e, t, o = !0, i) => {
       y(e, t, o, i), m();
     };
-    function C(e) {
-      return e(U(n)), c.push(e), () => {
-        c = c.filter((t) => t !== e);
+    function I(e) {
+      return e(U(n)), d.push(e), () => {
+        d = d.filter((t) => t !== e);
       };
     }
-    function I(e, t) {
-      if (P(e)) {
+    function C(e, t) {
+      if (R(e)) {
         let o = s;
         for (let i = 0; i < e.length - 1; i++)
-          F(o[e[i]]) || (o[e[i]] = {}), o = o[e[i]];
+          h(o[e[i]]) || (o[e[i]] = {}), o = o[e[i]];
         o[e[e.length - 1]] = t;
       } else
         s[e] = t;
     }
-    function J(e, t) {
-      if (!F(e) || !F(t))
+    function Z(e, t) {
+      if (!h(e) || !h(t))
         return;
-      const o = x(s, t);
-      if (de(o, e))
+      const o = j(s, t);
+      if (me(o, e))
         return;
-      const i = x(g(V), t);
-      F(i) && r.syncToUrlPriority || (y(t, e, !1), I(t, e));
+      const i = j(f(T), t);
+      h(i) && r.syncToUrlPriority || (y(t, e, !1), C(t, e));
     }
-    function Q(e, t) {
-      t && (u = ye(
+    function z(e, t) {
+      t && (u = ve(
         u,
         [e].flat(1),
         t,
         !0
       ));
     }
-    function B({ initialValue: e, name: t, transform: o }) {
-      J(e, t), Q(t, o);
+    function M({ initialValue: e, name: t, transform: o }) {
+      Z(e, t), z(t, o);
     }
-    function _() {
+    function w() {
       return s;
     }
-    function X(e) {
-      if (k(
-        e === E,
+    function ee(e) {
+      if (D(
+        e === W,
         "usage",
         "getInternalInstance should only used at internal"
-      ), e === E)
+      ), e === W)
         return {
-          registerField: B,
-          registerWatch: C,
+          registerField: M,
+          registerWatch: I,
           setFieldValue: v,
-          getInitialValues: _,
-          updateInitialModel: I
+          getInitialValues: w,
+          updateInitialModel: C
         };
     }
     function m() {
-      if (c.length) {
+      if (d.length) {
         const e = U(n);
-        c.forEach((t) => {
+        d.forEach((t) => {
           t(e);
         });
       }
     }
-    const w = {
-      resetFields: S,
-      clearValidate: q,
-      validateFields: D,
-      getFieldsValue: f,
-      validate: $,
-      scrollToField: G,
-      setFieldsValue: H,
+    const _ = {
+      resetFields: K,
+      clearValidate: L,
+      validateFields: G,
+      getFieldsValue: c,
+      validate: Q,
+      scrollToField: X,
+      setFieldsValue: Y,
       setFieldValue: v,
-      registerWatch: C,
-      validateFieldsReturnTransformed: K,
-      getFieldsValueTransformed: L,
-      getInternalInstance: X
+      registerWatch: I,
+      validateFieldsReturnTransformed: H,
+      getFieldsValueTransformed: J,
+      getInternalInstance: ee
     };
-    return re(
+    ae(
       () => r.name,
       (e) => {
-        e && (p.registerForm(e, w), oe(() => {
-          p.unregisterForm(r.name);
+        e && (g.registerForm(e, _), se(() => {
+          g.unregisterForm(r.name);
         }));
       },
       {
         immediate: !0
       }
-    ), he({
-      model: ne(() => n),
+    );
+    function te(e) {
+      return e.map((t, o) => o === 0 && ue(t) && r.autoFocusFirstInput ? ce(t, { autoFocus: r.autoFocusFirstInput }) : t);
+    }
+    return Ve({
+      model: fe(() => n),
       updateModel: y,
       internalInstance: {
-        registerWatch: C,
-        registerField: B,
+        registerWatch: I,
+        registerField: M,
         setFieldValue: v,
-        getInitialValues: _,
-        updateInitialModel: I
+        getInitialValues: w,
+        updateInitialModel: C
       }
-    }), j(w), (e, t) => (le(), ie(g(fe), ae(
+    }), x(_), (e, t) => (k(), b(f(pe), de(
       {
         ref_key: "formRef",
         ref: a
       },
-      g(ge)(r, [
+      f(Fe)(r, [
         "initialValues",
         "onValuesChange",
         "onFinish",
         "syncToUrl",
-        "syncToUrlPriority"
+        "syncToUrlPriority",
+        "autoFocusFirstInput"
       ]),
       {
         model: n,
         "data-form-name": e.name,
-        onFinish: N
+        onFinish: $
       }
     ), {
-      default: se(() => [
-        ue(e.$slots, "default")
+      default: E(() => [
+        e.autoFocusFirstInput ? (k(), b(f(Ie), {
+          key: 1,
+          renderer: te
+        }, {
+          default: E(() => [
+            N(e.$slots, "default")
+          ]),
+          _: 3
+        })) : N(e.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["model", "data-form-name"]));
   }
 });
 export {
-  Ee as default
+  Se as default
 };

package/es/src/ap-form/drawer-form/index.vue.d.ts

@@ -120,6 +120,7 @@ declare function __VLS_template(): {
                 readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
                 readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
                 readonly syncToUrlPriority?: boolean | undefined;
+                readonly autoFocusFirstInput?: boolean | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -845,6 +846,7 @@ declare function __VLS_template(): {
         }> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
+                default?(_: {}): any;
             };
         }) | null;
     };
@@ -1088,6 +1090,7 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
             readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
             readonly syncToUrlPriority?: boolean | undefined;
+            readonly autoFocusFirstInput?: boolean | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -1813,6 +1816,7 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
+            default?(_: {}): any;
         };
     }) | null;
 }, any>;