Skip to content

Dev #39

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 12 commits into from
Dec 1, 2023
Merged

Dev #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
5c75151
Merge branch 'main' into dev
webdevnerdstuff Nov 23, 2023
9c11ee2
Update props
webdevnerdstuff Nov 23, 2023
438d881
Add hide cancel icon prop
webdevnerdstuff Nov 23, 2023
5c5364b
Add new props
webdevnerdstuff Nov 24, 2023
8572585
Add functionality to have clicking cell the trigger to open the field
webdevnerdstuff Nov 24, 2023
005b592
Merge branch 'cell' into dev
webdevnerdstuff Nov 24, 2023
46d55b2
Add check for both cell and cell underline full width
webdevnerdstuff Nov 24, 2023
13ae4f1
Add prop
webdevnerdstuff Nov 24, 2023
7487264
Build
webdevnerdstuff Nov 24, 2023
db922c5
Update version
webdevnerdstuff Nov 24, 2023
8128785
Remove beta and update log
webdevnerdstuff Dec 1, 2023
a37d2f5
Build
webdevnerdstuff Dec 1, 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
6 changes: 3 additions & 3 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@
All notable changes to the "vuetify-inline-fields" plugin will be documented in this file.

## v1.0.0
TBD
12-01-2023
[main] (@webdevnerdstuff)
* Official release depends on when the Vue team decides if they are going to keep experimental `defineModel` feature. [Blog](https://blog.vuejs.org/posts/vue-3-3#definemodel)
Official Release

## v1.0.0-beta-2
11-09-23
11-09-2023
[main] (@webdevnerdstuff)
* Update lab components to regular components due to Vuetify official releases
* Update packages
Expand Down
11 changes: 1 addition & 10 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
</p>

<p>
<h1 align="center">Vuetify Inline Fields (beta)</h1>
<h1 align="center">Vuetify Inline Fields</h1>
</p>

<p align="center">
Expand All @@ -24,15 +24,6 @@ Vuetify Inline Fields Component Library offers a comprehensive collection of reu
Additionally, this library provides enhanced integration specifically tailored for usage within data tables. Developers can seamlessly integrate inline form fields directly into their data table cells, facilitating efficient inline editing and data manipulation. This feature empowers users to make changes directly within the table, streamlining the editing process and improving productivity.


## Development Playground

The `vuetify-inline-fields` is still in beta. If you would like to test the component library out, you can clone the repo and run the following commands:

`pnpm i && pnpm play`

This will open up a Playground page that loads the file `./src/playground/PlaygroundPage.vue`. You can edit this file to test out the component.


## Installation

Using [pnpm](https://pnpm.io/):
Expand Down
145 changes: 86 additions & 59 deletions dist/plugin/VInlineCheckbox.vue.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
required: {
type: globalThis.PropType<boolean>;
};
iconFalse: {
type: globalThis.PropType<string>;
default: undefined;
};
iconFalseColor: {
type: globalThis.PropType<string>;
default: string;
};
iconFalseTitle: {
type: globalThis.PropType<string>;
default: string;
};
iconTrue: {
type: globalThis.PropType<string>;
default: undefined;
};
iconTrueColor: {
type: globalThis.PropType<string>;
default: string;
};
iconTrueTitle: {
type: globalThis.PropType<string>;
default: string;
};
icons: {
type: globalThis.PropType<boolean>;
default: boolean;
};
cancelButtonColor: {
type: globalThis.PropType<string>;
default: string;
Expand Down Expand Up @@ -97,6 +125,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
type: globalThis.PropType<any>;
default: () => {};
};
cell: {
type: globalThis.PropType<boolean>;
default: boolean;
};
cellUnderlineFullWidth: {
type: globalThis.PropType<boolean>;
default: boolean;
};
closeSiblings: {
type: globalThis.PropType<boolean>;
default: boolean;
Expand Down Expand Up @@ -157,35 +193,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
type: globalThis.PropType<boolean>;
default: boolean;
};
hideSaveIcon: {
hideCancelIcon: {
type: globalThis.PropType<boolean>;
default: boolean;
};
iconFalse: {
type: globalThis.PropType<string>;
default: undefined;
};
iconFalseColor: {
type: globalThis.PropType<string>;
default: string;
};
iconFalseTitle: {
type: globalThis.PropType<string>;
default: string;
};
iconTrue: {
type: globalThis.PropType<string>;
default: undefined;
};
iconTrueColor: {
type: globalThis.PropType<string>;
default: string;
};
iconTrueTitle: {
type: globalThis.PropType<string>;
default: string;
};
icons: {
hideSaveIcon: {
type: globalThis.PropType<boolean>;
default: boolean;
};
Expand Down Expand Up @@ -306,6 +318,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
required: {
type: globalThis.PropType<boolean>;
};
iconFalse: {
type: globalThis.PropType<string>;
default: undefined;
};
iconFalseColor: {
type: globalThis.PropType<string>;
default: string;
};
iconFalseTitle: {
type: globalThis.PropType<string>;
default: string;
};
iconTrue: {
type: globalThis.PropType<string>;
default: undefined;
};
iconTrueColor: {
type: globalThis.PropType<string>;
default: string;
};
iconTrueTitle: {
type: globalThis.PropType<string>;
default: string;
};
icons: {
type: globalThis.PropType<boolean>;
default: boolean;
};
cancelButtonColor: {
type: globalThis.PropType<string>;
default: string;
Expand Down Expand Up @@ -346,6 +386,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
type: globalThis.PropType<any>;
default: () => {};
};
cell: {
type: globalThis.PropType<boolean>;
default: boolean;
};
cellUnderlineFullWidth: {
type: globalThis.PropType<boolean>;
default: boolean;
};
closeSiblings: {
type: globalThis.PropType<boolean>;
default: boolean;
Expand Down Expand Up @@ -406,35 +454,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
type: globalThis.PropType<boolean>;
default: boolean;
};
hideSaveIcon: {
hideCancelIcon: {
type: globalThis.PropType<boolean>;
default: boolean;
};
iconFalse: {
type: globalThis.PropType<string>;
default: undefined;
};
iconFalseColor: {
type: globalThis.PropType<string>;
default: string;
};
iconFalseTitle: {
type: globalThis.PropType<string>;
default: string;
};
iconTrue: {
type: globalThis.PropType<string>;
default: undefined;
};
iconTrueColor: {
type: globalThis.PropType<string>;
default: string;
};
iconTrueTitle: {
type: globalThis.PropType<string>;
default: string;
};
icons: {
hideSaveIcon: {
type: globalThis.PropType<boolean>;
default: boolean;
};
Expand Down Expand Up @@ -507,6 +531,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
hideDetails: boolean;
loading: boolean;
underlined: boolean;
iconFalse: string;
iconFalseColor: string;
iconFalseTitle: string;
iconTrue: string;
iconTrueColor: string;
iconTrueTitle: string;
icons: boolean;
cancelButtonColor: string;
cancelButtonSize: string | number;
cancelButtonTitle: string;
Expand All @@ -517,6 +548,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
cardOffsetX: number;
cardOffsetY: number;
cardProps: any;
cell: boolean;
cellUnderlineFullWidth: boolean;
closeSiblings: boolean;
displayAppendIcon: import('../types').VIconValue;
displayAppendIconColor: string;
Expand All @@ -532,14 +565,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
displayPrependInnerIconSize: string | number;
emptyText: string;
fieldOnly: boolean;
hideCancelIcon: boolean;
hideSaveIcon: boolean;
iconFalse: string;
iconFalseColor: string;
iconFalseTitle: string;
iconTrue: string;
iconTrueColor: string;
iconTrueTitle: string;
icons: boolean;
loadingIcon: string;
loadingIconColor: string;
loadingWait: boolean;
Expand Down
30 changes: 30 additions & 0 deletions dist/plugin/VInlineCustomField.vue.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,6 +103,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
type: globalThis.PropType<any>;
default: () => {};
};
cell: {
type: globalThis.PropType<boolean>;
default: boolean;
};
cellUnderlineFullWidth: {
type: globalThis.PropType<boolean>;
default: boolean;
};
closeSiblings: {
type: globalThis.PropType<boolean>;
default: boolean;
Expand Down Expand Up @@ -163,6 +171,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
type: globalThis.PropType<boolean>;
default: boolean;
};
hideCancelIcon: {
type: globalThis.PropType<boolean>;
default: boolean;
};
hideSaveIcon: {
type: globalThis.PropType<boolean>;
default: boolean;
Expand Down Expand Up @@ -330,6 +342,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
type: globalThis.PropType<any>;
default: () => {};
};
cell: {
type: globalThis.PropType<boolean>;
default: boolean;
};
cellUnderlineFullWidth: {
type: globalThis.PropType<boolean>;
default: boolean;
};
closeSiblings: {
type: globalThis.PropType<boolean>;
default: boolean;
Expand Down Expand Up @@ -390,6 +410,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
type: globalThis.PropType<boolean>;
default: boolean;
};
hideCancelIcon: {
type: globalThis.PropType<boolean>;
default: boolean;
};
hideSaveIcon: {
type: globalThis.PropType<boolean>;
default: boolean;
Expand Down Expand Up @@ -473,6 +497,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
cardOffsetX: number;
cardOffsetY: number;
cardProps: any;
cell: boolean;
cellUnderlineFullWidth: boolean;
closeSiblings: boolean;
displayAppendIcon: import('../types').VIconValue;
displayAppendIconColor: string;
Expand All @@ -488,6 +514,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
displayPrependInnerIconSize: string | number;
emptyText: string;
fieldOnly: boolean;
hideCancelIcon: boolean;
hideSaveIcon: boolean;
loadingIcon: string;
loadingIconColor: string;
Expand Down Expand Up @@ -518,6 +545,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
truncateLength: number | undefined;
truncateSuffix: string;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
hideCancelIcon: boolean;
hideSaveIcon: boolean;
loadingIcon: string | undefined;
loadingIconColor: string;
Expand All @@ -538,6 +566,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
cardOffsetX: number;
cardOffsetY: number;
cardProps: any;
cell: boolean;
cellUnderlineFullWidth: boolean;
closeSiblings: boolean;
color: string;
density: "default" | "comfortable" | "compact" | null;
Expand Down
Loading