w-component-vue 2.1.77 → 2.1.80

package/docs/module-WTimeminuteRange.html

@@ -380,7 +380,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Mon Feb 28 2022 16:15:26 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Sun Mar 06 2022 12:41:29 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRangeCore.html

@@ -284,7 +284,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Mon Feb 28 2022 16:15:26 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Sun Mar 06 2022 12:41:29 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTinymceVueDyn.html

@@ -224,7 +224,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Mon Feb 28 2022 16:15:26 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Sun Mar 06 2022 12:41:29 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTree.html

@@ -80,7 +80,7 @@
         <td>Number</td>
         <td><code>400</code></td>
         <td>No</td>
-        <td>輸入顯示區最大高度，單位為px，預設400</td>
+        <td>輸入顯示區最大高度，單位為px，若給予非數字則自動依照當前顯隱最高內容調整，預設400</td>
     </tr><tr>
         <td><code>defaultDisplayLevel</code></td>
         <td>Number</td>
@@ -566,7 +566,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Mon Feb 28 2022 16:15:26 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Sun Mar 06 2022 12:41:29 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconCheckbox.html

@@ -242,7 +242,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Mon Feb 28 2022 16:15:26 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Sun Mar 06 2022 12:41:29 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconToggle.html

@@ -218,7 +218,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Mon Feb 28 2022 16:15:26 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Sun Mar 06 2022 12:41:29 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/vuetifyColor.mjs.html

@@ -144,7 +144,7 @@ export default color2hex
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Mon Feb 28 2022 16:15:26 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Sun Mar 06 2022 12:41:28 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-component-vue",
-  "version": "2.1.77",
+  "version": "2.1.80",
   "author": "yuda-lyu(semisphere)",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/App.vue

