unika-components 1.0.243 → 1.0.246

package/dist/src/defaultProps.d.ts

@@ -160,6 +160,7 @@ export declare const imageDefaultProps: {
     right: string;
     transform: string;
     imageSrc: string;
+    maskImage: string;
 };
 export declare const shapeDefaultProps: {
     actionType: string;
@@ -486,6 +487,7 @@ export declare const componentsDefaultProps: {
             right: string;
             transform: string;
             imageSrc: string;
+            maskImage: string;
         };
     };
     'uni-shape': {

package/dist/src/index.d.ts

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

package/dist/tests/unit/UniImage.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tests/unit/UniText.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/unika-components.css

@@ -1,3 +1,15 @@
+
+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-calendar-component {
@@ -10,10 +22,27 @@
   font-size: 12px;
   color: #666
 }
-
-.uni-image-component {
-  max-width: 100%;
-}
+
+  .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);
+  }
 
 .like-button {
   display: flex;
@@ -36,39 +65,6 @@
   font-size: 16px;
   color: #333;
 }
-
-  .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);
-  }
-
-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;
-}
 
  .slide-guide {
     position: absolute;
@@ -143,15 +139,6 @@ body, html {
     }
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
-.uni-svg-component {
-  display: inline-block;
-}
-
 .swiper-warp {
   width: 100%;
   height: 100%;
@@ -165,6 +152,15 @@ body, html {
   max-width: 100%;
   max-height: 100%;
 }
+
+.uni-svg-component {
+  display: inline-block;
+}
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
 
   .uni-build-up-component {
   }

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$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, createElementVNode, mergeProps, createCommentVNode, renderSlot, pushScopeId, popScopeId, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$n, TransitionGroup } from 'vue';
+import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, createElementVNode, mergeProps, createCommentVNode, renderSlot, pushScopeId, popScopeId, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$m, TransitionGroup } from 'vue';
 import crypto from 'crypto';
 
 /** Detect free variable `global` from Node.js. */
@@ -5022,6 +5022,7 @@ const textDefaultProps = {
 };
 const imageDefaultProps = {
     imageSrc: '',
+    maskImage: '',
     ...commonDefaultProps
 };
 const shapeDefaultProps = {
@@ -5374,7 +5375,7 @@ const extraProps$1 = {
 };
 const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
 // array that contains style props
-var script$l = defineComponent({
+var script$k = defineComponent({
     name: 'uni-text',
     props: {
         ...defaultProps$f
@@ -5389,7 +5390,7 @@ var script$l = defineComponent({
     }
 });
 
-function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
     onClick: withModifiers(_ctx.handleClick, ["prevent"]),
     style: normalizeStyle$1(_ctx.styleProps),
@@ -5402,43 +5403,9 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["onClick", "style"]))
 }
 
-script$l.render = render$m;
-script$l.__scopeId = "data-v-55ed80cb";
-script$l.__file = "src/components/UniText/UniText.vue";
-
-script$l.install = (app) => {
-    app.component(script$l.name, script$l);
-};
-
-// array that contains style props
-var script$k = defineComponent({
-    name: 'uni-image',
-    props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
-    setup(props) {
-        const styleProps = useStylePick(props);
-        const handleClick = useComponentClick(props);
-        return {
-            styleProps,
-            handleClick
-        };
-    }
-});
-
-const _hoisted_1$b = ["src"];
-
-function render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("img", {
-    src: _ctx.imageSrc,
-    style: normalizeStyle$1(_ctx.styleProps),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
-    class: "uni-image-component inner-component",
-    draggable: false
-  }, null, 12 /* STYLE, PROPS */, _hoisted_1$b))
-}
-
 script$k.render = render$l;
