watermelon-ui-kit 0.1.0 → 0.1.3

package/dist/Tag/index.vue.d.ts

@@ -1,3 +1,18 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export type TagType = {
+    tagId: string;
+    name: string;
+    status: 1 | 2 | 3;
+    rate: number;
+};
+export type TagPropsType = {
+    tag: TagType;
+    closable?: boolean;
+    showRate?: boolean;
+};
+declare const _default: import('vue').DefineComponent<TagPropsType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<TagPropsType> & Readonly<{
+    onClose?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=index.vue.d.ts.map

package/dist/Tag/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/components/Tag/index.vue"],"names":[],"mappings":";AAsDA,wBAMG"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/components/Tag/index.vue"],"names":[],"mappings":"AA+EA,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;;;;;;AAwGD,wBAQG"}

package/dist/index.d.ts

@@ -1,11 +1,4 @@
-declare const _default: {
-    Tag: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-    WheelLoader: import('vue').DefineComponent<import('./WheelLoader/index.vue').LoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./WheelLoader/index.vue').LoaderProps> & Readonly<{}>, {
-        width: string;
-        height: string;
-        speed: string;
-        color: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-};
-export default _default;
+import { default as Tag } from './Tag/index.vue';
+import { default as WheelLoader } from './WheelLoader/index.vue';
+export { Tag, WheelLoader, };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;AAGA,wBAGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,WAAW,MAAM,yBAAyB,CAAA;AAEjD,OAAO,EACL,GAAG,EACH,WAAW,GACZ,CAAA"}

package/dist/watermelon-ui-kit.css

