base6-ui 2.0.26 → 2.0.28

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/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/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
+};