@dazhicheng/ui 1.5.199 → 1.5.201

package/dist/components/tt-api-component/index.vue2.js

@@ -0,0 +1,199 @@
+import { defineComponent as H, mergeModels as D, useModel as J, useAttrs as Q, useSlots as W, ref as u, computed as g, unref as t, watch as X, createBlock as Y, openBlock as E, resolveDynamicComponent as Z, mergeProps as ee, createSlots as te, renderList as ae, withCtx as P, renderSlot as oe, normalizeProps as le, guardReactiveProps as ne, createElementBlock as ie, createCommentVNode as re, normalizeClass as se, createVNode as $, nextTick as de } from "vue";
+import { ElIcon as ue } from "element-plus";
+import { Loading as fe } from "@element-plus/icons-vue";
+import { useDesign as ce } from "@dazhicheng/hooks";
+import { isEqual as pe, get as h, cloneDeep as L } from "lodash-es";
+import { isFunction as y } from "@dazhicheng/utils";
+import { objectOmit as _ } from "@vueuse/core";
+const Se = /* @__PURE__ */ H({
+  name: "ApiComponent",
+  inheritAttrs: !1,
+  __name: "index",
+  props: /* @__PURE__ */ D({
+    component: {},
+    numberToString: { type: Boolean, default: !1 },
+    api: { type: Function, default: void 0 },
+    params: { default: () => ({}) },
+    resultField: { default: "" },
+    labelField: { default: "label" },
+    childrenField: { default: "" },
+    valueField: { default: "value" },
+    disabledField: { default: "disabled" },
+    optionsPropName: { default: "options" },
+    immediate: { type: Boolean, default: !0 },
+    alwaysLoad: { type: Boolean, default: !1 },
+    beforeFetch: { type: Function, default: void 0 },
+    afterFetch: { type: Function, default: void 0 },
+    options: { default: () => [] },
+    loadingSlot: { default: "" },
+    visibleEvent: { default: "" },
+    modelPropName: { default: "modelValue" },
+    autoSelect: { type: [String, Function, Boolean], default: !1 }
+  }, {
+    modelValue: { default: void 0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ D(["optionsChange", "change"], ["update:modelValue"]),
+  setup(w, { expose: z, emit: M }) {
+    const { prefixCls: T } = ce("api-component"), a = w, C = M, f = J(w, "modelValue"), j = Q(), q = W(), k = u({}), m = u([]), c = u(!1), b = u(!1), F = u(!1), o = g(() => {
+      var O;
+      const { labelField: e, valueField: n, disabledField: i, childrenField: l, numberToString: r } = a, s = t(m);
+      function S(v) {
+        return v.map((d) => {
+          const R = h(d, n);
+          return {
+            ..._(d, [e, n, i, l].filter(Boolean)),
+            label: h(d, e),
+            value: r ? `${R}` : R,
+            disabled: h(d, i),
+            ...l && d[l] ? { children: S(d[l]) } : {}
+          };
+        });
+      }
+      const N = S(s), G = (O = a.options) != null && O.every((v) => Reflect.has(v, "value") && Reflect.has(v, "label")) ? a.options : S(a.options);
+      return N.length > 0 ? N : G;
+    }), x = g(() => ({
+      [a.modelPropName]: t(f),
+      [a.optionsPropName]: t(o),
+      [`onUpdate:${a.modelPropName}`]: (e) => {
+        f.value = e;
+      },
+      ..._(j, [`onUpdate:${a.modelPropName}`]),
+      ...a.visibleEvent ? {
+        [a.visibleEvent]: U
+      } : {},
+      /**
+       * Element Plus 的 ElSelect / ElSelectV2 等：`loading` 插槽仅在 `props.loading === true` 时才会渲染，
+       * 需与内部请求态同步，否则插槽内容永远不会显示。
+       */
+      ...a.loadingSlot ? { loading: t(c) } : {}
+    }));
+    async function p() {
+      const { api: e, beforeFetch: n, afterFetch: i, resultField: l } = a;
+      if (!(!e || !y(e))) {
+        if (c.value) {
+          F.value = !0;
+          return;
+        }
+        m.value = [];
+        try {
+          c.value = !0;
+          let r = t(V);
+          n && y(n) && (r = await n(L(r)) || r);
+          let s = await e(r);
+          if (i && y(i) && (s = await i(s) || s), b.value = !0, Array.isArray(s)) {
+            m.value = s, A();
+            return;
+          }
+          l && (m.value = h(s, l) || []), A();
+        } catch {
+          b.value = !1;
+        } finally {
+          c.value = !1, F.value && (F.value = !1, await de(), p());
+        }
+      }
+    }
+    async function U(e) {
+      e && (a.alwaysLoad ? await p() : !a.immediate && !t(b) && await p());
+    }
+    const V = g(() => ({
+      ...a.params,
+      ...t(k)
+    }));
+    X(
+      V,
+      (e, n) => {
+        pe(e, n) || p();
+      },
+      { deep: !0, immediate: a.immediate }
+    );
+    function A() {
+      if (f.value === void 0 && a.autoSelect && t(o).length > 0) {
+        let e;
+        if (y(a.autoSelect))
+          e = a.autoSelect(t(o));
+        else
+          switch (a.autoSelect) {
+            case "first": {
+              e = t(o)[0];
+              break;
+            }
+            case "last": {
+              e = t(o)[t(o).length - 1];
+              break;
+            }
+            case "one": {
+              t(o).length === 1 && (e = t(o)[0]);
+              break;
+            }
+          }
+        e && (f.value = e.value);
+      }
+      C("optionsChange", t(o));
+    }
+    function I(e) {
+      var n, i;
+      C(
+        "change",
+        e,
+        L(t(o)),
+        Array.isArray(e) ? (n = t(o)) == null ? void 0 : n.filter((l) => e.some((r) => r === l.value)) : (i = t(o)) == null ? void 0 : i.find((l) => l.value === e)
+      );
+    }
+    const B = u(null), K = g(
+      () => Object.keys(q).filter((e) => e !== a.loadingSlot)
+    );
+    return z({
+      /** 获取options数据 */
+      getOptions: () => t(o),
+      /** 获取当前值 */
+      getValue: () => t(f),
+      /**
+       * 获取被包装组件的实例
+       */
+      getComponentRef: () => B.value,
+      /** 更新Api参数 */
+      updateParam(e) {
+        k.value = e;
+      },
+      /** 手动请求数据 */
+      reload: p
+    }), (e, n) => (E(), Y(Z(e.component), ee({
+      ref_key: "componentRef",
+      ref: B
+    }, x.value, {
+      placeholder: e.$attrs.placeholder,
+      onChange: I
+    }), te({ _: 2 }, [
+      ae(K.value, (i) => ({
+        name: i,
+        fn: P((l) => [
+          oe(e.$slots, i, le(ne(l || {})), void 0, !0)
+        ])
+      })),
+      e.loadingSlot ? {
+        name: e.loadingSlot,
+        fn: P(() => [
+          c.value ? (E(), ie("div", {
+            key: 0,
+            class: se(`${t(T)}__dropdown-loading`)
+          }, [
+            $(t(ue), {
+              class: "is-loading",
+              size: 20
+            }, {
+              default: P(() => [
+                $(t(fe))
+              ]),
+              _: 1
+            })
+          ], 2)) : re("", !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["placeholder"]));
+  }
+});
+export {
+  Se as default
+};

package/dist/components/tt-area/TtArea.vue.js

@@ -0,0 +1,7 @@
+import o from "./TtArea.vue2.js";
+/* empty css            */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-116cb5cb"]]);
+export {
+  m as default
+};

package/dist/components/tt-area/TtArea.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent as i, ref as l, computed as r, createElementBlock as p, openBlock as m, createElementVNode as e, withDirectives as a, vModelText as u, toDisplayString as v } from "vue";
+import { add as _ } from "@dazhicheng/utils";
+const c = { class: "tt-area" }, f = { class: "num" }, x = { class: "num" }, y = { class: "sum" }, N = { "data-testid": "result" }, D = /* @__PURE__ */ i({
+  __name: "TtArea",
+  setup(V) {
+    const s = l(1), n = l(2), d = r(() => _(+s.value, +n.value));
+    return (b, t) => (m(), p("div", c, [
+      e("div", f, [
+        t[2] || (t[2] = e("span", null, "Number 1", -1)),
+        a(e("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (o) => s.value = o),
+          "data-testid": "n1",
+          type: "text"
+        }, null, 512), [
+          [u, s.value]
+        ])
+      ]),
+      e("div", x, [
+        t[3] || (t[3] = e("span", null, "Number 2", -1)),
+        a(e("input", {
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => n.value = o),
+          "data-testid": "n2",
+          type: "text"
+        }, null, 512), [
+          [u, n.value]
+        ])
+      ]),
+      e("div", y, [
+        e("span", N, "sum:" + v(d.value), 1)
+      ])
+    ]));
+  }
+});
+export {
+  D as default
+};

package/dist/components/tt-button/components/AddButton.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as m, useSlots as c, createBlock as i, openBlock as a, resolveDynamicComponent as u, h as e, unref as t } from "vue";
+import { TtIcon as p } from "@dazhicheng-ui/components/tt-icon";
+import f from "../index.vue.js";
+import l from "@dazhicheng-ui/assets/svg/add.svg?raw";
+const T = /* @__PURE__ */ m({
+  name: "TtAddButton",
+  inheritAttrs: !1,
+  __name: "AddButton",
+  setup(d) {
+    const n = c();
+    return (s, _) => (a(), i(u(
+      e(f, s.$attrs, () => {
+        var o, r;
+        return [
+          e(t(p), { icon: t(l), isCustomSvg: !0, size: 20, class: "color-inherit! mr-[1px]" }),
+          (r = (o = t(n)).default) == null ? void 0 : r.call(o)
+        ];
+      })
+    )));
+  }
+});
+export {
+  T as default
+};

package/dist/components/tt-button/components/AddButton.vue2.js

@@ -0,0 +1,4 @@
+import f from "./AddButton.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-button/index.js

@@ -0,0 +1,9 @@
+import { withInstall as t } from "@dazhicheng/utils";
+import o from "./index.vue.js";
+import r from "./components/AddButton.vue.js";
+const f = t(o), i = t(r);
+export {
+  i as TtAddButton,
+  f as TtButton,
+  f as default
+};

package/dist/components/tt-button/index.vue.js

@@ -0,0 +1,7 @@
+import t from "./index.vue2.js";
+/* empty css           */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c14bbb20"]]);
+export {
+  p as default
+};

package/dist/components/tt-button/index.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent as b, useAttrs as g, ref as l, computed as k, withDirectives as v, createBlock as h, openBlock as C, unref as t, mergeProps as _, createSlots as x, renderList as D, withCtx as P, renderSlot as R, normalizeProps as S, guardReactiveProps as T } from "vue";
+import "lodash-es";
+import "@vueuse/core";
+import "../tt-icon/index.js";
+import $ from "../../directives/disabled-tip/index.js";
+import { ElButton as j } from "element-plus";
+import { useDesign as w } from "@dazhicheng/hooks";
+import { isArray as z, isObject as A } from "@dazhicheng/utils";
+const J = /* @__PURE__ */ b({
+  name: "TtButton",
+  __name: "index",
+  props: {
+    size: {},
+    disabled: { type: Boolean },
+    type: {},
+    icon: {},
+    nativeType: {},
+    loading: { type: Boolean },
+    loadingIcon: {},
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    link: { type: Boolean },
+    bg: { type: Boolean },
+    autofocus: { type: Boolean },
+    round: { type: Boolean },
+    circle: { type: Boolean },
+    dashed: { type: Boolean },
+    color: {},
+    dark: { type: Boolean },
+    autoInsertSpace: { type: Boolean },
+    tag: {},
+    iconFont: {}
+  },
+  emits: ["click"],
+  setup(p, { expose: c, emit: d }) {
+    const n = p, u = d, i = g(), r = l(!1), f = k(() => {
+      const e = i["disabled-tip"];
+      return z(e) && e.length > 0 ? e.some((o) => !!(o != null && o.condition)) : A(e) ? !!e.condition : !!n.disabled;
+    }), a = l(null), { prefixCls: m } = w("button");
+    async function y(e) {
+      u("click", e, (o) => {
+        r.value = o || !1;
+      });
+    }
+    return c({
+      buttonRef: a
+    }), (e, o) => v((C(), h(t(j), _({
+      ref_key: "buttonRef",
+      ref: a,
+      class: [t(m)]
+    }, { ...n, ...e.$attrs, disabled: f.value }, {
+      loading: r.value || n.loading,
+      onClick: y
+    }), x({ _: 2 }, [
+      D(Object.keys(e.$slots), (s) => ({
+        name: s,
+        fn: P((B) => [
+          R(e.$slots, s, S(T(B || {})), void 0, !0)
+        ])
+      }))
+    ]), 1040, ["class", "loading"])), [
+      [t($), t(i)["disabled-tip"]]
+    ]);
+  }
+});
+export {
+  J as default
+};

package/dist/components/tt-checkbox/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "@dazhicheng/utils";
+import o from "./index.vue.js";
+const a = t(o);
+export {
+  a as TtCheckbox,
+  a as default
+};

package/dist/components/tt-checkbox/index.vue.js

@@ -0,0 +1,77 @@
+import { defineComponent as v, useAttrs as V, computed as d, ref as u, watch as C, withDirectives as y, createBlock as B, openBlock as k, unref as p, mergeProps as x, createSlots as S, renderList as T, withCtx as j, renderSlot as w, normalizeProps as L, guardReactiveProps as O } from "vue";
+import { isArray as P, isObject as A } from "@dazhicheng/utils";
+import N from "@dazhicheng-ui/directives/disabled-tip";
+import { useFormItem as _, ElCheckbox as z } from "element-plus";
+import { omit as D } from "lodash-es";
+const R = /* @__PURE__ */ v({
+  name: "TtCheckbox",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    modelValue: { type: [Number, String, Boolean] },
+    label: { type: [String, Boolean, Number, Object] },
+    value: { type: [String, Boolean, Number, Object] },
+    indeterminate: { type: Boolean },
+    disabled: { type: Boolean },
+    checked: { type: Boolean },
+    name: {},
+    trueValue: {},
+    falseValue: {},
+    trueLabel: {},
+    falseLabel: {},
+    id: {},
+    border: { type: Boolean },
+    size: {},
+    tabindex: {},
+    validateEvent: { type: Boolean },
+    ariaLabel: {},
+    ariaControls: {},
+    beforeChange: {},
+    disabledTip: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(c, { emit: m }) {
+    const a = c, i = m, n = V(), b = d(() => {
+      if (n.disabled !== void 0)
+        return !!n.disabled;
+      if (a.disabled)
+        return !0;
+      const e = a.disabledTip;
+      return P(e) && e.length > 0 ? e.some((t) => !!(t != null && t.condition)) : A(e) ? !!e.condition : !1;
+    }), f = d(() => ({
+      ...a,
+      ...D(n, ["onUpdate:modelValue", "onChange", "onInput"]),
+      disabled: b.value
+    })), l = u(), { formItem: r } = _(), s = u(!1);
+    async function h(e) {
+      const t = a.modelValue;
+      let o = !0;
+      a.beforeChange && (o = await a.beforeChange(e, t)), o ? (i("update:modelValue", e), i("change", e, t)) : l.value = t;
+    }
+    return C(
+      () => a.modelValue,
+      (e) => {
+        l.value = e, s.value && (r == null || r.validate("change").catch((t) => {
+        })), s.value = !0;
+      },
+      { immediate: !0, deep: !0 }
+    ), (e, t) => y((k(), B(p(z), x(f.value, {
+      modelValue: l.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (o) => l.value = o),
+      "validate-event": !1,
+      onChange: h
+    }), S({ _: 2 }, [
+      T(Object.keys(e.$slots), (o) => ({
+        name: o,
+        fn: j((g) => [
+          w(e.$slots, o, L(O(g)))
+        ])
+      }))
+    ]), 1040, ["modelValue"])), [
+      [p(N), a.disabledTip]
+    ]);
+  }
+});
+export {
+  R as default
+};

package/dist/components/tt-checkbox/index.vue2.js

@@ -0,0 +1,4 @@
+import f from "./index.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-drawer/index.js

@@ -0,0 +1,14 @@
+import { withInstall as r } from "@dazhicheng/utils";
+import t from "./src/RenderDrawer.vue.js";
+/* empty css                      */
+import "vue";
+import "@tanstack/vue-store";
+import "vue-router";
+import "element-plus";
+import "@dazhicheng-ui/hooks/useSetup";
+import "@vueuse/core";
+const l = r(t);
+export {
+  l as RenderDrawer,
+  l as default
+};

package/dist/components/tt-drawer/src/RenderDrawer.vue.js

@@ -0,0 +1,156 @@
+import { defineComponent as Y, useAttrs as Z, ref as $, useId as ee, getCurrentInstance as oe, reactive as te, computed as l, unref as o, toValue as r, watch as re, nextTick as se, onMounted as ne, createBlock as B, createCommentVNode as S, openBlock as w, mergeProps as V, createSlots as D, withCtx as i, withDirectives as ie, createVNode as T, createElementBlock as ae, normalizeClass as le, normalizeStyle as ce, renderSlot as c, renderList as ue, normalizeProps as de, guardReactiveProps as me } from "vue";
+import { useDesign as pe, usePriorityValues as fe, getPriorityValues as he } from "@dazhicheng/hooks";
+import { isNumber as ge } from "@dazhicheng/utils";
+import { omit as ke, pick as O } from "lodash-es";
+import { vTtLoading as we } from "@dazhicheng-ui/components/tt-loading";
+import { useStore as be } from "@tanstack/vue-store";
+import { drawerProps as R, ElDrawer as Ce } from "element-plus";
+import ve from "./components/DrawerFooter.vue.js";
+/* empty css                             */
+import Pe from "./components/DrawerHeader.vue.js";
+import { useDrawerResizable as ye } from "./hooks/useResizable.js";
+import { basicProps as $e } from "./props.js";
+import { DrawerApi as Be } from "./utils/drawer-api.js";
+const Ne = /* @__PURE__ */ Y({
+  name: "TtDrawer",
+  __name: "RenderDrawer",
+  props: {
+    ...R,
+    ...$e,
+    /** drawerApi */
+    drawerApi: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["visible-change", "register", "update:visible"],
+  setup(x, { expose: F, emit: H }) {
+    var P;
+    const u = x, d = H, m = Z(), p = $(!1), b = ee(), f = $(null), { prefixCls: C } = pe("drawer"), s = oe();
+    let t = u.drawerApi;
+    t || (t = new Be(u), t.useStore = (e) => be(t.store, e));
+    const a = te({
+      setDrawerProps: t.setState,
+      emitVisible: void 0
+    }), z = (P = t.useStore) == null ? void 0 : P.call(t), {
+      confirmLoading: A,
+      visible: h,
+      showFooter: g,
+      footerHeight: v,
+      cancelButtonProps: L,
+      showCancelBtn: _,
+      cancelText: N,
+      showOkBtn: j,
+      okButtonProps: E,
+      okText: I,
+      title: M,
+      loading: U,
+      loadingText: q,
+      ...G
+    } = fe(u, z), J = l(() => {
+      const e = he(G), n = ke(m, ["onOk", "onClosed", "onClose", "onVisibleChange", "onReceiveSharedData"]);
+      return {
+        ...O(e, Object.keys(R)),
+        ...n,
+        modelValue: o(h),
+        class: `${C} ${o(e).class || ""}`,
+        modalClass: `${o(e).modalClass || o(e).class}`
+      };
+    }), K = l(() => ({
+      confirmLoading: r(A),
+      showFooter: r(g),
+      footerHeight: r(v),
+      cancelButtonProps: r(L),
+      cancelText: r(N),
+      showOkBtn: r(j),
+      okText: r(I),
+      okButtonProps: r(E),
+      showCancelBtn: r(_)
+    })), Q = l(() => {
+      const e = r(v);
+      return r(g) && e ? `${ge(e) ? e : Number.parseFloat(e)}px` : "0px";
+    }), W = l(() => ({
+      height: `calc(100% - ${o(Q)})`
+    }));
+    re(
+      () => h.value,
+      (e) => {
+        se(() => {
+          var n;
+          d("update:visible", e), d("visible-change", e), s && ((n = a.emitVisible) == null || n.call(a, e, s == null ? void 0 : s.uid)), e ? p.value = e : (setTimeout(() => {
+            p.value = e;
+          }, 300), t.changeOkLoading(!1));
+        });
+      }
+    );
+    const [X] = ye(b, h, t.setState);
+    return s && d("register", a, s == null ? void 0 : s.uid), ne(() => {
+      const e = O(m, ["onOk", "onClosed", "onVisibleChange"]);
+      t.mount(f.value, {
+        ...e,
+        // 兼容 BasicDrawer 组件的 onClose 事件
+        onClosed: e.onClosed || m.onClose
+      });
+    }), F({
+      drawerRef: f,
+      drawerApi: t
+    }), (e, n) => p.value ? (w(), B(o(Ce), V({
+      key: 0,
+      id: o(b),
+      ref_key: "drawerRef",
+      ref: f
+    }, J.value, {
+      "destroy-on-close": !0,
+      "before-close": o(t).onClosed
+    }), D({
+      default: i(() => [
+        ie((w(), ae("div", {
+          style: ce(W.value),
+          class: le(`${o(C)}-content`)
+        }, [
+          c(e.$slots, "default")
+        ], 6)), [
+          [o(we), {
+            visible: o(U),
+            text: o(q)
+          }]
+        ]),
+        o(g) || e.$slots.footer ? (w(), B(ve, V({ key: 0 }, K.value, {
+          onClose: o(t).onClosed,
+          onFooterok: o(t).onOk
+        }), D({ _: 2 }, [
+          ue(Object.keys(e.$slots), (k) => ({
+            name: k,
+            fn: i((y) => [
+              c(e.$slots, k, de(me(y)))
+            ])
+          }))
+        ]), 1040, ["onClose", "onFooterok"])) : S("", !0),
+        T(o(X))
+      ]),
+      _: 2
+    }, [
+      e.$slots.header ? {
+        name: "header",
+        fn: i(() => [
+          c(e.$slots, "header")
+        ]),
+        key: "1"
+      } : {
+        name: "header",
+        fn: i(() => [
+          T(Pe, { title: o(M) }, {
+            titleToolbar: i(() => [
+              c(e.$slots, "titleToolbar")
+            ]),
+            _: 3
+          }, 8, ["title"])
+        ]),
+        key: "0"
+      }
+    ]), 1040, ["id", "before-close"])) : S("", !0);
+  }
+});
+export {
+  Ne as default
+};

package/dist/components/tt-drawer/src/RenderDrawer.vue3.js

@@ -0,0 +1,5 @@
+import o from "./RenderDrawer.vue.js";
+/* empty css                  */
+export {
+  o as default
+};

package/dist/components/tt-drawer/src/components/DrawerFooter.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent as v, inject as I, computed as t, toValue as D, createElementBlock as i, openBlock as o, normalizeStyle as P, normalizeClass as S, unref as n, renderSlot as r, Fragment as V, createBlock as l, createCommentVNode as d, withModifiers as c, withCtx as m, createTextVNode as p, toDisplayString as f, mergeProps as b } from "vue";
+import { useDesign as j } from "@dazhicheng/hooks";
+import { generateTestId as u } from "@dazhicheng/utils";
+import { TtButton as k } from "@dazhicheng-ui/components/tt-button";
+import { footerProps as x } from "../props.js";
+const L = /* @__PURE__ */ v({
+  name: "DrawerFooter",
+  __name: "DrawerFooter",
+  props: x,
+  emits: ["close"],
+  setup(g, { emit: C }) {
+    const s = g, h = C, { prefixCls: w } = j("drawer-footer"), a = I("drawerIdContext", ""), B = t(() => u(a, "btn-confirm")), y = t(() => u(a, "btn-cancel")), F = t(() => ({
+      height: `${s.footerHeight}px`,
+      padding: "0 12px",
+      textAlign: "right"
+    })), T = t(() => D(s.okButtonProps) || {});
+    function $(e) {
+      h("close", e);
+    }
+    return (e, z) => (o(), i("div", {
+      class: S([n(w), "w-full flex items-center justify-end"]),
+      style: P(F.value)
+    }, [
+      e.$slots.footer ? r(e.$slots, "footer", { key: 1 }) : (o(), i(V, { key: 0 }, [
+        r(e.$slots, "insertFooter"),
+        e.showCancelBtn ? (o(), l(n(k), {
+          key: 0,
+          "data-testid": y.value,
+          onClick: c($, ["stop"])
+        }, {
+          default: m(() => [
+            p(f(e.cancelText), 1)
+          ]),
+          _: 1
+        }, 8, ["data-testid"])) : d("", !0),
+        r(e.$slots, "centerFooter"),
+        e.showOkBtn ? (o(), l(n(k), b({
+          key: 1,
+          loading: e.confirmLoading
+        }, T.value, {
+          "data-testid": B.value,
+          onClick: c(e.$attrs.onFooterok, ["stop"])
+        }), {
+          default: m(() => [
+            p(f(e.okText), 1)
+          ]),
+          _: 1
+        }, 16, ["loading", "data-testid", "onClick"])) : d("", !0),
+        r(e.$slots, "appendFooter")
+      ], 64))
+    ], 6));
+  }
+});
+export {
+  L as default
+};