base6-ui 2.0.25 → 2.0.27

package/es/components/data-table/data-table.mjs

@@ -1,21 +1,22 @@
-import { defineComponent as f, createVNode as o, mergeProps as l, ref as g, computed as a } from "vue";
-import { NDataTable as c, NPagination as u } from "naive-ui";
-import { bodenDataTableProps as v } from "./interface.mjs";
+import { defineComponent as g, createVNode as a, mergeProps as l, ref as c, computed as r } from "vue";
+import { NDataTable as u, NPagination as v } from "naive-ui";
+import { bodenDataTableProps as p, bodenDataTableExtendProps as b } from "./interface.mjs";
+import { useOmitProps as P } from "../../_utils/composable/use-omit-props.mjs";
 /* empty css            */
-const p = "BodenDataTable", C = /* @__PURE__ */ f({
-  name: p,
-  props: v,
+const T = "BodenDataTable", x = /* @__PURE__ */ g({
+  name: T,
+  props: p,
   slots: Object,
-  setup(r, {
+  setup(o, {
     expose: s
   }) {
-    const t = g(), i = a(() => {
+    const t = c(), n = r(() => {
       const e = {};
-      return r.transparent && Object.assign(e, {
+      return o.transparent && Object.assign(e, {
         tdColor: "#0000",
         thColor: "#0000"
-      }), r.themeOverrides && Object.assign(e, r.themeOverrides), Object.keys(e).length ? e : void 0;
-    }), n = {
+      }), o.themeOverrides && Object.assign(e, o.themeOverrides), Object.keys(e).length ? e : void 0;
+    }), i = {
       clearFilters: (...e) => t.value.clearFilters(...e),
       clearSorter: (...e) => t.value.clearSorter(...e),
       downloadCsv: (...e) => t.value.downloadCsv(...e),
@@ -29,40 +30,44 @@ const p = "BodenDataTable", C = /* @__PURE__ */ f({
       get $forwardComponent() {
         return t.value;
       }
-    }, d = a(() => t.value?.mergedShowPagination), h = a(() => t.value?.mergedPagination), m = a(() => t.value?.mergedTheme);
-    return s(n), {
+    }, d = P(o, b), h = r(() => t.value?.mergedShowPagination), m = r(() => t.value?.mergedPagination), f = r(() => t.value?.mergedTheme);
+    return s(i), {
       nRef: t,
-      ThemeOverrides: i,
-      mergedShowPagination: d,
-      mergedPagination: h,
-      mergedTheme: m
+      dataTableProps: d,
+      ThemeOverrides: n,
+      mergedShowPagination: h,
+      mergedPagination: m,
+      mergedTheme: f
     };
   },
   render() {
     const {
-      $props: r,
-      ThemeOverrides: s
+      $props: o,
+      ThemeOverrides: s,
+      dataTableProps: t
     } = this;
-    return o("div", {
+    return a("div", {
       class: ["boden-data-table", {
         "h-full": this.flexHeight,
-        "is-header-icon-left": r.headerIconPlacement === "left"
+        "is-header-icon-left": o.headerIconPlacement === "left"
       }]
-    }, [o(c, l({
+    }, [a(u, l({
       ref: "nRef"
-    }, r, {
-      class: this.flexHeight ? "h-full" : "",
+    }, t, {
+      class: `${o.contentClass || ""} ${this.flexHeight ? "h-full" : ""}`,
       themeOverrides: s
-    }), this.$slots), this.mergedShowPagination ? o("div", {
-      class: ["boden-data-table__footer", this.footerClass]
-    }, [this.$slots.footerLeft ? this.$slots.footerLeft() : null, o(u, l({
+    }), this.$slots), this.$slots.footerLeft || this.mergedShowPagination ? a("div", {
+      class: ["boden-data-table__footer", this.footerClass, {
+        "has-shadow": o.bottomShadow
+      }]
+    }, [this.$slots.footerLeft ? this.$slots.footerLeft() : null, this.mergedShowPagination ? a(v, l({
       theme: this.mergedTheme?.peers?.Pagination,
       themeOverrides: this.mergedTheme?.peerOverrides?.Pagination
     }, this.mergedPagination, {
       disabled: this.loading
-    }), null)]) : null]);
+    }), null) : null]) : null]);
   }
 });
 export {
-  C as default
+  x as default
 };

package/es/components/data-table/interface.d.ts

@@ -2,19 +2,43 @@ import { ExtractPublicPropTypes, PropType, VNode } from 'vue';
 import { PaginationProps, DataTableInst } from 'naive-ui';
 import { MergedTheme, Theme } from 'naive-ui/es/_mixins';
 import { DataTableTheme, DataTableThemeVars } from 'naive-ui/es/data-table/styles';
-export declare const bodenDataTableProps: {
+export declare const bodenDataTableExtendProps: {
+    contentClass: {
+        type: StringConstructor;
+    };
+    bottomShadow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     headerIconPlacement: {
         type: PropType<"left" | "right">;
         default: string;
     };
-    flexHeight: {
+    footerClass: {
+        type: StringConstructor;
+    };
+    transparent: BooleanConstructor;
+};
+export declare const bodenDataTableProps: {
+    contentClass: {
+        type: StringConstructor;
+    };
+    bottomShadow: {
         type: BooleanConstructor;
         default: boolean;
     };
+    headerIconPlacement: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
     footerClass: {
         type: StringConstructor;
     };
     transparent: BooleanConstructor;
+    flexHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     onUnstableColumnResize: PropType<(resizedWidth: number, limitedWidth: number, column: import('naive-ui').DataTableBaseColumn, getColumnWidth: (key: import('naive-ui').DataTableColumnKey) => number | undefined) => void>;
     pagination: {
         readonly type: PropType<false | PaginationProps>;

package/es/components/data-table/interface.mjs

@@ -1,19 +1,29 @@
 import { dataTableProps as e } from "naive-ui";
-const a = {
-  ...e,
+const t = {
+  contentClass: {
+    type: String
+  },
+  bottomShadow: {
+    type: Boolean,
+    default: !1
+  },
   headerIconPlacement: {
     type: String,
     default: "left"
   },
-  flexHeight: {
-    type: Boolean,
-    default: !0
-  },
   footerClass: {
     type: String
   },
   transparent: Boolean
+}, o = {
+  ...e,
+  flexHeight: {
+    type: Boolean,
+    default: !0
+  },
+  ...t
 };
 export {
-  a as bodenDataTableProps
+  t as bodenDataTableExtendProps,
+  o as bodenDataTableProps
 };

package/es/components/dialog/index.vue.mjs

@@ -7,7 +7,7 @@ import { useLocale as R } from "../../hooks/useLocale.mjs";
 const D = {
   key: 1,
   style: { margin: "0 auto" }
-}, X = /* @__PURE__ */ P({
+}, q = /* @__PURE__ */ P({
   __name: "index",
   props: /* @__PURE__ */ E({
     visible: { type: Boolean },
@@ -46,7 +46,7 @@ const D = {
       position: "fixed",
       left: "50%",
       top: `${n.top}`,
-      transform: "translateX(-50%)"
+      transform: "translate(-50%, -50%)"
     })), v = l(() => ({
       lineHeight: "28px",
       textAlign: `${n.center ? "center" : "left"}`
@@ -147,5 +147,5 @@ const D = {
   }
 });
 export {
-  X as default
+  q as default
 };

package/es/components/dialog/options.mjs

@@ -2,7 +2,7 @@ const e = {
   visible: !1,
   width: "1000px",
   title: void 0,
-  top: "10vh",
+  top: "50%",
   cardSize: "medium",
   isLoading: !1,
   center: !0,

package/es/components/global-header/index.vue.mjs

@@ -1,10 +1,11 @@
 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";
 import B from "./title.vue.mjs";
 import L from "../system-actions/index.vue.mjs";
-/* empty css                                   */
+/* empty css                                    */
 import "../layout/options.mjs";
 /* empty css                    */
 import P from "../layout/header/index.vue.mjs";
+import "../../config/themes/token/dark.mjs";
 import "../../config/themes/token/light.mjs";
 import "../../config/themes/components/alert/light.mjs";
 import "../../config/themes/components/button/light.mjs";
@@ -60,7 +61,7 @@ import "../../config/themes/components/charts/light.mjs";
 /* empty css                          */
 import b from "../layout/aside-menu/aside-menu.mjs";
 import "../layout/aside-menu/props.mjs";
-const Oo = /* @__PURE__ */ S({
+const Uo = /* @__PURE__ */ S({
   name: "BodenGlobalHeader",
   __name: "index",
   props: {
@@ -152,5 +153,5 @@ const Oo = /* @__PURE__ */ S({
   }
 });
 export {
-  Oo as default
+  Uo as default
 };

package/es/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './app-provider';
 export * from './button';
+export * from './button-list';
 export * from './cascader';
 export * from './config-provider';
 export * from './data-table';
@@ -13,6 +14,7 @@ export * from './radio';
 export * from './platform-navigation';
 export { default as BodenProgress } from './progress';
 export * from './select';
+export * from './shape-button';
 export * from './slider';
 export * from './steps';
 export * from './switch';

package/es/components/layout/components/{WrapHeader.vue2.mjs → WrapHeader.vue.mjs}

@@ -1,5 +1,5 @@
 import a from "./WrapHeader.vue3.mjs";
-/* empty css                */
+/* empty css                 */
 import o from "../../../_virtual/_plugin-vue_export-helper.mjs";
 const d = /* @__PURE__ */ o(a, [["__scopeId", "data-v-a43da04d"]]);
 export {

package/es/components/layout/index.vue2.mjs

@@ -1,5 +1,5 @@
 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";
-import A from "./components/WrapHeader.vue2.mjs";
+import A from "./components/WrapHeader.vue.mjs";
 import N from "./components/WrapTab.vue.mjs";
 import D from "./components/WrapContent.vue.mjs";
 import O from "./components/WrapSlider.vue.mjs";

package/es/components/shape-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BodenShapeButton } from './src/shape-button';
+export { bodenShapeButtonProps, type BodenShapeButtonProps, type BodenShapeButtonSlots } from './src/interface';

package/es/components/shape-button/src/cssVar.d.ts

@@ -0,0 +1,7 @@
+export declare const getButtonThemeOverrides: (isDark: boolean) => {
+    color: string;
+    colorHover: string;
+    colorFocus: string;
+    textColor: string;
+    border: string;
+};

package/es/components/shape-button/src/cssVar.mjs

@@ -0,0 +1,65 @@
+import m from "../../../config/themes/token/dark.mjs";
+import r from "../../../config/themes/token/light.mjs";
+import p from "../../../config/themes/color/dark.mjs";
+import t from "../../../config/themes/color/light.mjs";
+import "../../../config/themes/components/alert/light.mjs";
+import "../../../config/themes/components/button/light.mjs";
+import "../../../config/themes/components/card/light.mjs";
+import "../../../config/themes/components/cascader/light.mjs";
+import "../../../config/themes/components/dataTable/light.mjs";
+import "../../../config/themes/components/datePicker/light.mjs";
+import "../../../config/themes/components/checkbox/light.mjs";
+import "../../../config/themes/components/divider/light.mjs";
+import "../../../config/themes/components/dialog/light.mjs";
+import "../../../config/themes/components/dropdown/light.mjs";
+import "../../../config/themes/components/form/light.mjs";
+import "../../../config/themes/components/input/light.mjs";
+import "../../../config/themes/components/inputNumber/light.mjs";
+import "../../../config/themes/components/layout/light.mjs";
+import "../../../config/themes/components/menu/light.mjs";
+import "../../../config/themes/components/popover/light.mjs";
+import "../../../config/themes/components/progress/light.mjs";
+import "../../../config/themes/components/radio/light.mjs";
+import "../../../config/themes/components/select/light.mjs";
+import "../../../config/themes/components/slider/light.mjs";
+import "../../../config/themes/components/switch/light.mjs";
+import "../../../config/themes/components/tag/light.mjs";
+import "../../../config/themes/components/transfer/light.mjs";
+import "../../../config/themes/components/baseComponent/light.mjs";
+import "../../../config/themes/common/light.mjs";
+import "../../../config/themes/components/alert/dark.mjs";
+import "../../../config/themes/components/button/dark.mjs";
+import "../../../config/themes/components/card/dark.mjs";
+import "../../../config/themes/components/cascader/dark.mjs";
+import "../../../config/themes/components/checkbox/dark.mjs";
+import "../../../config/themes/components/dataTable/dark.mjs";
+import "../../../config/themes/components/datePicker/dark.mjs";
+import "../../../config/themes/components/dialog/dark.mjs";
+import "../../../config/themes/components/dropdown/dark.mjs";
+import "../../../config/themes/components/form/dark.mjs";
+import "../../../config/themes/components/input/dark.mjs";
+import "../../../config/themes/components/inputNumber/dark.mjs";
+import "../../../config/themes/components/layout/dark.mjs";
+import "../../../config/themes/components/menu/dark.mjs";
+import "../../../config/themes/components/popover/dark.mjs";
+import "../../../config/themes/components/progress/dark.mjs";
+import "../../../config/themes/components/radio/dark.mjs";
+import "../../../config/themes/components/select/dark.mjs";
+import "../../../config/themes/components/slider/dark.mjs";
+import "../../../config/themes/components/switch/dark.mjs";
+import "../../../config/themes/components/tag/dark.mjs";
+import "../../../config/themes/components/transfer/dark.mjs";
+import "../../../config/themes/components/baseComponent/dark.mjs";
+import "../../../config/themes/common/dark.mjs";
+import "../../../config/themes/components/charts/dark.mjs";
+import "../../../config/themes/components/charts/light.mjs";
+const eo = (o) => ({
+  color: o ? "#222327" : r["bg-color-2"],
+  colorHover: o ? "#222327" : r["bg-color-2"],
+  colorFocus: o ? "#222327" : r["bg-color-2"],
+  textColor: o ? m["color-text-2"] : t["color-gray-8"],
+  border: `1px solid ${o ? p["color-gray-3"] : t["color-gray-3"]}`
+});
+export {
+  eo as getButtonThemeOverrides
+};