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

package/es/pro-layout/hooks.js

@@ -2,54 +2,54 @@ 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 = (o, s, i) => s in o ? V(o, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[s] = i, w = (o, s) => {
+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(o, i, s[i]);
+    Z.call(s, i) && J(c, i, s[i]);
   if (x)
     for (var i of x(s))
-      $.call(s, i) && J(o, i, s[i]);
-  return o;
-}, A = (o, s) => X(o, Y(s));
-var L = (o, s, i) => new Promise((T, y) => {
-  var b = (u) => {
+      $.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) => {
     try {
-      c(i.next(u));
+      u(i.next(r));
     } catch (d) {
-      y(d);
+      g(d);
     }
-  }, g = (u) => {
+  }, M = (r) => {
     try {
-      c(i.throw(u));
+      u(i.throw(r));
     } catch (d) {
-      y(d);
+      g(d);
     }
-  }, c = (u) => u.done ? T(u.value) : Promise.resolve(u.value).then(b, g);
-  c((i = i.apply(o, s)).next());
+  }, u = (r) => r.done ? K(r.value) : Promise.resolve(r.value).then(p, M);
+  u((i = i.apply(c, s)).next());
 });
-import { ref as v, computed as _, watch as E } from "vue";
+import { ref as v, computed as _, watch as A } from "vue";
 import { useRoute as I, useRouter as m } from "vue-router";
-import { ProLayoutMode as k, ProLayoutMenuType as R } from "./enum.js";
-const te = (o) => {
-  const s = I(), i = m(), T = v([]), y = v([]), b = v([]), g = v([]), c = v(), u = v([]), d = v({}), N = v([]), f = v([]), K = v([]), P = v([]), p = v([]), M = _(() => {
-    const e = [...o.menuItems], a = (t) => {
+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) => {
       t.forEach((l) => {
         if (l != null && l.children && l.children.length > 0) {
           if ((l == null ? void 0 : l.topChildrenMenu) !== void 0)
-            l.children = l.children.map((n) => A(w({}, n), { topMenu: l == null ? void 0 : l.topChildrenMenu }));
+            l.children = l.children.map((n) => O(w({}, n), { topMenu: l == null ? void 0 : l.topChildrenMenu }));
           else {
-            const n = l.children.find((r) => r.topMenu !== void 0);
-            n && (l.topChildrenMenu = n.topMenu, l.children = l.children.map((r) => A(w({}, r), { topMenu: n.topMenu })));
+            const n = l.children.find((o) => o.topMenu !== void 0);
+            n && (l.topChildrenMenu = n.topMenu, l.children = l.children.map((o) => O(w({}, o), { topMenu: n.topMenu })));
           }
           a(l.children);
         }
       });
     };
-    return o.layout === k.mix && a(e), e;
+    return c.layout === E.mix && a(e), e;
   }), W = (e) => {
     var a;
-    if (T.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0)
-      p.value = [], i == null || i.push({ path: e.path });
-    else if (p.value = e.children, e != null && e.redirect)
+    if (K.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0)
+      y.value = [], i == null || i.push({ path: e.path });
+    else if (y.value = e.children, e != null && e.redirect)
       if (typeof e.redirect == "string")
         i == null || i.push({ path: e.redirect });
       else if (typeof e.redirect == "function") {
@@ -58,9 +58,9 @@ const te = (o) => {
       } 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 }), y.value = [e.name];
+    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 && !(o != null && o.onMenuItemClick && !(yield o.onMenuItemClick(a)))) {
+    if (a != null && a.path && !(c != null && c.onMenuItemClick && !(yield c.onMenuItemClick(a)))) {
       if (a.path.startsWith("http") || a.path.startsWith("https")) {
         window.open(a.path);
         return;
@@ -68,38 +68,38 @@ const te = (o) => {
       e === R.top ? W(a) : B(a);
     }
   }), H = (e, a) => {
-    e === R.top ? b.value = a : g.value = a;
+    e === R.top ? p.value = a : M.value = a;
   }, j = () => {
     const e = [], a = (t) => {
       var l;
       for (const n in t) {
-        const r = t[n];
-        if (r.name === ((l = c == null ? void 0 : c.value) == null ? void 0 : l.name) || r.children && r.children.length > 0 && a(r.children))
-          return e.unshift(r), !0;
+        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))
+          return e.unshift(o), !0;
       }
       return !1;
     };