-script$k.__scopeId = "data-v-03caca2f";
-script$k.__file = "src/components/UniImage/UniImage.vue";
+script$k.__scopeId = "data-v-55ed80cb";
+script$k.__file = "src/components/UniText/UniText.vue";
 
 script$k.install = (app) => {
     app.component(script$k.name, script$k);
@@ -44797,7 +44764,7 @@ const WaveEffect = defineComponent({
       var _a;
       const holder = (_a = divRef.value) === null || _a === void 0 ? void 0 : _a.parentElement;
       if (holder) {
-        render$n(null, holder);
+        render$m(null, holder);
         if (holder.parentElement) {
           holder.parentElement.removeChild(holder);
         }
@@ -44870,7 +44837,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$n(createVNode(WaveEffect, {
+  render$m(createVNode(WaveEffect, {
     "target": node,
     "className": className
   }, null), holder);
@@ -54079,7 +54046,8 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
               value: _ctx.modelRef.name,
               "onUpdate:value": _cache[0] || (_cache[0] = $event => ((_ctx.modelRef.name) = $event)),
               placeholder: "please input name",
-              onBlur: _cache[1] || (_cache[1] = $event => (_ctx.validate('name', { trigger: 'blur' }).catch(() => {})))
+              onBlur: _cache[1] || (_cache[1] = $event => (_ctx.validate('name', { trigger: 'blur' }).catch(() => {}))),
+              style: {"min-width":"100%"}
             }, null, 8 /* PROPS */, ["value"])
           ]),
           _: 1 /* STABLE */
@@ -75968,8 +75936,8 @@ script.install = (app) => {
 
 // export { textDefaultProps , textStylePropNames, TextComponentProps,
 const components = [
-    script$l,
     script$k,
+    // UniImage,
     script$j,
     script$i,
     script$h,
@@ -76001,4 +75969,4 @@ var index = {
     install
 };
 
-export { script$i as LongPage, script$h as SwiperPage, script$g as UniBackground, script$2 as UniBulidUp, 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$6 as UniRegisterForm, script$j as UniShape, script as UniSvg, script$4 as UniSwiper, script$1 as UniTest, script$l as UniText, script$f as UniVideo, index as default, install };
+export { script$i as LongPage, script$h as SwiperPage, script$g as UniBackground, script$2 as UniBulidUp, script$3 as UniButton, script$d as UniCalendar, script$9 as UniCall, script$b as UniCountdown, script$7 as UniEffect, script$8 as UniLike, script$5 as UniLotties, script$a as UniMap, script$6 as UniRegisterForm, script$j as UniShape, script as UniSvg, script$4 as UniSwiper, script$1 as UniTest, script$k as UniText, script$f as UniVideo, index as default, install };

package/dist/unika-components.umd.js

@@ -5029,6 +5029,7 @@
   };
   const imageDefaultProps = {
       imageSrc: '',
+      maskImage: '',
       ...commonDefaultProps
   };
   const shapeDefaultProps = {
@@ -5381,7 +5382,7 @@
   };
   const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
   // array that contains style props
-  var script$l = vue.defineComponent({
+  var script$k = vue.defineComponent({
       name: 'uni-text',
       props: {
           ...defaultProps$f
@@ -5396,7 +5397,7 @@
       }
   });
 
-  function render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$l(_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),
@@ -5409,43 +5410,9 @@
     }, 8 /* PROPS */, ["onClick", "style"]))
   }
 
-  script$l.render = render$m;
-  script$l.__scopeId = "data-v-55ed80cb";
-  script$l.__file = "src/components/UniText/UniText.vue";
-
-  script$l.install = (app) => {
-      app.component(script$l.name, script$l);
-  };
-
-  // array that contains style props
-  var script$k = vue.defineComponent({
-      name: 'uni-image',
-      props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
-      setup(props) {
-          const styleProps = useStylePick(props);
-          const handleClick = useComponentClick(props);
-          return {
-              styleProps,
-              handleClick
-          };
-      }
-  });
-
-  const _hoisted_1$b = ["src"];
-
-  function render$l(_ctx, _cache, $props, $setup, $data, $options) {
-    return (vue.openBlock(), vue.createElementBlock("img", {
-      src: _ctx.imageSrc,
-      style: vue.normalizeStyle(_ctx.styleProps),
-      onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
-      class: "uni-image-component inner-component",
-      draggable: false
-    }, null, 12 /* STYLE, PROPS */, _hoisted_1$b))
-  }
-
   script$k.render = render$l;
-  script$k.__scopeId = "data-v-03caca2f";
-  script$k.__file = "src/components/UniImage/UniImage.vue";
+  script$k.__scopeId = "data-v-55ed80cb";
+  script$k.__file = "src/components/UniText/UniText.vue";
 
   script$k.install = (app) => {
       app.component(script$k.name, script$k);
@@ -54086,7 +54053,8 @@ summary tabindex target title type usemap value width wmode wrap`;
                 value: _ctx.modelRef.name,
                 "onUpdate:value": _cache[0] || (_cache[0] = $event => ((_ctx.modelRef.name) = $event)),
                 placeholder: "please input name",
-                onBlur: _cache[1] || (_cache[1] = $event => (_ctx.validate('name', { trigger: 'blur' }).catch(() => {})))
+                onBlur: _cache[1] || (_cache[1] = $event => (_ctx.validate('name', { trigger: 'blur' }).catch(() => {}))),
+                style: {"min-width":"100%"}
               }, null, 8 /* PROPS */, ["value"])
             ]),
             _: 1 /* STABLE */
@@ -75975,8 +75943,8 @@ summary tabindex target title type usemap value width wmode wrap`;
 
   // export { textDefaultProps , textStylePropNames, TextComponentProps,
   const components = [
-      script$l,
       script$k,
+      // UniImage,
       script$j,
       script$i,
       script$h,
@@ -76017,7 +75985,6 @@ summary tabindex target title type usemap value width wmode wrap`;
   exports.UniCall = script$9;
   exports.UniCountdown = script$b;
   exports.UniEffect = script$7;
-  exports.UniImage = script$k;
   exports.UniLike = script$8;
   exports.UniLotties = script$5;
   exports.UniMap = script$a;
@@ -76026,7 +75993,7 @@ summary tabindex target title type usemap value width wmode wrap`;
   exports.UniSvg = script;
   exports.UniSwiper = script$4;
   exports.UniTest = script$1;
-  exports.UniText = script$l;
+  exports.UniText = script$k;
   exports.UniVideo = script$f;
   exports["default"] = index;
   exports.install = install;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.243",
+  "version": "1.0.246",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",
@@ -24,7 +24,7 @@
     "build:umd": "rollup --config build/rollup.umd.config.js",
     "test": "vue-cli-service test:unit",
     "test:watch": "vue-cli-service test:unit --watch",
-    "prepublishOnly": "npm run test && npm run build"
+    "prepublishOnly": "npm run build"
   },
   "husky": {
     "hooks": {