Skip to content

1.0.0-beta-1.3 #15

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 13 commits into from
Jun 30, 2023
Merged

1.0.0-beta-1.3 #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
d18f145
Fix to have menu prop to false if fieldOnly prop is true
webdevnerdstuff Jun 29, 2023
978cc0d
Update styles and icons
webdevnerdstuff Jun 29, 2023
09e5ab6
Update vuetify icon
webdevnerdstuff Jun 29, 2023
7c3bac6
Add close icon type to textarea and text-field
webdevnerdstuff Jun 29, 2023
f087b50
Update props
webdevnerdstuff Jun 29, 2023
c3eb555
Updating docs
webdevnerdstuff Jun 30, 2023
48ef471
Updating playground
webdevnerdstuff Jun 30, 2023
a019920
Updating loading components
webdevnerdstuff Jun 30, 2023
55e442e
Update to support demo site and playground
webdevnerdstuff Jun 30, 2023
4b486e6
Updating docs
webdevnerdstuff Jun 30, 2023
3818de9
Add package
webdevnerdstuff Jun 30, 2023
475ddd7
Updating docs
webdevnerdstuff Jun 30, 2023
bfe021d
Build
webdevnerdstuff Jun 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion dist/plugin/composables/classes.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
import { UseDisplayContainerClass, UseDisplayInputControlClass, UseDisplaySelectionControlClass, UseDisplayValueClass, UseFieldContainerClass, UseInlineFieldsContainerClass } from '../../types';
import { UseCancelButtonClass, UseDisplayContainerClass, UseDisplayInputControlClass, UseDisplaySelectionControlClass, UseDisplayValueClass, UseFieldContainerClass, UseInlineFieldsContainerClass } from '../../types';
export declare const useInlineFieldsContainerClass: UseInlineFieldsContainerClass;
export declare const useDisplayContainerClass: UseDisplayContainerClass;
export declare const useDisplayInputControlClasses: UseDisplayInputControlClass;
export declare const useDisplaySelectionControlClasses: UseDisplaySelectionControlClass;
export declare const useDisplayValueClass: UseDisplayValueClass;
export declare const useFieldContainerClass: UseFieldContainerClass;
export declare const useSaveFieldsContainerClass: () => object;
export declare const useCancelButtonClass: UseCancelButtonClass;
23 changes: 16 additions & 7 deletions dist/plugin/utils/props.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ export declare const sharedProps: {
cancelButtonColor: string;
cancelButtonSize: string;
cancelButtonTitle: string;
cancelButtonVariant: "tonal";
cancelButtonVariant: "text";
cancelIcon: undefined;
cancelIconColor: string;
closeSiblings: boolean;
Expand All @@ -28,6 +28,15 @@ declare const checkboxProps: {
falseIcon: undefined;
icons: boolean;
trueIcon: undefined;
hideSaveIcon: boolean;
loadingIcon: undefined;
loadingIconColor: string;
saveButtonColor: string;
saveButtonSize: string;
saveButtonTitle: string;
saveButtonVariant: "text";
saveIcon: undefined;
saveIconColor: string;
falseValue: boolean;
iconFalse: undefined;
iconFalseColor: string;
Expand All @@ -40,7 +49,7 @@ declare const checkboxProps: {
cancelButtonColor: string;
cancelButtonSize: string;
cancelButtonTitle: string;
cancelButtonVariant: "tonal";
cancelButtonVariant: "text";
cancelIcon: undefined;
cancelIconColor: string;
closeSiblings: boolean;
Expand Down Expand Up @@ -84,7 +93,7 @@ declare const selectProps: {
cancelButtonColor: string;
cancelButtonSize: string;
cancelButtonTitle: string;
cancelButtonVariant: "tonal";
cancelButtonVariant: "text";
cancelIcon: undefined;
cancelIconColor: string;
closeSiblings: boolean;
Expand Down Expand Up @@ -120,7 +129,7 @@ declare const switchProps: {
cancelButtonColor: string;
cancelButtonSize: string;
cancelButtonTitle: string;
cancelButtonVariant: "tonal";
cancelButtonVariant: "text";
cancelIcon: undefined;
cancelIconColor: string;
closeSiblings: boolean;
Expand Down Expand Up @@ -149,7 +158,7 @@ declare const textareaProps: {
cancelButtonColor: string;
cancelButtonSize: string;
cancelButtonTitle: string;
cancelButtonVariant: "tonal";
cancelButtonVariant: "text";
cancelIcon: undefined;
cancelIconColor: string;
closeSiblings: boolean;
Expand Down Expand Up @@ -196,7 +205,7 @@ declare const textFieldProps: {
cancelButtonColor: string;
cancelButtonSize: string;
cancelButtonTitle: string;
cancelButtonVariant: "tonal";
cancelButtonVariant: "text";
cancelIcon: undefined;
cancelIconColor: string;
closeSiblings: boolean;
Expand All @@ -217,4 +226,4 @@ declare const textFieldProps: {
underlined: boolean;
valueColor: string;
};
export { checkboxProps, selectProps, switchProps, textFieldProps, textareaProps };
export { checkboxProps, selectProps, switchProps, textFieldProps, textareaProps, };
43 changes: 42 additions & 1 deletion dist/scss/main.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,16 @@
--v-inline-fields-top-padding-default: 21px;
}

%clearable-icons {
.v-field__clearable,
.v-field__append-inner,
.v-input__append {
align-items: flex-end !important;
padding-bottom: 8px !important;
padding-top: 0 !important;
}
}

.v-inline-fields {
&--container {
display: flex;
Expand All @@ -23,6 +33,18 @@
}
}

&-icon-set {
&-fa {
.v-field__clearable {
font-size: .8rem;
}

.v-field__append-inner {
align-items: center;
}
}
}

// ------------------------------------------------ Table Field (tableField) Prop = true //
&-table {
--v-inline-fields-top-padding-compact: 0;
Expand Down Expand Up @@ -87,8 +109,10 @@
&-compact,
&-comfortable,
&-default {
@extend %clearable-icons;

.v-field__append-inner {
padding: 0 !important;
padding: 0 0 6px !important;
}

.v-field--variant-underlined,
Expand All @@ -101,6 +125,8 @@

&-compact,
&-comfortable {
@extend %clearable-icons;

.v-field--variant-underlined,
.v-field--variant-plain {
.v-field__input {
Expand All @@ -110,6 +136,8 @@
}

&-default {
@extend %clearable-icons;

.v-field--variant-underlined,
.v-field--variant-plain {
.v-field__input {
Expand All @@ -132,6 +160,8 @@
&-compact,
&-comfortable,
&-default {
@extend %clearable-icons;

.v-field--variant-underlined,
.v-field--variant-plain {
.v-field__input {
Expand All @@ -142,6 +172,8 @@

&-compact,
&-comfortable {
@extend %clearable-icons;

.v-field--variant-underlined,
.v-field--variant-plain {
.v-field__input {
Expand All @@ -151,6 +183,8 @@
}

&-default {
@extend %clearable-icons;

.v-field--variant-underlined,
.v-field--variant-plain {
.v-field__input {
Expand Down Expand Up @@ -228,4 +262,11 @@
&--boolean-icons {
font-size: calc(var(--v-icon-size-multiplier) * 1em);
}

.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 250px;
}
}
9 changes: 8 additions & 1 deletion dist/types/index.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ export interface SharedProps {
underlined?: boolean;
valueColor?: string;
}
export interface VInlineCheckboxProps extends Omit<SharedProps, 'autofocus' | 'hideSaveIcon' | 'loadingIcon' | 'loadingIconColor' | 'saveButtonColor' | 'saveButtonSize' | 'saveIcon' | 'saveIconColor' | 'saveButtonTitle' | 'saveButtonVariant' | 'truncateLength' | 'truncateSuffix'> {
export interface VInlineCheckboxProps extends Omit<SharedProps, 'autofocus' | 'truncateLength' | 'truncateSuffix'> {
density?: VCheckbox['$props']['density'];
falseIcon?: string | undefined;
trueIcon?: string | undefined;
Expand All @@ -82,12 +82,14 @@ export interface VInlineSwitchProps extends Omit<SharedProps, 'autofocus' | 'hid
}
export interface VInlineTextareaProps extends Omit<SharedProps, 'falseValue' | 'iconFalse' | 'iconFalseColor' | 'iconFalseTitle' | 'iconTrue' | 'iconTrueColor' | 'iconTrueTitle' | 'icons' | 'trueValue'> {
autoGrow?: VTextarea['$props']['autoGrow'];
clearIcon?: string | undefined;
density?: VTextarea['$props']['density'];
rows?: VTextarea['$props']['rows'];
rules?: VTextarea['$props']['rules'];
variant?: VTextarea['$props']['variant'];
}
export interface VInlineTextFieldProps extends Omit<SharedProps, 'falseValue' | 'iconFalse' | 'iconFalseColor' | 'iconFalseTitle' | 'iconTrue' | 'iconTrueColor' | 'iconTrueTitle' | 'icons' | 'trueValue'> {
clearIcon?: string | undefined;
density?: VTextField['$props']['density'];
rules?: VTextField['$props']['rules'];
variant?: VTextField['$props']['variant'];
Expand All @@ -97,6 +99,11 @@ export interface BooleanIcons extends Required<Pick<SharedProps, 'iconFalseColor
export interface SaveFieldButtons extends Required<Pick<SharedProps, 'cancelButtonColor' | 'cancelButtonSize' | 'cancelButtonVariant' | 'cancelButtonTitle' | 'cancelIconColor' | 'error' | 'fieldOnly' | 'hideSaveIcon' | 'loadingIconColor' | 'saveButtonColor' | 'saveButtonSize' | 'saveButtonTitle' | 'saveButtonVariant' | 'saveIconColor' | 'saveButtonVariant'>>, Pick<SharedProps, 'cancelIcon' | 'loadingIcon' | 'saveIcon'> {
loading: boolean;
}
export interface UseCancelButtonClass {
(options: {
cancelButtonVariant?: SharedProps['cancelButtonVariant'];
}): object;
}
export interface UseInlineFieldsContainerClass {
(options: {
density?: GlobalDensity;
Expand Down
10 changes: 5 additions & 5 deletions dist/vuetify-inline-fields.cjs.js
View file
Open in desktop

Large diffs are not rendered by default.

Loading