@aplus-frontend/ui 0.1.23 → 0.1.25

package/es/src/business/index.mjs

@@ -1,8 +1,9 @@
 import { withInstall as o } from "@aplus-frontend/utils";
+import "./hooks/index.mjs";
 import "./title/ApTitle.vue.mjs";
-import "./expandAlert/ApExpandAlert.vue.mjs";
+import "./ap-expand-alert/ApExpandAlert.vue.mjs";
 import t from "./ap-label/ApLabel.mjs";
-import p from "./ap-label/ApLabelGroup.mjs";
+import m from "./ap-label/ApLabelGroup.mjs";
 import "./ap-status/ApStatus.vue.mjs";
 import "./ap-status/ApStatusGroup.vue.mjs";
 import "./ap-select-layout/select-layout.vue.mjs";
@@ -11,33 +12,38 @@ import "./ap-input-radio/ApInputRadio.vue.mjs";
 import "./ap-batch-action/ApBatchAction.vue.mjs";
 import "./ap-batch-action-group/ApBatchActionGroup.vue.mjs";
 import "./ap-image/ApImage.vue.mjs";
-import { ApTransformDataHelper as X } from "../utils/ap-trans-data/index.mjs";
+import "./ap-ladder/ApLadder.vue.mjs";
+import p from "./ap-attachment/ApAttachment.mjs";
+import { ApTransformDataHelper as io } from "../utils/ap-trans-data/index.mjs";
 import "./ap-batch-action-group/interface.mjs";
-import { default as Z } from "./ap-table-modal/index.mjs";
+import { default as no } from "./ap-table-modal/index.mjs";
 import r from "./title/ApTitle.vue2.mjs";
-import m from "./expandAlert/ApExpandAlert.vue2.mjs";
-import i from "./ap-status/ApStatus.vue2.mjs";
-import a from "./ap-status/ApStatusGroup.vue2.mjs";
-import n from "./ap-select-layout/select-layout.vue2.mjs";
-import c from "./ap-export-group/ApExportGroup.vue2.mjs";
-import f from "./ap-input-radio/ApInputRadio.vue2.mjs";
-import s from "./ap-batch-action/ApBatchAction.vue2.mjs";
-import _ from "./ap-batch-action-group/ApBatchActionGroup.vue2.mjs";
-import A from "./ap-image/ApImage.vue2.mjs";
-const q = o(r), v = m, z = o(t), C = o(i), F = o(a), J = o(n), K = o(c), N = f, O = s, P = p, Q = _, U = A;
+import i from "./ap-expand-alert/ApExpandAlert.vue2.mjs";
+import a from "./ap-status/ApStatus.vue2.mjs";
+import n from "./ap-status/ApStatusGroup.vue2.mjs";
+import c from "./ap-select-layout/select-layout.vue2.mjs";
+import f from "./ap-export-group/ApExportGroup.vue2.mjs";
+import s from "./ap-input-radio/ApInputRadio.vue2.mjs";
+import _ from "./ap-batch-action/ApBatchAction.vue2.mjs";
+import A from "./ap-batch-action-group/ApBatchActionGroup.vue2.mjs";
+import e from "./ap-image/ApImage.vue2.mjs";
+import l from "./ap-ladder/ApLadder.vue2.mjs";
+const K = o(r), N = i, O = o(t), P = o(a), Q = o(n), U = o(c), V = o(f), W = s, X = _, Y = m, Z = A, oo = e, to = o(l), mo = p;
 export {
-  O as ApBatchAction,
-  Q as ApBatchActionGroup,
-  v as ApExpandAlert,
-  K as ApExportGroup,
-  U as ApImage,
-  N as ApInputRadio,
-  z as ApLabel,
-  P as ApLabelGroup,
-  J as ApSelectLayout,
-  C as ApStatus,
-  F as ApStatusGroup,
-  Z as ApTableModal,
-  q as ApTitle,
-  X as ApTransformDataHelper
+  mo as ApAttachment,
+  X as ApBatchAction,
+  Z as ApBatchActionGroup,
+  N as ApExpandAlert,
+  V as ApExportGroup,
+  oo as ApImage,
+  W as ApInputRadio,
+  O as ApLabel,
+  Y as ApLabelGroup,
+  to as ApLadder,
+  U as ApSelectLayout,
+  P as ApStatus,
+  Q as ApStatusGroup,
+  no as ApTableModal,
+  K as ApTitle,
+  io as ApTransformDataHelper
 };

package/es/src/components.d.ts

@@ -37,6 +37,7 @@ declare module '@vue/runtime-core' {
     ProTableForm: typeof components.ProTableForm;
     ProTableFormInner: typeof components.ProTableFormInner;
     ApTitle: typeof components.ApTitle;
+    ApLadder: typeof components.ApLadder;
   }
 }
 

