@volverjs/ui-vue 0.0.10-beta.5 → 0.0.10-beta.50

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,73 @@
-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_SEPARATE_NUMBER_RE = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u");
+const DEFAULT_STRIP_REGEXP = /[^\p{L}\d]+/giu;
+const SPLIT_REPLACE_VALUE = "$1\0$2";
+const DEFAULT_PREFIX_SUFFIX_CHARACTERS = "";
+function split(value) {
+  let result = value.trim();
+  result = result.replace(SPLIT_LOWER_UPPER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_UPPER_UPPER_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 splitSeparateNumbers(value) {
+  const words = split(value);
+  for (let i = 0; i < words.length; i++) {
+    const word = words[i];
+    const match = SPLIT_SEPARATE_NUMBER_RE.exec(word);
+    if (match) {
+      const offset = match.index + (match[1] ?? match[2]).length;
+      words.splice(i, 1, word.slice(0, offset), word.slice(offset));
+    }
+  }
+  return words;
+}
+function noCase(input, options) {
+  const [prefix, words, suffix] = splitPrefixSuffix(input, options);
+  return prefix + words.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 splitFn = options.split ?? (options.separateNumbers ? splitSeparateNumbers : split);
+  const prefixCharacters = options.prefixCharacters ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+  const suffixCharacters = 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),
+    splitFn(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 +123,8 @@ function VolverResolver({
   prefix = VOLVER_PREFIX,
   importStyle,
   directives,
-  ignore
+  ignore,
+  cherryPick
 } = {}) {
   return [
     {
@@ -77,9 +140,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 +166,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"),t=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),r=new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d","u"),n=/[^\p{L}\d]+/giu,i="$1\0$2";function v(e){let r=e.trim();r=r.replace(o,i).replace(t,i),r=r.replace(n,"\0");let v=0,c=r.length;for(;"\0"===r.charAt(v);)v++;if(v===c)return[];for(;"\0"===r.charAt(c-1);)c--;return r.slice(v,c).split(/\0/g)}function c(e){const o=v(e);for(let t=0;t<o.length;t++){const e=o[t],n=r.exec(e);if(n){const r=n.index+(n[1]??n[2]).length;o.splice(t,1,e.slice(0,r),e.slice(r))}}return o}function s(e,o){const[t,r,n]=function(e,o={}){const t=o.split??(o.separateNumbers?c:v),r=o.prefixCharacters??"",n=o.suffixCharacters??"";let i=0,s=e.length;for(;i<e.length;){const o=e.charAt(i);if(!r.includes(o))break;i++}for(;s>i;){const o=s-1,t=e.charAt(o);if(!n.includes(t))break;s=o}return[e.slice(0,i),t(e.slice(i,s)),e.slice(s)]}(e,o);return t+r.map((i=null==o?void 0:o.locale,!1===i?e=>e.toLowerCase():e=>e.toLocaleLowerCase(i))).join((null==o?void 0:o.delimiter)??" ")+n;var i}function u(e,o){return s(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 t=[];if(!o)return t;const r=d(e);return r&&r.forEach((e=>{t.push(`@volverjs/style/${"scss"===o?"scss/":""}components/${e}`)})),t};e.VolverResolver=function({prefix:e="vv",importStyle:o,directives:t,ignore:r,cherryPick:n}={}){return[{type:"component",resolve:t=>{if(!e||!t.toLowerCase().startsWith(e.toLowerCase()))return;const i=u(t).replace(`${e}-`,"vv-");return r&&r.includes(i)?void 0:n?{from:`@volverjs/ui-vue/${i}`,sideEffects:f(i,o)}:{from:"@volverjs/ui-vue/components",sideEffects:f(i,o),name:t}}},{type:"directive",resolve:e=>{if(!t)return;const i=`v-${u(e)}`;return!p.includes(i)||r&&r.includes(i)?void 0:n?{from:`@volverjs/ui-vue/${i}`,sideEffects:f(i,o)}:{from:"@volverjs/ui-vue/directives",sideEffects:f(i,o),name:`v${e}`}}}]},e.getStyleNames=d,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/stories/Accordion/Accordion.settings.d.ts

@@ -1,3 +1,4 @@
+import type { ArgTypes } from '@storybook/types';
 export declare const defaultArgs: {
     title: string;
     content: string;
@@ -5,60 +6,4 @@ export declare const defaultArgs: {
     disabled: boolean;
     not: boolean;
 };
-export declare const argTypes: {
-    disabled: {
-        control: string;
-        description: string;
-        table: {
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-    summary: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-    };
-    default: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-    };
-    title: {
-        description: string;
-    };
-    content: {
-        description: string;
-    };
-    modifiers: {
-        options: string[];
-        description: string;
-        control: {
-            type: string;
-        };
-    };
-    not: {
-        description: string;
-        control: string;
-        table: {
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-};
+export declare const argTypes: ArgTypes;

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

@@ -1,3 +1,4 @@
+import type { ArgTypes } from '@storybook/vue3';
 export declare const defaultArgs: {
     collapse: boolean;
     disabled: boolean;
@@ -9,69 +10,4 @@ export declare const defaultArgs: {
     modifiers: never[];
     itemModifiers: never[];
 };
-export declare const argTypes: {
-    default: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            category: string;
-            type: {
-                summary: string;
-            };
-        };
-    };
-    disabled: {
-        control: string;
-        description: string;
-        table: {
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-    '`details::${item.name}`': {
-        table: {
-            disable: boolean;
-        };
-    };
-    '`header::${item.name}`': {
-        table: {
-            disable: boolean;
-        };
-    };
-    items: {
-        description: string;
-    };
-    collapse: {
-        description: string;
-        control: string;
-        table: {
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-    not: {
-        description: string;
-        control: string;
-        table: {
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-    modifiers: {
-        options: string[];
-        description: string;
-        control: {
-            type: string;
-        };
-    };
-    itemModifiers: {
-        description: string;
-        control: string;
-        options: string[];
-    };
-};
+export declare const argTypes: ArgTypes;

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

@@ -1,132 +1,7 @@
 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;
-            collapse?: boolean | undefined;
-            not?: boolean | undefined;
-            items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
-            itemModifiers?: string | string[] | undefined;
-            key?: string | number | symbol | undefined;
-            readonly modelValue?: string | unknown[] | undefined;
-            readonly modifiers?: string | string[] | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            style?: unknown;
-            class?: unknown;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            readonly storeKey?: string | undefined;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $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;
-            collapse: boolean;
-            not: 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;
-        };
-        $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<{
-        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;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & 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;
-    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>> & {
-        default?(_: {}): any;
-    };
-})>;
-export default _default;
+declare const meta: Meta<typeof VvAccordionGroup>;
+export default meta;
 export type Story = StoryObj<typeof VvAccordionGroup>;
 export declare const Default: Story;
 export declare const Not: Story;