base6-ui 2.0.32 → 2.0.34

package/es/components/cascader/src/cascader.mjs

@@ -0,0 +1,38 @@
+import { defineComponent as c, ref as l, computed as a, createVNode as m, mergeProps as f } from "vue";
+import { NCascader as i } from "naive-ui";
+import C from "../../../hooks/useNaiveConfigProvideContext.mjs";
+import { getCascaderStyleCssVar as p, getCascaderMenuStyleCssVar as v } from "./cssVar.mjs";
+import { bodenCascaderProps as g } from "./types.mjs";
+/* empty css            */
+const b = "BodenCascader", I = /* @__PURE__ */ c({
+  name: b,
+  props: g,
+  setup(r, {
+    attrs: o,
+    expose: s
+  }) {
+    const t = C(), e = l(null), d = a(() => r.bordered ? !0 : !r.disabled), n = a(() => p(t?.mergedThemeOverridesRef.value?.Cascader)), u = a(() => v(t?.mergedThemeOverridesRef.value?.Cascader));
+    return s({
+      blur: () => e.value.blur(),
+      focus: () => e.value.focus(),
+      getCheckedData: () => e.value.getCheckedData(),
+      getIndeterminateData: () => e.value.getIndeterminateData(),
+      get $forwardComponent() {
+        return e.value;
+      }
+    }), () => m(i, f({
+      ref: e
+    }, o, r, {
+      class: "boden-cascader",
+      style: n.value,
+      "menu-props": {
+        class: "boden-cascader-menu",
+        style: u.value
+      },
+      bordered: d.value
+    }), null);
+  }
+});
+export {
+  I as default
+};

package/es/components/cascader/src/cssVar.d.ts

@@ -0,0 +1,10 @@
+import { BaseCascaderThemeOverrides } from '../../../types/themes/components';
+export declare const getCascaderStyleCssVar: (themeOverrides?: BaseCascaderThemeOverrides) => {
+    '--base-tag-color': string | undefined;
+    '--base-tag-color-text': string | undefined;
+};
+export declare const getCascaderMenuStyleCssVar: (themeOverrides?: BaseCascaderThemeOverrides) => {
+    '--base-menu-border': string | undefined;
+    '--base-padding': string | undefined;
+    '--base-arrow-color-active': string | undefined;
+};

package/es/components/cascader/src/cssVar.mjs

@@ -0,0 +1,14 @@
+import "../styles/dark.mjs";
+import { BodenCascaderLight as r } from "../styles/light.mjs";
+const e = (o) => ({
+  "--base-tag-color": o?.tagColor || r.tagColor,
+  "--base-tag-color-text": o?.tagTextColor || r.tagTextColor
+}), c = (o) => ({
+  "--base-menu-border": o?.border || r.border,
+  "--base-padding": o?.columPadding || r.columPadding,
+  "--base-arrow-color-active": o?.arrowColorActive || r.arrowColorActive
+});
+export {
+  c as getCascaderMenuStyleCssVar,
+  e as getCascaderStyleCssVar
+};

package/es/components/cascader/styles/_common.d.ts

@@ -0,0 +1,2 @@
+import { BaseCascaderThemeOverrides } from '../../../types/themes/components';
+export declare const BodenCascaderCommon: BaseCascaderThemeOverrides;

package/es/components/cascader/styles/_common.mjs

@@ -0,0 +1,9 @@
+const o = {
+  columnWidth: "188px",
+  columPadding: "4px",
+  menuBorderRadius: "10px",
+  optionHeight: "32px"
+};
+export {
+  o as BodenCascaderCommon
+};

package/es/components/cascader/styles/dark.d.ts

@@ -0,0 +1,2 @@
+import { BaseCascaderThemeOverrides } from '../../../types/themes/components';
+export declare const BodenCascadereDark: BaseCascaderThemeOverrides;

package/es/components/cascader/styles/dark.mjs

