53 lines
5.2 KiB
JavaScript
53 lines
5.2 KiB
JavaScript
import { defineComponent, computed, useSSRContext } from 'file:///mnt/new-volume-7/vue_projects/montify/montify/node_modules/vue/index.mjs';
|
|
import { ssrRenderAttr } from 'file:///mnt/new-volume-7/vue_projects/montify/montify/node_modules/vue/server-renderer/index.mjs';
|
|
import { a as useConfigStore } from './server.mjs';
|
|
|
|
const _imports_0 = "data:image/svg+xml,%3csvg%20width='23'%20height='20'%20viewBox='0%200%2023%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.9316%2018.409C12.5909%2018.7501%2012.1328%2018.9569%2011.6452%2018.991H11.5018C10.9614%2018.991%2010.446%2018.7783%2010.072%2018.404L10.0689%2018.4008L2.82526%2011.2133L2.82529%2011.2133L2.81863%2011.2068C0.473784%208.92297%200.385183%205.19829%202.61816%202.80451C4.82829%200.532632%208.45367%200.387785%2010.8445%202.4732L11.5018%203.04656L12.1592%202.4732C14.5499%200.387876%2018.1751%200.53262%2020.3852%202.80421C22.6186%205.20302%2022.5299%208.92296%2020.18%2011.2118L20.18%2011.2118L20.1731%2011.2186L12.9345%2018.4061L12.9316%2018.409Z'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e";
|
|
const _imports_1 = "data:image/svg+xml,%3csvg%20width='23'%20height='20'%20viewBox='0%200%2023%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.9316%2018.409C12.5909%2018.7501%2012.1328%2018.9569%2011.6452%2018.991H11.5018C10.9614%2018.991%2010.446%2018.7783%2010.072%2018.404L10.0689%2018.4008L2.82526%2011.2133L2.82529%2011.2133L2.81863%2011.2068C0.473784%208.92297%200.385183%205.19829%202.61816%202.80451C4.82829%200.532632%208.45367%200.387785%2010.8445%202.4732L11.5018%203.04656L12.1592%202.4732C14.5499%200.387876%2018.1751%200.53262%2020.3852%202.80421C22.6186%205.20302%2022.5299%208.92296%2020.18%2011.2118L20.18%2011.2118L20.1731%2011.2186L12.9345%2018.4061L12.9316%2018.409Z'%20stroke='black'%20stroke-width='2'/%3e%3c/svg%3e";
|
|
const _imports_2 = "data:image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.37568%201.64346L6.74262%201.27556C7.84173%200.226377%209.56525%200.256406%2010.7307%201.28905L10.818%201.36967C11.3294%201.86196%2011.5539%202.63271%2011.4893%203.47353C11.4247%204.31442%2011.0743%205.14605%2010.5439%205.6951L10.3851%205.85588L10.2073%206.02966C9.52048%206.69044%208.45754%207.60475%207.01064%208.77646C7.01043%208.77663%207.01022%208.7768%207.01001%208.77697L6.18422%209.44041C6.18406%209.44054%206.18389%209.44068%206.18372%209.44081C6.08264%209.52101%205.93012%209.51941%205.83116%209.43782C5.83105%209.43774%205.83095%209.43765%205.83085%209.43757L4.8115%208.58974L4.80897%208.58762L3.90221%207.82325C3.90198%207.82305%203.90175%207.82285%203.90151%207.82266C2.82145%206.90494%202.01811%206.19289%201.48654%205.68354C0.918528%205.13927%200.564942%204.32166%200.50806%203.49092C0.451225%202.66085%200.692805%201.88062%201.22924%201.3666C2.38519%200.258973%204.20189%200.199834%205.32996%201.26643L5.64871%201.62339L6.00157%202.01854L6.37568%201.64346Z'%20stroke='black'%20stroke-opacity='0.4'/%3e%3c/svg%3e";
|
|
const _imports_3 = "data:image/svg+xml,%3csvg%20width='23'%20height='20'%20viewBox='0%200%2023%2020'%20fill='%23fd3041'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.9316%2018.409C12.5909%2018.7501%2012.1328%2018.9569%2011.6452%2018.991H11.5018C10.9614%2018.991%2010.446%2018.7783%2010.072%2018.404L10.0689%2018.4008L2.82526%2011.2133L2.82529%2011.2133L2.81863%2011.2068C0.473784%208.92297%200.385183%205.19829%202.61816%202.80451C4.82829%200.532632%208.45367%200.387785%2010.8445%202.4732L11.5018%203.04656L12.1592%202.4732C14.5499%200.387876%2018.1751%200.53262%2020.3852%202.80421C22.6186%205.20302%2022.5299%208.92296%2020.18%2011.2118L20.18%2011.2118L20.1731%2011.2186L12.9345%2018.4061L12.9316%2018.409Z'%20stroke='%23fd3041'%20stroke-width='2'/%3e%3c/svg%3e";
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "like",
|
|
__ssrInlineRender: true,
|
|
props: {
|
|
mode: { default: "default" },
|
|
isGray: { type: Boolean, default: false },
|
|
isLiked: { type: Boolean, default: false }
|
|
},
|
|
setup(__props) {
|
|
const config = useConfigStore();
|
|
const props = __props;
|
|
useConfigStore();
|
|
const isNightIcon = computed(() => {
|
|
if (props.mode === "night") {
|
|
return true;
|
|
} else if (props.mode === "light") {
|
|
return false;
|
|
} else {
|
|
return config.isNightStore;
|
|
}
|
|
});
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
if (!__props.isLiked) {
|
|
if (isNightIcon.value) {
|
|
_push(`<img${ssrRenderAttr("src", _imports_0)} alt="like" cursor-pointer class="w-full">`);
|
|
} else if (!__props.isGray) {
|
|
_push(`<img${ssrRenderAttr("src", _imports_1)} alt="like" cursor-pointer class="w-full">`);
|
|
} else {
|
|
_push(`<img${ssrRenderAttr("src", _imports_2)} alt="like" cursor-pointer class="w-full">`);
|
|
}
|
|
} else {
|
|
_push(`<img${ssrRenderAttr("src", _imports_3)} alt="like" class="w-full">`);
|
|
}
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup = _sfc_main.setup;
|
|
_sfc_main.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("assets/img/icons/like.vue");
|
|
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
|
};
|
|
|
|
export { _sfc_main as _ };
|