@aplus-frontend/ui 0.0.22 → 0.0.23

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

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

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

@@ -124,17 +124,23 @@ export type EditableTableExpose<ModelType = any, RecordType = any> = {
      */
     validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
     /**
-     * 添加一行数据
-     * @param defaultValue
-     * @returns
+     * 添加单条数据
+     * @param defaultValue 默认值，如果需要设置`insertIndex`，可以设置`defaultValue`为`{}`
+     * @param insertIndex 数据插入的位置
+     */
+    add: (defaultValue?: Partial<RecordType>, insertIndex?: number) => void;
+    /**
+     * 添加多条数据
+     * @param list 添加的条数或数据
+     * @param insetIn 插入的位置（前/后）
      */
-    add: (defaultValue?: Partial<RecordType>) => void;
+    addMultiple: (list: number | Partial<RecordType>[], insetIn?: 'prefix' | 'suffix') => void;
     /**
      * 删除一行数据
      * @param index
      * @returns
      */
-    remove: (index: number) => void;
+    remove: (index: number | number[]) => void;
     /**
      * 获取所有行的数据
      * @returns

package/lib/src/check-card/group.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     size: "small" | "middle";
     value: CheckCardValueType | CheckCardValueType[];
     bordered: boolean;
-    stopPropagation: boolean;
+    stopPropagation: boolean | ((event: MouseEvent) => boolean);
 }, {}>, {
     default?(_: {}): any;
 }>;

package/lib/src/check-card/group.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("../hooks/index.js");const m=require("./context.js"),v=require("lodash-unified"),b=require("../hooks/useControllableValue.js"),y=a.defineComponent({name:"CheckCardGroup",__name:"group",props:{bordered:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},loading:{type:Boolean,default:void 0},size:{default:void 0},stopPropagation:{type:Boolean,default:void 0},multiple:{type:Boolean,default:!1},defaultValue:{type:[String,Number,Boolean,Array]},value:{type:[String,Number,Boolean,Array],default:void 0},"onUpdate:Value":{}},emits:["update:value"],setup(n,{emit:d}){const o=n,s=d,{value:r,updateValue:u}=b.useControllableValue(o,s),i=new Map;function p(e){if(!o.multiple){let t=a.unref(r);t===e?t=void 0:t=e,u(t);return}let l=[...a.unref(r)||[]];const g=l.find(t=>t===e);v.isUndefined(g)?l.push(e):l=l.filter(t=>t!==e).filter(t=>i.has(t)),u(l)}function f(e){i.set(e,!0)}function c(e){i.delete(e)}return m.useProvideCheckCard(a.computed(()=>({toggleOption:p,registerValue:f,cancelValue:c,disabled:o.disabled,size:o.size,bordered:o.bordered,loading:o.loading,value:a.unref(r),multiple:o.multiple,stopPropagation:o.stopPropagation}))),(e,l)=>a.renderSlot(e.$slots,"default")}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("../hooks/index.js");const m=require("./context.js"),v=require("lodash-unified"),b=require("../hooks/useControllableValue.js"),y=a.defineComponent({name:"CheckCardGroup",__name:"group",props:{bordered:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},loading:{type:Boolean,default:void 0},size:{default:void 0},stopPropagation:{type:[Boolean,Function],default:void 0},multiple:{type:Boolean,default:!1},defaultValue:{type:[String,Number,Boolean,Array]},value:{type:[String,Number,Boolean,Array],default:void 0},"onUpdate:Value":{}},emits:["update:value"],setup(n,{emit:d}){const o=n,s=d,{value:i,updateValue:u}=b.useControllableValue(o,s),r=new Map;function p(e){if(!o.multiple){let t=a.unref(i);t===e?t=void 0:t=e,u(t);return}let l=[...a.unref(i)||[]];const g=l.find(t=>t===e);v.isUndefined(g)?l.push(e):l=l.filter(t=>t!==e).filter(t=>r.has(t)),u(l)}function f(e){r.set(e,!0)}function c(e){r.delete(e)}return m.useProvideCheckCard(a.computed(()=>({toggleOption:p,registerValue:f,cancelValue:c,disabled:o.disabled,size:o.size,bordered:o.bordered,loading:o.loading,value:a.unref(i),multiple:o.multiple,stopPropagation:o.stopPropagation}))),(e,l)=>a.renderSlot(e.$slots,"default")}});exports.default=y;

package/lib/src/check-card/index.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     size: "small" | "middle";
     bordered: boolean;
     checked: boolean;
-    stopPropagation: boolean;
+    stopPropagation: boolean | ((event: MouseEvent) => boolean);
 }, {}>, Readonly<CheckCardSlots> & CheckCardSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/src/check-card/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),P=require("ant-design-vue");require("../config-provider/index.js");require("../hooks/index.js");const b=require("lodash-unified"),_=require("./context.js");require("./style/index.css");const z=require("./checked.svg.js"),D=require("../config-provider/hooks/use-namespace.js"),S=require("../config-provider/hooks/use-global-config.js"),w=require("../hooks/useControllableValue.js"),E=["src"],M=e.defineComponent({name:"CheckCard",__name:"index",props:{bordered:{type:Boolean,default:!0},disabled:{type:Boolean},loading:{type:Boolean},size:{default:"middle"},stopPropagation:{type:Boolean,default:!1},checked:{type:Boolean,default:void 0},"onUpdate:checked":{},defaultChecked:{type:Boolean},value:{type:[String,Number,Boolean]},style:{default:()=>({})},title:{},content:{}},emits:["update:checked"],setup(h,{emit:C}){const l=h,{b:s,m:d,e:i,bm:y,em:p}=D.useNamespace("check-card"),m=S.useGlobalConfig("uiMode","aplus"),B=C,a=_.useInjectCheckCard(),{value:r,updateValue:f}=w.useControllableValue(l,B,{valuePropName:"checked",defaultValuePropName:"defaultChecked"}),n=e.computed(()=>{const t={...l},o=e.unref(a);return o&&(t.disabled=t.disabled||o.disabled,t.bordered=t.bordered||o.bordered,t.loading=t.loading||o.loading,t.size=t.size||o.size,t.stopPropagation=t.stopPropagation||o.stopPropagation),t}),N=e.computed(()=>{const t=e.unref(m),o=e.unref(n);return[s(),...o.disabled?[]:[s(t),e.unref(r)?y(t,"checked"):null],d(o.size),o.bordered?d("bordered"):null,o.disabled?d("disabled"):null]}),V=e.computed(()=>({...l.style,"--check-card-border-color":m.value==="admin"?"#D9D9D9":"#E9EDF3"})),v=e.computed(()=>{if(!l.title)return;const t=b.isFunction(l.title)?l.title(e.unref(r)):e.createVNode("span",null,[l.title]);return e.createVNode("div",{class:[i("title"),n.value.disabled?p("title","disabled"):null]},[t])}),k=e.computed(()=>{if(!l.content)return;const t=b.isFunction(l.content)?l.content(e.unref(r)):l.content;return e.createVNode("div",{class:[i("content"),n.value.disabled?p("content","disabled"):null]},[t])});function q(t){var o,u;n.value.stopPropagation&&t.target!==t.currentTarget||n.value.loading||n.value.disabled||(a.value?(u=(o=a.value)==null?void 0:o.toggleOption)==null||u.call(o,l.value):f(!e.unref(r)))}return e.watch(()=>a.value,t=>{if(!t)return;const o=t.multiple?(t.value||[]).includes(l.value):t.value===l.value;f(o)},{immediate:!0}),e.watchEffect(t=>{var o,u;(u=(o=a.value)==null?void 0:o.registerValue)==null||u.call(o,l.value),t(()=>{var c,g;return(g=(c=a.value)==null?void 0:c.cancelValue)==null?void 0:g.call(c,l.value)})}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(V.value),class:e.normalizeClass(N.value),onClick:e.withModifiers(q,["stop"])},[n.value.loading?(e.openBlock(),e.createBlock(e.unref(P.Skeleton),{key:0,active:""})):e.renderSlot(t.$slots,"default",{key:1,checked:e.unref(r)},()=>[v.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:0})):e.createCommentVNode("",!0),k.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value),{key:1})):e.createCommentVNode("",!0)]),e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(i)("checked-icon"))},[e.createElementVNode("img",{src:e.unref(z.default)},null,8,E)],2)):e.createCommentVNode("",!0)],6))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("ant-design-vue");require("../config-provider/index.js");require("../hooks/index.js");const b=require("lodash-unified"),_=require("./context.js");require("./style/index.css");const z=require("./checked.svg.js"),D=require("../config-provider/hooks/use-namespace.js"),w=require("../config-provider/hooks/use-global-config.js"),E=require("../hooks/useControllableValue.js"),M=["src"],T=e.defineComponent({name:"CheckCard",__name:"index",props:{bordered:{type:Boolean,default:!0},disabled:{type:Boolean},loading:{type:Boolean},size:{default:"middle"},stopPropagation:{type:[Boolean,Function],default:!1},checked:{type:Boolean,default:void 0},"onUpdate:checked":{},defaultChecked:{type:Boolean},value:{type:[String,Number,Boolean]},style:{default:()=>({})},title:{},content:{}},emits:["update:checked"],setup(h,{emit:C}){const n=h,{b:s,m:d,e:i,bm:y,em:p}=D.useNamespace("check-card"),f=w.useGlobalConfig("uiMode","aplus"),B=C,a=_.useInjectCheckCard(),{value:r,updateValue:m}=E.useControllableValue(n,B,{valuePropName:"checked",defaultValuePropName:"defaultChecked"}),l=e.computed(()=>{const t={...n},o=e.unref(a);return o&&(t.disabled=t.disabled||o.disabled,t.bordered=t.bordered||o.bordered,t.loading=t.loading||o.loading,t.size=t.size||o.size,t.stopPropagation=t.stopPropagation||o.stopPropagation),t}),N=e.computed(()=>{const t=e.unref(f),o=e.unref(l);return[s(),...o.disabled?[]:[s(t),e.unref(r)?y(t,"checked"):null],d(o.size),o.bordered?d("bordered"):null,o.disabled?d("disabled"):null]}),V=e.computed(()=>({...n.style,"--check-card-border-color":f.value==="admin"?"#D9D9D9":"#E9EDF3"})),v=e.computed(()=>{if(!n.title)return;const t=b.isFunction(n.title)?n.title(e.unref(r)):e.createVNode("span",null,[n.title]);return e.createVNode("div",{class:[i("title"),l.value.disabled?p("title","disabled"):null]},[t])}),g=e.computed(()=>{if(!n.content)return;const t=b.isFunction(n.content)?n.content(e.unref(r)):n.content;return e.createVNode("div",{class:[i("content"),l.value.disabled?p("content","disabled"):null]},[t])});function q(t){const o=e.unref(l).stopPropagation;return o?o===!0?t.target!==t.currentTarget:o(t):!1}function P(t){var o,u;q(t)||l.value.loading||l.value.disabled||(a.value?(u=(o=a.value)==null?void 0:o.toggleOption)==null||u.call(o,n.value):m(!e.unref(r)))}return e.watch(()=>a.value,t=>{if(!t)return;const o=t.multiple?(t.value||[]).includes(n.value):t.value===n.value;m(o)},{immediate:!0}),e.watchEffect(t=>{var o,u;(u=(o=a.value)==null?void 0:o.registerValue)==null||u.call(o,n.value),t(()=>{var c,k;return(k=(c=a.value)==null?void 0:c.cancelValue)==null?void 0:k.call(c,n.value)})}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(V.value),class:e.normalizeClass(N.value),onClick:e.withModifiers(P,["stop"])},[l.value.loading?(e.openBlock(),e.createBlock(e.unref(S.Skeleton),{key:0,active:""})):e.renderSlot(t.$slots,"default",{key:1,checked:e.unref(r)},()=>[v.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:0})):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g.value),{key:1})):e.createCommentVNode("",!0)]),e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(i)("checked-icon"))},[e.createElementVNode("img",{src:e.unref(z.default)},null,8,M)],2)):e.createCommentVNode("",!0)],6))}});exports.default=T;

package/lib/src/check-card/interface.d.ts

@@ -24,7 +24,7 @@ type CheckCardCommonType = {
     /**
      * 是否阻止点击事件冒泡（对于自定义内容包含输入控件时需要设置）
      */
-    stopPropagation?: boolean;
+    stopPropagation?: boolean | ((event: MouseEvent) => boolean);
 };
 export type CheckCardProps = CheckCardCommonType & {
     /**