ant-design-x-vue 1.1.1 → 1.2.0

package/es/sender/components/LoadingButton.mjs

@@ -0,0 +1,58 @@
+import { defineComponent as a, mergeDefaults as r, createVNode as l, mergeProps as s } from "vue";
+import { a as i, c as u } from "../../attachments/Attachments2.mjs";
+import c from "./ActionButton/index.mjs";
+import m from "../StopLoading.mjs";
+import { useActionButtonContextInject as d } from "./ActionButton/context.mjs";
+import { theme as p } from "ant-design-vue";
+const x = /* @__PURE__ */ a({
+  name: "AXSenderLoadingButton",
+  __name: "LoadingButton",
+  props: r({
+    prefixCls: null,
+    type: null,
+    htmlType: null,
+    shape: null,
+    size: null,
+    loading: null,
+    disabled: null,
+    ghost: null,
+    block: null,
+    danger: null,
+    icon: null,
+    href: null,
+    target: null,
+    title: null,
+    onClick: null,
+    onMousedown: null
+  }, {
+    type: "primary",
+    shape: "circle",
+    icon: null,
+    disabled: void 0
+  }),
+  setup(e) {
+    const o = i(e, ["type", "shape", "icon", "disabled"]), n = d(), {
+      token: t
+    } = p.useToken();
+    return () => l(c, s({
+      type: e.type,
+      disabled: e.disabled,
+      shape: e.shape,
+      icon: e.icon
+    }, o, {
+      style: {
+        backgroundColor: "transparent",
+        color: t.value.colorPrimary
+      },
+      class: u(`${n.value.prefixCls}-loading-button`),
+      action: "onCancel"
+    }), {
+      default: () => [l(m, {
+        className: `${n.value.prefixCls}-loading-icon`
+      }, null)]
+    });
+  }
+});
+export {
+  x as default
+};

package/es/sender/components/SendButton.mjs

@@ -0,0 +1,45 @@
+import { defineComponent as t, mergeDefaults as o, createVNode as l, mergeProps as r } from "vue";
+import { a } from "../../attachments/Attachments2.mjs";
+import u from "./ActionButton/index.mjs";
+import { A as s } from "../../attachments/FileList/FileList2.mjs";
+const f = /* @__PURE__ */ t({
+  name: "AXSenderLoadingButton",
+  __name: "SendButton",
+  props: o({
+    prefixCls: null,
+    type: null,
+    htmlType: null,
+    shape: null,
+    size: null,
+    loading: null,
+    disabled: null,
+    ghost: null,
+    block: null,
+    danger: null,
+    icon: null,
+    href: null,
+    target: null,
+    title: null,
+    onClick: null,
+    onMousedown: null
+  }, {
+    type: "primary",
+    shape: "circle",
+    disabled: void 0
+  }),
+  setup(e) {
+    const n = a(e, ["type", "shape", "disabled"]);
+    return () => l(u, r({
+      type: e.type,
+      shape: e.shape,
+      disabled: e.disabled
+    }, n, {
+      action: "onSend"
+    }), {
+      default: () => [l(s, null, null)]
+    });
+  }
+});
+export {
+  f as default
+};

