@mobileaction/action-kit 1.55.19 → 1.56.1-beta.1
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/CHANGELOG.md +60 -0
- package/dist/action-kit.mjs +211 -197
- package/dist/{annotations-na8aGTyh.js → annotations-DzxKra_-.js} +1 -1
- package/dist/components/alert/stories/alert.stories.d.ts +1 -1
- package/dist/components/animation/stories/animation.stories.d.ts +1 -1
- package/dist/components/app-icon/stories/default.stories.d.ts +1 -1
- package/dist/components/app-track-button/stories/default.stories.d.ts +1 -1
- package/dist/components/avatar/stories/default.stories.d.ts +1 -1
- package/dist/components/badge/stories/basic.stories.d.ts +22 -22
- package/dist/components/badge/stories/blue.stories.d.ts +22 -22
- package/dist/components/badge/stories/dark.stories.d.ts +22 -22
- package/dist/components/badge/stories/green.stories.d.ts +22 -22
- package/dist/components/badge/stories/orange.stories.d.ts +22 -22
- package/dist/components/badge/stories/pink.stories.d.ts +22 -22
- package/dist/components/badge/stories/purple.stories.d.ts +22 -22
- package/dist/components/badge/stories/red.stories.d.ts +22 -22
- package/dist/components/badge/stories/status.stories.d.ts +1 -1
- package/dist/components/badge/stories/teal.stories.d.ts +22 -22
- package/dist/components/badge/stories/yellow.stories.d.ts +22 -22
- package/dist/components/button/link-button/stories/link.stories.d.ts +1 -1
- package/dist/components/button/social-button/stories/social.stories.d.ts +1 -1
- package/dist/components/button/stories/filled.stories.d.ts +1 -1
- package/dist/components/button/stories/ghost.stories.d.ts +1 -1
- package/dist/components/button/stories/lighter.stories.d.ts +1 -1
- package/dist/components/button/stories/stroke.stories.d.ts +1 -1
- package/dist/components/card/stories/default.stories.d.ts +1 -1
- package/dist/components/card/stories/footer.stories.d.ts +1 -1
- package/dist/components/card/stories/header.stories.d.ts +1 -1
- package/dist/components/cascader/stories/default.stories.d.ts +121 -121
- package/dist/components/chart/stories/chart.stories.d.ts +1 -1
- package/dist/components/checkbox/stories/default.stories.d.ts +1 -1
- package/dist/components/checkbox/stories/group.stories.d.ts +1 -1
- package/dist/components/checkbox/stories/indeterminate.stories.d.ts +1 -1
- package/dist/components/checkbox-2/stories/card.stories.d.ts +1 -1
- package/dist/components/checkbox-2/stories/default.stories.d.ts +1 -1
- package/dist/components/checkbox-2/stories/group.stories.d.ts +1 -1
- package/dist/components/collapse/stories/default.stories.d.ts +1 -1
- package/dist/components/content-scroller/stories/default.stories.d.ts +1 -1
- package/dist/components/country-radio/stories/default.stories.d.ts +1 -1
- package/dist/components/country-select/stories/default.stories.d.ts +1 -1
- package/dist/components/date-picker/stories/default.stories.d.ts +1 -1
- package/dist/components/date-picker/stories/range.stories.d.ts +1 -1
- package/dist/components/date-picker-2/stories/default.stories.d.ts +1 -1
- package/dist/components/date-picker-2/stories/range.stories.d.ts +1 -1
- package/dist/components/device-preview/components/AppDetailPreview.vue.d.ts +6 -0
- package/dist/components/device-preview/components/AppTodayTabPreview.vue.d.ts +3 -0
- package/dist/components/device-preview/components/ProductPages.vue.d.ts +5 -0
- package/dist/components/device-preview/components/SearchResults.vue.d.ts +6 -0
- package/dist/components/device-preview/components/SearchTab.vue.d.ts +6 -0
- package/dist/components/device-preview/components/TodayTab.vue.d.ts +6 -0
- package/dist/components/device-preview/composables/useDevicePreviewScale.d.ts +6 -0
- package/dist/components/device-preview/constants.d.ts +55 -0
- package/dist/components/device-preview/stories/constants.d.ts +6 -0
- package/dist/components/device-preview/stories/product-pages.stories.d.ts +15 -0
- package/dist/components/device-preview/stories/search-results.stories.d.ts +23 -0
- package/dist/components/device-preview/stories/search-tab.stories.d.ts +19 -0
- package/dist/components/device-preview/stories/today-tab.stories.d.ts +15 -0
- package/dist/components/device-preview/types.d.ts +47 -0
- package/dist/components/drawer/stories/drawer.stories.d.ts +1 -1
- package/dist/components/dropdown/stories/default.stories.d.ts +1 -1
- package/dist/components/ellipsis/stories/default.stories.d.ts +1 -1
- package/dist/components/empty/stories/animation.stories.d.ts +1 -1
- package/dist/components/empty/stories/default.stories.d.ts +1 -1
- package/dist/components/form/stories/default.stories.d.ts +1 -1
- package/dist/components/icon/stories/icon.stories.d.ts +1 -1
- package/dist/components/icon-button/stories/primary.stories.d.ts +1 -1
- package/dist/components/icon-button/stories/secondary.stories.d.ts +1 -1
- package/dist/components/image/stories/default.stories.d.ts +1 -1
- package/dist/components/image-2/stories/default.stories.d.ts +1 -1
- package/dist/components/input/index.vue.d.ts +2 -2
- package/dist/components/input/stories/amount.stories.d.ts +1 -1
- package/dist/components/input/stories/credit-card.stories.d.ts +1 -1
- package/dist/components/input/stories/default.stories.d.ts +1 -1
- package/dist/components/input/stories/email.stories.d.ts +1 -1
- package/dist/components/input/stories/password.stories.d.ts +1 -1
- package/dist/components/input/stories/textarea.stories.d.ts +1 -1
- package/dist/components/input/stories/url.stories.d.ts +1 -1
- package/dist/components/input/stories/user-info.stories.d.ts +1 -1
- package/dist/components/input-number/stories/default.stories.d.ts +10 -10
- package/dist/components/menu/stories/default.stories.d.ts +1 -1
- package/dist/components/modal/stories/default.stories.d.ts +1 -1
- package/dist/components/modal/stories/functions.stories.d.ts +1 -1
- package/dist/components/modal-2/composables/usemodal.d.ts +1 -1
- package/dist/components/notification/stories/filled.stories.d.ts +1 -1
- package/dist/components/notification/stories/light.stories.d.ts +1 -1
- package/dist/components/notification/stories/stroke.stories.d.ts +1 -1
- package/dist/components/numeric-input/stories/default.stories.d.ts +1 -1
- package/dist/components/pagination/stories/default.stories.d.ts +1 -1
- package/dist/components/popconfirm/stories/default.stories.d.ts +1 -1
- package/dist/components/popconfirm-2/stories/default.stories.d.ts +1 -1
- package/dist/components/popover/stories/default.stories.d.ts +1 -1
- package/dist/components/popover-2/stories/default.stories.d.ts +1 -1
- package/dist/components/progress/stories/circle.stories.d.ts +1 -1
- package/dist/components/progress/stories/half-circle.stories.d.ts +1 -1
- package/dist/components/progress/stories/line-step.stories.d.ts +1 -1
- package/dist/components/progress/stories/line.stories.d.ts +1 -1
- package/dist/components/radio/stories/default.stories.d.ts +1 -1
- package/dist/components/radio-card/stories/default.stories.d.ts +1 -1
- package/dist/components/rate/stories/default.stories.d.ts +1 -1
- package/dist/components/result/stories/default.stories.d.ts +1 -1
- package/dist/components/select/stories/default.stories.d.ts +1 -1
- package/dist/components/select/stories/group.stories.d.ts +1 -1
- package/dist/components/select/stories/multi-select.stories.d.ts +1 -1
- package/dist/components/select/stories/single.stories.d.ts +1 -1
- package/dist/components/select-2/stories/borderless.stories.d.ts +1 -1
- package/dist/components/select-2/stories/inline.stories.d.ts +1 -1
- package/dist/components/select-2/stories/multiple.stories.d.ts +1 -1
- package/dist/components/select-2/stories/select-option-group.stories.d.ts +3 -3
- package/dist/components/select-2/stories/select-option.stories.d.ts +3 -3
- package/dist/components/select-2/stories/single.stories.d.ts +1 -1
- package/dist/components/side-menu/add-new-app-button/stories/default.stories.d.ts +1 -1
- package/dist/components/side-menu/app-button/stories/default.stories.d.ts +1 -1
- package/dist/components/side-menu/button/stories/default.stories.d.ts +1 -1
- package/dist/components/side-menu/icon-button/stories/default.stories.d.ts +1 -1
- package/dist/components/side-menu/menu-item/stories/default.stories.d.ts +1 -1
- package/dist/components/side-menu/round-icon-button/stories/default.stories.d.ts +1 -1
- package/dist/components/side-menu-2/menu-button/stories/default.stories.d.ts +1 -1
- package/dist/components/side-menu-2/menu-item/stories/default.stories.d.ts +1 -1
- package/dist/components/slider/stories/default.stories.d.ts +1 -1
- package/dist/components/spin/stories/container.stories.d.ts +1 -1
- package/dist/components/spin/stories/default.stories.d.ts +1 -1
- package/dist/components/step-items/stories/default.stories.d.ts +1 -1
- package/dist/components/step-items/stories/step-item.stories.d.ts +1 -1
- package/dist/components/steps/stories/default.stories.d.ts +1 -1
- package/dist/components/steps/stories/step.stories.d.ts +1 -1
- package/dist/components/switch/stories/default.stories.d.ts +1 -1
- package/dist/components/table/stories/default.stories.d.ts +1 -1
- package/dist/components/tabs/stories/card.stories.d.ts +1 -1
- package/dist/components/tabs/stories/line.stories.d.ts +1 -1
- package/dist/components/tabs-2/stories/default.stories.d.ts +8 -8
- package/dist/components/tabs-2/stories/tab-button.stories.d.ts +8 -8
- package/dist/components/tabs-2/stories/tab-pane.stories.d.ts +2 -2
- package/dist/components/tag-input/stories/default.stories.d.ts +1 -1
- package/dist/components/toggle/stories/default.stories.d.ts +1 -1
- package/dist/components/tooltip/stories/default.stories.d.ts +1 -1
- package/dist/components/tooltip-2/stories/default.stories.d.ts +1 -1
- package/dist/components/track-button/stories/default.stories.d.ts +1 -1
- package/dist/components/tree/stories/default.stories.d.ts +1 -1
- package/dist/components/typography/stories/default.stories.d.ts +1 -1
- package/dist/components/upload/stories/box.stories.d.ts +1 -1
- package/dist/components/upload/stories/button.stories.d.ts +1 -1
- package/dist/components/upload/stories/small-box.stories.d.ts +1 -1
- package/dist/components/watchlist-button/stories/dashed.stories.d.ts +1 -1
- package/dist/components/watchlist-button/stories/default.stories.d.ts +1 -1
- package/dist/{export-data-Bw3963Xo.js → export-data-B7wYF5EQ.js} +1 -1
- package/dist/{exporting-CnFhHpkV.js → exporting-B0cCEyyg.js} +1 -1
- package/dist/{funnel-YWrwiHos.js → funnel-DTHaLuEK.js} +1 -1
- package/dist/{index-DNrsJaj4.js → index-C8r4OcCO.js} +10138 -9725
- package/dist/index.d.ts +8 -0
- package/dist/{map-L8mpHr4U.js → map-C_BILLYp.js} +1 -1
- package/dist/{offline-exporting-MRfiQZvH.js → offline-exporting-8t0G_rUZ.js} +1 -1
- package/dist/{stock-atEywb4v.js → stock-DyTZKEyb.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{venn-C7OnWvi3.js → venn-DfFwIzSQ.js} +1 -1
- package/dist/{wordcloud-1tNuVPm5.js → wordcloud-Hu3_8VaC.js} +1 -1
- package/package.json +8 -8
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { MaDevicePreviewAppDetailProps } from '../types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<MaDevicePreviewAppDetailProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewAppDetailProps> & Readonly<{}>, {
|
|
3
|
+
device: import("../types").DeviceType;
|
|
4
|
+
displayType: import("../types").DisplayType;
|
|
5
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { MaDevicePreviewAppTodayTabProps } from '../types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<MaDevicePreviewAppTodayTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewAppTodayTabProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { MaDevicePreviewProductPagesProps } from '../types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<MaDevicePreviewProductPagesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewProductPagesProps> & Readonly<{}>, {
|
|
3
|
+
device: import("../types").DeviceType;
|
|
4
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { MaDevicePreviewSearchResultsProps } from '../types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<MaDevicePreviewSearchResultsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewSearchResultsProps> & Readonly<{}>, {
|
|
3
|
+
device: import("../types").DeviceType;
|
|
4
|
+
displayType: import("../types").DisplayType;
|
|
5
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { MaDevicePreviewSearchTabProps } from '../types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<MaDevicePreviewSearchTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewSearchTabProps> & Readonly<{}>, {
|
|
3
|
+
device: import("../types").DeviceType;
|
|
4
|
+
displayMode: import("../types").DisplayMode;
|
|
5
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { MaDevicePreviewTodayTabProps } from '../types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<MaDevicePreviewTodayTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaDevicePreviewTodayTabProps> & Readonly<{}>, {
|
|
3
|
+
device: "iphone";
|
|
4
|
+
displayMode: import("../types").DisplayMode;
|
|
5
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { MaybeRefOrGetter } from 'vue';
|
|
2
|
+
export declare function useDevicePreviewScale(baseWidth: MaybeRefOrGetter<number>): {
|
|
3
|
+
containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
|
|
4
|
+
contentScale: import("vue").ComputedRef<number>;
|
|
5
|
+
defaultWidth: import("vue").ComputedRef<string>;
|
|
6
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Original Device Widths at Apple Native Platform
|
|
3
|
+
*/
|
|
4
|
+
export declare const DEVICE_WIDTH: {
|
|
5
|
+
readonly iphone: 246;
|
|
6
|
+
readonly ipad: 491;
|
|
7
|
+
};
|
|
8
|
+
export declare const SCALE_FACTORS: {
|
|
9
|
+
readonly IPHONE: 0.56;
|
|
10
|
+
readonly IPAD: 0.35;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* Asset URLs for iOS device frames and preview images
|
|
14
|
+
* All assets are hosted on Apple's CDN
|
|
15
|
+
*/
|
|
16
|
+
export declare const ASSETS: {
|
|
17
|
+
readonly DEVICE_FRAME: {
|
|
18
|
+
readonly IPHONE: "https://iadcontent.apple.com/micro-booking/assets/educational/images/iphone_frame.png";
|
|
19
|
+
};
|
|
20
|
+
readonly TODAY_TAB: {
|
|
21
|
+
readonly MOCK: {
|
|
22
|
+
readonly VIDEO: "https://iadcontent.apple.com/micro-booking/assets/educational/en_US/APPSTORE_TODAY_TAB/iphone.mp4";
|
|
23
|
+
};
|
|
24
|
+
readonly PREVIEW: {
|
|
25
|
+
readonly IPHONE: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_today_tab_medium_iphone.png";
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
readonly SEARCH_TAB: {
|
|
29
|
+
readonly MOCK: {
|
|
30
|
+
readonly IMAGE: "https://iadcontent.apple.com/micro-booking/assets/educational/en_US/APPSTORE_SEARCH_TAB/iphone.png";
|
|
31
|
+
};
|
|
32
|
+
readonly PREVIEW: {
|
|
33
|
+
readonly IPHONE: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_tab_iphone.png";
|
|
34
|
+
readonly IPAD: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_tab_ipad.png";
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
readonly SEARCH_RESULTS: {
|
|
38
|
+
readonly PREVIEW: {
|
|
39
|
+
readonly IPHONE: {
|
|
40
|
+
readonly IMAGES: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_results_iphone_portrait.png";
|
|
41
|
+
readonly TEXT: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_results_iphone_text.png";
|
|
42
|
+
};
|
|
43
|
+
readonly IPAD: {
|
|
44
|
+
readonly IMAGES: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_results_ipad_portrait.png";
|
|
45
|
+
readonly TEXT: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_search_results_ipad_text.png";
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
readonly PRODUCT_PAGES: {
|
|
50
|
+
readonly PREVIEW: {
|
|
51
|
+
readonly IPHONE: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_product_page_browsing_iphone.png";
|
|
52
|
+
readonly IPAD: "https://iadcontent.apple.com/micro-booking/assets/adPreview/ad_preview_product_page_browsing_ipad.png";
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import MaDevicePreviewProductPages from '../components/ProductPages.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaDevicePreviewProductPages>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MaDevicePreviewProductPages>;
|
|
6
|
+
/**
|
|
7
|
+
* Product Pages preview on iPhone
|
|
8
|
+
* Shows the app information in the Product Pages browsing context
|
|
9
|
+
*/
|
|
10
|
+
export declare const Iphone: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Product Pages preview on iPad
|
|
13
|
+
* iPad layout provides more horizontal space and different positioning
|
|
14
|
+
*/
|
|
15
|
+
export declare const Ipad: Story;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import MaDevicePreviewSearchResults from '../components/SearchResults.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaDevicePreviewSearchResults>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MaDevicePreviewSearchResults>;
|
|
6
|
+
/**
|
|
7
|
+
* iPhone with images display type shows app screenshots
|
|
8
|
+
*/
|
|
9
|
+
export declare const IphoneImages: Story;
|
|
10
|
+
/**
|
|
11
|
+
* iPhone with text display type shows app description
|
|
12
|
+
*/
|
|
13
|
+
export declare const IphoneText: Story;
|
|
14
|
+
/**
|
|
15
|
+
* iPad with images display type shows app screenshots
|
|
16
|
+
* iPad layout provides more horizontal space
|
|
17
|
+
*/
|
|
18
|
+
export declare const IpadImages: Story;
|
|
19
|
+
/**
|
|
20
|
+
* iPad with text display type shows app description
|
|
21
|
+
* On iPad, the description appears in the header row for better layout
|
|
22
|
+
*/
|
|
23
|
+
export declare const IpadText: Story;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import MaDevicePreviewSearchTab from '../components/SearchTab.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaDevicePreviewSearchTab>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MaDevicePreviewSearchTab>;
|
|
6
|
+
/**
|
|
7
|
+
* Mock mode on iPhone displays a device frame with an educational image preview
|
|
8
|
+
* Mock mode only supports iPhone device type
|
|
9
|
+
*/
|
|
10
|
+
export declare const MockModeIphone: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Preview mode on iPhone shows the app information in the Search Tab layout
|
|
13
|
+
*/
|
|
14
|
+
export declare const PreviewModeIphone: Story;
|
|
15
|
+
/**
|
|
16
|
+
* Preview mode on iPad shows the app information in the Search Tab layout
|
|
17
|
+
* iPad layout provides more horizontal space for the preview
|
|
18
|
+
*/
|
|
19
|
+
export declare const PreviewModeIpad: Story;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import MaDevicePreviewTodayTab from '../components/TodayTab.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaDevicePreviewTodayTab>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MaDevicePreviewTodayTab>;
|
|
6
|
+
/**
|
|
7
|
+
* Mock mode displays a device frame with an educational video preview
|
|
8
|
+
* This mode is useful for showing users what the Today Tab placement looks like
|
|
9
|
+
*/
|
|
10
|
+
export declare const MockMode: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Preview mode displays a container image where app information is shown
|
|
13
|
+
* This mode renders the actual app data within the Today Tab layout
|
|
14
|
+
*/
|
|
15
|
+
export declare const PreviewMode: Story;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export declare const DeviceTypes: readonly ["iphone", "ipad"];
|
|
2
|
+
export type DeviceType = (typeof DeviceTypes)[number];
|
|
3
|
+
export declare const DisplayTypes: readonly ["images", "text", "default"];
|
|
4
|
+
export type DisplayType = (typeof DisplayTypes)[number];
|
|
5
|
+
export declare const SearchResultsDisplayTypes: readonly ["images", "text"];
|
|
6
|
+
export type SearchResultsDisplayType = (typeof SearchResultsDisplayTypes)[number];
|
|
7
|
+
export declare const DisplayModes: readonly ["mock", "preview"];
|
|
8
|
+
export type DisplayMode = (typeof DisplayModes)[number];
|
|
9
|
+
export declare const PageTypes: readonly ["today-tab", "search-tab", "search-results", "product-pages"];
|
|
10
|
+
export type PageType = (typeof PageTypes)[number];
|
|
11
|
+
export interface AppInfoBase {
|
|
12
|
+
name: string;
|
|
13
|
+
subtitle: string;
|
|
14
|
+
developerName: string;
|
|
15
|
+
category: string;
|
|
16
|
+
iconUrl: string;
|
|
17
|
+
screenshots?: string[];
|
|
18
|
+
description?: string;
|
|
19
|
+
}
|
|
20
|
+
export type AppInfo = AppInfoBase & Record<string, unknown>;
|
|
21
|
+
export interface MaDevicePreviewTodayTabProps {
|
|
22
|
+
app?: AppInfo;
|
|
23
|
+
displayMode?: DisplayMode;
|
|
24
|
+
device?: 'iphone';
|
|
25
|
+
}
|
|
26
|
+
export interface MaDevicePreviewSearchTabProps {
|
|
27
|
+
app?: AppInfo;
|
|
28
|
+
displayMode?: DisplayMode;
|
|
29
|
+
device?: DeviceType;
|
|
30
|
+
}
|
|
31
|
+
export interface MaDevicePreviewSearchResultsProps {
|
|
32
|
+
app?: AppInfo;
|
|
33
|
+
device?: DeviceType;
|
|
34
|
+
displayType?: DisplayType;
|
|
35
|
+
}
|
|
36
|
+
export interface MaDevicePreviewProductPagesProps {
|
|
37
|
+
app?: AppInfo;
|
|
38
|
+
device?: DeviceType;
|
|
39
|
+
}
|
|
40
|
+
export interface MaDevicePreviewAppDetailProps {
|
|
41
|
+
app?: AppInfo;
|
|
42
|
+
device?: DeviceType;
|
|
43
|
+
displayType?: DisplayType;
|
|
44
|
+
}
|
|
45
|
+
export interface MaDevicePreviewAppTodayTabProps {
|
|
46
|
+
app?: AppInfo;
|
|
47
|
+
}
|
|
@@ -32,18 +32,18 @@ type __VLS_Slots = {} & {
|
|
|
32
32
|
declare const __VLS_component: import("vue").DefineComponent<MaInputProps, {
|
|
33
33
|
focus: typeof focusElement;
|
|
34
34
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
35
|
+
clear: (...args: any[]) => void;
|
|
35
36
|
change: (...args: any[]) => void;
|
|
36
37
|
focus: (...args: any[]) => void;
|
|
37
38
|
focusout: (...args: any[]) => void;
|
|
38
|
-
clear: (...args: any[]) => void;
|
|
39
39
|
"update:value": (...args: any[]) => void;
|
|
40
40
|
currencyChange: (...args: any[]) => void;
|
|
41
41
|
"update:amountCurrency": (...args: any[]) => void;
|
|
42
42
|
}, string, import("vue").PublicProps, Readonly<MaInputProps> & Readonly<{
|
|
43
|
+
onClear?: (...args: any[]) => any;
|
|
43
44
|
onChange?: (...args: any[]) => any;
|
|
44
45
|
onFocus?: (...args: any[]) => any;
|
|
45
46
|
onFocusout?: (...args: any[]) => any;
|
|
46
|
-
onClear?: (...args: any[]) => any;
|
|
47
47
|
"onUpdate:value"?: (...args: any[]) => any;
|
|
48
48
|
onCurrencyChange?: (...args: any[]) => any;
|
|
49
49
|
"onUpdate:amountCurrency"?: (...args: any[]) => any;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/vue3
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
2
|
import type { MaInputNumberProps } from '../index.vue';
|
|
3
3
|
import { MaInputNumber } from '@/index';
|
|
4
4
|
declare const meta: Meta<typeof MaInputNumber>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof MaInputNumber>;
|
|
7
|
-
export declare const Default: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3
|
|
7
|
+
export declare const Default: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
8
8
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
|
|
9
9
|
onChange?: (...args: any[]) => any;
|
|
10
10
|
onStep?: (...args: any[]) => any;
|
|
@@ -72,7 +72,7 @@ export declare const Default: import("storybook/internal/csf").StoryAnnotations<
|
|
|
72
72
|
addonAfter?: (props: {}) => any;
|
|
73
73
|
};
|
|
74
74
|
})>>;
|
|
75
|
-
export declare const XSmall: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3
|
|
75
|
+
export declare const XSmall: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
76
76
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
|
|
77
77
|
onChange?: (...args: any[]) => any;
|
|
78
78
|
onStep?: (...args: any[]) => any;
|
|
@@ -140,7 +140,7 @@ export declare const XSmall: import("storybook/internal/csf").StoryAnnotations<i
|
|
|
140
140
|
addonAfter?: (props: {}) => any;
|
|
141
141
|
};
|
|
142
142
|
})>>;
|
|
143
|
-
export declare const Small: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3
|
|
143
|
+
export declare const Small: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
144
144
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
|
|
145
145
|
onChange?: (...args: any[]) => any;
|
|
146
146
|
onStep?: (...args: any[]) => any;
|
|
@@ -208,7 +208,7 @@ export declare const Small: import("storybook/internal/csf").StoryAnnotations<im
|
|
|
208
208
|
addonAfter?: (props: {}) => any;
|
|
209
209
|
};
|
|
210
210
|
})>>;
|
|
211
|
-
export declare const Medium: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3
|
|
211
|
+
export declare const Medium: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
212
212
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
|
|
213
213
|
onChange?: (...args: any[]) => any;
|
|
214
214
|
onStep?: (...args: any[]) => any;
|
|
@@ -276,7 +276,7 @@ export declare const Medium: import("storybook/internal/csf").StoryAnnotations<i
|
|
|
276
276
|
addonAfter?: (props: {}) => any;
|
|
277
277
|
};
|
|
278
278
|
})>>;
|
|
279
|
-
export declare const Large: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3
|
|
279
|
+
export declare const Large: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
280
280
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
|
|
281
281
|
onChange?: (...args: any[]) => any;
|
|
282
282
|
onStep?: (...args: any[]) => any;
|
|
@@ -344,7 +344,7 @@ export declare const Large: import("storybook/internal/csf").StoryAnnotations<im
|
|
|
344
344
|
addonAfter?: (props: {}) => any;
|
|
345
345
|
};
|
|
346
346
|
})>>;
|
|
347
|
-
export declare const Disabled: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3
|
|
347
|
+
export declare const Disabled: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
348
348
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
|
|
349
349
|
onChange?: (...args: any[]) => any;
|
|
350
350
|
onStep?: (...args: any[]) => any;
|
|
@@ -412,7 +412,7 @@ export declare const Disabled: import("storybook/internal/csf").StoryAnnotations
|
|
|
412
412
|
addonAfter?: (props: {}) => any;
|
|
413
413
|
};
|
|
414
414
|
})>>;
|
|
415
|
-
export declare const Pre: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3
|
|
415
|
+
export declare const Pre: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
416
416
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
|
|
417
417
|
onChange?: (...args: any[]) => any;
|
|
418
418
|
onStep?: (...args: any[]) => any;
|
|
@@ -480,7 +480,7 @@ export declare const Pre: import("storybook/internal/csf").StoryAnnotations<impo
|
|
|
480
480
|
addonAfter?: (props: {}) => any;
|
|
481
481
|
};
|
|
482
482
|
})>>;
|
|
483
|
-
export declare const Post: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3
|
|
483
|
+
export declare const Post: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
484
484
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
|
|
485
485
|
onChange?: (...args: any[]) => any;
|
|
486
486
|
onStep?: (...args: any[]) => any;
|
|
@@ -548,7 +548,7 @@ export declare const Post: import("storybook/internal/csf").StoryAnnotations<imp
|
|
|
548
548
|
addonAfter?: (props: {}) => any;
|
|
549
549
|
};
|
|
550
550
|
})>>;
|
|
551
|
-
export declare const PrePost: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3
|
|
551
|
+
export declare const PrePost: import("storybook/internal/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
|
|
552
552
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaInputNumberProps> & Readonly<{
|
|
553
553
|
onChange?: (...args: any[]) => any;
|
|
554
554
|
onStep?: (...args: any[]) => any;
|