vuiii 0.1.0-alpha

package/README.md

@@ -0,0 +1,16 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+
+1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
+2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
+
+You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).

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

@@ -0,0 +1,17 @@
+import { PropType } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+export declare type BreadcrumbItems = Record<string, RouteLocationRaw>;
+declare const _default: import("vue").DefineComponent<{
+    breadcrumbs: {
+        type: PropType<BreadcrumbItems>;
+        default: () => {};
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    breadcrumbs: {
+        type: PropType<BreadcrumbItems>;
+        default: () => {};
+    };
+}>>, {
+    breadcrumbs: BreadcrumbItems;
+}>;
+export default _default;

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

@@ -0,0 +1,76 @@
+import '../assets/css/button.css';
+import { PropType } from 'vue';
+declare const sizes: readonly ["normal", "small"];
+declare const variants: readonly ["default", "primary", "secondary", "danger"];
+export declare type Size = typeof sizes[number];
+export declare type Variant = typeof variants[number];
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: PropType<"small" | "normal">;
+        default: string;
+        validator: (value: Size) => boolean;
+    };
+    variant: {
+        type: PropType<"default" | "primary" | "secondary" | "danger">;
+        default: string;
+        validator: (value: Variant) => boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    active: BooleanConstructor;
+    loading: BooleanConstructor;
+    block: BooleanConstructor;
+    disabled: BooleanConstructor;
+}, unknown, unknown, {
+    component(): string;
+    classModifiers(): string[];
+    normalizedAttrs(): object;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: PropType<"small" | "normal">;
+        default: string;
+        validator: (value: Size) => boolean;
+    };
+    variant: {
+        type: PropType<"default" | "primary" | "secondary" | "danger">;
+        default: string;
+        validator: (value: Variant) => boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    active: BooleanConstructor;
+    loading: BooleanConstructor;
+    block: BooleanConstructor;
+    disabled: BooleanConstructor;
+}>>, {
+    label: string;
+    size: "small" | "normal";
+    variant: "default" | "primary" | "secondary" | "danger";
+    prefixIcon: string;
+    suffixIcon: string;
+    active: boolean;
+    loading: boolean;
+    block: boolean;
+    disabled: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,28 @@
+import '../assets/css/input.css';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: BooleanConstructor;
+    required: BooleanConstructor;
+    switch: BooleanConstructor;
+    caption: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {
+    normalizedAttrs(): any;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}>, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    required: BooleanConstructor;
+    switch: BooleanConstructor;
+    caption: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    required: boolean;
+    caption: string;
+    switch: boolean;
+    modelValue: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,59 @@
+import { PropType } from 'vue';
+import { Extractor, Option } from '../utils/normalizeOptions';
+declare type CheckedValues = Record<Option['value'], boolean>;
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    options: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    optionLabelKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionValueKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionDisabledKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+}, unknown, unknown, {
+    normalizedOptions(): Option[];
+    checkedValues(): CheckedValues;
+}, {
+    toggleCheckedValue(value: Option['value']): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+    options: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    optionLabelKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionValueKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionDisabledKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: (string | number)[];
+    optionLabelKey: Extractor;
+    optionValueKey: Extractor;
+    optionDisabledKey: Extractor;
+}>;
+export default _default;

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

