@aplus-frontend/ui 0.3.4 → 0.3.5

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

@@ -1,15 +1,15 @@
-import { defineComponent as O, ref as h, unref as n, useSlots as K, toRef as M, watch as G, openBlock as H, createBlock as W, mergeProps as x, withCtx as g, createVNode as $, createSlots as U, renderList as q, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
-import { Table as Y } from "@aplus-frontend/antdv";
-import { ApForm as b } from "../ap-form/index.mjs";
-import { isArray as Z, isNumber as d, cloneDeep as f, omit as w } from "lodash-unified";
+import { defineComponent as K, ref as d, unref as n, useSlots as M, watch as g, openBlock as G, createBlock as H, mergeProps as b, withCtx as w, createVNode as W, createSlots as $, renderList as q, renderSlot as U, normalizeProps as J, guardReactiveProps as Q } from "vue";
+import { Table as X } from "@aplus-frontend/antdv";
+import { ApForm as C } from "../ap-form/index.mjs";
+import { isArray as Y, isEqual as Z, isNumber as f, cloneDeep as m, omit as y } from "lodash-unified";
 import "../config-provider/index.mjs";
 import { useInjectForm as I } from "../ap-form/context.mjs";
-import { isDef as m } from "../utils/index.mjs";
+import { isDef as i } from "../utils/index.mjs";
 import ee from "./hooks/use-get-columns.mjs";
 import { scrollToRowIndex as oe } from "./utils.mjs";
 import { useNamespace as te } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as ae } from "../config-provider/hooks/use-global-config.mjs";
