w-component-vue 2.2.7 → 2.2.10

package/src/AppZoneWDynamicList.vue

@@ -235,7 +235,7 @@
                             <div style="width:100%;">
 
                                 <div style="padding-bottom:5px;">
-                                    <div style="display:inline-block; vertical-align:middle; padding:1px 9px; color:#fff; background-color:#f26; border-radius:10px; font-size:10px; line-height:14px;">{{props.index+1}}</div>
+                                    <div style="display:inline-block; vertical-align:middle; padding:1px 9px; color:#fff; background:#f26; border-radius:10px; font-size:10px; line-height:14px;">{{props.index+1}}</div>
                                     <div style="display:inline-block; vertical-align:middle; font-size:14px; line-height:14px; padding-left:7px;">{{props.row.name}}</div>
                                 </div>
 
@@ -278,7 +278,7 @@
                             <div style="width:100%;">
 
                                 <div style="padding-bottom:5px;">
-                                    <div style="display:inline-block; vertical-align:middle; padding:1px 9px; color:#fff; background-color:#f26; border-radius:10px; font-size:10px; line-height:14px;">{{props.index+1}}</div>
+                                    <div style="display:inline-block; vertical-align:middle; padding:1px 9px; color:#fff; background:#f26; border-radius:10px; font-size:10px; line-height:14px;">{{props.index+1}}</div>
                                     <div style="display:inline-block; vertical-align:middle; font-size:14px; line-height:14px; padding-left:7px;">{{props.row.name}}</div>
                                 </div>
 
@@ -315,7 +315,7 @@
                             <div style="width:100%;">
 
                                 <div style="padding-bottom:5px;">
-                                    <div style="display:inline-block; vertical-align:middle; padding:1px 9px; color:#fff; background-color:#f26; border-radius:10px; font-size:10px; line-height:14px;">{{props.index+1}}</div>
+                                    <div style="display:inline-block; vertical-align:middle; padding:1px 9px; color:#fff; background:#f26; border-radius:10px; font-size:10px; line-height:14px;">{{props.index+1}}</div>
                                     <div style="display:inline-block; vertical-align:middle; font-size:14px; line-height:14px; padding-left:7px;">{{props.row.name}}</div>
                                 </div>
 

package/src/AppZoneWListExpand.vue

@@ -48,7 +48,7 @@
             <div class="bk">
                 <demolink
                     :kbname="'w-list-expand'"
-                    :casename="'keyText & keyIcon'"
+                    :casename="'keyText & keyIcon & keyDsp'"
                 ></demolink>
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
@@ -57,6 +57,7 @@
                         :items="WListExpand.itemsObjForKey"
                         :keyText="'name'"
                         :keyIcon="'path'"
+                        :keyDsp="'message'"
                     >
                     </w-list-expand>
                 </div>