@@ -0,0 +1,84 @@
+import { PropType } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+import { FormFieldsStructure } from './FormFields.vue';
+export declare type FormStructure<T = any> = {
+    title?: string;
+    separator?: boolean;
+    fields: FormFieldsStructure<T>;
+}[];
+declare const _default: import("vue").DefineComponent<{
+    structure: {
+        type: PropType<FormStructure<any>>;
+        default: () => {};
+    };
+    modelValue: {
+        type: PropType<any>;
+        default: () => undefined;
+    };
+    errors: {
+        type: PropType<Record<string, string | boolean | string[]>>;
+        default: () => {};
+    };
+    submit: {
+        type: PropType<(modelValue: any) => void>;
+        default: undefined;
+    };
+    submitLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    cancel: {
+        type: PropType<RouteLocationRaw | (() => void)>;
+        default: undefined;
+    };
+    cancelLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    submitting: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "submit" | "cancel")[], "update:modelValue" | "change" | "submit" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    structure: {
+        type: PropType<FormStructure<any>>;
+        default: () => {};
+    };
+    modelValue: {
+        type: PropType<any>;
+        default: () => undefined;
+    };
+    errors: {
+        type: PropType<Record<string, string | boolean | string[]>>;
+        default: () => {};
+    };
+    submit: {
+        type: PropType<(modelValue: any) => void>;
+        default: undefined;
+    };
+    submitLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    cancel: {
+        type: PropType<RouteLocationRaw | (() => void)>;
+        default: undefined;
+    };
+    cancelLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    submitting: BooleanConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: any;
+    errors: Record<string, string | boolean | string[]>;
+    submit: (modelValue: any) => void;
+    cancel: RouteLocationRaw | (() => void);
+    structure: FormStructure<any>;
+    submitLabel: string;
+    cancelLabel: string;
+    submitting: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,49 @@
+import { AsyncComponentLoader, Component, PropType } from 'vue';
+export declare type FormFieldValue = {
+    getter: (modelValue: any) => unknown;
+    setter: (value: unknown, modelValue: any) => void;
+};
+export declare type FormField = {
+    label?: string;
+    description?: string;
+    hint?: string;
+    required?: boolean;
+    component: string | Component | AsyncComponentLoader;
+    props?: Record<string, unknown>;
+    value?: FormFieldValue;
+};
+export declare type FormFieldsStructure<T extends any = any> = Record<Partial<keyof T>, FormField>;
+declare const _default: import("vue").DefineComponent<{
+    fields: {
+        type: PropType<FormFieldsStructure<any>>;
+        default: () => {};
+    };
+    modelValue: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    errors: {
+        type: PropType<Record<string, string | boolean | string[]>>;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    fields: {
+        type: PropType<FormFieldsStructure<any>>;
+        default: () => {};
+    };
+    modelValue: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    errors: {
+        type: PropType<Record<string, string | boolean | string[]>>;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: any;
+    fields: FormFieldsStructure<any>;
+    errors: Record<string, string | boolean | string[]>;
+}>;
+export default _default;

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

@@ -0,0 +1,47 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: PropType<string | boolean | string[]>;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: BooleanConstructor;
+}, unknown, unknown, {
+    errorMessage(): string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: PropType<string | boolean | string[]>;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: BooleanConstructor;
+}>>, {
+    description: string;
+    required: boolean;
+    label: string;
+    error: string | boolean | string[];
+    hint: string;
+}>;
+export default _default;

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

@@ -0,0 +1,16 @@
+declare type IconResolver = (name: string) => string | undefined | void;
+export declare function registerCustomIconResolver(resolver: IconResolver): void;
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+}, unknown, {
+    component: any;
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,57 @@
+import '../assets/css/input.css';
+import { PropType } from 'vue';
+declare const sizes: readonly ["normal", "small"];
+declare type Size = typeof sizes[number];
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "normal">;
+        default: string;
+        validator: (value: Size) => boolean;
+    };
+    invalid: BooleanConstructor;
+}, unknown, unknown, {
+    hasPrefix(): boolean;
+    hasSuffix(): boolean;
+}, {}, import("vue").DefineComponent<{}, {}, {}, {
+    normalizedAttrs(): any;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}>, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "normal">;
+        default: string;
+        validator: (value: Size) => boolean;
+    };
+    invalid: BooleanConstructor;
+}>>, {
+    size: "small" | "normal";
+    prefixIcon: string;
+    suffixIcon: string;
+    modelValue: string | number;
+    invalid: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,83 @@
+import '../assets/css/input.css';
+import { PropType } from 'vue';
+import { Extractor, Option } from '../utils/normalizeOptions';
+declare const sizes: readonly ["normal", "small"];
+declare type Size = typeof sizes[number];
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    options: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    optionLabelKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionValueKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionDisabledKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "normal">;
+        default: string;
+        validator: (value: Size) => boolean;
+    };
+    allowEmpty: BooleanConstructor;
+}, unknown, unknown, {
+    normalizedOptions(): Option[];
+}, {}, import("vue").DefineComponent<{}, {}, {}, {
+    normalizedAttrs(): any;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}>, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    options: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    optionLabelKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionValueKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionDisabledKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "normal">;
+        default: string;
+        validator: (value: Size) => boolean;
+    };
+    allowEmpty: BooleanConstructor;
+}>>, {
+    value: string | number | Record<string, any>;
+    size: "small" | "normal";
+    optionLabelKey: Extractor;
+    optionValueKey: Extractor;
+    optionDisabledKey: Extractor;
+    placeholder: string;
+    allowEmpty: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,51 @@
+import '../assets/css/table.css';
+import '../assets/css/typography.css';
+import { PropType } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+declare type ColumnOptions<T = any> = {
+    label?: string;
+    align?: 'left' | 'right' | 'center';
+    width?: string;
+    value?: (item: T) => unknown;
+    format?: (...params: any[]) => unknown;
+    href?: (item: T) => RouteLocationRaw;
+};
+declare type NormalizedTableColumns<T = any> = Record<keyof T | string, ColumnOptions<T>>;
+export declare type TableColumns<T = any> = Record<keyof T | string, string | ColumnOptions<T>>;
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    columns: {
+        type: PropType<TableColumns<any>>;
+        default: null;
+    };
+    rowClass: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+}, unknown, unknown, {
+    normalizedColumns(): NormalizedTableColumns;
+}, {
+    formatValue(item: any, key: keyof NormalizedTableColumns): any;
+    resolveRowClass(item: any): any;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    columns: {
+        type: PropType<TableColumns<any>>;
+        default: null;
+    };
+    rowClass: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: null;
+    };
+}>>, {
+    items: unknown[];
+    columns: TableColumns<any>;
+    rowClass: string | Function;
+}>;
+export default _default;

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

@@ -0,0 +1,19 @@
+import '../assets/css/input.css';
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue").DefineComponent<{}, {}, {}, {
+    normalizedAttrs(): any;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}>, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    value: string;
+}>;
+export default _default;

package/dist/components/modal/ModalLayout.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    hideCloser: BooleanConstructor;
+    scroll: BooleanConstructor;
+    plain: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    hideCloser: BooleanConstructor;
+    scroll: BooleanConstructor;
+    plain: BooleanConstructor;
+}>>, {
+    title: string;
+    width: string | number;
+    hideCloser: boolean;
+    scroll: boolean;
+    plain: boolean;
+}>;
+export default _default;