w-component-vue 2.4.44 → 2.4.46

package/src/AppZoneWThreejsVueDyn.vue

@@ -26,32 +26,32 @@
                     :casename="'basicSize'"
                 ></demolink>
 
-                <div>
+                <div style="margin-bottom:5px;">
 
                     <w-button-chip
-                        style="margin:0px 5px 5px 0px;"
-                        :paddingStyle="{v:0,h:8}"
+                        style="margin:0px 10px 5px 0px;"
+                        :borderRadius="4"
                         :text="'set width to 800'"
                         @click="setWidth(800)"
                     ></w-button-chip>
 
                     <w-button-chip
-                        style="margin:0px 5px 5px 0px;"
-                        :paddingStyle="{v:0,h:8}"
+                        style="margin:0px 10px 5px 0px;"
+                        :borderRadius="4"
                         :text="'set width to 300'"
                         @click="setWidth(300)"
                     ></w-button-chip>
 
                     <w-button-chip
-                        style="margin:0px 5px 5px 0px;"
-                        :paddingStyle="{v:0,h:8}"
+                        style="margin:0px 10px 5px 0px;"
+                        :borderRadius="4"
                         :text="'set height to 600'"
                         @click="setHeight(600)"
                     ></w-button-chip>
 
                     <w-button-chip
-                        style="margin:0px 5px 5px 0px;"
-                        :paddingStyle="{v:0,h:8}"
+                        style="margin:0px 10px 5px 0px;"
+                        :borderRadius="4"
                         :text="'set height to 300'"
                         @click="setHeight(300)"
                     ></w-button-chip>
@@ -71,18 +71,18 @@
                     :casename="'autoRotateDeg'"
                 ></demolink>
 
-                <div>
+                <div style="margin-bottom:5px;">
 
                     <w-button-chip
-                        style="margin:0px 5px 5px 0px;"
-                        :paddingStyle="{v:0,h:8}"
+                        style="margin:0px 10px 5px 0px;"
+                        :borderRadius="4"
                         :text="'set to 20'"
                         @click="setAutoRotateDeg(20)"
                     ></w-button-chip>
 
                     <w-button-chip
-                        style="margin:0px 5px 5px 0px;"
-                        :paddingStyle="{v:0,h:8}"
+                        style="margin:0px 10px 5px 0px;"
+                        :borderRadius="4"
                         :text="'set to -5'"
                         @click="setAutoRotateDeg(-5)"
                     ></w-button-chip>
