flamingo-ui
Version:
火烈鸟UI组件库
207 lines (206 loc) • 7.07 kB
JavaScript
import "./index-sfc.css";
import { computed, reactive } from "vue";
import { Popup } from "vant";
import "vant/es/popup/style";
const __default__ = {
components: {
[Popup.name]: Popup
},
name: "NoSupport"
};
const __vue_sfc__ = /* @__PURE__ */ Object.assign(__default__, {
props: {
showPopUpStare: {
type: Boolean,
default: false
},
limitGameList: {
type: String,
default: ""
},
emptyIcon: {
type: String,
default: "https://gres.guopan.cn/png/20230419/no_support-66.png"
}
},
emits: ["closePopUpState"],
setup(__props, { expose, emit }) {
expose();
const props = __props;
const data = reactive({
showBackIcon: false,
searchGame: ""
});
function closeLimitGamePopup() {
emit("closePopUpState");
}
const filterGameList = computed(() => {
if (data.searchGame === "") {
return props.limitGameList;
}
return props.limitGameList.split("\uFF0C").filter((item) => {
return item.indexOf(data.searchGame) != -1;
});
});
const showLimitGame = computed({
get: () => {
return props.showPopUpStare;
},
set: (value) => {
emit("closePopUpState", value);
}
});
const __returned__ = { emit, props, data, closeLimitGamePopup, filterGameList, showLimitGame, get Popup() {
return Popup;
}, computed, reactive };
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
return __returned__;
}
});
import { createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, vModelText as _vModelText, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, renderList as _renderList, Fragment as _Fragment, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
const _hoisted_1 = { class: "fmg-limit_game" };
const _hoisted_2 = { class: "limit_game" };
const _hoisted_3 = /* @__PURE__ */ _createElementVNode(
"p",
{ class: "limit_game_title" },
"\u4E0D\u652F\u6301\u6E38\u620F",
-1
/* HOISTED */
);
const _hoisted_4 = { class: "limit_game_search" };
const _hoisted_5 = /* @__PURE__ */ _createElementVNode(
"a",
null,
"\u641C\u7D22",
-1
/* HOISTED */
);
const _hoisted_6 = {
key: 0,
class: "limit_game_tip"
};
const _hoisted_7 = {
key: 1,
class: "limit_game_con"
};
const _hoisted_8 = { key: 0 };
const _hoisted_9 = { class: "limit_game_list" };
const _hoisted_10 = /* @__PURE__ */ _createElementVNode(
"div",
{ class: "limit_game_nomore" },
[
/* @__PURE__ */ _createElementVNode("p", null, "\u6CA1\u6709\u66F4\u591A\u4E86~")
],
-1
/* HOISTED */
);
const _hoisted_11 = {
key: 2,
class: "limit_game_nodata"
};
const _hoisted_12 = ["src"];
const _hoisted_13 = /* @__PURE__ */ _createElementVNode(
"p",
null,
"\u641C\u7D22\u7ED3\u679C\u4E3A\u7A7A",
-1
/* HOISTED */
);
function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
const _component_van_popup = _resolveComponent("van-popup");
return _openBlock(), _createElementBlock(
_Fragment,
null,
[
_createCommentVNode(" \u67E5\u8BE2\u4E0D\u652F\u6301\u7684\u6E38\u620F\u4E1A\u52A1\u7EC4\u4EF6 "),
_createElementVNode("div", _hoisted_1, [
_createElementVNode("div", _hoisted_2, [
_createVNode(_component_van_popup, {
show: $setup.showLimitGame,
"onUpdate:show": _cache[2] || (_cache[2] = ($event) => $setup.showLimitGame = $event),
position: "bottom",
"safe-area-inset-top": "",
"close-on-click-overlay": false,
onClosed: _cache[3] || (_cache[3] = ($event) => $setup.data.searchGame = "")
}, {
default: _withCtx(() => [
_createElementVNode("i", {
class: "limit_game_close",
onClick: _cache[0] || (_cache[0] = ($event) => $setup.closeLimitGamePopup())
}),
_hoisted_3,
_createElementVNode("div", _hoisted_4, [
_withDirectives(_createElementVNode(
"input",
{
type: "text",
class: "limit_game_input",
placeholder: "\u8BF7\u8F93\u5165\u6E38\u620F\u540D\u79F0",
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.data.searchGame = $event)
},
null,
512
/* NEED_PATCH */
), [
[_vModelText, $setup.data.searchGame]
]),
_hoisted_5
]),
$setup.data.searchGame === "" ? (_openBlock(), _createElementBlock("p", _hoisted_6, " \u4EE5\u4E0B\u6E38\u620F\u7531\u4E8E\u5408\u4F5C\u539F\u56E0\u4E0D\u652F\u6301\u4EE3\u91D1\u5238\u7684\u4F7F\u7528\uFF0C\u53EF\u7528\u6E38\u620F\u8303\u56F4\u5B58\u5728\u53D1\u751F\u589E\u51CF\u53D8\u66F4\u7684\u53EF\u80FD\u6027\uFF0C\u8BF7\u5173\u6CE8\u7559\u610F ")) : _createCommentVNode("v-if", true),
$setup.filterGameList.length ? (_openBlock(), _createElementBlock("div", _hoisted_7, [
$setup.data.searchGame !== "" ? (_openBlock(), _createElementBlock("ul", _hoisted_8, [
(_openBlock(true), _createElementBlock(
_Fragment,
null,
_renderList($setup.filterGameList, (item, index) => {
return _openBlock(), _createElementBlock(
"li",
{ key: index },
_toDisplayString(item),
1
/* TEXT */
);
}),
128
/* KEYED_FRAGMENT */
))
])) : (_openBlock(), _createElementBlock(
_Fragment,
{ key: 1 },
[
_createElementVNode(
"p",
_hoisted_9,
_toDisplayString($setup.filterGameList),
1
/* TEXT */
),
_hoisted_10
],
64
/* STABLE_FRAGMENT */
))
])) : (_openBlock(), _createElementBlock("div", _hoisted_11, [
_createElementVNode("img", {
src: $props.emptyIcon,
alt: "empyt"
}, null, 8, _hoisted_12),
_hoisted_13
]))
]),
_: 1
/* STABLE */
}, 8, ["show"])
])
])
],
2112
/* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
);
}
__vue_sfc__.render = __vue_render__;
__vue_sfc__._scopeId = "data-v-1188d790";
var stdin_default = __vue_sfc__;
export {
stdin_default as default
};