package/es/src/editable-table/form-item.vue.mjs

@@ -1,18 +1,18 @@
-import { defineComponent as q, ref as y, unref as t, useSlots as G, watch as H, openBlock as m, createBlock as C, mergeProps as b, withCtx as d, createVNode as w, createSlots as I, createElementBlock as M, normalizeClass as W, createCommentVNode as R, createElementVNode as $, toDisplayString as Q, normalizeStyle as U, renderList as J, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
-import { Table as ee, Tooltip as oe } from "ant-design-vue";
-import { ApForm as B } from "../ap-form/index.mjs";
-import { isNumber as i, cloneDeep as f, omit as te } from "lodash-unified";
+import { defineComponent as M, ref as x, unref as a, useSlots as q, watch as G, openBlock as m, createBlock as y, mergeProps as C, withCtx as d, createVNode as b, createSlots as H, createElementBlock as I, normalizeClass as W, createCommentVNode as w, createElementVNode as $, toDisplayString as Q, normalizeStyle as U, renderList as J, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { Table as ee, Tooltip as te } from "ant-design-vue";
+import { ApForm as R } from "../ap-form/index.mjs";
+import { isArray as oe, isNumber as i, cloneDeep as f, omit as ae } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { useInjectForm as ae } from "../ap-form/context.mjs";
+import { useInjectForm as le } from "../ap-form/context.mjs";
 import "./style/index.css";
-import { isDef as p } from "../utils/index.mjs";
-import le from "./hooks/use-get-columns.mjs";
-import { scrollToRowIndex as ne, getColumnIsRequired as re } from "./utils.mjs";
-import { QuestionCircleOutlined as se } from "@ant-design/icons-vue";
-import { useToken as ue } from "ant-design-vue/es/theme/internal";
-import { useNamespace as de } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as me } from "../config-provider/hooks/use-global-config.mjs";
-const ve = /* @__PURE__ */ q({
+import { isDef as c } from "../utils/index.mjs";
+import ne from "./hooks/use-get-columns.mjs";
+import { scrollToRowIndex as re, getColumnIsRequired as se } from "./utils.mjs";
+import { QuestionCircleOutlined as ue } from "@ant-design/icons-vue";
+import { useToken as de } from "ant-design-vue/es/theme/internal";
+import { useNamespace as me } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ie } from "../config-provider/hooks/use-global-config.mjs";
+const Le = /* @__PURE__ */ M({
   name: "EditableTableInner",
   __name: "form-item",
   props: {
@@ -112,114 +112,117 @@ const ve = /* @__PURE__ */ q({
       default: () => ({})
     }
   },
-  setup(k, {
-    expose: v
+  setup(B, {
+    expose: k
   }) {
-    var h;
-    const l = k, {
-      internalInstance: n,
-      model: D
-    } = ae(), s = y(((h = t(D)) == null ? void 0 : h[l.name]) || []), L = G(), T = B.useWatch(l.name);
-    H(() => T.value, (e) => {
-      var o;
-      s.value = e, (o = l.onChange) == null || o.call(l, e);
+    const l = B;
+    function D(e, t) {
+      return oe(t) ? t.reduce((o, n) => o == null ? void 0 : o[n], e) : e == null ? void 0 : e[t];
+    }
+    const {
+      internalInstance: r,
+      model: L
+    } = le(), s = x(D(a(L), l.name) || []), T = q(), E = R.useWatch(l.name);
+    G(() => E.value, (e) => {
+      var t;
+      s.value = e, (t = l.onChange) == null || t.call(l, e);
     }, {
       deep: !0
     });
     const {
-      b: E,
-      em: F
-    } = de("editable-table"), c = y(), N = me("valueTypeMap"), [, S] = ue(), _ = le(l, N);
-    function V(e, o) {
+      b: F,
+      em: N
+    } = me("editable-table"), p = x(), S = ie("valueTypeMap"), [, V] = de(), _ = ne(l, S);
+    function v(e, t) {
       var u;
-      const a = ((u = t(s)) == null ? void 0 : u.length) || 0;
-      if (p(l.maxLength) && a >= l.maxLength)
+      const o = ((u = a(s)) == null ? void 0 : u.length) || 0;
+      if (c(l.maxLength) && o >= l.maxLength)
         return;
-      const r = [...t(s) || []];
-      p(o) ? r.splice(o, 0, {
+      const n = [...a(s) || []];
+      c(t) ? n.splice(t, 0, {
         ...e || {}
-      }) : r.push({
+      }) : n.push({
         ...e || {}
-      }), n == null || n.setFieldValue(l.name, r);
+      }), r == null || r.setFieldValue(l.name, n);
     }
-    function z(e, o = "suffix") {
+    function z(e, t = "suffix") {
       var g;
-      const a = ((g = t(s)) == null ? void 0 : g.length) || 0, r = i(e) ? e : e.length;
-      if (p(l.maxLength) && a + r > l.maxLength)
+      const o = ((g = a(s)) == null ? void 0 : g.length) || 0, n = i(e) ? e : e.length;
+      if (c(l.maxLength) && o + n > l.maxLength)
         return;
-      const u = [...t(s) || []], x = i(e) ? new Array(e).fill({}) : f(e);
-      o === "suffix" ? u.push(...x) : u.unshift(...x), n == null || n.setFieldValue(l.name, u);
+      const u = [...a(s) || []], h = i(e) ? new Array(e).fill({}) : f(e);
+      t === "suffix" ? u.push(...h) : u.unshift(...h), r == null || r.setFieldValue(l.name, u);
     }
     function P(e) {
-      let o = f(t(s) || []);
-      const a = i(e) ? [e] : e;
-      o = o.filter((r, u) => !a.includes(u)), n == null || n.setFieldValue(l.name, o);
+      let t = f(a(s) || []);
+      const o = i(e) ? [e] : e;
+      t = t.filter((n, u) => !o.includes(u)), r == null || r.setFieldValue(l.name, t);
     }
     function j() {
-      return t(s);
+      return a(s);
     }
-    function O(e) {
-      var o;
-      return (o = t(s)) == null ? void 0 : o[e];
+    function A(e) {
+      var t;
+      return (t = a(s)) == null ? void 0 : t[e];
     }
-    function A(e, o) {
-      const a = f(t(s));
-      a[e] && (a[e] = {
-        ...a[e],
-        ...o
-      }, n == null || n.setFieldValue(l.name, [...a]));
+    function O(e, t) {
+      const o = f(a(s));
+      o[e] && (o[e] = {
+        ...o[e],
+        ...t
+      }, r == null || r.setFieldValue(l.name, [...o]));
     }
-    function K(e, o) {
-      var r;
-      const a = e === "end" ? s.value.length - 1 : e;
-      ne(a, (r = c.value) == null ? void 0 : r.$el, o);
+    function K(e, t) {
+      var n;
+      const o = e === "end" ? s.value.length - 1 : e;
+      re(o, (n = p.value) == null ? void 0 : n.$el, t);
     }
-    return v({
-      add: V,
+    return k({
+      add: v,
       remove: P,
-      getRowData: O,
+      getRowData: A,
       getRowsData: j,
-      setRowData: A,
+      setRowData: O,
       addMultiple: z,
       scrollTo: K
-    }), (e, o) => (m(), C(t(B).FormItem, b(e.formItem, {
+    }), (e, t) => (m(), y(a(R).FormItem, C(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: d(() => [w(t(ee), b(t(te)(l, ["name", "maxLength", "onChange"]), {
-        class: t(E)(),
-        columns: t(_),
+      default: d(() => [b(a(ee), C(a(ae)(l, ["name", "maxLength", "onChange"]), {
+        class: a(F)(),
+        columns: a(_),
         "data-source": s.value,
         ref_key: "tableRef",
-        ref: c
-      }), I({
+        ref: p
+      }), H({
         headerCell: d(({
-          column: a
-        }) => [t(re)(a) ? (m(), M("span", {
+          column: o
+        }) => [a(se)(o) ? (m(), I("span", {
           key: 0,
-          class: W(t(F)("header-cell", "required"))
-        }, "*", 2)) : R("", !0), $("span", null, Q(a.title), 1), a.tooltip ? (m(), C(t(oe), {
+          class: W(a(N)("header-cell", "required"))
+        }, "*", 2)) : w("", !0), $("span", null, Q(o.title), 1), o.tooltip ? (m(), y(a(te), {
           key: 1,
-          title: a.tooltip,
+          title: o.tooltip,
           placement: "bottom"
         }, {
-          default: d(() => [w(t(se), {
+          default: d(() => [b(a(ue), {
             style: U({
               paddingLeft: "4px",
-              color: t(S).colorPrimary
+              color: a(V).colorPrimary
             })
           }, null, 8, ["style"])]),
           _: 2
-        }, 1032, ["title"])) : R("", !0)]),
+        }, 1032, ["title"])) : w("", !0)]),
         _: 2
-      }, [J(L, (a, r) => ({
-        name: r,
-        fn: d((u) => [X(e.$slots, r, Y(Z(u || {})))])
+      }, [J(T, (o, n) => ({
+        name: n,
+        fn: d((u) => [X(e.$slots, n, Y(Z(u || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));
   }
 });
 export {
-  ve as default
+  Le as default
 };

package/es/src/editable-table/hooks/use-get-columns.mjs

@@ -1,63 +1,63 @@
-import { computed as b, unref as h } from "vue";
-import { omit as I, isFunction as R, isArray as C } from "lodash-unified";
-import { mergeClass as y, getFinalNode as T } from "../utils.mjs";
-import { updateFormProps as N, getFieldProps as v, getPlaceholder as w, getTableRenderProps as A } from "../../ap-table/utils.mjs";
+import { computed as h, unref as I } from "vue";
+import { omit as R, isFunction as C, isArray as s } from "lodash-unified";
+import { mergeClass as y, getFinalNode as N } from "../utils.mjs";
+import { updateFormProps as T, getFieldProps as v, getPlaceholder as w, getTableRenderProps as A } from "../../ap-table/utils.mjs";
 import "../../config-provider/index.mjs";
 import { useLocale as G } from "../../config-provider/hooks/use-locale.mjs";
-const B = (l, m) => {
+const D = (d, f) => {
   const {
-    t: f
+    t: x
   } = G();
-  return b(() => {
-    const t = l.columns;
+  return h(() => {
+    const t = d.columns;
     if (!t)
       return [];
-    function c(x) {
-      return x.map((e) => ({
-        ...I(e, ["ellipsis"]),
+    function c(g) {
+      return g.map((e) => ({
+        ...R(e, ["ellipsis"]),
         children: c(e.children || []),
         customRender({
-          value: o,
+          value: l,
           ...n
         }) {
-          const a = R(e.editable) ? e.editable(n.text, n.record, n.index) : !!e.editable;
+          const o = C(e.editable) ? e.editable(n.text, n.record, n.index) : !!e.editable;
           if (!e.valueType && !e.customRender && !e.customRenderFormItem)
             return console.warn("can not render table cell because no `valueType` / `customRender` / `customRenderFormItem`"), null;
           let r;
-          if (a) {
-            const d = N(e, v(e.fieldProps, {
-              value: o,
+          if (o) {
+            const a = T(e, v(e.fieldProps, {
+              value: l,
               ...n
             })), i = {};
-            l.onFieldChange && (i[`onUpdate:${d.valuePropName || "value"}`] = (F) => {
-              var s;
-              return (s = l.onFieldChange) == null ? void 0 : s.call(l, n.index, e.dataIndex, F);
+            d.onFieldChange && (i[`onUpdate:${a.valuePropName || "value"}`] = (b) => {
+              var m;
+              return (m = d.onFieldChange) == null ? void 0 : m.call(d, n.index, e.dataIndex, b);
             });
-            const g = C(e.dataIndex) ? e.dataIndex : [e.dataIndex];
+            const F = s(e.dataIndex) ? e.dataIndex : [e.dataIndex];
             r = {
-              name: [l.name, n.index, ...g],
-              ...d || {},
+              name: [...s(d.name) ? d.name : [d.name], n.index, ...F],
+              ...a || {},
               // 格式化placeholder
-              placeholder: w(f, e.valueType, d == null ? void 0 : d.placeholder),
+              placeholder: w(x, e.valueType, a == null ? void 0 : a.placeholder),
               field: {
                 style: "width: 100%",
-                ...(d == null ? void 0 : d.field) || {},
+                ...(a == null ? void 0 : a.field) || {},
                 ...i,
-                class: y("is-editable", d.class)
+                class: y("is-editable", a.class)
               }
             };
           } else
             r = {
               field: A(e, {
-                value: o,
+                value: l,
                 ...n
               })
             };
-          const u = T(e, a, r, o, n.record, h(m));
+          const u = N(e, o, r, l, n.record, I(f));
           return e.customRender ? e.customRender({
-            value: o,
+            value: l,
             ...n,
-            editable: a,
+            editable: o,
             originalNode: u
           }) : u;
         }
@@ -67,5 +67,5 @@ const B = (l, m) => {
   });
 };
 export {
-  B as default
+  D as default
 };

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

@@ -94,9 +94,9 @@ export type EditableTableProps<RecordType = any> = Omit<TableProps<RecordType>,
 export type EditableTableFormItemProps<RecordType = any> = Omit<EditableTableProps<RecordType>, 'name'> & {
     label?: string;
     /**
-     * FormItem的name 暂不支持传入数组类型
+     * FormItem的name
      */
-    name: string;
+    name: NamePath;
     /**
      * 额外的表单项配置属性
      */