birdpaper-ui
Version:
一个通用的 vue3 UI组件库。A common vue3 UI component library.
64 lines (63 loc) • 2.75 kB
JavaScript
import _sfc_main from "./select.vue2.js";
import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, renderSlot, createElementBlock, createVNode, withModifiers, resolveDynamicComponent } from "vue";
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
const _hoisted_1 = {
key: 1,
style: { "text-align": "center", "font-size": "13px", "opacity": "0.6" }
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_IconCloseLine = resolveComponent("IconCloseLine");
const _component_bp_input = resolveComponent("bp-input");
const _component_bp_empty = resolveComponent("bp-empty");
const _component_bp_trigger = resolveComponent("bp-trigger");
return openBlock(), createBlock(_component_bp_trigger, {
"popup-visible": _ctx.isFocus,
"onUpdate:popupVisible": _cache[1] || (_cache[1] = ($event) => _ctx.isFocus = $event),
transition: "fade-dropdown",
class: normalizeClass(_ctx.clsName),
disabled: _ctx.disabled,
"popup-offset": 10,
"auto-fit-width": "",
"update-at-scroll": ""
}, {
content: withCtx(() => [
createElementVNode("ul", {
class: normalizeClass(`${_ctx.name}-option-list`)
}, [
_ctx.hasOptions ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("div", _hoisted_1, [
createVNode(_component_bp_empty)
]))
], 2)
]),
default: withCtx(() => [
createVNode(_component_bp_input, {
ref: "inpRef",
disabled: _ctx.disabled,
modelValue: _ctx.currentSelect.label,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.currentSelect.label = $event),
readonly: "",
placeholder: _ctx.placeholder,
onMouseenter: _ctx.handleMouseEnter,
onMouseleave: _ctx.handleMouseLeave
}, {
suffix: withCtx(() => [
!_ctx.disabled && _ctx.showClear && _ctx.currentSelect.label ? (openBlock(), createBlock(_component_IconCloseLine, {
key: 0,
class: "click-icon",
onClick: withModifiers(_ctx.handleClear, ["stop"])
}, null, 8, ["onClick"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.isFocus ? _ctx.IconArrowUpSLine : _ctx.IconArrowDownSLine), {
key: 1,
class: normalizeClass(`${_ctx.name}-icon-inner`),
size: "16px"
}, null, 8, ["class"]))
]),
_: 1
}, 8, ["disabled", "modelValue", "placeholder", "onMouseenter", "onMouseleave"])
]),
_: 3
}, 8, ["popup-visible", "class", "disabled"]);
}
const _select = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
_select as default
};