@@ -536,9 +536,8 @@ export default {
                 {
                     name: 'tree',
                     cmps: [
-                        { name: 'WJsonView' },
                         { name: 'WTree' },
-
+                        { name: 'WJsonView' },
                     ]
                 },
                 {

package/src/AppZoneWCheckbox.vue

@@ -126,8 +126,8 @@
 
                 <w-checkbox
                     :editable="false"
-                    :checkedIconColorDisabled="'#FF8A65'"
-                    :uncheckedIconColorDisabled="'#FF8A65'"
+                    :checkedIconColorDisabled="'#ff8a65'"
+                    :uncheckedIconColorDisabled="'#ff8a65'"
                     v-model="WCheckbox.valueBol"
                 ></w-checkbox>
             </div>

package/src/AppZoneWJsonView.vue

@@ -40,13 +40,29 @@
             <div class="bk dz">
                 <demolink
                     :kbname="'w-json-view'"
-                    :casename="'sync viewHeightMax(change-height-of-items)'"
+                    :casename="'no viewHeightMax'"
+                ></demolink>
+
+                <w-json-view
+                    style="border:1px solid #ddd;"
+                    :viewHeightMax="null"
+                    :data="WJsonView.data3"
+                ></w-json-view>
+
+            </div>
+
+
+            <div class="bk dz">
+                <demolink
+                    :kbname="'w-json-view'"
+                    :casename="'events'"
                 ></demolink>
 
                 <w-json-view
                     style="border:1px solid #ddd;"
                     :viewHeightMax="WJsonView.viewHeightMaxSync"
                     :data="WJsonView.data3"
+                    @change-view-items="changeViewItems"
                     @change-height-of-items="changeHeightOfItems"
                 ></w-json-view>
 
@@ -219,9 +235,11 @@ export default {
     //     console.log('WJsonView.data4', this.WJsonView.data4)
     // },
     methods: {
+        changeViewItems: function(msg) {
+            console.log('changeViewItems', msg)
+        },
         changeHeightOfItems: function(msg) {
             console.log('changeHeightOfItems', msg)
-            this.WJsonView.viewHeightMaxSync = msg.height
         },
     },
 }

package/src/AppZoneWSwitch.vue

@@ -14,7 +14,9 @@
                     :casename="'default'"
                 ></demolink>
 
-                <w-switch v-model="WSwitch.valueBol"></w-switch>
+                <w-switch
+                    v-model="WSwitch.valueBol"
+                ></w-switch>
             </div>
 
 
@@ -24,19 +26,82 @@
                     :casename="'use string (y or n)'"
                 ></demolink>
 
-                <w-switch v-model="WSwitch.valueYN"></w-switch>
+                <w-switch
+                    v-model="WSwitch.valueYN"
+                ></w-switch>
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-switch'"
+                    :casename="'text'"
+                ></demolink>
+
+                <w-switch
+                    :text="'顯示文字(text)'"
+                    v-model="WSwitch.valueBol"
+                ></w-switch>
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-switch'"
+                    :casename="'text & textColor & textColorHover'"
+                ></demolink>
+
+                <w-switch
+                    :text="'顯示文字(text)'"
+                    :textColor="'#44f'"
+                    :textColorHover="'#77f'"
+                    v-model="WSwitch.valueBol"
+                ></w-switch>
             </div>
 
 
             <div class="bk">
                 <demolink
                     :kbname="'w-switch'"
-                    :casename="'text & color'"
+                    :casename="'switchSize & textFontSize'"
                 ></demolink>
 
                 <w-switch
-                    :text="'是否開啟分享'"
-                    :color="'teal accent-3'"
+                    :text="'顯示文字(text)'"
+                    :switchSize="18"
+                    :textFontSize="'0.7rem'"
+                    v-model="WSwitch.valueBol"
+                ></w-switch>
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-switch'"
+                    :casename="'checkedSwitchCircleColor & checkedSwitchCircleColorHover & checkedSwitchBarColor & checkedSwitchBarColorHover'"
+                ></demolink>
+
+                <w-switch
+                    :checkedSwitchCircleColor="'#f6a'"
+                    :checkedSwitchCircleColorHover="'#f26'"
+                    :checkedSwitchBarColor="'rgba(255, 102, 170, 0.6)'"
+                    :checkedSwitchBarColorHover="'rgba(255, 54, 122, 0.6)'"
+                    v-model="WSwitch.valueBol"
+                ></w-switch>
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-switch'"
+                    :casename="'uncheckedSwitchCircleColor & uncheckedSwitchCircleColorHover & uncheckedSwitchBarColor & uncheckedSwitchBarColorHover'"
+                ></demolink>
+
+                <w-switch
+                    :uncheckedSwitchCircleColor="'#74a4d9'"
+                    :uncheckedSwitchCircleColorHover="'#69e'"
+                    :uncheckedSwitchBarColor="'#d1e1f2'"
+                    :uncheckedSwitchBarColorHover="'#bce'"
                     v-model="WSwitch.valueBol"
                 ></w-switch>
             </div>
@@ -48,7 +113,27 @@
                     :casename="'not editable'"
                 ></demolink>
 
-                <w-switch :editable="false" v-model="WSwitch.valueBol"></w-switch>
+                <w-switch
+                    :editable="false"
+                    v-model="WSwitch.valueBol"
+                ></w-switch>
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-switch'"
+                    :casename="'not editable & checkedSwitchCircleColorDisabled & checkedSwitchBarColorDisabled & uncheckedSwitchCircleColorDisabled & uncheckedSwitchBarColorDisabled'"
+                ></demolink>
+
+                <w-switch
+                    :editable="false"
+                    :checkedSwitchCircleColorDisabled="'#ff8a65'"
+                    :checkedSwitchBarColorDisabled="'#ffbca6'"
+                    :uncheckedSwitchCircleColorDisabled="'rgba(255, 138, 101, 0.5)'"
+                    :uncheckedSwitchBarColorDisabled="'rgba(255, 188, 166, 0.5)'"
+                    v-model="WSwitch.valueBol"
+                ></w-switch>
             </div>
 
 

package/src/AppZoneWTree.vue

@@ -71,13 +71,29 @@
             <div class="bk dz">
                 <demolink
                     :kbname="'w-tree'"
-                    :casename="'sync viewHeightMax(change-height-of-items)'"
+                    :casename="'no viewHeightMax'"
+                ></demolink>
+
+                <w-tree
+                    style="border:1px solid #ddd;"
+                    :viewHeightMax="null"
+                    :data="WTree.option.items"
+                ></w-tree>
+
+            </div>
+
+
+            <div class="bk dz">
+                <demolink
+                    :kbname="'w-tree'"
+                    :casename="'events'"
                 ></demolink>
 
                 <w-tree
                     style="border:1px solid #ddd;"
                     :viewHeightMax="WTree.viewHeightMaxSync"
                     :data="WTree.option.items"
+                    @change-view-items="changeViewItems"
                     @change-height-of-items="changeHeightOfItems"
                 ></w-tree>
 
@@ -1315,10 +1331,6 @@ export default {
         }
     },
     methods: {
-        changeHeightOfItems: function(msg) {
-            console.log('changeHeightOfItems', msg)
-            this.WTree.viewHeightMaxSync = msg.height
-        },
         showSelection: function(selections) {
             let ss = {}
             for (let i = 0; i < selections.length; i++) {
@@ -1346,6 +1358,9 @@ export default {
         changeViewItems: function(msg) {
             console.log('changeViewItems', msg)
         },
+        changeHeightOfItems: function(msg) {
+            console.log('changeHeightOfItems', msg)
+        },
         mouseenter: function(msg) {
             console.log('mouseenter', msg)
             msg.ele.style.transition = 'all 0.3s'

package/src/components/WJsonView.vue

@@ -106,7 +106,7 @@ import WTree from './WTree.vue'
 
 /**
  * @vue-prop {Array|Object} [data={}] 輸入資料陣列或物件，預設{}
- * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400
+ * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，若給予非數字則自動依照當前顯隱最高內容調整，預設400
  * @vue-prop {Number} [defaultDisplayLevel=null] 輸入初始展開層數數字，若輸入1就是預設展開至第1層，第2層(含)以下則都隱藏，若輸入null就是全展開，預設null
  * @vue-prop {Number} [indent=1] 輸入縮排比率數字，若使用1就是1倍的圖標寬度(24px)+2*separation(3px)，預設1
  * @vue-prop {Number} [iconHeight=24] 輸入顯隱icon按鈕高度數字，單位為px，預設24