@@ -1 +1 @@
-.loader-wrapper[data-v-c240f1d2]{width:var(--1ea7dc8c);height:var(--c6f689be)}.loader-wrapper .spoke[data-v-c240f1d2]{width:10%;height:30%;border-radius:20px;background:var(--1d90de29)}.loader-wrapper[data-v-c240f1d2] :nth-child(1){left:50%;top:-5%;animation:colorchange-8-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(2){top:5%;left:75%;transform:rotate(45deg);animation:colorchange-7-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(3){top:30%;left:85%;transform:rotate(90deg);animation:colorchange-6-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(4){top:55%;left:75%;transform:rotate(-45deg);animation:colorchange-5-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(5){top:65%;left:50%;animation:colorchange-4-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(6){top:55%;left:25%;transform:rotate(45deg);animation:colorchange-3-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(7){top:30%;left:15%;transform:rotate(90deg);animation:colorchange-2-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(8){top:5%;left:25%;transform:rotate(-45deg);animation:colorchange-1-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}@keyframes colorchange-1-c240f1d2{0%{opacity:1}14%{opacity:.86}28%{opacity:.72}42%{opacity:.58}56%{opacity:.44}70%{opacity:.3}84%{opacity:.15}to{opacity:0}}@keyframes colorchange-2-c240f1d2{0%{opacity:.86}14%{opacity:.72}28%{opacity:.58}42%{opacity:.44}56%{opacity:.3}70%{opacity:.15}84%{opacity:0}to{opacity:1}}@keyframes colorchange-3-c240f1d2{0%{opacity:.72}14%{opacity:.58}28%{opacity:.44}42%{opacity:.3}56%{opacity:.15}70%{opacity:0}84%{opacity:1}to{opacity:.86}}@keyframes colorchange-4-c240f1d2{0%{opacity:.58}14%{opacity:.44}28%{opacity:.3}42%{opacity:.15}56%{opacity:0}70%{opacity:1}84%{opacity:.86}to{opacity:.72}}@keyframes colorchange-5-c240f1d2{0%{opacity:.44}14%{opacity:.3}28%{opacity:.15}42%{opacity:0}56%{opacity:1}70%{opacity:.86}84%{opacity:.72}to{opacity:.58}}@keyframes colorchange-6-c240f1d2{0%{opacity:.3}14%{opacity:.15}28%{opacity:0}42%{opacity:1}56%{opacity:.86}70%{opacity:.72}84%{opacity:.58}to{opacity:.44}}@keyframes colorchange-7-c240f1d2{0%{opacity:.15}14%{opacity:0}28%{opacity:1}42%{opacity:.86}56%{opacity:.72}70%{opacity:.58}84%{opacity:.44}to{opacity:.3}}@keyframes colorchange-8-c240f1d2{0%{opacity:0}14%{opacity:1}28%{opacity:.86}42%{opacity:.72}56%{opacity:.58}70%{opacity:.44}84%{opacity:.3}to{opacity:.15}}
+.tag .rate[data-v-56852f88]{background:#0515264d}.loader-wrapper[data-v-c240f1d2]{width:var(--1ea7dc8c);height:var(--c6f689be)}.loader-wrapper .spoke[data-v-c240f1d2]{width:10%;height:30%;border-radius:20px;background:var(--1d90de29)}.loader-wrapper[data-v-c240f1d2] :nth-child(1){left:50%;top:-5%;animation:colorchange-8-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(2){top:5%;left:75%;transform:rotate(45deg);animation:colorchange-7-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(3){top:30%;left:85%;transform:rotate(90deg);animation:colorchange-6-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(4){top:55%;left:75%;transform:rotate(-45deg);animation:colorchange-5-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(5){top:65%;left:50%;animation:colorchange-4-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(6){top:55%;left:25%;transform:rotate(45deg);animation:colorchange-3-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(7){top:30%;left:15%;transform:rotate(90deg);animation:colorchange-2-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}.loader-wrapper[data-v-c240f1d2] :nth-child(8){top:5%;left:25%;transform:rotate(-45deg);animation:colorchange-1-c240f1d2 var(--1e72af0d);animation-iteration-count:infinite}@keyframes colorchange-1-c240f1d2{0%{opacity:1}14%{opacity:.86}28%{opacity:.72}42%{opacity:.58}56%{opacity:.44}70%{opacity:.3}84%{opacity:.15}to{opacity:0}}@keyframes colorchange-2-c240f1d2{0%{opacity:.86}14%{opacity:.72}28%{opacity:.58}42%{opacity:.44}56%{opacity:.3}70%{opacity:.15}84%{opacity:0}to{opacity:1}}@keyframes colorchange-3-c240f1d2{0%{opacity:.72}14%{opacity:.58}28%{opacity:.44}42%{opacity:.3}56%{opacity:.15}70%{opacity:0}84%{opacity:1}to{opacity:.86}}@keyframes colorchange-4-c240f1d2{0%{opacity:.58}14%{opacity:.44}28%{opacity:.3}42%{opacity:.15}56%{opacity:0}70%{opacity:1}84%{opacity:.86}to{opacity:.72}}@keyframes colorchange-5-c240f1d2{0%{opacity:.44}14%{opacity:.3}28%{opacity:.15}42%{opacity:0}56%{opacity:1}70%{opacity:.86}84%{opacity:.72}to{opacity:.58}}@keyframes colorchange-6-c240f1d2{0%{opacity:.3}14%{opacity:.15}28%{opacity:0}42%{opacity:1}56%{opacity:.86}70%{opacity:.72}84%{opacity:.58}to{opacity:.44}}@keyframes colorchange-7-c240f1d2{0%{opacity:.15}14%{opacity:0}28%{opacity:1}42%{opacity:.86}56%{opacity:.72}70%{opacity:.58}84%{opacity:.44}to{opacity:.3}}@keyframes colorchange-8-c240f1d2{0%{opacity:0}14%{opacity:1}28%{opacity:.86}42%{opacity:.72}56%{opacity:.58}70%{opacity:.44}84%{opacity:.3}to{opacity:.15}}

package/dist/watermelon-ui-kit.es.d.ts

@@ -1,4 +1,2 @@
-export {}
-import WatermelonUiKit from './index'
-export default WatermelonUiKit
+export * from './index'
 export {}

package/dist/watermelon-ui-kit.es.ts

@@ -1,16 +1,70 @@
-import { createElementBlock as o, openBlock as s, createElementVNode as a, defineComponent as l, useCssVars as p, Fragment as u, renderList as i } from "vue";
-const d = (t, e) => {
-  const r = t.__vccOpts || t;
-  for (const [n, c] of e)
-    r[n] = c;
-  return r;
-}, _ = {};
-function f(t, e) {
-  return s(), o("div", null, e[0] || (e[0] = [
-    a("h3", null, "Tag. Just tag", -1)
-  ]));
-}
-const h = /* @__PURE__ */ d(_, [["render", f]]), m = { class: "loader-wrapper relative" }, g = /* @__PURE__ */ l({
+import { defineComponent as c, resolveComponent as h, createElementBlock as n, openBlock as s, normalizeClass as C, createBlock as _, createCommentVNode as p, toDisplayString as l, withCtx as f, createElementVNode as i, useCssVars as g, Fragment as w, renderList as k } from "vue";
+const v = {
+  key: 0,
+  class: "mr-1 text-sm"
+}, x = {
+  key: 2,
+  class: "rate px-2 py-1 rounded-xl text-xs font-medium"
+}, y = ["fill"], b = /* @__PURE__ */ c({
+  __name: "index",
+  props: {
+    tag: {},
+    closable: { type: Boolean },
+    showRate: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(r) {
+    const e = {
+      NEW: 3
+    }, o = r.tag.status === e.NEW;
+    return (t, d) => {
+      const u = h("router-link");
+      return s(), n("div", {
+        class: C(["tag flex w-fit items-center font-rubik px-2 py-1 rounded-xs", o ? "text-primary-green border border-solid" : "bg-primary-green text-white"])
+      }, [
+        o ? (s(), n("span", v, l(t.tag.name), 1)) : (s(), _(u, {
+          key: 1,
+          to: `/dashboard/tags/${t.tag.name}`,
+          class: "mr-1 text-sm hover:underline"
+        }, {
+          default: f(() => [
+            i("span", null, l(t.tag.name), 1)
+          ]),
+          _: 1
+        }, 8, ["to"])),
+        t.showRate && !o ? (s(), n("span", x, l(t.tag.rate), 1)) : p("", !0),
+        t.closable ? (s(), n("svg", {
+          key: 3,
+          width: "17",
+          height: "17",
+          viewBox: "0 0 17 17",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          class: "inline-block cursor-pointer",
+          onClick: d[0] || (d[0] = (B) => t.$emit("close"))
+        }, [
+          i("path", {
+            d: `M8.49999 7.66407L5.07851 4.24259C4.96961 4.1337 4.82192 4.07252 4.66793 4.07252C4.51393 4.07252 4.36624
+        4.1337 4.25735 4.24259C4.14846 4.35148 4.08728 4.49917 4.08728 4.65317C4.08728 4.80716 4.14846 4.95485 4.25735
+        5.06375L7.67883 8.48523L4.25735 11.9067C4.14846 12.0156 4.08728 12.1633 4.08728 12.3173C4.08728 12.4713 4.14846
+         12.619 4.25735 12.7279C4.36624 12.8368 4.51393 12.8979 4.66793 12.8979C4.82192 12.8979 4.96961 12.8368 5.07851
+          12.7279L8.49999 9.30639L11.9215 12.7279C12.0313 12.8349 12.1787 12.8948 12.3321 12.8948C12.4854 12.8948
+          12.6328 12.8349 12.7426 12.7279C12.8515 12.619 12.9127 12.4713 12.9127 12.3173C12.9127 12.1633 12.8515
+          12.0156 12.7426 11.9067L9.32115 8.48523L12.7426 5.06375C12.8515 4.95485 12.9127 4.80716 12.9127
+          4.65317C12.9127 4.49917 12.8515 4.35148 12.7426 4.24259C12.6328 4.13556 12.4854 4.07566 12.3321
+          4.07566C12.1787 4.07566 12.0313 4.13556 11.9215 4.24259L8.49999 7.66407Z`,
+            fill: o ? "#01ABAA" : "white"
+          }, null, 8, y)
+        ])) : p("", !0)
+      ], 2);
+    };
+  }
+}), m = (r, e) => {
+  const a = r.__vccOpts || r;
+  for (const [o, t] of e)
+    a[o] = t;
+  return a;
+}, N = /* @__PURE__ */ m(b, [["__scopeId", "data-v-56852f88"]]), L = { class: "loader-wrapper relative" }, A = /* @__PURE__ */ c({
   __name: "index",
   props: {
     width: { default: "21px" },
@@ -18,23 +72,21 @@ const h = /* @__PURE__ */ d(_, [["render", f]]), m = { class: "loader-wrapper re
     speed: { default: "1.5s" },
     color: { default: "#01ABAA" }
   },
-  setup(t) {
-    return p((e) => ({
+  setup(r) {
+    return g((e) => ({
       "1ea7dc8c": e.width,
       c6f689be: e.height,
       "1d90de29": e.color,
       "1e72af0d": e.speed
-    })), (e, r) => (s(), o("div", m, [
-      (s(), o(u, null, i(8, (n) => a("div", {
-        key: n,
+    })), (e, a) => (s(), n("div", L, [
+      (s(), n(w, null, k(8, (o) => i("div", {
+        key: o,
         class: "spoke absolute"
       })), 64))
     ]));
   }
-}), v = /* @__PURE__ */ d(g, [["__scopeId", "data-v-c240f1d2"]]), x = {
-  Tag: h,
-  WheelLoader: v
-};
+}), E = /* @__PURE__ */ m(A, [["__scopeId", "data-v-c240f1d2"]]);
 export {
-  x as default
+  N as Tag,
+  E as WheelLoader
 };

package/dist/watermelon-ui-kit.umd.ts

@@ -1 +1,9 @@
-(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e["watermelon-ui-kit"]=n(e.Vue))})(this,function(e){"use strict";const n=(o,t)=>{const r=o.__vccOpts||o;for(const[s,a]of t)r[s]=a;return r},d={};function c(o,t){return e.openBlock(),e.createElementBlock("div",null,t[0]||(t[0]=[e.createElementVNode("h3",null,"Tag. Just tag",-1)]))}const i=n(d,[["render",c]]),l={class:"loader-wrapper relative"};return{Tag:i,WheelLoader:n(e.defineComponent({__name:"index",props:{width:{default:"21px"},height:{default:"21px"},speed:{default:"1.5s"},color:{default:"#01ABAA"}},setup(o){return e.useCssVars(t=>({"1ea7dc8c":t.width,c6f689be:t.height,"1d90de29":t.color,"1e72af0d":t.speed})),(t,r)=>(e.openBlock(),e.createElementBlock("div",l,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(8,s=>e.createElementVNode("div",{key:s,class:"spoke absolute"})),64))]))}}),[["__scopeId","data-v-c240f1d2"]])}});
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["watermelon-ui-kit"]={},n.Vue))})(this,function(n,e){"use strict";const c={key:0,class:"mr-1 text-sm"},d={key:2,class:"rate px-2 py-1 rounded-xl text-xs font-medium"},p=["fill"],m=e.defineComponent({__name:"index",props:{tag:{},closable:{type:Boolean},showRate:{type:Boolean}},emits:["close"],setup(r){const t={NEW:3},s=r.tag.status===t.NEW;return(o,i)=>{const C=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tag flex w-fit items-center font-rubik px-2 py-1 rounded-xs",s?"text-primary-green border border-solid":"bg-primary-green text-white"])},[s?(e.openBlock(),e.createElementBlock("span",c,e.toDisplayString(o.tag.name),1)):(e.openBlock(),e.createBlock(C,{key:1,to:`/dashboard/tags/${o.tag.name}`,class:"mr-1 text-sm hover:underline"},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(o.tag.name),1)]),_:1},8,["to"])),o.showRate&&!s?(e.openBlock(),e.createElementBlock("span",d,e.toDisplayString(o.tag.rate),1)):e.createCommentVNode("",!0),o.closable?(e.openBlock(),e.createElementBlock("svg",{key:3,width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"inline-block cursor-pointer",onClick:i[0]||(i[0]=g=>o.$emit("close"))},[e.createElementVNode("path",{d:`M8.49999 7.66407L5.07851 4.24259C4.96961 4.1337 4.82192 4.07252 4.66793 4.07252C4.51393 4.07252 4.36624
+        4.1337 4.25735 4.24259C4.14846 4.35148 4.08728 4.49917 4.08728 4.65317C4.08728 4.80716 4.14846 4.95485 4.25735
+        5.06375L7.67883 8.48523L4.25735 11.9067C4.14846 12.0156 4.08728 12.1633 4.08728 12.3173C4.08728 12.4713 4.14846
+         12.619 4.25735 12.7279C4.36624 12.8368 4.51393 12.8979 4.66793 12.8979C4.82192 12.8979 4.96961 12.8368 5.07851
+          12.7279L8.49999 9.30639L11.9215 12.7279C12.0313 12.8349 12.1787 12.8948 12.3321 12.8948C12.4854 12.8948
+          12.6328 12.8349 12.7426 12.7279C12.8515 12.619 12.9127 12.4713 12.9127 12.3173C12.9127 12.1633 12.8515
+          12.0156 12.7426 11.9067L9.32115 8.48523L12.7426 5.06375C12.8515 4.95485 12.9127 4.80716 12.9127
+          4.65317C12.9127 4.49917 12.8515 4.35148 12.7426 4.24259C12.6328 4.13556 12.4854 4.07566 12.3321
+          4.07566C12.1787 4.07566 12.0313 4.13556 11.9215 4.24259L8.49999 7.66407Z`,fill:s?"#01ABAA":"white"},null,8,p)])):e.createCommentVNode("",!0)],2)}}}),a=(r,t)=>{const l=r.__vccOpts||r;for(const[s,o]of t)l[s]=o;return l},f=a(m,[["__scopeId","data-v-56852f88"]]),k={class:"loader-wrapper relative"},h=a(e.defineComponent({__name:"index",props:{width:{default:"21px"},height:{default:"21px"},speed:{default:"1.5s"},color:{default:"#01ABAA"}},setup(r){return e.useCssVars(t=>({"1ea7dc8c":t.width,c6f689be:t.height,"1d90de29":t.color,"1e72af0d":t.speed})),(t,l)=>(e.openBlock(),e.createElementBlock("div",k,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(8,s=>e.createElementVNode("div",{key:s,class:"spoke absolute"})),64))]))}}),[["__scopeId","data-v-c240f1d2"]]);n.Tag=f,n.WheelLoader=h,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "watermelon-ui-kit",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "type": "module",
   "main": "./dist/watermelon-ui-kit.umd.ts",
   "files": [
@@ -48,6 +48,7 @@
     "vite-plugin-dts": "^4.5.0",
     "vitest": "^3.0.5",
     "vue": "^3.5.13",
+    "vue-router": "^4.5.0",
     "vue-tsc": "^2.2.0"
   },
   "peerDependencies": {