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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/es/global-props.d.ts +2 -0
  2. package/es/pro-table/index.d.ts +4 -2
  3. package/es/pro-table/index.js +5 -4
  4. package/es/pro-table/index.vue.d.ts +5 -3
  5. package/es/pro-table/index.vue.js +30 -17
  6. package/es/pro-table/index.vue3.js +5 -0
  7. package/es/pro-table/interface.d.ts +1 -0
  8. package/es/style.css +1 -1
  9. package/package.json +1 -1
  10. package/es/pro-table/index.vue2.js +0 -4
package/es/global-props.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  import { ProFooterBarProps } from './pro-footer-bar/inerface';
2
+ import { ProTableProps } from './pro-table/interface';
2
3
  import { ProTextareaProps } from './pro-textarea';
3
4
  export interface GlobalProps {
4
5
  footerBar?: ProFooterBarProps;
5
6
  textarea?: ProTextareaProps;
7
+ table?: ProTableProps;
6
8
  }
7
9
  export declare const globalProps: GlobalProps;
package/es/pro-table/index.d.ts CHANGED
@@ -23,7 +23,7 @@ declare const ProTable: {
23
23
  defaultExpandAllRows: boolean;
24
24
  stickyHeader: number | boolean;
25
25
  showEmptyTree: boolean;
26
- }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
26
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
27
27
  P: {};
28
28
  B: {};
29
29
  D: {};
@@ -81,7 +81,9 @@ declare const ProTable: {
81
81
  stickyHeader: number | boolean;
82
82
  showEmptyTree: boolean;
83
83
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
84
- $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
84
+ $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
85
+ 'pagination-left'?(_: {}): any;
86
+ };
85
87
  }) & {
86
88
  install: (app: App) => void;
87
89
  };
