unika-components 1.0.96 → 1.0.98

package/dist/src/index.d.ts

@@ -4,7 +4,6 @@ import UniImage from './components/UniImage';
 import UniShape from './components/UniShape';
 import LongPage from './components/LongPage';
 import SwiperPage from './components/SwiperPage';
-import UniBackground from './components/UniBackground';
 import UniMusic from './components/UniMusic';
 import UniVideo from './components/UniVideo';
 import UniCalendar from './components/UniCalendar';
@@ -20,7 +19,7 @@ import UniButton from './components/UniButton';
 import UniTanmu from './components/UniTanmu';
 import UniTest from './components/UniTest';
 declare const install: (app: App) => void;
-export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniMusic, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniTanmu, UniTest, install };
+export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniMusic, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniTanmu, UniTest, install };
 declare const _default: {
     install: (app: App<any>) => void;
 };

package/dist/unika-components.css

@@ -1,8 +1,4 @@
 
-.uni-image-component {
-  max-width: 100%;
-}
-
 h2.uni-text-component, p.uni-text-component {
   margin-bottom: 0;
 }
@@ -14,79 +10,6 @@ button.uni-text-component {
   box-sizing: border-box;
   white-space: pre-wrap;
 }
-
- .slide-guide {
-    position: absolute;
-    bottom: 90px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-.slide-guide img {
-    animation: flowing 2s ease-in-out infinite;
-    width: 33px;
-    vertical-align: middle;
-    border-style: none;
-}
-body, html {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    margin: 0px;
-}
-.swiper-container {
-    width: 100%;
-    height: 100%;
-}
-.swiper-slide {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-.up-arrow {
-    width: 2rem;
-    height: 2rem;
-    position: fixed;
-    bottom: 2rem;
-    left: 50%;
-    transform: translate3d(-50%, 0, 0);
-    z-index: 999;
-    background: none;
-    border: none;
-    padding: 0;
-    animation: upArrowAni 2s infinite linear;
-}
-.up-arrow img {
-  width: 2rem;
-  height: 2rem;
-  text-align: center;
-  line-height: 2rem;
-  color: #fff;
-  font-size: 1.5rem;
-}
-@keyframes upArrowAni {
-    0% {
-        opacity: 0;
-        transform: translate3d(-50%, 30%, 0);
-    }
-
-    30% {
-        opacity: 1;
-        transform: translate3d(-50%, -20%, 0);
-    }
-
-    60% {
-        opacity: 0;
-        transform: translate3d(-50%, -35%, 0);
-    }
-
-    100% {
-        opacity: 0;
-        transform: translate3d(-50%, -50%, 0);
-    }
-}
 
 #audio {
   position: absolute;
@@ -169,6 +92,23 @@ body, html {
   }
 }
 
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
+
+.uni-image-component {
+  max-width: 100%;
+}
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
   .uni-video-component {
     position: relative;
     text-align: center;
@@ -190,14 +130,6 @@ body, html {
     background: rgba(0, 0, 0, 0.8);
   }
 
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
-
 .swiper-warp {
   width: 100%;
   height: 100%;
@@ -212,11 +144,101 @@ body, html {
   max-height: 100%;
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
+.like-button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  cursor: pointer;
 }
 
+.icon-heart {
+  font-size: 24px;
+  color: #e74c3c;
+}
+
+.liked {
+  color: #f00; /* 更改颜色以示已赞 */
+}
+
+.like-count {
+  margin-top: 4px;
+  font-size: 16px;
+  color: #333;
+}
+
+ .slide-guide {
+    position: absolute;
+    bottom: 90px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.slide-guide img {
+    animation: flowing 2s ease-in-out infinite;
+    width: 33px;
+    vertical-align: middle;
+    border-style: none;
+}
+body, html {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}
+.swiper-container {
+    width: 100%;
+    height: 100%;
+}
+.swiper-slide {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.up-arrow {
+    width: 2rem;
+    height: 2rem;
+    position: fixed;
+    bottom: 2rem;
+    left: 50%;
+    transform: translate3d(-50%, 0, 0);
+    z-index: 999;
+    background: none;
+    border: none;
+    padding: 0;
+    animation: upArrowAni 2s infinite linear;
+}
+.up-arrow img {
+  width: 2rem;
+  height: 2rem;
+  text-align: center;
+  line-height: 2rem;
+  color: #fff;
+  font-size: 1.5rem;
+}
+@keyframes upArrowAni {
+    0% {
+        opacity: 0;
+        transform: translate3d(-50%, 30%, 0);
+    }
+
+    30% {
+        opacity: 1;
+        transform: translate3d(-50%, -20%, 0);
+    }
+
+    60% {
+        opacity: 0;
+        transform: translate3d(-50%, -35%, 0);
+    }
+
+    100% {
+        opacity: 0;
+        transform: translate3d(-50%, -50%, 0);
+    }
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -252,28 +274,6 @@ body, html {
   vertical-align: top;
 }
 
-.like-button {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  cursor: pointer;
-}
-
-.icon-heart {
-  font-size: 24px;
-  color: #e74c3c;
-}
-
-.liked {
-  color: #f00; /* 更改颜色以示已赞 */
-}
-
-.like-count {
-  margin-top: 4px;
-  font-size: 16px;
-  color: #333;
-}
-
 .barrage-container {
   position: fixed;
   bottom: 0;
@@ -1069,22 +1069,7 @@ button.swiper-pagination-bullet {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
 }
-
-  .barrage-container {
-    position: absolute;
-    width: 100%;
-    height: 100px;
-    overflow: hidden;
-    bottom: 55px;
-  }
-  .barrage {
-    white-space: nowrap;
-    padding: 10px 0;
-    text-align: center;
-    background-color: #ccc;
-    margin: 1px 0;
-  }
-  
+
 .unika-calendar-title {
   font-size: 25px;
   padding-bottom: 4px;
@@ -1523,3 +1508,19 @@ button.swiper-pagination-bullet {
     z-index: 5;
   }
 }
+
+  .barrage-container {
+    position: absolute;
+    width: 100%;
+    height: 100px;
+    overflow: hidden;
+    bottom: 55px;
+  }
+  .barrage {
+    white-space: nowrap;
+    padding: 10px 0;
+    text-align: center;
+    background-color: #ccc;
+    margin: 1px 0;
+  }
+  

package/dist/unika-components.esm.js

@@ -1,4 +1,4 @@
-import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$3, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, createElementVNode, createCommentVNode, pushScopeId, popScopeId, renderSlot, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, render as render$o, toRef, Teleport, isRef, toRaw, TransitionGroup, mergeProps } from 'vue';
+import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$3, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createCommentVNode, createVNode, normalizeClass, createElementVNode, pushScopeId, popScopeId, renderSlot, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, render as render$n, toRef, Teleport, isRef, toRaw, TransitionGroup, mergeProps } from 'vue';
 import crypto from 'crypto';
 import util, { TextEncoder as TextEncoder$1 } from 'util';
 import stream, { Readable } from 'stream';
@@ -5291,9 +5291,9 @@ const transformToComponentProps = (props, extraProps) => {
     }
 };
 
-const defaultStyles$1 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+const defaultStyles = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-const useStylePick = (props, pickStyles = defaultStyles$1) => {
+const useStylePick = (props, pickStyles = defaultStyles) => {
     return computed(() => pick$1(props, pickStyles));
 };
 
@@ -5314,12 +5314,12 @@ const extraProps = {
     },
     ...isEditingProp
 };
-const defaultProps$c = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps);
+const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps);
 // array that contains style props
-var script$m = defineComponent({
+var script$l = defineComponent({
     name: 'uni-text',
     props: {
-        ...defaultProps$c
+        ...defaultProps$b
     },
     setup(props) {
         const styleProps = useStylePick(props);
@@ -5331,7 +5331,7 @@ var script$m = defineComponent({
     }
 });
 
-function render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
     onClick: withModifiers(_ctx.handleClick, ["prevent"]),
     style: normalizeStyle$1(_ctx.styleProps),
@@ -5344,16 +5344,16 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["onClick", "style"]))
 }
 
-script$m.render = render$n;
-script$m.__scopeId = "data-v-55ed80cb";
-script$m.__file = "src/components/UniText/UniText.vue";
+script$l.render = render$m;
+script$l.__scopeId = "data-v-55ed80cb";
+script$l.__file = "src/components/UniText/UniText.vue";
 
-script$m.install = (app) => {
-    app.component(script$m.name, script$m);
+script$l.install = (app) => {
+    app.component(script$l.name, script$l);
 };
 
 // array that contains style props
-var script$l = defineComponent({
+var script$k = defineComponent({
     name: 'uni-image',
     props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
     setup(props) {
@@ -5368,7 +5368,7 @@ var script$l = defineComponent({
 
 const _hoisted_1$e = ["src"];
 
-function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("img", {
     src: _ctx.imageSrc,
     style: normalizeStyle$1(_ctx.styleProps),
@@ -5378,20 +5378,20 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 12 /* STYLE, PROPS */, _hoisted_1$e))
 }
 
-script$l.render = render$m;
-script$l.__scopeId = "data-v-03caca2f";
-script$l.__file = "src/components/UniImage/UniImage.vue";
+script$k.render = render$l;
+script$k.__scopeId = "data-v-03caca2f";
+script$k.__file = "src/components/UniImage/UniImage.vue";
 
-script$l.install = (app) => {
-    app.component(script$l.name, script$l);
+script$k.install = (app) => {
+    app.component(script$k.name, script$k);
 };
 
-const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
+const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
 // array that contains style props
-var script$k = defineComponent({
+var script$j = defineComponent({
     name: 'uni-shape',
     props: {
-        ...defaultProps$b
+        ...defaultProps$a
     },
     setup(props) {
         const styleProps = useStylePick(props);
@@ -5403,7 +5403,7 @@ var script$k = defineComponent({
     }
 });
 
-function render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function render$k(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
     style: normalizeStyle$1(_ctx.styleProps),
@@ -5412,14 +5412,14 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 4 /* STYLE */))
 }
 
-script$k.render = render$l;
-script$k.__file = "src/components/UniShape/UniShape.vue";
+script$j.render = render$k;
+script$j.__file = "src/components/UniShape/UniShape.vue";
 
-script$k.install = (app) => {
-    app.component(script$k.name, script$k);
+script$j.install = (app) => {
+    app.component(script$j.name, script$j);
 };
 
-var script$j = defineComponent({
+var script$i = defineComponent({
     name: 'long-page',
     props: {
         work: {
@@ -5434,7 +5434,7 @@ var script$j = defineComponent({
 
 const _hoisted_1$d = ["id"];
 
-function render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function render$j(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     class: "final-page",
     style: normalizeStyle$1(_ctx.work && {width: _ctx.work.width, height: _ctx.work.height} )
@@ -5450,12 +5450,12 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
   ], 4 /* STYLE */))
 }
 
-script$j.render = render$k;
-script$j.__file = "src/components/LongPage/LongPage.vue";
+script$i.render = render$j;
+script$i.__file = "src/components/LongPage/LongPage.vue";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-script$j.install = (app) => {
-    app.component(script$j.name, script$j);
+script$i.install = (app) => {
+    app.component(script$i.name, script$i);
 };
 
 /**
@@ -12966,7 +12966,7 @@ function getComputedCSSText(style) {
     }
     return cssText;
 }
-var script$i = defineComponent({
+var script$h = defineComponent({
     name: 'swiper-page',
     props: {
         work: {
@@ -13075,11 +13075,13 @@ const _hoisted_5$4 = [
   _hoisted_4$4
 ];
 
-function render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_swiper_slide = resolveComponent("swiper-slide");
   const _component_swiper = resolveComponent("swiper");
 
   return (openBlock(), createElementBlock("div", _hoisted_1$c, [
+    createCommentVNode("    <uni-tanmu v-if=\"work?.tanmu\" v-bind=\"{ publishContentID: work.uuid }\"/>"),
+    createCommentVNode("    <uni-music v-if=\"work?.music?.musicSrc\" v-bind=\"{ musicSrc: work?.music?.musicSrc }\"/>"),
     createVNode(_component_swiper, {
       class: "swiper-container",
       modules: _ctx.modules,
@@ -13124,44 +13126,10 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$i.render = render$j;
-script$i.__file = "src/components/SwiperPage/SwiperPage.vue";
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-script$i.install = (app) => {
-    app.component(script$i.name, script$i);
-};
-
-const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-const defaultStyles = Object.keys(backgroundDefaultProps);
-// array that contains style props
-var script$h = defineComponent({
-    name: 'uni-background',
-    props: {
-        ...defaultProps$a
-    },
-    setup(props) {
-        const styleProps = useStylePick(props, defaultStyles);
-        const handleClick = useComponentClick(props);
-        return {
-            styleProps,
-            handleClick
-        };
-    }
-});
-
-function render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", {
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
-    style: normalizeStyle$1(_ctx.styleProps),
-    class: "uni-background-component",
-    draggable: false
-  }, null, 4 /* STYLE */))
-}
-
 script$h.render = render$i;
-script$h.__file = "src/components/UniBackground/UniBackground.vue";
+script$h.__file = "src/components/SwiperPage/SwiperPage.vue";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 script$h.install = (app) => {
     app.component(script$h.name, script$h);
 };
@@ -34271,7 +34239,7 @@ function cloneElement(vnode) {
   return node;
 }
 function triggerVNodeUpdate(vm, attrs, dom) {
-  render$o(cloneVNode(vm, _extends$1({}, attrs)), dom);
+  render$n(cloneVNode(vm, _extends$1({}, attrs)), dom);
 }
 
 var isVisible = (element => {
@@ -44883,7 +44851,7 @@ const WaveEffect = defineComponent({
       var _a;
       const holder = (_a = divRef.value) === null || _a === void 0 ? void 0 : _a.parentElement;
       if (holder) {
-        render$o(null, holder);
+        render$n(null, holder);
         if (holder.parentElement) {
           holder.parentElement.removeChild(holder);
         }
@@ -44956,7 +44924,7 @@ function showWaveEffect(node, className) {
   holder.style.left = `0px`;
   holder.style.top = `0px`;
   node === null || node === void 0 ? void 0 : node.insertBefore(holder, node === null || node === void 0 ? void 0 : node.firstChild);
-  render$o(createVNode(WaveEffect, {
+  render$n(createVNode(WaveEffect, {
     "target": node,
     "className": className
   }, null), holder);
@@ -51108,7 +51076,7 @@ Notification$1.newInstance = function newNotificationInstance(properties, callba
             (_a = notiRef.value) === null || _a === void 0 ? void 0 : _a.remove(key);
           },
           destroy() {
-            render$o(null, div);
+            render$n(null, div);
             if (div.parentNode) {
               div.parentNode.removeChild(div);
             }
@@ -51136,7 +51104,7 @@ Notification$1.newInstance = function newNotificationInstance(properties, callba
   });
   const vm = createVNode(Wrapper, props);
   vm.appContext = appContext || vm.appContext;
-  render$o(vm, div);
+  render$n(vm, div);
 };
 var Notification$2 = Notification$1;
 
@@ -57875,7 +57843,7 @@ const confirm = config => {
   function destroy() {
     if (confirmDialogInstance) {
       // destroy
-      render$o(null, container);
+      render$n(null, container);
       confirmDialogInstance = null;
     }
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -57943,7 +57911,7 @@ const confirm = config => {
   function render(props) {
     const vm = createVNode(Wrapper, _extends$1({}, props));
     vm.appContext = config.parentContext || config.appContext || vm.appContext;
-    render$o(vm, container);
+    render$n(vm, container);
     return vm;
   }
   confirmDialogInstance = render(currentConfig);
@@ -99185,12 +99153,12 @@ script.install = (app) => {
 
 // export { textDefaultProps , textStylePropNames, TextComponentProps,
 const components = [
-    script$m,
     script$l,
     script$k,
     script$j,
     script$i,
     script$h,
+    // UniBackground,
     script$g,
     script$f,
     script$d,
@@ -99216,4 +99184,4 @@ var index = {
     install
 };
 
-export { script$j as LongPage, script$i as SwiperPage, script$h as UniBackground, script$3 as UniButton, script$d as UniCalendar, script$9 as UniCall, script$b as UniCountdown, script$7 as UniEffect, script$l as UniImage, script$8 as UniLike, script$5 as UniLotties, script$a as UniMap, script$g as UniMusic, script$6 as UniRegisterForm, script$k as UniShape, script$4 as UniSwiper, script$1 as UniTanmu, script as UniTest, script$m as UniText, script$f as UniVideo, index as default, install };
+export { script$i as LongPage, script$h as SwiperPage, script$3 as UniButton, script$d as UniCalendar, script$9 as UniCall, script$b as UniCountdown, script$7 as UniEffect, script$k as UniImage, script$8 as UniLike, script$5 as UniLotties, script$a as UniMap, script$g as UniMusic, script$6 as UniRegisterForm, script$j as UniShape, script$4 as UniSwiper, script$1 as UniTanmu, script as UniTest, script$l as UniText, script$f as UniVideo, index as default, install };

package/dist/unika-components.umd.js

@@ -5297,9 +5297,9 @@
       }
   };
 
-  const defaultStyles$1 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+  const defaultStyles = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-  const useStylePick = (props, pickStyles = defaultStyles$1) => {
+  const useStylePick = (props, pickStyles = defaultStyles) => {
       return vue.computed(() => pick$1(props, pickStyles));
   };
 
@@ -5320,12 +5320,12 @@
       },
       ...isEditingProp
   };
-  const defaultProps$c = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps);
+  const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps);
   // array that contains style props
-  var script$m = vue.defineComponent({
+  var script$l = vue.defineComponent({
       name: 'uni-text',
       props: {
-          ...defaultProps$c
+          ...defaultProps$b
       },
       setup(props) {
           const styleProps = useStylePick(props);
@@ -5337,7 +5337,7 @@
       }
   });
 
-  function render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$m(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
       onClick: vue.withModifiers(_ctx.handleClick, ["prevent"]),
       style: vue.normalizeStyle(_ctx.styleProps),
@@ -5350,16 +5350,16 @@
     }, 8 /* PROPS */, ["onClick", "style"]))
   }
 
-  script$m.render = render$n;
-  script$m.__scopeId = "data-v-55ed80cb";
-  script$m.__file = "src/components/UniText/UniText.vue";
+  script$l.render = render$m;
+  script$l.__scopeId = "data-v-55ed80cb";
+  script$l.__file = "src/components/UniText/UniText.vue";
 
-  script$m.install = (app) => {
-      app.component(script$m.name, script$m);
+  script$l.install = (app) => {
+      app.component(script$l.name, script$l);
   };
 
   // array that contains style props
-  var script$l = vue.defineComponent({
+  var script$k = vue.defineComponent({
       name: 'uni-image',
       props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
       setup(props) {
@@ -5374,7 +5374,7 @@
 
   const _hoisted_1$e = ["src"];
 
-  function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$l(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("img", {
       src: _ctx.imageSrc,
       style: vue.normalizeStyle(_ctx.styleProps),
@@ -5384,20 +5384,20 @@
     }, null, 12 /* STYLE, PROPS */, _hoisted_1$e))
   }
 
-  script$l.render = render$m;
-  script$l.__scopeId = "data-v-03caca2f";
-  script$l.__file = "src/components/UniImage/UniImage.vue";
+  script$k.render = render$l;
+  script$k.__scopeId = "data-v-03caca2f";
+  script$k.__file = "src/components/UniImage/UniImage.vue";
 
-  script$l.install = (app) => {
-      app.component(script$l.name, script$l);
+  script$k.install = (app) => {
+      app.component(script$k.name, script$k);
   };
 
-  const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
+  const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
   // array that contains style props
-  var script$k = vue.defineComponent({
+  var script$j = vue.defineComponent({
       name: 'uni-shape',
       props: {
-          ...defaultProps$b
+          ...defaultProps$a
       },
       setup(props) {
           const styleProps = useStylePick(props);
@@ -5409,7 +5409,7 @@
       }
   });
 
-  function render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$k(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
       onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
       style: vue.normalizeStyle(_ctx.styleProps),
@@ -5418,14 +5418,14 @@
     }, null, 4 /* STYLE */))
   }
 
-  script$k.render = render$l;
-  script$k.__file = "src/components/UniShape/UniShape.vue";
+  script$j.render = render$k;
+  script$j.__file = "src/components/UniShape/UniShape.vue";
 
-  script$k.install = (app) => {
-      app.component(script$k.name, script$k);
+  script$j.install = (app) => {
+      app.component(script$j.name, script$j);
   };
 
-  var script$j = vue.defineComponent({
+  var script$i = vue.defineComponent({
       name: 'long-page',
       props: {
           work: {
@@ -5440,7 +5440,7 @@
 
   const _hoisted_1$d = ["id"];
 
-  function render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$j(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
       class: "final-page",
       style: vue.normalizeStyle(_ctx.work && {width: _ctx.work.width, height: _ctx.work.height} )
@@ -5456,12 +5456,12 @@
     ], 4 /* STYLE */))
   }
 
-  script$j.render = render$k;
-  script$j.__file = "src/components/LongPage/LongPage.vue";
+  script$i.render = render$j;
+  script$i.__file = "src/components/LongPage/LongPage.vue";
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  script$j.install = (app) => {
-      app.component(script$j.name, script$j);
+  script$i.install = (app) => {
+      app.component(script$i.name, script$i);
   };
 
   /**
@@ -12972,7 +12972,7 @@
       }
       return cssText;
   }
-  var script$i = vue.defineComponent({
+  var script$h = vue.defineComponent({
       name: 'swiper-page',
       props: {
           work: {
@@ -13081,11 +13081,13 @@
     _hoisted_4$4
   ];
 
-  function render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_swiper_slide = vue.resolveComponent("swiper-slide");
     const _component_swiper = vue.resolveComponent("swiper");
 
     return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+      vue.createCommentVNode("    <uni-tanmu v-if=\"work?.tanmu\" v-bind=\"{ publishContentID: work.uuid }\"/>"),
+      vue.createCommentVNode("    <uni-music v-if=\"work?.music?.musicSrc\" v-bind=\"{ musicSrc: work?.music?.musicSrc }\"/>"),
       vue.createVNode(_component_swiper, {
         class: "swiper-container",
         modules: _ctx.modules,
@@ -13130,44 +13132,10 @@
     ]))
   }
 
-  script$i.render = render$j;
-  script$i.__file = "src/components/SwiperPage/SwiperPage.vue";
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  script$i.install = (app) => {
-      app.component(script$i.name, script$i);
-  };
-
-  const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-  const defaultStyles = Object.keys(backgroundDefaultProps);
-  // array that contains style props
-  var script$h = vue.defineComponent({
-      name: 'uni-background',
-      props: {
-          ...defaultProps$a
-      },
-      setup(props) {
-          const styleProps = useStylePick(props, defaultStyles);
-          const handleClick = useComponentClick(props);
-          return {
-              styleProps,
-              handleClick
-          };
-      }
-  });
-
-  function render$i(_ctx, _cache, $props, $setup, $data, $options) {
-    return (vue.openBlock(), vue.createElementBlock("div", {
-      onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
-      style: vue.normalizeStyle(_ctx.styleProps),
-      class: "uni-background-component",
-      draggable: false
-    }, null, 4 /* STYLE */))
-  }
-
   script$h.render = render$i;
-  script$h.__file = "src/components/UniBackground/UniBackground.vue";
+  script$h.__file = "src/components/SwiperPage/SwiperPage.vue";
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   script$h.install = (app) => {
       app.component(script$h.name, script$h);
   };
@@ -99191,12 +99159,12 @@ summary tabindex target title type usemap value width wmode wrap`;
 
   // export { textDefaultProps , textStylePropNames, TextComponentProps,
   const components = [
-      script$m,
       script$l,
       script$k,
       script$j,
       script$i,
       script$h,
+      // UniBackground,
       script$g,
       script$f,
       script$d,
@@ -99222,25 +99190,24 @@ summary tabindex target title type usemap value width wmode wrap`;
       install
   };
 
-  exports.LongPage = script$j;
-  exports.SwiperPage = script$i;
-  exports.UniBackground = script$h;
+  exports.LongPage = script$i;
+  exports.SwiperPage = script$h;
   exports.UniButton = script$3;
   exports.UniCalendar = script$d;
   exports.UniCall = script$9;
   exports.UniCountdown = script$b;
   exports.UniEffect = script$7;
-  exports.UniImage = script$l;
+  exports.UniImage = script$k;
   exports.UniLike = script$8;
   exports.UniLotties = script$5;
   exports.UniMap = script$a;
   exports.UniMusic = script$g;
   exports.UniRegisterForm = script$6;
-  exports.UniShape = script$k;
+  exports.UniShape = script$j;
   exports.UniSwiper = script$4;
   exports.UniTanmu = script$1;
   exports.UniTest = script;
-  exports.UniText = script$m;
+  exports.UniText = script$l;
   exports.UniVideo = script$f;
   exports["default"] = index;
   exports.install = install;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.96",
+  "version": "1.0.98",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",