webcake-ui-kit 1.3.8 → 1.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webcake-ui-kit",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "description": "UI Kit for Vue 2 && 3 - Pure Options API",
   "main": "src/index.js",
   "module": "src/index.js",

package/src/components/message/message.js

@@ -69,14 +69,11 @@ function open(config) {
   const vm = ensureContainer()
   if (!vm) return function () {}
 
-  // Per-call placement/offset override (applied before add so the container
-  // is positioned correctly when the message enters).
-  if (config.placement != null || config.offset != null) {
-    vm.configure({
-      placement: config.placement,
-      offset: config.offset
-    })
-  }
+  // Always resolve placement/offset — per-call value wins, falls back to globalConfig.
+  vm.configure({
+    placement: config.placement != null ? config.placement : globalConfig.placement,
+    offset: config.offset != null ? config.offset : globalConfig.offset
+  })
 
   const type = config.type || 'info'
   const duration = config.duration !== undefined ? config.duration : type === 'loading' ? 0 : globalConfig.duration

package/src/components/select/Select.vue

@@ -97,6 +97,7 @@
           :key="opt.value"
           :value="opt.value"
           :label="opt.label"
+          :mark-label="opt.markLabel"
           :disabled="opt.disabled"
           :children="opt.children"
           :placement="opt.placement"
@@ -265,9 +266,10 @@ export default {
       var base = this.mode === 'tags' ? this.options.concat(this.tagOptions) : this.options
       return base.map(function (opt) {
         return typeof opt === 'string'
-          ? { label: opt, value: opt, disabled: false, children: [], placement: 'right-start' }
+          ? { label: opt, value: opt, markLabel: opt, disabled: false, children: [], placement: 'right-start' }
           : {
               label: opt.label || opt.value,
+              markLabel: opt.markLabel || opt.label || opt.value,
               value: opt.value,
               disabled: !!opt.disabled,
               children: opt.children || [],
@@ -290,7 +292,6 @@ export default {
     selectedLabel() {
       if (this.isMultiMode) return ''
       if (!this.effectiveValue) return ''
-      if (this.labelCache[this.effectiveValue]) return this.labelCache[this.effectiveValue]
       const findOpt = (opts, val) => {
         for (let i = 0; i < opts.length; i++) {
           if (opts[i].value === val) return opts[i]
@@ -302,7 +303,8 @@ export default {
         return null
       }
       const opt = findOpt(this.normalizedOptions, this.effectiveValue)
-      if (opt) return opt.label
+      if (opt) return opt.markLabel || opt.label
+      if (this.labelCache[this.effectiveValue]) return this.labelCache[this.effectiveValue]
       return this._findLabelInSlot(this.effectiveValue) || this.effectiveValue
     },
     selectedItems() {

package/src/components/select-option/SelectOption.vue

@@ -41,6 +41,7 @@
             :key="opt.value"
             :value="opt.value"
             :label="opt.label"
+            :mark-label="opt.markLabel"
             :disabled="opt.disabled"
             :children="opt.children"
             :placement="opt.placement"
@@ -78,6 +79,10 @@ export default {
       type: String,
       default: ''
     },
+    markLabel: {
+      type: String,
+      default: ''
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -198,6 +203,10 @@ export default {
     },
     _registerLabel() {
       if (!this.select) return
+      if (this.markLabel) {
+        this.select.registerOption(this.value, this.markLabel)
+        return
+      }
       var labelEl = this.$el && this.$el.querySelector('.ui-select-option--label')
       var slotText = labelEl ? labelEl.textContent.trim() : ''
       var labelText = slotText || this.label || String(this.value)