@@ -422,32 +423,32 @@ export default {
                     {
                         name: 'Real-Time',
                         path: mdiStackOverflow,
-                        dsp: 'Lorem ipsum dolor sit amet, id nec quod persius patrioque. Quaestio antiopam sea ex. Ius no illud mucius admodum, ea nonumes habemus interpretaris sit, eu ius suavitate definitionem.',
+                        message: 'Lorem ipsum dolor sit amet, id nec quod persius patrioque. Quaestio antiopam sea ex. Ius no illud mucius admodum, ea nonumes habemus interpretaris sit, eu ius suavitate definitionem.',
                     },
                     {
                         name: 'Audience',
                         path: mdiBookMusicOutline,
-                        dsp: 'Ad est alii munere indoctum, ei partiendo assentior vituperatoribus his. Per cu dicunt indoctum qualisque. Eam eu honestatis complectitur, iuvaret democritum interpretaris ad vix.',
+                        message: 'Ad est alii munere indoctum, ei partiendo assentior vituperatoribus his. Per cu dicunt indoctum qualisque. Eam eu honestatis complectitur, iuvaret democritum interpretaris ad vix.',
                     },
                     {
                         name: 'Conversions',
                         path: mdiCharity,
-                        dsp: 'Etiam appellantur pri te, percipit atomorum consequat et mei, et pro liber ubique ceteros. Est at vocent instructior consequuntur.',
+                        message: 'Etiam appellantur pri te, percipit atomorum consequat et mei, et pro liber ubique ceteros. Est at vocent instructior consequuntur.',
                     },
                     {
                         name: 'Management',
                         path: mdiLightbulbGroupOutline,
-                        dsp: 'Qui oratio partem percipit ex, brute omittantur eum no, id his iriure splendide voluptatum. Ei his etiam vivendo adversarium, nam iusto ridens ei, meis disputationi eos eu. Meis accumsan mea et, ut ubique deserunt dignissim vix. Duo ex dicant detracto tacimates.',
+                        message: 'Qui oratio partem percipit ex, brute omittantur eum no, id his iriure splendide voluptatum. Ei his etiam vivendo adversarium, nam iusto ridens ei, meis disputationi eos eu. Meis accumsan mea et, ut ubique deserunt dignissim vix. Duo ex dicant detracto tacimates.',
                     },
                     {
                         name: 'Settings',
                         path: mdiMessageCogOutline,
-                        dsp: 'Sed et nisi maximus, aliquet justo in, consequat nisl.',
+                        message: 'Sed et nisi maximus, aliquet justo in, consequat nisl.',
                     },
                     {
                         name: 'Actions',
                         path: mdiGestureDoubleTap,
-                        dsp: 'Morbi mi lectus, semper vitae dolor eget, venenatis pellentesque purus. Phasellus sollicitudin mattis molestie. Nunc felis mauris.',
+                        message: 'Morbi mi lectus, semper vitae dolor eget, venenatis pellentesque purus. Phasellus sollicitudin mattis molestie. Nunc felis mauris.',
                     },
                 ],
                 'itemActive': {

package/src/AppZoneWPanelBulge.vue

@@ -78,7 +78,7 @@
                     :casename="'with grey outer'"
                 ></demolink>
 
-                <div style="background-color:#bbb; padding:40px;">
+                <div style="background:#bbb; padding:40px;">
                     <w-panel-bulge
                         style="min-width:500px;"
                         :headerText="WPanelBulge.title"
@@ -95,7 +95,7 @@
                     :casename="'no headerShadow & no contentShadow, with green outer'"
                 ></demolink>
 
-                <div style="background-color:#8FF4B1; padding:40px;">
+                <div style="background:#8FF4B1; padding:40px;">
                     <w-panel-bulge
                         style="min-width:500px;"
                         :headerText="WPanelBulge.title"

package/src/AppZoneWPanelScale.vue

@@ -118,7 +118,7 @@
                         :scale="WPanelScale.scale"
                     >
 
-                        <select style="padding:0px 10px; background-color:rgba(200,200,200,0.1); color:#000; border:1px solid rgba(200,200,200,0.5); border-radius:30px; outline:none;">
+                        <select style="padding:0px 10px; background:rgba(200,200,200,0.1); color:#000; border:1px solid rgba(200,200,200,0.5); border-radius:30px; outline:none;">
                             <option style="color:#000;" value="0">Select Fruit</option>
                             <option style="color:#000;" value="1">Apple</option>
                             <option style="color:#000;" value="2">Orange</option>

package/src/AppZoneWPanelStripe.vue

@@ -161,7 +161,7 @@
                     :casename="'with grey outer'"
                 ></demolink>
 
-                <div style="background-color:#bbb; padding:40px;">
+                <div style="background:#bbb; padding:40px;">
 
                     <w-panel-stripe
                         style="width:520px;"
@@ -202,7 +202,7 @@
                     :casename="'no shadow, with crimson outer'"
                 ></demolink>
 
-                <div style="background-color:#a77; padding:40px;">
+                <div style="background:#a77; padding:40px;">
 
                     <w-panel-stripe
                         style="width:520px;"
@@ -362,8 +362,8 @@
 
                     <template v-slot:footer>
                         <div style="display:flex; justify-content:flex-end;">
-                            <button style="margin-left:15px; padding:5px 10px; background-color:#ddd; border-radius:10px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);">離開</button>
-                            <button style="margin-left:15px; padding:5px 10px; background-color:#ddd; border-radius:10px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);">儲存</button>
+                            <button style="margin-left:15px; padding:5px 10px; background:#ddd; border-radius:10px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);">離開</button>
+                            <button style="margin-left:15px; padding:5px 10px; background:#ddd; border-radius:10px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);">儲存</button>
                         </div>
                     </template>
 

package/src/AppZoneWTableDyn.vue

@@ -188,7 +188,7 @@
                     @error="evError"
                 >
                     <template v-slot:btns="props">
-                        <select style="padding:0px 10px; background-color:rgba(255,255,255,0.1); color:#666; font-size:0.7rem; border:1px solid rgba(0,0,0,0.3); border-radius:30px; outline:none;">
+                        <select style="padding:0px 10px; background:rgba(255,255,255,0.1); color:#666; font-size:0.7rem; border:1px solid rgba(0,0,0,0.3); border-radius:30px; outline:none;">
                             <option style="color:#666; font-size:0.7rem;" value="0">Select Item</option>
                             <option style="color:#666; font-size:0.7rem;" value="1">Quisquam</option>
                             <option style="color:#666; font-size:0.7rem;" value="2">Dolorem</option>
@@ -413,7 +413,7 @@
                     @error="evError"
                 >
                     <template v-slot:btns="props">
-                        <select style="padding:0px 10px; background-color:rgba(255,255,255,0.1); color:#666; font-size:0.7rem; border:1px solid rgba(0,0,0,0.3); border-radius:30px; outline:none;">
+                        <select style="padding:0px 10px; background:rgba(255,255,255,0.1); color:#666; font-size:0.7rem; border:1px solid rgba(0,0,0,0.3); border-radius:30px; outline:none;">
                             <option style="color:#666; font-size:0.7rem;" value="0">Select Item</option>
                             <option style="color:#666; font-size:0.7rem;" value="1">Quisquam</option>
                             <option style="color:#666; font-size:0.7rem;" value="2">Dolorem</option>

package/src/components/WDialog.vue

@@ -4,6 +4,7 @@
         scrollable
         :persistent="hasCloseBtn"
         :max-width="maxWidth"
+        :width="maxWidth"
         :fullscreen="fullscreen"
         :hide-overlay="fullscreen"
         v-resize="changeSize"
@@ -246,9 +247,15 @@ export default {
 
             let vo = this
 
+            //trigger
+            let maxWidth = vo.maxWidth
+
             //showTrans
             vo.showTrans = vo.show
 
+            //changeSize
+            vo.changeSize(maxWidth)
+
             return ''
         },