@@ -0,0 +1,25 @@
+import o from "../../../_styles/vars/base/dark.mjs";
+import r from "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+import "../../../_internal/selection/styles/light.mjs";
+import { BodenInternalSelectionDark as e } from "../../../_internal/selection/styles/dark.mjs";
+import { BodenCascaderCommon as t } from "./_common.mjs";
+const p = {
+  ...t,
+  border: `1px soild ${o["color-gray-4"]}`,
+  optionColorHover: o["color-primary-1"],
+  optionTextColorActive: o["color-primary-6"],
+  optionTextColorDisabled: r["color-text-4"],
+  menuColor: r["bg-color-3"],
+  arrowColorActive: o["color-primary-6"],
+  tagColor: o["color-gray-3"],
+  tagTextColor: o["color-gray-10"],
+  peers: {
+    InternalSelection: {
+      ...e
+    }
+  }
+};
+export {
+  p as BodenCascadereDark
+};

package/es/components/cascader/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenCascadereDark } from './dark';
+export { BodenCascaderLight } from './light';

package/es/components/cascader/styles/light.d.ts

@@ -0,0 +1,2 @@
+import { BaseCascaderThemeOverrides } from '../../../types/themes/components';
+export declare const BodenCascaderLight: BaseCascaderThemeOverrides;

package/es/components/cascader/styles/light.mjs

@@ -0,0 +1,24 @@
+import o from "../../../_styles/vars/base/light.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+import { BodenInternalSelectionLight as r } from "../../../_internal/selection/styles/light.mjs";
+import "../../../_internal/selection/styles/dark.mjs";
+import { BodenCascaderCommon as t } from "./_common.mjs";
+const m = {
+  ...t,
+  border: `1px soild ${o["color-gray-4"]}`,
+  optionColorHover: o["color-primary-1"],
+  optionTextColorActive: o["color-primary-6"],
+  optionTextColorDisabled: o["color-gray-4"],
+  arrowColorActive: o["color-primary-6"],
+  tagColor: o["color-gray-3"],
+  tagTextColor: o["color-gray-10"],
+  peers: {
+    InternalSelection: {
+      ...r
+    }
+  }
+};
+export {
+  m as BodenCascaderLight
+};

package/es/components/checkbox/styles/_common.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from 'naive-ui';
+export declare const BodenCheckboxCommon: CheckboxProps['themeOverrides'];

package/es/components/checkbox/styles/_common.mjs

@@ -0,0 +1,7 @@
+const o = {
+  borderRadius: "4px",
+  boxShadowFocus: "none"
+};
+export {
+  o as BodenCheckboxCommon
+};

package/es/components/checkbox/styles/dark.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from 'naive-ui';
+export declare const BodenCheckboxDark: CheckboxProps['themeOverrides'];

package/es/components/checkbox/styles/dark.mjs

@@ -0,0 +1,22 @@
+import o from "../../../_styles/vars/base/dark.mjs";
+import r from "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+import { BodenCheckboxCommon as e } from "./_common.mjs";
+const a = {
+  ...e,
+  border: `1.5px solid ${o["color-gray-4"]}`,
+  borderChecked: `1.5px solid ${o["color-primary-6"]}`,
+  borderDisabled: `1.5px solid ${o["color-gray-4"]}`,
+  borderDisabledChecked: `1.5px solid ${o["color-primary-3"]}`,
+  borderFocus: `1.5px solid ${o["color-primary-5"]}`,
+  colorChecked: o["color-primary-6"],
+  colorDisabled: r["fill-color-2"],
+  colorDisabledChecked: o["color-primary-3"],
+  checkMarkColor: r["color-text-1"],
+  checkMarkColorDisabledChecked: r["color-white-disabled-opacity"],
+  textColor: r["color-text-1"],
+  textColorDisabled: r["color-text-4"]
+};
+export {
+  a as BodenCheckboxDark
+};

package/es/components/checkbox/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenCheckboxDark } from './dark';
+export { BodenCheckboxLight } from './light';

