vue-ele-plus
Version:
148 lines (147 loc) • 6.38 kB
JavaScript
import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, Fragment, renderList, createBlock, createCommentVNode, createElementVNode, toDisplayString, createTextVNode, normalizeClass, resolveDynamicComponent } from "vue";
const toLine = (value) => {
return value.replace(/(A-Z)g/, "-$1").toLocaleLowerCase();
};
var index_vue_vue_type_style_index_0_scoped_true_lang = "";
var _export_sfc = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
const _hoisted_1 = { class: "list-tabs-item" };
const _hoisted_2 = ["onClick"];
const _hoisted_3 = {
key: 0,
class: "avatar"
};
const _hoisted_4 = { class: "content" };
const _hoisted_5 = {
key: 0,
class: "title"
};
const _hoisted_6 = {
key: 1,
class: "time"
};
const _hoisted_7 = {
key: 2,
class: "time"
};
const _hoisted_8 = { class: "actions" };
const _hoisted_9 = ["onClick"];
const _hoisted_10 = {
key: 0,
class: "a-icon"
};
const _hoisted_11 = { class: "a-text" };
const _sfc_main = /* @__PURE__ */ defineComponent({
props: {
list: {
type: Array,
required: true
},
actions: {
type: Array,
default: () => []
}
},
emits: ["clickItem", "clickAction"],
setup(__props, { emit: emits }) {
const props = __props;
let currentTab = ref(0);
let clickItem = (item, index2) => {
emits("clickItem", { item, index: index2 });
};
let clickAction = (item, index2) => {
emits("clickAction", { item, index: index2 });
};
console.log(props.list, 11);
return (_ctx, _cache) => {
const _component_el_avatar = resolveComponent("el-avatar");
const _component_el_tag = resolveComponent("el-tag");
const _component_el_scrollbar = resolveComponent("el-scrollbar");
const _component_el_tab_pane = resolveComponent("el-tab-pane");
const _component_el_tabs = resolveComponent("el-tabs");
return openBlock(), createElementBlock("div", _hoisted_1, [
createVNode(_component_el_tabs, {
modelValue: unref(currentTab),
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currentTab) ? currentTab.value = $event : currentTab = $event)
}, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (item, index2) => {
return openBlock(), createBlock(_component_el_tab_pane, {
key: index2,
name: index2,
label: item.title
}, {
default: withCtx(() => [
createVNode(_component_el_scrollbar, { "max-height": "300px" }, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(item.content, (listItem, listIndex) => {
return openBlock(), createElementBlock("div", {
class: "container",
onClick: ($event) => unref(clickItem)(listItem, listIndex),
key: listIndex
}, [
listItem.avatar ? (openBlock(), createElementBlock("div", _hoisted_3, [
createVNode(_component_el_avatar, {
size: 40,
src: listItem.avatar
}, null, 8, ["src"])
])) : createCommentVNode("", true),
createElementVNode("div", _hoisted_4, [
listItem.title ? (openBlock(), createElementBlock("div", _hoisted_5, [
createElementVNode("div", null, toDisplayString(listItem.title), 1),
listItem.tagtype ? (openBlock(), createBlock(_component_el_tag, {
key: 0,
size: "mini",
type: listItem.tagtype
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(listItem.tag), 1)
]),
_: 2
}, 1032, ["type"])) : createCommentVNode("", true)
])) : createCommentVNode("", true),
listItem.desc ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(listItem.desc), 1)) : createCommentVNode("", true),
listItem.time ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(listItem.time), 1)) : createCommentVNode("", true)
])
], 8, _hoisted_2);
}), 128)),
createElementVNode("div", _hoisted_8, [
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action, actionIndex) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(["a-item", { border: actionIndex !== __props.actions.length }]),
key: actionIndex,
onClick: ($event) => unref(clickAction)(action, actionIndex)
}, [
action.icon ? (openBlock(), createElementBlock("div", _hoisted_10, [
(openBlock(), createBlock(resolveDynamicComponent(`el-icon-${unref(toLine)(action.icon)}`)))
])) : createCommentVNode("", true),
createElementVNode("div", _hoisted_11, toDisplayString(action.text), 1)
], 10, _hoisted_9);
}), 128))
])
]),
_: 2
}, 1024)
]),
_: 2
}, 1032, ["name", "label"]);
}), 128))
]),
_: 1
}, 8, ["modelValue"])
]);
};
}
});
var list = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-35b6284a"]]);
var index = {
install(app) {
app.component("m-list", list);
}
};
export { index as default };