@keyblade/pro-components 1.13.8-alpha.4 → 1.13.8-alpha.41

package/es/pro-reuse-tabs/index.d.ts

@@ -29,8 +29,8 @@ declare const ProReuseTabs: {
         "tab-delete": (_key: string) => void;
     }, import('vue').PublicProps, {
         tabs: import('./interface').IProTab[];
-        tabsSize: "small" | "mini" | "medium" | "large";
-        tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+        tabsSize: "small" | "medium" | "mini" | "large";
+        tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
         tabsHeaderPadding: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -65,8 +65,8 @@ declare const ProReuseTabs: {
         "onTab-delete"?: ((_key: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
         tabs: import('./interface').IProTab[];
-        tabsSize: "small" | "mini" | "medium" | "large";
-        tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+        tabsSize: "small" | "medium" | "mini" | "large";
+        tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
         tabsHeaderPadding: boolean;
     }>;
     __isFragment?: never;
@@ -101,12 +101,14 @@ declare const ProReuseTabs: {
     "tab-delete": (_key: string) => void;
 }, string, {
     tabs: import('./interface').IProTab[];
-    tabsSize: "small" | "mini" | "medium" | "large";
-    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsSize: "small" | "medium" | "mini" | "large";
+    tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
     tabsHeaderPadding: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: App) => void;
 };
+/** 导出类型 */
 export * from './interface';
+/** 导出组件 */
 export { ProReuseTabs };
 export default ProReuseTabs;

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

@@ -1,6 +1,6 @@
+import { Tabs as e } from "@arco-design/web-vue";
 import o from "./pro-reuse-tabs.vue.js";
 /* empty css                    */
-import { Tabs as e } from "@arco-design/web-vue";
 const m = Object.assign(o, {
   install: (s) => {
     s.use(e), s.component("KbProReuseTabs", o);

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts

@@ -52,8 +52,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onTab-delete"?: ((_key: string) => any) | undefined;
 }>, {
     tabs: IProTab[];
-    tabsSize: "small" | "mini" | "medium" | "large";
-    tabsType: "line" | "text" | "card" | "card-gutter" | "rounded" | "capsule";
+    tabsSize: "small" | "medium" | "mini" | "large";
+    tabsType: "text" | "line" | "card" | "card-gutter" | "rounded" | "capsule";
     tabsHeaderPadding: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

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

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

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

@@ -1,20 +1,19 @@
 import { App } from 'vue';
 declare const ProTable: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').IProTable> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        data: any[];
         size: "mini" | "medium" | "large" | "small";
         loading: boolean | Record<string, any>;
-        scrollbar: boolean | any;
-        bordered: boolean | any;
-        columns: any[];
+        data: any[];
+        bordered: boolean | import('@arco-design/web-vue').TableBorder;
         hoverable: boolean;
-        pagination: boolean | any;
+        scrollbar: boolean | any;
+        columns: Partial<import('./interface').IProTableColumn>[];
+        pagination: boolean | import('@arco-design/web-vue').PaginationProps;
         stripe: boolean;
         tableLayoutFixed: boolean;
         pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
         indentSize: number;
         rowKey: string;
-        showHeader: boolean;
         spanAll: boolean;
         filterIconAlignLeft: boolean;
         hideExpandButtonOnEmpty: boolean;
@@ -23,7 +22,7 @@ declare const ProTable: {
         defaultExpandAllRows: boolean;
         stickyHeader: number | boolean;
         showEmptyTree: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -31,20 +30,19 @@ declare const ProTable: {
         M: {};
         Defaults: {};
     }, Readonly<import('./interface').IProTable> & Readonly<{}>, {}, {}, {}, {}, {
-        data: any[];
         size: "mini" | "medium" | "large" | "small";
         loading: boolean | Record<string, any>;
-        scrollbar: boolean | any;
-        bordered: boolean | any;
-        columns: any[];
+        data: any[];
+        bordered: boolean | import('@arco-design/web-vue').TableBorder;
         hoverable: boolean;
-        pagination: boolean | any;
+        scrollbar: boolean | any;
+        columns: Partial<import('./interface').IProTableColumn>[];
+        pagination: boolean | import('@arco-design/web-vue').PaginationProps;
         stripe: boolean;
         tableLayoutFixed: boolean;
         pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
         indentSize: number;
         rowKey: string;
-        showHeader: boolean;
         spanAll: boolean;
         filterIconAlignLeft: boolean;
         hideExpandButtonOnEmpty: boolean;
@@ -58,20 +56,19 @@ declare const ProTable: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./interface').IProTable> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    data: any[];
     size: "mini" | "medium" | "large" | "small";
     loading: boolean | Record<string, any>;
-    scrollbar: boolean | any;
-    bordered: boolean | any;
-    columns: any[];
+    data: any[];
+    bordered: boolean | import('@arco-design/web-vue').TableBorder;
     hoverable: boolean;
-    pagination: boolean | any;
+    scrollbar: boolean | any;
+    columns: Partial<import('./interface').IProTableColumn>[];
+    pagination: boolean | import('@arco-design/web-vue').PaginationProps;
     stripe: boolean;
     tableLayoutFixed: boolean;
     pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
     indentSize: number;
     rowKey: string;
-    showHeader: boolean;
     spanAll: boolean;
     filterIconAlignLeft: boolean;
     hideExpandButtonOnEmpty: boolean;
@@ -81,9 +78,14 @@ 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;
+    };
 }) & {
     install: (app: App) => void;
 };
+/** 导出类型 */
+export * from './interface';
+/** 导出组件 */
 export { ProTable };
 export default ProTable;

package/es/pro-table/index.js

@@ -1,11 +1,13 @@
 import e from "./index.vue.js";
-import { Table as t } from "@arco-design/web-vue";
-const s = Object.assign(e, {
+/* empty css           */
+import { Message as s, Table as t, Tooltip as r, Button as m } from "@arco-design/web-vue";
+import { IconCopy as i } from "@arco-design/web-vue/es/icon";
+const c = Object.assign(e, {
   install: (o) => {
-    o.use(t), o.component("KbProTable", e);
+    o.use(s), o.use(t), o.use(r), o.use(m), o.use(i), o.component("KbProTable", e);
   }
 });
 export {
-  s as ProTable,
-  s as default
+  c as ProTable,
+  c as default
 };

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

@@ -1,26 +1,28 @@
+import { PaginationProps } from '@arco-design/web-vue';
 import { IProTable } 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;
+    };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProTable> & Readonly<{}>, {
-    data: any[];
     size: "mini" | "medium" | "large" | "small";
     loading: boolean | Record<string, any>;
-    scrollbar: boolean | any;
-    bordered: boolean | any;
-    columns: any[];
+    data: any[];
+    bordered: boolean | import('@arco-design/web-vue').TableBorder;
     hoverable: boolean;
-    pagination: boolean | any;
+    scrollbar: boolean | any;
+    columns: Partial<import('./interface').IProTableColumn>[];
+    pagination: boolean | PaginationProps;
     stripe: boolean;
     tableLayoutFixed: boolean;
     pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
     indentSize: number;
     rowKey: string;
-    showHeader: boolean;
     spanAll: boolean;
     filterIconAlignLeft: boolean;
     hideExpandButtonOnEmpty: boolean;
@@ -29,7 +31,7 @@ declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {},
     defaultExpandAllRows: boolean;
     stickyHeader: number | boolean;
     showEmptyTree: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,21 +1,53 @@
-import { defineComponent as p, useSlots as f, useAttrs as c, computed as i, resolveComponent as y, createBlock as m, openBlock as C, mergeProps as B, toHandlers as g, createSlots as b, renderList as h, unref as x, withCtx as S, renderSlot as w, normalizeProps as k, guardReactiveProps as _ } from "vue";
-const K = /* @__PURE__ */ p({
+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) => {
+    try {
+      i(t.next(s));
+    } catch (a) {
+      u(a);
+    }
+  }, m = (s) => {
+    try {
+      i(t.throw(s));
+    } catch (a) {
+      u(a);
+    }
+  }, i = (s) => s.done ? f(s.value) : Promise.resolve(s.value).then(y, m);
+  i((t = t.apply(o, e)).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({
   __name: "index",
   props: {
     size: { default: "large" },
     scrollbar: { type: Boolean, default: !0 },
     data: { default: () => [] },
     loading: { type: [Boolean, Object], default: !1 },
-    bordered: { type: Boolean, default: { cell: !0 } },
+    bordered: { type: [Boolean, Object], default: void 0 },
     columns: { default: () => [] },
     hoverable: { type: Boolean, default: !0 },
-    pagination: { type: Boolean, default: !0 },
+    pagination: { type: [Boolean, Object], default: !0 },
     stripe: { type: Boolean, default: !1 },
     tableLayoutFixed: { type: Boolean, default: !1 },
-    pagePosition: { default: "br" },
+    pagePosition: { default: "tr" },
     indentSize: { default: 16 },
     rowKey: { default: "key" },
-    showHeader: { type: Boolean, default: !0 },
     spanAll: { type: Boolean, default: !1 },
     filterIconAlignLeft: { type: Boolean, default: !1 },
     hideExpandButtonOnEmpty: { type: Boolean, default: !1 },
@@ -45,8 +77,6 @@ const K = /* @__PURE__ */ p({
     onPageChange: {},
     onPageSizeChange: {},
     onExpand: {},
-    "onUpdate:selectedKeys": {},
-    "onUpdate:expandedKeys": {},
     onExpandedChange: {},
     onSelectAll: {},
     onSelectionChange: {},
@@ -61,28 +91,66 @@ const K = /* @__PURE__ */ p({
     onRowDblclick: {},
     onCellDblclick: {},
     onRowContextmenu: {},
-    onCellContextmenu: {}
+    onCellContextmenu: {},
+    "onUpdate:selectedKeys": {},
+    "onUpdate:expandedKeys": {}
   },
-  setup(a) {
-    const n = a, s = f(), r = c(), d = i(() => {
-      const e = {};
-      for (const [o, t] of Object.entries(r))
-        o.startsWith("on") && typeof t == "function" && (e[o] = t);
-      return e;
+  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* () {
+      try {
+        yield f(a), Q.success("拷贝成功!");
+      } catch (l) {
+        console.info(l);
+      }
     });
-    return (e, o) => {
-      const t = y("a-table");
-      return C(), m(t, B(n, g(d.value)), b({ _: 2 }, [
-        h(x(s), (v, l) => ({
-          name: l,
-          fn: S((u) => [
-            w(e.$slots, l, k(_(u)))
+    return (a, l) => (b(), w("div", {
+      class: g(d)
+    }, [
+      m.value ? (b(), w("div", {
+        key: 0,
+        class: g(`${d}-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]
+          }, {
+            default: h(() => [
+              K("div", {
+                class: g([`${d}-clipboard`, n.ellipsis ? `${d}-ellipsis` : ""]),
+                onClick: D((c) => s(r[n.dataIndex]), ["stop"])
+              }, [
+                K("span", null, H(r[n.dataIndex]), 1),
+                n.copyIcon ? (b(), F(p(W), { key: 0 })) : E("", !0)
+              ], 10, ee)
+            ]),
+            _: 2
+          }, 1032, ["style", "content"])
+        ]),
+        _: 2
+      }, [
+        V(p(t), (r, n) => ({
+          name: n,
+          fn: h((c) => [
+            z(a.$slots, n, U(q(c != null ? c : {})))
           ])
         }))
-      ]), 1040);
-    };
+      ]), 1040, ["columns"])
+    ]));
   }
 });
 export {
-  K as default
+  de as default
 };

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

@@ -0,0 +1,5 @@
+import o from "./index.vue.js";
+/* empty css           */
+export {
+  o as default
+};