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

package/es/advance-select/advance-operation.mjs

@@ -1,43 +1,57 @@
-import { defineComponent, inject, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
+import { inject, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
 import { advanceSelectKey, useNamespace } from '@ctzy-web-client/web-base-client-vue';
 import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
 
-const __default__ = defineComponent({
-  name: "BwaAdvanceOperation"
-});
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    border: {
-      type: Boolean,
-      default: false
-    },
-    type: {
-      type: String,
-      default: "button"
-    }
-  },
-  emits: ["click"],
+const _sfc_main = {
+  __name: 'advance-operation',
+  props: {
+  border: {
+    type: Boolean,
+    default: false,
+  },
+  type: {
+    type: String,
+    default: 'button',
+  },
+},
+  emits: ['click'],
   setup(__props, { emit }) {
-    const props = __props;
-    const advanceSelect = inject(advanceSelectKey);
-    const clickHandle = () => {
-      if (props.type !== "button") {
-        return;
-      }
-      advanceSelect.hidePoppper();
-      emit("click");
-    };
-    const ns = useNamespace("advance");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).be("select", "operation"), unref(ns).is("border", __props.border)]),
-        onClick: clickHandle
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-var AdvanceOperation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "advance-operation.vue"]]);
+
+const props = __props;
+
+defineOptions({
+  name: 'BwaAdvanceOperation',
+});
+
+
+
+
+
+const advanceSelect = inject(advanceSelectKey);
+
+const clickHandle = () => {
+  if (props.type !== 'button') {
+    return;
+  }
+
+  advanceSelect.hidePoppper();
+
+  emit('click');
+};
+
+const ns = useNamespace('advance');
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass([unref(ns).be('select', 'operation'), unref(ns).is('border', __props.border)]),
+    onClick: clickHandle
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2 /* CLASS */))
+}
+}
+
+};
+var AdvanceOperation = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"advance-operation.vue"]]);
 
 export { AdvanceOperation as default };

package/es/advance-select/advance-option.mjs

@@ -1,74 +1,141 @@
 import 'element-plus';
-import { getCurrentInstance, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
+import { getCurrentInstance, ref, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, normalizeStyle, createBlock } from 'vue';
 import { useNamespace } from '@ctzy-web-client/web-base-client-vue';
 import { useEvent } from './events-helpers.mjs';
 import { useAdvanceOption } from './use-advance-option.mjs';
+import { pinyin } from 'pinyin-pro';
+import './advance-option.vue_vue_type_style_index_0_scoped_bc8f5626_lang.mjs';
 import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
 
-const _sfc_main = {
-  name: "BwaAdvanceOption",
-  props: {
-    label: {
-      type: [String, Number, Boolean]
-    },
-    value: {
-      type: null
-    }
-  },
-  expose: ["currentLabel"],
-  setup(props, { expose }) {
-    const instance = getCurrentInstance();
-    const ns = useNamespace("advance");
-    const { handleOptionMouseEnter } = useEvent(ns);
-    const { advanceSelect, currentLabel, itemSelected, showSelectIcon, source } = useAdvanceOption(props);
-    const show = ref(true);
-    const clickFlag = ref(true);
-    const contentText = 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 = getCurrentInstance();
+
+    const ns = useNamespace('advance');
+
+    const { handleOptionMouseEnter } = useEvent(ns);
+
+    const { advanceSelect, currentLabel, itemSelected, showSelectIcon, source } =
+      useAdvanceOption(props);
+
+    const show = ref(true);
+    const clickFlag = ref(true);
+    const showUserName = ref(true);
+
+    const contentText = 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 = 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 => (pushScopeId("data-v-bc8f5626"),n=n(),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 = resolveComponent("ElCheckbox");
   const _component_ElTooltip = resolveComponent("ElTooltip");
   const _component_Select = resolveComponent("Select");
   const _component_ElIcon = resolveComponent("ElIcon");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass($setup.ns.b("option")),
-    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => $setup.filterOptionClick && $setup.filterOptionClick(...args), ["stop"]))
+
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass($setup.ns.b('option')),
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => ($setup.filterOptionClick && $setup.filterOptionClick(...args)), ["stop"]))
   }, [
-    createCommentVNode(' @mouseenter="handleOptionMouseEnter" '),
+    createCommentVNode(" @mouseenter=\"handleOptionMouseEnter\" "),
     createElementVNode("div", {
-      class: normalizeClass(`${$setup.ns.be("option", "content")} content-label-${$props.value}`)
+      class: normalizeClass(`${$setup.ns.be('option', 'content')} content-label-${$props.value}`)
     }, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createVNode(_component_ElTooltip, {
@@ -77,49 +144,52 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: $setup.currentLabel.length < 16
         }, {
           content: withCtx(() => [
-            createTextVNode(toDisplayString($setup.currentLabel), 1)
+            createTextVNode(toDisplayString($setup.currentLabel), 1 /* TEXT */)
           ]),
           default: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass($setup.ns.be("option", "content-label")),
+              class: normalizeClass($setup.ns.be('option', 'content-label')),
               ref: "contentText"
             }, [
-              $setup.source === "pct" && !$setup.showSelectIcon ? (openBlock(), createBlock(_component_ElCheckbox, {
-                key: 0,
-                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["prevent"])),
-                class: normalizeClass($setup.ns.be("filter", "checkbox")),
-                modelValue: $setup.itemSelected,
-                style: { "height": "26px" }
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    class: normalizeClass($setup.ns.be("option", "content-label")),
-                    style: { "width": "178px" }
-                  }, toDisplayString($setup.currentLabel), 3)
-                ]),
-                _: 1
-              }, 8, ["class", "modelValue"])) : (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: normalizeClass([$setup.ns.be("option", "content-label"), $setup.ns.is("selected", $setup.source === "pct" && $setup.itemSelected && $setup.showSelectIcon)])
-              }, toDisplayString($setup.currentLabel), 3))
-            ], 2)
+              (!$setup.showUserName)
+                ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass($setup.ns.be('option', 'content-label')),
+                    style: {"width":"178px"}
+                  }, toDisplayString($setup.currentLabel), 3 /* TEXT, CLASS */))
+                : createCommentVNode("v-if", true),
+              ($setup.showUserName)
+                ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass($setup.ns.be('option', 'content-label')),
+                    style: {"width":"178px","display":"flex","align-items":"center"}
+                  }, [
+                    createElementVNode("div", {
+                      class: "letter-circle",
+                      style: normalizeStyle({ backgroundColor: ($setup.processLabel($setup.currentLabel).color) })
+                    }, toDisplayString($setup.processLabel($setup.currentLabel).firstLetter), 5 /* TEXT, STYLE */),
+                    createElementVNode("div", _hoisted_1, toDisplayString($setup.currentLabel), 1 /* TEXT */)
+                  ], 2 /* CLASS */))
+                : createCommentVNode("v-if", true)
+            ], 2 /* CLASS */)
+          ]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["disabled"])
+      ], true)
+    ], 2 /* CLASS */),
+    ($setup.itemSelected )
+      ? (openBlock(), createBlock(_component_ElIcon, {
+          key: 0,
+          class: normalizeClass($setup.ns.be('option', 'selected'))
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_Select)
           ]),
-          _: 1
-        }, 8, ["disabled"])
-      ])
-    ], 2),
-    $setup.itemSelected && $setup.showSelectIcon ? (openBlock(), createBlock(_component_ElIcon, {
-      key: 0,
-      class: normalizeClass($setup.ns.be("option", "selected"))
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_Select)
-      ]),
-      _: 1
-    }, 8, ["class"])) : createCommentVNode("v-if", true)
-  ], 2);
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["class"]))
+      : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
 }
-var AdvanceOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "advance-option.vue"]]);
+var BwaAdvanceOption = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-bc8f5626"],['__file',"advance-option.vue"]]);
 
-export { AdvanceOption as default };
+export { BwaAdvanceOption as default };

package/es/advance-select/advance-option.vue_vue_type_style_index_0_scoped_bc8f5626_lang.mjs

@@ -0,0 +1,7 @@
+import styleInject from '../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs';
+
+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(css_248z);
+
+export { css_248z as default, stylesheet };