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

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

@@ -1,10 +1,10 @@
 import 'element-plus';
-import { getCurrentInstance, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, normalizeStyle, createBlock } from 'vue';
+import { getCurrentInstance, ref, computed, 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 './advance-option.vue_vue_type_style_index_0_scoped_daae7edd_lang.mjs';
 import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
 
 // Inject __name helper
@@ -24,6 +24,10 @@ const _sfc_main = {
     },
     value: {
       type: null
+    },
+    showLetterAvatar: {
+      type: Boolean,
+      default: false
     }
   },
   expose: ["currentLabel"],
@@ -34,7 +38,8 @@ const _sfc_main = {
     const { advanceSelect, currentLabel, itemSelected, showSelectIcon, source } = useAdvanceOption(props);
     const show = ref(true);
     const clickFlag = ref(true);
-    const showUserName = ref(true);
+    const showLetterAvatarStatus = computed(() => props.showLetterAvatar);
+    console.log(showLetterAvatarStatus.value, "\u4E0B\u4E00\u7EA7");
     const contentText = ref();
     expose({ currentLabel });
     const filterOptionClick = () => {
@@ -85,13 +90,13 @@ const _sfc_main = {
       show,
       ns,
       currentLabel,
-      showUserName,
       itemSelected,
       showSelectIcon,
       filterOptionClick,
       handleOptionMouseEnter,
       source,
-      processLabel
+      processLabel,
+      showLetterAvatarStatus
     };
   }
 };
@@ -122,12 +127,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass($setup.ns.be("option", "content-label")),
               ref: "contentText"
             }, [
-              !$setup.showUserName ? (openBlock(), createElementBlock("div", {
+              !$setup.showLetterAvatarStatus ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: normalizeClass($setup.ns.be("option", "content-label")),
                 style: { "width": "178px" }
               }, toDisplayString($setup.currentLabel), 3)) : createCommentVNode("v-if", true),
-              $setup.showUserName ? (openBlock(), createElementBlock("div", {
+              $setup.showLetterAvatarStatus ? (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: normalizeClass($setup.ns.be("option", "content-label")),
                 style: { "width": "178px", "display": "flex", "align-items": "center" }
@@ -155,6 +160,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["class"])) : createCommentVNode("v-if", true)
   ], 2);
 }
-var BwaAdvanceOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bc8f5626"], ["__file", "advance-option.vue"]]);
+var BwaAdvanceOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-daae7edd"], ["__file", "advance-option.vue"]]);
 
 export { BwaAdvanceOption as default };

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

@@ -25,6 +25,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     options: {
       type: Array
     },
+    showLetterAvatar: {
+      type: Boolean,
+      default: false
+    },
     modelValue: {
       type: [Array, String, Number, Boolean]
     },
@@ -90,7 +94,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const emit = __emit;
     const debounceDelay = useGlobalConfig("debounceDelay", 500);
     const filterPanelItem = inject(filterPanelItemKey, null);
-    const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius } = toRefs(props);
+    const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius, showLetterAvatar } = toRefs(props);
     const slots = useSlots();
     const ns = useNamespace("advance");
     const states = useAdvanceSelectStates(props);

package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition.mjs

@@ -56,6 +56,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: true
     },
