@toife/vue 3.7.1 → 3.7.3

package/README.md

@@ -98,6 +98,7 @@ The default prefix is `t-`. The **Tag** column is `prefix` + name (e.g. `t-butto
 | `t-segmented-field` | SegmentedField |
 | `t-skeleton` | Skeleton |
 | `t-switch` | Switch |
+| `t-tag-field` | TagField |
 | `t-tabs` | Tabs |
 | `t-toast` | Toast |
 | `t-toast-content` | ToastContent |

package/dist/components/index.d.ts

@@ -34,5 +34,6 @@ export * from './dropdown';
 export * from './select';
 export * from './slide-range';
 export * from './tag';
+export * from './tag-field';
 export * from './tooltip';
 export * from './virtual-list';

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

@@ -11,6 +11,7 @@ declare const _default: import('vue').DefineComponent<SelectProps, {}, {}, {}, {
     variant: import('../../core').FieldVariant;
     disabled: boolean;
     message: string;
+    placement: import('../../core').DropdownPlacement;
     options: Array<SelectOption>;
     modelValue: string;
     placeholder: string;

package/dist/components/tag-field/index.d.ts

@@ -0,0 +1 @@
+export { default as TagField } from './tag-field.vue';

package/dist/components/tag-field/tag-field.vue.d.ts

@@ -0,0 +1,33 @@
+import { TagFieldProps } from '../../core';
+declare const _default: import('vue').DefineComponent<TagFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
+    input: (text: string) => any;
+    "update:modelValue": (value: string[]) => any;
+    add: (tag: string) => any;
+    remove: (tag: string) => any;
+}, string, import('vue').PublicProps, Readonly<TagFieldProps> & Readonly<{
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onInput?: ((text: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    onAdd?: ((tag: string) => any) | undefined;
+    onRemove?: ((tag: string) => any) | undefined;
+}>, {
+    role: string;
+    shape: string;
+    size: import('../../core').TagFieldSize;
+    direction: import('../../core').AppDirection;
+    variant: import('../../core').TagFieldVariant;
+    disabled: boolean;
+    message: string;
+    max: number | string;
+    modelValue: string[];
+    readonly: boolean;
+    placeholder: string;
+    separators: string[];
+    allowDuplicates: boolean;
+    addOnBlur: boolean;
+    suggestions: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/core/features/index.d.ts

@@ -32,6 +32,7 @@ export * from './slide-range';
 export * from './switch';
 export * from './tabs';
 export * from './tag';
+export * from './tag-field';
 export * from './toast';
 export * from './toolbar';
 export * from './tooltip';

package/dist/core/features/select/select.constants.d.ts

@@ -10,5 +10,6 @@ export declare const SELECT_DEFAULT_PROPS: {
     readonly variant: "outline";
     readonly placeholder: "";
     readonly direction: undefined;
+    readonly placement: undefined;
     readonly options: () => Array<SelectOption>;
 };

package/dist/core/features/select/select.type.d.ts

@@ -1,5 +1,6 @@
 import { FieldSize, FieldVariant } from '../field';
 import { AppDirection } from '../app/app.type';
+import { DropdownPlacement } from '../dropdown/dropdown.type';
 export type SelectVariant = FieldVariant;
 export type SelectSize = FieldSize;
 export type SelectOption = {
@@ -15,6 +16,7 @@ export type SelectProps = {
     shape?: string;
     size?: FieldSize;
     direction?: AppDirection;
+    placement?: DropdownPlacement;
     id?: string;
     value?: string;
     placeholder?: string;

package/dist/core/features/tag-field/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tag-field.constants';
+export * from './tag-field.type';
+export * from './tag-field.logic';

package/dist/core/features/tag-field/tag-field.constants.d.ts

@@ -0,0 +1,20 @@
+/**
+ * TagField Default Props
+ */
+export declare const TAG_FIELD_DEFAULT_PROPS: {
+    readonly modelValue: () => never[];
+    readonly variant: "outline";
+    readonly size: "standard";
+    readonly role: undefined;
+    readonly shape: undefined;
+    readonly direction: undefined;
+    readonly disabled: false;
+    readonly readonly: false;
+    readonly placeholder: "";
+    readonly message: "";
+    readonly max: undefined;
+    readonly separators: () => string[];
+    readonly allowDuplicates: false;
+    readonly addOnBlur: false;
+    readonly suggestions: () => never[];
+};

package/dist/core/features/tag-field/tag-field.logic.d.ts

@@ -0,0 +1,46 @@
+import { TagFieldAttrOptions } from './tag-field.type';
+export declare const getTagFieldAttrs: (options: TagFieldAttrOptions) => {
+    class: (string | {
+        disabled: boolean;
+        focus: boolean;
+        readonly: boolean;
+        full: boolean;
+    })[];
+};
+export declare const getTagFieldContentAttrs: () => {
+    class: string[];
+};
+export declare const getTagFieldChipAttrs: () => {
+    class: string[];
+};
+export declare const getTagFieldTextAttrs: () => {
+    class: string[];
+};
+export declare const getTagFieldRemoveAttrs: () => {
+    class: string[];
+};
+export declare const getTagFieldInputAttrs: () => {
+    class: string[];
+};
+export declare const getTagFieldMessageAttrs: () => {
+    class: string[];
+};
+export declare const getTagFieldSuggestionsAttrs: () => {
+    class: string[];
+};
+export declare const getTagFieldSuggestionAttrs: () => {
+    class: string[];
+};
+/**
+ * Clean the text of one tag: trimmed, inner whitespace collapsed.
+ */
+export declare const normalizeTagText: (text: string) => string;
+/**
+ * Split pasted text into tags at every separator that is a single character
+ * (`Enter` counts as a line break) and drop the empty ones.
+ */
+export declare const splitTagText: (text: string, separators: string[]) => string[];
+/**
+ * Whether a tag is already in the list (case-insensitive).
+ */
+export declare const hasTag: (tags: string[], tag: string) => boolean;

package/dist/core/features/tag-field/tag-field.type.d.ts

@@ -0,0 +1,52 @@
+import { AppDirection } from '../app/app.type';
+export type TagFieldVariant = "outline" | "fill" | "underline";
+export type TagFieldSize = string;
+export type TagFieldProps = {
+    modelValue?: string[];
+    name?: string;
+    variant?: TagFieldVariant;
+    role?: string;
+    shape?: string;
+    size?: TagFieldSize;
+    direction?: AppDirection;
+    id?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    autocomplete?: string;
+    maxLength?: number | string;
+    tabindex?: number | string;
+    message?: string;
+    /** Maximum number of tags; once reached the text input is hidden. */
+    max?: number | string;
+    /** `KeyboardEvent.key` values (and pasted characters) that turn the text into a tag. */
+    separators?: string[];
+    /** Allow the same tag twice. Comparison ignores case. */
+    allowDuplicates?: boolean;
+    /** Turn the text left in the input into a tag when it loses focus. */
+    addOnBlur?: boolean;
+    /** Tags offered under the field; picking one adds it. */
+    suggestions?: string[];
+};
+export type TagFieldEvent = {
+    (e: "update:modelValue", value: string[]): void;
+    /** A tag was added by the user. */
+    (e: "add", tag: string): void;
+    /** A tag was removed by the user. */
+    (e: "remove", tag: string): void;
+    /** The text being typed changed (use it to load `suggestions`). */
+    (e: "input", text: string): void;
+    (e: "focus", ev: FocusEvent): void;
+    (e: "blur", ev: FocusEvent): void;
+};
+export type TagFieldAttrOptions = {
+    role: string;
+    shape: string;
+    size: string;
+    direction: string;
+    variant: TagFieldVariant;
+    disabled: boolean;
+    focus: boolean;
+    readonly: boolean;
+    full: boolean;
+};