Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

auto-marquee

Package Overview
Dependencies
Maintainers
0
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

auto-marquee - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

dist/components/AutoMarquee.vue.d.ts

45

dist/auto-marquee.js

@@ -1,11 +0,5 @@

(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".wrapper[data-v-b36df89a]{position:relative;width:100%;height:1.2em}.marquee-detail[data-v-b36df89a]{position:absolute;top:50%;width:100%;height:1.2em;line-height:1.2em;transform:translateY(-50%);overflow:hidden;background-color:var(--78da8312)}.original-text[data-v-b36df89a]{max-height:2.4em}.marquee-text[data-v-b36df89a]{position:relative;top:-2.4em;white-space:nowrap;background-color:inherit}.marquee-text[data-v-b36df89a]:after{content:attr(data-marquee-text);padding:0 5em}@keyframes move-b36df89a{to{transform:translate3d(-50%,0,0)}}.marquee-text.auto-type[data-v-b36df89a]{display:inline-block;animation:move-b36df89a var(--55cf0309) .3s linear infinite}.marquee-text.hover-type[data-v-b36df89a]{display:block;overflow:hidden;text-overflow:ellipsis}.marquee-text.hover-type[data-v-b36df89a]:hover{display:inline-block;animation:move-b36df89a var(--55cf0309) .3s linear infinite}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
import { useCssVars as n, computed as u, openBlock as l, createElementBlock as i, createElementVNode as r, toDisplayString as c, normalizeClass as p } from "vue";
const d = (e, t) => {
const a = e.__vccOpts || e;
for (const [s, o] of t)
a[s] = o;
return a;
}, _ = { class: "wrapper" }, m = { class: "marquee-detail" }, v = { class: "original-text" }, f = ["data-marquee-text"], g = /* @__PURE__ */ Object.assign({
name: "AutoMarquee"
}, {
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".wrapper[data-v-ce69f4a2]{position:relative;width:100%;height:1.2em}.marquee-detail[data-v-ce69f4a2]{position:absolute;top:50%;width:100%;height:1.2em;line-height:1.2em;transform:translateY(-50%);overflow:hidden;background-color:var(--769b8a9d)}.original-text[data-v-ce69f4a2]{max-height:2.4em}.marquee-text[data-v-ce69f4a2]{position:relative;top:-2.4em;white-space:nowrap;background-color:inherit}.marquee-text[data-v-ce69f4a2]:after{content:attr(data-marquee-text);padding:0 5em}@keyframes move-ce69f4a2{to{transform:translate3d(-50%,0,0)}}.marquee-text.auto-type[data-v-ce69f4a2]{display:inline-block;animation:move-ce69f4a2 var(--154965d8) .3s linear infinite}.marquee-text.hover-type[data-v-ce69f4a2]{display:block;overflow:hidden;text-overflow:ellipsis}.marquee-text.hover-type[data-v-ce69f4a2]:hover{display:inline-block;animation:move-ce69f4a2 var(--154965d8) .3s linear infinite}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
import { defineComponent as c, useCssVars as l, computed as u, openBlock as p, createElementBlock as i, createElementVNode as r, toDisplayString as n, normalizeClass as d } from "vue";
const _ = { class: "wrapper" }, m = { class: "marquee-detail" }, v = { class: "original-text" }, f = ["data-marquee-text"], y = /* @__PURE__ */ c({
name: "AutoMarquee",
__name: "AutoMarquee",

@@ -25,3 +19,3 @@ props: {

default: "auto",
validator: (e) => ["auto", "hover"].includes(e)
validator: (t) => ["auto", "hover"].includes(t)
},

@@ -39,21 +33,26 @@ // 跑马灯每轮的时间

},
setup(e) {
n((o) => ({
"78da8312": t.bg,
"55cf0309": a.value
setup(t) {
l((s) => ({
"769b8a9d": e.bg,
"154965d8": a.value
}));
const t = e, a = u(() => `${t.time.toString().split("s")[0]}s`), s = u(() => t.type === "auto" ? "auto-type" : "hover-type");
return (o, y) => (l(), i("div", _, [
const e = t, a = u(() => `${e.time.toString().split("s")[0]}s`), o = u(() => e.type === "auto" ? "auto-type" : "hover-type");
return (s, x) => (p(), i("div", _, [
r("div", m, [
r("div", v, c(t.value), 1),
r("div", v, n(e.value), 1),
r("span", {
class: p(["marquee-text", s.value]),
"data-marquee-text": t.value
}, c(t.value), 11, f)
class: d(["marquee-text", o.value]),
"data-marquee-text": e.value
}, n(e.value), 11, f)
])
]));
}
}), h = /* @__PURE__ */ d(g, [["__scopeId", "data-v-b36df89a"]]);
}), g = (t, e) => {
const a = t.__vccOpts || t;
for (const [o, s] of e)
a[o] = s;
return a;
}, q = /* @__PURE__ */ g(y, [["__scopeId", "data-v-ce69f4a2"]]);
export {
h as default
q as default
};
{
"name": "auto-marquee",
"version": "1.0.4",
"version": "1.0.5",
"description": "displays text for a short time, and auto uses marquee for a long time",

@@ -5,0 +5,0 @@ "author": "MOONCOM",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc