@volverjs/ui-vue 0.0.1-beta.12 → 0.0.1-beta.16

package/dist/components/VvCard/VvCard.es.js

@@ -1,188 +1,77 @@
-import { computed as p, unref as g, defineComponent as C, useAttrs as k, toRefs as O, openBlock as u, createElementBlock as a, mergeProps as E, renderSlot as d, createTextVNode as $, toDisplayString as _, createCommentVNode as h } from "vue";
-const j = {
-  title: String,
-  modifiers: [String, Array]
-}, A = {
-  equals(e, t, r) {
-    return r ? this.resolveFieldData(e, r) === this.resolveFieldData(t, r) : this.deepEquals(e, t);
-  },
-  deepEquals(e, t) {
-    if (e === t)
-      return !0;
-    if (e && t && typeof e == "object" && typeof t == "object") {
-      const r = Array.isArray(e), i = Array.isArray(t);
-      let s, o, n;
-      if (r && i) {
-        if (o = e.length, o != t.length)
-          return !1;
-        for (s = o; s-- !== 0; )
-          if (!this.deepEquals(e[s], t[s]))
-            return !1;
-        return !0;
-      }
-      if (r != i)
-        return !1;
-      const f = e instanceof Date, c = t instanceof Date;
-      if (f != c)
-        return !1;
-      if (f && c)
-        return e.getTime() == t.getTime();
-      const l = e instanceof RegExp, m = t instanceof RegExp;
-      if (l != m)
-        return !1;
-      if (l && m)
-        return e.toString() == t.toString();
-      const y = Object.keys(e);
-      if (o = y.length, o !== Object.keys(t).length)
-        return !1;
-      for (s = o; s-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, y[s]))
-          return !1;
-      for (s = o; s-- !== 0; )
-        if (n = y[s], !this.deepEquals(e[n], t[n]))
-          return !1;
-      return !0;
-    }
-    return e !== e && t !== t;
-  },
-  resolveFieldData(e, t) {
-    if (e && Object.keys(e).length && t) {
-      if (t.indexOf(".") === -1)
-        return e[t];
-      {
-        const r = t.split(".");
-        let i = e;
-        for (let s = 0, o = r.length; s < o; ++s) {
-          if (e == null)
-            return null;
-          i = i[r[s]];
-        }
-        return i;
-      }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, t) {
-    let r = -1;
-    if (t) {
-      for (let i = 0; i < t.length; i++)
-        if (this.equals(t[i], e)) {
-          r = i;
-          break;
-        }
-    }
-    return r;
-  },
-  contains(e, t) {
-    if (e != null && t && t.length) {
-      for (const r of t)
-        if (this.equals(e, r))
-          return !0;
-    }
-    return !1;
-  },
-  isEmpty(e) {
-    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
-  },
-  isNotEmpty(e) {
-    return !this.isEmpty(e);
-  },
-  pickBy(e, t) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([r]) => t(r))
-    );
-  },
-  removeFromList(e, t) {
-    const r = this.findIndexInList(e, t);
-    return r > -1 ? t.filter((i, s) => s !== r) : t;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((t, r) => {
-      var i, s, o, n, f;
-      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (i = e[r]) != null && i.type && (Array.isArray(e[r].type) ? t[r] = ((s = e[r]) == null ? void 0 : s.default) || ((o = e[r]) == null ? void 0 : o.type[0]()) : t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((f = e[r]) == null ? void 0 : f.type())), t;
-    }, {});
-  },
-  filterArray(e, t, r) {
-    return e.filter((i) => t.some((s) => typeof s == "string" ? i[r] == s : this.equals(
-      i[r],
-      s[r]
-    )));
-  },
-  kebabCase(e) {
-    var t, r;
-    if (e)
-      return (r = (t = e.match(
-        /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
-      )) == null ? void 0 : t.join("-")) == null ? void 0 : r.toLowerCase();
-  }
-};
-function q(e, t) {
-  const r = { [`${e}`]: !0 };
+import { computed as $, unref as f, defineComponent as p, openBlock as a, createElementBlock as i, normalizeClass as v, renderSlot as d, createTextVNode as h, toDisplayString as b, createCommentVNode as c } from "vue";
+function u(s) {
+  var r, t;
+  if (s)
+    return (t = (r = s.match(
+      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+    )) == null ? void 0 : r.join("-")) == null ? void 0 : t.toLowerCase();
+}
+function y(s, r) {
+  const t = { [`${s}`]: !0 };
   return {
-    bemCssClasses: p(() => Object.keys(t).reduce((s, o) => {
-      const n = g(t[o]) || !1;
-      if (!n)
-        return s;
-      if (o === "modifiers") {
-        const f = Array.isArray(n) ? n : [n];
+    bemCssClasses: $(() => Object.keys(r).reduce((n, l) => {
+      const o = f(r[l]) || !1;
+      if (!o)
+        return n;
+      if (l === "modifiers") {
+        const m = Array.isArray(o) ? o : o.split(" ");
         return {
-          ...s,
-          ...f.reduce(
-            (c, l) => ({
-              ...c,
-              [`${e}--${A.kebabCase(
-                l
-              )}`]: !0
+          ...n,
+          ...m.reduce(
+            (C, _) => ({
+              ...C,
+              [`${s}--${u(_)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...s,
-          [`${e}--${A.kebabCase(o)}`]: n
+          ...n,
+          [`${s}--${u(l)}`]: o
         };
-    }, r) || {})
+    }, t) || {})
   };
 }
-const S = {
+const k = {
+  title: String,
+  modifiers: [String, Array]
+}, A = {
   key: 0,
   class: "vv-card__header"
-}, b = {
+}, g = {
   key: 1,
   class: "vv-card__content"
-}, B = {
+}, S = {
   key: 2,
   class: "vv-card__footer"
-}, F = /* @__PURE__ */ C({
-  __name: "VvCard",
-  props: j,
-  setup(e) {
-    const t = e, r = k(), { modifiers: i } = O(t), { bemCssClasses: s } = q("vv-card", {
-      modifiers: i
-    }), o = p(() => r);
-    return (n, f) => (u(), a("article", E({ class: g(s) }, g(o)), [
-      n.$slots.header || n.title ? (u(), a("header", S, [
-        d(n.$slots, "header", {}, () => [
-          $(_(n.title), 1)
+}, V = {
+  name: "VvCard"
+}, z = /* @__PURE__ */ p({
+  ...V,
+  props: k,
+  setup(s) {
+    const r = s, { bemCssClasses: t } = y("vv-card", {
+      modifiers: r.modifiers
+    });
+    return (e, n) => (a(), i("article", {
+      class: v(f(t))
+    }, [
+      e.$slots.header || e.title ? (a(), i("header", A, [
+        d(e.$slots, "header", {}, () => [
+          h(b(e.title), 1)
         ])
-      ])) : h("", !0),
-      d(n.$slots, "default"),
-      n.$slots.content ? (u(), a("div", b, [
-        d(n.$slots, "content")
-      ])) : h("", !0),
-      n.$slots.footer ? (u(), a("footer", B, [
-        d(n.$slots, "footer")
-      ])) : h("", !0)
-    ], 16));
+      ])) : c("", !0),
+      d(e.$slots, "default"),
+      e.$slots.content ? (a(), i("div", g, [
+        d(e.$slots, "content")
+      ])) : c("", !0),
+      e.$slots.footer ? (a(), i("footer", S, [
+        d(e.$slots, "footer")
+      ])) : c("", !0)
+    ], 2));
   }
 });
 export {
-  F as default
+  z as default
 };

package/dist/components/VvCard/VvCard.umd.js

@@ -1 +1 @@
-(function(n,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(n=typeof globalThis<"u"?globalThis:n||self,n.VvCard=l(n.vue))})(this,function(n){"use strict";const l={title:String,modifiers:[String,Array]},y={equals(e,t,r){return r?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),i=Array.isArray(t);let s,f,o;if(r&&i){if(f=e.length,f!=t.length)return!1;for(s=f;s--!==0;)if(!this.deepEquals(e[s],t[s]))return!1;return!0}if(r!=i)return!1;const c=e instanceof Date,d=t instanceof Date;if(c!=d)return!1;if(c&&d)return e.getTime()==t.getTime();const a=e instanceof RegExp,m=t instanceof RegExp;if(a!=m)return!1;if(a&&m)return e.toString()==t.toString();const u=Object.keys(e);if(f=u.length,f!==Object.keys(t).length)return!1;for(s=f;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,u[s]))return!1;for(s=f;s--!==0;)if(o=u[s],!this.deepEquals(e[o],t[o]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let i=e;for(let s=0,f=r.length;s<f;++s){if(e==null)return null;i=i[r[s]]}return i}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let i=0;i<t.length;i++)if(this.equals(t[i],e)){r=i;break}}return r},contains(e,t){if(e!=null&&t&&t.length){for(const r of t)if(this.equals(e,r))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([r])=>t(r)))},removeFromList(e,t){const r=this.findIndexInList(e,t);return r>-1?t.filter((i,s)=>s!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var i,s,f,o,c;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(i=e[r])!=null&&i.type&&(Array.isArray(e[r].type)?t[r]=((s=e[r])==null?void 0:s.default)||((f=e[r])==null?void 0:f.type[0]()):t[r]=((o=e[r])==null?void 0:o.default)||((c=e[r])==null?void 0:c.type())),t},{})},filterArray(e,t,r){return e.filter(i=>t.some(s=>typeof s=="string"?i[r]==s:this.equals(i[r],s[r])))},kebabCase(e){var t,r;if(e)return(r=(t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:t.join("-"))==null?void 0:r.toLowerCase()}};function h(e,t){const r={[`${e}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(t).reduce((s,f)=>{const o=n.unref(t[f])||!1;if(!o)return s;if(f==="modifiers"){const c=Array.isArray(o)?o:[o];return{...s,...c.reduce((d,a)=>({...d,[`${e}--${y.kebabCase(a)}`]:!0}),{})}}else return{...s,[`${e}--${y.kebabCase(f)}`]:o}},r)||{})}}const p={key:0,class:"vv-card__header"},g={key:1,class:"vv-card__content"},A={key:2,class:"vv-card__footer"};return n.defineComponent({__name:"VvCard",props:l,setup(e){const t=e,r=n.useAttrs(),{modifiers:i}=n.toRefs(t),{bemCssClasses:s}=h("vv-card",{modifiers:i}),f=n.computed(()=>r);return(o,c)=>(n.openBlock(),n.createElementBlock("article",n.mergeProps({class:n.unref(s)},n.unref(f)),[o.$slots.header||o.title?(n.openBlock(),n.createElementBlock("header",p,[n.renderSlot(o.$slots,"header",{},()=>[n.createTextVNode(n.toDisplayString(o.title),1)])])):n.createCommentVNode("",!0),n.renderSlot(o.$slots,"default"),o.$slots.content?(n.openBlock(),n.createElementBlock("div",g,[n.renderSlot(o.$slots,"content")])):n.createCommentVNode("",!0),o.$slots.footer?(n.openBlock(),n.createElementBlock("footer",A,[n.renderSlot(o.$slots,"footer")])):n.createCommentVNode("",!0)],16))}})});
+(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue")):typeof define=="function"&&define.amd?define(["vue"],r):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCard=r(e.vue))})(this,function(e){"use strict";function r(s){var o,n;if(s)return(n=(o=s.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:o.join("-"))==null?void 0:n.toLowerCase()}function c(s,o){const n={[`${s}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(o).reduce((i,a)=>{const d=e.unref(o[a])||!1;if(!d)return i;if(a==="modifiers"){const u=Array.isArray(d)?d:d.split(" ");return{...i,...u.reduce((_,k)=>({..._,[`${s}--${r(k)}`]:!0}),{})}}else return{...i,[`${s}--${r(a)}`]:d}},n)||{})}}const l={title:String,modifiers:[String,Array]},f={key:0,class:"vv-card__header"},m={key:1,class:"vv-card__content"},p={key:2,class:"vv-card__footer"},C={name:"VvCard"};return e.defineComponent({...C,props:l,setup(s){const o=s,{bemCssClasses:n}=c("vv-card",{modifiers:o.modifiers});return(t,i)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(n))},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",f,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.content?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(t.$slots,"content")])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",p,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})});

package/dist/components/VvCard/VvCard.vue.d.ts

@@ -1,63 +1,18 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            title: StringConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: StringConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        title: StringConstructor;
-        modifiers: (StringConstructor | ArrayConstructor)[];
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: StringConstructor;
-    modifiers: (StringConstructor | ArrayConstructor)[];
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        header: (_: {}) => any;
-        default: (_: {}) => any;
-        content: (_: {}) => any;
-        footer: (_: {}) => any;
-    };
-});
+    modifiers: (ArrayConstructor | StringConstructor)[];
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    modifiers: (ArrayConstructor | StringConstructor)[];
+}>>, {}>, {
+    header: (_: {}) => any;
+    default: (_: {}) => any;
+    content: (_: {}) => any;
+    footer: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvCard/{VvCard.d.ts → index.d.ts}

@@ -1,4 +1,4 @@
 export declare const VvCardProps: {
     title: StringConstructor;
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    modifiers: (ArrayConstructor | StringConstructor)[];
 };