base6-ui 2.0.26 → 2.0.27
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.
- package/dist/_utils/composable/use-omit-props.d.ts +2 -0
- package/dist/_utils/simply-omit.d.ts +1 -0
- package/dist/components/button-list/index.d.ts +2 -0
- package/dist/components/button-list/src/button-list.d.ts +35 -0
- package/dist/components/button-list/src/interface.d.ts +48 -0
- package/dist/components/data-table/data-table.d.ts +2 -7094
- package/dist/components/data-table/interface.d.ts +26 -2
- package/dist/components/index.d.ts +2 -0
- package/dist/components/shape-button/index.d.ts +2 -0
- package/dist/components/shape-button/src/cssVar.d.ts +7 -0
- package/dist/components/shape-button/src/interface.d.ts +667 -0
- package/dist/components/shape-button/src/shape-button.d.ts +4 -0
- package/dist/index.css +1 -1
- package/dist/index.umd.js +3 -3
- package/es/_utils/composable/use-omit-props.d.ts +2 -0
- package/es/_utils/composable/use-omit-props.mjs +12 -0
- package/es/_utils/simply-omit.d.ts +1 -0
- package/es/_utils/simply-omit.mjs +9 -0
- package/es/_virtual/virtual_svg-icons-register.mjs +1 -1
- package/es/components/button-list/index.d.ts +2 -0
- package/es/components/button-list/src/button-list.d.ts +35 -0
- package/es/components/button-list/src/button-list.mjs +63 -0
- package/es/components/button-list/src/interface.d.ts +48 -0
- package/es/components/button-list/src/interface.mjs +12 -0
- package/es/components/data-table/data-table.d.ts +2 -7094
- package/es/components/data-table/data-table.mjs +34 -29
- package/es/components/data-table/interface.d.ts +26 -2
- package/es/components/data-table/interface.mjs +17 -7
- package/es/components/global-header/index.vue.mjs +1 -1
- package/es/components/index.d.ts +2 -0
- package/es/components/layout/components/{WrapHeader.vue2.mjs → WrapHeader.vue.mjs} +1 -1
- package/es/components/layout/index.vue2.mjs +1 -1
- package/es/components/shape-button/index.d.ts +2 -0
- package/es/components/shape-button/src/cssVar.d.ts +7 -0
- package/es/components/shape-button/src/cssVar.mjs +65 -0
- package/es/components/shape-button/src/interface.d.ts +667 -0
- package/es/components/shape-button/src/interface.mjs +30 -0
- package/es/components/shape-button/src/shape-button.d.ts +4 -0
- package/es/components/shape-button/src/shape-button.mjs +52 -0
- package/es/components/system-actions/index.vue.mjs +2 -2
- package/es/components/system-actions/index.vue2.mjs +43 -48
- package/es/config/themes/components/card/dark.mjs +1 -1
- package/es/config/themes/components/dataTable/dark.mjs +3 -3
- package/es/config/themes/components/inputNumber/light.mjs +7 -5
- package/es/index.css +1 -1
- package/es/index.mjs +104 -96
- package/es/node_modules/.pnpm/naive-ui@2.43.1_vue@3.5.22_typescript@5.7.2_/node_modules/naive-ui/es/_utils/css/format-length.mjs +22 -0
- package/lib/_utils/composable/use-omit-props.d.ts +2 -0
- package/lib/_utils/composable/use-omit-props.js +1 -0
- package/lib/_utils/simply-omit.d.ts +1 -0
- package/lib/_utils/simply-omit.js +1 -0
- package/lib/_virtual/virtual_svg-icons-register.js +1 -1
- package/lib/components/button-list/index.d.ts +2 -0
- package/lib/components/button-list/src/button-list.d.ts +35 -0
- package/lib/components/button-list/src/button-list.js +1 -0
- package/lib/components/button-list/src/interface.d.ts +48 -0
- package/lib/components/button-list/src/interface.js +1 -0
- package/lib/components/data-table/data-table.d.ts +2 -7094
- package/lib/components/data-table/data-table.js +1 -1
- package/lib/components/data-table/interface.d.ts +26 -2
- package/lib/components/data-table/interface.js +1 -1
- package/lib/components/global-header/index.vue.js +1 -1
- package/lib/components/index.d.ts +2 -0
- package/lib/components/layout/components/WrapHeader.vue.js +1 -0
- package/lib/components/layout/index.vue2.js +1 -1
- package/lib/components/shape-button/index.d.ts +2 -0
- package/lib/components/shape-button/src/cssVar.d.ts +7 -0
- package/lib/components/shape-button/src/cssVar.js +1 -0
- package/lib/components/shape-button/src/interface.d.ts +667 -0
- package/lib/components/shape-button/src/interface.js +1 -0
- package/lib/components/shape-button/src/shape-button.d.ts +4 -0
- package/lib/components/shape-button/src/shape-button.js +1 -0
- package/lib/components/system-actions/index.vue.js +1 -1
- package/lib/components/system-actions/index.vue2.js +1 -1
- package/lib/config/themes/components/card/dark.js +1 -1
- package/lib/config/themes/components/dataTable/dark.js +1 -1
- package/lib/config/themes/components/inputNumber/light.js +1 -1
- package/lib/index.css +1 -1
- package/lib/index.js +1 -1
- package/lib/node_modules/.pnpm/naive-ui@2.43.1_vue@3.5.22_typescript@5.7.2_/node_modules/naive-ui/es/_utils/css/format-length.js +1 -0
- package/package.json +1 -1
- package/es/components/system-actions/cssVar.mjs +0 -65
- package/lib/components/layout/components/WrapHeader.vue2.js +0 -1
- package/lib/components/system-actions/cssVar.js +0 -1
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { NDataTable as
|
|
3
|
-
import { bodenDataTableProps as
|
|
1
|
+
import { defineComponent as g, createVNode as a, mergeProps as l, ref as c, computed as r } from "vue";
|
|
2
|
+
import { NDataTable as u, NPagination as v } from "naive-ui";
|
|
3
|
+
import { bodenDataTableProps as p, bodenDataTableExtendProps as b } from "./interface.mjs";
|
|
4
|
+
import { useOmitProps as P } from "../../_utils/composable/use-omit-props.mjs";
|
|
4
5
|
/* empty css */
|
|
5
|
-
const
|
|
6
|
-
name:
|
|
7
|
-
props:
|
|
6
|
+
const T = "BodenDataTable", x = /* @__PURE__ */ g({
|
|
7
|
+
name: T,
|
|
8
|
+
props: p,
|
|
8
9
|
slots: Object,
|
|
9
|
-
setup(
|
|
10
|
+
setup(o, {
|
|
10
11
|
expose: s
|
|
11
12
|
}) {
|
|
12
|
-
const t =
|
|
13
|
+
const t = c(), n = r(() => {
|
|
13
14
|
const e = {};
|
|
14
|
-
return
|
|
15
|
+
return o.transparent && Object.assign(e, {
|
|
15
16
|
tdColor: "#0000",
|
|
16
17
|
thColor: "#0000"
|
|
17
|
-
}),
|
|
18
|
-
}),
|
|
18
|
+
}), o.themeOverrides && Object.assign(e, o.themeOverrides), Object.keys(e).length ? e : void 0;
|
|
19
|
+
}), i = {
|
|
19
20
|
clearFilters: (...e) => t.value.clearFilters(...e),
|
|
20
21
|
clearSorter: (...e) => t.value.clearSorter(...e),
|
|
21
22
|
downloadCsv: (...e) => t.value.downloadCsv(...e),
|
|
@@ -29,40 +30,44 @@ const p = "BodenDataTable", C = /* @__PURE__ */ f({
|
|
|
29
30
|
get $forwardComponent() {
|
|
30
31
|
return t.value;
|
|
31
32
|
}
|
|
32
|
-
}, d =
|
|
33
|
-
return s(
|
|
33
|
+
}, d = P(o, b), h = r(() => t.value?.mergedShowPagination), m = r(() => t.value?.mergedPagination), f = r(() => t.value?.mergedTheme);
|
|
34
|
+
return s(i), {
|
|
34
35
|
nRef: t,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
dataTableProps: d,
|
|
37
|
+
ThemeOverrides: n,
|
|
38
|
+
mergedShowPagination: h,
|
|
39
|
+
mergedPagination: m,
|
|
40
|
+
mergedTheme: f
|
|
39
41
|
};
|
|
40
42
|
},
|
|
41
43
|
render() {
|
|
42
44
|
const {
|
|
43
|
-
$props:
|
|
44
|
-
ThemeOverrides: s
|
|
45
|
+
$props: o,
|
|
46
|
+
ThemeOverrides: s,
|
|
47
|
+
dataTableProps: t
|
|
45
48
|
} = this;
|
|
46
|
-
return
|
|
49
|
+
return a("div", {
|
|
47
50
|
class: ["boden-data-table", {
|
|
48
51
|
"h-full": this.flexHeight,
|
|
49
|
-
"is-header-icon-left":
|
|
52
|
+
"is-header-icon-left": o.headerIconPlacement === "left"
|
|
50
53
|
}]
|
|
51
|
-
}, [
|
|
54
|
+
}, [a(u, l({
|
|
52
55
|
ref: "nRef"
|
|
53
|
-
},
|
|
54
|
-
class: this.flexHeight ? "h-full" : ""
|
|
56
|
+
}, t, {
|
|
57
|
+
class: `${o.contentClass || ""} ${this.flexHeight ? "h-full" : ""}`,
|
|
55
58
|
themeOverrides: s
|
|
56
|
-
}), this.$slots), this.mergedShowPagination ?
|
|
57
|
-
class: ["boden-data-table__footer", this.footerClass
|
|
58
|
-
|
|
59
|
+
}), this.$slots), this.$slots.footerLeft || this.mergedShowPagination ? a("div", {
|
|
60
|
+
class: ["boden-data-table__footer", this.footerClass, {
|
|
61
|
+
"has-shadow": o.bottomShadow
|
|
62
|
+
}]
|
|
63
|
+
}, [this.$slots.footerLeft ? this.$slots.footerLeft() : null, this.mergedShowPagination ? a(v, l({
|
|
59
64
|
theme: this.mergedTheme?.peers?.Pagination,
|
|
60
65
|
themeOverrides: this.mergedTheme?.peerOverrides?.Pagination
|
|
61
66
|
}, this.mergedPagination, {
|
|
62
67
|
disabled: this.loading
|
|
63
|
-
}), null)]) : null]);
|
|
68
|
+
}), null) : null]) : null]);
|
|
64
69
|
}
|
|
65
70
|
});
|
|
66
71
|
export {
|
|
67
|
-
|
|
72
|
+
x as default
|
|
68
73
|
};
|
|
@@ -2,19 +2,43 @@ import { ExtractPublicPropTypes, PropType, VNode } from 'vue';
|
|
|
2
2
|
import { PaginationProps, DataTableInst } from 'naive-ui';
|
|
3
3
|
import { MergedTheme, Theme } from 'naive-ui/es/_mixins';
|
|
4
4
|
import { DataTableTheme, DataTableThemeVars } from 'naive-ui/es/data-table/styles';
|
|
5
|
-
export declare const
|
|
5
|
+
export declare const bodenDataTableExtendProps: {
|
|
6
|
+
contentClass: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
};
|
|
9
|
+
bottomShadow: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: boolean;
|
|
12
|
+
};
|
|
6
13
|
headerIconPlacement: {
|
|
7
14
|
type: PropType<"left" | "right">;
|
|
8
15
|
default: string;
|
|
9
16
|
};
|
|
10
|
-
|
|
17
|
+
footerClass: {
|
|
18
|
+
type: StringConstructor;
|
|
19
|
+
};
|
|
20
|
+
transparent: BooleanConstructor;
|
|
21
|
+
};
|
|
22
|
+
export declare const bodenDataTableProps: {
|
|
23
|
+
contentClass: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
};
|
|
26
|
+
bottomShadow: {
|
|
11
27
|
type: BooleanConstructor;
|
|
12
28
|
default: boolean;
|
|
13
29
|
};
|
|
30
|
+
headerIconPlacement: {
|
|
31
|
+
type: PropType<"left" | "right">;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
14
34
|
footerClass: {
|
|
15
35
|
type: StringConstructor;
|
|
16
36
|
};
|
|
17
37
|
transparent: BooleanConstructor;
|
|
38
|
+
flexHeight: {
|
|
39
|
+
type: BooleanConstructor;
|
|
40
|
+
default: boolean;
|
|
41
|
+
};
|
|
18
42
|
onUnstableColumnResize: PropType<(resizedWidth: number, limitedWidth: number, column: import('naive-ui').DataTableBaseColumn, getColumnWidth: (key: import('naive-ui').DataTableColumnKey) => number | undefined) => void>;
|
|
19
43
|
pagination: {
|
|
20
44
|
readonly type: PropType<false | PaginationProps>;
|
|
@@ -1,19 +1,29 @@
|
|
|
1
1
|
import { dataTableProps as e } from "naive-ui";
|
|
2
|
-
const
|
|
3
|
-
|
|
2
|
+
const t = {
|
|
3
|
+
contentClass: {
|
|
4
|
+
type: String
|
|
5
|
+
},
|
|
6
|
+
bottomShadow: {
|
|
7
|
+
type: Boolean,
|
|
8
|
+
default: !1
|
|
9
|
+
},
|
|
4
10
|
headerIconPlacement: {
|
|
5
11
|
type: String,
|
|
6
12
|
default: "left"
|
|
7
13
|
},
|
|
8
|
-
flexHeight: {
|
|
9
|
-
type: Boolean,
|
|
10
|
-
default: !0
|
|
11
|
-
},
|
|
12
14
|
footerClass: {
|
|
13
15
|
type: String
|
|
14
16
|
},
|
|
15
17
|
transparent: Boolean
|
|
18
|
+
}, o = {
|
|
19
|
+
...e,
|
|
20
|
+
flexHeight: {
|
|
21
|
+
type: Boolean,
|
|
22
|
+
default: !0
|
|
23
|
+
},
|
|
24
|
+
...t
|
|
16
25
|
};
|
|
17
26
|
export {
|
|
18
|
-
|
|
27
|
+
t as bodenDataTableExtendProps,
|
|
28
|
+
o as bodenDataTableProps
|
|
19
29
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as S, ref as c, computed as I, createBlock as p, openBlock as s, unref as m, withCtx as i, createVNode as u, renderSlot as g, createCommentVNode as T, createSlots as w } from "vue";
|
|
2
2
|
import B from "./title.vue.mjs";
|
|
3
3
|
import L from "../system-actions/index.vue.mjs";
|
|
4
|
-
/* empty css
|
|
4
|
+
/* empty css */
|
|
5
5
|
import "../layout/options.mjs";
|
|
6
6
|
/* empty css */
|
|
7
7
|
import P from "../layout/header/index.vue.mjs";
|
package/es/components/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './app-provider';
|
|
2
2
|
export * from './button';
|
|
3
|
+
export * from './button-list';
|
|
3
4
|
export * from './cascader';
|
|
4
5
|
export * from './config-provider';
|
|
5
6
|
export * from './data-table';
|
|
@@ -13,6 +14,7 @@ export * from './radio';
|
|
|
13
14
|
export * from './platform-navigation';
|
|
14
15
|
export { default as BodenProgress } from './progress';
|
|
15
16
|
export * from './select';
|
|
17
|
+
export * from './shape-button';
|
|
16
18
|
export * from './slider';
|
|
17
19
|
export * from './steps';
|
|
18
20
|
export * from './switch';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as I, mergeDefaults as _, useSlots as E, computed as o, createElementBlock as T, openBlock as u, normalizeStyle as j, createElementVNode as z, normalizeClass as G, unref as M, createBlock as p, createCommentVNode as l, createVNode as P, withCtx as d, renderSlot as c } from "vue";
|
|
2
|
-
import A from "./components/WrapHeader.
|
|
2
|
+
import A from "./components/WrapHeader.vue.mjs";
|
|
3
3
|
import N from "./components/WrapTab.vue.mjs";
|
|
4
4
|
import D from "./components/WrapContent.vue.mjs";
|
|
5
5
|
import O from "./components/WrapSlider.vue.mjs";
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import m from "../../../config/themes/token/dark.mjs";
|
|
2
|
+
import r from "../../../config/themes/token/light.mjs";
|
|
3
|
+
import p from "../../../config/themes/color/dark.mjs";
|
|
4
|
+
import t from "../../../config/themes/color/light.mjs";
|
|
5
|
+
import "../../../config/themes/components/alert/light.mjs";
|
|
6
|
+
import "../../../config/themes/components/button/light.mjs";
|
|
7
|
+
import "../../../config/themes/components/card/light.mjs";
|
|
8
|
+
import "../../../config/themes/components/cascader/light.mjs";
|
|
9
|
+
import "../../../config/themes/components/dataTable/light.mjs";
|
|
10
|
+
import "../../../config/themes/components/datePicker/light.mjs";
|
|
11
|
+
import "../../../config/themes/components/checkbox/light.mjs";
|
|
12
|
+
import "../../../config/themes/components/divider/light.mjs";
|
|
13
|
+
import "../../../config/themes/components/dialog/light.mjs";
|
|
14
|
+
import "../../../config/themes/components/dropdown/light.mjs";
|
|
15
|
+
import "../../../config/themes/components/form/light.mjs";
|
|
16
|
+
import "../../../config/themes/components/input/light.mjs";
|
|
17
|
+
import "../../../config/themes/components/inputNumber/light.mjs";
|
|
18
|
+
import "../../../config/themes/components/layout/light.mjs";
|
|
19
|
+
import "../../../config/themes/components/menu/light.mjs";
|
|
20
|
+
import "../../../config/themes/components/popover/light.mjs";
|
|
21
|
+
import "../../../config/themes/components/progress/light.mjs";
|
|
22
|
+
import "../../../config/themes/components/radio/light.mjs";
|
|
23
|
+
import "../../../config/themes/components/select/light.mjs";
|
|
24
|
+
import "../../../config/themes/components/slider/light.mjs";
|
|
25
|
+
import "../../../config/themes/components/switch/light.mjs";
|
|
26
|
+
import "../../../config/themes/components/tag/light.mjs";
|
|
27
|
+
import "../../../config/themes/components/transfer/light.mjs";
|
|
28
|
+
import "../../../config/themes/components/baseComponent/light.mjs";
|
|
29
|
+
import "../../../config/themes/common/light.mjs";
|
|
30
|
+
import "../../../config/themes/components/alert/dark.mjs";
|
|
31
|
+
import "../../../config/themes/components/button/dark.mjs";
|
|
32
|
+
import "../../../config/themes/components/card/dark.mjs";
|
|
33
|
+
import "../../../config/themes/components/cascader/dark.mjs";
|
|
34
|
+
import "../../../config/themes/components/checkbox/dark.mjs";
|
|
35
|
+
import "../../../config/themes/components/dataTable/dark.mjs";
|
|
36
|
+
import "../../../config/themes/components/datePicker/dark.mjs";
|
|
37
|
+
import "../../../config/themes/components/dialog/dark.mjs";
|
|
38
|
+
import "../../../config/themes/components/dropdown/dark.mjs";
|
|
39
|
+
import "../../../config/themes/components/form/dark.mjs";
|
|
40
|
+
import "../../../config/themes/components/input/dark.mjs";
|
|
41
|
+
import "../../../config/themes/components/inputNumber/dark.mjs";
|
|
42
|
+
import "../../../config/themes/components/layout/dark.mjs";
|
|
43
|
+
import "../../../config/themes/components/menu/dark.mjs";
|
|
44
|
+
import "../../../config/themes/components/popover/dark.mjs";
|
|
45
|
+
import "../../../config/themes/components/progress/dark.mjs";
|
|
46
|
+
import "../../../config/themes/components/radio/dark.mjs";
|
|
47
|
+
import "../../../config/themes/components/select/dark.mjs";
|
|
48
|
+
import "../../../config/themes/components/slider/dark.mjs";
|
|
49
|
+
import "../../../config/themes/components/switch/dark.mjs";
|
|
50
|
+
import "../../../config/themes/components/tag/dark.mjs";
|
|
51
|
+
import "../../../config/themes/components/transfer/dark.mjs";
|
|
52
|
+
import "../../../config/themes/components/baseComponent/dark.mjs";
|
|
53
|
+
import "../../../config/themes/common/dark.mjs";
|
|
54
|
+
import "../../../config/themes/components/charts/dark.mjs";
|
|
55
|
+
import "../../../config/themes/components/charts/light.mjs";
|
|
56
|
+
const eo = (o) => ({
|
|
57
|
+
color: o ? "#222327" : r["bg-color-2"],
|
|
58
|
+
colorHover: o ? "#222327" : r["bg-color-2"],
|
|
59
|
+
colorFocus: o ? "#222327" : r["bg-color-2"],
|
|
60
|
+
textColor: o ? m["color-text-2"] : t["color-gray-8"],
|
|
61
|
+
border: `1px solid ${o ? p["color-gray-3"] : t["color-gray-3"]}`
|
|
62
|
+
});
|
|
63
|
+
export {
|
|
64
|
+
eo as getButtonThemeOverrides
|
|
65
|
+
};
|