@antify/ui 2.5.5 → 2.5.7
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/{buttons/AntButton.vue → AntButton.vue} +9 -9
- package/dist/components/{dialogs/AntDialog.vue → AntDialog.vue} +4 -4
- package/dist/components/AntModal.vue +1 -1
- package/dist/components/AntPagination.vue +1 -1
- 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/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/AntColorInput/AntColorInput.vue +1 -1
- package/dist/components/inputs/AntDateInput.vue +1 -1
- package/dist/components/inputs/AntImageInput.vue +1 -1
- package/dist/components/inputs/AntNumberInput.vue +1 -1
- package/dist/components/inputs/AntSelect.vue +1 -1
- package/dist/components/inputs/AntSwitcher.vue +1 -1
- package/dist/components/inputs/AntTagInput.vue +6 -3
- package/dist/components/inputs/AntUnitInput.vue +1 -1
- 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/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 +1 -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/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,33 +0,0 @@
|
|
|
1
|
-
import AntTabs from "../../tabs/AntTabs.vue";
|
|
2
|
-
import AntCrudDetailActions from "../AntCrudDetailActions.vue";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Crud/Crud Detail Actions",
|
|
5
|
-
component: AntCrudDetailActions,
|
|
6
|
-
parameters: {
|
|
7
|
-
controls: {
|
|
8
|
-
sort: "requiredFirst"
|
|
9
|
-
}
|
|
10
|
-
},
|
|
11
|
-
decorators: [
|
|
12
|
-
() => ({
|
|
13
|
-
template: '<div class="border border-dashed border-base-300"><story/></div>'
|
|
14
|
-
})
|
|
15
|
-
],
|
|
16
|
-
argTypes: {}
|
|
17
|
-
};
|
|
18
|
-
export default meta;
|
|
19
|
-
export const Docs = {
|
|
20
|
-
render: (args) => ({
|
|
21
|
-
components: {
|
|
22
|
-
AntTabs,
|
|
23
|
-
AntCrudDetailActions
|
|
24
|
-
},
|
|
25
|
-
setup() {
|
|
26
|
-
return {
|
|
27
|
-
args
|
|
28
|
-
};
|
|
29
|
-
},
|
|
30
|
-
template: '<AntCrudDetailActions v-bind="args"/>'
|
|
31
|
-
}),
|
|
32
|
-
args: {}
|
|
33
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/vue3';
|
|
2
|
-
import AntCrudDetailNav from '../AntCrudDetailNav.vue';
|
|
3
|
-
declare const meta: Meta<typeof AntCrudDetailNav>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof AntCrudDetailNav>;
|
|
6
|
-
export declare const Docs: Story;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
module.exports = exports.Docs = void 0;
|
|
7
|
-
var _AntTabs = _interopRequireDefault(require("../../tabs/AntTabs.vue"));
|
|
8
|
-
var _AntCrudDetailNav = _interopRequireDefault(require("../AntCrudDetailNav.vue"));
|
|
9
|
-
var _storybookVue3Router = require("storybook-vue3-router");
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
const meta = {
|
|
12
|
-
title: "Crud/Crud Detail Nav",
|
|
13
|
-
component: _AntCrudDetailNav.default,
|
|
14
|
-
parameters: {
|
|
15
|
-
controls: {
|
|
16
|
-
sort: "requiredFirst"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
decorators: [() => ({
|
|
20
|
-
template: '<div class="dashed"><story/></div>'
|
|
21
|
-
}), (0, _storybookVue3Router.vueRouter)()],
|
|
22
|
-
argTypes: {}
|
|
23
|
-
};
|
|
24
|
-
module.exports = meta;
|
|
25
|
-
const Docs = exports.Docs = {
|
|
26
|
-
render: args => ({
|
|
27
|
-
components: {
|
|
28
|
-
AntTabs: _AntTabs.default,
|
|
29
|
-
AntCrudDetailNav: _AntCrudDetailNav.default
|
|
30
|
-
},
|
|
31
|
-
setup() {
|
|
32
|
-
return {
|
|
33
|
-
args
|
|
34
|
-
};
|
|
35
|
-
},
|
|
36
|
-
template: '<AntCrudDetailNav v-bind="args"/>'
|
|
37
|
-
}),
|
|
38
|
-
args: {
|
|
39
|
-
getEntityName: () => "Lorem ipsum",
|
|
40
|
-
tabItems: [{
|
|
41
|
-
id: "1",
|
|
42
|
-
label: "Main data"
|
|
43
|
-
}, {
|
|
44
|
-
id: "2",
|
|
45
|
-
label: "Related data"
|
|
46
|
-
}, {
|
|
47
|
-
id: "3",
|
|
48
|
-
label: "Related data"
|
|
49
|
-
}]
|
|
50
|
-
}
|
|
51
|
-
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import AntTabs from "../../tabs/AntTabs.vue";
|
|
2
|
-
import AntCrudDetailNav from "../AntCrudDetailNav.vue";
|
|
3
|
-
import {
|
|
4
|
-
vueRouter
|
|
5
|
-
} from "storybook-vue3-router";
|
|
6
|
-
const meta = {
|
|
7
|
-
title: "Crud/Crud Detail Nav",
|
|
8
|
-
component: AntCrudDetailNav,
|
|
9
|
-
parameters: {
|
|
10
|
-
controls: {
|
|
11
|
-
sort: "requiredFirst"
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
decorators: [
|
|
15
|
-
() => ({
|
|
16
|
-
template: '<div class="dashed"><story/></div>'
|
|
17
|
-
}),
|
|
18
|
-
vueRouter()
|
|
19
|
-
],
|
|
20
|
-
argTypes: {}
|
|
21
|
-
};
|
|
22
|
-
export default meta;
|
|
23
|
-
export const Docs = {
|
|
24
|
-
render: (args) => ({
|
|
25
|
-
components: {
|
|
26
|
-
AntTabs,
|
|
27
|
-
AntCrudDetailNav
|
|
28
|
-
},
|
|
29
|
-
setup() {
|
|
30
|
-
return {
|
|
31
|
-
args
|
|
32
|
-
};
|
|
33
|
-
},
|
|
34
|
-
template: '<AntCrudDetailNav v-bind="args"/>'
|
|
35
|
-
}),
|
|
36
|
-
args: {
|
|
37
|
-
getEntityName: () => "Lorem ipsum",
|
|
38
|
-
tabItems: [
|
|
39
|
-
{
|
|
40
|
-
id: "1",
|
|
41
|
-
label: "Main data"
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
id: "2",
|
|
45
|
-
label: "Related data"
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
id: "3",
|
|
49
|
-
label: "Related data"
|
|
50
|
-
}
|
|
51
|
-
]
|
|
52
|
-
}
|
|
53
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import AntCrudTableFilter from '../AntCrudTableFilter.vue';
|
|
2
|
-
import { type Meta, type StoryObj } from '@storybook/vue3';
|
|
3
|
-
declare const meta: Meta<typeof AntCrudTableFilter>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof AntCrudTableFilter>;
|
|
6
|
-
export declare const Docs: Story;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
module.exports = exports.Docs = void 0;
|
|
7
|
-
var _AntCrudTableFilter = _interopRequireDefault(require("../AntCrudTableFilter.vue"));
|
|
8
|
-
var _storybookVue3Router = require("storybook-vue3-router");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
const meta = {
|
|
11
|
-
title: "Crud/Crud Table Filter",
|
|
12
|
-
component: _AntCrudTableFilter.default,
|
|
13
|
-
parameters: {
|
|
14
|
-
controls: {
|
|
15
|
-
sort: "requiredFirst"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
argTypes: {},
|
|
19
|
-
decorators: [(0, _storybookVue3Router.vueRouter)()]
|
|
20
|
-
};
|
|
21
|
-
module.exports = meta;
|
|
22
|
-
const Docs = exports.Docs = {
|
|
23
|
-
render: args => ({
|
|
24
|
-
components: {
|
|
25
|
-
AntCrudTableFilter: _AntCrudTableFilter.default
|
|
26
|
-
},
|
|
27
|
-
setup() {
|
|
28
|
-
return {
|
|
29
|
-
args
|
|
30
|
-
};
|
|
31
|
-
},
|
|
32
|
-
template: `
|
|
33
|
-
<div class="dashed">
|
|
34
|
-
<AntCrudTableFilter
|
|
35
|
-
v-model:search="args.search"
|
|
36
|
-
v-bind="args"
|
|
37
|
-
/>
|
|
38
|
-
</div>
|
|
39
|
-
`
|
|
40
|
-
}),
|
|
41
|
-
args: {}
|
|
42
|
-
};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import AntCrudTableFilter from "../AntCrudTableFilter.vue";
|
|
2
|
-
import {
|
|
3
|
-
vueRouter
|
|
4
|
-
} from "storybook-vue3-router";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Crud/Crud Table Filter",
|
|
7
|
-
component: AntCrudTableFilter,
|
|
8
|
-
parameters: {
|
|
9
|
-
controls: {
|
|
10
|
-
sort: "requiredFirst"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
argTypes: {},
|
|
14
|
-
decorators: [
|
|
15
|
-
vueRouter()
|
|
16
|
-
]
|
|
17
|
-
};
|
|
18
|
-
export default meta;
|
|
19
|
-
export const Docs = {
|
|
20
|
-
render: (args) => ({
|
|
21
|
-
components: {
|
|
22
|
-
AntCrudTableFilter
|
|
23
|
-
},
|
|
24
|
-
setup() {
|
|
25
|
-
return {
|
|
26
|
-
args
|
|
27
|
-
};
|
|
28
|
-
},
|
|
29
|
-
template: `
|
|
30
|
-
<div class="dashed">
|
|
31
|
-
<AntCrudTableFilter
|
|
32
|
-
v-model:search="args.search"
|
|
33
|
-
v-bind="args"
|
|
34
|
-
/>
|
|
35
|
-
</div>
|
|
36
|
-
`
|
|
37
|
-
}),
|
|
38
|
-
args: {}
|
|
39
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import AntCrudTableNav from '../AntCrudTableNav.vue';
|
|
2
|
-
import { type Meta, type StoryObj } from '@storybook/vue3';
|
|
3
|
-
declare const meta: Meta<typeof AntCrudTableNav>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof AntCrudTableNav>;
|
|
6
|
-
export declare const Docs: Story;
|
|
7
|
-
export declare const fullWidth: Story;
|
|
8
|
-
export declare const skeleton: Story;
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.skeleton = exports.fullWidth = exports.default = exports.Docs = void 0;
|
|
7
|
-
var _AntCrudTableNav = _interopRequireDefault(require("../AntCrudTableNav.vue"));
|
|
8
|
-
var _storybookVue3Router = require("storybook-vue3-router");
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
const meta = {
|
|
11
|
-
title: "Crud/Crud Table Nav",
|
|
12
|
-
component: _AntCrudTableNav.default,
|
|
13
|
-
parameters: {
|
|
14
|
-
controls: {
|
|
15
|
-
sort: "requiredFirst"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
argTypes: {
|
|
19
|
-
pageQuery: {
|
|
20
|
-
description: "Which query parameter should be used, for writing the current page into it."
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
decorators: [(0, _storybookVue3Router.vueRouter)()]
|
|
24
|
-
};
|
|
25
|
-
module.exports = meta;
|
|
26
|
-
const Docs = exports.Docs = {
|
|
27
|
-
render: args => ({
|
|
28
|
-
components: {
|
|
29
|
-
AntCrudTableNav: _AntCrudTableNav.default
|
|
30
|
-
},
|
|
31
|
-
setup() {
|
|
32
|
-
return {
|
|
33
|
-
args
|
|
34
|
-
};
|
|
35
|
-
},
|
|
36
|
-
template: `
|
|
37
|
-
<div class="dashed">
|
|
38
|
-
<AntCrudTableNav v-bind="args"/>
|
|
39
|
-
</div>
|
|
40
|
-
`
|
|
41
|
-
}),
|
|
42
|
-
args: {
|
|
43
|
-
count: 1000015
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
const fullWidth = exports.fullWidth = {
|
|
47
|
-
render: args => ({
|
|
48
|
-
components: {
|
|
49
|
-
AntCrudTableNav: _AntCrudTableNav.default
|
|
50
|
-
},
|
|
51
|
-
setup() {
|
|
52
|
-
return {
|
|
53
|
-
args
|
|
54
|
-
};
|
|
55
|
-
},
|
|
56
|
-
template: `
|
|
57
|
-
<div class="p-4 flex gap-4">
|
|
58
|
-
<AntCrudTableNav v-bind="args"/>
|
|
59
|
-
|
|
60
|
-
<div v-if="!args.fullWidth" class="w-full">
|
|
61
|
-
Another content
|
|
62
|
-
</div>
|
|
63
|
-
</div>
|
|
64
|
-
`
|
|
65
|
-
}),
|
|
66
|
-
args: {
|
|
67
|
-
...Docs.args,
|
|
68
|
-
fullWidth: false
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
const skeleton = exports.skeleton = {
|
|
72
|
-
render: Docs.render,
|
|
73
|
-
args: {
|
|
74
|
-
...Docs.args,
|
|
75
|
-
skeleton: true
|
|
76
|
-
}
|
|
77
|
-
};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import AntCrudTableNav from "../AntCrudTableNav.vue";
|
|
2
|
-
import {
|
|
3
|
-
vueRouter
|
|
4
|
-
} from "storybook-vue3-router";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Crud/Crud Table Nav",
|
|
7
|
-
component: AntCrudTableNav,
|
|
8
|
-
parameters: {
|
|
9
|
-
controls: {
|
|
10
|
-
sort: "requiredFirst"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
argTypes: {
|
|
14
|
-
pageQuery: {
|
|
15
|
-
description: "Which query parameter should be used, for writing the current page into it."
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
decorators: [
|
|
19
|
-
vueRouter()
|
|
20
|
-
]
|
|
21
|
-
};
|
|
22
|
-
export default meta;
|
|
23
|
-
export const Docs = {
|
|
24
|
-
render: (args) => ({
|
|
25
|
-
components: {
|
|
26
|
-
AntCrudTableNav
|
|
27
|
-
},
|
|
28
|
-
setup() {
|
|
29
|
-
return {
|
|
30
|
-
args
|
|
31
|
-
};
|
|
32
|
-
},
|
|
33
|
-
template: `
|
|
34
|
-
<div class="dashed">
|
|
35
|
-
<AntCrudTableNav v-bind="args"/>
|
|
36
|
-
</div>
|
|
37
|
-
`
|
|
38
|
-
}),
|
|
39
|
-
args: {
|
|
40
|
-
count: 1000015
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
export const fullWidth = {
|
|
44
|
-
render: (args) => ({
|
|
45
|
-
components: {
|
|
46
|
-
AntCrudTableNav
|
|
47
|
-
},
|
|
48
|
-
setup() {
|
|
49
|
-
return {
|
|
50
|
-
args
|
|
51
|
-
};
|
|
52
|
-
},
|
|
53
|
-
template: `
|
|
54
|
-
<div class="p-4 flex gap-4">
|
|
55
|
-
<AntCrudTableNav v-bind="args"/>
|
|
56
|
-
|
|
57
|
-
<div v-if="!args.fullWidth" class="w-full">
|
|
58
|
-
Another content
|
|
59
|
-
</div>
|
|
60
|
-
</div>
|
|
61
|
-
`
|
|
62
|
-
}),
|
|
63
|
-
args: {
|
|
64
|
-
...Docs.args,
|
|
65
|
-
fullWidth: false
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
export const skeleton = {
|
|
69
|
-
render: Docs.render,
|
|
70
|
-
args: {
|
|
71
|
-
...Docs.args,
|
|
72
|
-
skeleton: true
|
|
73
|
-
}
|
|
74
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import {
|
|
3
|
-
InputState,
|
|
4
|
-
} from '../../enums';
|
|
5
|
-
import AntDialog from './AntDialog.vue';
|
|
6
|
-
import {
|
|
7
|
-
useVModel,
|
|
8
|
-
} from '@vueuse/core';
|
|
9
|
-
|
|
10
|
-
const emit = defineEmits([
|
|
11
|
-
'update:open',
|
|
12
|
-
'close',
|
|
13
|
-
'confirm',
|
|
14
|
-
]);
|
|
15
|
-
const props = defineProps<{
|
|
16
|
-
open: boolean;
|
|
17
|
-
entity: string;
|
|
18
|
-
}>();
|
|
19
|
-
|
|
20
|
-
const _open = useVModel(props, 'open', emit);
|
|
21
|
-
</script>
|
|
22
|
-
|
|
23
|
-
<template>
|
|
24
|
-
<AntDialog
|
|
25
|
-
v-model:open="_open"
|
|
26
|
-
:state="InputState.danger"
|
|
27
|
-
title="Delete"
|
|
28
|
-
confirm-text="Delete"
|
|
29
|
-
data-e2e="delete-dialog"
|
|
30
|
-
@confirm="() => $emit('confirm')"
|
|
31
|
-
@close="() => $emit('close')"
|
|
32
|
-
>
|
|
33
|
-
<div>
|
|
34
|
-
Do you really want to delete <span class="font-semibold">{{ entity }}</span>?
|
|
35
|
-
</div>
|
|
36
|
-
</AntDialog>
|
|
37
|
-
</template>
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/vue3';
|
|
2
|
-
import AntDeleteDialog from '../AntDeleteDialog.vue';
|
|
3
|
-
declare const meta: Meta<typeof AntDeleteDialog>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof AntDeleteDialog>;
|
|
6
|
-
export declare const Docs: Story;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
module.exports = exports.Docs = void 0;
|
|
7
|
-
var _AntDeleteDialog = _interopRequireDefault(require("../AntDeleteDialog.vue"));
|
|
8
|
-
var _AntButton = _interopRequireDefault(require("../../buttons/AntButton.vue"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
const meta = {
|
|
11
|
-
title: "Components/Dialogs/Delete Dialog",
|
|
12
|
-
component: _AntDeleteDialog.default,
|
|
13
|
-
parameters: {
|
|
14
|
-
controls: {
|
|
15
|
-
sort: "requiredFirst"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
argTypes: {}
|
|
19
|
-
};
|
|
20
|
-
module.exports = meta;
|
|
21
|
-
const Docs = exports.Docs = {
|
|
22
|
-
render: args => ({
|
|
23
|
-
components: {
|
|
24
|
-
AntDeleteDialog: _AntDeleteDialog.default,
|
|
25
|
-
AntButton: _AntButton.default
|
|
26
|
-
},
|
|
27
|
-
setup() {
|
|
28
|
-
return {
|
|
29
|
-
args
|
|
30
|
-
};
|
|
31
|
-
},
|
|
32
|
-
template: `
|
|
33
|
-
<div class="h-96">
|
|
34
|
-
<AntButton @click="() => args.open = true" state="danger">Delete</AntButton>
|
|
35
|
-
|
|
36
|
-
<AntDeleteDialog
|
|
37
|
-
v-model:open="args.open"
|
|
38
|
-
:entity="args.entity"
|
|
39
|
-
v-bind="args"
|
|
40
|
-
/>
|
|
41
|
-
</div>
|
|
42
|
-
`
|
|
43
|
-
}),
|
|
44
|
-
args: {
|
|
45
|
-
open: false,
|
|
46
|
-
entity: "Lorem ipsum"
|
|
47
|
-
}
|
|
48
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import AntDeleteDialog from "../AntDeleteDialog.vue";
|
|
2
|
-
import AntButton from "../../buttons/AntButton.vue";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Components/Dialogs/Delete Dialog",
|
|
5
|
-
component: AntDeleteDialog,
|
|
6
|
-
parameters: {
|
|
7
|
-
controls: {
|
|
8
|
-
sort: "requiredFirst"
|
|
9
|
-
}
|
|
10
|
-
},
|
|
11
|
-
argTypes: {}
|
|
12
|
-
};
|
|
13
|
-
export default meta;
|
|
14
|
-
export const Docs = {
|
|
15
|
-
render: (args) => ({
|
|
16
|
-
components: {
|
|
17
|
-
AntDeleteDialog,
|
|
18
|
-
AntButton
|
|
19
|
-
},
|
|
20
|
-
setup() {
|
|
21
|
-
return {
|
|
22
|
-
args
|
|
23
|
-
};
|
|
24
|
-
},
|
|
25
|
-
template: `
|
|
26
|
-
<div class="h-96">
|
|
27
|
-
<AntButton @click="() => args.open = true" state="danger">Delete</AntButton>
|
|
28
|
-
|
|
29
|
-
<AntDeleteDialog
|
|
30
|
-
v-model:open="args.open"
|
|
31
|
-
:entity="args.entity"
|
|
32
|
-
v-bind="args"
|
|
33
|
-
/>
|
|
34
|
-
</div>
|
|
35
|
-
`
|
|
36
|
-
}),
|
|
37
|
-
args: {
|
|
38
|
-
open: false,
|
|
39
|
-
entity: "Lorem ipsum"
|
|
40
|
-
}
|
|
41
|
-
};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|