package/es/components/checkbox/styles/light.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from 'naive-ui';
+export declare const BodenCheckboxLight: CheckboxProps['themeOverrides'];

package/es/components/checkbox/styles/light.mjs

@@ -0,0 +1,21 @@
+import o from "../../../_styles/vars/base/light.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import r from "../../../_styles/vars/colors/light.mjs";
+import { BodenCheckboxCommon as e } from "./_common.mjs";
+const a = {
+  ...e,
+  border: `1.5px solid ${o["color-gray-4"]}`,
+  borderChecked: `1.5px solid ${o["color-primary-6"]}`,
+  borderDisabled: `1.5px solid ${o["color-gray-4"]}`,
+  borderDisabledChecked: `1.5px solid ${o["color-primary-3"]}`,
+  borderFocus: `1.5px solid ${o["color-primary-5"]}`,
+  colorChecked: o["color-primary-6"],
+  colorDisabled: o["color-gray-3"],
+  colorDisabledChecked: o["color-primary-3"],
+  checkMarkColorDisabledChecked: r["color-text-5"],
+  textColor: o["color-gray-10"],
+  textColorDisabled: o["color-gray-4"]
+};
+export {
+  a as BodenCheckboxLight
+};

package/es/components/config-provider/config-provider.d.ts

@@ -68,9 +68,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         readonly default: undefined;
     };
 }>> & Readonly<{}>, {
-    readonly tag: string;
-    readonly bordered: boolean | undefined;
     readonly abstract: boolean;
+    readonly bordered: boolean | undefined;
+    readonly tag: string;
     readonly preflightStyleDisabled: boolean;
     readonly inlineThemeDisabled: boolean;
     readonly as: string | undefined;

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

@@ -1,2 +1,2 @@
-export { default as BodenDataTable } from './data-table';
-export { bodenDataTableProps, type BodenDataTableProps, type BodenDataTableSlots, type BodenDataTableInstance } from './interface';
+export { default as BodenDataTable } from './src/data-table';
+export { bodenDataTableProps, type BodenDataTableProps, type BodenDataTableSlots, type BodenDataTableInstance } from './src/interface';

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

@@ -0,0 +1,73 @@
+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 T = "BodenDataTable", x = /* @__PURE__ */ g({
+  name: T,
+  props: p,
+  slots: Object,
+  setup(o, {
+    expose: s
+  }) {
+    const t = c(), n = r(() => {
+      const e = {};
+      return o.transparent && Object.assign(e, {
+        tdColor: "#0000",
+        thColor: "#0000"
+      }), 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),
+      filter: (...e) => t.value.filter(...e),
+      filters: (...e) => t.value.filters(...e),
+      page: (...e) => t.value.page(...e),
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore: Function overloading
+      scrollTo: (...e) => t.value.scrollTo(...e),
+      sort: (...e) => t.value.sort(...e),
+      get $forwardComponent() {
+        return t.value;
+      }
+    }, d = P(o, b), h = r(() => t.value?.mergedShowPagination), m = r(() => t.value?.mergedPagination), f = r(() => t.value?.mergedTheme);
+    return s(i), {
+      nRef: t,
+      dataTableProps: d,
+      ThemeOverrides: n,
+      mergedShowPagination: h,
+      mergedPagination: m,
+      mergedTheme: f
+    };
+  },
+  render() {
+    const {
+      $props: o,
+      ThemeOverrides: s,
+      dataTableProps: t
+    } = this;
+    return a("div", {
+      class: ["boden-data-table", {
+        "h-full": this.flexHeight,
+        "is-header-icon-left": o.headerIconPlacement === "left"
+      }]
+    }, [a(u, l({
+      ref: "nRef"
+    }, t, {
+      class: `${o.contentClass || ""} ${this.flexHeight ? "h-full" : ""}`,
+      themeOverrides: s
+    }), 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]);
+  }
+});
+export {
+  x as default
+};

package/es/components/data-table/styles/_common.d.ts

@@ -0,0 +1,2 @@
+import { DataTableProps } from 'naive-ui';
+export declare const BodenDataTableCommon: DataTableProps['themeOverrides'];

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

@@ -0,0 +1,14 @@
+const t = {
+  tdColorSorting: "transparent",
+  thColorSorting: "transparent",
+  thButtonColorHover: "transparent",
+  peers: {
+    Scrollbar: {
+      railInsetHorizontalBottom: "auto 2px 0px 2px",
+      railInsetVerticalRight: "2px 0px 2px auto"
+    }
+  }
+};
+export {
+  t as BodenDataTableCommon
+};

package/es/components/data-table/styles/dark.d.ts

@@ -0,0 +1,2 @@
+import { DataTableProps } from 'naive-ui';
+export declare const BodenDataTableDark: DataTableProps['themeOverrides'];

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

@@ -0,0 +1,27 @@
+import r from "../../../_styles/vars/base/dark.mjs";
+import o from "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+import { BodenDataTableCommon as t } from "./_common.mjs";
+import { merge as e } from "../../../node_modules/.pnpm/es-toolkit@1.41.0/node_modules/es-toolkit/dist/object/merge.mjs";
+const c = e(
+  {
+    tdColor: o["bg-color-2"],
+    tdColorStriped: "#29292B",
+    tdTextColor: r["color-gray-10"],
+    thColor: o["bg-color-2"],
+    thColorHover: o["bg-color-2"],
+    thFontWeight: "400",
+    thPaddingMedium: "6px 12px",
+    thTextColor: o["color-text-2"],
+    borderColor: r["color-gray-3"],
+    peers: {
+      Popover: {
+        color: o["bg-color-8"]
+      }
+    }
+  },
+  { ...t }
+);
+export {
+  c as BodenDataTableDark
+};

package/es/components/data-table/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenDataTableDark } from './dark';
+export { BodenDataTableLight } from './light';

package/es/components/data-table/styles/light.d.ts

@@ -0,0 +1,2 @@
+import { DataTableProps } from 'naive-ui';
+export declare const BodenDataTableLight: DataTableProps['themeOverrides'];

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

@@ -0,0 +1,19 @@
+import o from "../../../_styles/vars/base/light.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import r from "../../../_styles/vars/colors/light.mjs";
+import { BodenDataTableCommon as t } from "./_common.mjs";
+const i = {
+  ...t,
+  tdColor: r["bg-color-2"],
+  tdColorStriped: o["color-gray-1"],
+  tdTextColor: o["color-gray-10"],
+  thColor: r["bg-color-2"],
+  thColorHover: r["bg-color-2"],
+  thFontWeight: "400",
+  thPaddingMedium: "6px 12px",
+  thTextColor: o["color-gray-8"],
+  borderColor: o["color-gray-3"]
+};
+export {
+  i as BodenDataTableLight
+};

package/es/components/date-picker/styles/dark.d.ts

@@ -0,0 +1,2 @@
+import { DatePickerProps } from 'naive-ui';
+export declare const BodenDatePickerDark: DatePickerProps['themeOverrides'];

package/es/components/date-picker/styles/dark.mjs

@@ -0,0 +1,13 @@
+import r from "../../../_styles/vars/base/dark.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+const t = {
+  itemColorActive: r["color-primary-6"],
+  itemColorIncluded: r["color-primary-1"],
+  itemColorHover: r["color-primary-1"],
+  itemTextColorCurrent: r["color-primary-6"],
+  itemBorderRadius: "4px"
+};
+export {
+  t as BodenDatePickerDark
+};

package/es/components/date-picker/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { BodenDatePickerDark } from './dark';
+export { BodenDatePickerLight } from './light';

package/es/components/date-picker/styles/light.d.ts

@@ -0,0 +1,2 @@
+import { DatePickerProps } from 'naive-ui';
+export declare const BodenDatePickerLight: DatePickerProps['themeOverrides'];

package/es/components/date-picker/styles/light.mjs

@@ -0,0 +1,13 @@
+import r from "../../../_styles/vars/base/light.mjs";
+import "../../../_styles/vars/colors/dark.mjs";
+import "../../../_styles/vars/colors/light.mjs";
+const t = {
+  itemColorActive: r["color-primary-6"],
+  itemColorIncluded: r["color-primary-1"],
+  itemColorHover: r["color-primary-1"],
+  itemTextColorCurrent: r["color-primary-6"],
+  itemBorderRadius: "4px"
+};
+export {
+  t as BodenDatePickerLight
+};

package/es/components/dialog/index.d.ts

@@ -1,2 +1,2 @@
-export { default as BodenDialog } from './index.vue';
-export { type BaseDialogPropsType } from './type';
+export { default as BodenDialog } from './src/index.vue';
+export { type BaseDialogPropsType } from './src/type';

package/es/components/dialog/src/index.vue.d.ts

@@ -0,0 +1,58 @@
+import { BaseDialogPropsType } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        'header-extra'?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BaseDialogPropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+    "update:visible": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<BaseDialogPropsType> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string | (() => import('vue').VNodeChild);
+    width: string;
+    closable: boolean;
+    top: string;
+    center: boolean;
+    maskClosable: boolean;
+    closeOnEsc: boolean;
+    visible: boolean;
+    cardSize: "small" | "medium" | "large" | "huge";
+    showHeaderExtra: boolean;
+    showFooter: boolean;
+    isLoading: boolean;
+    closeOnCancel: boolean;
+    cancelBtnText: string;
+    confirmBtnText: string;
+    cancelColor: string;
+    confirmColor: string;
+    cancelTextColor: string;
+    confirmTextColor: string;
+    cancelIcon: string;
+    confirmIcon: string;
+    cancelIconPlacement: "left" | "right";
+    confirmIconPlacement: "left" | "right";
+    cancelType: import('naive-ui/es/button/src/interface').Type;
+    confirmType: import('naive-ui/es/button/src/interface').Type;
+    btnPlacement: "center" | "right";
+    btnRound: boolean;
+    btnSize: import('naive-ui/es/button/src/interface').Size;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,151 @@
+import { NModal as S, NCard as I } from "naive-ui";
+import { defineComponent as P, mergeDefaults as E, computed as l, resolveComponent as O, createBlock as y, openBlock as c, mergeProps as h, withCtx as t, createVNode as d, createSlots as p, renderSlot as a, createElementBlock as C, toDisplayString as H, normalizeClass as L, unref as i } from "vue";
+import { defaultProps as N } from "./options.mjs";
+import b from "../../button/src/button.mjs";
+import "../../button/src/interface.mjs";
+import { useLocale as R } from "../../../_mixins/use-locale.mjs";
+const D = {
+  key: 1,
+  style: { margin: "0 auto" }
+}, q = /* @__PURE__ */ P({
+  __name: "index",
+  props: /* @__PURE__ */ E({
+    visible: { type: Boolean },
+    width: {},
+    top: {},
+    title: {},
+    cardSize: {},
+    center: { type: Boolean },
+    closable: {},
+    showHeaderExtra: { type: Boolean },
+    showFooter: { type: Boolean },
+    isLoading: { type: Boolean },
+    maskClosable: {},
+    closeOnEsc: {},
+    closeOnCancel: { type: Boolean },
+    cancelBtnText: {},
+    confirmBtnText: {},
+    cancelColor: {},
+    confirmColor: {},
+    cancelTextColor: {},
+    confirmTextColor: {},
+    cancelIcon: {},
+    confirmIcon: {},
+    cancelIconPlacement: {},
+    confirmIconPlacement: {},
+    cancelType: {},
+    confirmType: {},
+    btnPlacement: {},
+    btnRound: { type: Boolean },
+    btnSize: {}
+  }, N),
+  emits: ["update:visible", "cancel", "confirm"],
+  setup(e, { emit: g }) {
+    const { t: m } = R(), r = g, n = e, k = l(() => ({
+      width: `${n.width}`,
+      position: "fixed",
+      left: "50%",
+      top: `${n.top}`,
+      transform: "translate(-50%, -50%)"
+    })), v = l(() => ({
+      lineHeight: "28px",
+      textAlign: `${n.center ? "center" : "left"}`
+    })), x = l(() => n.btnPlacement === "center" ? "flex-c" : "flex justify-end"), s = l({
+      get: () => n.visible,
+      set: (o) => {
+        r("update:visible", o);
+      }
+    }), f = () => {
+      n.closeOnCancel && (s.value = !1), r("cancel");
+    }, B = () => {
+      r("confirm");
+    };
+    return (o, u) => {
+      const $ = O("svg-icon"), w = I, z = S;
+      return c(), y(z, h({
+        show: s.value,
+        "onUpdate:show": u[0] || (u[0] = (T) => s.value = T),
+        maskClosable: e.maskClosable,
+        closeOnEsc: e.closeOnEsc
+      }, o.$attrs), {
+        default: t(() => [
+          d(w, h({
+            "header-style": v.value,
+            "header-extra-style": {
+              position: "absolute",
+              right: "var(--n-padding-left)"
+            },
+            style: k.value,
+            size: e.cardSize,
+            closable: e.closable,
+            segmented: { content: !0 }
+          }, o.$attrs), p({
+            default: t(() => [
+              a(o.$slots, "default")
+            ]),
+            _: 2
+          }, [
+            o.$slots.header || e.title ? {
+              name: "header",
+              fn: t(() => [
+                o.$slots.header ? a(o.$slots, "header", { key: 0 }) : (c(), C("span", D, H(e.title), 1))
+              ]),
+              key: "0"
+            } : void 0,
+            o.$slots["header-extra"] || e.showHeaderExtra ? {
+              name: "header-extra",
+              fn: t(() => [
+                o.$slots["header-extra"] ? a(o.$slots, "header-extra", { key: 0 }) : (c(), y($, {
+                  key: 1,
+                  icon: "operate-close",
+                  class: "cursor-pointer active:scale-[0.95] text-[18px]",
+                  onClick: f
+                }))
+              ]),
+              key: "1"
+            } : void 0,
+            o.$slots.footer || e.showFooter ? {
+              name: "footer",
+              fn: t(() => [
+                o.$slots.footer ? a(o.$slots, "footer", { key: 0 }) : (c(), C("div", {
+                  key: 1,
+                  class: L(["gap-[8px]", x.value])
+                }, [
+                  d(i(b), {
+                    icon: e.cancelIcon,
+                    "icon-placement": e.cancelIconPlacement,
+                    color: e.cancelColor,
+                    "text-color": e.cancelTextColor,
+                    content: e.cancelBtnText || i(m)("boden.dialog.cancel"),
+                    loading: e.isLoading,
+                    round: e.btnRound,
+                    size: e.btnSize,
+                    type: e.cancelType,
+                    onClick: f
+                  }, null, 8, ["icon", "icon-placement", "color", "text-color", "content", "loading", "round", "size", "type"]),
+                  d(i(b), {
+                    icon: e.confirmIcon,
+                    "icon-placement": e.confirmIconPlacement,
+                    color: e.confirmColor,
+                    "text-color": e.confirmTextColor,
+                    content: e.confirmBtnText || i(m)("boden.dialog.confirm"),
+                    loading: e.isLoading,
+                    round: e.btnRound,
+                    size: e.btnSize,
+                    type: e.confirmType,
+                    onClick: B
+                  }, null, 8, ["icon", "icon-placement", "color", "text-color", "content", "loading", "round", "size", "type"])
+                ], 2))
+              ]),
+              key: "2"
+            } : void 0
+          ]), 1040, ["header-style", "style", "size", "closable"])
+        ]),
+        _: 3
+      }, 16, ["show", "maskClosable", "closeOnEsc"]);
+    };
+  }
+});
+export {
+  q as default
+};