package/es/pro-table/index.js CHANGED
@@ -1,8 +1,9 @@
1
- import e from "./index.vue.js";
2
- import { Table as t } from "@arco-design/web-vue";
3
- const s = Object.assign(e, {
1
+ import t from "./index.vue.js";
2
+ /* empty css */
3
+ import { Table as e } from "@arco-design/web-vue";
4
+ const s = Object.assign(t, {
4
5
  install: (o) => {
5
- o.use(t), o.component("KbProTable", e);
6
+ o.use(e), o.component("KbProTable", t);
6
7
  }
7
8
  });
8
9
  export {
package/es/pro-table/index.vue.d.ts CHANGED
@@ -1,9 +1,11 @@
1
1
  import { IProTable } from './interface';
2
2
  declare function __VLS_template(): {
3
3
  attrs: Partial<{}>;
4
- slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
4
+ slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
5
+ 'pagination-left'?(_: {}): any;
6
+ };
5
7
  refs: {};
6
- rootEl: any;
8
+ rootEl: HTMLDivElement;
7
9
  };
8
10
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
9
11
  declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProTable> & Readonly<{}>, {
@@ -29,7 +31,7 @@ declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {},
29
31
  defaultExpandAllRows: boolean;
30
32
  stickyHeader: number | boolean;
31
33
  showEmptyTree: boolean;
32
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
34
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
33
35
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
34
36
  export default _default;
35
37
  type __VLS_WithTemplateSlots<T, S> = T & {
package/es/pro-table/index.vue.js CHANGED
@@ -1,5 +1,7 @@
1
- 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";
2
- const K = /* @__PURE__ */ p({
1
+ import { defineComponent as B, useSlots as h, useAttrs as x, computed as s, resolveComponent as S, createElementBlock as r, openBlock as d, normalizeClass as u, createCommentVNode as k, createVNode as v, renderSlot as p, mergeProps as w, toHandlers as E, createSlots as P, renderList as z, unref as K, withCtx as R, normalizeProps as _, guardReactiveProps as L } from "vue";
2
+ import { conclude as A } from "vue-global-config";
3
+ import { globalProps as M } from "../global-props.js";
4
+ const i = "keyblade-pro-table", F = /* @__PURE__ */ B({
3
5
  __name: "index",
4
6
  props: {
5
7
  size: { default: "large" },
@@ -12,7 +14,7 @@ const K = /* @__PURE__ */ p({
12
14
  pagination: { type: Boolean, default: !0 },
13
15
  stripe: { type: Boolean, default: !1 },
14
16
  tableLayoutFixed: { type: Boolean, default: !1 },
15
- pagePosition: { default: "br" },
17
+ pagePosition: { default: "tr" },
16
18
  indentSize: { default: 16 },
17
19
  rowKey: { default: "key" },
18
20
  showHeader: { type: Boolean, default: !0 },
@@ -63,26 +65,37 @@ const K = /* @__PURE__ */ p({
63
65
  onRowContextmenu: {},
64
66
  onCellContextmenu: {}
65
67
  },
66
- setup(a) {
67
- const n = a, s = f(), r = c(), d = i(() => {
68
+ setup(f) {
69
+ const c = f, y = h(), m = x(), C = s(() => {
68
70
  const e = {};
69
- for (const [o, t] of Object.entries(r))
71
+ for (const [o, t] of Object.entries(m))
70
72
  o.startsWith("on") && typeof t == "function" && (e[o] = t);
71
73
  return e;
72
- });
74
+ }), g = s(() => A([c, M.textarea]) || {});
73
75
  return (e, o) => {
74
- const t = y("a-table");
75
- return C(), m(t, B(n, g(d.value)), b({ _: 2 }, [
76
- h(x(s), (v, l) => ({
77
- name: l,
78
- fn: S((u) => [
79
- w(e.$slots, l, k(_(u)))
80
- ])
81
- }))
82
- ]), 1040);
76
+ var a, l;
77
+ const t = S("a-table");
78
+ return d(), r("div", {
79
+ class: u(i)
80
+ }, [
81
+ !((a = e.pagination) != null && a.total) && !((l = e.data) != null && l.length) ? (d(), r("div", {
82
+ key: 0,
83
+ class: u(`${i}-header`)
84
+ }, [
85
+ p(e.$slots, "pagination-left")
86
+ ], 2)) : k("", !0),
87
+ v(t, w(g.value, E(C.value)), P({ _: 2 }, [
88
+ z(K(y), (N, n) => ({
89
+ name: n,
90
+ fn: R((b) => [
91
+ p(e.$slots, n, _(L(b ?? {})))
92
+ ])
93
+ }))
94
+ ]), 1040)
95
+ ]);
83
96
  };
84
97
  }
85
98
  });
86
99
  export {
87
- K as default
100
+ F as default
88
101
  };
package/es/pro-table/index.vue3.js ADDED
@@ -0,0 +1,5 @@
1
+ import o from "./index.vue.js";
2
+ /* empty css */
3
+ export {
4
+ o as default
5
+ };
package/es/pro-table/interface.d.ts CHANGED
@@ -147,3 +147,4 @@ export interface IProTable {
147
147
  /** 单元格右键菜单事件 */
148
148
  'onCellContextmenu'?: (record: any, column: any, ev: Event) => any;
149
149
  }
150
+ export type ProTableProps = Partial<IProTable>;
package/es/style.css CHANGED
@@ -1 +1 @@
1
- .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-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);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(--4a477a1a);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(--4a477a1a);padding-left:var(--3599ef93);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(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.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-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.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-footer-bar[data-v-f9d45b25]{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-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-26a58e45]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-26a58e45] .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-26a58e45] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]: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-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}
1
+ .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-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);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(--4a477a1a);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(--4a477a1a);padding-left:var(--3599ef93);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(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.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-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.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-footer-bar[data-v-f9d45b25]{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-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-26a58e45]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-26a58e45] .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-26a58e45] .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 .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-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]: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-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@keyblade/pro-components",
3
3
  "description": "KeyBlade Pro Components",
4
4
  "author": "yangshuai <704807396@qq.com>",
5
- "version": "1.13.8-alpha.4",
5
+ "version": "1.13.8-alpha.6",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",
package/es/pro-table/index.vue2.js DELETED
@@ -1,4 +0,0 @@
1
- import f from "./index.vue.js";
2
- export {
3
- f as default
4
- };