+    showLetterAvatar: {
+      type: Boolean,
+      default: false
+    },
     size: {
       type: String,
       default: "small"
@@ -107,7 +111,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         itfInfo: props.itfInfo || {},
         labelAttr: props.labelAttr || "label",
         valueAttr: props.valueAttr || "value",
-        searchAttr: props.searchAttr || "search"
+        searchAttr: props.searchAttr || "search",
+        showLetterAvatar: props.showLetterAvatar || false
       };
     }
     const searchPlaceholderStr = computed(() => {
@@ -123,6 +128,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       var _a2, _b;
       return ((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.valueAttr) || props.valueProp;
     });
+    const showLetterAvatarStatus = computed(() => {
+      var _a2, _b;
+      return ((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.showLetterAvatar) || props.showLetterAvatar;
+    });
+    console.log(showLetterAvatarStatus.value, "\u6253\u5370\u4F20\u503C");
     const handleClose = (val) => {
       const currentModelValue = Array.isArray(modelValue.value) ? modelValue.value : [];
       modelValue.value = currentModelValue.filter(
@@ -202,6 +212,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           class: normalizeClass(unref(ns).e("title"))
         }, toDisplayString(column.value.title), 3)) : createCommentVNode("v-if", true),
         createVNode(BwaAdvanceSelect, {
+          showLetterAvatar: showLetterAvatarStatus.value,
           multiple: __props.multiple,
           modelValue: modelValue.value,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
@@ -369,13 +380,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   key: item[valuePropStr.value] + "",
                   value: item[valuePropStr.value] + "",
                   label: item[labelPropStr.value] + "",
+                  showLetterAvatar: showLetterAvatarStatus.value,
                   class: normalizeClass(unref(ns).be("filter", "option"))
-                }, null, 8, ["value", "label", "class"]);
+                }, null, 8, ["value", "label", "showLetterAvatar", "class"]);
               }), 128))
             ])
           ]),
           _: 3
-        }, 8, ["multiple", "modelValue", "class", "showSelectIcon", "loading", "width"])
+        }, 8, ["showLetterAvatar", "multiple", "modelValue", "class", "showSelectIcon", "loading", "width"])
       ], 2);
     };
   }

package/es/plugins.css

@@ -0,0 +1 @@
+.letter-circle[data-v-daae7edd]{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;width:24px}

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

@@ -8,7 +8,7 @@ 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');
 
 // Inject __name helper
@@ -28,6 +28,10 @@ const _sfc_main = {
     },
     value: {
       type: null
+    },
+    showLetterAvatar: {
+      type: Boolean,
+      default: false
     }
   },
   expose: ["currentLabel"],
@@ -38,7 +42,8 @@ const _sfc_main = {
     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 showLetterAvatarStatus = vue.computed(() => props.showLetterAvatar);
+    console.log(showLetterAvatarStatus.value, "\u4E0B\u4E00\u7EA7");
     const contentText = vue.ref();
     expose({ currentLabel });
     const filterOptionClick = () => {
@@ -89,13 +94,13 @@ const _sfc_main = {
       show,
       ns,
       currentLabel,
-      showUserName,
       itemSelected,
       showSelectIcon,
       filterOptionClick,
       handleOptionMouseEnter,
       source,
-      processLabel
+      processLabel,
+      showLetterAvatarStatus
     };
   }
 };
@@ -126,12 +131,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               class: vue.normalizeClass($setup.ns.be("option", "content-label")),
               ref: "contentText"
             }, [
-              !$setup.showUserName ? (vue.openBlock(), vue.createElementBlock("div", {
+              !$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.showUserName ? (vue.openBlock(), vue.createElementBlock("div", {
+              $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" }
@@ -159,6 +164,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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-select.js

@@ -29,6 +29,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     options: {
       type: Array
     },
+    showLetterAvatar: {
+      type: Boolean,
+      default: false
+    },
     modelValue: {
       type: [Array, String, Number, Boolean]
     },
@@ -94,7 +98,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const emit = __emit;
     const debounceDelay = webBaseClientVue.useGlobalConfig("debounceDelay", 500);
     const filterPanelItem = vue.inject(webBaseClientVue.filterPanelItemKey, null);
-    const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius } = vue.toRefs(props);
+    const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius, showLetterAvatar } = vue.toRefs(props);
     const slots = vue.useSlots();
     const ns = webBaseClientVue.useNamespace("advance");
     const states = useAdvanceSelect.useAdvanceSelectStates(props);

package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition.js

@@ -60,6 +60,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: true
     },
+    showLetterAvatar: {
+      type: Boolean,
+      default: false
+    },
     size: {
       type: String,
       default: "small"
@@ -111,7 +115,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         itfInfo: props.itfInfo || {},
         labelAttr: props.labelAttr || "label",
         valueAttr: props.valueAttr || "value",
-        searchAttr: props.searchAttr || "search"
+        searchAttr: props.searchAttr || "search",
+        showLetterAvatar: props.showLetterAvatar || false
       };
     }
     const searchPlaceholderStr = vue.computed(() => {
@@ -127,6 +132,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       var _a2, _b;
       return ((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.valueAttr) || props.valueProp;
     });
+    const showLetterAvatarStatus = vue.computed(() => {
+      var _a2, _b;
+      return ((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.showLetterAvatar) || props.showLetterAvatar;
+    });
+    console.log(showLetterAvatarStatus.value, "\u6253\u5370\u4F20\u503C");
     const handleClose = (val) => {
       const currentModelValue = Array.isArray(modelValue.value) ? modelValue.value : [];
       modelValue.value = currentModelValue.filter(
@@ -206,6 +216,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           class: vue.normalizeClass(vue.unref(ns).e("title"))
         }, vue.toDisplayString(column.value.title), 3)) : vue.createCommentVNode("v-if", true),
         vue.createVNode(advanceSelect["default"], {
+          showLetterAvatar: showLetterAvatarStatus.value,
           multiple: __props.multiple,
           modelValue: modelValue.value,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
@@ -373,13 +384,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   key: item[valuePropStr.value] + "",
                   value: item[valuePropStr.value] + "",
                   label: item[labelPropStr.value] + "",
+                  showLetterAvatar: showLetterAvatarStatus.value,
                   class: vue.normalizeClass(vue.unref(ns).be("filter", "option"))
-                }, null, 8, ["value", "label", "class"]);
+                }, null, 8, ["value", "label", "showLetterAvatar", "class"]);
               }), 128))
             ])
           ]),
           _: 3
-        }, 8, ["multiple", "modelValue", "class", "showSelectIcon", "loading", "width"])
+        }, 8, ["showLetterAvatar", "multiple", "modelValue", "class", "showSelectIcon", "loading", "width"])
       ], 2);
     };
   }

package/lib/plugins.css

