webcake-ui-kit 1.3.9 → 1.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webcake-ui-kit",
-  "version": "1.3.9",
+  "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/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)