unika-components 1.0.167 → 1.0.168

package/dist/src/components/UniSvg/UniSvg.vue.d.ts

@@ -1,38 +1,13 @@
+export declare const defaultStyles: string[];
 declare const _default: import("vue").DefineComponent<{
-    svgUrl: {
-        type: StringConstructor;
-        required: true;
-    };
-    color: {
-        type: StringConstructor;
-        required: true;
-    };
-    width: {
-        type: StringConstructor;
-        required: true;
-    };
-    height: {
-        type: StringConstructor;
-        required: true;
-    };
+    [x: string]: any;
 }, {
-    coloredSvgContent: import("vue").Ref<string>;
+    styleProps: import("vue").ComputedRef<Pick<any, string>>;
+    handleClick: () => void;
+    svgContent: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    svgUrl: {
-        type: StringConstructor;
-        required: true;
-    };
-    color: {
-        type: StringConstructor;
-        required: true;
-    };
-    width: {
-        type: StringConstructor;
-        required: true;
-    };
-    height: {
-        type: StringConstructor;
-        required: true;
-    };
-}>>, {}, {}>;
+    [x: string]: any;
+}>>, {
+    [x: string]: any;
+}, {}>;
 export default _default;

package/dist/unika-components.css

@@ -2,6 +2,39 @@
 .uni-image-component {
   max-width: 100%;
 }
+
+h2.uni-text-component, p.uni-text-component {
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
+
+  .uni-video-component {
+    position: relative;
+    text-align: center;
+  }
+  .play-pause-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    font-size: 2rem;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    padding: 10px;
+    transition: background 0.3s;
+  }
+  .play-pause-button:hover {
+    background: rgba(0, 0, 0, 0.8);
+  }
 
 
 .uni-calendar-component {
@@ -87,39 +120,25 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
-
-h2.uni-text-component, p.uni-text-component {
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
-}
 
-  .uni-video-component {
-    position: relative;
-    text-align: center;
-  }
-  .play-pause-button {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    cursor: pointer;
-    font-size: 2rem;
-    color: #fff;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 50%;
-    padding: 10px;
-    transition: background 0.3s;
-  }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
-  }
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-warp {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-slide-component {
+  text-align: center;
+}
+
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
+}
 
 .like-button {
   display: flex;
@@ -143,11 +162,6 @@ button.uni-text-component {
   color: #333;
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -185,22 +199,6 @@ button.uni-text-component {
 
   .uni-build-up-component {
   }
-
-.swiper-warp {
-  width: 100%;
-  height: 100%;
-}
-
-.swiper-slide-component {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
-}
-
-/* 可以根据需要添加样式 */
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -5351,9 +5351,9 @@ const transformToComponentProps = (props, extraProps) => {
     }
 };
 
-const defaultStyles$b = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+const defaultStyles$c = 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$b) => {
+const useStylePick = (props, pickStyles = defaultStyles$c) => {
     return computed(() => pick$1(props, pickStyles));
 };
 
@@ -5374,12 +5374,12 @@ const extraProps$1 = {
     },
     ...isEditingProp
 };
-const defaultProps$e = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
+const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
 // array that contains style props
 var script$l = defineComponent({
     name: 'uni-text',
     props: {
-        ...defaultProps$e
+        ...defaultProps$f
     },
     setup(props) {
         const styleProps = useStylePick(props);
@@ -5446,12 +5446,12 @@ script$k.install = (app) => {
     app.component(script$k.name, script$k);
 };
 
-const defaultProps$d = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
+const defaultProps$e = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
 // array that contains style props
 var script$j = defineComponent({
     name: 'uni-shape',
     props: {
-        ...defaultProps$d
+        ...defaultProps$e
     },
     setup(props) {
         const styleProps = useStylePick(props);
@@ -13206,16 +13206,16 @@ script$h.install = (app) => {
     app.component(script$h.name, script$h);
 };
 
-const defaultProps$c = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-const defaultStyles$a = Object.keys(backgroundDefaultProps);
+const defaultProps$d = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
+const defaultStyles$b = Object.keys(backgroundDefaultProps);
 // array that contains style props
 var script$g = defineComponent({
     name: 'uni-background',
     props: {
-        ...defaultProps$c
+        ...defaultProps$d
     },
     setup(props) {
-        const styleProps = useStylePick(props, defaultStyles$a);
+        const styleProps = useStylePick(props, defaultStyles$b);
         const handleClick = useComponentClick(props);
         return {
             styleProps,
@@ -13240,13 +13240,13 @@ script$g.install = (app) => {
     app.component(script$g.name, script$g);
 };
 
-const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
-const defaultStyles$9 = without$1(Object.keys(videoDefaultProps), 'actionType', 'url', 'videoSrc');
+const defaultProps$c = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
+const defaultStyles$a = without$1(Object.keys(videoDefaultProps), 'actionType', 'url', 'videoSrc');
 // array that contains style props
 var script$f = defineComponent({
     name: 'uni-video',
     props: {
-        ...defaultProps$b,
+        ...defaultProps$c,
         // videoSrc: {
         //   type: String,
         //   default: ''
@@ -13258,7 +13258,7 @@ var script$f = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$9);
+        const styleProps = useStylePick(props, defaultStyles$a);
         const handleClick = useComponentClick(props);
         const showButton = ref(true);
         const isPlaying = ref(false);
@@ -16095,8 +16095,8 @@ script$e.render = render$f;
 script$e.__scopeId = "data-v-ef842ea2";
 script$e.__file = "src/components/UniCalendar/Calendar.vue";
 
-const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
-const defaultStyles$8 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
+const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
+const defaultStyles$9 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
 // 获取当前日期和时间
 const now$2 = new Date();
 // 添加一天
@@ -16109,7 +16109,7 @@ String(now$2.getDate()).padStart(2, '0');
 var script$d = defineComponent({
     name: 'uni-calendar',
     props: {
-        ...defaultProps$a,
+        ...defaultProps$b,
     },
     components: {
         Calendar: script$e
@@ -16117,7 +16117,7 @@ var script$d = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$8);
+        const styleProps = useStylePick(props, defaultStyles$9);
         const handleClick = useComponentClick(props);
         const dataList = ref([
             { date: '2028-01-31', value: '' }
@@ -22306,8 +22306,8 @@ script$c.render = render$d;
 script$c.__scopeId = "data-v-47d33153";
 script$c.__file = "src/components/UniCountdown/Countdown.vue";
 
-const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
-const defaultStyles$7 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
+const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
+const defaultStyles$8 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
 // 获取当前日期和时间
 const now = new Date();
 // 添加一天
@@ -22323,7 +22323,7 @@ String(now.getSeconds()).padStart(2, '0');
 var script$b = defineComponent({
     name: 'uni-countdown',
     props: {
-        ...defaultProps$9,
+        ...defaultProps$a,
     },
     components: {
         Countdown: script$c
@@ -22331,7 +22331,7 @@ var script$b = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$7);
+        const styleProps = useStylePick(props, defaultStyles$8);
         const handleClick = useComponentClick(props);
         const labelSize = computed(() => {
             if (props.size == 'middle') {
@@ -22415,13 +22415,13 @@ script$b.install = (app) => {
     app.component(script$b.name, script$b);
 };
 
-const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-map'].props, isEditingProp);
-const defaultStyles$6 = without$1(Object.keys(mapDefaultProps), 'actionType', 'url', 'mapHtml');
+const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-map'].props, isEditingProp);
+const defaultStyles$7 = without$1(Object.keys(mapDefaultProps), 'actionType', 'url', 'mapHtml');
 // array that contains style props
 var script$a = defineComponent({
     name: 'uni-map',
     props: {
-        ...defaultProps$8,
+        ...defaultProps$9,
         // mapHtml: {
         //   type: String,
         //   default: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3876.6314371481812!2d100.6072045757631!3d13.680160998946826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2a10075b91f71%3A0x2f48c448da71ee3d!2z4LmC4LiI4LmK4LiB4Liq4Lii4Liy4LihIOC4quC4suC4guC4siBCVFMg4Lit4Li44LiU4Lih4Liq4Li44LiC!5e0!3m2!1szh-CN!2sth!4v1709194607401!5m2!1szh-CN!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>'
@@ -22439,7 +22439,7 @@ var script$a = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$6);
+        const styleProps = useStylePick(props, defaultStyles$7);
         const handleClick = useComponentClick(props);
         // const openMap = () => {
         //   // 替换为要拨打的电话号码
@@ -26099,18 +26099,18 @@ var faSquarePhone = {
 };
 
 library$1.add(faSquarePhone);
-const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-call'].props, isEditingProp);
-const defaultStyles$5 = without$1(Object.keys(callDefaultProps), 'actionType', 'url', 'phoneNumber', 'callText');
+const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-call'].props, isEditingProp);
+const defaultStyles$6 = without$1(Object.keys(callDefaultProps), 'actionType', 'url', 'phoneNumber', 'callText');
 var script$9 = defineComponent({
     name: 'uni-call',
     props: {
-        ...defaultProps$7,
+        ...defaultProps$8,
     },
     components: {
         FontAwesomeIcon
     },
     setup(props) {
-        const styleProps = useStylePick(props, defaultStyles$5);
+        const styleProps = useStylePick(props, defaultStyles$6);
         const handleClick = useComponentClick(props);
         // const callNumber = () => {
         //   window.location.href = `tel:${props.phoneNumber}`;
@@ -26162,13 +26162,13 @@ var faThumbsUp = {
   icon: [512, 512, [128077, 61575], "f164", "M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.2s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"]
 };
 
-const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-like'].props, isEditingProp);
+const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-like'].props, isEditingProp);
 library$1.add(faThumbsUp, faHeart, faStar);
 // array that contains style props
 var script$8 = defineComponent({
     name: 'uni-like',
     props: {
-        ...defaultProps$6
+        ...defaultProps$7
     },
     components: {
         FontAwesomeIcon
@@ -26235,13 +26235,13 @@ script$8.install = (app) => {
     app.component(script$8.name, script$8);
 };
 
-const defaultProps$5 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
-const defaultStyles$4 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
+const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
+const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
 // array that contains style props
 var script$7 = defineComponent({
     name: 'uni-effect',
     props: {
-        ...defaultProps$5,
+        ...defaultProps$6,
         // opacity: {
         //   type: Number,
         //   default: 1 // explosions side bottom single falling
@@ -26263,7 +26263,7 @@ var script$7 = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$4);
+        const styleProps = useStylePick(props, defaultStyles$5);
         const handleClick = useComponentClick(props);
         const options = {
             "fullScreen": {
@@ -53636,13 +53636,13 @@ var InputNumber$1 = _extends$1(InputNumber, {
   }
 });
 
-const defaultProps$4 = transformToComponentProps(componentsDefaultProps['uni-register-form'].props, isEditingProp);
-const defaultStyles$3 = without$1(Object.keys(registerFormDefaultProps), 'actionType', 'url', 'attendanceTimeList', 'isPhoneNumber');
+const defaultProps$5 = transformToComponentProps(componentsDefaultProps['uni-register-form'].props, isEditingProp);
+const defaultStyles$4 = without$1(Object.keys(registerFormDefaultProps), 'actionType', 'url', 'attendanceTimeList', 'isPhoneNumber');
 // array that contains style props
 var script$6 = defineComponent({
     name: 'uni-register-form',
     props: {
-        ...defaultProps$4,
+        ...defaultProps$5,
         // attendanceTimeList: {
         //   type: Array as PropType<SelectOption[] | []>,
         //   default: () => [ {value: 'Morning'}, {value: 'Noon'}, {value: 'Evening'}]
@@ -53671,7 +53671,7 @@ var script$6 = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$3);
+        const styleProps = useStylePick(props, defaultStyles$4);
         const handleClick = useComponentClick(props);
         const useForm = Form$1.useForm;
         const labelCol = { span: 8 };
@@ -75307,8 +75307,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var Vue3Lottie = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-const defaultProps$3 = transformToComponentProps(componentsDefaultProps['uni-lotties'].props, isEditingProp);
-const defaultStyles$2 = without$1(Object.keys(lottiesDefaultProps), 'actionType', 'url', 'animationLink', 'loop', 'delay', 'pauseAnimation');
+const defaultProps$4 = transformToComponentProps(componentsDefaultProps['uni-lotties'].props, isEditingProp);
+const defaultStyles$3 = without$1(Object.keys(lottiesDefaultProps), 'actionType', 'url', 'animationLink', 'loop', 'delay', 'pauseAnimation');
 // import AstronautJSON from './lotties/carton.json'
 // import zlweddingbai from './lotties/zlweddingbai.json'
 // https://assets10.lottiefiles.com/packages/lf20_soCRuE.json
@@ -75316,7 +75316,7 @@ const defaultStyles$2 = without$1(Object.keys(lottiesDefaultProps), 'actionType'
 var script$5 = defineComponent({
     name: 'uni-lotties',
     props: {
-        ...defaultProps$3,
+        ...defaultProps$4,
         // left: {
         //   type: String,
         //   default: '25px'
@@ -75356,7 +75356,7 @@ var script$5 = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$2);
+        const styleProps = useStylePick(props, defaultStyles$3);
         const handleClick = useComponentClick(props);
         const lottieAnimation = ref(null);
         const loopC = ref(props.loop);
@@ -75423,13 +75423,13 @@ script$5.install = (app) => {
     app.component(script$5.name, script$5);
 };
 
-const defaultProps$2 = transformToComponentProps(componentsDefaultProps['uni-swiper'].props, isEditingProp);
+const defaultProps$3 = transformToComponentProps(componentsDefaultProps['uni-swiper'].props, isEditingProp);
 SwiperCore.use([Pagination$1, Navigation$1, Autoplay$1]);
 // array that contains style props
 var script$4 = defineComponent({
     name: 'uni-swiper',
     props: {
-        ...defaultProps$2,
+        ...defaultProps$3,
         slides: {
             type: (Array),
             default: [
@@ -75503,19 +75503,19 @@ script$4.install = (app) => {
     app.component(script$4.name, script$4);
 };
 
-const defaultProps$1 = transformToComponentProps(componentsDefaultProps['uni-button'].props, isEditingProp);
-const defaultStyles$1 = without$1(Object.keys(buttonDefaultProps), 'actionType', 'url', 'buttonText');
+const defaultProps$2 = transformToComponentProps(componentsDefaultProps['uni-button'].props, isEditingProp);
+const defaultStyles$2 = without$1(Object.keys(buttonDefaultProps), 'actionType', 'url', 'buttonText');
 // array that contains style props
 var script$3 = defineComponent({
     name: 'uni-button',
     props: {
-        ...defaultProps$1,
+        ...defaultProps$2,
     },
     components: {},
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$1);
+        const styleProps = useStylePick(props, defaultStyles$2);
         const handleClick = useComponentClick(props);
         return {
             styleProps,
@@ -75554,19 +75554,19 @@ const extraProps = {
     },
     ...isEditingProp
 };
-const defaultProps = transformToComponentProps(componentsDefaultProps['uni-build-up'].props, extraProps);
-const defaultStyles = without$1(Object.keys(buildUpDefaultProps), 'actionType', 'url');
+const defaultProps$1 = transformToComponentProps(componentsDefaultProps['uni-build-up'].props, extraProps);
+const defaultStyles$1 = without$1(Object.keys(buildUpDefaultProps), 'actionType', 'url');
 // array that contains style props
 var script$2 = defineComponent({
     name: 'uni-build-up',
     props: {
-        ...defaultProps,
+        ...defaultProps$1,
     },
     components: {},
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles);
+        const styleProps = useStylePick(props, defaultStyles$1);
         const handleClick = useComponentClick(props);
         return {
             styleProps,
@@ -91648,7 +91648,7 @@ var followRedirects = wrap({ http: http, https: https });
 var wrap_1 = wrap;
 followRedirects.wrap = wrap_1;
 
-const VERSION = "1.7.1";
+const VERSION = "1.7.2";
 
 function parseProtocol(url) {
   const match = /^([-+\w]{1,25})(:?\/\/|:)/.exec(url);
@@ -93360,11 +93360,11 @@ const fetchProgressDecorator = (total, fn) => {
   }));
 };
 
-const isFetchSupported = typeof fetch !== 'undefined';
-const isReadableStreamSupported = isFetchSupported && typeof ReadableStream !== 'undefined';
+const isFetchSupported = typeof fetch === 'function' && typeof Request === 'function' && typeof Response === 'function';
+const isReadableStreamSupported = isFetchSupported && typeof ReadableStream === 'function';
 
 // used only inside the fetch adapter
-const encodeText = isFetchSupported && (typeof TextEncoder !== 'undefined' ?
+const encodeText = isFetchSupported && (typeof TextEncoder === 'function' ?
     ((encoder) => (str) => encoder.encode(str))(new TextEncoder()) :
     async (str) => new Uint8Array(await new Response(str).arrayBuffer())
 );
@@ -94317,28 +94317,18 @@ axios.default = axios;
 // this module should only have a default export
 var axios$1 = axios;
 
+const defaultProps = transformToComponentProps(componentsDefaultProps['uni-svg'].props, isEditingProp);
+const defaultStyles = without$1(Object.keys(svgDefaultProps), 'actionType', 'url', 'color', 'svgSrc');
+// array that contains style props
 var script = defineComponent({
-    name: 'SvgIcon',
+    name: 'uni-svg',
     props: {
-        svgUrl: {
-            type: String,
-            required: true
-        },
-        color: {
-            type: String,
-            required: true
-        },
-        width: {
-            type: String,
-            required: true
-        },
-        height: {
-            type: String,
-            required: true
-        }
+        ...defaultProps
     },
     setup(props) {
-        const coloredSvgContent = ref('');
+        const styleProps = useStylePick(props, defaultStyles);
+        const handleClick = useComponentClick(props);
+        const svgContent = ref('');
         // Function to fetch SVG content from the URL
         const fetchSvg = async (url) => {
             try {
@@ -94373,15 +94363,16 @@ var script = defineComponent({
         };
         // Function to load and color the SVG
         const loadSvg = async () => {
-            const svg = await fetchSvg(props.svgUrl);
+            const svg = await fetchSvg(props.svgSrc);
             if (svg) {
-                coloredSvgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
+                svgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
             }
         };
-        // Watch for changes in svgUrl, color, width, and height props
-        watch([() => props.svgUrl, () => props.color, () => props.width, () => props.height], loadSvg, { immediate: true });
+        watch([() => props.svgSrc, () => props.color, () => props.width, () => props.height], loadSvg, { immediate: true });
         return {
-            coloredSvgContent
+            styleProps,
+            handleClick,
+            svgContent
         };
     }
 });
@@ -94390,13 +94381,16 @@ const _hoisted_1 = ["innerHTML"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
-    innerHTML: _ctx.coloredSvgContent,
-    style: normalizeStyle$1({ width: _ctx.props.width, height: _ctx.props.height })
-  }, null, 12 /* STYLE, PROPS */, _hoisted_1))
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+    style: normalizeStyle$1(_ctx.styleProps),
+    class: "uni-svg-component",
+    draggable: false
+  }, [
+    createElementVNode("div", { innerHTML: _ctx.svgContent }, null, 8 /* PROPS */, _hoisted_1)
+  ], 4 /* STYLE */))
 }
 
 script.render = render;
-script.__scopeId = "data-v-42564b0f";
 script.__file = "src/components/UniSvg/UniSvg.vue";
 
 script.install = (app) => {

package/dist/unika-components.umd.js

@@ -5357,9 +5357,9 @@
       }
   };
 
-  const defaultStyles$b = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+  const defaultStyles$c = 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$b) => {
+  const useStylePick = (props, pickStyles = defaultStyles$c) => {
       return vue.computed(() => pick$1(props, pickStyles));
   };
 
@@ -5380,12 +5380,12 @@
       },
       ...isEditingProp
   };
-  const defaultProps$e = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
+  const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
   // array that contains style props
   var script$l = vue.defineComponent({
       name: 'uni-text',
       props: {
-          ...defaultProps$e
+          ...defaultProps$f
       },
       setup(props) {
           const styleProps = useStylePick(props);
@@ -5452,12 +5452,12 @@
       app.component(script$k.name, script$k);
   };
 
-  const defaultProps$d = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
+  const defaultProps$e = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
   // array that contains style props
   var script$j = vue.defineComponent({
       name: 'uni-shape',
       props: {
-          ...defaultProps$d
+          ...defaultProps$e
       },
       setup(props) {
           const styleProps = useStylePick(props);
@@ -13212,16 +13212,16 @@
       app.component(script$h.name, script$h);
   };
 
-  const defaultProps$c = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-  const defaultStyles$a = Object.keys(backgroundDefaultProps);
+  const defaultProps$d = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
+  const defaultStyles$b = Object.keys(backgroundDefaultProps);
   // array that contains style props
   var script$g = vue.defineComponent({
       name: 'uni-background',
       props: {
-          ...defaultProps$c
+          ...defaultProps$d
       },
       setup(props) {
-          const styleProps = useStylePick(props, defaultStyles$a);
+          const styleProps = useStylePick(props, defaultStyles$b);
           const handleClick = useComponentClick(props);
           return {
               styleProps,
@@ -13246,13 +13246,13 @@
       app.component(script$g.name, script$g);
   };
 
-  const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
-  const defaultStyles$9 = without$1(Object.keys(videoDefaultProps), 'actionType', 'url', 'videoSrc');
+  const defaultProps$c = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
+  const defaultStyles$a = without$1(Object.keys(videoDefaultProps), 'actionType', 'url', 'videoSrc');
   // array that contains style props
   var script$f = vue.defineComponent({
       name: 'uni-video',
       props: {
-          ...defaultProps$b,
+          ...defaultProps$c,
           // videoSrc: {
           //   type: String,
           //   default: ''
@@ -13264,7 +13264,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$9);
+          const styleProps = useStylePick(props, defaultStyles$a);
           const handleClick = useComponentClick(props);
           const showButton = vue.ref(true);
           const isPlaying = vue.ref(false);
@@ -16101,8 +16101,8 @@
   script$e.__scopeId = "data-v-ef842ea2";
   script$e.__file = "src/components/UniCalendar/Calendar.vue";
 
-  const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
-  const defaultStyles$8 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
+  const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
+  const defaultStyles$9 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
   // 获取当前日期和时间
   const now$2 = new Date();
   // 添加一天
@@ -16115,7 +16115,7 @@
   var script$d = vue.defineComponent({
       name: 'uni-calendar',
       props: {
-          ...defaultProps$a,
+          ...defaultProps$b,
       },
       components: {
           Calendar: script$e
@@ -16123,7 +16123,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$8);
+          const styleProps = useStylePick(props, defaultStyles$9);
           const handleClick = useComponentClick(props);
           const dataList = vue.ref([
               { date: '2028-01-31', value: '' }
@@ -22312,8 +22312,8 @@
   script$c.__scopeId = "data-v-47d33153";
   script$c.__file = "src/components/UniCountdown/Countdown.vue";
 
-  const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
-  const defaultStyles$7 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
+  const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
+  const defaultStyles$8 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
   // 获取当前日期和时间
   const now = new Date();
   // 添加一天
@@ -22329,7 +22329,7 @@
   var script$b = vue.defineComponent({
       name: 'uni-countdown',
       props: {
-          ...defaultProps$9,
+          ...defaultProps$a,
       },
       components: {
           Countdown: script$c
@@ -22337,7 +22337,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$7);
+          const styleProps = useStylePick(props, defaultStyles$8);
           const handleClick = useComponentClick(props);
           const labelSize = vue.computed(() => {
               if (props.size == 'middle') {
@@ -22421,13 +22421,13 @@
       app.component(script$b.name, script$b);
   };
 
-  const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-map'].props, isEditingProp);
-  const defaultStyles$6 = without$1(Object.keys(mapDefaultProps), 'actionType', 'url', 'mapHtml');
+  const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-map'].props, isEditingProp);
+  const defaultStyles$7 = without$1(Object.keys(mapDefaultProps), 'actionType', 'url', 'mapHtml');
   // array that contains style props
   var script$a = vue.defineComponent({
       name: 'uni-map',
       props: {
-          ...defaultProps$8,
+          ...defaultProps$9,
           // mapHtml: {
           //   type: String,
           //   default: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3876.6314371481812!2d100.6072045757631!3d13.680160998946826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2a10075b91f71%3A0x2f48c448da71ee3d!2z4LmC4LiI4LmK4LiB4Liq4Lii4Liy4LihIOC4quC4suC4guC4siBCVFMg4Lit4Li44LiU4Lih4Liq4Li44LiC!5e0!3m2!1szh-CN!2sth!4v1709194607401!5m2!1szh-CN!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>'
@@ -22445,7 +22445,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$6);
+          const styleProps = useStylePick(props, defaultStyles$7);
           const handleClick = useComponentClick(props);
           // const openMap = () => {
           //   // 替换为要拨打的电话号码
@@ -26105,18 +26105,18 @@
   };
 
   library$1.add(faSquarePhone);
-  const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-call'].props, isEditingProp);
-  const defaultStyles$5 = without$1(Object.keys(callDefaultProps), 'actionType', 'url', 'phoneNumber', 'callText');
+  const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-call'].props, isEditingProp);
+  const defaultStyles$6 = without$1(Object.keys(callDefaultProps), 'actionType', 'url', 'phoneNumber', 'callText');
   var script$9 = vue.defineComponent({
       name: 'uni-call',
       props: {
-          ...defaultProps$7,
+          ...defaultProps$8,
       },
       components: {
           FontAwesomeIcon
       },
       setup(props) {
-          const styleProps = useStylePick(props, defaultStyles$5);
+          const styleProps = useStylePick(props, defaultStyles$6);
           const handleClick = useComponentClick(props);
           // const callNumber = () => {
           //   window.location.href = `tel:${props.phoneNumber}`;
@@ -26168,13 +26168,13 @@
     icon: [512, 512, [128077, 61575], "f164", "M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.2s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"]
   };
 
-  const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-like'].props, isEditingProp);
+  const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-like'].props, isEditingProp);
   library$1.add(faThumbsUp, faHeart, faStar);
   // array that contains style props
   var script$8 = vue.defineComponent({
       name: 'uni-like',
       props: {
-          ...defaultProps$6
+          ...defaultProps$7
       },
       components: {
           FontAwesomeIcon
@@ -26241,13 +26241,13 @@
       app.component(script$8.name, script$8);
   };
 
-  const defaultProps$5 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
-  const defaultStyles$4 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
+  const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
+  const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
   // array that contains style props
   var script$7 = vue.defineComponent({
       name: 'uni-effect',
       props: {
-          ...defaultProps$5,
+          ...defaultProps$6,
           // opacity: {
           //   type: Number,
           //   default: 1 // explosions side bottom single falling
@@ -26269,7 +26269,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$4);
+          const styleProps = useStylePick(props, defaultStyles$5);
           const handleClick = useComponentClick(props);
           const options = {
               "fullScreen": {
@@ -53642,13 +53642,13 @@ summary tabindex target title type usemap value width wmode wrap`;
     }
   });
 
-  const defaultProps$4 = transformToComponentProps(componentsDefaultProps['uni-register-form'].props, isEditingProp);
-  const defaultStyles$3 = without$1(Object.keys(registerFormDefaultProps), 'actionType', 'url', 'attendanceTimeList', 'isPhoneNumber');
+  const defaultProps$5 = transformToComponentProps(componentsDefaultProps['uni-register-form'].props, isEditingProp);
+  const defaultStyles$4 = without$1(Object.keys(registerFormDefaultProps), 'actionType', 'url', 'attendanceTimeList', 'isPhoneNumber');
   // array that contains style props
   var script$6 = vue.defineComponent({
       name: 'uni-register-form',
       props: {
-          ...defaultProps$4,
+          ...defaultProps$5,
           // attendanceTimeList: {
           //   type: Array as PropType<SelectOption[] | []>,
           //   default: () => [ {value: 'Morning'}, {value: 'Noon'}, {value: 'Evening'}]
@@ -53677,7 +53677,7 @@ summary tabindex target title type usemap value width wmode wrap`;
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$3);
+          const styleProps = useStylePick(props, defaultStyles$4);
           const handleClick = useComponentClick(props);
           const useForm = Form$1.useForm;
           const labelCol = { span: 8 };
@@ -75313,8 +75313,8 @@ summary tabindex target title type usemap value width wmode wrap`;
   }
   var Vue3Lottie = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-  const defaultProps$3 = transformToComponentProps(componentsDefaultProps['uni-lotties'].props, isEditingProp);
-  const defaultStyles$2 = without$1(Object.keys(lottiesDefaultProps), 'actionType', 'url', 'animationLink', 'loop', 'delay', 'pauseAnimation');
+  const defaultProps$4 = transformToComponentProps(componentsDefaultProps['uni-lotties'].props, isEditingProp);
+  const defaultStyles$3 = without$1(Object.keys(lottiesDefaultProps), 'actionType', 'url', 'animationLink', 'loop', 'delay', 'pauseAnimation');
   // import AstronautJSON from './lotties/carton.json'
   // import zlweddingbai from './lotties/zlweddingbai.json'
   // https://assets10.lottiefiles.com/packages/lf20_soCRuE.json
@@ -75322,7 +75322,7 @@ summary tabindex target title type usemap value width wmode wrap`;
   var script$5 = vue.defineComponent({
       name: 'uni-lotties',
       props: {
-          ...defaultProps$3,
+          ...defaultProps$4,
           // left: {
           //   type: String,
           //   default: '25px'
@@ -75362,7 +75362,7 @@ summary tabindex target title type usemap value width wmode wrap`;
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$2);
+          const styleProps = useStylePick(props, defaultStyles$3);
           const handleClick = useComponentClick(props);
           const lottieAnimation = vue.ref(null);
           const loopC = vue.ref(props.loop);
@@ -75429,13 +75429,13 @@ summary tabindex target title type usemap value width wmode wrap`;
       app.component(script$5.name, script$5);
   };
 
-  const defaultProps$2 = transformToComponentProps(componentsDefaultProps['uni-swiper'].props, isEditingProp);
+  const defaultProps$3 = transformToComponentProps(componentsDefaultProps['uni-swiper'].props, isEditingProp);
   SwiperCore.use([Pagination$1, Navigation$1, Autoplay$1]);
   // array that contains style props
   var script$4 = vue.defineComponent({
       name: 'uni-swiper',
       props: {
-          ...defaultProps$2,
+          ...defaultProps$3,
           slides: {
               type: (Array),
               default: [
@@ -75509,19 +75509,19 @@ summary tabindex target title type usemap value width wmode wrap`;
       app.component(script$4.name, script$4);
   };
 
-  const defaultProps$1 = transformToComponentProps(componentsDefaultProps['uni-button'].props, isEditingProp);
-  const defaultStyles$1 = without$1(Object.keys(buttonDefaultProps), 'actionType', 'url', 'buttonText');
+  const defaultProps$2 = transformToComponentProps(componentsDefaultProps['uni-button'].props, isEditingProp);
+  const defaultStyles$2 = without$1(Object.keys(buttonDefaultProps), 'actionType', 'url', 'buttonText');
   // array that contains style props
   var script$3 = vue.defineComponent({
       name: 'uni-button',
       props: {
-          ...defaultProps$1,
+          ...defaultProps$2,
       },
       components: {},
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$1);
+          const styleProps = useStylePick(props, defaultStyles$2);
           const handleClick = useComponentClick(props);
           return {
               styleProps,
@@ -75560,19 +75560,19 @@ summary tabindex target title type usemap value width wmode wrap`;
       },
       ...isEditingProp
   };
-  const defaultProps = transformToComponentProps(componentsDefaultProps['uni-build-up'].props, extraProps);
-  const defaultStyles = without$1(Object.keys(buildUpDefaultProps), 'actionType', 'url');
+  const defaultProps$1 = transformToComponentProps(componentsDefaultProps['uni-build-up'].props, extraProps);
+  const defaultStyles$1 = without$1(Object.keys(buildUpDefaultProps), 'actionType', 'url');
   // array that contains style props
   var script$2 = vue.defineComponent({
       name: 'uni-build-up',
       props: {
-          ...defaultProps,
+          ...defaultProps$1,
       },
       components: {},
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles);
+          const styleProps = useStylePick(props, defaultStyles$1);
           const handleClick = useComponentClick(props);
           return {
               styleProps,
@@ -91654,7 +91654,7 @@ summary tabindex target title type usemap value width wmode wrap`;
   var wrap_1 = wrap;
   followRedirects.wrap = wrap_1;
 
-  const VERSION = "1.7.1";
+  const VERSION = "1.7.2";
 
   function parseProtocol(url) {
     const match = /^([-+\w]{1,25})(:?\/\/|:)/.exec(url);
@@ -93366,11 +93366,11 @@ summary tabindex target title type usemap value width wmode wrap`;
     }));
   };
 
-  const isFetchSupported = typeof fetch !== 'undefined';
-  const isReadableStreamSupported = isFetchSupported && typeof ReadableStream !== 'undefined';
+  const isFetchSupported = typeof fetch === 'function' && typeof Request === 'function' && typeof Response === 'function';
+  const isReadableStreamSupported = isFetchSupported && typeof ReadableStream === 'function';
 
   // used only inside the fetch adapter
-  const encodeText = isFetchSupported && (typeof TextEncoder !== 'undefined' ?
+  const encodeText = isFetchSupported && (typeof TextEncoder === 'function' ?
       ((encoder) => (str) => encoder.encode(str))(new TextEncoder()) :
       async (str) => new Uint8Array(await new Response(str).arrayBuffer())
   );
@@ -94323,28 +94323,18 @@ summary tabindex target title type usemap value width wmode wrap`;
   // this module should only have a default export
   var axios$1 = axios;
 
+  const defaultProps = transformToComponentProps(componentsDefaultProps['uni-svg'].props, isEditingProp);
+  const defaultStyles = without$1(Object.keys(svgDefaultProps), 'actionType', 'url', 'color', 'svgSrc');
+  // array that contains style props
   var script = vue.defineComponent({
-      name: 'SvgIcon',
+      name: 'uni-svg',
       props: {
-          svgUrl: {
-              type: String,
-              required: true
-          },
-          color: {
-              type: String,
-              required: true
-          },
-          width: {
-              type: String,
-              required: true
-          },
-          height: {
-              type: String,
-              required: true
-          }
+          ...defaultProps
       },
       setup(props) {
-          const coloredSvgContent = vue.ref('');
+          const styleProps = useStylePick(props, defaultStyles);
+          const handleClick = useComponentClick(props);
+          const svgContent = vue.ref('');
           // Function to fetch SVG content from the URL
           const fetchSvg = async (url) => {
               try {
@@ -94379,15 +94369,16 @@ summary tabindex target title type usemap value width wmode wrap`;
           };
           // Function to load and color the SVG
           const loadSvg = async () => {
-              const svg = await fetchSvg(props.svgUrl);
+              const svg = await fetchSvg(props.svgSrc);
               if (svg) {
-                  coloredSvgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
+                  svgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
               }
           };
-          // Watch for changes in svgUrl, color, width, and height props
-          vue.watch([() => props.svgUrl, () => props.color, () => props.width, () => props.height], loadSvg, { immediate: true });
+          vue.watch([() => props.svgSrc, () => props.color, () => props.width, () => props.height], loadSvg, { immediate: true });
           return {
-              coloredSvgContent
+              styleProps,
+              handleClick,
+              svgContent
           };
       }
   });
@@ -94396,13 +94387,16 @@ summary tabindex target title type usemap value width wmode wrap`;
 
   function render(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
-      innerHTML: _ctx.coloredSvgContent,
-      style: vue.normalizeStyle({ width: _ctx.props.width, height: _ctx.props.height })
-    }, null, 12 /* STYLE, PROPS */, _hoisted_1))
+      onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+      style: vue.normalizeStyle(_ctx.styleProps),
+      class: "uni-svg-component",
+      draggable: false
+    }, [
+      vue.createElementVNode("div", { innerHTML: _ctx.svgContent }, null, 8 /* PROPS */, _hoisted_1)
+    ], 4 /* STYLE */))
   }
 
   script.render = render;
-  script.__scopeId = "data-v-42564b0f";
   script.__file = "src/components/UniSvg/UniSvg.vue";
 
   script.install = (app) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.167",
+  "version": "1.0.168",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",
@@ -39,6 +39,7 @@
     "moment": "^2.29.4",
     "particles.vue3": "^1.22.0",
     "swiper-animation": "^1.4.0",
+    "text-encoding": "^0.7.0",
     "vue-baberrage": "^3.2.4",
     "vue-particles": "^1.0.9"
   },