hfun-ui-vite - npm Package Compare versions

Comparing version 0.1.6 to 0.1.7

Button/package.json

 {
-          "name": "hfun-ui-vite/Button",
-          "main": "index.umd.js",
-          "module": "index.umd.js"
-}
+        "name": "hfun-ui-vite/Button",
+        "main": "index.umd.js",
+        "module": "index.umd.js"
+      }

hfun-ui.esm.js

@@ -1,4 +0,4 @@
-import { defineComponent, createVNode } from "vue";
+import { defineComponent, createVNode, createTextVNode } from "vue";
 const __uno = "";
-const props = {
+const props$1 = {
   size: {
@@ -25,10 +25,8 @@ type: String,
 };
-const MyButton = defineComponent({
-  name: "SButton",
-  props,
+const Button = defineComponent({
+  name: "HButton",
+  props: props$1,
   setup(props2, {
     slots
   }) {
-    var _a;
-    console.log(`html`, (_a = document.querySelector(`#app`)) == null ? void 0 : _a.innerHTML);
     const size = {
@@ -72,11 +70,58 @@ small: {
 });
+const props = {
+  size: {
+    type: String,
+    default: "default"
+  },
+  shape: {
+    type: String,
+    default: "circle"
+  },
+  icon: {
+    type: String,
+    default: ""
+  }
+};
+const Avator = defineComponent({
+  name: "HAvator",
+  props,
+  setup(props2) {
+    const size = {
+      small: {
+        x: "2",
+        y: "1",
+        text: "sm"
+      },
+      default: {
+        x: "3",
+        y: "1.5",
+        text: "base"
+      },
+      large: {
+        x: "4",
+        y: "2",
+        text: "lg"
+      }
+    };
+    return () => createVNode("div", {
+      "class": `
+          py-${size[props2.size].y}
+          px-${size[props2.size].x}
+          border-solid
+          mx-1
+        `
+    }, [createTextVNode("11111")]);
+  }
+});
 const entry = {
   install(app) {
-    app.component(MyButton.name, MyButton);
+    app.component(Button.name, Button);
+    app.component(Avator.name, Avator);
   }
 };
 export {
-  MyButton,
+  Avator,
+  Button,
   entry as default
 };
 //# sourceMappingURL=hfun-ui.esm.js.map

hfun-ui.iife.js

@@ -1,2 +0,2 @@
-var HfunUI=function(e,t){"use strict";const n={size:{type:String,default:"medium"},color:{type:String,default:"blue"},round:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},icon:{type:String,default:""}},o=t.defineComponent({name:"SButton",props:n,setup(e,{slots:n}){var o;console.log("html",null==(o=document.querySelector("#app"))?void 0:o.innerHTML);const l={small:{x:"2",y:"1",text:"sm"},medium:{x:"3",y:"1.5",text:"base"},large:{x:"4",y:"2",text:"lg"}};return()=>t.createVNode("button",{class:`\n          py-${l[e.size].y}\n          px-${l[e.size].x}\n          ${e.round?"rounded-full":"rounded-lg"}\n          bg-${e.color}-${e.plain?"100":"500"}\n          hover:bg-${e.color}-400\n          border-${e.color}-${e.plain,"500"}\n          cursor-pointer\n          border-solid\n          text-${e.plain?e.color+"-500":"white"}\n          text-${l[e.size].text}\n          hover:text-white\n          transition duration-300 ease-in-out transform hover:scale-105\n          mx-1\n          `},[""!==e.icon?t.createVNode("i",{class:`i-ic-baseline-${e.icon} p-3`},null):"",n.default?n.default():""])}}),l={install(e){e.component(o.name,o)}};return e.MyButton=o,e.default=l,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),e}({},Vue);
+var HfunUI=function(e,t){"use strict";const n={size:{type:String,default:"medium"},color:{type:String,default:"blue"},round:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},icon:{type:String,default:""}},o=t.defineComponent({name:"HButton",props:n,setup(e,{slots:n}){const o={small:{x:"2",y:"1",text:"sm"},medium:{x:"3",y:"1.5",text:"base"},large:{x:"4",y:"2",text:"lg"}};return()=>t.createVNode("button",{class:`\n          py-${o[e.size].y}\n          px-${o[e.size].x}\n          ${e.round?"rounded-full":"rounded-lg"}\n          bg-${e.color}-${e.plain?"100":"500"}\n          hover:bg-${e.color}-400\n          border-${e.color}-${e.plain,"500"}\n          cursor-pointer\n          border-solid\n          text-${e.plain?e.color+"-500":"white"}\n          text-${o[e.size].text}\n          hover:text-white\n          transition duration-300 ease-in-out transform hover:scale-105\n          mx-1\n          `},[""!==e.icon?t.createVNode("i",{class:`i-ic-baseline-${e.icon} p-3`},null):"",n.default?n.default():""])}}),l={size:{type:String,default:"default"},shape:{type:String,default:"circle"},icon:{type:String,default:""}},r=t.defineComponent({name:"HAvator",props:l,setup(e){const n={small:{x:"2",y:"1",text:"sm"},default:{x:"3",y:"1.5",text:"base"},large:{x:"4",y:"2",text:"lg"}};return()=>t.createVNode("div",{class:`\n          py-${n[e.size].y}\n          px-${n[e.size].x}\n          border-solid\n          mx-1\n        `},[t.createTextVNode("11111")])}}),a={install(e){e.component(o.name,o),e.component(r.name,r)}};return e.Avator=r,e.Button=o,e.default=a,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),e}({},Vue);
 //# sourceMappingURL=hfun-ui.iife.js.map

hfun-ui.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).HfunUI={},e.Vue)}(this,(function(e,t){"use strict";const n={size:{type:String,default:"medium"},color:{type:String,default:"blue"},round:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},icon:{type:String,default:""}},o=t.defineComponent({name:"SButton",props:n,setup(e,{slots:n}){var o;console.log("html",null==(o=document.querySelector("#app"))?void 0:o.innerHTML);const l={small:{x:"2",y:"1",text:"sm"},medium:{x:"3",y:"1.5",text:"base"},large:{x:"4",y:"2",text:"lg"}};return()=>t.createVNode("button",{class:`\n          py-${l[e.size].y}\n          px-${l[e.size].x}\n          ${e.round?"rounded-full":"rounded-lg"}\n          bg-${e.color}-${e.plain?"100":"500"}\n          hover:bg-${e.color}-400\n          border-${e.color}-${e.plain,"500"}\n          cursor-pointer\n          border-solid\n          text-${e.plain?e.color+"-500":"white"}\n          text-${l[e.size].text}\n          hover:text-white\n          transition duration-300 ease-in-out transform hover:scale-105\n          mx-1\n          `},[""!==e.icon?t.createVNode("i",{class:`i-ic-baseline-${e.icon} p-3`},null):"",n.default?n.default():""])}}),l={install(e){e.component(o.name,o)}};e.MyButton=o,e.default=l,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).HfunUI={},e.Vue)}(this,(function(e,t){"use strict";const n={size:{type:String,default:"medium"},color:{type:String,default:"blue"},round:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},icon:{type:String,default:""}},o=t.defineComponent({name:"HButton",props:n,setup(e,{slots:n}){const o={small:{x:"2",y:"1",text:"sm"},medium:{x:"3",y:"1.5",text:"base"},large:{x:"4",y:"2",text:"lg"}};return()=>t.createVNode("button",{class:`\n          py-${o[e.size].y}\n          px-${o[e.size].x}\n          ${e.round?"rounded-full":"rounded-lg"}\n          bg-${e.color}-${e.plain?"100":"500"}\n          hover:bg-${e.color}-400\n          border-${e.color}-${e.plain,"500"}\n          cursor-pointer\n          border-solid\n          text-${e.plain?e.color+"-500":"white"}\n          text-${o[e.size].text}\n          hover:text-white\n          transition duration-300 ease-in-out transform hover:scale-105\n          mx-1\n          `},[""!==e.icon?t.createVNode("i",{class:`i-ic-baseline-${e.icon} p-3`},null):"",n.default?n.default():""])}}),l={size:{type:String,default:"default"},shape:{type:String,default:"circle"},icon:{type:String,default:""}},i=t.defineComponent({name:"HAvator",props:l,setup(e){const n={small:{x:"2",y:"1",text:"sm"},default:{x:"3",y:"1.5",text:"base"},large:{x:"4",y:"2",text:"lg"}};return()=>t.createVNode("div",{class:`\n          py-${n[e.size].y}\n          px-${n[e.size].x}\n          border-solid\n          mx-1\n        `},[t.createTextVNode("11111")])}}),r={install(e){e.component(o.name,o),e.component(i.name,i)}};e.Avator=i,e.Button=o,e.default=r,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
 //# sourceMappingURL=hfun-ui.umd.js.map

package.json

 {
   "name": "hfun-ui-vite",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "",
@@ -5,0 +5,0 @@ "main": "hfun-ui.umd.js",

README.md

@@ -55,3 +55,8 @@ <br>
 ```
-// 待更新
+import { createApp } from 'vue'
+import App from './App.vue'
+import hfunUI from 'hfun-ui-vite'
+import 'hfun-ui-vite/style.css'
+
+createApp(App).use(hfunUI).mount('#app')
 ```
@@ -58,0 +63,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

99680

increased by43.62%

Number of package files

29

increased by45%

Lines of code

586

increased by56.68%

Number of lines in readme file

66

increased by8.2%

Worsened metrics

Number of low quality alerts

5

increased by25%

No dependency changes