diff --git a/es/table/index.js b/es/table/index.js index 36956ac..df3a228 100644 --- a/es/table/index.js +++ b/es/table/index.js @@ -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) => { diff --git a/lib/index.js b/lib/index.js index ee1c719..e0b2154 100644 --- a/lib/index.js +++ b/lib/index.js @@ -11583,7 +11583,7 @@ const _hoisted_10$a = { key: 1, class: "layui-iconpicker-page" }; -const _hoisted_11$a = { +const _hoisted_11$9 = { id: "layui-laypage-1", class: "layui-laypage layui-laypage-default" }; @@ -11780,7 +11780,7 @@ const _sfc_main$1u = defineComponent({ }) ]), __props.page ? (openBlock(), createElementBlock("div", _hoisted_10$a, [ - createElementVNode("div", _hoisted_11$a, [ + createElementVNode("div", _hoisted_11$9, [ createElementVNode("span", _hoisted_12$7, "\u5171 " + toDisplayString$1(total.value) + " \u4E2A", 1), createElementVNode("a", { href: "javascript:;", @@ -18260,7 +18260,7 @@ const _hoisted_10$9 = { key: 1, class: "layui-table-cell-expand-icon-spaced" }; -const _hoisted_11$9 = { key: 0 }; +const _hoisted_11$8 = { key: 0 }; const _hoisted_12$6 = { key: 1 }; const _hoisted_13$6 = { key: 0, @@ -18699,7 +18699,7 @@ const _sfc_main$H = defineComponent({ _: 2 }, 1032, ["content"])) : (openBlock(), createElementBlock(Fragment, { key: 4 }, [ column.edit ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [ - !editIndex.value[columnIndex] ? (openBlock(), createElementBlock("span", _hoisted_11$9, toDisplayString$1(__props.data[column.key]), 1)) : (openBlock(), createBlock(_component_lay_input, { + !editIndex.value[columnIndex] ? (openBlock(), createElementBlock("span", _hoisted_11$8, toDisplayString$1(__props.data[column.key]), 1)) : (openBlock(), createBlock(_component_lay_input, { key: 1, autofocus: true, modelValue: __props.data[column.key], @@ -18809,7 +18809,7 @@ const _hoisted_9$8 = { class: "layui-laypage-skip" }; const _hoisted_10$8 = ["disabled"]; -const _hoisted_11$8 = { key: 5 }; +const _hoisted_11$7 = { key: 5 }; const __default__$D = { name: "LayPage" }; @@ -18986,7 +18986,7 @@ const _sfc_main$G = defineComponent({ disabled: currentPageShow.value > maxPage.value || currentPageShow.value == currentPage.value }, toDisplayString$1(unref(t)("page.confirm")), 9, _hoisted_10$8) ])) : createCommentVNode("", true), - __props.count ? (openBlock(), createElementBlock("span", _hoisted_11$8, "\u5171" + toDisplayString$1(__props.count) + "\u6761", 1)) : createCommentVNode("", true) + __props.count ? (openBlock(), createElementBlock("span", _hoisted_11$7, "\u5171" + toDisplayString$1(__props.count) + "\u6761", 1)) : createCommentVNode("", true) ]); }; } @@ -19064,24 +19064,31 @@ const _sfc_main$F = 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$v = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-asc" }, null, -1); const _hoisted_2$s = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-desc" }, null, -1); -const _hoisted_3$p = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-drop-list" }, null, -1); -const _hoisted_4$k = /* @__PURE__ */ createElementVNode("i", { - class: "layui-icon layui-icon-right", - style: { "float": "right" } -}, null, -1); -const _hoisted_5$g = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-download" }, null, -1); -const _hoisted_6$d = { +const _hoisted_3$p = /* @__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$k = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon soul-icon-download" }, null, -1); +const _hoisted_5$g = { class: "soulbox", style: { "left": "100%", "top": "65px" } }; -const _hoisted_7$c = { +const _hoisted_6$d = { class: "check", style: { "min-width": "190px" } }; -const _hoisted_8$9 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE623", -1); -const _hoisted_9$7 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE63E", -1); -const _hoisted_10$7 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE614", -1); -const _hoisted_11$7 = { style: { "max-height": "300px", "overflow": "auto" } }; +const _hoisted_7$c = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE623", -1); +const _hoisted_8$9 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE63E", -1); +const _hoisted_9$7 = /* @__PURE__ */ createElementVNode("i", { class: "soul-icon" }, "\uE614", -1); +const _hoisted_10$7 = { style: { "max-height": "300px", "overflow": "auto" } }; const _sfc_main$E = defineComponent({ __name: "soultable", props: { @@ -19113,6 +19120,7 @@ const _sfc_main$E = defineComponent({ } alllist.value = Array.from(set); list.value = alllist.value; + selshow.value = false; }, { deep: true }); const seltext = ref(""); watch(seltext, () => { @@ -19154,12 +19162,17 @@ const _sfc_main$E = 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 }, [ @@ -19181,63 +19194,55 @@ const _sfc_main$E = defineComponent({ _hoisted_2$s, createTextVNode(" \u964D\u5E8F\u6392\u5217 ") ]), - createElementVNode("li", { - class: "soul-dropList", - style: {}, - onMouseover: _cache[0] || (_cache[0] = ($event) => selshow.value = true) - }, [ - _hoisted_3$p, - createTextVNode(" \u7B5B\u9009\u6570\u636E "), - _hoisted_4$k - ], 32), + _hoisted_3$p, createElementVNode("li", { onClick: daochu, class: "soul-sort", "data-value": "desc", style: { "border-bottom": "1px solid rgb(230, 230, 230)" } }, [ - _hoisted_5$g, + _hoisted_4$k, createTextVNode(" \u5BFC\u51FAexcel ") ]) ], 32), - withDirectives(createElementVNode("div", _hoisted_6$d, [ + withDirectives(createElementVNode("div", _hoisted_5$g, [ createVNode(_sfc_main$1w, { "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$c, [ + createElementVNode("div", _hoisted_6$d, [ 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$9, + _hoisted_7$c, 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$7, + _hoisted_8$9, 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$7, + _hoisted_9$7, createTextVNode("\u53CD\u9009 ") ]) ]), - createElementVNode("ul", _hoisted_11$7, [ + createElementVNode("ul", _hoisted_10$7, [ createVNode(_sfc_main$$, { 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) => { diff --git a/src/component/table/soultable.vue b/src/component/table/soultable.vue index a25fccc..7e8cf77 100644 --- a/src/component/table/soultable.vue +++ b/src/component/table/soultable.vue @@ -18,7 +18,7 @@ -