lvjst - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/lui-vue.es.js

@@ -1,3 +0,78 @@
-import { computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { computed, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot } from "vue";
 var index = "";
+function variant(name, defaultValue) {
+  return {
+    props: {
+      [name || "variant"]: {
+        type: String,
+        default: defaultValue || "primary",
+        validator(value) {
+          const list = name === "variant" ? ["primary", "secondary", "info", "success", "warning", "danger"] : [
+            "light",
+            "dark",
+            "white",
+            "black",
+            "primary",
+            "secondary",
+            "info",
+            "success",
+            "warning",
+            "danger"
+          ];
+          return list.includes(value);
+        }
+      }
+    }
+  };
+}
+function size(defaultValue, validator) {
+  const sizes = ["2xs", "xs", "sm", "md", "lg"];
+  const options = validator || sizes;
+  return {
+    props: {
+      size: {
+        type: String,
+        default: defaultValue || "md",
+        validator: (value) => options.includes(value)
+      }
+    }
+  };
+}
+function string(name, defaultValue, validator) {
+  let propOptions = {
+    type: String,
+    default: defaultValue || "none"
+  };
+  if (validator !== void 0) {
+    propOptions.validator = (value) => validator.includes(value);
+  }
+  return {
+    props: {
+      [name]: propOptions
+    }
+  };
+}
+function generateClasses(params) {
+  const acc = [];
+  params.map((param) => {
+    acc.push(...Object.values(param));
+  });
+  return acc.join(" ").toString().replace(/\s+/g, " ");
+}
 var _export_sfc = (sfc, props) => {
@@ -11,17 +86,66 @@ const target = sfc.__vccOpts || sfc;
 const _sfc_main = {
-  setup() {
+  mixins: [
+    string("tag", "p", [
+      "p",
+      "span",
+      "br",
+      "strong",
+      "em",
+      "quotes",
+      "blockquote",
+      "code",
+      "pre",
+      "mark",
+      "ins",
+      "del",
+      "sup",
+      "sub",
+      "small",
+      "i",
+      "b",
+      "abbr",
+      "address",
+      "bdi",
+      "bdo",
+      "cite",
+      "dfn",
+      "kbs",
+      "meter",
+      "q",
+      "rp",
+      "rt",
+      "ruby",
+      "s",
+      "samp",
+      "time",
+      "u",
+      "var",
+      "wbr"
+    ]),
+    size("md", ["xs", "sm", "md", "lg"]),
+    variant("variant", "secondary")
+  ],
+  setup(props) {
     const classes = computed(() => {
-      return "text-3xl bg-red-400";
+      const styles = {
+        fontColor: `text-${props.variant}-600`,
+        fontSize: props.size === "xs" ? "text-xs" : props.size === "sm" ? "text-sm" : props.size === "md" ? "text-base" : "text-xl",
+        lineHeight: props.size === "xs" ? "leading-3" : props.size === "sm" ? "leading-4.5" : props.size === "md" ? "leading-5" : "leading-6"
+      };
+      return generateClasses([__spreadValues({}, styles)]);
     });
-    return { classes };
+    return {
+      classes
+    };
   }
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("p", {
-    class: normalizeClass($setup.classes)
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({ class: $setup.classes }, _ctx.$attrs), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["class"]);
 }
 var LuiText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { LuiText };

dist/lui-vue.umd.js

@@ -1,1 +0,1 @@
-(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.LuiVue={},t.Vue))})(this,function(t,e){"use strict";var l="",i=(n,r)=>{const s=n.__vccOpts||n;for(const[o,c]of r)s[o]=c;return s};const u={setup(){return{classes:e.computed(()=>"text-3xl bg-red-400")}}};function d(n,r,s,o,c,a){return e.openBlock(),e.createElementBlock("p",{class:e.normalizeClass(o.classes)},[e.renderSlot(n.$slots,"default")],2)}var f=i(u,[["render",d]]);t.LuiText=f,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
+var v=Object.defineProperty;var d=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var c=(s,t,r)=>t in s?v(s,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[t]=r,u=(s,t)=>{for(var r in t||(t={}))z.call(t,r)&&c(s,r,t[r]);if(d)for(var r of d(t))_.call(t,r)&&c(s,r,t[r]);return s};(function(s,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis!="undefined"?globalThis:s||self,t(s.LuiVue={},s.Vue))})(this,function(s,t){"use strict";var r="";function l(e,i){return{props:{[e||"variant"]:{type:String,default:i||"primary",validator(n){return(e==="variant"?["primary","secondary","info","success","warning","danger"]:["light","dark","white","black","primary","secondary","info","success","warning","danger"]).includes(n)}}}}}function f(e,i){const a=i||["2xs","xs","sm","md","lg"];return{props:{size:{type:String,default:e||"md",validator:o=>a.includes(o)}}}}function p(e,i,n){let a={type:String,default:i||"none"};return n!==void 0&&(a.validator=o=>n.includes(o)),{props:{[e]:a}}}function m(e){const i=[];return e.map(n=>{i.push(...Object.values(n))}),i.join(" ").toString().replace(/\s+/g," ")}var g=(e,i)=>{const n=e.__vccOpts||e;for(const[a,o]of i)n[a]=o;return n};const x={mixins:[p("tag","p",["p","span","br","strong","em","quotes","blockquote","code","pre","mark","ins","del","sup","sub","small","i","b","abbr","address","bdi","bdo","cite","dfn","kbs","meter","q","rp","rt","ruby","s","samp","time","u","var","wbr"]),f("md",["xs","sm","md","lg"]),l("variant","secondary")],setup(e){return{classes:t.computed(()=>{const n={fontColor:`text-${e.variant}-600`,fontSize:e.size==="xs"?"text-xs":e.size==="sm"?"text-sm":e.size==="md"?"text-base":"text-xl",lineHeight:e.size==="xs"?"leading-3":e.size==="sm"?"leading-4.5":e.size==="md"?"leading-5":"leading-6"};return m([u({},n)])})}}};function y(e,i,n,a,o,h){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),t.mergeProps({class:a.classes},e.$attrs),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["class"])}var b=g(x,[["render",y]]);s.LuiText=b,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});

package.json

 {
   "name": "lvjst",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "scripts": {
@@ -5,0 +5,0 @@ "dev": "vite",

New alerts

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

Improved metrics

Total package byte prevSize

137885

increased by1411.73%

Lines of code

652

increased by1571.79%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes