@ctzy-web-client/plugin-component-vue 1.0.26 → 1.0.28

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

@@ -8,138 +8,114 @@ 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');
+require('./advance-option.vue_vue_type_style_index_0_scoped_daae7edd_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 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"} };
-
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
+const _sfc_main = {
+  name: "BwaAdvanceOption",
+  props: {
+    label: {
+      type: [String, Number, Boolean]
+    },
+    value: {
+      type: null
+    },
+    showLetterAvatar: {
+      type: Boolean,
+      default: false
+    }
+  },
+  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 showLetterAvatarStatus = vue.computed(() => props.showLetterAvatar);
+    console.log(showLetterAvatarStatus.value, "\u4E0B\u4E00\u7EA7");
+    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 COLOR_POOL = ["#2DC86D", "#19BBFF", "#FFA901"];
+    function processLabel(label) {
+      const labelMatch = label.match(/^(.*)\((.*)\)$/);
+      if (!labelMatch) {
+        return { valid: false, firstLetter: "#", color: COLOR_POOL[0] };
+      }
+      const [, name] = labelMatch;
+      const firstChar = name.charAt(0);
+      let firstLetter = "#";
+      if (/^[\u4e00-\u9fa5]$/.test(firstChar)) {
+        firstLetter = pinyinPro.pinyin(firstChar, { pattern: "first" }).toUpperCase();
+      } else if (/^[a-zA-Z]$/.test(firstChar)) {
+        firstLetter = firstChar.toUpperCase();
+      }
+      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,
+        color
+      };
+    }
+    const listenerClickFunction = () => {
+      setTimeout(() => {
+        isShow();
+      }, 100);
+    };
+    return {
+      show,
+      ns,
+      currentLabel,
+      itemSelected,
+      showSelectIcon,
+      filterOptionClick,
+      handleOptionMouseEnter,
+      source,
+      processLabel,
+      showLetterAvatarStatus
+    };
+  }
+};
+const _hoisted_1 = { style: { "overflow": "hidden", "text-overflow": "ellipsis", "flex": "3" } };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   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[0] || (_cache[0] = 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, {
@@ -148,52 +124,46 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: $setup.currentLabel.length < 16
         }, {
           content: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString($setup.currentLabel), 1 /* TEXT */)
+            vue.createTextVNode(vue.toDisplayString($setup.currentLabel), 1)
           ]),
           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.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 */)
+              !$setup.showLetterAvatarStatus ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass($setup.ns.be("option", "content-label")),
+                style: { "width": "178px" }
+              }, vue.toDisplayString($setup.currentLabel), 3)) : vue.createCommentVNode("v-if", true),
+              $setup.showLetterAvatarStatus ? (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),
+                vue.createElementVNode("div", _hoisted_1, vue.toDisplayString($setup.currentLabel), 1)
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ], 2)
           ]),
-          _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["disabled"])
+          _: 1
+        }, 8, ["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 /* STABLE */
-        }, 8 /* PROPS */, ["class"]))
-      : vue.createCommentVNode("v-if", true)
-  ], 2 /* CLASS */))
+    ], 2),
+    $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, ["class"])) : vue.createCommentVNode("v-if", true)
+  ], 2);
 }
-var BwaAdvanceOption = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-bc8f5626"],['__file',"advance-option.vue"]]);
+var BwaAdvanceOption = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-daae7edd"], ["__file", "advance-option.vue"]]);
 
 exports["default"] = BwaAdvanceOption;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
+
+var undefined$1 = undefined;
+
+exports["default"] = undefined$1;