@silver-formily/element-plus 2.0.1 → 2.2.0

package/esm/select-table/index.d.ts

@@ -55,6 +55,9 @@ declare const SelectTable: {
             emptyText: StringConstructor;
             expandRowKeys: import('vue').PropType<import('element-plus').TableProps<any>["expandRowKeys"]>;
             defaultExpandAll: BooleanConstructor;
+            rowExpandable: {
+                type: import('vue').PropType<import('element-plus').TableProps<any>["rowExpandable"]>;
+            };
             defaultSort: import('vue').PropType<import('element-plus').TableProps<any>["defaultSort"]>;
             tooltipEffect: StringConstructor;
             tooltipOptions: import('vue').PropType<import('element-plus').TableProps<any>["tooltipOptions"]>;
@@ -181,6 +184,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -223,6 +227,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -265,6 +270,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -307,6 +313,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -349,6 +356,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -391,6 +399,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -433,6 +442,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -476,6 +486,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -518,6 +529,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -560,6 +572,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -636,6 +649,7 @@ declare const SelectTable: {
                     reserveSelection: import('vue').Ref<boolean>;
                     selectOnIndeterminate: import('vue').Ref<boolean>;
                     selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                    rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                     filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                     filteredData: import('vue').Ref<any[] | null>;
                     sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -793,6 +807,9 @@ declare const SelectTable: {
             emptyText: StringConstructor;
             expandRowKeys: import('vue').PropType<import('element-plus').TableProps<any>["expandRowKeys"]>;
             defaultExpandAll: BooleanConstructor;
+            rowExpandable: {
+                type: import('vue').PropType<import('element-plus').TableProps<any>["rowExpandable"]>;
+            };
             defaultSort: import('vue').PropType<import('element-plus').TableProps<any>["defaultSort"]>;
             tooltipEffect: StringConstructor;
             tooltipOptions: import('vue').PropType<import('element-plus').TableProps<any>["tooltipOptions"]>;
@@ -919,6 +936,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -961,6 +979,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1003,6 +1022,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1045,6 +1065,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1087,6 +1108,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1129,6 +1151,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1171,6 +1194,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1214,6 +1238,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1256,6 +1281,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1298,6 +1324,7 @@ declare const SelectTable: {
                         reserveSelection: import('vue').Ref<boolean>;
                         selectOnIndeterminate: import('vue').Ref<boolean>;
                         selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                        rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                         filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                         filteredData: import('vue').Ref<any[] | null>;
                         sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;
@@ -1374,6 +1401,7 @@ declare const SelectTable: {
                     reserveSelection: import('vue').Ref<boolean>;
                     selectOnIndeterminate: import('vue').Ref<boolean>;
                     selectable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
+                    rowExpandable: import('vue').Ref<((row: any, index: number) => boolean) | null>;
                     filters: import('vue').Ref<import('element-plus/es/components/table/src/store/index.mjs').StoreFilter>;
                     filteredData: import('vue').Ref<any[] | null>;
                     sortingColumn: import('vue').Ref<import('element-plus').TableColumnCtx<any> | null>;

package/esm/select-table/index.mjs

@@ -1,7 +1,7 @@
 import { useField as W, connect as z, mapProps as G } from "@silver-formily/vue";
-import { defineComponent as U, ref as g, computed as j, watch as R, nextTick as v, createElementBlock as S, openBlock as s, normalizeClass as A, unref as r, createCommentVNode as J, withDirectives as Q, createElementVNode as X, createVNode as V, toDisplayString as Y, withCtx as f, createTextVNode as C, createBlock as y, mergeProps as w, renderSlot as Z, Fragment as ee, renderList as le } from "vue";
+import { defineComponent as U, ref as g, computed as j, watch as R, nextTick as v, createElementBlock as S, openBlock as c, normalizeClass as A, unref as n, createCommentVNode as J, withDirectives as Q, createElementVNode as X, createVNode as V, toDisplayString as Y, withCtx as f, createTextVNode as C, createBlock as y, mergeProps as w, renderSlot as Z, Fragment as ee, renderList as le } from "vue";
 import { isValid as te, isEqual as oe, isFn as ae } from "@formily/shared";
-import { useAttrs as ne, ElLink as re, version as E, ElTable as ue, ElTableColumn as b, ElRadioGroup as ie, ElRadio as se, vLoading as ce } from "element-plus";
+import { useAttrs as re, ElLink as ne, version as E, ElTable as ue, ElTableColumn as b, ElRadioGroup as ie, ElRadio as se, vLoading as ce } from "element-plus";
 import { u as x, x as de, d as me, a as fe, r as pe } from "../vendor/lodash.mjs";
 import { stylePrefix as K } from "../__builtins__/configs/index.mjs";
 import { lt as L } from "../__builtins__/shared/simple-version-compare.mjs";
@@ -16,21 +16,21 @@ import '../styles/select-table/index.css';const ye = /* @__PURE__ */ U({
     optionAsValue: { type: Boolean, default: !1 },
     valueType: { default: "all" },
     loading: { type: Boolean, default: !1 },
-    rowKey: null,
+    rowKey: {},
     clickRowToSelect: { type: Boolean, default: !0 },
     showAlertToolbar: { type: Boolean, default: !0 },
-    modelValue: null,
-    data: null,
-    selectable: { type: Function },
+    modelValue: {},
+    data: {},
+    selectable: {},
     ignoreSelectable: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
   setup(B, { emit: D }) {
-    const e = B, c = D, _ = ne(), q = W();
+    const e = B, d = D, _ = re(), q = W();
     function F(l) {
       return L(E, "2.6.0") ? { label: l } : { value: l };
     }
-    const d = g(), t = e.rowKey;
+    const s = g(), t = e.rowKey;
     function M() {
       return e.mode === "multiple" ? e.modelValue?.map((l) => e.optionAsValue ? l : {
         [t]: l
@@ -45,9 +45,9 @@ import '../styles/select-table/index.css';const ye = /* @__PURE__ */ U({
         const l = x(
           u.value.map((a) => a[t])
         );
-        await v();
-        for (const a of e.dataSource)
-          l.includes(a[t]) && (e.mode === "multiple" ? d.value.toggleRowSelection(a, !0, e.ignoreSelectable) : (d.value.setCurrentRow(a), T(a))), await v(), p = d.value?.getSelectionRows();
+        if (await v(), !!s.value)
+          for (const a of e.dataSource)
+            l.includes(a[t]) && (e.mode === "multiple" ? s.value?.toggleRowSelection(a, !0, e.ignoreSelectable) : (s.value?.setCurrentRow(a), T(a))), await v(), p = s.value?.getSelectionRows();
       },
       { immediate: !0 }
     ), R(
@@ -57,17 +57,18 @@ import '../styles/select-table/index.css';const ye = /* @__PURE__ */ U({
           if (e.mode === "single")
             m.value = e.optionAsValue ? l[t] : l;
           else {
-            await v();
-            const n = d.value?.getSelectionRows().map((i) => i[t]), o = e.optionAsValue ? l?.map((i) => i[t]) : l ?? [];
+            if (await v(), !s.value)
+              return;
+            const r = s.value?.getSelectionRows().map((i) => i[t]), o = e.optionAsValue ? l?.map((i) => i[t]) : l ?? [];
             if (u.value = u.value.filter(
               (i) => o.includes(i[t])
-            ), oe(o, n))
+            ), oe(o, r))
               return;
-            const I = de(o, n);
+            const I = de(o, r);
             for (const i of e.dataSource)
               if (I.includes(i[t])) {
                 const O = o.includes(i[t]);
-                d.value.toggleRowSelection(i, O, e.ignoreSelectable);
+                s.value.toggleRowSelection(i, O, e.ignoreSelectable);
               }
           }
       },
@@ -82,54 +83,54 @@ import '../styles/select-table/index.css';const ye = /* @__PURE__ */ U({
       const a = p.length > l.length ? me(
         p,
         l,
-        (n, o) => n[t] === o[t]
+        (r, o) => r[t] === o[t]
       ) : [];
       if (p = [...l], u.value = fe(
         [...u.value, ...l],
-        (n, o) => n[t] === o[t]
+        (r, o) => r[t] === o[t]
       ), a.length > 0) {
-        const n = x(a.map((o) => o[t]));
-        pe(u.value, (o) => n.includes(o[t]));
+        const r = x(a.map((o) => o[t]));
+        pe(u.value, (o) => r.includes(o[t]));
       }
       if (e.optionAsValue)
-        c("update:modelValue", u.value);
+        d("update:modelValue", u.value);
       else {
-        const n = u.value.map(
+        const r = u.value.map(
           (o) => o[t]
         );
-        c("update:modelValue", n);
+        d("update:modelValue", r);
       }
     }
     function T(l) {
-      m.value = l[t], e.optionAsValue ? c("update:modelValue", l) : c("update:modelValue", l[t]);
+      m.value = l[t], e.optionAsValue ? d("update:modelValue", l) : d("update:modelValue", l[t]);
     }
-    function P(l, a, n) {
+    function P(l, a, r) {
       if (e.clickRowToSelect)
         if (e.mode === "multiple") {
-          const o = n.target.closest("tr").querySelector('input[type="checkbox"]');
+          const o = r.target.closest("tr").querySelector('input[type="checkbox"]');
           o instanceof HTMLElement && o.click();
         } else {
-          const o = n.target.closest("tr").querySelector('input[type="radio"]');
+          const o = r.target.closest("tr").querySelector('input[type="radio"]');
           o instanceof HTMLElement && o.click();
         }
     }
     function $() {
-      e.mode === "multiple" ? (c("update:modelValue", []), u.value = []) : (m.value = null, c("update:modelValue", null));
+      e.mode === "multiple" ? (d("update:modelValue", []), u.value = []) : (m.value = null, d("update:modelValue", null));
     }
     function H(l, a) {
       return e.selectable && ae(e.selectable) ? e.selectable(l, a, q.value) : !0;
     }
-    return (l, a) => (s(), S("div", {
-      class: A(`${r(K)}-select-table`)
+    return (l, a) => (c(), S("div", {
+      class: A(`${n(K)}-select-table`)
     }, [
-      k.value > 0 && e.showAlertToolbar ? (s(), S("div", {
+      k.value > 0 && e.showAlertToolbar ? (c(), S("div", {
         key: 0,
-        class: A(`${r(K)}-select-table-alert-container`)
+        class: A(`${n(K)}-select-table-alert-container`)
       }, [
         X("span", null, "已选择 " + Y(k.value) + " 项", 1),
-        V(r(re), {
+        V(n(ne), {
           type: "primary",
-          underline: r(L)(r(E), "2.9.9") ? !1 : "never",
+          underline: n(L)(n(E), "2.9.9") ? !1 : "never",
           style: { "margin-left": "8px" },
           onClick: $
         }, {
@@ -139,11 +140,11 @@ import '../styles/select-table/index.css';const ye = /* @__PURE__ */ U({
           _: 1
         }, 8, ["underline"])
       ], 2)) : J("", !0),
-      Q((s(), y(r(ue), w({
+      Q((c(), y(n(ue), w({
         ref_key: "elTableRef",
-        ref: d
-      }, r(_), {
-        "row-key": r(t),
+        ref: s
+      }, n(_), {
+        "row-key": n(t),
         "row-class-name": e.clickRowToSelect ? "--click-row-select" : "",
         data: e.dataSource,
         "highlight-current-row": e.mode === "single",
@@ -152,23 +153,23 @@ import '../styles/select-table/index.css';const ye = /* @__PURE__ */ U({
         onRowClick: P
       }), {
         default: f(() => [
-          e.mode === "multiple" ? (s(), y(r(b), {
+          e.mode === "multiple" ? (c(), y(n(b), {
             key: 0,
             type: "selection",
             selectable: H
-          })) : (s(), y(r(b), {
+          })) : (c(), y(n(b), {
             key: 1,
             width: "46"
           }, {
-            default: f(({ row: n }) => [
-              V(r(ie), {
+            default: f(({ row: r }) => [
+              V(n(ie), {
                 modelValue: m.value,
                 "onUpdate:modelValue": a[0] || (a[0] = (o) => m.value = o),
                 style: { width: "100%" }
               }, {
                 default: f(() => [
-                  V(r(se), w(F(n[r(t)]), {
-                    onChange: () => T(n)
+                  V(n(se), w(F(r[n(t)]), {
+                    onChange: () => T(r)
                   }), {
                     default: f(() => [...a[2] || (a[2] = [
                       C("   ", -1)
@@ -181,13 +182,13 @@ import '../styles/select-table/index.css';const ye = /* @__PURE__ */ U({
             ]),
             _: 1
           })),
-          e.columns.length === 0 ? Z(l.$slots, "default", { key: 2 }) : (s(!0), S(ee, { key: 3 }, le(e.columns, (n) => (s(), y(r(b), w({ ref_for: !0 }, n, {
-            key: n.prop || n.type
+          e.columns.length === 0 ? Z(l.$slots, "default", { key: 2 }) : (c(!0), S(ee, { key: 3 }, le(e.columns, (r) => (c(), y(n(b), w({ ref_for: !0 }, r, {
+            key: r.prop || r.type
           }), null, 16))), 128))
         ]),
         _: 3
       }, 16, ["row-key", "row-class-name", "data", "highlight-current-row"])), [
-        [r(ce), e.loading]
+        [n(ce), e.loading]
       ])
     ], 2));
   }

package/esm/select-table/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/select-table/select-table.vue","../../src/select-table/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { TableInstance } from 'element-plus'\r\nimport type { ISelectTableProps } from './types'\r\nimport { isEqual, isFn, isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport {\r\n  ElLink,\r\n  ElRadio,\r\n  ElRadioGroup,\r\n  ElTable,\r\n  ElTableColumn,\r\n  useAttrs,\r\n  version,\r\n  vLoading,\r\n} from 'element-plus'\r\nimport { differenceWith, remove, uniq, uniqWith, xor } from 'lodash-es'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { lt, stylePrefix } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FSelectTable',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\n  columns: { default: () => [] },\n  mode: { default: 'multiple' },\n  dataSource: { default: () => [] },\n  optionAsValue: { type: Boolean, default: false },\n  valueType: { default: 'all' },\n  loading: { type: Boolean, default: false },\n  rowKey: null,\n  clickRowToSelect: { type: Boolean, default: true },\n  showAlertToolbar: { type: Boolean, default: true },\n  modelValue: null,\n  data: null,\n  selectable: { type: Function },\n  ignoreSelectable: { type: Boolean, default: true }\n})\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst elTableProps = useAttrs()\r\nconst field = useField()\r\n\r\nfunction compatibleRadioValue(key: string) {\r\n  return lt(version, '2.6.0') ? { label: key } : { value: key }\r\n}\r\n\r\nconst elTableRef = ref<TableInstance>()\r\nconst rowKey = props.rowKey\r\nfunction getInitialSelectedList() {\r\n  if (props.mode === 'multiple') {\r\n    return props.modelValue?.map((item) => {\r\n      if (!props.optionAsValue) {\r\n        return {\r\n          [rowKey]: item,\r\n        }\r\n      }\r\n      return item\r\n    }) ?? []\r\n  }\r\n  else {\r\n    return props.optionAsValue ? [props.modelValue] : [{ [rowKey]: props.modelValue }]\r\n  }\r\n}\r\nconst initialSelectedList = getInitialSelectedList()\r\nconst selectedFlatDataSource = ref(initialSelectedList)\r\n// 为了获取移除的项而缓存的当前页面的前一次选择。由于element-plus没有获取移除项的方法，需要通过这种方式移除field中移除的项\r\nlet prevSelection = []\r\n\r\nconst radioSelectedKey = ref()\r\n\r\nconst currentSelectLength = computed(() => {\r\n  if (props.mode === 'multiple') {\r\n    return Array.isArray(props.modelValue) ? props.modelValue.length : 0\r\n  }\r\n  else {\r\n    return isValid(radioSelectedKey.value) ? 1 : 0\r\n  }\r\n})\r\n\r\nwatch(\r\n  () => props.dataSource,\r\n  async () => {\r\n    const selectedKeys = uniq(\r\n      selectedFlatDataSource.value.map(item => item[rowKey]),\r\n    )\r\n    await nextTick()\r\n    for (const item of props.dataSource) {\r\n      if (selectedKeys.includes(item[rowKey])) {\r\n        if (props.mode === 'multiple') {\r\n          elTableRef.value.toggleRowSelection(item, true, props.ignoreSelectable)\r\n        }\r\n        else {\r\n          elTableRef.value.setCurrentRow(item)\r\n          onRadioClick(item)\r\n        }\r\n      }\r\n      await nextTick()\r\n      prevSelection = elTableRef.value?.getSelectionRows()\r\n    }\r\n  },\r\n  { immediate: true },\r\n)\r\n\r\nwatch(\r\n  () => [props.modelValue, props.loading],\r\n  async ([value, loading]) => {\r\n    if (loading) {\r\n      return\r\n    }\r\n    if (props.mode === 'single') {\r\n      radioSelectedKey.value = props.optionAsValue ? value[rowKey] : value\r\n    }\r\n    else {\r\n      await nextTick()\r\n      const currentDisplayDataKeys = elTableRef.value\r\n        ?.getSelectionRows()\r\n        .map(item => item[rowKey])\r\n      const valueKeys = props.optionAsValue\r\n        ? value?.map(item => item[rowKey])\r\n        : value ?? []\r\n      selectedFlatDataSource.value = selectedFlatDataSource.value.filter(\r\n        item => valueKeys.includes(item[rowKey]),\r\n      )\r\n      if (isEqual(valueKeys, currentDisplayDataKeys)) {\r\n        return\r\n      }\r\n      const diffItems = xor(valueKeys, currentDisplayDataKeys)\r\n      for (const tableItem of props.dataSource) {\r\n        if (diffItems.includes(tableItem[rowKey])) {\r\n          const shouldSelect = valueKeys.includes(tableItem[rowKey])\r\n          elTableRef.value.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable)\r\n        }\r\n      }\r\n    }\r\n  },\r\n  {\r\n    immediate: true,\r\n  },\r\n)\r\n\r\nfunction onSelect(newSelection: Record<string, any>[]) {\r\n  /* istanbul ignore if -- @preserve */\r\n  if (!rowKey) {\r\n    throw new Error('rowKey is required')\r\n  }\r\n\r\n  const removedItemList\r\n    = prevSelection.length > newSelection.length\r\n      ? differenceWith(\r\n          prevSelection,\r\n          newSelection,\r\n          (itemPrev, itemNext) => {\r\n            return itemPrev[rowKey] === itemNext[rowKey]\r\n          },\r\n        )\r\n      : []\r\n  prevSelection = [...newSelection]\r\n  selectedFlatDataSource.value = uniqWith(\r\n    [...selectedFlatDataSource.value, ...newSelection],\r\n    (itemPrev, itemNext) => {\r\n      return itemPrev[rowKey] === itemNext[rowKey]\r\n    },\r\n  )\r\n  if (removedItemList.length > 0) {\r\n    const removedKeys = uniq(removedItemList.map(item => item[rowKey]))\r\n    remove(selectedFlatDataSource.value, item =>\r\n      removedKeys.includes(item[rowKey]))\r\n  }\r\n\r\n  if (props.optionAsValue) {\r\n    emit('update:modelValue', selectedFlatDataSource.value)\r\n  }\r\n  else {\r\n    const selectedKeys = selectedFlatDataSource.value.map(\r\n      item => item[rowKey],\r\n    )\r\n    emit('update:modelValue', selectedKeys)\r\n  }\r\n}\r\n\r\nfunction onRadioClick(item) {\r\n  radioSelectedKey.value = item[rowKey]\r\n  if (props.optionAsValue) {\r\n    emit('update:modelValue', item)\r\n  }\r\n  else {\r\n    emit('update:modelValue', item[rowKey])\r\n  }\r\n}\r\n\r\nfunction onRowClick(row: Record<string, any>, _, event: Event) {\r\n  if (!props.clickRowToSelect)\r\n    return\r\n\r\n  if (props.mode === 'multiple') {\r\n    const checkboxDOM = (event.target as Element)\r\n      .closest('tr')\r\n      .querySelector('input[type=\"checkbox\"]')\r\n    if (checkboxDOM instanceof HTMLElement) {\r\n      checkboxDOM.click()\r\n    }\r\n  }\r\n  else {\r\n    const radioDOM = (event.target as Element)\r\n      .closest('tr')\r\n      .querySelector('input[type=\"radio\"]')\r\n    if (radioDOM instanceof HTMLElement) {\r\n      radioDOM.click()\r\n    }\r\n  }\r\n}\r\n\r\nfunction onClearSelectionClick() {\r\n  if (props.mode === 'multiple') {\r\n    emit('update:modelValue', [])\r\n    selectedFlatDataSource.value = []\r\n  }\r\n  else {\r\n    radioSelectedKey.value = null\r\n    emit('update:modelValue', null)\r\n  }\r\n}\r\n\r\nfunction selectable(row: Record<string, any>, index: number) {\r\n  if (props.selectable && isFn(props.selectable)) {\r\n    return props.selectable(row, index, field.value)\r\n  }\r\n  return true\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"`${stylePrefix}-select-table`\">\r\n    <div\r\n      v-if=\"currentSelectLength > 0 && props.showAlertToolbar\"\r\n      :class=\"`${stylePrefix}-select-table-alert-container`\"\r\n    >\r\n      <span>已选择 {{ currentSelectLength }} 项</span>\r\n      <ElLink\r\n        type=\"primary\"\r\n        :underline=\"lt(version, '2.9.9') ? false : 'never'\"\r\n        style=\"margin-left: 8px;\"\r\n        @click=\"onClearSelectionClick\"\r\n      >\r\n        取消选择\r\n      </ElLink>\r\n    </div>\r\n    <ElTable\r\n      ref=\"elTableRef\"\r\n      v-loading=\"props.loading\"\r\n      v-bind=\"elTableProps\"\r\n      :row-key=\"rowKey\"\r\n      :row-class-name=\"props.clickRowToSelect ? `--click-row-select` : ''\"\r\n      :data=\"props.dataSource\"\r\n      :highlight-current-row=\"props.mode === 'single'\"\r\n      @select=\"onSelect\"\r\n      @select-all=\"onSelect\"\r\n      @row-click=\"onRowClick\"\r\n    >\r\n      <ElTableColumn\r\n        v-if=\"props.mode === 'multiple'\"\r\n        type=\"selection\"\r\n        :selectable=\"selectable\"\r\n      />\r\n      <ElTableColumn\r\n        v-else\r\n        width=\"46\"\r\n      >\r\n        <template #default=\"{ row }\">\r\n          <ElRadioGroup v-model=\"radioSelectedKey\" style=\"width: 100%;\">\r\n            <ElRadio\r\n              v-bind=\"compatibleRadioValue(row[rowKey])\"\r\n              @change=\"() => onRadioClick(row)\"\r\n            >\r\n              &nbsp;\r\n            </ElRadio>\r\n          </ElRadioGroup>\r\n        </template>\r\n      </ElTableColumn>\r\n      <template v-if=\"props.columns.length === 0\">\r\n        <slot />\r\n      </template>\r\n      <template v-else>\r\n        <ElTableColumn\r\n          v-for=\"colItem of props.columns\"\r\n          v-bind=\"colItem\"\r\n          :key=\"colItem.prop || colItem.type\"\r\n        />\r\n      </template>\r\n    </ElTable>\r\n  </div>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport InnerSelectTable from './select-table.vue'\r\nimport './style.scss'\r\n\r\nconst SelectTable = connect(\r\n  InnerSelectTable,\r\n  mapProps({ dataSource: 'dataSource', loading: 'loading' }),\r\n)\r\n\r\nexport { SelectTable }\r\n\r\nexport default SelectTable\r\n"],"names":["props","__props","emit","__emit","elTableProps","useAttrs","field","useField","compatibleRadioValue","key","lt","version","elTableRef","ref","rowKey","getInitialSelectedList","item","initialSelectedList","selectedFlatDataSource","prevSelection","radioSelectedKey","currentSelectLength","computed","isValid","watch","selectedKeys","uniq","nextTick","onRadioClick","value","loading","currentDisplayDataKeys","valueKeys","isEqual","diffItems","xor","tableItem","shouldSelect","onSelect","newSelection","removedItemList","differenceWith","itemPrev","itemNext","uniqWith","removedKeys","remove","onRowClick","row","_","event","checkboxDOM","radioDOM","onClearSelectionClick","selectable","index","isFn","_createElementBlock","_unref","stylePrefix","_createElementVNode","_toDisplayString","_createVNode","ElLink","_cache","_withDirectives","_openBlock","_createBlock","_mergeProps","ElTableColumn","_withCtx","ElRadioGroup","$event","_renderSlot","_ctx","_Fragment","_renderList","colItem","vLoading","SelectTable","connect","InnerSelectTable","mapProps"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/select-table/select-table.vue","../../src/select-table/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { TableInstance } from 'element-plus'\r\nimport type { ISelectTableProps } from './types'\r\nimport { isEqual, isFn, isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport {\r\n  ElLink,\r\n  ElRadio,\r\n  ElRadioGroup,\r\n  ElTable,\r\n  ElTableColumn,\r\n  useAttrs,\r\n  version,\r\n  vLoading,\r\n} from 'element-plus'\r\nimport { differenceWith, remove, uniq, uniqWith, xor } from 'lodash-es'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { lt, stylePrefix } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FSelectTable',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = withDefaults(defineProps<ISelectTableProps>(), {\r\n  columns: () => [],\r\n  mode: 'multiple',\r\n  dataSource: () => [],\r\n  optionAsValue: false,\r\n  valueType: 'all',\r\n  loading: false,\r\n  clickRowToSelect: true,\r\n  showAlertToolbar: true,\r\n  ignoreSelectable: true,\r\n})\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst elTableProps = useAttrs()\r\nconst field = useField()\r\n\r\nfunction compatibleRadioValue(key: string) {\r\n  return lt(version, '2.6.0') ? { label: key } : { value: key }\r\n}\r\n\r\nconst elTableRef = ref<TableInstance>()\r\nconst rowKey = props.rowKey\r\nfunction getInitialSelectedList() {\r\n  if (props.mode === 'multiple') {\r\n    return props.modelValue?.map((item) => {\r\n      if (!props.optionAsValue) {\r\n        return {\r\n          [rowKey]: item,\r\n        }\r\n      }\r\n      return item\r\n    }) ?? []\r\n  }\r\n  else {\r\n    return props.optionAsValue ? [props.modelValue] : [{ [rowKey]: props.modelValue }]\r\n  }\r\n}\r\nconst initialSelectedList = getInitialSelectedList()\r\nconst selectedFlatDataSource = ref(initialSelectedList)\r\n// 为了获取移除的项而缓存的当前页面的前一次选择。由于element-plus没有获取移除项的方法，需要通过这种方式移除field中移除的项\r\nlet prevSelection = []\r\n\r\nconst radioSelectedKey = ref()\r\n\r\nconst currentSelectLength = computed(() => {\r\n  if (props.mode === 'multiple') {\r\n    return Array.isArray(props.modelValue) ? props.modelValue.length : 0\r\n  }\r\n  else {\r\n    return isValid(radioSelectedKey.value) ? 1 : 0\r\n  }\r\n})\r\n\r\nwatch(\r\n  () => props.dataSource,\r\n  async () => {\n    const selectedKeys = uniq(\n      selectedFlatDataSource.value.map(item => item[rowKey]),\n    )\n    await nextTick()\n    if (!elTableRef.value) {\n      return\n    }\n    for (const item of props.dataSource) {\n      if (selectedKeys.includes(item[rowKey])) {\n        if (props.mode === 'multiple') {\n          elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable)\n        }\n        else {\n          elTableRef.value?.setCurrentRow(item)\n          onRadioClick(item)\n        }\n      }\n      await nextTick()\n      prevSelection = elTableRef.value?.getSelectionRows()\n    }\n  },\n  { immediate: true },\n)\n\r\nwatch(\r\n  () => [props.modelValue, props.loading],\r\n  async ([value, loading]) => {\r\n    if (loading) {\r\n      return\r\n    }\r\n    if (props.mode === 'single') {\n      radioSelectedKey.value = props.optionAsValue ? value[rowKey] : value\n    }\n    else {\n      await nextTick()\n      if (!elTableRef.value) {\n        return\n      }\n      const currentDisplayDataKeys = elTableRef.value\n        ?.getSelectionRows()\n        .map(item => item[rowKey])\n      const valueKeys = props.optionAsValue\r\n        ? value?.map(item => item[rowKey])\r\n        : value ?? []\r\n      selectedFlatDataSource.value = selectedFlatDataSource.value.filter(\r\n        item => valueKeys.includes(item[rowKey]),\r\n      )\r\n      if (isEqual(valueKeys, currentDisplayDataKeys)) {\r\n        return\r\n      }\r\n      const diffItems = xor(valueKeys, currentDisplayDataKeys)\r\n      for (const tableItem of props.dataSource) {\r\n        if (diffItems.includes(tableItem[rowKey])) {\r\n          const shouldSelect = valueKeys.includes(tableItem[rowKey])\r\n          elTableRef.value.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable)\r\n        }\r\n      }\r\n    }\r\n  },\r\n  {\r\n    immediate: true,\r\n  },\r\n)\r\n\r\nfunction onSelect(newSelection: Record<string, any>[]) {\r\n  /* istanbul ignore if -- @preserve */\r\n  if (!rowKey) {\r\n    throw new Error('rowKey is required')\r\n  }\r\n\r\n  const removedItemList\r\n    = prevSelection.length > newSelection.length\r\n      ? differenceWith(\r\n          prevSelection,\r\n          newSelection,\r\n          (itemPrev, itemNext) => {\r\n            return itemPrev[rowKey] === itemNext[rowKey]\r\n          },\r\n        )\r\n      : []\r\n  prevSelection = [...newSelection]\r\n  selectedFlatDataSource.value = uniqWith(\r\n    [...selectedFlatDataSource.value, ...newSelection],\r\n    (itemPrev, itemNext) => {\r\n      return itemPrev[rowKey] === itemNext[rowKey]\r\n    },\r\n  )\r\n  if (removedItemList.length > 0) {\r\n    const removedKeys = uniq(removedItemList.map(item => item[rowKey]))\r\n    remove(selectedFlatDataSource.value, item =>\r\n      removedKeys.includes(item[rowKey]))\r\n  }\r\n\r\n  if (props.optionAsValue) {\r\n    emit('update:modelValue', selectedFlatDataSource.value)\r\n  }\r\n  else {\r\n    const selectedKeys = selectedFlatDataSource.value.map(\r\n      item => item[rowKey],\r\n    )\r\n    emit('update:modelValue', selectedKeys)\r\n  }\r\n}\r\n\r\nfunction onRadioClick(item) {\r\n  radioSelectedKey.value = item[rowKey]\r\n  if (props.optionAsValue) {\r\n    emit('update:modelValue', item)\r\n  }\r\n  else {\r\n    emit('update:modelValue', item[rowKey])\r\n  }\r\n}\r\n\r\nfunction onRowClick(row: Record<string, any>, _, event: Event) {\r\n  if (!props.clickRowToSelect)\r\n    return\r\n\r\n  if (props.mode === 'multiple') {\r\n    const checkboxDOM = (event.target as Element)\r\n      .closest('tr')\r\n      .querySelector('input[type=\"checkbox\"]')\r\n    if (checkboxDOM instanceof HTMLElement) {\r\n      checkboxDOM.click()\r\n    }\r\n  }\r\n  else {\r\n    const radioDOM = (event.target as Element)\r\n      .closest('tr')\r\n      .querySelector('input[type=\"radio\"]')\r\n    if (radioDOM instanceof HTMLElement) {\r\n      radioDOM.click()\r\n    }\r\n  }\r\n}\r\n\r\nfunction onClearSelectionClick() {\r\n  if (props.mode === 'multiple') {\r\n    emit('update:modelValue', [])\r\n    selectedFlatDataSource.value = []\r\n  }\r\n  else {\r\n    radioSelectedKey.value = null\r\n    emit('update:modelValue', null)\r\n  }\r\n}\r\n\r\nfunction selectable(row: Record<string, any>, index: number) {\r\n  if (props.selectable && isFn(props.selectable)) {\r\n    return props.selectable(row, index, field.value)\r\n  }\r\n  return true\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"`${stylePrefix}-select-table`\">\r\n    <div\r\n      v-if=\"currentSelectLength > 0 && props.showAlertToolbar\"\r\n      :class=\"`${stylePrefix}-select-table-alert-container`\"\r\n    >\r\n      <span>已选择 {{ currentSelectLength }} 项</span>\r\n      <ElLink\r\n        type=\"primary\"\r\n        :underline=\"lt(version, '2.9.9') ? false : 'never'\"\r\n        style=\"margin-left: 8px;\"\r\n        @click=\"onClearSelectionClick\"\r\n      >\r\n        取消选择\r\n      </ElLink>\r\n    </div>\r\n    <ElTable\r\n      ref=\"elTableRef\"\r\n      v-loading=\"props.loading\"\r\n      v-bind=\"elTableProps\"\r\n      :row-key=\"rowKey\"\r\n      :row-class-name=\"props.clickRowToSelect ? `--click-row-select` : ''\"\r\n      :data=\"props.dataSource\"\r\n      :highlight-current-row=\"props.mode === 'single'\"\r\n      @select=\"onSelect\"\r\n      @select-all=\"onSelect\"\r\n      @row-click=\"onRowClick\"\r\n    >\r\n      <ElTableColumn\r\n        v-if=\"props.mode === 'multiple'\"\r\n        type=\"selection\"\r\n        :selectable=\"selectable\"\r\n      />\r\n      <ElTableColumn\r\n        v-else\r\n        width=\"46\"\r\n      >\r\n        <template #default=\"{ row }\">\r\n          <ElRadioGroup v-model=\"radioSelectedKey\" style=\"width: 100%;\">\r\n            <ElRadio\r\n              v-bind=\"compatibleRadioValue(row[rowKey])\"\r\n              @change=\"() => onRadioClick(row)\"\r\n            >\r\n              &nbsp;\r\n            </ElRadio>\r\n          </ElRadioGroup>\r\n        </template>\r\n      </ElTableColumn>\r\n      <template v-if=\"props.columns.length === 0\">\r\n        <slot />\r\n      </template>\r\n      <template v-else>\r\n        <ElTableColumn\r\n          v-for=\"colItem of props.columns\"\r\n          v-bind=\"colItem\"\r\n          :key=\"colItem.prop || colItem.type\"\r\n        />\r\n      </template>\r\n    </ElTable>\r\n  </div>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport InnerSelectTable from './select-table.vue'\r\nimport './style.scss'\r\n\r\nconst SelectTable = connect<typeof InnerSelectTable>(\n  InnerSelectTable,\n  mapProps({ dataSource: 'dataSource', loading: 'loading' }),\r\n)\r\n\r\nexport { SelectTable }\r\n\r\nexport default SelectTable\r\n"],"names":["props","__props","emit","__emit","elTableProps","useAttrs","field","useField","compatibleRadioValue","key","lt","version","elTableRef","ref","rowKey","getInitialSelectedList","item","initialSelectedList","selectedFlatDataSource","prevSelection","radioSelectedKey","currentSelectLength","computed","isValid","watch","selectedKeys","uniq","nextTick","onRadioClick","value","loading","currentDisplayDataKeys","valueKeys","isEqual","diffItems","xor","tableItem","shouldSelect","onSelect","newSelection","removedItemList","differenceWith","itemPrev","itemNext","uniqWith","removedKeys","remove","onRowClick","row","_","event","checkboxDOM","radioDOM","onClearSelectionClick","selectable","index","isFn","_createElementBlock","_unref","stylePrefix","_createElementVNode","_toDisplayString","_createVNode","ElLink","_cache","_withDirectives","_openBlock","_createBlock","_mergeProps","ElTableColumn","_withCtx","ElRadioGroup","$event","_renderSlot","_ctx","_Fragment","_renderList","colItem","vLoading","SelectTable","connect","InnerSelectTable","mapProps"],"mappings":"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"}