Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit2fe90bb

Browse files
committed
add mixin props comments into the source file to quick fix missing comments in mixin
1 parent081a4b4 commit2fe90bb

File tree

10 files changed

+1488
-514
lines changed

10 files changed

+1488
-514
lines changed

‎docs/dist/bundle.js‎

Lines changed: 16 additions & 15 deletions
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

‎docs/dist/bundle.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

‎docs/src/vuex/actions.js‎

Lines changed: 559 additions & 249 deletions
Large diffs are not rendered by default.

‎scripts/temp.json‎

Lines changed: 559 additions & 249 deletions
Large diffs are not rendered by default.

‎src/components/buttons/button.vue‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,62 @@
1717
*@description There are 3 main button types described in material design. The raised button is a standard button that signify actions and seek to give depth to a mostly flat page. The floating circular action button is meant for very important functions. Flat buttons are usually used within elements that already have depth like cards or modals.
1818
*/
1919
module.exports= {
20+
/**
21+
*@prop label
22+
*@type{String}
23+
*@default''
24+
*@description label of this button
25+
*/
26+
27+
/**
28+
*@prop type
29+
*@type{String}
30+
*@default''
31+
*@description type of this button. '': raised button, by default. 'flat': flat button. 'floating': floating button
32+
*/
33+
34+
/**
35+
*@prop large
36+
*@type{Boolean}
37+
*@defaultfalse
38+
*@description set this prop as true to let this button has a larger height for buttons that need more attention
39+
*/
40+
41+
/**
42+
*@prop icon
43+
*@type{String}
44+
*@default''
45+
*@description icon of this button
46+
*/
47+
48+
/**
49+
*@prop iconPosition
50+
*@type{String}
51+
*@default'left'
52+
*@description icon position of the button icon. Possible values: 'left', 'right'
53+
*/
54+
55+
/**
56+
*@prop wavesEffect
57+
*@type{Boolean}
58+
*@defaulttrue
59+
*@description apple the waves effect of the button
60+
*/
61+
62+
/**
63+
*@prop lightWave
64+
*@type{Boolean}
65+
*@defaulttrue
66+
*@description apply the light-style waves effect to the button
67+
*/
68+
69+
/**
70+
*@prop
71+
*@type{Boolean}
72+
*@defaultfalse
73+
*@description indicate the button is disabled or not
74+
*/
75+
2076
mixins: [ButtonMixin]
2177
};
2278
</script>

‎src/components/buttons/fixed-action-button.vue‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,61 @@
1616
*@description If you want a fixed floating action button, you can add multiple actions that will appear on hover. Our demo is in the bottom righthand corner of the page.
1717
*/
1818
module.exports= {
19+
/**
20+
*@prop label
21+
*@type{String}
22+
*@default''
23+
*@description label of this button
24+
*/
25+
26+
/**
27+
*@prop type
28+
*@type{String}
29+
*@default''
30+
*@description type of this button. '': raised button, by default. 'flat': flat button. 'floating': floating button
31+
*/
32+
33+
/**
34+
*@prop large
35+
*@type{Boolean}
36+
*@defaultfalse
37+
*@description set this prop as true to let this button has a larger height for buttons that need more attention
38+
*/
39+
40+
/**
41+
*@prop icon
42+
*@type{String}
43+
*@default''
44+
*@description icon of this button
45+
*/
46+
47+
/**
48+
*@prop iconPosition
49+
*@type{String}
50+
*@default'left'
51+
*@description icon position of the button icon. Possible values: 'left', 'right'
52+
*/
53+
54+
/**
55+
*@prop wavesEffect
56+
*@type{Boolean}
57+
*@defaulttrue
58+
*@description apple the waves effect of the button
59+
*/
60+
61+
/**
62+
*@prop lightWave
63+
*@type{Boolean}
64+
*@defaulttrue
65+
*@description apply the light-style waves effect to the button
66+
*/
67+
68+
/**
69+
*@prop
70+
*@type{Boolean}
71+
*@defaultfalse
72+
*@description indicate the button is disabled or not
73+
*/
1974
mixins: [ButtonMixin],
2075
2176
components: {

‎src/components/dropdown/dropdown.vue‎

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,117 @@
3030
*@description Add a{@linkhttp://materializecss.com/dropdown.html dropdown} list to any button. These button props can't be changed for a dropdown: waves-effect, light-wave and disabled.
3131
*/
3232
module.exports= {
33+
/**
34+
*@prop label
35+
*@type{String}
36+
*@default''
37+
*@description label of this button
38+
*/
39+
40+
/**
41+
*@prop type
42+
*@type{String}
43+
*@default''
44+
*@description type of this button. '': raised button, by default. 'flat': flat button. 'floating': floating button
45+
*/
46+
47+
/**
48+
*@prop large
49+
*@type{Boolean}
50+
*@defaultfalse
51+
*@description set this prop as true to let this button has a larger height for buttons that need more attention
52+
*/
53+
54+
/**
55+
*@prop icon
56+
*@type{String}
57+
*@default''
58+
*@description icon of this button
59+
*/
60+
61+
/**
62+
*@prop iconPosition
63+
*@type{String}
64+
*@default'left'
65+
*@description icon position of the button icon. Possible values: 'left', 'right'
66+
*/
67+
68+
/**
69+
*@prop wavesEffect
70+
*@type{Boolean}
71+
*@defaulttrue
72+
*@description apple the waves effect of the button
73+
*/
74+
75+
/**
76+
*@prop lightWave
77+
*@type{Boolean}
78+
*@defaulttrue
79+
*@description apply the light-style waves effect to the button
80+
*/
81+
82+
/**
83+
*@prop
84+
*@type{Boolean}
85+
*@defaultfalse
86+
*@description indicate the button is disabled or not
87+
*/
88+
89+
/**
90+
*@prop items
91+
*@type{Array}
92+
*@defaultfunction() {return [];}
93+
*@description example value: [{href: '#!', label: 'item 1', badge: {label: '1', new: true}}, {href: '#!', label: 'item 2'}, {divider: true}]
94+
*/
95+
96+
/**
97+
*@prop inDuration
98+
*@type{Number}
99+
*@default300
100+
*@description the duration of the transition enter in milliseconds
101+
*/
102+
103+
/**
104+
*@prop outDuration
105+
*@type{Number}
106+
*@default225
107+
*@description the duration of the transition out in milliseconds
108+
*/
109+
110+
/**
111+
*@prop constrainWidth
112+
*@type{Boolean}
113+
*@defaulttrue
114+
*@description if true, constrainWidth to the size of the dropdown activator
115+
*/
116+
117+
/**
118+
*@prop hover
119+
*@type{Boolean}
120+
*@defaulttrue
121+
*@description if true, the dropdown will open on hover
122+
*/
123+
124+
/**
125+
*@prop gutter
126+
*@type{Number}
127+
*@default0
128+
*@description this defines the spacing from the aligned edge
129+
*/
130+
131+
/**
132+
*@prop belowOrigin
133+
*@type{Boolean}
134+
*@defaultfalse
135+
*@description if true, the dropdown will show below the activator
136+
*/
137+
138+
/**
139+
*@prop alignment
140+
*@type{String}
141+
*@default'left'
142+
*@description defines the edge the menu is aligned to. Possible values: 'left', 'right'
143+
*/
33144
mixins: [ButtonPropMixin, DropdownPropMixin],
34145
35146
components: {

‎src/components/navbar/nav-collapsible-item.vue‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,12 @@
1616
*@description collapsible menu component in navbar. When your nav bar is resized, you will see that the links on the right turn into a hamburger icon
1717
*/
1818
module.exports= {
19+
/**
20+
*@prop active
21+
*@type{Boolean}
22+
*@defaultfalse
23+
*@description indicate the nav-item is active or not
24+
*/
1925
mixins: [NavItemPropMixin],
2026
2127
components: {

‎src/components/navbar/nav-dropdown-item.vue‎

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,125 @@
1818
*@description dropdown menu component in navbar
1919
*/
2020
module.exports= {
21+
22+
/**
23+
*@prop label
24+
*@type{String}
25+
*@default''
26+
*@description label of this button
27+
*/
28+
29+
/**
30+
*@prop type
31+
*@type{String}
32+
*@default''
33+
*@description type of this button. '': raised button, by default. 'flat': flat button. 'floating': floating button
34+
*/
35+
36+
/**
37+
*@prop large
38+
*@type{Boolean}
39+
*@defaultfalse
40+
*@description set this prop as true to let this button has a larger height for buttons that need more attention
41+
*/
42+
43+
/**
44+
*@prop icon
45+
*@type{String}
46+
*@default''
47+
*@description icon of this button
48+
*/
49+
50+
/**
51+
*@prop iconPosition
52+
*@type{String}
53+
*@default'left'
54+
*@description icon position of the button icon. Possible values: 'left', 'right'
55+
*/
56+
57+
/**
58+
*@prop wavesEffect
59+
*@type{Boolean}
60+
*@defaulttrue
61+
*@description apple the waves effect of the button
62+
*/
63+
64+
/**
65+
*@prop lightWave
66+
*@type{Boolean}
67+
*@defaulttrue
68+
*@description apply the light-style waves effect to the button
69+
*/
70+
71+
/**
72+
*@prop
73+
*@type{Boolean}
74+
*@defaultfalse
75+
*@description indicate the button is disabled or not
76+
*/
77+
78+
/**
79+
*@prop items
80+
*@type{Array}
81+
*@defaultfunction() {return [];}
82+
*@description example value: [{href: '#!', label: 'item 1', badge: {label: '1', new: true}}, {href: '#!', label: 'item 2'}, {divider: true}]
83+
*/
84+
85+
/**
86+
*@prop inDuration
87+
*@type{Number}
88+
*@default300
89+
*@description the duration of the transition enter in milliseconds
90+
*/
91+
92+
/**
93+
*@prop outDuration
94+
*@type{Number}
95+
*@default225
96+
*@description the duration of the transition out in milliseconds
97+
*/
98+
99+
/**
100+
*@prop constrainWidth
101+
*@type{Boolean}
102+
*@defaulttrue
103+
*@description if true, constrainWidth to the size of the dropdown activator
104+
*/
105+
106+
/**
107+
*@prop hover
108+
*@type{Boolean}
109+
*@defaulttrue
110+
*@description if true, the dropdown will open on hover
111+
*/
112+
113+
/**
114+
*@prop gutter
115+
*@type{Number}
116+
*@default0
117+
*@description this defines the spacing from the aligned edge
118+
*/
119+
120+
/**
121+
*@prop belowOrigin
122+
*@type{Boolean}
123+
*@defaultfalse
124+
*@description if true, the dropdown will show below the activator
125+
*/
126+
127+
/**
128+
*@prop alignment
129+
*@type{String}
130+
*@default'left'
131+
*@description defines the edge the menu is aligned to. Possible values: 'left', 'right'
132+
*/
133+
134+
/**
135+
*@prop active
136+
*@type{Boolean}
137+
*@defaultfalse
138+
*@description indicate the nav-item is active or not
139+
*/
21140
mixins: [ButtonPropMixin, DropdownPropMixin, NavItemPropMixin],
22141
23142
components: {

‎src/components/navbar/nav-item.vue‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,12 @@
1414
*@description a component for nav-item
1515
*/
1616
module.exports= {
17+
/**
18+
*@prop active
19+
*@type{Boolean}
20+
*@defaultfalse
21+
*@description indicate the nav-item is active or not
22+
*/
1723
mixins: [NavItemPropMixin]
1824
};
1925
</script>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp