w-component-vue 2.1.65 → 2.1.69

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 Wed Dec 01 2021 14:41:57 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 Tue Dec 28 2021 15:05: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.65",
+  "version": "2.1.69",
   "author": "yuda-lyu(semisphere)",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -11,12 +11,12 @@
   },
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
-    "@mdi/js": "^5.9.55",
+    "@mdi/js": "^6.5.95",
     "lodash": "^4.17.21",
     "vue-cli-plugin-vuetify": "^2.4.0",
     "vuetify": "^2.5.1",
     "vuetify-loader": "^1.7.2",
-    "wsemi": "^1.6.34"
+    "wsemi": "^1.6.35"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.5.13",

package/src/AppZoneWButtonChip.vue

@@ -113,7 +113,7 @@
 
                 <w-button-chip
                     :text="WButtonChip.text"
-                    :icon="mdiFace"
+                    :icon="mdiFaceMan"
                     :tooltip="'測試中文tooltip'"
                 ></w-button-chip>
 
@@ -749,7 +749,7 @@
 </template>
 
 <script>
-import { mdiWalletGiftcard, mdiFace, mdiOrbit, mdiCheckUnderlineCircle, mdiYoutubeTv, mdiCodepen, mdiShakerOutline, mdiFlaskRoundBottom, mdiShoePrint } from '@mdi/js'
+import { mdiWalletGiftcard, mdiFaceMan, mdiOrbit, mdiCheckUnderlineCircle, mdiYoutubeTv, mdiCodepen, mdiShakerOutline, mdiFlaskRoundBottom, mdiShoePrint } from '@mdi/js'
 import demolink from './components/demolink.vue'
 import WButtonChip from './components/WButtonChip.vue'
 
