ivue-material-plus
Version:
A high quality UI components Library with Vue.js
159 lines (156 loc) • 7.22 kB
JavaScript
import _sfc_main from './index.vue_vue_type_script_lang.mjs';
import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx, withModifiers, createTextVNode, toDisplayString, vShow, Transition, createBlock, normalizeStyle, Fragment, renderList } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
const _hoisted_1 = ["name", "value"];
const _hoisted_2 = ["innerHTML", "onClick"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_ivue_icon = resolveComponent("ivue-icon");
const _component_ivue_input = resolveComponent("ivue-input");
const _component_ivue_cascader_menu = resolveComponent("ivue-cascader-menu");
const _component_drop_down = resolveComponent("drop-down");
const _directive_transfer_dom = resolveDirective("transfer-dom");
const _directive_outside = resolveDirective("outside");
return withDirectives((openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.classes)
}, [
createCommentVNode(" \u8F93\u5165\u6846 "),
createElementVNode("div", {
class: normalizeClass(_ctx.inputClasses),
ref: "reference",
onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleToggleOpen && _ctx.handleToggleOpen(...args))
}, [
createElementVNode("input", {
type: "hidden",
name: _ctx.name,
value: _ctx.data.currentValue
}, null, 8, _hoisted_1),
renderSlot(_ctx.$slots, "default", {}, () => [
createVNode(_component_ivue_input, {
id: _ctx.id,
isValue: true,
readonly: !_ctx.filterable,
disabled: _ctx.disabled,
modelValue: _ctx.displayInputRender,
placeholder: _ctx.inputPlaceholder,
onOnChange: _ctx.handleChangeInput,
ref: "input"
}, {
suffix: withCtx(() => [
renderSlot(_ctx.$slots, "suffix", {}, () => [
createCommentVNode(" \u6E05\u9664\u6309\u94AE "),
withDirectives(createVNode(_component_ivue_icon, {
class: normalizeClass(`${_ctx.prefixCls}-clearable ${_ctx.clearableIconClass}`),
onClick: withModifiers(_ctx.handleClearSelect, ["stop"])
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.clearableIcon), 1)
]),
_: 1
}, 8, ["class", "onClick"]), [
[vShow, _ctx.showCloseIcon]
]),
createCommentVNode(" \u4E0B\u62C9\u6309\u94AE "),
createVNode(_component_ivue_icon, {
class: normalizeClass(`${_ctx.prefixCls}-arrow ${_ctx.arrowDownIconClass}`),
onClick: withModifiers(_ctx.handleToggleOpen, ["stop"])
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.arrowDownIcon), 1)
]),
_: 1
}, 8, ["class", "onClick"])
])
]),
_: 3
}, 8, ["id", "readonly", "disabled", "modelValue", "placeholder", "onOnChange"]),
createCommentVNode(" \u662F\u5426\u652F\u6301\u641C\u7D22 "),
withDirectives(createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-label`),
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleInputFocus && _ctx.handleInputFocus(...args))
}, toDisplayString(_ctx.displayRender), 3), [
[vShow, _ctx.filterable && _ctx.data.queryData === ""]
])
])
], 2),
createCommentVNode(" \u4E0B\u62C9\u83DC\u5355 "),
createVNode(Transition, {
name: "transition-drop",
persisted: ""
}, {
default: withCtx(() => [
withDirectives((openBlock(), createBlock(_component_drop_down, {
transfer: _ctx.transfer,
"data-transfer": _ctx.transfer,
class: normalizeClass(_ctx.dropdownClasses),
style: normalizeStyle(_ctx.dropdownStyles),
ref: "dropdown"
}, {
default: withCtx(() => [
createElementVNode("div", null, [
createCommentVNode(" \u83DC\u5355 "),
withDirectives(createVNode(_component_ivue_cascader_menu, {
options: _ctx.options,
disabled: _ctx.disabled,
changeOnSelect: _ctx.changeOnSelect,
trigger: _ctx.trigger,
ref: "menu"
}, null, 8, ["options", "disabled", "changeOnSelect", "trigger"]), [
[vShow, !_ctx.filterable || _ctx.filterable && _ctx.data.queryData === ""]
]),
createCommentVNode(" \u6709\u6570\u636E "),
withDirectives(createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-dropdown`)
}, [
createElementVNode("ul", {
class: normalizeClass(`${_ctx.prefixCls}-dropdown--list`)
}, [
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.querySelections, (item, index) => {
return openBlock(), createElementBlock("li", {
class: normalizeClass([
`${_ctx.prefixCls}-dropdown--item`,
{
[`${_ctx.prefixCls}-dropdown--item__disabled`]: item.disabled
}
]),
key: index,
innerHTML: item.display,
onClick: ($event) => _ctx.handleSelectItem(item)
}, null, 10, _hoisted_2);
}), 128))
], 2)
], 2), [
[
vShow,
_ctx.filterable && _ctx.data.queryData !== "" && _ctx.querySelections.length
]
]),
createCommentVNode(" \u5F53\u641C\u7D22\u5217\u8868\u4E3A\u7A7A\u65F6\u663E\u793A\u7684\u5185\u5BB9 "),
withDirectives(createElementVNode("ul", {
class: normalizeClass(`${_ctx.prefixCls}-not-found-tip`)
}, [
createElementVNode("li", {
class: normalizeClass(`${_ctx.prefixCls}-not-found-tip-text`)
}, toDisplayString(_ctx.notFoundText), 3)
], 2), [
[
vShow,
_ctx.filterable && _ctx.data.queryData !== "" && !_ctx.querySelections.length || !_ctx.options.length
]
])
])
]),
_: 1
}, 8, ["transfer", "data-transfer", "class", "style"])), [
[_directive_transfer_dom],
[vShow, _ctx.data.visibleMenu]
])
]),
_: 1
})
], 2)), [
[_directive_outside, _ctx.handleClickOutside]
]);
}
var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-cascader\\index.vue"]]);
export { Cascader as default };
//# sourceMappingURL=index2.mjs.map