@aplus-frontend/ui 6.26.1 → 6.26.3

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

@@ -1,16 +1,16 @@
-import { defineComponent as q, useSlots as J, ref as y, watch as C, unref as r, createBlock as Q, openBlock as X, withCtx as h, createVNode as b, mergeProps as Y, createSlots as Z, renderList as M, renderSlot as ee, normalizeProps as te, guardReactiveProps as ae } from "vue";
-import { Table as ne } from "@aplus-frontend/antdv";
-import { ApForm as x } from "../ap-form/index.mjs";
-import { isEqual as oe, isArray as v, isUndefined as le, isNumber as g, cloneDeep as ue, omit as R } from "lodash-unified";
+import { defineComponent as H, useSlots as W, ref as g, watch as v, unref as s, createBlock as $, openBlock as q, withCtx as p, createVNode as y, mergeProps as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as M } from "vue";
+import { Table as ee } from "@aplus-frontend/antdv";
+import { ApForm as m } from "../ap-form/index.mjs";
+import { isEqual as te, isArray as c, isUndefined as ae, isNumber as h, cloneDeep as ne, omit as w } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
-import { isDef as F } from "../utils/index.mjs";
-import { scrollToRowIndex as se } from "./utils.mjs";
-import re from "./hooks/use-get-columns.mjs";
-import { useNamespace as ie } from "../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as fe } from "../hooks/useControllableValue.mjs";
-import { useGlobalConfig as de } from "../config-provider/hooks/use-global-config.mjs";
-const Fe = /* @__PURE__ */ q({
+import { isDef as C } from "../utils/index.mjs";
+import { scrollToRowIndex as oe } from "./utils.mjs";
+import le from "./hooks/use-get-columns.mjs";
+import { useNamespace as se } from "../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as ue } from "../hooks/useControllableValue.mjs";
+import { useGlobalConfig as re } from "../config-provider/hooks/use-global-config.mjs";
+const Ce = /* @__PURE__ */ H({
   name: "EditableTable",
   __name: "index",
   props: {
@@ -44,6 +44,7 @@ const Fe = /* @__PURE__ */ q({
     },
     prefixCls: {},
     rowKey: {
+      type: [String, Function],
       default: "key"
     },
     tableLayout: {
@@ -109,149 +110,135 @@ const Fe = /* @__PURE__ */ q({
     onFieldChange: {}
   },
   emits: ["update:value"],
-  setup(B, {
-    expose: V,
-    emit: T
+  setup(b, {
+    expose: R,
+    emit: F
   }) {
-    const o = B, {
-      b: D
-    } = ie("editable-table"), L = J(), S = T, w = y(), {
-      value: m,
-      updateValue: _
-    } = fe(o, S), i = y(), E = de("valueTypeMap"), c = x.useWatch(o.name, i);
-    C(() => c.value, (e) => {
-      var t;
-      _(e), (t = o.onChange) == null || t.call(o, e);
+    const t = b, {
+      b: B
+    } = se("editable-table"), V = W(), T = F, x = g(), {
+      value: i,
+      updateValue: S
+    } = ue(t, T), u = g(), D = re("valueTypeMap"), d = m.useWatch(t.name, u);
+    v(() => d.value, (e) => {
+      S(e), t.onChange?.(e);
     }, {
       deep: !0,
       flush: "post"
-    }), C(m, (e) => {
-      var t;
-      e !== r(c) && (oe(e, r(c)) || (t = i.value) == null || t.setFieldValue(o.name, e));
+    }), v(i, (e) => {
+      e !== s(d) && (te(e, s(d)) || u.value?.setFieldValue(t.name, e));
     }, {
       deep: !0
     });
-    const N = re(o, E);
-    function k() {
-      var e;
-      (e = i.value) == null || e.resetFields();
+    const L = le(t, D);
+    function _() {
+      u.value?.resetFields();
     }
-    function A(e) {
-      return e ? (v(e) ? e : [e]).map((a) => v(a) ? [o.name, ...a] : [o.name, a]) : void 0;
+    function E(e) {
+      return e ? (c(e) ? e : [e]).map((n) => c(n) ? [t.name, ...n] : [t.name, n]) : void 0;
     }
-    async function z(e, t) {
-      var n;
-      const a = await ((n = i.value) == null ? void 0 : n.validateFields(A(e), t));
-      return a == null ? void 0 : a[o.name];
+    async function N(e, l) {
+      return (await u.value?.validateFields(E(e), l))?.[t.name];
     }
-    function I(e, t) {
-      var l, u, s;
-      const a = ((l = r(m)) == null ? void 0 : l.length) || 0;
-      if (F(o.maxLength) && a >= o.maxLength)
+    function k(e, l) {
+      const n = s(i)?.length || 0;
+      if (C(t.maxLength) && n >= t.maxLength)
         return;
-      const n = {
+      const a = {
         ...e || {}
       };
-      (s = (u = i.value) == null ? void 0 : u.setFieldValue) == null || s.call(u, o.name, n, !0, (f, d) => {
-        if (!f[d]) {
-          f[d] = [n];
+      u.value?.setFieldValue?.(t.name, a, !0, (o, r) => {
+        if (!o[r]) {
+          o[r] = [a];
           return;
         }
-        le(t) ? f[d].push(n) : f[d].splice(t, 0, n);
+        ae(l) ? o[r].push(a) : o[r].splice(l, 0, a);
       });
     }
-    function K(e, t = "suffix") {
-      var u, s, f;
-      const a = ((u = r(m)) == null ? void 0 : u.length) || 0, n = g(e) ? e : e.length;
-      if (F(o.maxLength) && a + n > o.maxLength)
+    function A(e, l = "suffix") {
+      const n = s(i)?.length || 0, a = h(e) ? e : e.length;
+      if (C(t.maxLength) && n + a > t.maxLength)
         return;
-      const l = g(e) ? new Array(e).fill(0).map(() => ({})) : ue(e);
-      (f = (s = i.value) == null ? void 0 : s.setFieldValue) == null || f.call(s, o.name, l, !0, (d, p) => {
-        if (!d[p]) {
-          d[p] = [...l];
+      const o = h(e) ? new Array(e).fill(0).map(() => ({})) : ne(e);
+      u.value?.setFieldValue?.(t.name, o, !0, (r, f) => {
+        if (!r[f]) {
+          r[f] = [...o];
           return;
         }
-        t === "suffix" ? d[p].push(...l) : d[p].unshift(...l);
+        l === "suffix" ? r[f].push(...o) : r[f].unshift(...o);
       });
     }
-    function P(e) {
-      var a, n;
-      const t = new Set(g(e) ? [e] : e);
-      (n = (a = i.value) == null ? void 0 : a.setFieldValue) == null || n.call(a, o.name, void 0, !0, (l, u) => {
-        l[u] = l[u].filter((s, f) => !t.has(f));
+    function z(e) {
+      const l = new Set(h(e) ? [e] : e);
+      u.value?.setFieldValue?.(t.name, void 0, !0, (n, a) => {
+        n[a] = n[a].filter((o, r) => !l.has(r));
       });
     }
-    function j(e) {
-      var a, n;
-      const t = new Set(v(e) ? e : [e]);
-      t.size !== 0 && ((n = (a = i.value) == null ? void 0 : a.setFieldValue) == null || n.call(a, o.name, void 0, !0, (l, u) => {
-        l[u] = l[u].filter((s) => !t.has(s[o.rowKey]));
-      }));
+    function I(e) {
+      const l = new Set(c(e) ? e : [e]);
+      l.size !== 0 && u.value?.setFieldValue?.(t.name, void 0, !0, (n, a) => {
+        n[a] = n[a].filter((o) => !l.has(o[t.rowKey]));
+      });
     }
-    function O() {
-      return r(m);
+    function K() {
+      return s(i);
     }
-    function U(e) {
-      var t;
-      (t = i.value) == null || t.setFieldValue(o.name, e);
+    function P(e) {
+      u.value?.setFieldValue(t.name, e);
     }
-    function G(e) {
-      var t;
-      return (t = r(m)) == null ? void 0 : t[e];
+    function j(e) {
+      return s(i)?.[e];
     }
-    function H(e, t, a = !0) {
-      var n, l;
-      (l = (n = i.value) == null ? void 0 : n.setFieldValue) == null || l.call(n, o.name, void 0, !0, (u, s) => {
-        !u[s] || !u[s][e] || (u[s][e] = {
-          ...a ? u[s][e] : {},
-          ...t
+    function O(e, l, n = !0) {
+      u.value?.setFieldValue?.(t.name, void 0, !0, (a, o) => {
+        !a[o] || !a[o][e] || (a[o][e] = {
+          ...n ? a[o][e] : {},
+          ...l
         });
       });
     }
-    function W(e, t) {
-      var n;
-      const a = e === "end" ? m.value.length - 1 : e;
-      se(a, (n = w.value) == null ? void 0 : n.$el, t);
+    function U(e, l) {
+      const n = e === "end" ? i.value.length - 1 : e;
+      oe(n, x.value?.$el, l);
     }
-    function $() {
-      var e, t;
-      (t = (e = i.value) == null ? void 0 : e.setFieldValue) == null || t.call(e, o.name, []);
+    function G() {
+      u.value?.setFieldValue?.(t.name, []);
     }
-    return V({
-      resetFields: k,
-      validateFields: z,
-      add: I,
-      remove: P,
-      getRowData: G,
-      getRowsData: O,
-      setRowData: H,
-      addMultiple: K,
-      scrollTo: W,
-      clear: $,
-      setTableData: U,
-      removeByKey: j
-    }), (e, t) => (X(), Q(r(x), {
+    return R({
+      resetFields: _,
+      validateFields: N,
+      add: k,
+      remove: z,
+      getRowData: j,
+      getRowsData: K,
+      setRowData: O,
+      addMultiple: A,
+      scrollTo: U,
+      clear: G,
+      setTableData: P,
+      removeByKey: I
+    }), (e, l) => (q(), $(s(m), {
       ref_key: "formRef",
-      ref: i,
+      ref: u,
       "initial-values": {
-        [o.name]: r(m)
+        [t.name]: s(i)
       }
     }, {
-      default: h(() => [b(r(x).FormItem, {
+      default: p(() => [y(s(m).FormItem, {
         name: e.name,
         "no-style": ""
       }, {
-        default: h(() => [b(r(ne), Y(r(R)(o, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
+        default: p(() => [y(s(ee), J(s(w)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
           ref_key: "tableRef",
-          ref: w,
-          class: r(D)(),
-          columns: r(N),
-          "data-source": r(m)
-        }), Z({
+          ref: x,
+          class: s(B)(),
+          columns: s(L),
+          "data-source": s(i)
+        }), Q({
           _: 2
-        }, [M(r(R)(L, ["headerCell"]), (a, n) => ({
-          name: n,
-          fn: h((l) => [ee(e.$slots, n, te(ae(l || {})))])
+        }, [X(s(w)(V, ["headerCell"]), (n, a) => ({
+          name: a,
+          fn: p((o) => [Y(e.$slots, a, Z(M(o || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -260,5 +247,5 @@ const Fe = /* @__PURE__ */ q({
   }
 });
 export {
-  Fe as default
+  Ce as default
 };

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

@@ -1,136 +1,129 @@
-import { isVNode as I, createVNode as s, mergeProps as S, createTextVNode as F, Fragment as q } from "vue";
-import { isFunction as T, isArray as h, isBoolean as w, omit as P, isString as V } from "lodash-unified";
-import { apTableFormItemMap as C, noRenderAsFormItemValueList as N, apTableRenderItemMap as j } from "../ap-table/constants.mjs";
-import { isDef as v } from "../utils/index.mjs";
-import { getValueStr as A } from "../ap-field/number/helper.mjs";
-import R from "scroll-into-view-if-needed";
-import { Typography as O, Tooltip as W } from "@aplus-frontend/antdv";
+import { isVNode as C, createVNode as i, mergeProps as R, createTextVNode as h, Fragment as I } from "vue";
+import { isFunction as c, isArray as T, isBoolean as S, omit as F, isString as x } from "lodash-unified";
+import { apTableFormItemMap as q, noRenderAsFormItemValueList as w, apTableRenderItemMap as P } from "../ap-table/constants.mjs";
+import { isDef as V } from "../utils/index.mjs";
+import { getValueStr as N } from "../ap-field/number/helper.mjs";
+import j from "scroll-into-view-if-needed";
+import { Typography as v, Tooltip as A } from "@aplus-frontend/antdv";
 import "../ap-form/index.mjs";
-import { objectToString as _, getTableRenderType as k } from "../ap-table/utils.mjs";
-import { QuestionCircleOutlined as D } from "@ant-design/icons-vue";
-import b from "../ap-form/item/index.vue.mjs";
-function g(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !I(t);
+import { objectToString as M, getTableRenderType as O } from "../ap-table/utils.mjs";
+import { QuestionCircleOutlined as W } from "@ant-design/icons-vue";
+import y from "../ap-form/item/index.vue.mjs";
+function m(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !C(e);
 }
-function E(t) {
-  return C[t];
+function _(e) {
+  return q[e];
 }
-function B(t) {
-  if (t.markRequired)
+function k(e) {
+  if (e.markRequired)
     return !0;
-  if (!t.fieldProps)
+  if (!e.fieldProps)
     return !1;
-  const e = T(t.fieldProps) ? t.fieldProps({}) : t.fieldProps;
-  return v(e.required) ? e.required : (h(e.rules) ? e.rules : e.rules ? [e.rules] : []).some((o) => o.required);
+  const t = c(e.fieldProps) ? e.fieldProps({}) : e.fieldProps;
+  return V(t.required) ? t.required : (T(t.rules) ? t.rules : t.rules ? [t.rules] : []).some((o) => o.required);
 }
-function L(t, e) {
-  if (t.valueType === "text" || t.valueType === "textArea")
-    return e || "--";
-  if (t.valueType === "number") {
-    const i = t.fieldProps ? T(t.fieldProps) ? t.fieldProps({}) : t.fieldProps : {};
-    return A(e, i) || "--";
+function D(e, t) {
+  if (e.valueType === "text" || e.valueType === "textArea")
+    return t || "--";
+  if (e.valueType === "number") {
+    const r = e.fieldProps ? c(e.fieldProps) ? e.fieldProps({}) : e.fieldProps : {};
+    return N(t, r) || "--";
   }
-  return _(e);
+  return M(t);
 }
-function M(t, e) {
-  const i = [t];
-  if (e) {
-    const o = h(e) ? e : [e];
-    i.unshift(...o);
+function $(e, t) {
+  const r = [e];
+  if (t) {
+    const o = T(t) ? t : [t];
+    r.unshift(...o);
   }
-  return i.join(" ");
+  return r.join(" ");
 }
-function tt(t, e = document.body, i = {}) {
-  const o = e.querySelectorAll("tr.ant-table-row")[t];
-  o && R(o, {
+function ee(e, t = document.body, r = {}) {
+  const o = t.querySelectorAll("tr.ant-table-row")[e];
+  o && j(o, {
     scrollMode: "if-needed",
     block: "nearest",
     behavior: "smooth",
-    ...i
+    ...r
   });
 }
-function Q(t, e, i) {
-  return N.includes(t.valueType) ? i : t.copyable || t.ellipsis ? s(O.Paragraph, {
-    copyable: t.copyable ? {
-      text: e,
+function E(e, t, r) {
+  return w.includes(e.valueType) ? r : e.copyable || e.ellipsis ? i(v.Paragraph, {
+    copyable: e.copyable ? {
+      text: t,
       tooltip: !1
     } : !1,
-    ellipsis: t.ellipsis ? w(t.ellipsis) ? {
-      tooltip: e
+    ellipsis: e.ellipsis ? S(e.ellipsis) ? {
+      tooltip: t
     } : {
-      ...t.ellipsis,
-      tooltip: e
+      ...e.ellipsis,
+      tooltip: t
     } : !1,
-    content: t.ellipsis ? L(t, e) : i
-  }, null) : i;
+    content: e.ellipsis ? D(e, t) : r
+  }, null) : r;
 }
-function et(t, e, i, o, u, r) {
-  var m, c;
-  if (e) {
-    if (t.customRenderFormItem) {
-      const d = t.customRenderFormItem(t, i.field, e, u);
-      return s(b, P(i, ["field"]), g(d) ? d : {
-        default: () => [d]
+function te(e, t, r, o, p, n) {
+  if (t) {
+    if (e.customRenderFormItem) {
+      const f = e.customRenderFormItem(e, r.field, t, p);
+      return i(y, F(r, ["field"]), m(f) ? f : {
+        default: () => [f]
       });
     }
-    const l = E(t.valueType);
-    if (l)
-      return s(l, i, null);
-    const n = r == null ? void 0 : r[t.valueType], p = (m = n == null ? void 0 : n.renderFormItem) == null ? void 0 : m.call(n, i.field);
-    return p ? s(b, i, g(p) ? p : {
-      default: () => [p]
+    const a = _(e.valueType);
+    if (a)
+      return i(a, r, null);
+    const l = n?.[e.valueType]?.renderFormItem?.(r.field);
+    return l ? i(y, r, m(l) ? l : {
+      default: () => [l]
     }) : null;
   }
-  let f;
-  const y = k(t), a = j[y];
-  if (a)
-    f = s(a, S(i.field, {
-      mode: "read"
-    }), null);
-  else {
-    const l = r == null ? void 0 : r[y];
-    f = (c = l == null ? void 0 : l.render) == null ? void 0 : c.call(l, o, u, i.field);
-  }
-  return f ? Q(t, o, f) : null;
+  let s;
+  const u = O(e), d = P[u];
+  return d ? s = i(d, R(r.field, {
+    mode: "read"
+  }), null) : s = n?.[u]?.render?.(o, p, r.field), s ? E(e, o, s) : null;
 }
-function it(t, e, i, o, u) {
-  const r = o == null ? void 0 : o({
-    title: t.title,
-    column: t
-  }), f = (r == null ? void 0 : r.filter((d) => d.type !== Symbol.for("v-cmt"))) || [];
-  if (r && f.length > 0)
-    return r;
-  const a = B(t), c = V(t.title) ? {
-    class: e,
-    title: t.title
-  } : {}, l = s("div", c, [a ? s("span", {
-    class: i
-  }, [F("*")]) : null, t.title]), n = t.tooltip ? T(t.tooltip) ? t.tooltip(t) : s(q, null, [t.tooltip]) : null;
-  return n ? s("span", {
+function re(e, t, r, o, p) {
+  const n = o?.({
+    title: e.title,
+    column: e
+  }), s = n?.filter((b) => b.type !== Symbol.for("v-cmt")) || [];
+  if (n && s.length > 0)
+    return n;
+  const d = k(e), g = x(e.title) ? {
+    class: t,
+    title: e.title
+  } : {}, l = i("div", g, [d ? i("span", {
+    class: r
+  }, [h("*")]) : null, e.title]), f = e.tooltip ? c(e.tooltip) ? e.tooltip(e) : i(I, null, [e.tooltip]) : null;
+  return f ? i("span", {
     style: {
       display: "inline-flex",
       alignItems: "center",
       maxWidth: "100%"
     }
-  }, [l, s(W, {
-    title: n,
+  }, [l, i(A, {
+    title: f,
     placement: "bottom"
   }, {
-    default: () => [s(D, {
+    default: () => [i(W, {
       style: {
         padding: "4px",
-        color: u,
+        color: p,
         verticalAlign: "middle"
       }
     }, null)]
   })]) : l;
 }
 export {
-  B as getColumnIsRequired,
-  E as getEditableComponent,
-  it as getEditableTableTitle,
-  et as getFinalNode,
-  L as getRawDisplayValue,
-  M as mergeClass,
-  tt as scrollToRowIndex
+  k as getColumnIsRequired,
+  _ as getEditableComponent,
+  re as getEditableTableTitle,
+  te as getFinalNode,
+  D as getRawDisplayValue,
+  $ as mergeClass,
+  ee as scrollToRowIndex
 };

package/es/src/hooks/useControllableValue.mjs

@@ -1,31 +1,31 @@
-import { ref as V, nextTick as n, watch as N } from "vue";
-import { isUndefined as d } from "lodash-unified";
-function g(a, t, e) {
-  const f = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", l = (e == null ? void 0 : e.valuePropName) || "value", u = V(m());
-  async function v(r) {
-    e != null && e.beforeUpdateValue && (c(), !await e.beforeUpdateValue(r)) || (a[l] === void 0 && (u.value = r), t(`update:${l}`, r));
+import { ref as v, nextTick as c, watch as m } from "vue";
+import { isUndefined as n } from "lodash-unified";
+function P(e, f, u) {
+  const r = u?.defaultValuePropName || "defaultValue", t = u?.valuePropName || "value", a = v(o());
+  async function i(l) {
+    u?.beforeUpdateValue && (d(), !await u.beforeUpdateValue(l)) || (e[t] === void 0 && (a.value = l), f(`update:${t}`, l));
   }
-  function c() {
-    u.value === void 0 && (u.value = "", n(() => {
-      u.value = void 0;
+  function d() {
+    a.value === void 0 && (a.value = "", c(() => {
+      a.value = void 0;
     }));
   }
-  function m() {
-    return d(a[l]) ? d(a[f]) ? e == null ? void 0 : e.defaultValue : a[f] : a[l];
+  function o() {
+    return n(e[t]) ? n(e[r]) ? u?.defaultValue : e[r] : e[t];
   }
-  return N(
-    () => a[l],
-    (r) => {
-      u.value = r;
+  return m(
+    () => e[t],
+    (l) => {
+      a.value = l;
     },
     {
       deep: !0
     }
   ), {
-    value: u,
-    updateValue: v
+    value: a,
+    updateValue: i
   };
 }
 export {
-  g as useControllableValue
+  P as useControllableValue
 };

package/es/src/hooks/useResize.mjs

@@ -1,23 +1,23 @@
-import { isClient as s } from "@vueuse/core";
-import { isFunction as a } from "lodash-unified";
-const i = /* @__PURE__ */ new WeakMap();
-let n;
-s && (n = new ResizeObserver((e) => {
-  e.forEach((t) => {
-    const o = i.get(t.target);
-    a(o) && o(t);
+import { isClient as t } from "@vueuse/core";
+import { isFunction as i } from "lodash-unified";
+const s = /* @__PURE__ */ new WeakMap();
+let r;
+t && (r = new ResizeObserver((e) => {
+  e.forEach((o) => {
+    const n = s.get(o.target);
+    i(n) && n(o);
   });
 }));
-function f(e, t) {
-  i.set(e, t), n == null || n.observe(e);
+function a(e, o) {
+  s.set(e, o), r?.observe(e);
 }
-function r(e) {
-  i.has(e) && i.delete(e), n == null || n.unobserve(e);
+function f(e) {
+  s.has(e) && s.delete(e), r?.unobserve(e);
 }
-const p = () => ({
-  observe: f,
-  unobserve: r
+const u = () => ({
+  observe: a,
+  unobserve: f
 });
 export {
-  p as useResize
+  u as useResize
 };