@ctzy-web-client/plugin-component-vue 1.0.23 → 1.0.25

package/lib/advance-select/advance-option.js

@@ -7,72 +7,139 @@ var vue = require('vue');
 var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var eventsHelpers = require('./events-helpers.js');
 var useAdvanceOption = require('./use-advance-option.js');
+var pinyinPro = require('pinyin-pro');
+require('./advance-option.vue_vue_type_style_index_0_scoped_bc8f5626_lang.js');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const _sfc_main = {
-  name: "BwaAdvanceOption",
-  props: {
-    label: {
-      type: [String, Number, Boolean]
-    },
-    value: {
-      type: null
-    }
-  },
-  expose: ["currentLabel"],
-  setup(props, { expose }) {
-    const instance = vue.getCurrentInstance();
-    const ns = webBaseClientVue.useNamespace("advance");
-    const { handleOptionMouseEnter } = eventsHelpers.useEvent(ns);
-    const { advanceSelect, currentLabel, itemSelected, showSelectIcon, source } = useAdvanceOption.useAdvanceOption(props);
-    const show = vue.ref(true);
-    const clickFlag = vue.ref(true);
-    const contentText = vue.ref();
-    expose({ currentLabel });
-    const filterOptionClick = () => {
-      advanceSelect.handleOptionSelect(instance.proxy);
-    };
-    const isShow = async () => {
-      const dom = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`);
-      if (dom) {
-        const scrollWidth = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`).scrollWidth;
-        const offsetWidth = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`).offsetWidth;
-        if (scrollWidth > offsetWidth) {
-          show.value = false;
-        } else {
-          show.value = true;
-        }
-      }
-    };
-    const listenerClickFunction = () => {
-      setTimeout(() => {
-        isShow();
-      }, 100);
-    };
-    return {
-      show,
-      ns,
-      currentLabel,
-      itemSelected,
-      showSelectIcon,
-      filterOptionClick,
-      handleOptionMouseEnter,
-      source
-    };
-  }
-};
+const _sfc_main = {
+  name: 'BwaAdvanceOption',
+  props: {
+    label: {
+      type: [String, Number, Boolean],
+    },
+    value: {
+      type: null,
+    },
+  },
+  expose: ['currentLabel'],
+  setup(props, { expose }) {
+    const instance = vue.getCurrentInstance();
+
+    const ns = webBaseClientVue.useNamespace('advance');
+
+    const { handleOptionMouseEnter } = eventsHelpers.useEvent(ns);
+
+    const { advanceSelect, currentLabel, itemSelected, showSelectIcon, source } =
+      useAdvanceOption.useAdvanceOption(props);
+
+    const show = vue.ref(true);
+    const clickFlag = vue.ref(true);
+    const showUserName = vue.ref(true);
+
+    const contentText = vue.ref();
+
+    expose({ currentLabel });
+
+    const filterOptionClick = () => {
+      advanceSelect.handleOptionSelect(instance.proxy);
+    };
+
+      // 判断是否需要展示tooltip
+    const isShow = async () => {
+      const dom = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`);
+      if (dom) {
+        const scrollWidth = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`).scrollWidth;
+        const offsetWidth = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`).offsetWidth;
+        if (scrollWidth > offsetWidth) {
+          show.value = false;
+        } else {
+          show.value = true;
+        }
+      }
+    };
+     const COLOR_POOL = ['#2DC86D', '#19BBFF', '#FFA901'];
+      /**
+ * 接收完整label，提取姓名首字母（大写）并匹配颜色
+ * @param {string} label - 完整label（如：石玉涵(dw_shiyuhan)）
+ * @returns {object} { firstLetter: 大写首字母, color: 圆点颜色, valid: 是否符合规则 }
+ */
+function processLabel(label) {
+  // 1. 第一步：拆分label，提取姓名（核心修复点）
+  const labelMatch = label.match(/^(.*)\((.*)\)$/);
+  if (!labelMatch) {
+    return { valid: false, firstLetter: '#', color: COLOR_POOL[0] };
+  }
+  const [, name] = labelMatch; // 提取纯姓名：如"石玉涵"
+  const firstChar = name.charAt(0); // 取姓名第一个字
+
+  // 2. 第二步：获取首字母（强制大写，彻底解决小写问题）
+  let firstLetter = '#';
+  if (/^[\u4e00-\u9fa5]$/.test(firstChar)) {
+    // 拼音库取首字母 + 手动toUpperCase（无视库版本差异）
+    firstLetter = pinyinPro.pinyin(firstChar, { pattern: 'first' }).toUpperCase();
+  } else if (/^[a-zA-Z]$/.test(firstChar)) {
+    firstLetter = firstChar.toUpperCase();
+  }
+
+  // 3. 第三步：计算颜色（按你指定的规则）
+  let color = COLOR_POOL[0];
+  if (/^[A-Z]$/.test(firstLetter)) {
+    const letterCode = firstLetter.charCodeAt(0) - 'A'.charCodeAt(0);
+    color = COLOR_POOL[letterCode % 3];
+  }
+
+  return {
+ 
+    firstLetter: firstLetter, // 确保是大写
+    color: color
+  };
+}
+    const listenerClickFunction = () => {
+      setTimeout(() => {
+        isShow();
+      }, 100);
+    };
+    // onMounted(async () => {
+    //   if (clickFlag) {
+    //     document.querySelector('.bwa-advance-select button')?.addEventListener('click', listenerClickFunction)
+    //     clickFlag.value = false
+    //   }
+    // })
+
+    // onUnmounted(() => {
+    //   document.querySelector('.bwa-advance-select button').removeEventListener('click', listenerClickFunction)
+    // })
+
+    return {
+      show,
+      ns,
+      currentLabel,
+      showUserName,
+      itemSelected,
+      showSelectIcon,
+      filterOptionClick,
+      handleOptionMouseEnter,
+        source,
+        processLabel
+    };
+  },
+};
+
+const _withScopeId = n => (vue.pushScopeId("data-v-bc8f5626"),n=n(),vue.popScopeId(),n);
+const _hoisted_1 = { style: {"overflow":"hidden","text-overflow":"ellipsis","flex":"3"} };
+
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
   const _component_ElTooltip = vue.resolveComponent("ElTooltip");
   const _component_Select = vue.resolveComponent("Select");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass($setup.ns.b("option")),