@@ -125,12 +125,12 @@ export default {
                     height: 600,
                     items: [
                         {
-                            url: 'https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/model/stl/3d_wheel-hub.stl',
+                            url: 'https://cdn.jsdelivr.net/npm/w-demores/res/model/stl/3d_wheel-hub.stl',
                             name: 'Wheel Hub',
                             color: 'rgba(214, 92, 92, 0.9)',
                         },
                         {
-                            url: 'https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/model/stl/3d_ushape-connector.stl',
+                            url: 'https://cdn.jsdelivr.net/npm/w-demores/res/model/stl/3d_ushape-connector.stl',
                             name: 'Ushape Connector',
                             color: 'rgba(214, 214, 92, 0.9)',
                         },
@@ -141,12 +141,12 @@ export default {
                     height: 600,
                     items: [
                         {
-                            url: 'https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/model/stl/3d_wheel-hub.stl',
+                            url: 'https://cdn.jsdelivr.net/npm/w-demores/res/model/stl/3d_wheel-hub.stl',
                             name: 'Wheel Hub',
                             color: 'rgba(214, 92, 92, 0.9)',
                         },
                         {
-                            url: 'https://cdn.jsdelivr.net/npm/w-demores@1.0.27/res/model/stl/3d_ushape-connector.stl',
+                            url: 'https://cdn.jsdelivr.net/npm/w-demores/res/model/stl/3d_ushape-connector.stl',
                             name: 'Ushape Connector',
                             color: 'rgba(214, 214, 92, 0.9)',
                         },

package/src/AppZoneWTimeday.vue

@@ -158,6 +158,19 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeday'"
+                    :casename="'hoverColor'"
+                ></demolink>
+
+                <w-timeday
+                    :hoverColor="'#FFCDD2'"
+                    v-model="WTimeday.day"
+                ></w-timeday>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeday'"
@@ -172,6 +185,21 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeday'"
+                    :casename="'funRenderYear & funRenderMonth & funRenderDayOfWeek'"
+                ></demolink>
+
+                <w-timeday
+                    :funRenderYear="(y)=>`${y}年`"
+                    :funRenderMonth="(m)=>`${m}月`"
+                    :funRenderDayOfWeek="(d)=>['日','一','二','三','四','五','六'][d]"
+                    v-model="WTimeday.day"
+                ></w-timeday>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeday'"
@@ -417,6 +445,26 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeday'"
+                    :casename="'border & hoverColor'"
+                ></demolink>
+
+                <w-timeday
+                    :shadow="false"
+                    :borderColor="'orange lighten-2'"
+                    :borderColorHover="'orange'"
+                    :borderColorFocus="'orange darken-2'"
+                    :backgroundColor="'white'"
+                    :backgroundColorHover="'white'"
+                    :backgroundColorFocus="'orange lighten-5'"
+                    :hoverColor="'#FFCDD2'"
+                    v-model="WTimeday.day"
+                ></w-timeday>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeday'"
@@ -438,6 +486,28 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeday'"
+                    :casename="'border & funRenderYear & funRenderMonth & funRenderDayOfWeek'"
+                ></demolink>
+
+                <w-timeday
+                    :shadow="false"
+                    :borderColor="'orange lighten-2'"
+                    :borderColorHover="'orange'"
+                    :borderColorFocus="'orange darken-2'"
+                    :backgroundColor="'white'"
+                    :backgroundColorHover="'white'"
+                    :backgroundColorFocus="'orange lighten-5'"
+                    :funRenderYear="(y)=>`${y}年`"
+                    :funRenderMonth="(m)=>`${m}月`"
+                    :funRenderDayOfWeek="(d)=>['日','一','二','三','四','五','六'][d]"
+                    v-model="WTimeday.day"
+                ></w-timeday>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeday'"

package/src/AppZoneWTimedayRange.vue

@@ -185,6 +185,20 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeday-range'"
+                    :casename="'hoverColor'"
+                ></demolink>
+
+                <w-timeday-range
+                    :hoverColor="'#FFCDD2'"
+                    :dayStart.sync="WTimedayRange.dayStart"
+                    :dayEnd.sync="WTimedayRange.dayEnd"
+                ></w-timeday-range>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeday-range'"
@@ -199,6 +213,22 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeday-range'"
+                    :casename="'funRenderYear & funRenderMonth & funRenderDayOfWeek'"
+                ></demolink>
+
+                <w-timeday-range
+                    :funRenderYear="(y)=>`${y}年`"
+                    :funRenderMonth="(m)=>`${m}月`"
+                    :funRenderDayOfWeek="(d)=>['日','一','二','三','四','五','六'][d]"
+                    :dayStart.sync="WTimedayRange.dayStart"
+                    :dayEnd.sync="WTimedayRange.dayEnd"
+                ></w-timeday-range>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeday-range'"
@@ -478,6 +508,27 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeday-range'"
+                    :casename="'border & hoverColor'"
+                ></demolink>
+
+                <w-timeday-range
+                    :shadow="false"
+                    :borderColor="'orange lighten-2'"
+                    :borderColorHover="'orange'"
+                    :borderColorFocus="'orange darken-2'"
+                    :backgroundColor="'white'"
+                    :backgroundColorHover="'white'"
+                    :backgroundColorFocus="'orange lighten-5'"
+                    :hoverColor="'#FFCDD2'"
+                    :dayStart.sync="WTimedayRange.dayStart"
+                    :dayEnd.sync="WTimedayRange.dayEnd"
+                ></w-timeday-range>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeday-range'"
@@ -499,6 +550,29 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeday-range'"
+                    :casename="'border & funRenderYear & funRenderMonth & funRenderDayOfWeek'"
+                ></demolink>
+
+                <w-timeday-range
+                    :shadow="false"
+                    :borderColor="'orange lighten-2'"
+                    :borderColorHover="'orange'"
+                    :borderColorFocus="'orange darken-2'"
+                    :backgroundColor="'white'"
+                    :backgroundColorHover="'white'"
+                    :backgroundColorFocus="'orange lighten-5'"
+                    :funRenderYear="(y)=>`${y}年`"
+                    :funRenderMonth="(m)=>`${m}月`"
+                    :funRenderDayOfWeek="(d)=>['日','一','二','三','四','五','六'][d]"
+                    :dayStart.sync="WTimedayRange.dayStart"
+                    :dayEnd.sync="WTimedayRange.dayEnd"
+                ></w-timeday-range>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeday-range'"

package/src/AppZoneWTimeminute.vue

@@ -159,6 +159,19 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeminute'"
+                    :casename="'hoverColor'"
+                ></demolink>
+
+                <w-timeminute
+                    :hoverColor="'#FFCDD2'"
+                    v-model="WTimeminute.time"
+                ></w-timeminute>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeminute'"
@@ -173,6 +186,21 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeminute'"
+                    :casename="'funRenderYear & funRenderMonth & funRenderDayOfWeek'"
+                ></demolink>
+
+                <w-timeminute
+                    :funRenderYear="(y)=>`${y}年`"
+                    :funRenderMonth="(m)=>`${m}月`"
+                    :funRenderDayOfWeek="(d)=>['日','一','二','三','四','五','六'][d]"
+                    v-model="WTimeminute.time"
+                ></w-timeminute>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeminute'"
@@ -459,6 +487,26 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeminute'"
+                    :casename="'border & hoverColor'"
+                ></demolink>
+
+                <w-timeminute
+                    :shadow="false"
+                    :borderColor="'orange lighten-2'"
+                    :borderColorHover="'orange'"
+                    :borderColorFocus="'orange darken-2'"
+                    :backgroundColor="'white'"
+                    :backgroundColorHover="'white'"
+                    :backgroundColorFocus="'orange lighten-5'"
+                    :hoverColor="'#FFCDD2'"
+                    v-model="WTimeminute.time"
+                ></w-timeminute>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeminute'"
@@ -480,6 +528,28 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeminute'"
+                    :casename="'border & funRenderYear & funRenderMonth & funRenderDayOfWeek'"
+                ></demolink>
+
+                <w-timeminute
+                    :shadow="false"
+                    :borderColor="'orange lighten-2'"
+                    :borderColorHover="'orange'"
+                    :borderColorFocus="'orange darken-2'"
+                    :backgroundColor="'white'"
+                    :backgroundColorHover="'white'"
+                    :backgroundColorFocus="'orange lighten-5'"
+                    :funRenderYear="(y)=>`${y}年`"
+                    :funRenderMonth="(m)=>`${m}月`"
+                    :funRenderDayOfWeek="(d)=>['日','一','二','三','四','五','六'][d]"
+                    v-model="WTimeminute.time"
+                ></w-timeminute>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeminute'"

package/src/AppZoneWTimeminuteRange.vue

@@ -186,6 +186,20 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeminute-range'"
+                    :casename="'hoverColor'"
+                ></demolink>
+
+                <w-timeminute-range
+                    :hoverColor="'#FFCDD2'"
+                    :minuteStart.sync="WTimeminuteRange.minuteStart"
+                    :minuteEnd.sync="WTimeminuteRange.minuteEnd"
+                ></w-timeminute-range>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeminute-range'"
@@ -200,6 +214,22 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeminute-range'"
+                    :casename="'funRenderYear & funRenderMonth & funRenderDayOfWeek'"
+                ></demolink>
+
+                <w-timeminute-range
+                    :funRenderYear="(y)=>`${y}年`"
+                    :funRenderMonth="(m)=>`${m}月`"
+                    :funRenderDayOfWeek="(d)=>['日','一','二','三','四','五','六'][d]"
+                    :minuteStart.sync="WTimeminuteRange.minuteStart"
+                    :minuteEnd.sync="WTimeminuteRange.minuteEnd"
+                ></w-timeminute-range>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeminute-range'"
@@ -523,6 +553,27 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeminute-range'"
+                    :casename="'border & hoverColor'"
+                ></demolink>
+
+                <w-timeminute-range
+                    :shadow="false"
+                    :borderColor="'orange lighten-2'"
+                    :borderColorHover="'orange'"
+                    :borderColorFocus="'orange darken-2'"
+                    :backgroundColor="'white'"
+                    :backgroundColorHover="'white'"
+                    :backgroundColorFocus="'orange lighten-5'"
+                    :hoverColor="'#FFCDD2'"
+                    :minuteStart.sync="WTimeminuteRange.minuteStart"
+                    :minuteEnd.sync="WTimeminuteRange.minuteEnd"
+                ></w-timeminute-range>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeminute-range'"
@@ -544,6 +595,29 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-timeminute-range'"
+                    :casename="'border & funRenderYear & funRenderMonth & funRenderDayOfWeek'"
+                ></demolink>
+
+                <w-timeminute-range
+                    :shadow="false"
+                    :borderColor="'orange lighten-2'"
+                    :borderColorHover="'orange'"
+                    :borderColorFocus="'orange darken-2'"
+                    :backgroundColor="'white'"
+                    :backgroundColorHover="'white'"
+                    :backgroundColorFocus="'orange lighten-5'"
+                    :funRenderYear="(y)=>`${y}年`"
+                    :funRenderMonth="(m)=>`${m}月`"
+                    :funRenderDayOfWeek="(d)=>['日','一','二','三','四','五','六'][d]"
+                    :minuteStart.sync="WTimeminuteRange.minuteStart"
+                    :minuteEnd.sync="WTimeminuteRange.minuteEnd"
+                ></w-timeminute-range>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-timeminute-range'"