-    a(JSON.parse(JSON.stringify(M.value))), u.value = e;
+    a(JSON.parse(JSON.stringify(b.value))), r.value = e;
   }, q = () => {
     var a, t, l;
-    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 }));
-    N.value = (t = c.value) != null && t.breadcrumbs ? (l = c.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
+    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 : [];
   };
   function z() {
-    if (!c.value || c.value.noAffix) {
+    if (!u.value || u.value.noAffix) {
       f.value.forEach((n) => {
         n.active = !1;
       });
       return;
     }
-    const { name: e, title: a } = c.value;
+    const { name: e, title: a } = u.value;
     let t = -1;
-    f.value.forEach((n, r) => {
-      n.active = !1, n.name === e && (t = r);
+    f.value.forEach((n, o) => {
+      n.active = !1, n.name === e && (t = o);
     });
     const l = {
       name: e,
-      parentNames: u.value.map((n) => n.name),
+      parentNames: r.value.map((n) => n.name),
       title: a != null ? a : e,
       fullPath: s.fullPath,
       active: !0
@@ -117,8 +117,8 @@ const te = (o) => {
     i.push(t.fullPath);
   }, G = (e) => {
     let a = -1, t = -1;
-    if (f.value.forEach((n, r) => {
-      n.name === e && (t = r), n.active && (a = r);
+    if (f.value.forEach((n, o) => {
+      n.name === e && (t = o), n.active && (a = o);
     }), a === t) {
       let n;
       t === 0 ? n = f.value[t + 1] : n = f.value[t - 1], n.active = !0, i.push(n.fullPath);
@@ -127,14 +127,14 @@ const te = (o) => {
     U(l[0]);
   }, Q = () => {
     var a;
-    if (o != null && o.disableKeepAlive || (a = s == null ? void 0 : s.meta) != null && a.ignoreCache)
+    if (c != null && c.disableKeepAlive || (a = s == null ? void 0 : s.meta) != null && a.ignoreCache)
       return;
-    const e = new Set(K.value);
-    u.value.forEach((t) => {
+    const e = new Set(P.value);
+    r.value.forEach((t) => {
       t.name && e.add(t.name);
-    }), K.value = Array.from(e.values());
+    }), P.value = Array.from(e.values());
   }, U = (e) => {
-    const a = new Set(K.value);
+    const a = new Set(P.value);
     e.parentNames.forEach((t) => {
       a.delete(t);
     }), f.value.forEach((t) => {
@@ -142,48 +142,48 @@ const te = (o) => {
         const n = d.value[l];
         n && (n != null && n.ignoreCache || a.add(n.name));
       });
-    }), K.value = Array.from(a.values());
+    }), P.value = Array.from(a.values());
   };
-  return E(() => M.value, () => {
+  return A(() => b.value, () => {
     const e = {}, a = (t) => {
       t.forEach((l) => {
         l.children && l.children.length > 0 && a(l.children), delete l.children, e[l.name] = l;
       });
     };
-    a(JSON.parse(JSON.stringify(M.value))), d.value = e;
-  }, { immediate: !0 }), E(() => [o.layout, M.value], () => {
-    var e;
-    if (P.value = [], p.value = [], o.layout === k.side)
-      p.value = M.value;
-    else if (o.layout === k.mix) {
-      const a = (e = M.value) == null ? void 0 : e.filter((t) => t.topMenu);
-      (a == null ? void 0 : a.length) === 0 ? p.value = M.value : P.value = a;
+    a(JSON.parse(JSON.stringify(b.value))), d.value = e;
+  }, { immediate: !0 }), A(() => [c.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)
+      y.value = b.value;
+    else if (c.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 }), E(() => s == null ? void 0 : s.name, () => {
+  }, { immediate: !0 }), A(() => s == null ? void 0 : s.name, () => {
     var t, l, n;
     const e = s == null ? void 0 : s.name;
-    c.value = d.value[e], j();
-    const a = u.value.filter((r) => r.topMenu);
-    if (a.length > 0 && P.value.length > 0 && (p.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), T.value = c != null && c.value ? [...a.map((r) => r.name), ...((l = c.value) == null ? void 0 : l.activatedKeys) || []] : [], y.value = c != null && c.value ? [c.value.name, ...((n = c.value) == null ? void 0 : n.activatedKeys) || []] : [], c.value) {
-      const r = u.value.filter((h, C) => C < u.value.length - 1), S = r.filter((h) => h.topMenu).map((h) => h.name), O = r.filter((h) => !h.topMenu).map((h) => h.name);
-      c.value.activatedKeys && c.value.activatedKeys.length > 0 && c.value.activatedKeys.forEach((h) => {
+    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 C = d.value[h];
-        C && (C.topMenu ? S.push(h) : O.push(h));
-      }), b.value = Array.from(/* @__PURE__ */ new Set([...b.value, ...S])), g.value = Array.from(/* @__PURE__ */ new Set([...g.value, ...O]));
+        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(), o.hideTabs || z(), Q();
+    q(), c.hideTabs || z(), Q();
   }, { immediate: !0 }), {
-    topMenuItems: P,
-    siderMenuItems: p,
-    topMenuSelectedKeys: T,
-    siderMenuSelectedKeys: y,
-    topMenuOpenKeys: b,
-    siderMenuOpenKeys: g,
-    activeMenuItem: c,
+    topMenuItems: T,
+    siderMenuItems: y,
+    topMenuSelectedKeys: K,
+    siderMenuSelectedKeys: g,
+    topMenuOpenKeys: p,
+    siderMenuOpenKeys: M,
+    activeMenuItem: u,
     menuItemMap: d,
-    breadcrumbItems: N,
+    breadcrumbItems: k,
     tabs: f,
-    keepAliveInclude: K,
+    keepAliveInclude: P,
     onProMenuItemClick: D,
     onProMenuOpenKeysChange: H,
     onTabClick: F,

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

@@ -78,9 +78,7 @@ 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>> & {
-        'pagination-left'?(_: {}): any;
-    };
+    $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
 }) & {
     install: (app: App) => void;
 };

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

@@ -1,10 +1,8 @@
 import { PaginationProps } from '@arco-design/web-vue';
-import { IProTable } from './interface';
+import { IProTable, IProTableColumn } from './interface';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
-        'pagination-left'?(_: {}): any;
-    };
+    slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
     refs: {};
     rootEl: HTMLDivElement;
 };
@@ -16,7 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {},
     bordered: boolean | import('@arco-design/web-vue').TableBorder;
     hoverable: boolean;
     scrollbar: boolean | any;
-    columns: Partial<import('./interface').IProTableColumn>[];
+    columns: Partial<IProTableColumn>[];
     pagination: boolean | PaginationProps;
     stripe: boolean;
     tableLayoutFixed: boolean;

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

@@ -1,38 +1,38 @@
-var M = Object.defineProperty, N = Object.defineProperties;
-var R = Object.getOwnPropertyDescriptors;
-var B = Object.getOwnPropertySymbols;
-var I = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var x = (o, e, t) => e in o ? M(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, v = (o, e) => {
-  for (var t in e || (e = {}))
-    I.call(e, t) && x(o, t, e[t]);
-  if (B)
-    for (var t of B(e))
-      O.call(e, t) && x(o, t, e[t]);
-  return o;
-}, k = (o, e) => N(o, R(e));
-var S = (o, e, t) => new Promise((f, u) => {
-  var y = (s) => {
+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) => {
     try {
-      i(t.next(s));
-    } catch (a) {
-      u(a);
+      p(a.next(f));
+    } catch (x) {
+      S(x);
     }
-  }, m = (s) => {
+  }, c = (f) => {
     try {
-      i(t.throw(s));
-    } catch (a) {
-      u(a);
+      p(a.throw(f));
+    } catch (x) {
+      S(x);
     }
-  }, i = (s) => s.done ? f(s.value) : Promise.resolve(s.value).then(y, m);
-  i((t = t.apply(o, e)).next());
+  }, p = (f) => f.done ? w(f.value) : Promise.resolve(f.value).then(E, c);
+  p((a = a.apply(i, t)).next());
 });
-import { defineComponent as A, useSlots as L, useAttrs as j, computed as C, createElementBlock as w, openBlock as b, normalizeClass as g, createCommentVNode as E, createVNode as _, renderSlot as z, unref as p, mergeProps as $, createSlots as P, withCtx as h, normalizeStyle as T, createElementVNode as K, withModifiers as D, createBlock as F, toDisplayString as H, renderList as V, normalizeProps as U, guardReactiveProps as q } from "vue";
-import { Table as G, Tooltip as J, Message as Q } from "@arco-design/web-vue";
-import { IconCopy as W } from "@arco-design/web-vue/es/icon";
-import { conclude as X } from "vue-global-config";
-import { globalProps as Y } from "../global-props.js";
-import { useClipboard as Z } from "@vueuse/core";
-const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
+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({
   __name: "index",
   props: {
     size: { default: "large" },
@@ -41,6 +41,7 @@ const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
     loading: { type: [Boolean, Object], default: !1 },
     bordered: { type: [Boolean, Object], default: void 0 },
     columns: { default: () => [] },
+    options: { type: [Boolean, Object] },
     hoverable: { type: Boolean, default: !0 },
     pagination: { type: [Boolean, Object], default: !0 },
     stripe: { type: Boolean, default: !1 },
@@ -95,56 +96,181 @@ const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
     "onUpdate:selectedKeys": {},
     "onUpdate:expandedKeys": {}
   },
-  setup(o) {
-    const e = o, t = L(), { copy: f } = Z(), u = j(), y = C(() => X([e, Y.table || {}]) || {}), m = C(() => {
-      var l, r;
-      return !((l = e.pagination) == null ? void 0 : l.total) && !((r = e.data) != null && r.length) && t["pagination-left"];
-    }), i = C(() => {
-      var a;
-      return (a = e.columns) == null ? void 0 : a.map((l) => l.clipboard ? k(v({}, l), {
-        hover: l.hover === void 0 ? !0 : l.hover,
-        slotName: `${d}-clipboard`
-      }) : l);
-    }), s = (a) => S(null, null, function* () {
+  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 = {
+        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), {
+        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 = () => {
+      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* () {
       try {
-        yield f(a), Q.success("拷贝成功!");
+        yield w(e), ye.success("拷贝成功!");
       } catch (l) {
         console.info(l);
       }
     });
-    return (a, l) => (b(), w("div", {
-      class: g(d)
+    return (e, l) => (m(), $("div", {
+      class: u(s)
     }, [
-      m.value ? (b(), w("div", {
+      x.value ? (m(), $("div", {
         key: 0,
-        class: g(`${d}-header`)
+        class: u(`${s}-header`)
       }, [
-        z(a.$slots, "pagination-left")
-      ], 2)) : E("", !0),
-      _(p(G), $($(y.value, p(u)), { columns: i.value }), P({
-        [`${d}-clipboard`]: h(({ record: r, column: n }) => [
-          _(p(J), {
-            style: T({ display: n.ellipsis && n.hover ? "" : "none" }),
-            content: r[n.dataIndex]
+        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)
+      ], 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]
           }, {
-            default: h(() => [
-              K("div", {
-                class: g([`${d}-clipboard`, n.ellipsis ? `${d}-ellipsis` : ""]),
-                onClick: D((c) => s(r[n.dataIndex]), ["stop"])
+            default: y(() => [
+              v("div", {
+                class: u([`${s}-clipboard`, o.ellipsis ? `${s}-ellipsis` : ""]),
+                onClick: K((d) => W(n[o.dataIndex]), ["stop"])
               }, [
-                K("span", null, H(r[n.dataIndex]), 1),
-                n.copyIcon ? (b(), F(p(W), { key: 0 })) : E("", !0)
-              ], 10, ee)
+                v("span", null, M(n[o.dataIndex]), 1),
+                o.copyIcon ? (m(), D(r(Ce), { key: 0 })) : k("", !0)
+              ], 10, Se)
             ]),
             _: 2
           }, 1032, ["style", "content"])
         ]),
         _: 2
       }, [
-        V(p(t), (r, n) => ({
-          name: n,
-          fn: h((c) => [
-            z(a.$slots, n, U(q(c != null ? c : {})))
+        A(r(a), (n, o) => ({
+          name: o,
+          fn: y((d) => [
+            ue(e.$slots, o, de(ce(d != null ? d : {})))
           ])
         }))
       ]), 1040, ["columns"])
@@ -152,5 +278,5 @@ const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
   }
 });
 export {
-  de as default
+  ze as default
 };

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

@@ -7,6 +7,15 @@ export interface IProTableColumn extends TableColumnData {
     /** 显示复制图标 */
     copyIcon?: boolean;
 }
+export interface IProTableOptions {
+    /** 列设置 */
+    setting?: boolean | {
+        /** 是否可拖拽排序 */
+        draggable?: boolean;
+        /** 是否可勾选显示/隐藏 */
+        checkable?: boolean;
+    };
+}
 /**
  * table 组件属性接口
  */
@@ -23,6 +32,8 @@ export type IProTable = {
     bordered?: boolean | TableBorder;
     /** 表格列配置 */
     columns?: Partial<IProTableColumn>[];
+    /** 表格操作栏配置 */
+    options?: boolean | IProTableOptions;
     /** 是否开启悬停效果 */
     hoverable?: boolean;
     /** 分页配置 */

package/es/style.css

@@ -1 +1 @@
-.keyblade-pro-login{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);width:470px;padding:0 40px}.keyblade-pro-login input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-pro-login .arco-input-append{border-left:none}.keyblade-pro-login .keyblade-pro-login-mobile-time{text-align:center;width:130px;color:var(--color-neutral-6)}[arco-theme=dark] .keyblade-pro-login{border:1px solid var(--color-neutral-3)}.keyblade-find-password{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);max-width:937px;width:80%}.keyblade-find-password input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-find-password .keyblade-find-password-succeed-message{width:100%;display:flex;justify-content:center}[arco-theme=dark] .keyblade-find-password{border:1px solid var(--color-neutral-3)}.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--60f0bf10);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--60f0bf10);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--60f0bf10);padding-left:var(--30e69946);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--6cb36c08)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--30e69946);width:calc(100% - var(--30e69946))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--6cb36c08);width:calc(100% - var(--6cb36c08))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-footer-bar[data-v-664c6218]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-664c6218]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-bf0218e0]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-bf0218e0]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-bf0218e0]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-dates-picker{position:relative}.keyblade-pro-dates-picker .arco-trigger-content{padding:0;border:none;margin-top:-6px}.keyblade-pro-dates-picker .arco-popover-content{margin-top:0}.keyblade-pro-dates-picker .arco-trigger-arrow{display:none}.keyblade-pro-dates-picker .arco-picker-cell-selected .arco-picker-date-value{background-color:transparent;color:var(--color-text-1)}.keyblade-pro-date-range-picker[data-v-2223539d]{display:flex;align-items:flex-start;position:relative}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .keyblade-pro-table-clipboard span{text-decoration:underline;margin-right:4px}.keyblade-pro-table .keyblade-pro-table-clipboard:hover{cursor:pointer}.keyblade-pro-table .keyblade-pro-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-ba9d734f]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-ba9d734f]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-ba9d734f]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}.keyblade-pro-loader{position:relative}.keyblade-pro-loader-container{opacity:1;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:opacity 1s ease;background-color:var(--color-spin-layer-bg)}.keyblade-pro-loader-fade-out{opacity:0}.keyblade-pro-loader-svg-container{display:flex;align-items:center;justify-content:center}.keyblade-pro-loader-svg-path{fill:none;stroke-width:var(--end-stroke-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:strokeDraw 2s ease-in-out infinite}.keyblade-pro-loader-custom-color .keyblade-pro-loader-svg-path{stroke:var(--loader-color)}.keyblade-pro-loader-tip{color:rgb(var(--primary-6));font-weight:500;font-size:14px}@keyframes strokeDraw{0%{stroke-dashoffset:800;stroke-width:var(--start-stroke-width)}50%{stroke-dashoffset:0;stroke-width:var(--end-stroke-width)}to{stroke-dashoffset:-800;stroke-width:var(--start-stroke-width)}}
+.keyblade-pro-login{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);width:470px;padding:0 40px}.keyblade-pro-login input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-pro-login .arco-input-append{border-left:none}.keyblade-pro-login .keyblade-pro-login-mobile-time{text-align:center;width:130px;color:var(--color-neutral-6)}[arco-theme=dark] .keyblade-pro-login{border:1px solid var(--color-neutral-3)}.keyblade-find-password{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);max-width:937px;width:80%}.keyblade-find-password input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-find-password .keyblade-find-password-succeed-message{width:100%;display:flex;justify-content:center}[arco-theme=dark] .keyblade-find-password{border:1px solid var(--color-neutral-3)}.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--60f0bf10);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--60f0bf10);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--60f0bf10);padding-left:var(--30e69946);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--6cb36c08)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--30e69946);width:calc(100% - var(--30e69946))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--6cb36c08);width:calc(100% - var(--6cb36c08))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-footer-bar[data-v-664c6218]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-664c6218]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-bf0218e0]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-bf0218e0]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-bf0218e0]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-dates-picker{position:relative}.keyblade-pro-dates-picker .arco-trigger-content{padding:0;border:none;margin-top:-6px}.keyblade-pro-dates-picker .arco-popover-content{margin-top:0}.keyblade-pro-dates-picker .arco-trigger-arrow{display:none}.keyblade-pro-dates-picker .arco-picker-cell-selected .arco-picker-date-value{background-color:transparent;color:var(--color-text-1)}.keyblade-pro-date-range-picker[data-v-2223539d]{display:flex;align-items:flex-start;position:relative}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-header-icon{font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.keyblade-pro-table .keyblade-pro-table-header-icon:hover{background-color:var(--color-fill-3)}.keyblade-pro-table .keyblade-pro-table-column-setting{width:250px}.keyblade-pro-table .keyblade-pro-table-column-setting-title{padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-column-setting-list{max-height:300px;overflow-y:auto;padding:4px 0}.keyblade-pro-table .keyblade-pro-table-column-setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px;transition:background-color .2s,opacity .2s;user-select:none;cursor:grab}.keyblade-pro-table .keyblade-pro-table-column-setting-item.is-dragging{opacity:.5;background-color:var(--color-fill-3);cursor:grabbing}.keyblade-pro-table .keyblade-pro-table-column-setting-item:hover:not(.is-dragging){background-color:var(--color-fill-2)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden;height:22px}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox{padding:0;margin:0;display:inline-flex;align-items:center;height:100%}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox .arco-checkbox-icon{margin:0}.keyblade-pro-table .keyblade-pro-table-column-setting-item-drag{cursor:move;color:var(--color-text-3)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:22px;display:inline-block;vertical-align:middle}.keyblade-pro-table .keyblade-pro-table-column-setting-item-right{display:flex;gap:4px}.keyblade-pro-table .keyblade-pro-table-clipboard span{text-decoration:underline;margin-right:4px}.keyblade-pro-table .keyblade-pro-table-clipboard:hover{cursor:pointer}.keyblade-pro-table .keyblade-pro-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-ba9d734f]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-ba9d734f]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-ba9d734f]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}.keyblade-pro-loader{position:relative}.keyblade-pro-loader-container{opacity:1;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:opacity 1s ease;background-color:var(--color-spin-layer-bg)}.keyblade-pro-loader-fade-out{opacity:0}.keyblade-pro-loader-svg-container{display:flex;align-items:center;justify-content:center}.keyblade-pro-loader-svg-path{fill:none;stroke-width:var(--end-stroke-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:strokeDraw 2s ease-in-out infinite}.keyblade-pro-loader-custom-color .keyblade-pro-loader-svg-path{stroke:var(--loader-color)}.keyblade-pro-loader-tip{color:rgb(var(--primary-6));font-weight:500;font-size:14px}@keyframes strokeDraw{0%{stroke-dashoffset:800;stroke-width:var(--start-stroke-width)}50%{stroke-dashoffset:0;stroke-width:var(--end-stroke-width)}to{stroke-dashoffset:-800;stroke-width:var(--start-stroke-width)}}

package/package.json

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