@keyblade/pro-components 1.15.0-alpha.1 → 1.15.0-alpha.2

package/es/pro-table/column-setting.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    modelValue: any[];
+    prefixClsName: string;
+    draggable?: boolean;
+    checkable?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    reset: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/pro-table/column-setting.vue.js

@@ -0,0 +1,132 @@
+var A = Object.defineProperty, T = Object.defineProperties;
+var U = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var x = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var k = (o, a, t) => a in o ? A(o, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[a] = t, V = (o, a) => {
+  for (var t in a || (a = {}))
+    x.call(a, t) && k(o, t, a[t]);
+  if (C)
+    for (var t of C(a))
+      F.call(a, t) && k(o, t, a[t]);
+  return o;
+}, h = (o, a) => T(o, U(a));
+import { defineComponent as L, computed as y, ref as M, createBlock as f, openBlock as u, unref as s, withCtx as g, createVNode as p, createElementVNode as m, normalizeClass as i, createTextVNode as b, createElementBlock as N, Fragment as O, renderList as P, withModifiers as j, createCommentVNode as $, toDisplayString as q } from "vue";
+import { Popover as G, Tooltip as H, Checkbox as D, Button as J, Divider as K } from "@arco-design/web-vue";
+import { IconSettings as Q, IconDragDotVertical as R } from "@arco-design/web-vue/es/icon";
+const W = ["draggable", "onDragstart", "onDragover"], ee = /* @__PURE__ */ L({
+  __name: "column-setting",
+  props: {
+    modelValue: {},
+    prefixClsName: {},
+    draggable: { type: Boolean },
+    checkable: { type: Boolean }
+  },
+  emits: ["update:modelValue", "reset"],
+  setup(o, { emit: a }) {
+    const t = o, v = a, B = y(() => t.modelValue.every((e) => e.checked)), I = y(() => {
+      const e = t.modelValue.filter((l) => l.checked).length;
+      return e > 0 && e < t.modelValue.length;
+    }), S = (e) => {
+      const l = typeof e == "boolean" ? e : !!e.length, n = t.modelValue.map((d) => h(V({}, d), {
+        checked: l
+      }));
+      v("update:modelValue", n);
+    }, r = M(null), w = (e) => {
+      r.value = e;
+    }, E = (e) => {
+      if (r.value === null || r.value === e) return;
+      const l = [...t.modelValue], n = l[r.value];
+      n && (l.splice(r.value, 1), l.splice(e, 0, n), r.value = e, v("update:modelValue", l));
+    }, z = () => {
+      r.value = null;
+    };
+    return (e, l) => (u(), f(s(G), {
+      position: "br",
+      trigger: "click",
+      "content-style": { padding: 0 }
+    }, {
+      content: g(() => [
+        m("div", {
+          class: i(`${e.prefixClsName}-column-setting`)
+        }, [
+          m("div", {
+            class: i(`${e.prefixClsName}-column-setting-title`),
+            style: { "margin-top": "10px" }
+          }, [
+            p(s(D), {
+              "model-value": B.value,
+              indeterminate: I.value,
+              onChange: S
+            }, {
+              default: g(() => l[2] || (l[2] = [
+                b(" 列展示 ")
+              ])),
+              _: 1
+            }, 8, ["model-value", "indeterminate"]),
+            p(s(J), {
+              type: "text",
+              size: "mini",
+              onClick: l[0] || (l[0] = (n) => e.$emit("reset"))
+            }, {
+              default: g(() => l[3] || (l[3] = [
+                b("重置")
+              ])),
+              _: 1
+            })
+          ], 2),
+          p(s(K), { style: { margin: "0" } }),
+          m("div", {
+            class: i(`${e.prefixClsName}-column-setting-list`)
+          }, [
+            (u(!0), N(O, null, P(e.modelValue, (n, d) => (u(), N("div", {
+              key: String(n.dataIndex || (typeof n.title == "string" ? n.title : d)),
+              class: i([
+                `${e.prefixClsName}-column-setting-item`,
+                { "is-dragging": r.value === d }
+              ]),
+              style: { "margin-top": "10px", "margin-bottom": "10px", display: "flex", "align-items": "center" },
+              draggable: e.draggable,
+              onDragstart: (c) => e.draggable ? w(d) : void 0,
+              onDragover: j((c) => e.draggable ? E(d) : void 0, ["prevent"]),
+              onDragend: l[1] || (l[1] = (c) => e.draggable ? z() : void 0)
+            }, [
+              m("div", {
+                class: i(`${e.prefixClsName}-column-setting-item-left`)
+              }, [
+                e.draggable ? (u(), f(s(R), {
+                  key: 0,
+                  class: i(`${e.prefixClsName}-column-setting-item-drag`)
+                }, null, 8, ["class"])) : $("", !0),
+                e.checkable ? (u(), f(s(D), {
+                  key: 1,
+                  modelValue: n.checked,
+                  "onUpdate:modelValue": (c) => n.checked = c
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : $("", !0),
+                m("span", {
+                  class: i(`${e.prefixClsName}-column-setting-item-title`),
+                  style: { "margin-left": "5px" }
+                }, q(n.title), 3)
+              ], 2)
+            ], 42, W))), 128))
+          ], 2)
+        ], 2)
+      ]),
+      default: g(() => [
+        p(s(H), { content: "列设置" }, {
+          default: g(() => [
+            m("div", {
+              class: i(`${e.prefixClsName}-header-icon`)
+            }, [
+              p(s(Q))
+            ], 2)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  ee as default
+};

package/es/pro-table/column-setting.vue2.js

@@ -0,0 +1,4 @@
+import f from "./column-setting.vue.js";
+export {
+  f as default
+};

package/es/pro-table/index.d.ts

@@ -78,7 +78,10 @@ declare const ProTable: {
     stickyHeader: number | boolean;
     showEmptyTree: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+    $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
+        'pagination-left'?(_: {}): any;
+        'pagination-left'?(_: {}): any;
+    };
 }) & {
     install: (app: App) => void;
 };

package/es/pro-table/index.vue.d.ts

@@ -2,7 +2,10 @@ import { PaginationProps } from '@arco-design/web-vue';
 import { IProTable, IProTableColumn } from './interface';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
+        'pagination-left'?(_: {}): any;
+        'pagination-left'?(_: {}): any;
+    };
     refs: {};
     rootEl: HTMLDivElement;
 };

package/es/pro-table/index.vue.js

@@ -1,38 +1,42 @@
-var X = Object.defineProperty, Y = Object.defineProperties;
-var Z = Object.getOwnPropertyDescriptors;
-var _ = Object.getOwnPropertySymbols;
-var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
-var j = (i, t, a) => t in i ? X(i, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : i[t] = a, B = (i, t) => {
-  for (var a in t || (t = {}))
-    ee.call(t, a) && j(i, a, t[a]);
-  if (_)
-    for (var a of _(t))
-      te.call(t, a) && j(i, a, t[a]);
-  return i;
-}, I = (i, t) => Y(i, Z(t));
-var z = (i, t, a) => new Promise((w, S) => {
-  var E = (f) => {
+var L = Object.defineProperty, D = Object.defineProperties;
+var H = Object.getOwnPropertyDescriptors;
+var V = Object.getOwnPropertySymbols;
+var T = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var z = (a, e, o) => e in a ? L(a, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : a[e] = o, m = (a, e) => {
+  for (var o in e || (e = {}))
+    T.call(e, o) && z(a, o, e[o]);
+  if (V)
+    for (var o of V(e))
+      U.call(e, o) && z(a, o, e[o]);
+  return a;
+}, $ = (a, e) => D(a, H(e));
+var N = (a, e, o) => new Promise((S, b) => {
+  var w = (r) => {
     try {
-      p(a.next(f));
-    } catch (x) {
-      S(x);
+      p(o.next(r));
+    } catch (f) {
+      b(f);
     }
-  }, c = (f) => {
+  }, l = (r) => {
     try {
-      p(a.throw(f));
-    } catch (x) {
-      S(x);
+      p(o.throw(r));
+    } catch (f) {
+      b(f);
     }
-  }, p = (f) => f.done ? w(f.value) : Promise.resolve(f.value).then(E, c);
-  p((a = a.apply(i, t)).next());
+  }, p = (r) => r.done ? S(r.value) : Promise.resolve(r.value).then(w, l);
+  p((o = o.apply(a, e)).next());
 });
-import { defineComponent as le, useSlots as ae, useAttrs as ne, computed as b, ref as V, watch as oe, createElementBlock as $, openBlock as m, normalizeClass as u, createCommentVNode as k, createVNode as C, createElementVNode as v, unref as r, withCtx as y, createBlock as D, createTextVNode as N, Fragment as se, renderList as A, withModifiers as K, toDisplayString as M, mergeProps as R, createSlots as re, normalizeStyle as ie, renderSlot as ue, normalizeProps as de, guardReactiveProps as ce } from "vue";
-import { Space as pe, Popover as fe, Tooltip as L, Checkbox as P, Button as ge, Divider as me, Table as ve, Message as ye } from "@arco-design/web-vue";
-import { IconSettings as he, IconDragDotVertical as be, IconCopy as Ce } from "@arco-design/web-vue/es/icon";
-import { conclude as ke } from "vue-global-config";
-import { globalProps as xe } from "../global-props.js";
-import { useClipboard as Be } from "@vueuse/core";
-const $e = ["draggable", "onDragstart", "onDragover"], Se = ["onClick"], s = "keyblade-pro-table", ze = /* @__PURE__ */ le({
+import { defineComponent as F, useSlots as q, useAttrs as G, computed as d, ref as J, watch as Q, createElementBlock as C, openBlock as g, normalizeClass as h, createCommentVNode as k, createVNode as B, renderSlot as E, createElementVNode as j, unref as y, mergeProps as K, createSlots as W, withCtx as x, normalizeStyle as X, withModifiers as Y, createBlock as Z, toDisplayString as ee, renderList as te, normalizeProps as oe, guardReactiveProps as ae } from "vue";
+import { Table as le, Tooltip as ne, Message as se } from "@arco-design/web-vue";
+import { IconCopy as re } from "@arco-design/web-vue/es/icon";
+import { conclude as ie } from "vue-global-config";
+import { globalProps as ue } from "../global-props.js";
+import { useClipboard as de } from "@vueuse/core";
+import M from "./column-setting.vue.js";
+const pe = {
+  key: 0,
+  style: { "margin-left": "10px" }
+}, ce = ["onClick"], u = "keyblade-pro-table", ke = /* @__PURE__ */ F({
   __name: "index",
   props: {
     size: { default: "large" },
@@ -96,181 +100,94 @@ const $e = ["draggable", "onDragstart", "onDragover"], Se = ["onClick"], s = "ke
     "onUpdate:selectedKeys": {},
     "onUpdate:expandedKeys": {}
   },
-  setup(i) {
-    const t = i, a = ae(), { copy: w } = Be(), S = ne(), E = b(() => ke([t, xe.table || {}]) || {}), c = b(() => {
-      if (t.options === !1) return !1;
-      const e = {
+  setup(a) {
+    const e = a, o = q(), { copy: S } = de(), b = G(), w = d(() => ie([e, ue.table || {}]) || {}), l = d(() => {
+      if (e.options === !1) return !1;
+      const t = {
         setting: !0
       };
-      return t.options === !0 || t.options === void 0 ? e : B(B({}, e), t.options);
-    }), p = b(() => typeof c.value == "object" && typeof c.value.setting == "object" ? c.value.setting.draggable !== !1 : !0), f = b(() => typeof c.value == "object" && typeof c.value.setting == "object" ? c.value.setting.checkable !== !1 : !0), x = b(() => {
-      var o, d;
-      const e = (o = t.pagination) == null ? void 0 : o.total, l = !!a["pagination-left"], n = !!c.value;
-      return ((d = t.data) == null ? void 0 : d.length) || e || l || n;
-    }), g = V([]), O = () => {
-      g.value = t.columns.map((e) => I(B({}, e), {
+      return e.options === !0 || e.options === void 0 ? t : m(m({}, t), e.options);
+    }), p = d(() => typeof l.value == "object" && typeof l.value.setting == "object" ? l.value.setting.draggable !== !1 : !0), r = d(() => typeof l.value == "object" && typeof l.value.setting == "object" ? l.value.setting.checkable !== !1 : !0), f = d(() => {
+      var n, s;
+      return !((n = e.pagination) == null ? void 0 : n.total) && !((s = e.data) != null && s.length) && o["pagination-left"];
+    }), I = d(() => !!l.value && !!l.value.setting && e.pagination), P = d(() => !!l.value && !!l.value.setting && !e.pagination), c = J([]), O = () => {
+      c.value = e.columns.map((t) => $(m({}, t), {
         checked: !0
       }));
     };
-    oe(() => t.columns, O, { immediate: !0 });
-    const T = b(() => g.value.every((e) => e.checked)), F = b(() => {
-      const e = g.value.filter((l) => l.checked).length;
-      return e > 0 && e < g.value.length;
-    }), U = (e) => {
-      const l = typeof e == "boolean" ? e : !!e.length;
-      g.value.forEach((n) => {
-        n.checked = l;
-      });
-    }, H = () => {
+    Q(() => e.columns, O, { immediate: !0 });
+    const R = () => {
       O();
-    }, h = V(null), q = (e) => {
-      h.value = e;
-    }, G = (e) => {
-      if (h.value === null || h.value === e) return;
-      const l = [...g.value], n = l[h.value];
-      n && (l.splice(h.value, 1), l.splice(e, 0, n), h.value = e, g.value = l);
-    }, J = () => {
-      h.value = null;
-    }, Q = b(() => g.value.filter((e) => e.checked).map((e) => e.clipboard ? I(B({}, e), {
-      hover: e.hover === void 0 ? !0 : e.hover,
-      slotName: `${s}-clipboard`
-    }) : e)), W = (e) => z(null, null, function* () {
+    }, _ = d(() => c.value.filter((t) => t.checked).map((t) => t.clipboard ? $(m({}, t), {
+      hover: t.hover === void 0 ? !0 : t.hover,
+      slotName: `${u}-clipboard`
+    }) : t)), A = (t) => N(null, null, function* () {
       try {
-        yield w(e), ye.success("拷贝成功!");
-      } catch (l) {
-        console.info(l);
+        yield S(t), se.success("拷贝成功!");
+      } catch (n) {
+        console.info(n);
       }
     });
-    return (e, l) => (m(), $("div", {
-      class: u(s)
+    return (t, n) => (g(), C("div", {
+      class: h(u)
     }, [
-      x.value ? (m(), $("div", {
+      f.value ? (g(), C("div", {
         key: 0,
-        class: u(`${s}-header`)
+        class: h(`${u}-header`)
       }, [
-        v("div", {
-          class: u(`${s}-header-left`)
-        }, null, 2),
-        c.value ? (m(), $("div", {
-          key: 0,
-          class: u(`${s}-header-right`)
-        }, [
-          C(r(pe), null, {
-            default: y(() => [
-              c.value.setting ? (m(), D(r(fe), {
-                key: 0,
-                position: "br",
-                trigger: "click",
-                "content-style": { padding: 0 }
-              }, {
-                content: y(() => [
-                  v("div", {
-                    class: u(`${s}-column-setting`)
-                  }, [
-                    v("div", {
-                      class: u(`${s}-column-setting-title`)
-                    }, [
-                      C(r(P), {
-                        "model-value": T.value,
-                        indeterminate: F.value,
-                        onChange: U
-                      }, {
-                        default: y(() => l[1] || (l[1] = [
-                          N(" 列展示 ")
-                        ])),
-                        _: 1
-                      }, 8, ["model-value", "indeterminate"]),
-                      C(r(ge), {
-                        type: "text",
-                        size: "mini",
-                        onClick: H
-                      }, {
-                        default: y(() => l[2] || (l[2] = [
-                          N("重置")
-                        ])),
-                        _: 1
-                      })
-                    ], 2),
-                    C(r(me), { style: { margin: "0" } }),
-                    v("div", {
-                      class: u(`${s}-column-setting-list`)
-                    }, [
-                      (m(!0), $(se, null, A(g.value, (n, o) => (m(), $("div", {
-                        key: String(n.dataIndex || (typeof n.title == "string" ? n.title : o)),
-                        class: u([
-                          `${s}-column-setting-item`,
-                          { "is-dragging": h.value === o }
-                        ]),
-                        style: { "margin-top": "10px", "margin-bottom": "10px", display: "flex", "align-items": "center" },
-                        draggable: p.value,
-                        onDragstart: (d) => p.value ? q(o) : void 0,
-                        onDragover: K((d) => p.value ? G(o) : void 0, ["prevent"]),
-                        onDragend: l[0] || (l[0] = (d) => p.value ? J() : void 0)
-                      }, [
-                        v("div", {
-                          class: u(`${s}-column-setting-item-left`)
-                        }, [
-                          p.value ? (m(), D(r(be), {
-                            key: 0,
-                            class: u(`${s}-column-setting-item-drag`)
-                          }, null, 8, ["class"])) : k("", !0),
-                          f.value ? (m(), D(r(P), {
-                            key: 1,
-                            modelValue: n.checked,
-                            "onUpdate:modelValue": (d) => n.checked = d
-                          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : k("", !0),
-                          v("span", {
-                            class: u(`${s}-column-setting-item-title`),
-                            style: { "margin-left": "5px" }
-                          }, M(n.title), 3)
-                        ], 2)
-                      ], 42, $e))), 128))
-                    ], 2)
-                  ], 2)
-                ]),
-                default: y(() => [
-                  C(r(L), { content: "列设置" }, {
-                    default: y(() => [
-                      v("div", {
-                        class: u(`${s}-header-icon`)
-                      }, [
-                        C(r(he))
-                      ], 2)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : k("", !0)
-            ]),
-            _: 1
-          })
-        ], 2)) : k("", !0)
+        E(t.$slots, "pagination-left")
+      ], 2)) : k("", !0),
+      P.value ? (g(), C("div", {
+        key: 1,
+        class: h(`${u}-header`)
+      }, [
+        E(t.$slots, "pagination-left"),
+        n[2] || (n[2] = j("div", null, null, -1)),
+        B(M, {
+          modelValue: c.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (s) => c.value = s),
+          "prefix-cls-name": u,
+          draggable: p.value,
+          checkable: r.value,
+          onReset: R
+        }, null, 8, ["modelValue", "draggable", "checkable"])
       ], 2)) : k("", !0),
-      C(r(ve), R(R(E.value, r(S)), { columns: Q.value }), re({
-        [`${s}-clipboard`]: y(({ record: n, column: o }) => [
-          C(r(L), {
-            style: ie({ display: o.ellipsis && o.hover ? "" : "none" }),
-            content: n[o.dataIndex]
+      B(y(le), K(K(w.value, y(b)), { columns: _.value }), W({
+        "pagination-right": x(() => [
+          I.value ? (g(), C("div", pe, [
+            B(M, {
+              modelValue: c.value,
+              "onUpdate:modelValue": n[1] || (n[1] = (s) => c.value = s),
+              "prefix-cls-name": u,
+              draggable: p.value,
+              checkable: r.value,
+              onReset: R
+            }, null, 8, ["modelValue", "draggable", "checkable"])
+          ])) : k("", !0)
+        ]),
+        [`${u}-clipboard`]: x(({ record: s, column: i }) => [
+          B(y(ne), {
+            style: X({ display: i.ellipsis && i.hover ? "" : "none" }),
+            content: s[i.dataIndex]
           }, {
-            default: y(() => [
-              v("div", {
-                class: u([`${s}-clipboard`, o.ellipsis ? `${s}-ellipsis` : ""]),
-                onClick: K((d) => W(n[o.dataIndex]), ["stop"])
+            default: x(() => [
+              j("div", {
+                class: h([`${u}-clipboard`, i.ellipsis ? `${u}-ellipsis` : ""]),
+                onClick: Y((v) => A(s[i.dataIndex]), ["stop"])
               }, [
-                v("span", null, M(n[o.dataIndex]), 1),
-                o.copyIcon ? (m(), D(r(Ce), { key: 0 })) : k("", !0)
-              ], 10, Se)
+                j("span", null, ee(s[i.dataIndex]), 1),
+                i.copyIcon ? (g(), Z(y(re), { key: 0 })) : k("", !0)
+              ], 10, ce)
             ]),
             _: 2
           }, 1032, ["style", "content"])
         ]),
         _: 2
       }, [
-        A(r(a), (n, o) => ({
-          name: o,
-          fn: y((d) => [
-            ue(e.$slots, o, de(ce(d != null ? d : {})))
+        te(y(o), (s, i) => ({
+          name: i,
+          fn: x((v) => [
+            E(t.$slots, i, oe(ae(v != null ? v : {})))
           ])
         }))
       ]), 1040, ["columns"])
@@ -278,5 +195,5 @@ const $e = ["draggable", "onDragstart", "onDragover"], Se = ["onClick"], s = "ke
   }
 });
 export {
-  ze as default
+  ke as default
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.15.0-alpha.01",
+  "version": "1.15.0-alpha.02",
   "private": false,
   "type": "module",
   "main": "es/index.js",