vft 0.0.428 → 0.0.430

package/es/components/super-form/super-form-item.vue2.js

@@ -0,0 +1,498 @@
+import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, createTextVNode as G, isVNode as le, resolveComponent as V } from "vue";
+import "../alert/index.js";
+import "../avatar/index.js";
+import "../avatar-stack/index.js";
+import "../backtop/index.js";
+import "../button/index.js";
+import "../card/index.js";
+import "../cascader/index.js";
+import "../cascader-panel/index.js";
+import "../check-tag/index.js";
+import "../checkbox/index.js";
+import "../clamp/index.js";
+import "../client-only/index.js";
+import "../clamp-toggle/index.js";
+import "../clamp-tooltip/index.js";
+import { VftCol as X } from "../col/index.js";
+import "../collapse-transition/index.js";
+import "../color-picker/index.js";
+import "../config-provider/index.js";
+import "../container/index.js";
+import { isFunction as b, isBoolean as j, singleAttrToObj as z, cloneDeep as se, isArray as J, isNull as ae, upperFirst as me, isString as ce } from "@vft/utils";
+import "../context-menu/context-menu.vue2.js";
+import { VftIcon as W } from "../icon/index.js";
+import "../date-picker/index.js";
+import "../date-time-select/index.js";
+import "../descriptions/index.js";
+import "../dialog/index.js";
+import { VftDivider as pe } from "../divider/index.js";
+import "../drawer/index.js";
+import "../dropdown/index.js";
+import "../empty/index.js";
+import "../footer-layout/index.js";
+import { VftFormItem as ue } from "../form/index.js";
+import "../full-screen/index.js";
+import "../header-layout/index.js";
+import "../horizontal-menu/index.js";
+import "../icon-text/index.js";
+import "../iframe-layout/index.js";
+import "../image/index.js";
+import "../image-viewer/index.js";
+import "../input/index.js";
+import "../input-number/index.js";
+import "../link/index.js";
+import "../list-cell/index.js";
+import "../logo/index.js";
+import "../menu/index.js";
+import "../multiple-tabs/index.js";
+import "../notification/index.js";
+import "../overlay/index.js";
+import "../page-wrapper/index.js";
+import "../pagination/index.js";
+import "../popconfirm/index.js";
+import "../popover/index.js";
+import "../popper/index.js";
+import "../qrcode/index.js";
+import "../radio/index.js";
+import "../result/index.js";
+import "../router-view-content/index.js";
+import "../row/index.js";
+import "../scrollbar/index.js";
+import "../search/index.js";
+import "../select/index.js";
+import "../side-menu/index.js";
+import "../skeleton/index.js";
+import "../slider/index.js";
+import "../space/index.js";
+import "../steps/index.js";
+import "../switch/index.js";
+import "../table/index.js";
+import "../tabs/index.js";
+import "../tag/index.js";
+import "../time-picker/index.js";
+import { VftTooltip as fe } from "../tooltip/index.js";
+import "../tree/index.js";
+import "../verify-code/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../autocomplete/index.js";
+import "../breadcrumb/index.js";
+import "../carousel/index.js";
+import "../collapse/index.js";
+import "../countdown/index.js";
+import "../input-tag/index.js";
+import "../modal/index.js";
+import "../progress/index.js";
+import "../segmented/index.js";
+import "../statistic/index.js";
+import "../timeline/index.js";
+import "../transfer/index.js";
+import "../upload/index.js";
+import "../watermark/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../md-comment/index.js";
+import "../md-container/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../infinite-scroll/index.js";
+import { FormCompEnum as e, getComponent as $ } from "../../utils/form-register.js";
+import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useNamespace as de } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../message/index.js";
+import "../progress-i/index.js";
+import "./index.js";
+import { isRangePicker as he, isInput as Ee, isDatePicker as Pe } from "./component-map.js";
+import { createPlaceholderMessage as Y } from "./use/helper.js";
+function q(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !le(o);
+}
+const Ce = Q({
+  inheritAttrs: !1
+}), Ar = /* @__PURE__ */ Q({
+  ...Ce,
+  __name: "super-form-item",
+  props: {
+    schema: {},
+    formProps: {},
+    allDefaultValues: {},
+    formModel: {},
+    setFormModel: {},
+    updateSchema: {},
+    formActionType: {}
+  },
+  setup(o) {
+    const S = de("super-form"), I = v(() => {
+      const {
+        mergeDynamicData: r
+      } = o.formProps;
+      return {
+        field: o.schema.field,
+        model: o.formModel,
+        values: {
+          ...r,
+          ...o.allDefaultValues,
+          ...o.formModel
+        },
+        schema: o.schema,
+        elRef: w
+      };
+    }), K = v(() => {
+      let {
+        componentProps: r = {}
+      } = o.schema;
+      b(r) && (r = r({
+        schema: o.schema,
+        formModel: o.formModel,
+        formActionType: o.formActionType
+      }) ?? {});
+      const t = /* @__PURE__ */ new Map([[e.DIVIDER, {
+        type: "horizontal"
+      }], [e.TEXTAREA, {
+        type: "textarea"
+      }], [e.PASSWORD, {
+        type: "password",
+        "show-password": !0
+      }], [e.INPUT_NUMBER, {
+        type: "number"
+      }], [e.CHECKBOX_BUTTON, {
+        useButton: !0
+      }], [e.RADIO_BUTTON, {
+        useButton: !0
+      }], [e.YEAR_PICKER, {
+        type: e.YEAR_PICKER
+      }], [e.MONTH_PICKER, {
+        type: e.MONTH_PICKER
+      }], [e.DATE_PICKER, {
+        type: e.DATE_PICKER
+      }], [e.DATES_PICKER, {
+        type: e.DATES_PICKER
+      }], [e.DATETIME_PICKER, {
+        type: e.DATETIME_PICKER
+      }], [e.WEEK_PICKER, {
+        type: e.WEEK_PICKER
+      }], [e.TIMERANGE_PICKER, {
+        type: e.TIME_PICKER,
+        "is-range": !0,
+        "start-placeholder": "开始时间",
+        "end-placeholder": "结束时间"
+      }], [e.DATETIMERANGE_PICKER, {
+        type: e.DATETIMERANGE_PICKER,
+        "start-placeholder": "开始日期",
+        "end-placeholder": "结束日期"
+      }], [e.DATERANGE_PICKER, {
+        type: e.DATERANGE_PICKER,
+        "start-placeholder": "开始日期",
+        "end-placeholder": "结束日期"
+      }], [e.MONTHRANGE_PICKER, {
+        type: e.MONTHRANGE_PICKER,
+        "start-placeholder": "开始月份",
+        "end-placeholder": "结束月份"
+      }]]);
+      return t.has(o.schema.type) && (r = Object.assign(t.get(o.schema.type) || {}, r)), o.formProps.inputMaxLength && [e.INPUT].includes(o.schema.type) && !r?.maxlength && (r.maxlength = o.formProps.inputMaxLength), r;
+    }), Z = v(() => {
+      const {
+        disabled: r
+      } = o.formProps, {
+        dynamicDisabled: t
+      } = o.schema, {
+        disabled: m = !1
+      } = c(K);
+      let a = !!r || m;
+      return j(t) && (a = t), b(t) && (a = t(c(I))), a;
+    });
+    function k() {
+      const {
+        show: r,
+        ifShow: t
+      } = o.schema;
+      let m = !0, a = !0;
+      return j(r) && (m = r), j(t) && (a = t), b(r) && (m = r(c(I))), b(t) && (a = t(c(I))), {
+        isShow: m,
+        isIfShow: a
+      };
+    }
+    function _() {
+      const {
+        rules: r = [],
+        type: t = e.INPUT,
+        rulesMessageJoinLabel: m,
+        label: a,
+        title: P,
+        dynamicRule: u,
+        required: h,
+        dynamicRuleAdd: f = !0
+      } = o.schema, p = a || P;
+      if (b(u) && !f)
+        return u(c(I));
+      let i = se(J(r) ? r : [r]);
+      const {
+        rulesMessageJoinLabel: g
+      } = o.formProps, y = Reflect.has(o.schema, "rulesMessageJoinLabel") ? m : g, A = Y(t, `${y ? p : ""}`);
+      function M(n, l) {
+        const D = n.message || A;
+        return l === void 0 || ae(l) || t === e.CHECKBOX_SINGLE && !l || Array.isArray(l) && l.length === 0 || typeof l == "string" && l.trim() === "" || typeof l == "object" && Reflect.has(l, "checked") && Reflect.has(l, "halfChecked") && Array.isArray(l.checked) && Array.isArray(l.halfChecked) && l.checked.length === 0 && l.halfChecked.length === 0 ? Promise.reject(D) : Promise.resolve();
+      }
+      const d = b(h) ? h(c(I)) : h, T = [e.RADIO, e.SELECT, e.RADIO, e.RADIO_SINGLE, e.RADIO_BUTTON, e.CHECKBOX, e.CHECKBOX_SINGLE, e.CHECKBOX_BUTTON, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Upload, e.Slider].includes(t);
+      d && (!i || i.length === 0 ? i = [{
+        required: d,
+        validator: M,
+        trigger: T ? "change" : "blur"
+      }] : i.findIndex((l) => Reflect.has(l, "required")) === -1 && i.unshift({
+        required: d,
+        validator: M,
+        trigger: T ? "change" : "blur"
+      }));
+      const x = i.findIndex((n) => Reflect.has(n, "required") && !Reflect.has(n, "validator"));
+      if (x !== -1) {
+        const n = i[x], {
+          isShow: l
+        } = k();
+        l || (n.required = !1), t && (n.message = n.message || A);
+      }
+      const E = i.findIndex((n) => n.min), C = i.findIndex((n) => n.max);
+      function R(n, l, D = "all") {
+        const O = i[l], F = O.isNumber ? isNaN(n) ? n?.length || 0 : Number(n) : n?.length || 0;
+        return ["min", "all"].includes(D) && F < O.min ? Promise.reject(p + "至少为" + O.min + "位") : ["max", "all"].includes(D) && F > O.max ? Promise.reject(p + "最多" + O.max + "位") : Promise.resolve();
+      }
+      (E !== -1 || C !== -1) && (E !== -1 && C !== -1 && !i[E].validator && !i[E].message ? i[E].validator = (n, l) => R(l, E) : E !== -1 && !i[E].validator && !i[E].message ? i[E].validator = (n, l) => R(l, E, "min") : C !== -1 && !i[C].validator && !i[C].message && (i[C].validator = (n, l) => R(l, C, "max")));
+      const N = i.findIndex((n) => n.len);
+      if (N !== -1 && (i[N].validator = (n, l) => l.length !== i[N].len ? Promise.reject(p + "必须是" + i[N].len + "位") : Promise.resolve()), b(u) && f) {
+        let n = u(c(I));
+        n = J(n) ? n : [n], i = i.concat(n);
+      }
+      return i;
+    }
+    const w = re(), ee = () => {
+      const {
+        renderComponentContent: r,
+        type: t = e.INPUT,
+        field: m,
+        changeEvent: a = "change",
+        valueField: P,
+        label: u,
+        title: h,
+        placeholderJoinLabel: f = !0
+      } = o.schema;
+      let p = a;
+      Ee(t) ? p = "input" : Pe(t) || t === e.TIME_PICKER || [e.INPUT_TAG, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Slider].includes(t) ? p = "update:modelValue" : t === e.Upload && (p = "update:fileList");
+      const i = `on${me(p)}`, g = {
+        [i]: (...R) => {
+          const [N] = R;
+          d[i] && d[i](...R);
+          const n = N ? N.target : null, l = n ? n.value : N;
+          o.setFormModel(m, l, o.schema);
+        }
+      }, y = $(t), {
+        autoSetPlaceHolder: A,
+        size: M
+      } = o.formProps, d = {
+        clearable: !0,
+        ...c(K)
+      };
+      if ([e.SEARCH].includes(t) || (d.size = c(K)?.size || M, d.disabled = c(Z)), !d.disabled && A && !he(t) && t) {
+        const R = u || h;
+        d.placeholder = c(K)?.placeholder || Y(t, f && ce(R) ? R : "");
+      }
+      const x = {
+        [P || "model-value"]: o.formModel[m]
+      }, E = {
+        ...g,
+        ...d,
+        ...x
+      };
+      if (!r && t !== e.Upload)
+        return s(y, L({
+          ref: w
+        }, E), null);
+      let C;
+      if (C = b(r) ? {
+        ...r({
+          ...c(I),
+          elRef: w
+        })
+      } : {
+        default: () => r
+      }, t === e.Upload && !r) {
+        const {
+          drag: R
+        } = c(K);
+        C = R ? {
+          default: () => s(V("vft-icon"), {
+            icon: "icon-arrow-upload"
+          }, null)
+        } : {
+          default: () => s(V("vft-button"), {
+            type: "primary"
+          }, {
+            default: () => [s(V("vft-icon"), {
+              icon: "icon-arrow-upload"
+            }, null)]
+          })
+        };
+      }
+      return s(y, L({
+        ref: w
+      }, E), q(C) ? C : {
+        default: () => [C]
+      });
+    };
+    function U() {
+      const {
+        showLabel: r = !0,
+        label: t,
+        title: m,
+        subLabel: a,
+        labelRequired: P,
+        helpIcon: u,
+        helpTooltip: h
+      } = o.schema;
+      let f = t || m;
+      f = P ? s("span", null, [s("span", {
+        class: "label-required"
+      }, [G("*")]), s("span", null, [f])]) : f;
+      const p = () => {
+        if (!u && !h) return null;
+        const i = v(() => z(u, "icon", {
+          size: 20,
+          pointer: !0,
+          icon: "icon-help"
+        }));
+        if (h) {
+          const g = v(() => z(h, "content", {
+            placement: "right-start"
+          }));
+          return s(fe, L({
+            className: "box-item"
+          }, g.value), {
+            default: () => [s(W, i.value, null)]
+          });
+        }
+        return s(W, i.value, null);
+      };
+      return r && f ? a ? s("div", {
+        class: "label-content"
+      }, [s("div", null, [f, G(" "), s("span", {
+        class: "sub-label"
+      }, [a])]), p()]) : s("div", {
+        class: "label-content"
+      }, [s("div", null, [f]), p()]) : void 0;
+    }
+    const B = oe();
+    function H(r, t = "default", m) {
+      if (!r || !Reflect.has(r, t))
+        return null;
+      if (!b(r[t]))
+        return console.error(`${t} is not a function!`), null;
+      const a = r[t];
+      return a ? a(m) : null;
+    }
+    function te() {
+      const {
+        itemProps: r,
+        slot: t,
+        render: m,
+        field: a,
+        suffix: P,
+        prefix: u,
+        prefixParentStyle: h
+      } = o.schema, {
+        autoCleanErrorMessage: f,
+        compFullWidth: p
+      } = o.formProps, i = () => t ? H(B, t, c(I)) : m ? m(c(I)) : ee(), g = !!P, y = !!u, A = b(P) ? P(c(I)) : P, M = b(u) ? u(c(I)) : u, d = () => {
+        o.updateSchema([{
+          field: a,
+          itemProps: {
+            error: ""
+          }
+        }]);
+      }, T = () => s(ue, L({
+        style: {
+          marginRight: o.formProps.customLayout ? "10px" : 0
+        },
+        prop: a,
+        class: [{
+          [S.is("suffix")]: g
+        }, {
+          [S.is("comp-full-width")]: p
+        }, S.e("item")]
+      }, r, {
+        label: r?.label || r?.title,
+        "onUpdate:error": f ? d : () => {
+        },
+        rules: _()
+      }), {
+        default: () => [s("div", {
+          class: S.e("container")
+        }, [s("div", {
+          class: S.e("content")
+        }, [i(), g && s("span", {
+          class: S.m("suffix")
+        }, [A])])])],
+        label: U() ? () => U() : void 0
+      });
+      return y ? s("div", {
+        style: h
+      }, [s("span", {
+        class: S.m("prefix")
+      }, [M]), T()]) : T();
+    }
+    return () => {
+      let r;
+      const {
+        colProps: t = {},
+        colSlot: m,
+        renderColContent: a,
+        type: P = e.INPUT,
+        render: u,
+        quickColSpan: h
+      } = o.schema;
+      if (!$(P) && !a && !u)
+        return null;
+      const {
+        baseColProps: f = {},
+        quickColSpan: p
+      } = o.formProps, i = p ? {
+        span: Math.ceil(24 / p),
+        ...f
+      } : {
+        ...f
+      }, g = h ? {
+        span: Math.ceil(24 / h),
+        ...t
+      } : {
+        ...t
+      }, y = {
+        ...i,
+        ...g
+      }, {
+        isIfShow: A,
+        isShow: M
+      } = k(), d = c(I), T = () => m ? H(B, m, d) : a ? a(d) : te();
+      if (P === e.DIVIDER) {
+        let x;
+        return s(X, L({
+          span: 24
+        }, g), {
+          default: () => [s(pe, c(K), q(x = U()) ? x : {
+            default: () => [x]
+          })]
+        });
+      }
+      return A && (o.formProps.customLayout ? T() : ie(s(X, y, q(r = T()) ? r : {
+        default: () => [r]
+      }), [[ne, M]]));
+    };
+  }
+});
+export {
+  Ar as default
+};

