theluyuan/layui-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix soul 显示隐藏

Browse Source
This commit is contained in:
Theluyuan
2023-05-05 09:05:54 +08:00
parent 9989348aa9
commit 3a62266c6e
4 changed files with 191 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
es/table/index.js
View File

@@ -43,7 +43,7 @@ const _hoisted_10$2 = {
key: 1,
class: "layui-table-cell-expand-icon-spaced"
};
const _hoisted_11$2 = { key: 0 };
const _hoisted_11$1 = { key: 0 };
const _hoisted_12$1 = { key: 1 };
const _hoisted_13$1 = {
key: 0,
@@ -482,7 +482,7 @@ const _sfc_main$3 = defineComponent({
_: 2
}, 1032, ["content"])) : (openBlock(), createElementBlock(Fragment, { key: 4 }, [
column.edit ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
!editIndex.value[columnIndex] ? (openBlock(), createElementBlock("span", _hoisted_11$2, toDisplayString(__props.data[column.key]), 1)) : (openBlock(), createBlock(_component_lay_input, {
!editIndex.value[columnIndex] ? (openBlock(), createElementBlock("span", _hoisted_11$1, toDisplayString(__props.data[column.key]), 1)) : (openBlock(), createBlock(_component_lay_input, {
key: 1,
autofocus: true,
modelValue: __props.data[column.key],
@@ -640,24 +640,31 @@ const _sfc_main$2 = defineComponent({
var soultable = /* @__PURE__ */ (() => ".soulbox{background-color:#333;color:#fff;display:inline-block;position:absolute;z-index:2147483647;min-width:160px;max-width:320px;overflow-y:auto;border:1px solid #e6e6e6;border-radius:5px;box-shadow:2px 2px 4px -2px #0003}\n")();
const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-asc" }, null, -1);
const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-desc" }, null, -1);
const _hoisted_3$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-drop-list" }, null, -1);
const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("i", {
class: "layui-icon layui-icon-right",
style: { "float": "right" }
}, null, -1);
const _hoisted_5$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-download" }, null, -1);
const _hoisted_6$1 = {
const _hoisted_3$1 = /* @__PURE__ */ createElementVNode("li", {
class: "soul-dropList",
style: {},
show: "select"
}, [
/* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-drop-list" }),
/* @__PURE__ */ createTextVNode(" \u7B5B\u9009\u6570\u636E "),
/* @__PURE__ */ createElementVNode("i", {
class: "layui-icon layui-icon-right",
style: { "float": "right" }
})
], -1);
const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-download" }, null, -1);
const _hoisted_5$1 = {
class: "soulbox",
style: { "left": "100%", "top": "65px" }
};
const _hoisted_7$1 = {
const _hoisted_6$1 = {
class: "check",
style: { "min-width": "190px" }
};
const _hoisted_8$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE623", -1);
const _hoisted_9$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE63E", -1);
const _hoisted_10$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE614", -1);
const _hoisted_11$1 = { style: { "max-height": "300px", "overflow": "auto" } };
const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE623", -1);
const _hoisted_8$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE63E", -1);
const _hoisted_9$1 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE614", -1);
const _hoisted_10$1 = { style: { "max-height": "300px", "overflow": "auto" } };
const _sfc_main$1 = defineComponent({
__name: "soultable",
props: {
@@ -689,6 +696,7 @@ const _sfc_main$1 = defineComponent({
}
alllist.value = Array.from(set);
list.value = alllist.value;
selshow.value = false;
}, { deep: true });
const seltext = ref("");
watch(seltext, () => {
@@ -730,12 +738,17 @@ const _sfc_main$1 = defineComponent({
const selshow = ref(false);
function shubiao(event) {
console.log(event, 160);
if (event.target.show == "select") {
selshow.value = true;
} else {
selshow.value = false;
}
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: "soulbox",
style: normalizeStyle(`top: ${props.top}px;left:${props.left}px`),
onClick: _cache[6] || (_cache[6] = withModifiers(() => {
onClick: _cache[5] || (_cache[5] = withModifiers(() => {
}, ["stop"]))
}, [
createElementVNode("ul", { onMouseover: shubiao }, [
@@ -757,63 +770,55 @@ const _sfc_main$1 = defineComponent({
_hoisted_2$1,
createTextVNode(" \u964D\u5E8F\u6392\u5217 ")
]),
createElementVNode("li", {
class: "soul-dropList",
style: {},
onMouseover: _cache[0] || (_cache[0] = ($event) => selshow.value = true)
}, [
_hoisted_3$1,
createTextVNode(" \u7B5B\u9009\u6570\u636E "),
_hoisted_4$1
], 32),
_hoisted_3$1,
createElementVNode("li", {
onClick: daochu,
class: "soul-sort",
"data-value": "desc",
style: { "border-bottom": "1px solid rgb(230, 230, 230)" }
}, [
_hoisted_5$1,
_hoisted_4$1,
createTextVNode(" \u5BFC\u51FAexcel ")
])
], 32),
withDirectives(createElementVNode("div", _hoisted_6$1, [
withDirectives(createElementVNode("div", _hoisted_5$1, [
createVNode(_sfc_main$8, {
"prefix-icon": "layui-icon-search",
modelValue: seltext.value,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => seltext.value = $event),
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => seltext.value = $event),
size: "sm",
placeholder: "\u5173\u952E\u5B57\u641C\u7D22"
}, null, 8, ["modelValue"]),
createElementVNode("div", _hoisted_7$1, [
createElementVNode("div", _hoisted_6$1, [
createElementVNode("div", {
class: "multiOption",
"data-type": "all",
onClick: _cache[2] || (_cache[2] = ($event) => select(1))
onClick: _cache[1] || (_cache[1] = ($event) => select(1))
}, [
_hoisted_8$1,
_hoisted_7$1,
createTextVNode(" \u5168\u9009 ")
]),
createElementVNode("div", {
class: "multiOption",
"data-type": "none",
onClick: _cache[3] || (_cache[3] = ($event) => select(2))
onClick: _cache[2] || (_cache[2] = ($event) => select(2))
}, [
_hoisted_9$1,
_hoisted_8$1,
createTextVNode(" \u6E05\u7A7A ")
]),
createElementVNode("div", {
class: "multiOption",
"data-type": "reverse",
onClick: _cache[4] || (_cache[4] = ($event) => select(3))
onClick: _cache[3] || (_cache[3] = ($event) => select(3))
}, [
_hoisted_10$1,
_hoisted_9$1,
createTextVNode("\u53CD\u9009 ")
])
]),
createElementVNode("ul", _hoisted_11$1, [
createElementVNode("ul", _hoisted_10$1, [
createVNode(_sfc_main$9, {
modelValue: sel.value,
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sel.value = $event)
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => sel.value = $event)
}, {
default: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (i, j) => {