t-fighting-design/es/up-load/src/index2.js

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

import { defineComponent as o, ref as p, openBlock as a, createElementBlock as c, createElementVNode as t, renderSlot as r, createVNode as u, unref as s, withCtx as d, createTextVNode as i } from "vue";
import { Props as m } from "./index3.js";
import { FButton as f } from "../../button/index.js";
const _ = { class: "f-up-load" }, h = /* @__PURE__ */ i("\u9009\u62E9\u6587\u4EF6"), k = ["name", "accept", "multiple"], F = o({
  name: "FUpLoad"
}), U = /* @__PURE__ */ o({
  ...F,
  props: m,
  setup(C) {
    const n = p(
      null
    ), l = (e) => {
      console.log(e);
    };
    return (e, E) => (a(), c("div", _, [
      t("div", {
        class: "f-up-load__content",
        onClick: l
      }, [
        r(e.$slots, "default", {}, () => [
          u(s(f), null, {
            default: d(() => [
              h
            ]),
            _: 1
          })
        ])
      ]),
      t("input", {
        ref_key: "FUpLoadInput",
        ref: n,
        type: "file",
        hidden: "",
        name: e.name,
        accept: e.accept,
        multiple: e.multiple
      }, null, 8, k)
    ]));
  }
});
export {
  U as default
};