package/es/components/switch/switch.vue2.js

@@ -0,0 +1,198 @@
+import { defineComponent as M, computed as s, ref as g, watch as T, onMounted as Q, createElementBlock as v, openBlock as o, withModifiers as R, normalizeStyle as F, normalizeClass as c, createElementVNode as p, createCommentVNode as r, withKeys as X, unref as i, createBlock as k, normalizeProps as I, mergeProps as w, toDisplayString as B, nextTick as Y } from "vue";
+import { singleAttrToObj as O, isPromise as A, isBoolean as Z } from "@vft/utils";
+import "../form/index.js";
+import { VftIcon as V } from "../icon/index.js";
+import { UPDATE_MODEL_EVENT as E, CHANGE_EVENT as N, INPUT_EVENT as P } from "../../constants/event.js";
+import "@vueuse/core";
+import { debugWarn as K, throwError as _ } from "../../utils/error.js";
+import { addUnit as ee } from "../../utils/helper.js";
+import "lodash-es";
+import { useNamespace as ae } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useFormItem as te, useFormItemInputId as ie } from "../form/hooks/use-form-item.js";
+import { useFormSize as le, useFormDisabled as oe } from "../form/hooks/use-form-common-props.js";
+const ne = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex"], ce = ["aria-hidden"], re = ["aria-hidden"], ue = ["aria-hidden"], se = M({
+  name: "vft-switch"
+}), Be = /* @__PURE__ */ M({
+  ...se,
+  props: {
+    modelValue: { type: [Boolean, String, Number], default: !1 },
+    value: { type: [Boolean, String, Number], default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    width: {},
+    inlinePrompt: { type: Boolean, default: !1 },
+    activeIcon: {},
+    inactiveIcon: {},
+    activeText: {},
+    inactiveText: {},
+    activeColor: {},
+    inactiveColor: {},
+    borderColor: {},
+    activeValue: { type: [Boolean, String, Number], default: !0 },
+    inactiveValue: { type: [Boolean, String, Number], default: !1 },
+    name: {},
+    validateEvent: { type: Boolean, default: !0 },
+    id: {},
+    loading: { type: Boolean, default: !1 },
+    beforeChange: {},
+    size: {},
+    tabindex: {}
+  },
+  emits: [E, N, P],
+  setup(a, { expose: U, emit: j }) {
+    const t = ae("switch"), e = a, d = j, { formItem: S } = te(), G = le(), { inputId: H } = ie(e, {
+      formItemContext: S
+    }), m = s(
+      () => O(e.activeIcon, "icon")
+    ), f = s(
+      () => O(e.inactiveIcon, "icon")
+    ), b = oe(s(() => e.loading)), x = g(e.modelValue !== !1), h = g(), L = g(), W = s(() => [
+      t.b(),
+      t.m(G.value),
+      t.is("disabled", b.value),
+      t.is("checked", l.value)
+    ]), $ = s(() => ({
+      width: ee(e.width)
+    }));
+    T(
+      () => e.modelValue,
+      () => {
+        x.value = !0;
+      }
+    ), T(
+      () => e.value,
+      () => {
+        x.value = !1;
+      }
+    );
+    const z = s(() => x.value ? e.modelValue : e.value), l = s(() => z.value === e.activeValue);
+    [e.activeValue, e.inactiveValue].includes(z.value) || (d(E, e.inactiveValue), d(N, e.inactiveValue), d(P, e.inactiveValue)), T(l, (n) => {
+      h.value.checked = n, e.validateEvent && S?.validate?.("change").catch((u) => K(u));
+    });
+    const y = () => {
+      const n = l.value ? e.inactiveValue : e.activeValue;
+      d(E, n), d(N, n), d(P, n), Y(() => {
+        h.value.checked = l.value;
+      });
+    }, D = () => {
+      if (b.value) return;
+      const { beforeChange: n } = e;
+      if (!n) {
+        y();
+        return;
+      }
+      const u = n();
+      [
+        A(u),
+        Z(u)
+      ].includes(!0) || _(
+        t.b(),
+        "beforeChange must return type `Promise<boolean>` or `boolean`"
+      ), A(u) ? u.then((C) => {
+        C && y();
+      }).catch((C) => {
+        K(t.b(), `some error occurred: ${C}`);
+      }) : u && y();
+    }, q = s(() => t.cssVarBlock({
+      ...e.activeColor ? { "on-color": e.activeColor } : null,
+      ...e.inactiveColor ? { "off-color": e.inactiveColor } : null,
+      ...e.borderColor ? { "border-color": e.borderColor } : null
+    })), J = () => {
+      h.value?.focus?.();
+    };
+    return Q(() => {
+      h.value.checked = l.value;
+    }), U({
+      /**
+       *  @description manual focus to the switch component
+       **/
+      focus: J,
+      /**
+       * @description whether Switch is checked
+       */
+      checked: l
+    }), (n, u) => (o(), v("div", {
+      class: c(W.value),
+      style: F(q.value),
+      onClick: R(D, ["prevent"])
+    }, [
+      p("input", {
+        id: i(H),
+        ref_key: "input",
+        ref: h,
+        class: c(i(t).e("input")),
+        type: "checkbox",
+        role: "switch",
+        "aria-checked": l.value,
+        "aria-disabled": i(b),
+        name: a.name,
+        "true-value": a.activeValue,
+        "false-value": a.inactiveValue,
+        disabled: i(b),
+        tabindex: a.tabindex,
+        onChange: y,
+        onKeydown: X(D, ["enter"])
+      }, null, 42, ne),
+      !a.inlinePrompt && (a.inactiveIcon || a.inactiveText) ? (o(), v("span", {
+        key: 0,
+        class: c([
+          i(t).e("label"),
+          i(t).em("label", "left"),
+          i(t).is("active", !l.value)
+        ])
+      }, [
+        f.value?.icon ? (o(), k(i(V), I(w({ key: 0 }, f.value)), null, 16)) : r("", !0),
+        !f.value?.icon && a.inactiveText ? (o(), v("span", {
+          key: 1,
+          "aria-hidden": l.value
+        }, B(a.inactiveText), 9, ce)) : r("", !0)
+      ], 2)) : r("", !0),
+      p("span", {
+        ref_key: "core",
+        ref: L,
+        class: c(i(t).e("core")),
+        style: F($.value)
+      }, [
+        a.inlinePrompt ? (o(), v("div", {
+          key: 0,
+          class: c(i(t).e("inner"))
+        }, [
+          m.value?.icon || f.value?.icon ? (o(), k(i(V), I(w({ key: 0 }, l.value ? m.value : f.value)), null, 16)) : a.activeText || a.inactiveText ? (o(), v("span", {
+            key: 1,
+            class: c(i(t).is("text")),
+            "aria-hidden": !l.value
+          }, B(l.value ? a.activeText : a.inactiveText), 11, re)) : r("", !0)
+        ], 2)) : r("", !0),
+        p("div", {
+          class: c(i(t).e("action"))
+        }, [
+          a.loading ? (o(), k(i(V), {
+            key: 0,
+            rotate: "",
+            class: c(i(t).is("loading")),
+            icon: "icon-loading"
+          }, null, 8, ["class"])) : r("", !0)
+        ], 2)
+      ], 6),
+      !a.inlinePrompt && (m.value?.icon || a.activeText) ? (o(), v("span", {
+        key: 1,
+        class: c([
+          i(t).e("label"),
+          i(t).em("label", "right"),
+          i(t).is("active", l.value)
+        ])
+      }, [
+        m.value?.icon ? (o(), k(i(V), I(w({ key: 0 }, m.value)), null, 16)) : r("", !0),
+        !m.value?.icon && a.activeText ? (o(), v("span", {
+          key: 1,
+          "aria-hidden": !l.value
+        }, B(a.activeText), 9, ue)) : r("", !0)
+      ], 2)) : r("", !0)
+    ], 6));
+  }
+});
+export {
+  Be as default
+};