@@ -0,0 +1 @@
+.letter-circle[data-v-daae7edd]{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;width:24px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzy-web-client/plugin-component-vue",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "exports": {

package/src/advance-select/advance-option.vue

@@ -6,8 +6,8 @@
         <ElTooltip placement="top" append-to=".bwa-application" :disabled="currentLabel.length < 16">
           <div :class="ns.be('option', 'content-label')" ref="contentText">
            
-                  <div v-if="!showUserName" :class="ns.be('option', 'content-label')" style="width: 178px">{{ currentLabel }}</div>
-                  <div v-if="showUserName" :class="ns.be('option', 'content-label')" style="width: 178px;display: flex;align-items: center;"  >
+                  <div v-if="!showLetterAvatarStatus" :class="ns.be('option', 'content-label')" style="width: 178px">{{ currentLabel }}</div>
+                  <div v-if="showLetterAvatarStatus" :class="ns.be('option', 'content-label')" style="width: 178px;display: flex;align-items: center;"  >
                       <div  class="letter-circle" :style="{ backgroundColor: (processLabel(currentLabel).color) }">
                 {{  processLabel(currentLabel).firstLetter }}
                </div>
@@ -31,7 +31,7 @@
 
 <script>
 import { ElTooltip } from 'element-plus';
-import { getCurrentInstance, toRefs, ref, nextTick, onMounted, onUnmounted } from 'vue';
+import { getCurrentInstance, toRefs, ref, nextTick, onMounted, onUnmounted,computed } from 'vue';
 import { useNamespace } from '@ctzy-web-client/web-base-client-vue';
 import { useEvent } from './events-helpers';
 import { useAdvanceOption } from './use-advance-option';
@@ -45,6 +45,10 @@ export default {
     value: {
       type: null,
     },
+    showLetterAvatar:{
+      type: Boolean,
+     default: false,
+    }
   },
   expose: ['currentLabel'],
   setup(props, { expose }) {
@@ -59,8 +63,9 @@ export default {
 
     const show = ref(true)
     const clickFlag = ref(true)
-    const showUserName = ref(true)
-
+    const showLetterAvatarStatus = computed(() => props.showLetterAvatar);
+ 
+    console.log(showLetterAvatarStatus.value,'下一级')
     const contentText = ref()
 
     expose({ currentLabel });
@@ -139,13 +144,14 @@ function processLabel(label) {
       show,
       ns,
       currentLabel,
-      showUserName,
+   
       itemSelected,
       showSelectIcon,
       filterOptionClick,
       handleOptionMouseEnter,
         source,
-        processLabel
+        processLabel,
+        showLetterAvatarStatus
     };
   },
 };

package/src/advance-select/advance-select.vue

@@ -138,6 +138,7 @@
                   :key="item.value"
                   :value="item.value"
                   :label="item.label"
+                 
                 />
               </slot>
             </ElScrollbar>
@@ -193,6 +194,10 @@ const props = defineProps({
   options: {
     type: Array,
   },
+  showLetterAvatar:{
+      type: Boolean,
+    default: false,
+  },
   modelValue: {
     type: [Array, String, Number, Boolean],
   },
@@ -208,6 +213,7 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  
   multipleLimit: {
     type: Number,
     default: 0,
@@ -258,7 +264,7 @@ const debounceDelay = useGlobalConfig('debounceDelay', 500);
 
 const filterPanelItem = inject(filterPanelItemKey, null);
 
-const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius } =
+const { listHeight, width, showSearch, showSelection, multiple, modelValue, borderRadius,showLetterAvatar } =
   toRefs(props);
 
 const slots = useSlots();
@@ -273,6 +279,7 @@ const {
   search,
   isShowPopper,
   selected,
+
 } = toRefs(states);
 
 const column = computed(() => filterPanelItem?.column ?? null);

package/src/pct-filter-panel/pct-compents/pct-multiple-menu-condition.vue

@@ -2,6 +2,7 @@
     <div :class="ns.e('conditbox')">
         <div v-if="showTitle" :class="ns.e('title')">{{column.title}}</div>
         <BwaAdvanceSelect
+        :showLetterAvatar="showLetterAvatarStatus"
             :multiple="multiple"
             v-model="modelValue"
             @search="handleFieldSearch"
@@ -90,6 +91,7 @@
                     :key="item[valuePropStr] + ''"
                     :value="item[valuePropStr] + ''"
                     :label="item[labelPropStr] + ''"
+                    :showLetterAvatar="showLetterAvatarStatus"
                     :class="ns.be('filter', 'option')"
                 >
                 </BwaAdvanceOption>
@@ -156,6 +158,10 @@ const props = defineProps({
         type: Boolean,
         default: true,
     },
+    showLetterAvatar: {
+        type: Boolean,
+        default: false,
+    },
     size: {
         type: String,
         default: 'small',
@@ -205,7 +211,8 @@ if (props.itfInfo) {
         itfInfo: props.itfInfo || {},
         labelAttr: props.labelAttr || 'label',
         valueAttr: props.valueAttr || 'value',
-        searchAttr: props.searchAttr || 'search'
+        searchAttr: props.searchAttr || 'search',
+        showLetterAvatar:props.showLetterAvatar || false
     }
 }
 
@@ -214,6 +221,8 @@ const placeholderStr = computed(() => showTitle.value ? props.placeholder : colu
 
 const labelPropStr = computed(() => column.value?.componentProps?.labelAttr || props.labelProp)
 const valuePropStr = computed(() => column.value?.componentProps?.valueAttr || props.valueProp)
+const showLetterAvatarStatus = computed(() => column.value?.componentProps?.showLetterAvatar || props.showLetterAvatar)
+console.log(showLetterAvatarStatus.value,'打印传值')
 const handleClose = (val)=>{
 
   // 优化后

package/es/utils.css

@@ -1 +0,0 @@
-.letter-circle[data-v-bc8f5626]{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;width:24px}

package/lib/utils.css

@@ -1 +0,0 @@
-.letter-circle[data-v-bc8f5626]{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;margin-right:8px;width:24px}