ant-design-x-vue-next/es/actions/ActionsAudio.mjs

Ant Design X for Vue — community continuation aligned with @ant-design/x

import { defineComponent as C, useAttrs as _, computed as u, createVNode as n, mergeProps as v, h as g } from "vue";
import { b as I, A as $ } from "../chunks/module-chunk.mjs";
import "../x-provider/index.mjs";
import x from "../sender/components/SpeechButton/RecordingIcon.mjs";
import y from "./ActionsItem.mjs";
import { ACTIONS_ITEM_STATUS as t } from "./constants.mjs";
import L from "../locale/useLocale.mjs";
import R from "./style/index.mjs";
import T from "../x-provider/hooks/use-x-provider-context.mjs";
const G = /* @__PURE__ */ C({
  name: "AXActionsAudio",
  inheritAttrs: !1,
  __name: "ActionsAudio",
  props: {
    status: {
      default: t.DEFAULT
    },
    prefixCls: {
      default: void 0
    },
    rootClassName: {
      default: ""
    },
    classNames: {
      default: () => ({})
    },
    styles: {
      default: () => ({})
    }
  },
  setup(i) {
    const s = i, a = _(), {
      direction: c,
      getPrefixCls: m
    } = T(), l = m("actions", s.prefixCls), [, d, f] = R(l), e = `${l}-audio`, [o] = L("Actions"), p = u(() => ({
      [t.LOADING]: o.value.audioLoading,
      [t.ERROR]: o.value.audioError,
      [t.RUNNING]: o.value.audioRunning,
      [t.DEFAULT]: o.value.audio
    })), A = u(() => {
      var r;
      return I(l, e, d.value, f, s.rootClassName, a.class, (r = s.classNames) == null ? void 0 : r.root, {
        [`${e}-rtl`]: c.value === "rtl",
        [`${e}-${s.status}`]: s.status
      });
    });
    return () => {
      const {
        class: r,
        ...N
      } = a;
      return n(y, v(N, {
        label: s.status ? p.value[s.status] : "",
        style: a.style,
        styles: s.styles,
        classNames: {
          ...s.classNames,
          root: A.value
        },
        status: s.status,
        defaultIcon: n($, null, null),
        runningIcon: g(x, {
          className: `${e}-recording-icon`
        })
      }), null);
    };
  }
});
export {
  G as default
};