@aplus-frontend/ui 0.0.38 → 0.0.40

package/es/src/editable-table/index.vue.mjs

@@ -1,17 +1,17 @@
-import { defineComponent as T, useSlots as K, ref as M, watch as q, unref as a, openBlock as w, createBlock as G, withCtx as c, createVNode as y, mergeProps as H, createSlots as U, createElementBlock as W, Fragment as $, createElementVNode as v, normalizeClass as J, toDisplayString as Q, createCommentVNode as X, renderList as Y, renderSlot as Z, normalizeProps as ee, guardReactiveProps as te } from "vue";
-import { Table as ae } from "ant-design-vue";
+import { defineComponent as q, useSlots as G, ref as y, watch as H, unref as o, openBlock as b, createBlock as U, withCtx as c, createVNode as v, mergeProps as W, createSlots as $, createElementBlock as J, Fragment as Q, createElementVNode as R, normalizeClass as X, toDisplayString as Y, createCommentVNode as Z, renderList as ee, renderSlot as te, normalizeProps as ae, guardReactiveProps as ne } from "vue";
+import { Table as oe } from "ant-design-vue";
 import { ApForm as f } from "../ap-form/index.mjs";
-import { isNumber as p, cloneDeep as h, omit as ne } from "lodash-unified";
+import { isNumber as p, cloneDeep as h, omit as le } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import { isDef as x } from "../utils/index.mjs";
-import { getColumnIsRequired as oe } from "./utils.mjs";
-import le from "./hooks/use-get-columns.mjs";
+import { scrollToRowIndex as re, getColumnIsRequired as se } from "./utils.mjs";
+import ue from "./hooks/use-get-columns.mjs";
 import "./style/index.css";
