el-plus-powerful-table
Version:
## [DOCS](https://peng-xiao-shuai.github.io/vite-vue-admin-docs/zh-CN/component_directive/component/powerful-table-doc.html)
52 lines (51 loc) • 1.44 kB
JavaScript
import { defineComponent as m, inject as p, reactive as d, createVNode as l } from "vue";
import { ElPopover as h, ElInput as c } from "element-plus";
import { props as v, btnSlots as f, slots as g } from "./common.mjs";
import { SizeSymbol as b } from "../../keys.mjs";
import { t as C } from "../../locale/lang.mjs";
import { LangKey as F } from "../../locale/packages.mjs";
const n = /* @__PURE__ */ m({
name: "PTFInput",
props: v,
emits: ["headerFilterChange"],
setup(t, {
emit: o,
expose: r
}) {
const i = p(b), e = d({
value: "",
visible: !1
}), s = () => {
o("headerFilterChange", e.value, t.headerData);
}, u = (a) => a < 10 ? 200 : e.value.length * 20 > 400 ? 400 : e.value.length * 20;
return r({
state: e,
header: t.headerData
}), () => l(h, {
visible: e.visible,
"onUpdate:visible": (a) => e.visible = a,
placement: "bottom-start",
width: u(e.value.length),
trigger: "contextmenu"
}, {
default: () => [l(c, {
placeholder: C(F.InputContent),
modelValue: e.value,
"onUpdate:modelValue": (a) => e.value = a,
size: i,
clearable: !0,
class: "input-with-select"
}, f(s))],
...g(e, t.headerData)
});
}
}), I = n;
I.install = (t) => {
t.component(n.name, n);
};
export {
n as FInput,
I as PTFInput,
n as default
};
//# sourceMappingURL=FInput.mjs.map