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

package/es/pro-layout/hooks.js

@@ -2,36 +2,36 @@ var V = Object.defineProperty, X = Object.defineProperties;
 var Y = Object.getOwnPropertyDescriptors;
 var x = Object.getOwnPropertySymbols;
 var Z = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var J = (c, s, i) => s in c ? V(c, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : c[s] = i, w = (c, s) => {
-  for (var i in s || (s = {}))
-    Z.call(s, i) && J(c, i, s[i]);
+var J = (s, c, i) => c in s ? V(s, c, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[c] = i, w = (s, c) => {
+  for (var i in c || (c = {}))
+    Z.call(c, i) && J(s, i, c[i]);
   if (x)
-    for (var i of x(s))
-      $.call(s, i) && J(c, i, s[i]);
-  return c;
-}, O = (c, s) => X(c, Y(s));
-var L = (c, s, i) => new Promise((K, g) => {
-  var p = (r) => {
+    for (var i of x(c))
+      $.call(c, i) && J(s, i, c[i]);
+  return s;
+}, O = (s, c) => X(s, Y(c));
+var L = (s, c, i) => new Promise((K, g) => {
+  var p = (u) => {
     try {
-      u(i.next(r));
+      r(i.next(u));
     } catch (d) {
       g(d);
     }
-  }, M = (r) => {
+  }, M = (u) => {
     try {
-      u(i.throw(r));
+      r(i.throw(u));
     } catch (d) {
       g(d);
     }
-  }, u = (r) => r.done ? K(r.value) : Promise.resolve(r.value).then(p, M);
-  u((i = i.apply(c, s)).next());
+  }, r = (u) => u.done ? K(u.value) : Promise.resolve(u.value).then(p, M);
+  r((i = i.apply(s, c)).next());
 });
 import { ref as v, computed as _, watch as A } from "vue";
 import { useRoute as I, useRouter as m } from "vue-router";
 import { ProLayoutMode as E, ProLayoutMenuType as R } from "./enum.js";
-const te = (c) => {
-  const s = I(), i = m(), K = v([]), g = v([]), p = v([]), M = v([]), u = v(), r = v([]), d = v({}), k = v([]), f = v([]), P = v([]), T = v([]), y = v([]), b = _(() => {
-    const e = [...c.menuItems], a = (t) => {
+const te = (s) => {
+  const c = I(), i = m(), K = v([]), g = v([]), p = v([]), M = v([]), r = v(), u = v([]), d = v({}), k = v([]), f = v([]), P = v([]), T = v([]), y = v([]), b = _(() => {
+    const e = [...s.menuItems], a = (t) => {
       t.forEach((l) => {
         if (l != null && l.children && l.children.length > 0) {
           if ((l == null ? void 0 : l.topChildrenMenu) !== void 0)
@@ -44,7 +44,7 @@ const te = (c) => {
         }
       });
     };
-    return c.layout === E.mix && a(e), e;
+    return s.layout === E.mix && a(e), e;
   }), W = (e) => {
     var a;
     if (K.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0)
@@ -53,14 +53,14 @@ const te = (c) => {
       if (typeof e.redirect == "string")
         i == null || i.push({ path: e.redirect });
       else if (typeof e.redirect == "function") {
-        const t = e.redirect(s);
+        const t = e.redirect(c);
         i == null || i.push(t);
       } else
         i == null || i.push(e.redirect);
   }, B = (e) => {
     e != null && e.name ? i == null || i.push({ name: e.name }) : i == null || i.push({ path: e.path }), g.value = [e.name];
   }, D = (e, a) => L(null, null, function* () {
-    if (a != null && a.path && !(c != null && c.onMenuItemClick && !(yield c.onMenuItemClick(a)))) {
+    if (a != null && a.path && !(s != null && s.onMenuItemClick && !(yield s.onMenuItemClick(a)))) {
       if (a.path.startsWith("http") || a.path.startsWith("https")) {
         window.open(a.path);
         return;
@@ -74,63 +74,57 @@ const te = (c) => {
       var l;
       for (const n in t) {
         const o = t[n];
-        if (o.name === ((l = u == null ? void 0 : u.value) == null ? void 0 : l.name) || o.children && o.children.length > 0 && a(o.children))
+        if (o.name === ((l = r == null ? void 0 : r.value) == null ? void 0 : l.name) || o.children && o.children.length > 0 && a(o.children))
           return e.unshift(o), !0;
       }
       return !1;
     };
-    a(JSON.parse(JSON.stringify(b.value))), r.value = e;
+    a(JSON.parse(JSON.stringify(b.value))), u.value = e;
   }, q = () => {
     var a, t, l;
-    const e = (a = r.value) == null ? void 0 : a.map((n) => ({ path: n == null ? void 0 : n.path, label: n == null ? void 0 : n.title }));
-    k.value = (t = u.value) != null && t.breadcrumbs ? (l = u.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
+    const e = (a = u.value) == null ? void 0 : a.map((n) => ({ path: n == null ? void 0 : n.path, label: n == null ? void 0 : n.title }));
+    k.value = (t = r.value) != null && t.breadcrumbs ? (l = r.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
   };
   function z() {
-    if (!u.value || u.value.noAffix) {
+    if (!r.value || r.value.noAffix) {
       f.value.forEach((n) => {
         n.active = !1;
       });
       return;
     }
-    const { name: e, title: a } = u.value;
-    let t = -1;
-    f.value.forEach((n, o) => {
-      n.active = !1, n.name === e && (t = o);
+    const { name: e, title: a } = r.value;
+    f.value.forEach((n) => {
+      n.active = !1;
     });
-    const l = {
+    const t = {
       name: e,
-      parentNames: r.value.map((n) => n.name),
+      parentNames: u.value.map((n) => n.name),
       title: a != null ? a : e,
-      fullPath: s.fullPath,
+      fullPath: c.fullPath,
       active: !0
-    };
-    if (~t) {
-      const n = f.value[t];
-      n.fullPath === s.fullPath ? (n.active = !0, n.fullPath = s.fullPath) : (f.value.splice(t, 1), setTimeout(() => {
-        f.value.push(l);
-      }));
-    } else
-      f.value.push(l);
+    }, l = f.value.findIndex((n) => n.fullPath === c.fullPath);
+    ~l ? f.value[l].active = !0 : f.value.push(t);
   }
   const F = (e) => {
-    const a = f.value.findIndex((l) => l.name === e), t = f.value[a];
-    i.push(t.fullPath);
+    const a = f.value.find((t) => t.fullPath === e);
+    a && i.push(a.fullPath);
   }, G = (e) => {
     let a = -1, t = -1;
     if (f.value.forEach((n, o) => {
-      n.name === e && (t = o), n.active && (a = o);
-    }), a === t) {
+      n.fullPath === e && (t = o), n.active && (a = o);
+    }), t === -1) return;
+    if (a === t) {
       let n;
-      t === 0 ? n = f.value[t + 1] : n = f.value[t - 1], n.active = !0, i.push(n.fullPath);
+      t === 0 ? n = f.value[t + 1] : n = f.value[t - 1], n && (n.active = !0, i.push(n.fullPath));
     }
     const l = f.value.splice(t, 1);
     U(l[0]);
   }, Q = () => {
     var a;
-    if (c != null && c.disableKeepAlive || (a = s == null ? void 0 : s.meta) != null && a.ignoreCache)
+    if (s != null && s.disableKeepAlive || (a = c == null ? void 0 : c.meta) != null && a.ignoreCache)
       return;
     const e = new Set(P.value);
-    r.value.forEach((t) => {
+    u.value.forEach((t) => {
       t.name && e.add(t.name);
     }), P.value = Array.from(e.values());
   }, U = (e) => {
@@ -151,27 +145,27 @@ const te = (c) => {
       });
     };
     a(JSON.parse(JSON.stringify(b.value))), d.value = e;
-  }, { immediate: !0 }), A(() => [c.layout, b.value], () => {
+  }, { immediate: !0 }), A(() => [s.layout, b.value], () => {
     var e, a, t;
-    if (T.value = [], y.value = [], p.value = [...((e = c.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...p.value], M.value = [...((a = c.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...M.value], c.layout === E.side)
+    if (T.value = [], y.value = [], p.value = [...((e = s.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...p.value], M.value = [...((a = s.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...M.value], s.layout === E.side)
       y.value = b.value;
-    else if (c.layout === E.mix) {
+    else if (s.layout === E.mix) {
       const l = (t = b.value) == null ? void 0 : t.filter((n) => n.topMenu);
       (l == null ? void 0 : l.length) === 0 ? y.value = b.value : T.value = l;
     }
-  }, { immediate: !0 }), A(() => s == null ? void 0 : s.name, () => {
+  }, { immediate: !0 }), A(() => c == null ? void 0 : c.name, () => {
     var t, l, n;
-    const e = s == null ? void 0 : s.name;
-    u.value = d.value[e], j();
-    const a = r.value.filter((o) => o.topMenu);
-    if (a.length > 0 && T.value.length > 0 && (y.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), K.value = u != null && u.value ? [...a.map((o) => o.name), ...((l = u.value) == null ? void 0 : l.activatedKeys) || []] : [], g.value = u != null && u.value ? [u.value.name, ...((n = u.value) == null ? void 0 : n.activatedKeys) || []] : [], u.value) {
-      const o = r.value.filter((h, C) => C < r.value.length - 1), S = o.filter((h) => h.topMenu).map((h) => h.name), N = o.filter((h) => !h.topMenu).map((h) => h.name);
-      u.value.activatedKeys && u.value.activatedKeys.length > 0 && u.value.activatedKeys.forEach((h) => {
+    const e = c == null ? void 0 : c.name;
+    r.value = d.value[e], j();
+    const a = u.value.filter((o) => o.topMenu);
+    if (a.length > 0 && T.value.length > 0 && (y.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), K.value = r != null && r.value ? [...a.map((o) => o.name), ...((l = r.value) == null ? void 0 : l.activatedKeys) || []] : [], g.value = r != null && r.value ? [r.value.name, ...((n = r.value) == null ? void 0 : n.activatedKeys) || []] : [], r.value) {
+      const o = u.value.filter((h, C) => C < u.value.length - 1), S = o.filter((h) => h.topMenu).map((h) => h.name), N = o.filter((h) => !h.topMenu).map((h) => h.name);
+      r.value.activatedKeys && r.value.activatedKeys.length > 0 && r.value.activatedKeys.forEach((h) => {
         const C = d.value[h];
         C && (C.topMenu ? S.push(h) : N.push(h));
       }), p.value = Array.from(/* @__PURE__ */ new Set([...p.value, ...S])), M.value = Array.from(/* @__PURE__ */ new Set([...M.value, ...N]));
     }
-    q(), c.hideTabs || z(), Q();
+    q(), s.hideTabs || z(), Q();
   }, { immediate: !0 }), {
     topMenuItems: T,
     siderMenuItems: y,
@@ -179,7 +173,7 @@ const te = (c) => {
     siderMenuSelectedKeys: g,
     topMenuOpenKeys: p,
     siderMenuOpenKeys: M,
-    activeMenuItem: u,
+    activeMenuItem: r,
     menuItemMap: d,
     breadcrumbItems: k,
     tabs: f,

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as y, createElementBlock as d, openBlock as n, normalizeClass as f, createVNode as p, unref as l, withCtx as k, Fragment as g, renderList as h, createBlock as v } from "vue";
+import { defineComponent as f, computed as y, createElementBlock as n, openBlock as i, normalizeClass as m, createVNode as p, unref as d, withCtx as k, Fragment as g, renderList as h, createBlock as v } from "vue";
 import { Tabs as S, TabPane as T } from "@arco-design/web-vue";
-const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ m({
+const z = "keyblade-pro-reuse-tabs", q = /* @__PURE__ */ f({
   __name: "pro-reuse-tabs",
   props: {
     tabs: {
@@ -30,31 +30,31 @@ const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ m({
     "tab-delete": (e) => !0
   },
   setup(e, { emit: s }) {
-    const o = e, i = s, c = y(() => {
+    const o = e, l = s, u = y(() => {
       var t, r;
-      return (r = (t = o.tabs.find((a) => a.active)) == null ? void 0 : t.name) != null ? r : void 0;
-    }), u = (t) => {
-      i("tab-click", String(t));
+      return (r = (t = o.tabs.find((a) => a.active)) == null ? void 0 : t.fullPath) != null ? r : void 0;
+    }), c = (t) => {
+      l("tab-click", String(t));
     }, b = (t) => {
-      i("tab-delete", String(t));
+      l("tab-delete", String(t));
     };
-    return (t, r) => (n(), d("div", {
-      class: f(z)
+    return (t, r) => (i(), n("div", {
+      class: m(z)
     }, [
-      p(l(S), {
-        "active-key": c.value,
+      p(d(S), {
+        "active-key": u.value,
         size: e.tabsSize,
         type: e.tabsType,
         "header-padding": e.tabsHeaderPadding,
         editable: e.tabs.length > 1,
         "hide-content": "",
         "destroy-on-hide": "",
-        onTabClick: u,
+        onTabClick: c,
         onDelete: b
       }, {
         default: k(() => [
-          (n(!0), d(g, null, h(e.tabs, (a) => (n(), v(l(T), {
-            key: a.name,
+          (i(!0), n(g, null, h(e.tabs, (a) => (i(), v(d(T), {
+            key: a.fullPath,
             title: a.title
           }, null, 8, ["title"]))), 128))
         ]),
@@ -64,5 +64,5 @@ const z = "keyblade-pro-reuse-tabs", x = /* @__PURE__ */ m({
   }
 });
 export {
-  x as default
+  q as default
 };

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.03",
   "private": false,
   "type": "module",
   "main": "es/index.js",