-import { useNamespace as re } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as se } from "../config-provider/hooks/use-global-config.mjs";
-import { useControllableValue as ue } from "../hooks/useControllableValue.mjs";
-const be = /* @__PURE__ */ T({
+import { useNamespace as de } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ie } from "../config-provider/hooks/use-global-config.mjs";
+import { useControllableValue as me } from "../hooks/useControllableValue.mjs";
+const Fe = /* @__PURE__ */ q({
   name: "EditableTable",
   __name: "index",
   props: {
@@ -110,108 +110,116 @@ const be = /* @__PURE__ */ T({
     onFieldChange: {}
   },
   emits: ["update:value"],
-  setup(b, {
-    expose: R,
-    emit: B
+  setup(B, {
+    expose: F,
+    emit: D
   }) {
-    const l = b, {
+    const l = B, {
       b: g,
-      em: F
-    } = re("editable-table"), D = se("uiMode", "aplus"), _ = K(), E = B, {
+      em: _
+    } = de("editable-table"), k = ie("uiMode", "aplus"), E = G(), L = D, C = y(), {
       value: s,
-      updateValue: L
-    } = ue(l, E), u = M(), k = f.useWatch(l.name, u);
-    q(() => k.value, (e) => {
-      var n;
-      L(e), (n = l.onChange) == null || n.call(l, e);
+      updateValue: N
+    } = me(l, L), u = y(), S = f.useWatch(l.name, u);
+    H(() => S.value, (e) => {
+      var a;
+      N(e), (a = l.onChange) == null || a.call(l, e);
     });
-    const N = le(l);
-    function S() {
+    const V = ue(l);
+    function T() {
       var e;
       (e = u.value) == null || e.resetFields();
     }
-    async function V(e, n) {
+    async function z(e, a) {
       var t;
-      const o = await ((t = u.value) == null ? void 0 : t.validateFields(e, n));
-      return o == null ? void 0 : o[l.name];
+      const n = await ((t = u.value) == null ? void 0 : t.validateFields(e, a));
+      return n == null ? void 0 : n[l.name];
     }
-    function z(e, n) {
+    function I(e, a) {
       var r, d, i;
-      const o = ((r = a(s)) == null ? void 0 : r.length) || 0;
-      if (x(l.maxLength) && o >= l.maxLength)
+      const n = ((r = o(s)) == null ? void 0 : r.length) || 0;
+      if (x(l.maxLength) && n >= l.maxLength)
         return;
-      const t = [...a(s) || []];
-      x(n) ? t.splice(n, 0, {
+      const t = [...o(s) || []];
+      x(a) ? t.splice(a, 0, {
         ...e || {}
       }) : t.push({
         ...e || {}
       }), (i = (d = u.value) == null ? void 0 : d.setFieldValue) == null || i.call(d, l.name, t);
     }
-    function P(e, n = "suffix") {
-      var i, m, C;
-      const o = ((i = a(s)) == null ? void 0 : i.length) || 0, t = p(e) ? e : e.length;
-      if (x(l.maxLength) && o + t > l.maxLength)
+    function P(e, a = "suffix") {
+      var i, m, w;
+      const n = ((i = o(s)) == null ? void 0 : i.length) || 0, t = p(e) ? e : e.length;
+      if (x(l.maxLength) && n + t > l.maxLength)
         return;
-      const r = [...a(s) || []], d = p(e) ? new Array(e).fill({}) : h(e);
-      n === "suffix" ? r.push(...d) : r.unshift(...d), (C = (m = u.value) == null ? void 0 : m.setFieldValue) == null || C.call(m, l.name, r);
+      const r = [...o(s) || []], d = p(e) ? new Array(e).fill({}) : h(e);
+      a === "suffix" ? r.push(...d) : r.unshift(...d), (w = (m = u.value) == null ? void 0 : m.setFieldValue) == null || w.call(m, l.name, r);
     }
     function j(e) {
       var t, r;
-      let n = h(a(s) || []);
-      const o = p(e) ? [e] : e;
-      n = n.filter((d, i) => !o.includes(i)), (r = (t = u.value) == null ? void 0 : t.setFieldValue) == null || r.call(t, l.name, n);
+      let a = h(o(s) || []);
+      const n = p(e) ? [e] : e;
+      a = a.filter((d, i) => !n.includes(i)), (r = (t = u.value) == null ? void 0 : t.setFieldValue) == null || r.call(t, l.name, a);
     }
     function A() {
-      return a(s);
+      return o(s);
     }
-    function I(e) {
-      var n;
-      return (n = a(s)) == null ? void 0 : n[e];
+    function O(e) {
+      var a;
+      return (a = o(s)) == null ? void 0 : a[e];
     }
-    function O(e, n) {
+    function K(e, a) {
       var t, r;
-      const o = h(a(s));
-      o[e] && (o[e] = {
-        ...o[e],
-        ...n
-      }, (r = (t = u.value) == null ? void 0 : t.setFieldValue) == null || r.call(t, l.name, [...o]));
+      const n = h(o(s));
+      n[e] && (n[e] = {
+        ...n[e],
+        ...a
+      }, (r = (t = u.value) == null ? void 0 : t.setFieldValue) == null || r.call(t, l.name, [...n]));
     }
-    return R({
-      resetFields: S,
-      validateFields: V,
-      add: z,
+    function M(e, a) {
+      var t;
+      const n = e === "end" ? s.value.length - 1 : e;
+      re(n, (t = C.value) == null ? void 0 : t.$el, a);
+    }
+    return F({
+      resetFields: T,
+      validateFields: z,
+      add: I,
       remove: j,
-      getRowData: I,
+      getRowData: O,
       getRowsData: A,
-      setRowData: O,
-      addMultiple: P
-    }), (e, n) => (w(), G(a(f), {
+      setRowData: K,
+      addMultiple: P,
+      scrollTo: M
+    }), (e, a) => (b(), U(o(f), {
       "initial-values": {
-        [l.name]: a(s)
+        [l.name]: o(s)
       },
       ref_key: "formRef",
       ref: u
     }, {
-      default: c(() => [y(a(f).FormItem, {
+      default: c(() => [v(o(f).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: c(() => [y(a(ae), H(a(ne)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
-          class: [a(g)(), a(D) === "admin" ? a(g)("admin") : null],
-          columns: a(N),
-          "data-source": a(s)
-        }), U({
+        default: c(() => [v(o(oe), W(o(le)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
+          class: [o(g)(), o(k) === "admin" ? o(g)("admin") : null],
+          columns: o(V),
+          "data-source": o(s),
+          ref_key: "tableRef",
+          ref: C
+        }), $({
           headerCell: c(({
-            column: o
-          }) => [a(oe)(o) ? (w(), W($, {
+            column: n
+          }) => [o(se)(n) ? (b(), J(Q, {
             key: 0
-          }, [v("span", {
-            class: J(a(F)("header-cell", "required"))
-          }, "*", 2), v("span", null, Q(o.title), 1)], 64)) : X("", !0)]),
+          }, [R("span", {
+            class: X(o(_)("header-cell", "required"))
+          }, "*", 2), R("span", null, Y(n.title), 1)], 64)) : Z("", !0)]),
           _: 2
-        }, [Y(_, (o, t) => ({
+        }, [ee(E, (n, t) => ({
           name: t,
-          fn: c((r) => [Z(e.$slots, t, ee(te(r || {})))])
+          fn: c((r) => [te(e.$slots, t, ae(ne(r || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -220,5 +228,5 @@ const be = /* @__PURE__ */ T({
   }
 });
 export {
-  be as default
+  Fe as default
 };

package/es/src/editable-table/interface.d.ts

@@ -5,6 +5,7 @@ import { DataIndex } from 'ant-design-vue/es/vc-table/interface';
 import { FormItemProps } from 'ant-design-vue';
 import { VNode } from 'vue';
 import { EllipsisConfig } from 'ant-design-vue/es/typography/Base';
+import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
 
 export type EditableColumnType<RecordType = any, ValueType extends ApTableValueTypes = ApTableValueTypes> = ValueType extends ApTableValueTypes ? Omit<ColumnType<RecordType>, 'children' | 'customRender' | 'ellipsis'> & {
     children?: EditableColumnType<RecordType, ValueType>;
@@ -158,6 +159,13 @@ export type EditableTableExpose<ModelType = any, RecordType = any> = {
      * @returns
      */
     setRowData: (index: number, data: Partial<RecordType>) => void;
+    /**
+     * 滚动到表格的某行
+     * @param index
+     * @param options
+     * @returns
+     */
+    scrollTo: (index: number | 'end', options?: StandardBehaviorOptions) => void;
 };
 /**
  * 可编辑表格作为表单项暴露的实例

package/es/src/editable-table/utils.d.ts

@@ -1,4 +1,5 @@
 import { EditableColumnType } from './interface';
+import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
 
 /**
  * 获取编辑模式下默认映射的组件
@@ -20,3 +21,10 @@ export declare function getColumnIsRequired(column: EditableColumnType<any, 'tex
  */
 export declare function getRawDisplayValue(column: EditableColumnType, value: any): any;
 export declare function mergeClass(current: string, classNames?: string | string[]): string;
+/**
+ * 滚动到表格的某行
+ * @param index
+ * @param container
+ * @param options
+ */
+export declare function scrollToRowIndex(index: number, container?: HTMLElement, options?: StandardBehaviorOptions): void;

package/es/src/editable-table/utils.mjs

@@ -1,39 +1,50 @@
-import { isFunction as o, isArray as n } from "lodash-unified";
+import { isFunction as i, isArray as n } from "lodash-unified";
 import { apTableFormItemMap as s } from "../ap-table/constants.mjs";
 import { isDef as f } from "../utils/index.mjs";
-import { getValueStr as u } from "../ap-field/number/helper.mjs";
-function P(r) {
+import { getValueStr as l } from "../ap-field/number/helper.mjs";
+import d from "scroll-into-view-if-needed";
+function m(r) {
   const e = s[r];
   return e || console.warn(
     `${r} can not render because of no default renderer, use customRender instead.`
   ), e;
 }
-function g(r) {
+function b(r) {
   if (!r.fieldProps)
     return !1;
-  const e = o(r.fieldProps) ? r.fieldProps({}) : r.fieldProps;
-  return f(e.required) ? e.required : (n(e.rules) ? e.rules : e.rules ? [e.rules] : []).some((i) => i.required);
+  const e = i(r.fieldProps) ? r.fieldProps({}) : r.fieldProps;
+  return f(e.required) ? e.required : (n(e.rules) ? e.rules : e.rules ? [e.rules] : []).some((t) => t.required);
 }
-function m(r, e) {
+function g(r, e) {
   if (r.valueType === "text" || r.valueType === "textArea")
     return e || "--";
   if (r.valueType === "number") {
-    const t = r.fieldProps ? o(r.fieldProps) ? r.fieldProps({}) : r.fieldProps : {};
-    return u(e, t) || "--";
+    const o = r.fieldProps ? i(r.fieldProps) ? r.fieldProps({}) : r.fieldProps : {};
+    return l(e, o) || "--";
   }
   return e;
 }
-function C(r, e) {
-  const t = [r];
+function w(r, e) {
+  const o = [r];
   if (e) {
-    const i = n(e) ? e : [e];
-    t.unshift(...i);
+    const t = n(e) ? e : [e];
+    o.unshift(...t);
   }
-  return t.join(" ");
+  return o.join(" ");
+}
+function y(r, e = document.body, o = {}) {
+  const t = e.querySelectorAll("tr.ant-table-row")[r];
+  console.log(t), t && d(t, {
+    scrollMode: "if-needed",
+    block: "nearest",
+    behavior: "smooth",
+    ...o
+  });
 }
 export {
-  g as getColumnIsRequired,
-  P as getEditableComponent,
-  m as getRawDisplayValue,
-  C as mergeClass
+  b as getColumnIsRequired,
+  m as getEditableComponent,
+  g as getRawDisplayValue,
+  w as mergeClass,
+  y as scrollToRowIndex
 };