-    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => $setup.filterOptionClick && $setup.filterOptionClick(...args), ["stop"]))
+
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass($setup.ns.b('option')),
+    onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => ($setup.filterOptionClick && $setup.filterOptionClick(...args)), ["stop"]))
   }, [
-    vue.createCommentVNode(' @mouseenter="handleOptionMouseEnter" '),
+    vue.createCommentVNode(" @mouseenter=\"handleOptionMouseEnter\" "),
     vue.createElementVNode("div", {
-      class: vue.normalizeClass(`${$setup.ns.be("option", "content")} content-label-${$props.value}`)
+      class: vue.normalizeClass(`${$setup.ns.be('option', 'content')} content-label-${$props.value}`)
     }, [
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         vue.createVNode(_component_ElTooltip, {
@@ -81,49 +148,52 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: $setup.currentLabel.length < 16
         }, {
           content: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString($setup.currentLabel), 1)
+            vue.createTextVNode(vue.toDisplayString($setup.currentLabel), 1 /* TEXT */)
           ]),
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass($setup.ns.be("option", "content-label")),
+              class: vue.normalizeClass($setup.ns.be('option', 'content-label')),
               ref: "contentText"
             }, [
-              $setup.source === "pct" && !$setup.showSelectIcon ? (vue.openBlock(), vue.createBlock(_component_ElCheckbox, {
-                key: 0,
-                onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-                }, ["prevent"])),
-                class: vue.normalizeClass($setup.ns.be("filter", "checkbox")),
-                modelValue: $setup.itemSelected,
-                style: { "height": "26px" }
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass($setup.ns.be("option", "content-label")),
-                    style: { "width": "178px" }
-                  }, vue.toDisplayString($setup.currentLabel), 3)
-                ]),
-                _: 1
-              }, 8, ["class", "modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", {
-                key: 1,
-                class: vue.normalizeClass([$setup.ns.be("option", "content-label"), $setup.ns.is("selected", $setup.source === "pct" && $setup.itemSelected && $setup.showSelectIcon)])
-              }, vue.toDisplayString($setup.currentLabel), 3))
-            ], 2)
+              (!$setup.showUserName)
+                ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: vue.normalizeClass($setup.ns.be('option', 'content-label')),
+                    style: {"width":"178px"}
+                  }, vue.toDisplayString($setup.currentLabel), 3 /* TEXT, CLASS */))
+                : vue.createCommentVNode("v-if", true),
+              ($setup.showUserName)
+                ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 1,
+                    class: vue.normalizeClass($setup.ns.be('option', 'content-label')),
+                    style: {"width":"178px","display":"flex","align-items":"center"}
+                  }, [
+                    vue.createElementVNode("div", {
+                      class: "letter-circle",
+                      style: vue.normalizeStyle({ backgroundColor: ($setup.processLabel($setup.currentLabel).color) })
+                    }, vue.toDisplayString($setup.processLabel($setup.currentLabel).firstLetter), 5 /* TEXT, STYLE */),
+                    vue.createElementVNode("div", _hoisted_1, vue.toDisplayString($setup.currentLabel), 1 /* TEXT */)
+                  ], 2 /* CLASS */))
+                : vue.createCommentVNode("v-if", true)
+            ], 2 /* CLASS */)
+          ]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["disabled"])
+      ], true)
+    ], 2 /* CLASS */),
+    ($setup.itemSelected )
+      ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
+          key: 0,
+          class: vue.normalizeClass($setup.ns.be('option', 'selected'))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_Select)
           ]),
-          _: 1
-        }, 8, ["disabled"])
-      ])
-    ], 2),
-    $setup.itemSelected && $setup.showSelectIcon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
-      key: 0,
-      class: vue.normalizeClass($setup.ns.be("option", "selected"))
-    }, {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_Select)
-      ]),
-      _: 1
-    }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-  ], 2);
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["class"]))
+      : vue.createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
 }
-var AdvanceOption = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "advance-option.vue"]]);
+var BwaAdvanceOption = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-bc8f5626"],['__file',"advance-option.vue"]]);
 
-exports["default"] = AdvanceOption;
+exports["default"] = BwaAdvanceOption;

package/lib/advance-select/advance-option.vue_vue_type_style_index_0_scoped_bc8f5626_lang.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = "\n.letter-circle[data-v-bc8f5626] {\r\n\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 50%;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  margin-right: 8px;\n}\r\n";
+var stylesheet="\n.letter-circle[data-v-bc8f5626] {\r\n\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 50%;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  margin-right: 8px;\n}\r\n";
+styleInject_es["default"](css_248z);
+
+exports["default"] = css_248z;
+exports.stylesheet = stylesheet;