package/es/sender/components/SpeechButton/RecordingIcon.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as T, createVNode as e, createTextVNode as $ } from "vue";
+const t = 1e3, n = 4, r = 140, s = 250, l = 500, c = 0.8, w = /* @__PURE__ */ T({
+  name: "AXSenderRecordingIcon",
+  __name: "RecordingIcon",
+  props: {
+    className: null
+  },
+  setup(u) {
+    const i = r / 2;
+    return () => e("svg", {
+      color: "currentColor",
+      viewBox: `0 0 ${t} ${t}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      class: u.className
+    }, [e("title", null, [$("Speech Recording")]), Array.from({
+      length: n
+    }).map((d, o) => {
+      const m = (t - r * n) / (n - 1), g = o * (m + r), a = t / 2 - s / 2, p = t / 2 - l / 2;
+      return e("rect", {
+        fill: "currentColor",
+        rx: i,
+        ry: i,
+        height: s,
+        width: r,
+        x: g,
+        y: a,
+        key: o
+      }, [e("animate", {
+        attributeName: "height",
+        values: `${s}; ${l}; ${s}`,
+        keyTimes: "0; 0.5; 1",
+        dur: `${c}s`,
+        begin: `${c / n * o}s`,
+        repeatCount: "indefinite"
+      }, null), e("animate", {
+        attributeName: "y",
+        values: `${a}; ${p}; ${a}`,
+        keyTimes: "0; 0.5; 1",
+        dur: `${c}s`,
+        begin: `${c / n * o}s`,
+        repeatCount: "indefinite"
+      }, null)]);
+    })]);
+  }
+});
+export {
+  w as default
+};

package/es/sender/components/SpeechButton/index.mjs

@@ -0,0 +1,59 @@
+import { defineComponent as c, mergeDefaults as d, computed as o, createVNode as l, mergeProps as m } from "vue";
+import { a as p } from "../../../attachments/Attachments2.mjs";
+import { theme as f } from "ant-design-vue";
+import y from "../ActionButton/index.mjs";
+import { useActionButtonContextInject as g } from "../ActionButton/context.mjs";
+import h from "./RecordingIcon.mjs";
+import { j as x, k as b } from "../../../attachments/FileList/FileList2.mjs";
+const j = /* @__PURE__ */ c({
+  name: "AXSenderSpeechButton",
+  __name: "index",
+  props: d({
+    prefixCls: null,
+    type: null,
+    htmlType: null,
+    shape: null,
+    size: null,
+    loading: null,
+    disabled: null,
+    ghost: null,
+    block: null,
+    danger: null,
+    icon: null,
+    href: null,
+    target: null,
+    title: null,
+    onClick: null,
+    onMousedown: null
+  }, {
+    type: "text",
+    disabled: void 0
+  }),
+  setup(n) {
+    const u = p(n, ["type", "disabled"]), t = g(), {
+      token: r
+    } = f.useToken(), s = o(() => t.value.speechRecording), i = o(() => t.value.prefixCls), a = o(() => {
+      let e;
+      return s.value ? e = l(h, {
+        className: `${i.value}-recording-icon`
+      }, null) : t.value.onSpeechDisabled ? e = l(x, null, null) : e = l(b, null, null), e;
+    });
+    return () => l(y, m({
+      type: n.type,
+      disabled: n.disabled
+    }, u, {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        color: r.value.colorPrimary
+      },
+      action: "onSpeech"
+    }), {
+      default: () => [a.value]
+    });
+  }
+});
+export {
+  j as default
+};

package/es/sender/context.mjs

@@ -0,0 +1,31 @@
+import { shallowRef as a, defineComponent as u, computed as o, provide as p, watch as i, unref as c, triggerRef as m, inject as f } from "vue";
+import { objectType as x } from "../_util/type.mjs";
+const d = Symbol("SenderHeaderContext"), t = a(), C = (e) => {
+  p(d, e), i(
+    e,
+    () => {
+      t.value = c(e), m(t);
+    },
+    { immediate: !0, deep: !0 }
+  );
+}, l = () => f(
+  d,
+  o(() => t.value || {})
+), v = u({
+  props: {
+    value: x()
+  },
+  setup(e, { slots: r }) {
+    return C(o(() => e.value)), () => {
+      var n;
+      return (n = r.default) == null ? void 0 : n.call(r);
+    };
+  }
+});
+export {
+  v as SenderHeaderContextProvider,
+  v as default,
+  t as globalSenderHeaderContextApi,
+  l as useSenderHeaderContextInject,
+  C as useSenderHeaderContextProvider
+};

package/es/sender/index.mjs

@@ -0,0 +1,9 @@
+import e from "./Sender.mjs";
+import r from "./SenderHeader.mjs";
+const o = Object.assign(e, {
+  Header: r
+});
+export {
+  o as Sender,
+  o as default
+};

package/es/sender/interface.mjs

@@ -0,0 +1 @@
+

package/es/sender/style/header.mjs

@@ -0,0 +1,49 @@
+const t = (d) => {
+  const { componentCls: e, calc: o } = d, r = `${e}-header`;
+  return {
+    [e]: {
+      [r]: {
+        borderBottomWidth: d.lineWidth,
+        borderBottomStyle: "solid",
+        borderBottomColor: d.colorBorder,
+        // ======================== Header ========================
+        "&-header": {
+          background: d.colorFillAlter,
+          fontSize: d.fontSize,
+          lineHeight: d.lineHeight,
+          paddingBlock: o(d.paddingSM).sub(d.lineWidthBold).equal(),
+          paddingInlineStart: d.padding,
+          paddingInlineEnd: d.paddingXS,
+          display: "flex",
+          borderRadius: {
+            _skip_check_: !0,
+            value: o(d.borderRadius).mul(2).equal()
+          },
+          borderBottomRightRadius: 0,
+          borderBottomLeftRadius: 0,
+          [`${r}-title`]: {
+            flex: "auto"
+          }
+        },
+        // ======================= Content ========================
+        "&-content": {
+          padding: d.padding
+        },
+        // ======================== Motion ========================
+        "&-motion": {
+          transition: ["height", "border"].map((i) => `${i} ${d.motionDurationSlow}`).join(","),
+          overflow: "hidden",
+          "&-enter-start, &-leave-active": {
+            borderBottomColor: "transparent"
+          },
+          "&-hidden": {
+            display: "none"
+          }
+        }
+      }
+    }
+  };
+};
+export {
+  t as default
+};

package/es/sender/style/index.mjs

@@ -0,0 +1,147 @@
+import "../../_util/cssinjs/StyleContext.mjs";
+import "vue";
+import { unit as p } from "../../_util/cssinjs/util.mjs";
+import "../../_util/cssinjs/theme/ThemeCache.mjs";
+import "../../_util/warning.mjs";
+import "../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";
+import { merge as c } from "../../_util/cssinjs-utils/util/statistic.mjs";
+import { genStyleHooks as g } from "../../theme/genStyleUtils.mjs";
+import "../../transition-collapse/index.mjs";
+import s from "./header.mjs";
+import { genTransitionCollapseStyle as b } from "../../transition-collapse/style/index.mjs";
+const S = (o) => {
+  const {
+    componentCls: i,
+    padding: e,
+    paddingSM: r,
+    paddingXS: n,
+    paddingXXS: d,
+    lineWidth: t,
+    lineWidthBold: a,
+    calc: l
+  } = o;
+  return {
+    [i]: {
+      position: "relative",
+      width: "100%",
+      boxSizing: "border-box",
+      boxShadow: `${o.boxShadowTertiary}`,
+      transition: `background ${o.motionDurationSlow}`,
+      // Border
+      borderRadius: {
+        _skip_check_: !0,
+        value: l(o.borderRadius).mul(2).equal()
+      },
+      borderColor: o.colorBorder,
+      borderWidth: 0,
+      borderStyle: "solid",
+      // Border
+      "&:after": {
+        content: '""',
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        transition: `border-color ${o.motionDurationSlow}`,
+        borderRadius: {
+          _skip_check_: !0,
+          value: "inherit"
+        },
+        borderStyle: "inherit",
+        borderColor: "inherit",
+        borderWidth: t
+      },
+      // Focus
+      "&:focus-within": {
+        boxShadow: `${o.boxShadowSecondary}`,
+        borderColor: o.colorPrimary,
+        "&:after": {
+          borderWidth: a
+        }
+      },
+      "&-disabled": {
+        background: o.colorBgContainerDisabled
+      },
+      // ============================== RTL ==============================
+      [`&${i}-rtl`]: {
+        direction: "rtl"
+      },
+      // ============================ Content ============================
+      [`${i}-content`]: {
+        display: "flex",
+        gap: n,
+        width: "100%",
+        paddingBlock: r,
+        paddingInlineStart: e,
+        paddingInlineEnd: r,
+        boxSizing: "border-box",
+        alignItems: "flex-end"
+      },
+      // ============================ Prefix =============================
+      [`${i}-prefix`]: {
+        flex: "none"
+      },
+      // ============================= Input =============================
+      [`${i}-input`]: {
+        padding: 0,
+        borderRadius: 0,
+        flex: "auto",
+        alignSelf: "center",
+        minHeight: "auto"
+      },
+      // ============================ Actions ============================
+      [`${i}-actions-list`]: {
+        flex: "none",
+        display: "flex",
+        "&-presets": {
+          gap: o.paddingXS
+        }
+      },
+      [`${i}-actions-btn`]: {
+        "&-disabled": {
+          opacity: 0.45
+        },
+        "&-loading-button": {
+          padding: 0,
+          border: 0
+        },
+        "&-loading-icon": {
+          height: o.controlHeight,
+          width: o.controlHeight,
+          verticalAlign: "top"
+        },
+        "&-recording-icon": {
+          height: "1.2em",
+          width: "1.2em",
+          verticalAlign: "top"
+        }
+      },
+      // ============================ Footer =============================
+      [`${i}-footer`]: {
+        paddingInlineStart: e,
+        paddingInlineEnd: r,
+        paddingBlockEnd: r,
+        paddingBlockStart: d,
+        boxSizing: "border-box"
+      }
+    }
+  };
+}, h = () => ({}), _ = g(
+  "Sender",
+  (o) => {
+    const { paddingXS: i, calc: e } = o, r = c(o, {
+      SenderContentMaxWidth: `calc(100% - ${p(
+        e(i).add(32).equal()
+      )})`
+    });
+    return [
+      S(r),
+      s(r),
+      b(r)
+    ];
+  },
+  h
+);
+export {
+  _ as default,
+  h as prepareComponentToken
+};

package/es/sender/useSpeech.mjs

@@ -0,0 +1,55 @@
+import b from "../_util/hooks/useMergedState.mjs";
+import { computed as a, toValue as C, ref as u, watchEffect as E, onWatcherCleanup as P } from "vue";
+let c;
+!c && typeof window < "u" && (c = window.SpeechRecognition || window.webkitSpeechRecognition);
+function x(h, w) {
+  const m = h, i = a(() => {
+    const e = C(w);
+    return typeof e == "object" ? {
+      controlledRecording: e.recording,
+      onControlledRecordingChange: e.onRecordingChange,
+      speechInControlled: typeof e.recording == "boolean"
+    } : {
+      controlledRecording: void 0,
+      onControlledRecordingChange: void 0,
+      speechInControlled: !1
+    };
+  }), R = a(() => i.value.controlledRecording), n = i.value.onControlledRecordingChange, S = i.value.speechInControlled, r = u(null);
+  E(() => {
+    if (typeof navigator < "u" && "permissions" in navigator) {
+      let e = null;
+      navigator.permissions.query({ name: "microphone" }).then((t) => {
+        r.value = t.state, t.onchange = function() {
+          r.value = this.state;
+        }, e = t;
+      }), P(() => {
+        e && (e.onchange = null);
+      });
+    }
+  });
+  const f = a(() => c && r.value !== "denied"), o = u(null), [l, d] = b(!1, {
+    value: R
+  }), s = u(!1), y = () => {
+    if (f.value && !o.value) {
+      const e = new c();
+      e.onstart = () => {
+        d(!0);
+      }, e.onend = () => {
+        d(!1);
+      }, e.onresult = (t) => {
+        var p, v, g;
+        if (!s.value) {
+          const I = (g = (v = (p = t.results) == null ? void 0 : p[0]) == null ? void 0 : v[0]) == null ? void 0 : g.transcript;
+          m(I);
+        }
+        s.value = !1;
+      }, o.value = e;
+    }
+  };
+  return { speechPermission: f, triggerSpeech: (e) => {
+    e && !l.value || (s.value = e, S ? n == null || n(!l.value) : (y(), o.value && (l.value ? (o.value.stop(), n == null || n(!1)) : (o.value.start(), n == null || n(!0)))));
+  }, recording: l };
+}
+export {
+  x as default
+};

package/es/suggestion/Suggestion.mjs

@@ -0,0 +1,93 @@
+import { defineComponent as D, mergeDefaults as L, toRef as R, useSlots as X, computed as o, createVNode as h } from "vue";
+import { c as y } from "../attachments/Attachments2.mjs";
+import $ from "../x-provider/hooks/use-x-provider-context.mjs";
+import "../x-provider/context.mjs";
+import { Cascader as A } from "ant-design-vue";
+import B from "../_util/hooks/use-x-component-config.mjs";
+import I from "./style/index.mjs";
+import S from "../_util/hooks/use-state.mjs";
+import P from "./useActive.mjs";
+const H = /* @__PURE__ */ D({
+  name: "AXSuggestion",
+  __name: "Suggestion",
+  props: L({
+    prefixCls: null,
+    className: null,
+    rootClassName: null,
+    style: null,
+    children: {
+      type: Function
+    },
+    open: {
+      type: Boolean
+    },
+    onOpenChange: {
+      type: Function
+    },
+    items: {
+      type: Function
+    },
+    onSelect: {
+      type: Function
+    },
+    block: {
+      type: Boolean
+    },
+    styles: null,
+    classNames: null
+  }, {
+    open: !1
+  }),
+  setup(e) {
+    R(e, "prefixCls");
+    const s = X(), {
+      direction: N,
+      getPrefixCls: x
+    } = $(), n = o(() => x("suggestion", e.prefixCls));
+    `${n.value}`;
+    const a = o(() => N.value === "rtl"), i = B("suggestion"), [b, c, u] = I(n), [m, w] = S(e.open), [k, F] = S(), l = (t) => {
+      var v;
+      w(t), (v = e.onOpenChange) == null || v.call(e, t);
+    }, r = (t) => {
+      t === !1 ? l(!1) : (F(t), l(!0));
+    }, f = () => {
+      l(!1);
+    }, g = o(() => typeof e.items == "function" ? e.items(k.value) : e.items), C = (t) => {
+      e.onSelect && e.onSelect(t[t.length - 1]), l(!1);
+    }, [O, d] = P(g, m, a, C, f), V = o(() => {
+      var t;
+      return s.default ? s.default({
+        onTrigger: r,
+        onKeyDown: d
+      }) : (t = e.children) == null ? void 0 : t.call(e, {
+        onTrigger: r,
+        onKeyDown: d
+      });
+    });
+    return () => b(h(A, {
+      options: g.value,
+      open: m.value,
+      value: O.value,
+      placement: a.value ? "topRight" : "topLeft",
+      onDropdownVisibleChange: (t) => {
+        t || f();
+      },
+      class: y(e.rootClassName, n.value, c, u, {
+        [`${n.value}-block`]: e.block
+      }),
+      onChange: C,
+      dropdownMatchSelectWidth: e.block
+    }, {
+      default: () => h("div", {
+        class: y(n.value, i.value.className, e.rootClassName, e.className, `${n.value}-wrapper`, c.value, u),
+        style: {
+          ...i.value.style,
+          ...e.style
+        }
+      }, [V.value])
+    }));
+  }
+});
+export {
+  H as default
+};

package/es/suggestion/index.mjs

@@ -0,0 +1,5 @@
+import o from "./Suggestion.mjs";
+export {
+  o as Suggestion,
+  o as default
+};

package/es/suggestion/interface.mjs

@@ -0,0 +1 @@
+

package/es/suggestion/style/index.mjs

@@ -0,0 +1,41 @@
+import "vue";
+import "../../_util/cssinjs/StyleContext.mjs";
+import "../../_util/cssinjs/theme/ThemeCache.mjs";
+import "../../_util/warning.mjs";
+import "../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";
+import { merge as o } from "../../_util/cssinjs-utils/util/statistic.mjs";
+import { genStyleHooks as r } from "../../theme/genStyleUtils.mjs";
+const i = (n) => {
+  const { componentCls: t, antCls: e } = n;
+  return {
+    [t]: {
+      [`${e}-cascader-menus ${e}-cascader-menu`]: {
+        height: "auto"
+      },
+      [`${t}-item`]: {
+        "&-icon": {
+          marginInlineEnd: n.paddingXXS
+        },
+        "&-extra": {
+          marginInlineStart: n.padding
+        }
+      },
+      [`&${t}-block`]: {
+        [`${t}-item-extra`]: {
+          marginInlineStart: "auto"
+        }
+      }
+    }
+  };
+}, a = () => ({}), S = r(
+  "Suggestion",
+  (n) => {
+    const t = o(n, {});
+    return i(t);
+  },
+  a
+);
+export {
+  S as default,
+  a as prepareComponentToken
+};