@volverjs/ui-vue 0.0.10-beta.2 → 0.0.10-beta.21

package/dist/resolvers/unplugin.d.ts

@@ -22,6 +22,11 @@ export interface VolverResolverOptions {
      * @default undefined
      */
     ignore?: string[];
+    /**
+     * cherry pick components from named exports
+     * @default undefined
+     */
+    cherryPick?: boolean;
 }
 export declare const getStyleNames: (kebabName: string) => string[] | undefined;
 /**
@@ -29,5 +34,5 @@ export declare const getStyleNames: (kebabName: string) => string[] | undefined;
  *
  * @link https://github.com/volverjs/ui-vue
  */
-export declare function VolverResolver({ prefix, importStyle, directives, ignore, }?: VolverResolverOptions): ComponentResolver[];
+export declare function VolverResolver({ prefix, importStyle, directives, ignore, cherryPick, }?: VolverResolverOptions): ComponentResolver[];
 export {};

package/dist/resolvers/unplugin.es.js

@@ -1,11 +1,64 @@
-function kebabCase(str, options) {
-  if (typeof str !== "string")
-    throw new TypeError("expected a string");
-  return str.trim().replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\W/g, (m) => /[À-ž]/.test(m) ? m : "-").replace(/^-+|-+$/g, "").replace(/-{2,}/g, (m) => (options == null ? void 0 : options.condense) ? "-" : m).toLowerCase();
+const SPLIT_LOWER_UPPER_RE = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu");
+const SPLIT_UPPER_UPPER_RE = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu");
+const SPLIT_NUMBER_LOWER_RE = new RegExp("(\\d)(\\p{Ll})", "gu");
+const SPLIT_LETTER_NUMBER_RE = new RegExp("(\\p{L})(\\d)", "gu");
+const DEFAULT_STRIP_REGEXP = /[^\p{L}\d]+/giu;
+const SPLIT_REPLACE_VALUE = "$1\0$2";
+const DEFAULT_PREFIX_SUFFIX_CHARACTERS = "";
+function split(value, options) {
+  let result = value.trim();
+  result = result.replace(SPLIT_LOWER_UPPER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_UPPER_UPPER_RE, SPLIT_REPLACE_VALUE);
+  if (options == null ? void 0 : options.separateNumbers) {
+    result = result.replace(SPLIT_NUMBER_LOWER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_LETTER_NUMBER_RE, SPLIT_REPLACE_VALUE);
+  }
+  result = result.replace(DEFAULT_STRIP_REGEXP, "\0");
+  let start = 0;
+  let end = result.length;
+  while (result.charAt(start) === "\0")
+    start++;
+  if (start === end)
+    return [];
+  while (result.charAt(end - 1) === "\0")
+    end--;
+  return result.slice(start, end).split(/\0/g);
+}
+function noCase(input, options) {
+  const [prefix, value, suffix] = splitPrefixSuffix(input, options);
+  return prefix + split(value, options).map(lowerFactory(options == null ? void 0 : options.locale)).join((options == null ? void 0 : options.delimiter) ?? " ") + suffix;
+}
+function kebabCase(input, options) {
+  return noCase(input, { delimiter: "-", ...options });
+}
+function lowerFactory(locale) {
+  return locale === false ? (input) => input.toLowerCase() : (input) => input.toLocaleLowerCase(locale);
+}
+function splitPrefixSuffix(input, options) {
+  const prefixCharacters = (options == null ? void 0 : options.prefixCharacters) ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+  const suffixCharacters = (options == null ? void 0 : options.suffixCharacters) ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+  let prefixIndex = 0;
+  let suffixIndex = input.length;
+  while (prefixIndex < input.length) {
+    const char = input.charAt(prefixIndex);
+    if (!prefixCharacters.includes(char))
+      break;
+    prefixIndex++;
+  }
+  while (suffixIndex > prefixIndex) {
+    const index = suffixIndex - 1;
+    const char = input.charAt(index);
+    if (!suffixCharacters.includes(char))
+      break;
+    suffixIndex = index;
+  }
+  return [
+    input.slice(0, prefixIndex),
+    input.slice(prefixIndex, suffixIndex),
+    input.slice(suffixIndex)
+  ];
 }
 const STYLE_EXCLUDE = ["vv-icon", "vv-action"];
 const VOLVER_PREFIX = "vv";