-const he = /* @__PURE__ */ O({
+const he = /* @__PURE__ */ K({
   name: "EditableTableInner",
   __name: "form-item",
   props: {
@@ -109,102 +109,106 @@ const he = /* @__PURE__ */ O({
       default: () => ({})
     }
   },
-  setup(C, {
-    expose: y
+  setup(R, {
+    expose: B
   }) {
-    const l = C;
-    function R(e, o) {
-      return Z(o) ? o.reduce((r, a) => r == null ? void 0 : r[a], e) : e == null ? void 0 : e[o];
+    const l = R;
+    function D(e, o) {
+      return Y(o) ? o.reduce((u, a) => u == null ? void 0 : u[a], e) : e == null ? void 0 : e[o];
     }
     const {
       internalInstance: t,
-      model: B
-    } = I(), u = h(R(n(B), l.name) || []), D = K(), F = M(l.name), L = b.useWatch(F);
-    G(() => L.value, (e) => {
+      model: F
+    } = I(), r = d(D(n(F), l.name) || []), L = M(), c = d(l.name);
+    g(() => l.name, (e, o) => {
+      Z(e, o) || (c.value = e);
+    });
+    const T = C.useWatch(c);
+    g(() => T.value, (e) => {
       var o;
-      u.value = e, (o = l.onChange) == null || o.call(l, e);
+      r.value = e, (o = l.onChange) == null || o.call(l, e);
     }, {
       deep: !0
     });
     const {
-      b: T
-    } = te("editable-table"), c = h(), N = ae("valueTypeMap"), V = ee(l, N);
-    function v(e, o) {
+      b: v
+    } = te("editable-table"), p = d(), E = ae("valueTypeMap"), N = ee(l, E);
+    function V(e, o) {
       var s;
-      const r = ((s = n(u)) == null ? void 0 : s.length) || 0;
-      if (m(l.maxLength) && r >= l.maxLength)
+      const u = ((s = n(r)) == null ? void 0 : s.length) || 0;
+      if (i(l.maxLength) && u >= l.maxLength)
         return;
-      const a = [...n(u) || []];
-      m(o) ? a.splice(o, 0, {
+      const a = [...n(r) || []];
+      i(o) ? a.splice(o, 0, {
         ...e || {}
       }) : a.push({
         ...e || {}
       }), t == null || t.setFieldValue(l.name, a);
     }
-    function E(e, o = "suffix") {
-      var p;
-      const r = ((p = n(u)) == null ? void 0 : p.length) || 0, a = d(e) ? e : e.length;
-      if (m(l.maxLength) && r + a > l.maxLength)
+    function S(e, o = "suffix") {
+      var x;
+      const u = ((x = n(r)) == null ? void 0 : x.length) || 0, a = f(e) ? e : e.length;
+      if (i(l.maxLength) && u + a > l.maxLength)
         return;
-      const s = [...n(u) || []], i = d(e) ? new Array(e).fill({}) : f(e);
-      o === "suffix" ? s.push(...i) : s.unshift(...i), t == null || t.setFieldValue(l.name, s);
+      const s = [...n(r) || []], h = f(e) ? new Array(e).fill({}) : m(e);
+      o === "suffix" ? s.push(...h) : s.unshift(...h), t == null || t.setFieldValue(l.name, s);
     }
-    function S(e) {
-      let o = f(n(u) || []);
-      const r = d(e) ? [e] : e;
-      o = o.filter((a, s) => !r.includes(s)), t == null || t.setFieldValue(l.name, o);
+    function _(e) {
+      let o = m(n(r) || []);
+      const u = f(e) ? [e] : e;
+      o = o.filter((a, s) => !u.includes(s)), t == null || t.setFieldValue(l.name, o);
     }
-    function _() {
-      return n(u);
+    function k() {
+      return n(r);
     }
-    function k(e) {
+    function j(e) {
       var o;
-      return (o = n(u)) == null ? void 0 : o[e];
+      return (o = n(r)) == null ? void 0 : o[e];
     }
-    function j(e, o, r = !0) {
-      const a = f(n(u));
+    function A(e, o, u = !0) {
+      const a = m(n(r));
       a[e] && (a[e] = {
-        ...r ? a[e] : {},
+        ...u ? a[e] : {},
         ...o
       }, t == null || t.setFieldValue(l.name, [...a]));
     }
-    function A(e) {
+    function P(e) {
       t == null || t.setFieldValue(l.name, e);
     }
-    function P(e, o) {
+    function z(e, o) {
       var a;
-      const r = e === "end" ? u.value.length - 1 : e;
-      oe(r, (a = c.value) == null ? void 0 : a.$el, o);
+      const u = e === "end" ? r.value.length - 1 : e;
+      oe(u, (a = p.value) == null ? void 0 : a.$el, o);
     }
-    function z() {
+    function O() {
       var e;
       (e = t == null ? void 0 : t.setFieldValue) == null || e.call(t, l.name, []);
     }
-    return y({
-      add: v,
-      remove: S,
-      getRowData: k,
-      getRowsData: _,
-      setRowData: j,
-      addMultiple: E,
-      scrollTo: P,
-      setTableData: A,
-      clear: z
-    }), (e, o) => (H(), W(n(b).FormItem, x(e.formItem, {
+    return B({
+      add: V,
+      remove: _,
+      getRowData: j,
+      getRowsData: k,
+      setRowData: A,
+      addMultiple: S,
+      scrollTo: z,
+      setTableData: P,
+      clear: O
+    }), (e, o) => (G(), H(n(C).FormItem, b(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: g(() => [$(n(Y), x(n(w)(l, ["name", "maxLength", "onChange"]), {
+      default: w(() => [W(n(X), b(n(y)(l, ["name", "maxLength", "onChange"]), {
         ref_key: "tableRef",
-        ref: c,
-        class: n(T)(),
-        columns: n(V),
-        "data-source": u.value
-      }), U({
+        ref: p,
+        class: n(v)(),
+        columns: n(N),
+        "data-source": r.value
+      }), $({
         _: 2
-      }, [q(n(w)(D, ["headerCell"]), (r, a) => ({
+      }, [q(n(y)(L, ["headerCell"]), (u, a) => ({
         name: a,
-        fn: g((s) => [J(e.$slots, a, Q(X(s || {})))])
+        fn: w((s) => [U(e.$slots, a, J(Q(s || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));

package/lib/src/editable-table/form-item.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),E=require("@aplus-frontend/antdv"),p=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");const P=require("../ap-form/context.js"),f=require("../utils/index.js"),j=require("./hooks/use-get-columns.js"),k=require("./utils.js"),A=require("../config-provider/hooks/use-namespace.js"),M=require("../config-provider/hooks/use-global-config.js"),O=o.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(h,{expose:x}){const u=h;function g(e,t){return d.isArray(t)?t.reduce((l,a)=>l==null?void 0:l[a],e):e==null?void 0:e[t]}const{internalInstance:n,model:b}=P.useInjectForm(),r=o.ref(g(o.unref(b),u.name)||[]),C=o.useSlots(),w=o.toRef(u.name),y=p.ApForm.useWatch(w);o.watch(()=>y.value,e=>{var t;r.value=e,(t=u.onChange)==null||t.call(u,e)},{deep:!0});const{b:R}=A.useNamespace("editable-table"),c=o.ref(),D=M.useGlobalConfig("valueTypeMap"),B=j.default(u,D);function F(e,t){var s;const l=((s=o.unref(r))==null?void 0:s.length)||0;if(f.isDef(u.maxLength)&&l>=u.maxLength)return;const a=[...o.unref(r)||[]];f.isDef(t)?a.splice(t,0,{...e||{}}):a.push({...e||{}}),n==null||n.setFieldValue(u.name,a)}function q(e,t="suffix"){var m;const l=((m=o.unref(r))==null?void 0:m.length)||0,a=d.isNumber(e)?e:e.length;if(f.isDef(u.maxLength)&&l+a>u.maxLength)return;const s=[...o.unref(r)||[]],i=d.isNumber(e)?new Array(e).fill({}):d.cloneDeep(e);t==="suffix"?s.push(...i):s.unshift(...i),n==null||n.setFieldValue(u.name,s)}function v(e){let t=d.cloneDeep(o.unref(r)||[]);const l=d.isNumber(e)?[e]:e;t=t.filter((a,s)=>!l.includes(s)),n==null||n.setFieldValue(u.name,t)}function N(){return o.unref(r)}function T(e){var t;return(t=o.unref(r))==null?void 0:t[e]}function L(e,t,l=!0){const a=d.cloneDeep(o.unref(r));a[e]&&(a[e]={...l?a[e]:{},...t},n==null||n.setFieldValue(u.name,[...a]))}function S(e){n==null||n.setFieldValue(u.name,e)}function _(e,t){var a;const l=e==="end"?r.value.length-1:e;k.scrollToRowIndex(l,(a=c.value)==null?void 0:a.$el,t)}function V(){var e;(e=n==null?void 0:n.setFieldValue)==null||e.call(n,u.name,[])}return x({add:F,remove:v,getRowData:T,getRowsData:N,setRowData:L,addMultiple:q,scrollTo:_,setTableData:S,clear:V}),(e,t)=>(o.openBlock(),o.createBlock(o.unref(p.ApForm).FormItem,o.mergeProps(e.formItem,{name:e.name,label:e.label}),{default:o.withCtx(()=>[o.createVNode(o.unref(E.Table),o.mergeProps(o.unref(d.omit)(u,["name","maxLength","onChange"]),{ref_key:"tableRef",ref:c,class:o.unref(R)(),columns:o.unref(B),"data-source":r.value}),o.createSlots({_:2},[o.renderList(o.unref(d.omit)(C,["headerCell"]),(l,a)=>({name:a,fn:o.withCtx(s=>[o.renderSlot(e.$slots,a,o.normalizeProps(o.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),V=require("@aplus-frontend/antdv"),h=require("../ap-form/index.js"),d=require("lodash-unified");require("../config-provider/index.js");const P=require("../ap-form/context.js"),f=require("../utils/index.js"),j=require("./hooks/use-get-columns.js"),k=require("./utils.js"),A=require("../config-provider/hooks/use-namespace.js"),M=require("../config-provider/hooks/use-global-config.js"),O=o.defineComponent({name:"EditableTableInner",__name:"form-item",props:{dropdownPrefixCls:{},pagination:{type:[Boolean,Object],default:!1},loading:{type:[Boolean,Object],default:void 0},size:{default:"middle"},bordered:{type:Boolean,default:!1},locale:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{default:"fixed"},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},onFieldChange:{},label:{},name:{},formItem:{default:()=>({})}},setup(x,{expose:g}){const l=x;function b(e,t){return d.isArray(t)?t.reduce((u,n)=>u==null?void 0:u[n],e):e==null?void 0:e[t]}const{internalInstance:a,model:w}=P.useInjectForm(),r=o.ref(b(o.unref(w),l.name)||[]),C=o.useSlots(),i=o.ref(l.name);o.watch(()=>l.name,(e,t)=>{d.isEqual(e,t)||(i.value=e)});const y=h.ApForm.useWatch(i);o.watch(()=>y.value,e=>{var t;r.value=e,(t=l.onChange)==null||t.call(l,e)},{deep:!0});const{b:R}=A.useNamespace("editable-table"),c=o.ref(),D=M.useGlobalConfig("valueTypeMap"),B=j.default(l,D);function q(e,t){var s;const u=((s=o.unref(r))==null?void 0:s.length)||0;if(f.isDef(l.maxLength)&&u>=l.maxLength)return;const n=[...o.unref(r)||[]];f.isDef(t)?n.splice(t,0,{...e||{}}):n.push({...e||{}}),a==null||a.setFieldValue(l.name,n)}function v(e,t="suffix"){var p;const u=((p=o.unref(r))==null?void 0:p.length)||0,n=d.isNumber(e)?e:e.length;if(f.isDef(l.maxLength)&&u+n>l.maxLength)return;const s=[...o.unref(r)||[]],m=d.isNumber(e)?new Array(e).fill({}):d.cloneDeep(e);t==="suffix"?s.push(...m):s.unshift(...m),a==null||a.setFieldValue(l.name,s)}function F(e){let t=d.cloneDeep(o.unref(r)||[]);const u=d.isNumber(e)?[e]:e;t=t.filter((n,s)=>!u.includes(s)),a==null||a.setFieldValue(l.name,t)}function N(){return o.unref(r)}function T(e){var t;return(t=o.unref(r))==null?void 0:t[e]}function L(e,t,u=!0){const n=d.cloneDeep(o.unref(r));n[e]&&(n[e]={...u?n[e]:{},...t},a==null||a.setFieldValue(l.name,[...n]))}function S(e){a==null||a.setFieldValue(l.name,e)}function _(e,t){var n;const u=e==="end"?r.value.length-1:e;k.scrollToRowIndex(u,(n=c.value)==null?void 0:n.$el,t)}function E(){var e;(e=a==null?void 0:a.setFieldValue)==null||e.call(a,l.name,[])}return g({add:q,remove:F,getRowData:T,getRowsData:N,setRowData:L,addMultiple:v,scrollTo:_,setTableData:S,clear:E}),(e,t)=>(o.openBlock(),o.createBlock(o.unref(h.ApForm).FormItem,o.mergeProps(e.formItem,{name:e.name,label:e.label}),{default:o.withCtx(()=>[o.createVNode(o.unref(V.Table),o.mergeProps(o.unref(d.omit)(l,["name","maxLength","onChange"]),{ref_key:"tableRef",ref:c,class:o.unref(R)(),columns:o.unref(B),"data-source":r.value}),o.createSlots({_:2},[o.renderList(o.unref(d.omit)(C,["headerCell"]),(u,n)=>({name:n,fn:o.withCtx(s=>[o.renderSlot(e.$slots,n,o.normalizeProps(o.guardReactiveProps(s||{})))])}))]),1040,["class","columns","data-source"])]),_:3},16,["name","label"]))}});exports.default=O;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -64,8 +64,8 @@
     "sortablejs": "^1.15.2",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.43"
+    "@aplus-frontend/utils": "1.0.43",
+    "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^1.0.8",