quick-admin-vue3-core/dist/Captcha-Dw7alBpH.js

以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板

import { defineComponent as _, ref as f, computed as h, resolveComponent as c, createElementBlock as V, openBlock as C, createVNode as p, createElementVNode as v, withCtx as g, toDisplayString as k } from "vue";
import { O as x } from "./index-C0qRtkRj.js";
import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const w = { class: "f-sb-fs" }, B = /* @__PURE__ */ _({
  __name: "Captcha",
  props: {
    prop: {},
    modelValue: {}
  },
  emits: ["update:modelValue"],
  setup(n, { emit: s }) {
    const m = n, t = f("0000"), r = s;
    a();
    const o = h({
      get() {
        return m.modelValue;
      },
      set(e) {
        r("update:modelValue", e);
      }
    });
    function a() {
      x().then((e) => {
        t.value = e;
      });
    }
    return (e, l) => {
      const u = c("el-input"), d = c("el-form-item");
      return C(), V("div", w, [
        p(d, {
          class: "mb-0",
          prop: e.prop
        }, {
          default: g(() => [
            p(u, {
              class: "f-1",
              maxlength: 4,
              placeholder: "请输入验证码",
              modelValue: o.value,
              "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i),
              clearable: ""
            }, null, 8, ["modelValue"])
          ]),
          _: 1
        }, 8, ["prop"]),
        v("div", {
          onClick: a,
          class: "captcha ml-16 f-0 f-c-c"
        }, k(t.value), 1)
      ]);
    };
  }
}), D = /* @__PURE__ */ b(B, [["__scopeId", "data-v-c659265c"]]);
export {
  D as default
};