-const DIRECTIVES = ["v-tooltip"];
+const DIRECTIVES = ["v-tooltip", "v-contextmenu"];
 const getStyleNames = function(kebabName) {
   if (STYLE_EXCLUDE.includes(kebabName)) {
     return void 0;
@@ -61,7 +114,8 @@ function VolverResolver({
   prefix = VOLVER_PREFIX,
   importStyle,
   directives,
-  ignore
+  ignore,
+  cherryPick
 } = {}) {
   return [
     {
@@ -77,9 +131,16 @@ function VolverResolver({
         if (ignore && ignore.includes(kebabName)) {
           return;
         }
+        if (cherryPick) {
+          return {
+            from: `@volverjs/ui-vue/${kebabName}`,
+            sideEffects: getSideEffects(kebabName, importStyle)
+          };
+        }
         return {
-          from: `@volverjs/ui-vue/${kebabName}`,
-          sideEffects: getSideEffects(kebabName, importStyle)
+          from: "@volverjs/ui-vue/components",
+          sideEffects: getSideEffects(kebabName, importStyle),
+          name
         };
       }
     },
@@ -96,9 +157,16 @@ function VolverResolver({
         if (ignore && ignore.includes(kebabName)) {
           return;
         }
+        if (cherryPick) {
+          return {
+            from: `@volverjs/ui-vue/${kebabName}`,
+            sideEffects: getSideEffects(kebabName, importStyle)
+          };
+        }
         return {
-          from: `@volverjs/ui-vue/${kebabName}`,
-          sideEffects: getSideEffects(kebabName, importStyle)
+          from: "@volverjs/ui-vue/directives",
+          sideEffects: getSideEffects(kebabName, importStyle),
+          name: `v${name}`
         };
       }
     }

package/dist/resolvers/unplugin.umd.js

@@ -1 +1 @@
-!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((o="undefined"!=typeof globalThis?globalThis:o||self).components={})}(this,(function(o){"use strict";function e(o,e){if("string"!=typeof o)throw new TypeError("expected a string");return o.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\W/g,(o=>/[À-ž]/.test(o)?o:"-")).replace(/^-+|-+$/g,"").replace(/-{2,}/g,(o=>(null==e?void 0:e.condense)?"-":o)).toLowerCase()}const t=["vv-icon","vv-action"],r=["v-tooltip"],v=function(o){if(!t.includes(o))return"vv-dropdown"===o?["vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:"vv-combobox"===o?["vv-select","vv-dropdown-option","vv-dropdown-optgroup","vv-dropdown","vv-dropdown-action"]:"vv-button-group"===o?["vv-button","vv-button-group"]:"vv-accordion-group"===o?["vv-accordion","vv-accordion-group"]:"vv-checkbox-group"===o?["vv-checkbox","vv-checkbox-group"]:"vv-radio-group"===o?["vv-radio","vv-radio-group"]:"vv-alert-group"===o?["vv-alert","vv-alert-group"]:"v-tooltip"===o?["vv-tooltip"]:[o]},n=function(o,e){const t=[];if(!e)return t;const r=v(o);return r&&r.forEach((o=>{t.push(`@volverjs/style/${"scss"===e?"scss/":""}components/${o}`)})),t};o.VolverResolver=function({prefix:o="vv",importStyle:t,directives:v,ignore:i}={}){return[{type:"component",resolve:r=>{if(!o||!r.toLowerCase().startsWith(o.toLowerCase()))return;const v=e(r).replace(`${o}-`,"vv-");return i&&i.includes(v)?void 0:{from:`@volverjs/ui-vue/${v}`,sideEffects:n(v,t)}}},{type:"directive",resolve:o=>{if(!v)return;const c=`v-${e(o)}`;return!r.includes(c)||i&&i.includes(c)?void 0:{from:`@volverjs/ui-vue/${c}`,sideEffects:n(c,t)}}}]},o.getStyleNames=v,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports):"function"==typeof define&&define.amd?define(["exports"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).components={})}(this,(function(e){"use strict";const o=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),r=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),t=new RegExp("(\\d)(\\p{Ll})","gu"),n=new RegExp("(\\p{L})(\\d)","gu"),v=/[^\p{L}\d]+/giu,i="$1\0$2",c="";function u(e,u){const[s,l,p]=function(e,o){const r=(null==o?void 0:o.prefixCharacters)??c,t=(null==o?void 0:o.suffixCharacters)??c;let n=0,v=e.length;for(;n<e.length;){const o=e.charAt(n);if(!r.includes(o))break;n++}for(;v>n;){const o=v-1,r=e.charAt(o);if(!t.includes(r))break;v=o}return[e.slice(0,n),e.slice(n,v),e.slice(v)]}(e,u);return s+function(e,c){let u=e.trim();u=u.replace(o,i).replace(r,i),(null==c?void 0:c.separateNumbers)&&(u=u.replace(t,i).replace(n,i)),u=u.replace(v,"\0");let s=0,l=u.length;for(;"\0"===u.charAt(s);)s++;if(s===l)return[];for(;"\0"===u.charAt(l-1);)l--;return u.slice(s,l).split(/\0/g)}(l,u).map((d=null==u?void 0:u.locale,!1===d?e=>e.toLowerCase():e=>e.toLocaleLowerCase(d))).join((null==u?void 0:u.delimiter)??" ")+p;var d}function s(e,o){return u(e,{delimiter:"-",...o})}const l=["vv-icon","vv-action"],p=["v-tooltip","v-contextmenu"],d=function(e){if(!l.includes(e))return"vv-dropdown"===e?["vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:"vv-combobox"===e?["vv-select","vv-dropdown-option","vv-dropdown-optgroup","vv-dropdown","vv-dropdown-action"]:"vv-button-group"===e?["vv-button","vv-button-group"]:"vv-accordion-group"===e?["vv-accordion","vv-accordion-group"]:"vv-checkbox-group"===e?["vv-checkbox","vv-checkbox-group"]:"vv-radio-group"===e?["vv-radio","vv-radio-group"]:"vv-alert-group"===e?["vv-alert","vv-alert-group"]:"v-tooltip"===e?["vv-tooltip"]:[e]},f=function(e,o){const r=[];if(!o)return r;const t=d(e);return t&&t.forEach((e=>{r.push(`@volverjs/style/${"scss"===o?"scss/":""}components/${e}`)})),r};e.VolverResolver=function({prefix:e="vv",importStyle:o,directives:r,ignore:t,cherryPick:n}={}){return[{type:"component",resolve:r=>{if(!e||!r.toLowerCase().startsWith(e.toLowerCase()))return;const v=s(r).replace(`${e}-`,"vv-");return t&&t.includes(v)?void 0:n?{from:`@volverjs/ui-vue/${v}`,sideEffects:f(v,o)}:{from:"@volverjs/ui-vue/components",sideEffects:f(v,o),name:r}}},{type:"directive",resolve:e=>{if(!r)return;const v=`v-${s(e)}`;return!p.includes(v)||t&&t.includes(v)?void 0:n?{from:`@volverjs/ui-vue/${v}`,sideEffects:f(v,o)}:{from:"@volverjs/ui-vue/directives",sideEffects:f(v,o),name:`v${e}`}}}]},e.getStyleNames=d,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/stories/AccordionGroup/AccordionGroup.stories.d.ts

@@ -1,83 +1,59 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
 import VvAccordionGroup from '@/components/VvAccordionGroup/VvAccordionGroup.vue';
 declare const _default: Meta<{
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-            disabled?: boolean | undefined;
-            not?: boolean | undefined;
-            collapse?: boolean | undefined;
-            items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
-            itemModifiers?: string | string[] | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            readonly modelValue?: string | unknown[] | undefined;
-            readonly modifiers?: string | string[] | undefined;
-            key?: string | number | symbol | undefined;
-            style?: unknown;
-            class?: unknown;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            readonly storeKey?: string | undefined;
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<globalThis.ExtractPropTypes<{
+        modelValue: (ArrayConstructor | StringConstructor)[];
+        items: {
+            type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
+            default: () => never[];
+        };
+        collapse: BooleanConstructor;
+        itemModifiers: {
+            type: globalThis.PropType<string | string[]>;
+            default: string;
+        };
+        disabled: BooleanConstructor;
+        not: BooleanConstructor;
+        storeKey: StringConstructor;
+        modifiers: {
+            type: globalThis.PropType<string | string[]>;
+            default: undefined;
         };
-        $attrs: {
-            [x: string]: unknown;
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        [x: string]: (...args: any[]) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
+        modelValue: (ArrayConstructor | StringConstructor)[];
+        items: {
+            type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
+            default: () => never[];
         };
-        $refs: {
-            [x: string]: unknown;
+        collapse: BooleanConstructor;
+        itemModifiers: {
+            type: globalThis.PropType<string | string[]>;
+            default: string;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: globalThis.ComponentPublicInstance | null;
-        $parent: globalThis.ComponentPublicInstance | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (ArrayConstructor | StringConstructor)[];
-            items: {
-                type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
-                default: () => never[];
-            };
-            collapse: BooleanConstructor;
-            itemModifiers: {
-                type: globalThis.PropType<string | string[]>;
-                default: string;
-            };
-            disabled: BooleanConstructor;
-            not: BooleanConstructor;
-            storeKey: StringConstructor;
-            modifiers: globalThis.PropType<string | string[]>;
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            disabled: boolean;
-            not: boolean;
-            collapse: boolean;
-            items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
-            itemModifiers: string | 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: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
+        disabled: BooleanConstructor;
+        not: BooleanConstructor;
+        storeKey: StringConstructor;
+        modifiers: {
+            type: globalThis.PropType<string | string[]>;
+            default: 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<{
+    }>>, {
+        disabled: boolean;
+        modifiers: string | string[];
+        collapse: boolean;
+        not: boolean;
+        items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
+        itemModifiers: string | string[];
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
         modelValue: (ArrayConstructor | StringConstructor)[];
         items: {
             type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
@@ -91,14 +67,22 @@ declare const _default: Meta<{
         disabled: BooleanConstructor;
         not: BooleanConstructor;
         storeKey: StringConstructor;
-        modifiers: globalThis.PropType<string | string[]>;
-    }>> & {
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        modifiers: {
+            type: globalThis.PropType<string | string[]>;
+            default: undefined;
+        };
+    }>>, {}, {}, {}, {}, {
+        disabled: boolean;
+        modifiers: string | string[];
+        collapse: boolean;
+        not: boolean;
+        items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
+        itemModifiers: string | string[];
+    }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+} & import("vue").ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
     modelValue: (ArrayConstructor | StringConstructor)[];
     items: {
         type: globalThis.PropType<import("../../components/VvAccordionGroup").VvAccordionGroupItem[]>;
@@ -112,17 +96,21 @@ declare const _default: Meta<{
     disabled: BooleanConstructor;
     not: BooleanConstructor;
     storeKey: StringConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: (...args: any[]) => void;
+}, string, {
     disabled: boolean;
-    not: boolean;
+    modifiers: string | string[];
     collapse: boolean;
+    not: boolean;
     items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
     itemModifiers: string | string[];
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
+    $slots: Partial<Record<`header::${string}`, (_: any) => any>> & Partial<Record<`details::${string}`, (_: any) => any>> & {
         default?(_: {}): any;
     };
 })>;