@antify/ui 2.5.6 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AntAccordion.vue +5 -6
- package/dist/components/AntAccordionItem.vue +5 -7
- package/dist/components/AntAlert.vue +53 -54
- package/dist/components/{buttons/AntButton.vue → AntButton.vue} +69 -71
- package/dist/components/AntCard.vue +10 -11
- package/dist/components/{dialogs/AntDialog.vue → AntDialog.vue} +4 -4
- package/dist/components/AntIcon.vue +8 -8
- package/dist/components/AntKeycap.vue +15 -15
- package/dist/components/AntListGroup.vue +10 -10
- package/dist/components/AntModal.vue +6 -6
- package/dist/components/AntPagination.vue +39 -41
- package/dist/components/AntSkeleton.vue +5 -25
- package/dist/components/AntToast.vue +1 -1
- package/dist/components/{buttons/__stories → __stories}/AntButton.stories.js +6 -6
- package/dist/components/{buttons/__stories → __stories}/AntButton.stories.mjs +6 -6
- package/dist/components/{dialogs/__stories → __stories}/AntDialog.stories.js +3 -3
- package/dist/components/{dialogs/__stories → __stories}/AntDialog.stories.mjs +3 -3
- package/dist/components/__stories/AntDropdown.stories.js +1 -1
- package/dist/components/__stories/AntDropdown.stories.mjs +1 -1
- package/dist/components/__stories/AntListGroup.stories.js +6 -9
- package/dist/components/__stories/AntListGroup.stories.mjs +6 -9
- package/dist/components/__stories/AntListGroupItem.stories.js +1 -1
- package/dist/components/__stories/AntListGroupItem.stories.mjs +1 -1
- package/dist/components/__stories/AntModal.stories.js +1 -1
- package/dist/components/__stories/AntModal.stories.mjs +1 -1
- package/dist/components/__stories/AntPopover.stories.js +1 -1
- package/dist/components/__stories/AntPopover.stories.mjs +1 -1
- package/dist/components/__stories/AntProgress.stories.js +1 -1
- package/dist/components/__stories/AntProgress.stories.mjs +1 -1
- package/dist/components/__stories/AntToaster.stories.js +1 -1
- package/dist/components/__stories/AntToaster.stories.mjs +1 -1
- package/dist/components/__stories/AntTooltip.stories.js +1 -1
- package/dist/components/__stories/AntTooltip.stories.mjs +1 -1
- package/dist/components/__types/index.d.ts +1 -0
- package/dist/components/__types/index.js +11 -0
- package/dist/components/__types/index.mjs +1 -0
- package/dist/components/forms/__stories/AntFormGroup.stories.js +1 -1
- package/dist/components/forms/__stories/AntFormGroup.stories.mjs +1 -1
- package/dist/components/index.d.ts +3 -17
- package/dist/components/index.js +2 -100
- package/dist/components/index.mjs +2 -30
- package/dist/components/inputs/AntCheckbox.vue +8 -9
- package/dist/components/inputs/AntColorInput/AntColorInput.vue +6 -11
- package/dist/components/inputs/AntDateInput.vue +1 -1
- package/dist/components/inputs/AntImageInput.vue +35 -37
- package/dist/components/inputs/AntNumberInput.vue +1 -1
- package/dist/components/inputs/AntRadio.vue +8 -9
- package/dist/components/inputs/AntSelect.vue +65 -64
- package/dist/components/inputs/AntSwitch.vue +26 -27
- package/dist/components/inputs/AntSwitcher.vue +13 -12
- package/dist/components/inputs/AntTagInput.vue +6 -10
- package/dist/components/inputs/AntTextarea.vue +5 -9
- package/dist/components/inputs/AntUnitInput.vue +1 -1
- package/dist/components/inputs/Elements/AntBaseInput.vue +60 -60
- package/dist/components/inputs/Elements/__stories/AntBaseInput.stories.js +1 -1
- package/dist/components/inputs/Elements/__stories/AntBaseInput.stories.mjs +1 -1
- package/dist/components/inputs/__stories/AntCheckbox.stories.js +41 -14
- package/dist/components/inputs/__stories/AntCheckbox.stories.mjs +41 -14
- package/dist/components/inputs/__stories/AntPasswordInput.stories.js +1 -1
- package/dist/components/inputs/__stories/AntPasswordInput.stories.mjs +1 -1
- package/dist/components/inputs/__stories/AntTextInput.stories.js +1 -1
- package/dist/components/inputs/__stories/AntTextInput.stories.mjs +1 -1
- package/dist/components/table/AntTable.vue +12 -8
- package/dist/components/table/AntTableSkeleton.vue +5 -1
- package/dist/components/table/AntTableSortButton.vue +1 -1
- package/dist/components/table/__stories/AntTable.stories.js +1 -1
- package/dist/components/table/__stories/AntTable.stories.mjs +1 -1
- package/dist/components/tabs/AntTabItem.vue +5 -7
- package/dist/composables/index.d.ts +1 -0
- package/dist/composables/index.js +11 -0
- package/dist/composables/index.mjs +1 -0
- package/dist/composables/useFlickerProtection.d.ts +22 -0
- package/dist/composables/useFlickerProtection.js +48 -0
- package/dist/composables/useFlickerProtection.mjs +48 -0
- package/dist/types.d.ts +0 -1
- package/dist/types.js +5 -16
- package/dist/types.mjs +0 -1
- package/package.json +5 -1
- package/dist/components/buttons/AntActionButton.vue +0 -83
- package/dist/components/buttons/AntCreateButton.vue +0 -61
- package/dist/components/buttons/AntDeleteButton.vue +0 -61
- package/dist/components/buttons/AntDuplicateButton.vue +0 -61
- package/dist/components/buttons/AntEditButton.vue +0 -61
- package/dist/components/buttons/AntSaveAndNewButton.vue +0 -63
- package/dist/components/buttons/AntSaveButton.vue +0 -62
- package/dist/components/buttons/__stories/AntActionButton.stories.d.ts +0 -11
- package/dist/components/buttons/__stories/AntActionButton.stories.js +0 -111
- package/dist/components/buttons/__stories/AntActionButton.stories.mjs +0 -111
- package/dist/components/buttons/__stories/AntCreateButton.stories.d.ts +0 -12
- package/dist/components/buttons/__stories/AntCreateButton.stories.js +0 -97
- package/dist/components/buttons/__stories/AntCreateButton.stories.mjs +0 -94
- package/dist/components/buttons/__stories/AntDeleteButton.stories.d.ts +0 -12
- package/dist/components/buttons/__stories/AntDeleteButton.stories.js +0 -97
- package/dist/components/buttons/__stories/AntDeleteButton.stories.mjs +0 -94
- package/dist/components/buttons/__stories/AntDuplicateButton.stories.d.ts +0 -12
- package/dist/components/buttons/__stories/AntDuplicateButton.stories.js +0 -97
- package/dist/components/buttons/__stories/AntDuplicateButton.stories.mjs +0 -94
- package/dist/components/buttons/__stories/AntEditButton.stories.d.ts +0 -12
- package/dist/components/buttons/__stories/AntEditButton.stories.js +0 -97
- package/dist/components/buttons/__stories/AntEditButton.stories.mjs +0 -94
- package/dist/components/buttons/__stories/AntSaveAndNewButton.stories.d.ts +0 -12
- package/dist/components/buttons/__stories/AntSaveAndNewButton.stories.js +0 -97
- package/dist/components/buttons/__stories/AntSaveAndNewButton.stories.mjs +0 -94
- package/dist/components/buttons/__stories/AntSaveButton.stories.d.ts +0 -12
- package/dist/components/buttons/__stories/AntSaveButton.stories.js +0 -97
- package/dist/components/buttons/__stories/AntSaveButton.stories.mjs +0 -94
- package/dist/components/buttons/__types/index.d.ts +0 -1
- package/dist/components/buttons/__types/index.js +0 -16
- package/dist/components/buttons/__types/index.mjs +0 -1
- package/dist/components/crud/AntCrud.vue +0 -75
- package/dist/components/crud/AntCrudDetail.vue +0 -14
- package/dist/components/crud/AntCrudDetailActions.vue +0 -65
- package/dist/components/crud/AntCrudDetailNav.vue +0 -72
- package/dist/components/crud/AntCrudTableFilter.vue +0 -141
- package/dist/components/crud/AntCrudTableNav.vue +0 -163
- package/dist/components/crud/__stories/AntCrud.stories.d.ts +0 -6
- package/dist/components/crud/__stories/AntCrud.stories.js +0 -131
- package/dist/components/crud/__stories/AntCrud.stories.mjs +0 -142
- package/dist/components/crud/__stories/AntCrudDetail.stories.d.ts +0 -7
- package/dist/components/crud/__stories/AntCrudDetail.stories.js +0 -90
- package/dist/components/crud/__stories/AntCrudDetail.stories.mjs +0 -92
- package/dist/components/crud/__stories/AntCrudDetailActions.stories.d.ts +0 -6
- package/dist/components/crud/__stories/AntCrudDetailActions.stories.js +0 -38
- package/dist/components/crud/__stories/AntCrudDetailActions.stories.mjs +0 -33
- package/dist/components/crud/__stories/AntCrudDetailNav.stories.d.ts +0 -6
- package/dist/components/crud/__stories/AntCrudDetailNav.stories.js +0 -51
- package/dist/components/crud/__stories/AntCrudDetailNav.stories.mjs +0 -53
- package/dist/components/crud/__stories/AntCrudTableFilter.stories.d.ts +0 -6
- package/dist/components/crud/__stories/AntCrudTableFilter.stories.js +0 -42
- package/dist/components/crud/__stories/AntCrudTableFilter.stories.mjs +0 -39
- package/dist/components/crud/__stories/AntCrudTableNav.stories.d.ts +0 -8
- package/dist/components/crud/__stories/AntCrudTableNav.stories.js +0 -77
- package/dist/components/crud/__stories/AntCrudTableNav.stories.mjs +0 -74
- package/dist/components/dialogs/AntDeleteDialog.vue +0 -37
- package/dist/components/dialogs/__stories/AndDeleteDialog.stories.d.ts +0 -6
- package/dist/components/dialogs/__stories/AndDeleteDialog.stories.js +0 -48
- package/dist/components/dialogs/__stories/AndDeleteDialog.stories.mjs +0 -41
- /package/dist/components/{buttons/__stories → __stories}/AntButton.stories.d.ts +0 -0
- /package/dist/components/{dialogs/__stories → __stories}/AntDialog.stories.d.ts +0 -0
- /package/dist/components/{buttons/__types → __types}/AntButton.types.d.ts +0 -0
- /package/dist/components/{buttons/__types → __types}/AntButton.types.js +0 -0
- /package/dist/components/{buttons/__types → __types}/AntButton.types.mjs +0 -0
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import AntActionButton from './AntActionButton.vue';
|
|
3
|
-
import {
|
|
4
|
-
Position, Size, Grouped, State,
|
|
5
|
-
} from '../../enums';
|
|
6
|
-
import {
|
|
7
|
-
faFloppyDisk, faPlus,
|
|
8
|
-
} from '@fortawesome/free-solid-svg-icons';
|
|
9
|
-
|
|
10
|
-
defineEmits([
|
|
11
|
-
'click',
|
|
12
|
-
'blur',
|
|
13
|
-
]);
|
|
14
|
-
withDefaults(defineProps<{
|
|
15
|
-
iconVariant?: boolean;
|
|
16
|
-
size?: Size;
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
grouped?: Grouped;
|
|
19
|
-
skeleton?: boolean;
|
|
20
|
-
expanded?: boolean;
|
|
21
|
-
canSave?: boolean;
|
|
22
|
-
tooltipPosition?: Position;
|
|
23
|
-
}>(), {
|
|
24
|
-
iconVariant: false,
|
|
25
|
-
canSave: true,
|
|
26
|
-
});
|
|
27
|
-
</script>
|
|
28
|
-
|
|
29
|
-
<template>
|
|
30
|
-
<AntActionButton
|
|
31
|
-
:filled="true"
|
|
32
|
-
:state="State.primary"
|
|
33
|
-
:size="size"
|
|
34
|
-
:disabled="disabled"
|
|
35
|
-
:icon-left="iconVariant ? faFloppyDisk : undefined"
|
|
36
|
-
:icon-right="iconVariant ? faPlus : undefined"
|
|
37
|
-
:grouped="grouped"
|
|
38
|
-
:skeleton="skeleton"
|
|
39
|
-
:expanded="expanded"
|
|
40
|
-
:submit="true"
|
|
41
|
-
:has-permission="canSave"
|
|
42
|
-
:tooltip-position="tooltipPosition"
|
|
43
|
-
data-e2e="save-and-new-button"
|
|
44
|
-
@click="$emit('click')"
|
|
45
|
-
@blur="$emit('blur')"
|
|
46
|
-
>
|
|
47
|
-
<template
|
|
48
|
-
v-if="!iconVariant"
|
|
49
|
-
#default
|
|
50
|
-
>
|
|
51
|
-
Save and new
|
|
52
|
-
</template>
|
|
53
|
-
|
|
54
|
-
<template #invalidPermissionTooltipContent>
|
|
55
|
-
You have no permission to save entries.<br>
|
|
56
|
-
Please contact your administrator.
|
|
57
|
-
</template>
|
|
58
|
-
|
|
59
|
-
<template #tooltipContent>
|
|
60
|
-
Save entry
|
|
61
|
-
</template>
|
|
62
|
-
</AntActionButton>
|
|
63
|
-
</template>
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import AntActionButton from './AntActionButton.vue';
|
|
3
|
-
import {
|
|
4
|
-
Position, Size, Grouped, State,
|
|
5
|
-
} from '../../enums';
|
|
6
|
-
import {
|
|
7
|
-
faFloppyDisk,
|
|
8
|
-
} from '@fortawesome/free-solid-svg-icons';
|
|
9
|
-
|
|
10
|
-
defineEmits([
|
|
11
|
-
'click',
|
|
12
|
-
'blur',
|
|
13
|
-
]);
|
|
14
|
-
withDefaults(defineProps<{
|
|
15
|
-
iconVariant?: boolean;
|
|
16
|
-
size?: Size;
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
grouped?: Grouped;
|
|
19
|
-
skeleton?: boolean;
|
|
20
|
-
expanded?: boolean;
|
|
21
|
-
canSave?: boolean;
|
|
22
|
-
tooltipPosition?: Position;
|
|
23
|
-
}>(), {
|
|
24
|
-
iconVariant: false,
|
|
25
|
-
canSave: true,
|
|
26
|
-
});
|
|
27
|
-
</script>
|
|
28
|
-
|
|
29
|
-
<template>
|
|
30
|
-
<AntActionButton
|
|
31
|
-
:filled="true"
|
|
32
|
-
:state="State.primary"
|
|
33
|
-
:size="size"
|
|
34
|
-
:disabled="disabled"
|
|
35
|
-
:icon-left="iconVariant ? faFloppyDisk : undefined"
|
|
36
|
-
:grouped="grouped"
|
|
37
|
-
:skeleton="skeleton"
|
|
38
|
-
:expanded="expanded"
|
|
39
|
-
:submit="true"
|
|
40
|
-
:has-permission="canSave"
|
|
41
|
-
:tooltip-position="tooltipPosition"
|
|
42
|
-
data-e2e="save-button"
|
|
43
|
-
@click="$emit('click')"
|
|
44
|
-
@blur="$emit('blur')"
|
|
45
|
-
>
|
|
46
|
-
<template
|
|
47
|
-
v-if="!iconVariant"
|
|
48
|
-
#default
|
|
49
|
-
>
|
|
50
|
-
Save
|
|
51
|
-
</template>
|
|
52
|
-
|
|
53
|
-
<template #invalidPermissionTooltipContent>
|
|
54
|
-
You have no permission to save entries.<br>
|
|
55
|
-
Please contact your administrator.
|
|
56
|
-
</template>
|
|
57
|
-
|
|
58
|
-
<template #tooltipContent>
|
|
59
|
-
Save entry
|
|
60
|
-
</template>
|
|
61
|
-
</AntActionButton>
|
|
62
|
-
</template>
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import AntActionButton from '../AntActionButton.vue';
|
|
2
|
-
import { type Meta, type StoryObj } from '@storybook/vue3';
|
|
3
|
-
declare const meta: Meta<typeof AntActionButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof AntActionButton>;
|
|
6
|
-
export declare const Docs: Story;
|
|
7
|
-
export declare const Disabled: Story;
|
|
8
|
-
export declare const Grouped: Story;
|
|
9
|
-
export declare const Skeleton: Story;
|
|
10
|
-
export declare const Expanded: Story;
|
|
11
|
-
export declare const WithoutPermission: Story;
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
module.exports = exports.WithoutPermission = exports.Skeleton = exports.Grouped = exports.Expanded = exports.Docs = exports.Disabled = void 0;
|
|
7
|
-
var _AntActionButton = _interopRequireDefault(require("../AntActionButton.vue"));
|
|
8
|
-
var _Grouped2 = require("../../../enums/Grouped.enum");
|
|
9
|
-
var _enums = require("../../../enums");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
const meta = {
|
|
12
|
-
title: "Components/Buttons/Action Button",
|
|
13
|
-
component: _AntActionButton.default,
|
|
14
|
-
parameters: {
|
|
15
|
-
controls: {
|
|
16
|
-
sort: "requiredFirst"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
argTypes: {
|
|
20
|
-
state: {
|
|
21
|
-
control: {
|
|
22
|
-
type: "select"
|
|
23
|
-
},
|
|
24
|
-
options: Object.values(_enums.State)
|
|
25
|
-
},
|
|
26
|
-
size: {
|
|
27
|
-
control: {
|
|
28
|
-
type: "select"
|
|
29
|
-
},
|
|
30
|
-
options: Object.values(_enums.Size)
|
|
31
|
-
},
|
|
32
|
-
grouped: {
|
|
33
|
-
control: {
|
|
34
|
-
type: "select"
|
|
35
|
-
},
|
|
36
|
-
options: Object.values(_Grouped2.Grouped)
|
|
37
|
-
},
|
|
38
|
-
tooltipPosition: {
|
|
39
|
-
control: {
|
|
40
|
-
type: "select"
|
|
41
|
-
},
|
|
42
|
-
options: Object.values(_enums.Position)
|
|
43
|
-
},
|
|
44
|
-
tooltipState: {
|
|
45
|
-
control: {
|
|
46
|
-
type: "select"
|
|
47
|
-
},
|
|
48
|
-
options: Object.values(_enums.InputState)
|
|
49
|
-
},
|
|
50
|
-
submit: {
|
|
51
|
-
description: 'Change the button type to type="submit"'
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
module.exports = meta;
|
|
56
|
-
const Docs = exports.Docs = {
|
|
57
|
-
render: args => ({
|
|
58
|
-
components: {
|
|
59
|
-
AntActionButton: _AntActionButton.default
|
|
60
|
-
},
|
|
61
|
-
setup() {
|
|
62
|
-
return {
|
|
63
|
-
args
|
|
64
|
-
};
|
|
65
|
-
},
|
|
66
|
-
template: `
|
|
67
|
-
<AntActionButton v-bind="args">
|
|
68
|
-
<template #default>Action Button</template>
|
|
69
|
-
<template #tooltipContent>This is an action button</template>
|
|
70
|
-
<template #invalidPermissionTooltipContent>You have no permission <br>to click this button</template>
|
|
71
|
-
</AntActionButton>`
|
|
72
|
-
}),
|
|
73
|
-
args: {
|
|
74
|
-
tooltipPosition: _enums.Position.right
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
const Disabled = exports.Disabled = {
|
|
78
|
-
render: Docs.render,
|
|
79
|
-
args: {
|
|
80
|
-
...Docs.args,
|
|
81
|
-
disabled: true
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
const Grouped = exports.Grouped = {
|
|
85
|
-
render: Docs.render,
|
|
86
|
-
args: {
|
|
87
|
-
...Docs.args,
|
|
88
|
-
grouped: _Grouped2.Grouped.left
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
const Skeleton = exports.Skeleton = {
|
|
92
|
-
render: Docs.render,
|
|
93
|
-
args: {
|
|
94
|
-
...Docs.args,
|
|
95
|
-
skeleton: true
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
const Expanded = exports.Expanded = {
|
|
99
|
-
render: Docs.render,
|
|
100
|
-
args: {
|
|
101
|
-
...Docs.args,
|
|
102
|
-
expanded: true
|
|
103
|
-
}
|
|
104
|
-
};
|
|
105
|
-
const WithoutPermission = exports.WithoutPermission = {
|
|
106
|
-
render: Docs.render,
|
|
107
|
-
args: {
|
|
108
|
-
...Docs.args,
|
|
109
|
-
hasPermission: false
|
|
110
|
-
}
|
|
111
|
-
};
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
import AntActionButton from "../AntActionButton.vue";
|
|
2
|
-
import {
|
|
3
|
-
Grouped as _Grouped
|
|
4
|
-
} from "../../../enums/Grouped.enum.mjs";
|
|
5
|
-
import {
|
|
6
|
-
State,
|
|
7
|
-
InputState,
|
|
8
|
-
Position,
|
|
9
|
-
Size
|
|
10
|
-
} from "../../../enums/index.mjs";
|
|
11
|
-
const meta = {
|
|
12
|
-
title: "Components/Buttons/Action Button",
|
|
13
|
-
component: AntActionButton,
|
|
14
|
-
parameters: {
|
|
15
|
-
controls: {
|
|
16
|
-
sort: "requiredFirst"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
argTypes: {
|
|
20
|
-
state: {
|
|
21
|
-
control: {
|
|
22
|
-
type: "select"
|
|
23
|
-
},
|
|
24
|
-
options: Object.values(State)
|
|
25
|
-
},
|
|
26
|
-
size: {
|
|
27
|
-
control: {
|
|
28
|
-
type: "select"
|
|
29
|
-
},
|
|
30
|
-
options: Object.values(Size)
|
|
31
|
-
},
|
|
32
|
-
grouped: {
|
|
33
|
-
control: {
|
|
34
|
-
type: "select"
|
|
35
|
-
},
|
|
36
|
-
options: Object.values(_Grouped)
|
|
37
|
-
},
|
|
38
|
-
tooltipPosition: {
|
|
39
|
-
control: {
|
|
40
|
-
type: "select"
|
|
41
|
-
},
|
|
42
|
-
options: Object.values(Position)
|
|
43
|
-
},
|
|
44
|
-
tooltipState: {
|
|
45
|
-
control: {
|
|
46
|
-
type: "select"
|
|
47
|
-
},
|
|
48
|
-
options: Object.values(InputState)
|
|
49
|
-
},
|
|
50
|
-
submit: {
|
|
51
|
-
description: 'Change the button type to type="submit"'
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
export default meta;
|
|
56
|
-
export const Docs = {
|
|
57
|
-
render: (args) => ({
|
|
58
|
-
components: {
|
|
59
|
-
AntActionButton
|
|
60
|
-
},
|
|
61
|
-
setup() {
|
|
62
|
-
return {
|
|
63
|
-
args
|
|
64
|
-
};
|
|
65
|
-
},
|
|
66
|
-
template: `
|
|
67
|
-
<AntActionButton v-bind="args">
|
|
68
|
-
<template #default>Action Button</template>
|
|
69
|
-
<template #tooltipContent>This is an action button</template>
|
|
70
|
-
<template #invalidPermissionTooltipContent>You have no permission <br>to click this button</template>
|
|
71
|
-
</AntActionButton>`
|
|
72
|
-
}),
|
|
73
|
-
args: {
|
|
74
|
-
tooltipPosition: Position.right
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
export const Disabled = {
|
|
78
|
-
render: Docs.render,
|
|
79
|
-
args: {
|
|
80
|
-
...Docs.args,
|
|
81
|
-
disabled: true
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
export const Grouped = {
|
|
85
|
-
render: Docs.render,
|
|
86
|
-
args: {
|
|
87
|
-
...Docs.args,
|
|
88
|
-
grouped: _Grouped.left
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
export const Skeleton = {
|
|
92
|
-
render: Docs.render,
|
|
93
|
-
args: {
|
|
94
|
-
...Docs.args,
|
|
95
|
-
skeleton: true
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
export const Expanded = {
|
|
99
|
-
render: Docs.render,
|
|
100
|
-
args: {
|
|
101
|
-
...Docs.args,
|
|
102
|
-
expanded: true
|
|
103
|
-
}
|
|
104
|
-
};
|
|
105
|
-
export const WithoutPermission = {
|
|
106
|
-
render: Docs.render,
|
|
107
|
-
args: {
|
|
108
|
-
...Docs.args,
|
|
109
|
-
hasPermission: false
|
|
110
|
-
}
|
|
111
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import AntCreateButton from '../AntCreateButton.vue';
|
|
2
|
-
import { type Meta, type StoryObj } from '@storybook/vue3';
|
|
3
|
-
declare const meta: Meta<typeof AntCreateButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof AntCreateButton>;
|
|
6
|
-
export declare const Docs: Story;
|
|
7
|
-
export declare const IconVariant: Story;
|
|
8
|
-
export declare const Disabled: Story;
|
|
9
|
-
export declare const Grouped: Story;
|
|
10
|
-
export declare const Skeleton: Story;
|
|
11
|
-
export declare const Expanded: Story;
|
|
12
|
-
export declare const InvalidPermission: Story;
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
module.exports = exports.Skeleton = exports.InvalidPermission = exports.IconVariant = exports.Grouped = exports.Expanded = exports.Docs = exports.Disabled = void 0;
|
|
7
|
-
var _AntCreateButton = _interopRequireDefault(require("../AntCreateButton.vue"));
|
|
8
|
-
var _enums = require("../../../enums");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
const meta = {
|
|
11
|
-
title: "Components/Buttons/Create Button",
|
|
12
|
-
component: _AntCreateButton.default,
|
|
13
|
-
parameters: {
|
|
14
|
-
controls: {
|
|
15
|
-
sort: "requiredFirst"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
argTypes: {
|
|
19
|
-
size: {
|
|
20
|
-
control: {
|
|
21
|
-
type: "select"
|
|
22
|
-
},
|
|
23
|
-
options: Object.values(_enums.Size)
|
|
24
|
-
},
|
|
25
|
-
grouped: {
|
|
26
|
-
control: {
|
|
27
|
-
type: "select"
|
|
28
|
-
},
|
|
29
|
-
options: Object.values(_enums.Grouped)
|
|
30
|
-
},
|
|
31
|
-
tooltipPosition: {
|
|
32
|
-
control: {
|
|
33
|
-
type: "select"
|
|
34
|
-
},
|
|
35
|
-
options: Object.values(_enums.Position)
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
module.exports = meta;
|
|
40
|
-
const Docs = exports.Docs = {
|
|
41
|
-
render: args => ({
|
|
42
|
-
components: {
|
|
43
|
-
AntCreateButton: _AntCreateButton.default
|
|
44
|
-
},
|
|
45
|
-
setup() {
|
|
46
|
-
return {
|
|
47
|
-
args
|
|
48
|
-
};
|
|
49
|
-
},
|
|
50
|
-
template: '<AntCreateButton v-bind="args"/>'
|
|
51
|
-
}),
|
|
52
|
-
args: {
|
|
53
|
-
tooltipPosition: _enums.Position.right
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
const IconVariant = exports.IconVariant = {
|
|
57
|
-
render: Docs.render,
|
|
58
|
-
args: {
|
|
59
|
-
...Docs.args,
|
|
60
|
-
iconVariant: true
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
const Disabled = exports.Disabled = {
|
|
64
|
-
render: Docs.render,
|
|
65
|
-
args: {
|
|
66
|
-
...Docs.args,
|
|
67
|
-
disabled: true
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
const Grouped = exports.Grouped = {
|
|
71
|
-
render: Docs.render,
|
|
72
|
-
args: {
|
|
73
|
-
...Docs.args,
|
|
74
|
-
grouped: _enums.Grouped.left
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
const Skeleton = exports.Skeleton = {
|
|
78
|
-
render: Docs.render,
|
|
79
|
-
args: {
|
|
80
|
-
...Docs.args,
|
|
81
|
-
skeleton: true
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
const Expanded = exports.Expanded = {
|
|
85
|
-
render: Docs.render,
|
|
86
|
-
args: {
|
|
87
|
-
...Docs.args,
|
|
88
|
-
expanded: true
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
const InvalidPermission = exports.InvalidPermission = {
|
|
92
|
-
render: Docs.render,
|
|
93
|
-
args: {
|
|
94
|
-
...Docs.args,
|
|
95
|
-
canCreate: false
|
|
96
|
-
}
|
|
97
|
-
};
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import AntCreateButton from "../AntCreateButton.vue";
|
|
2
|
-
import {
|
|
3
|
-
Position,
|
|
4
|
-
Grouped as _Grouped,
|
|
5
|
-
Size
|
|
6
|
-
} from "../../../enums/index.mjs";
|
|
7
|
-
const meta = {
|
|
8
|
-
title: "Components/Buttons/Create Button",
|
|
9
|
-
component: AntCreateButton,
|
|
10
|
-
parameters: {
|
|
11
|
-
controls: {
|
|
12
|
-
sort: "requiredFirst"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
argTypes: {
|
|
16
|
-
size: {
|
|
17
|
-
control: {
|
|
18
|
-
type: "select"
|
|
19
|
-
},
|
|
20
|
-
options: Object.values(Size)
|
|
21
|
-
},
|
|
22
|
-
grouped: {
|
|
23
|
-
control: {
|
|
24
|
-
type: "select"
|
|
25
|
-
},
|
|
26
|
-
options: Object.values(_Grouped)
|
|
27
|
-
},
|
|
28
|
-
tooltipPosition: {
|
|
29
|
-
control: {
|
|
30
|
-
type: "select"
|
|
31
|
-
},
|
|
32
|
-
options: Object.values(Position)
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
export default meta;
|
|
37
|
-
export const Docs = {
|
|
38
|
-
render: (args) => ({
|
|
39
|
-
components: {
|
|
40
|
-
AntCreateButton
|
|
41
|
-
},
|
|
42
|
-
setup() {
|
|
43
|
-
return {
|
|
44
|
-
args
|
|
45
|
-
};
|
|
46
|
-
},
|
|
47
|
-
template: '<AntCreateButton v-bind="args"/>'
|
|
48
|
-
}),
|
|
49
|
-
args: {
|
|
50
|
-
tooltipPosition: Position.right
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
export const IconVariant = {
|
|
54
|
-
render: Docs.render,
|
|
55
|
-
args: {
|
|
56
|
-
...Docs.args,
|
|
57
|
-
iconVariant: true
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
export const Disabled = {
|
|
61
|
-
render: Docs.render,
|
|
62
|
-
args: {
|
|
63
|
-
...Docs.args,
|
|
64
|
-
disabled: true
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
export const Grouped = {
|
|
68
|
-
render: Docs.render,
|
|
69
|
-
args: {
|
|
70
|
-
...Docs.args,
|
|
71
|
-
grouped: _Grouped.left
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
export const Skeleton = {
|
|
75
|
-
render: Docs.render,
|
|
76
|
-
args: {
|
|
77
|
-
...Docs.args,
|
|
78
|
-
skeleton: true
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
export const Expanded = {
|
|
82
|
-
render: Docs.render,
|
|
83
|
-
args: {
|
|
84
|
-
...Docs.args,
|
|
85
|
-
expanded: true
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
export const InvalidPermission = {
|
|
89
|
-
render: Docs.render,
|
|
90
|
-
args: {
|
|
91
|
-
...Docs.args,
|
|
92
|
-
canCreate: false
|
|
93
|
-
}
|
|
94
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import AntDeleteButton from '../AntDeleteButton.vue';
|
|
2
|
-
import { type Meta, type StoryObj } from '@storybook/vue3';
|
|
3
|
-
declare const meta: Meta<typeof AntDeleteButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof AntDeleteButton>;
|
|
6
|
-
export declare const Docs: Story;
|
|
7
|
-
export declare const IconVariant: Story;
|
|
8
|
-
export declare const Disabled: Story;
|
|
9
|
-
export declare const Grouped: Story;
|
|
10
|
-
export declare const Skeleton: Story;
|
|
11
|
-
export declare const Expanded: Story;
|
|
12
|
-
export declare const InvalidPermission: Story;
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
module.exports = exports.Skeleton = exports.InvalidPermission = exports.IconVariant = exports.Grouped = exports.Expanded = exports.Docs = exports.Disabled = void 0;
|
|
7
|
-
var _AntDeleteButton = _interopRequireDefault(require("../AntDeleteButton.vue"));
|
|
8
|
-
var _enums = require("../../../enums");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
const meta = {
|
|
11
|
-
title: "Components/Buttons/Delete Button",
|
|
12
|
-
component: _AntDeleteButton.default,
|
|
13
|
-
parameters: {
|
|
14
|
-
controls: {
|
|
15
|
-
sort: "requiredFirst"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
argTypes: {
|
|
19
|
-
size: {
|
|
20
|
-
control: {
|
|
21
|
-
type: "select"
|
|
22
|
-
},
|
|
23
|
-
options: Object.values(_enums.Size)
|
|
24
|
-
},
|
|
25
|
-
grouped: {
|
|
26
|
-
control: {
|
|
27
|
-
type: "select"
|
|
28
|
-
},
|
|
29
|
-
options: Object.values(_enums.Grouped)
|
|
30
|
-
},
|
|
31
|
-
tooltipPosition: {
|
|
32
|
-
control: {
|
|
33
|
-
type: "select"
|
|
34
|
-
},
|
|
35
|
-
options: Object.values(_enums.Position)
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
module.exports = meta;
|
|
40
|
-
const Docs = exports.Docs = {
|
|
41
|
-
render: args => ({
|
|
42
|
-
components: {
|
|
43
|
-
AntDeleteButton: _AntDeleteButton.default
|
|
44
|
-
},
|
|
45
|
-
setup() {
|
|
46
|
-
return {
|
|
47
|
-
args
|
|
48
|
-
};
|
|
49
|
-
},
|
|
50
|
-
template: '<AntDeleteButton v-bind="args"/>'
|
|
51
|
-
}),
|
|
52
|
-
args: {
|
|
53
|
-
tooltipPosition: _enums.Position.right
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
const IconVariant = exports.IconVariant = {
|
|
57
|
-
render: Docs.render,
|
|
58
|
-
args: {
|
|
59
|
-
...Docs.args,
|
|
60
|
-
iconVariant: true
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
const Disabled = exports.Disabled = {
|
|
64
|
-
render: Docs.render,
|
|
65
|
-
args: {
|
|
66
|
-
...Docs.args,
|
|
67
|
-
disabled: true
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
const Grouped = exports.Grouped = {
|
|
71
|
-
render: Docs.render,
|
|
72
|
-
args: {
|
|
73
|
-
...Docs.args,
|
|
74
|
-
grouped: _enums.Grouped.left
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
const Skeleton = exports.Skeleton = {
|
|
78
|
-
render: Docs.render,
|
|
79
|
-
args: {
|
|
80
|
-
...Docs.args,
|
|
81
|
-
skeleton: true
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
const Expanded = exports.Expanded = {
|
|
85
|
-
render: Docs.render,
|
|
86
|
-
args: {
|
|
87
|
-
...Docs.args,
|
|
88
|
-
expanded: true
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
const InvalidPermission = exports.InvalidPermission = {
|
|
92
|
-
render: Docs.render,
|
|
93
|
-
args: {
|
|
94
|
-
...Docs.args,
|
|
95
|
-
canDelete: false
|
|
96
|
-
}
|
|
97
|
-
};
|