@@ -764,7 +764,7 @@ export default {
     data: function() {
         return {
             mdiWalletGiftcard,
-            mdiFace,
+            mdiFaceMan,
             mdiOrbit,
             mdiCheckUnderlineCircle,
             mdiYoutubeTv,

package/src/AppZoneWButtonCircle.vue

@@ -41,7 +41,7 @@
                 ></demolink>
 
                 <w-button-circle
-                    :icon="mdiFace"
+                    :icon="mdiFaceMan"
                     :tooltip="'測試中文tooltip'"
                 ></w-button-circle>
 
@@ -231,7 +231,7 @@
 </template>
 
 <script>
-import { mdiWalletGiftcard, mdiFace, mdiCheckUnderlineCircle } from '@mdi/js'
+import { mdiWalletGiftcard, mdiFaceMan, mdiCheckUnderlineCircle } from '@mdi/js'
 import demolink from './components/demolink.vue'
 import WButtonCircle from './components/WButtonCircle.vue'
 
@@ -246,7 +246,7 @@ export default {
     data: function() {
         return {
             mdiWalletGiftcard,
-            mdiFace,
+            mdiFaceMan,
             mdiCheckUnderlineCircle,
             'WButtonCircle': {
             },

package/src/AppZoneWLeafletVueDyn.vue

@@ -258,11 +258,11 @@ export default {
                             // changeStyleWhenHover: false, //關閉hover的高亮效果
                             gradient: {
                                 0: 'rgba(255, 255, 255, 0)', //將0-10區間改為全透明
-                                0.2: 'rgba(254, 178, 76, 0.5)',
-                                0.4: 'rgba(252, 78, 42, 0.5)',
-                                0.6: 'rgba(220, 58, 38, 0.5)',
-                                0.8: 'rgba(200, 40, 23, 0.5)',
-                                1: 'rgba(180, 30, 60, 0.5)'
+                                0.2: 'rgb(254, 178, 76)',
+                                0.4: 'rgb(252, 78, 42)',
+                                0.6: 'rgb(220, 58, 38)',
+                                0.8: 'rgb(200, 40, 23)',
+                                1: 'rgb(180, 30, 60)'
                             },
                             visible: true,
                             order: 0

package/src/components/WAggridVueDyn.vue

@@ -78,8 +78,8 @@ export default {
             default: () => [
                 'https://cdn.jsdelivr.net/npm/ag-grid-community@25.3.0/dist/ag-grid-community.min.noStyle.js',
                 'https://cdn.jsdelivr.net/npm/ag-grid-vue@25.3.0/dist/ag-grid-vue.umd.min.js', //於es5內載入時, AgGridVue會出現在window['ag-grid-vue'].AgGridVue
-                'https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.22/dist/w-aggrid-vue.umd.js',
-                'https://cdn.jsdelivr.net/npm/xlsx@0.17.3/dist/xlsx.full.min.js', //download與upload會使用, 一併預載
+                'https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.23/dist/w-aggrid-vue.umd.js',
+                'https://cdn.jsdelivr.net/npm/xlsx@0.17.4/dist/xlsx.full.min.js', //download與upload會使用, 一併預載
             ],
         },
         opt: {

package/src/components/WButtonChip.vue

@@ -131,6 +131,7 @@ import { mdiCloseCircle } from '@mdi/js'
 import map from 'lodash/map'
 import join from 'lodash/join'
 import get from 'lodash/get'
+import split from 'lodash/split'
 import isnum from 'wsemi/src/isnum.mjs'
 import isbol from 'wsemi/src/isbol.mjs'
 import isestr from 'wsemi/src/isestr.mjs'
@@ -707,7 +708,7 @@ export default {
 
             function repColor(tmp, tar, color) {
                 tmp = replace(tmp, '}', '{')
-                let s = sep(tmp, '{')
+                let s = split(tmp, '{') //需用slit, 用sep會把前後字串的雙側空白trim掉, 導致組裝回去樣式失效
                 s = map(s, (v) => {
                     if (v.indexOf(tar) >= 0) {
                         let ss = sep(v, '=')

package/src/components/WButtonCircle.vue

@@ -68,6 +68,7 @@
 <script>
 import map from 'lodash/map'
 import join from 'lodash/join'
+import split from 'lodash/split'
 import isnum from 'wsemi/src/isnum.mjs'
 import isestr from 'wsemi/src/isestr.mjs'
 import cdbl from 'wsemi/src/cdbl.mjs'
@@ -314,7 +315,7 @@ export default {
 
             function repColor(tmp, tar, color) {
                 tmp = replace(tmp, '}', '{')
-                let s = sep(tmp, '{')
+                let s = split(tmp, '{') //需用slit, 用sep會把前後字串的雙側空白trim掉, 導致組裝回去樣式失效
                 s = map(s, (v) => {
                     if (v.indexOf(tar) >= 0) {
                         let ss = sep(v, '=')

package/src/components/WLeafletVueDyn.vue

@@ -11,7 +11,7 @@ import getVue from '../js/getVue.mjs'
 
 /**
  * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入ag-grid與w-aggrid-vue組件js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default
- * @vue-prop {Object} [opt={}] 輸入w-leaflet-vue設定物件，預設{}
+ * @vue-prop {Object} opt 輸入資料設定物件
  * @vue-prop {Array} [opt.center=[23.5, 121.1]] 輸入地圖顯示中點陣列，陣列為WGS84[緯度,經度]，預設[23.5, 121.1]
  * @vue-prop {Number} [opt.zoom=7] 輸入地圖顯示層級整數，預設7
  * @vue-prop {Object} [opt.panelBackgroundColor='rgba(255,255,255,0.95)'] 輸入各顯示資訊區背景顏色字串，預設'rgba(255,255,255,0.95)'
@@ -25,13 +25,18 @@ import getVue from '../js/getVue.mjs'
  * @vue-prop {String} [opt.panelLabels.lat='Latitude'] 輸入地圖資訊區內標注緯度字串，預設'Latitude'
  * @vue-prop {String} [opt.panelLabels.zoom='Zoom'] 輸入地圖資訊區內標注顯示層級字串，預設'Zoom'
  * @vue-prop {Array} [opt.panelLabels.useItems=['lng','lat','zoom']] 輸入地圖資訊區內呈現項目陣列，各元素給字串，'lng'代表經度，'lat'代表緯度，'zoom'代表顯示層級，預設['lng','lat','zoom']
+ * @vue-prop {Number} [opt.panelLabels.maxWidth=null] 輸入地圖資訊區最大寬度數字，單位px，預設null
+ * @vue-prop {Number} [opt.panelLabels.maxHeight=null] 輸入地圖資訊區最大高度數字，單位px，預設null
  * @vue-prop {Boolean} [opt.panelZoom.show=true] 輸入縮放按鈕區是否顯示布林值，預設true
  * @vue-prop {String} [opt.panelZoom.position='bottomleft'] 輸入縮放按鈕區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomleft'
  * @vue-prop {Boolean} [opt.panelItems.show=true] 輸入圖層顯隱切換區是否顯示布林值，預設true
  * @vue-prop {String} [opt.panelItems.position='topleft'] 輸入圖層顯隱切換區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'topleft'
- * @vue-prop {Boolean} [opt.panelItems.show=true] 輸入圖例區是否顯示布林值，預設true
- * @vue-prop {String} [opt.panelItems.position='bottomright'] 輸入圖例區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomright'
- * @vue-prop {Number} [opt.panelItems.maxWidth=300] 輸入圖例區最大寬度數字，單位px，預設300
+ * @vue-prop {Number} [opt.panelItems.maxWidth=null] 輸入圖層顯隱切換區最大寬度數字，單位px，預設null
+ * @vue-prop {Number} [opt.panelItems.maxHeight=null] 輸入圖層顯隱切換區最大高度數字，單位px，預設null
+ * @vue-prop {Boolean} [opt.panelLegends.show=true] 輸入圖例區是否顯示布林值，預設true
+ * @vue-prop {String} [opt.panelLegends.position='bottomright'] 輸入圖例區位置字串，可選'topleft'、'topright'、'bottomleft'、'bottomright'，預設'bottomright'
+ * @vue-prop {Number} [opt.panelLegends.maxWidth=null] 輸入圖例區最大寬度數字，單位px，預設null
+ * @vue-prop {Number} [opt.panelLegends.maxHeight=null] 輸入圖例區最大高度數字，單位px，預設null
  * @vue-prop {Array} [opt.pointSets=[]] 輸入點集合陣列，各元素為物件，預設[]
  * @vue-prop {String} [opt.pointSets[i].title=''] 輸入第i個點集合的標題字串，預設為''
  * @vue-prop {String} [opt.pointSets[i].msg=''] 輸入第i個點集合的說明字串，預設為''
@@ -97,7 +102,7 @@ export default {
         pathItems: {
             type: Array,
             default: () => [
-                'https://cdn.jsdelivr.net/npm/w-leaflet-vue@1.0.5/dist/w-leaflet-vue.umd.js',
+                'https://cdn.jsdelivr.net/npm/w-leaflet-vue@1.0.9/dist/w-leaflet-vue.umd.js',
             ],
         },
         opt: {