waibu-maps 2.2.0 → 2.2.2

package/extend/bajoTemplate/template/wmaps.js

@@ -141,9 +141,9 @@ class WaibuMaps { // eslint-disable-line no-unused-vars
     this.map.addImage(src.name, image.data)
   }
 
-  loadIcon = async (icon) => {
+  loadIcon = async (icon, prefix) => {
     if (this.map.listImages().includes(icon)) return
-    const href = this.iconPrefix + icon.split(':')[1]
+    const href = (prefix ?? this.iconPrefix) + icon.split(':')[1]
     const image = await this.map.loadImage(href)
     if (!this.map.listImages().includes(icon)) this.map.addImage(icon, image.data)
   }
@@ -166,7 +166,7 @@ class WaibuMaps { // eslint-disable-line no-unused-vars
     if (options.builder) {
       if (_.isArray(options.builder)) ctrl.panels = options.builder
       else if (_.isString(options.builder)) {
-        ctrl.panels = await wmpa.createComponent(options.builder, undefined, options.opts)
+        ctrl.panels = await wmpa.createComponent(options.builder, { ...options.opts })
       } else {
         const fn = options.builder.bind(ctrl.scope)
         ctrl.panels = await fn(options.params)

package/extend/waibuBootstrap/theme/component/widget/control-group.js

@@ -55,7 +55,8 @@ async function controlGroup () {
           if (!menu) return
           if (menu.children.length > 0) return
           const setting = el.getAttribute('setting') ? ('setting="' + el.getAttribute('setting') + '"') : ''
-          await wmpa.addComponent('<c:' + el.getAttribute('component') + ' ' + setting + ' />', menu, null, true, { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' })
+          const options = { selector: menu, checkChild: true, theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' }
+          await wmpa.addComponent('<c:' + el.getAttribute('component') + ' ' + setting + ' />', options)
         }
       `, `
         async ${prefix}Builder (params) {

package/extend/waibuBootstrap/theme/component/widget/control-image.js

@@ -27,7 +27,7 @@ async function controlImage () {
           const body = ['<c:${url ? `a url="${url}"` : 'div'}><c:img ${stringifyAttribs(img)} ']
           body.push('${animate}')
           body.push('/></c:${url ? 'a' : 'div'}>')
-          return await wmpa.createComponent(body, null, { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' })
+          return await wmpa.createComponent(body, { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' })
         }
       `)
 

package/extend/waibuBootstrap/theme/component/widget/control-logo.js

@@ -44,7 +44,7 @@ async function controlLogo () {
           const body = ['<c:a href="#" @click="wbs.appLauncher(\\'darkmode language\\', \\'${this.params.attr.menu}\\', { theme: \\'${this.component.theme.name}\\', iconset: \\'${this.component.iconset.name}\\' })">']
           body.push('<c:img ${stringifyAttribs(img)} ${animate} />')
           body.push('</c:a>')
-          return await wmpa.createComponent(body, null)
+          return await wmpa.createComponent(body)
         }
       `)
 

package/extend/waibuBootstrap/theme/component/widget/control-mouse-pos.js

@@ -56,7 +56,8 @@ async function controlMousePos () {
       `, `
         async ${prefix}Builder () {
           const body = '<c:div id="${id}" margin="x-2 top-1" text="align:center nowrap"/>'
-          return await wmpa.createComponent(body, null, { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' })
+          const options = { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' }
+          return await wmpa.createComponent(body, options)
         }
       `])
       this.addBlock('run', `

package/extend/waibuBootstrap/theme/component/widget/control-search.js

@@ -34,7 +34,7 @@ async function controlSearch () {
             wbs.closeModal('${id}')
             this.$store.mapSearch.recent = ''
           }
-          wmpa.replaceWithComponentHtml(val, '#${id} .result div', 'div')
+          wmpa.replaceWithComponentHtml(val, { selector: '#${id} .result div', wrapper: 'div' })
         })
         this.$watch('$store.mapSearch.feed', async val => {
           this.$store.mapSearch.recent = ''
@@ -54,7 +54,7 @@ async function controlSearch () {
             '<c:icon name="search" />',
             '</c:button>'
           ]
-          return [await wmpa.createComponent(body, null, { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' })]
+          return [await wmpa.createComponent(body, { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' })]
         }
       `, `
         async ${prefix}Populate () {
@@ -62,10 +62,11 @@ async function controlSearch () {
           feeds.unshift({ code: 'latLng', name: 'gotoLatLng', feed: { id: 'latLng', cmpLabel: 'latLng' } })
           this.$store.mapSearch.feeds = feeds
           const body = feeds.map(feed => '<c:dropdown-item :class="$store.mapSearch.feed === $el.getAttribute(\\'data-code-feedid\\') ? \\'active\\' : \\'\\'" data-code-feedid="' + feed.code + ':' + feed.feed.id + '" t:content="' + feed.feed.cmpLabel + '" @click="$store.mapSearch.feed = \\'' + feed.code + ':' + feed.feed.id + '\\'"/>')
-          await wmpa.addComponent(body, '#${id} .input-group .dropdown-menu', 'div', true, { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' })
+          const options = { selector: '#${id} .input-group .dropdown-menu', wrapper: 'div', checkChild: true, theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' }
+          await wmpa.addComponent(body, options)
           if (!this.$store.mapSearch.feed) this.$store.mapSearch.feed = feeds[0].code + ':' + feeds[0].feed.id
           const html = this.$store.mapSearch.recent ?? ''
-          wmpa.replaceWithComponentHtml(html, '#${id} .result div', 'div')
+          wmpa.replaceWithComponentHtml(html, { selector: '#${id} .result div', wrapper: 'div' })
         }
       `])
       const ui = await this.component.buildSentence(`
@@ -84,7 +85,7 @@ async function controlSearch () {
               this.$store.mapSearch.value = this.$refs.input.value
             },
             clearHistory () {
-              wmpa.replaceWithComponentHtml('', '#${id} .result div', 'div')
+              wmpa.replaceWithComponentHtml('', { selector: '#${id} .result div', wrapper: 'div' })
             },
             abort () {
               const endpoint = this.$store.mapSearch.busy

package/extend/waibuBootstrap/theme/component/widget/control-zbp.js

@@ -54,7 +54,7 @@ async function controlZbp () {
             ' }',
             '}" />'
           ]
-          return await wmpa.createComponent(body, null, { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' })
+          return await wmpa.createComponent(body, { theme: '${this.component.theme.name}', iconset: '${this.component.iconset.name}' })
         }
       `])
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waibu-maps",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "Maps for Waibu MPA",
   "main": "index.js",
   "scripts": {

package/wiki/CHANGES.md

@@ -1,5 +1,13 @@
 # Changes
 
+## 2026-03-05
+
+- [2.2.2] Bug fix on ```wmpa``` component function parameters
+
+## 2026-02-25
+
+- [2.2.1] Bug fix on ```wmaps.loadIcon()```
+
 ## 2026-02-18
 
 - [2.2.0] Update attribute functions from ```waibu```