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

package/lib/progress/progress-item.js

@@ -7,86 +7,76 @@ var rxjs = require('rxjs');
 var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const _sfc_main = {
-  __name: 'progress-item',
-  props: {
-  width: { type: Number, default: 0 },
-  label: { type: String, required: true },
-},
-  setup(__props) {
-
-const props = __props;
-
-defineOptions({ name: 'BwaProgressItem' });
-
-
-
-const { width, label } = vue.toRefs(props);
-
-const ns = webBaseClientVue.useNamespace('progress-item');
-
-const progressItemEl = vue.ref(null);
-
-const progress = vue.inject(webBaseClientVue.progressKey);
-
-const percent = vue.computed(() => (vue.unref(width) / progress.max) * 100 + '%');
-
-const attrs = vue.useAttrs();
-
-const id = progress.nextID();
-
-const colorObservable = new rxjs.Observable((observer) =>
-  vue.watch(
-    vue.computed(() => attrs.style['--bwa-progress-item-color']),
-    observer.next.bind(observer),
-    { immediate: true }
-  )
-).pipe(rxjs.delayWhen(() => rxjs.from(vue.nextTick())));
-
-const widthObservable = new rxjs.Observable((observer) =>
-  vue.watch(width, observer.next.bind(observer), { immediate: true })
-).pipe(rxjs.map((width) => parseInt(width) || 0));
-
-const labelObservable = new rxjs.Observable((observer) =>
-  vue.watch(label, observer.next.bind(observer), { immediate: true })
-).pipe();
-
-const progressItemObservable = rxjs.combineLatest([
-  widthObservable,
-  labelObservable,
-  colorObservable,
-]);
-
-const subscription = progressItemObservable.subscribe({
-  next: ([width, label, color]) => {
-    progress.handleProgressItemCreate({
-      id,
-      width,
-      label,
-      color,
-    });
-  },
-  complete: () => {
-    progress.handleProgressItemDestroy(id);
-  },
-  error: () => {
-    progress.handleProgressItemDestroy(id);
-  },
-});
-
-vue.onBeforeUnmount(subscription.unsubscribe.bind(subscription));
-
-return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(vue.unref(ns).b()),
-    style: vue.normalizeStyle({ width: vue.unref(percent) }),
-    ref_key: "progressItemEl",
-    ref: progressItemEl
-  }, null, 6 /* CLASS, STYLE */))
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
 }
-}
-
-};
-var ProgressItem = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"progress-item.vue"]]);
+const __default__ = vue.defineComponent({ name: "BwaProgressItem" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    width: { type: Number, default: 0 },
+    label: { type: String, required: true }
+  },
+  setup(__props) {
+    ;
+    const props = __props;
+    const { width, label } = vue.toRefs(props);
+    const ns = webBaseClientVue.useNamespace("progress-item");
+    const progressItemEl = vue.ref(null);
+    const progress = vue.inject(webBaseClientVue.progressKey);
+    const percent = vue.computed(() => vue.unref(width) / progress.max * 100 + "%");
+    const attrs = vue.useAttrs();
+    const id = progress.nextID();
+    const colorObservable = new rxjs.Observable(
+      (observer) => vue.watch(
+        vue.computed(() => attrs.style["--bwa-progress-item-color"]),
+        observer.next.bind(observer),
+        { immediate: true }
+      )
+    ).pipe(rxjs.delayWhen(() => rxjs.from(vue.nextTick())));
+    const widthObservable = new rxjs.Observable(
+      (observer) => vue.watch(width, observer.next.bind(observer), { immediate: true })
+    ).pipe(rxjs.map((width2) => parseInt(width2) || 0));
+    const labelObservable = new rxjs.Observable(
+      (observer) => vue.watch(label, observer.next.bind(observer), { immediate: true })
+    ).pipe();
+    const progressItemObservable = rxjs.combineLatest([
+      widthObservable,
+      labelObservable,
+      colorObservable
+    ]);
+    const subscription = progressItemObservable.subscribe({
+      next: ([width2, label2, color]) => {
+        progress.handleProgressItemCreate({
+          id,
+          width: width2,
+          label: label2,
+          color
+        });
+      },
+      complete: () => {
+        progress.handleProgressItemDestroy(id);
+      },
+      error: () => {
+        progress.handleProgressItemDestroy(id);
+      }
+    });
+    vue.onBeforeUnmount(subscription.unsubscribe.bind(subscription));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b()),
+        style: vue.normalizeStyle({ width: percent.value }),
+        ref_key: "progressItemEl",
+        ref: progressItemEl
+      }, null, 6);
+    };
+  }
+});
+var ProgressItem = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "progress-item.vue"]]);
 
 exports["default"] = ProgressItem;

package/lib/progress/progress.js

@@ -8,85 +8,81 @@ var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var useProgress = require('./use-progress.js');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const _sfc_main = {
-  __name: 'progress',
-  props: {
-  max: { type: Number, default: 0 },
-  showLabel: { type: Boolean, default: true },
-  labelWidth: { type: String, default: 'auto' },
-},
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
+const __default__ = vue.defineComponent({ name: "BwaProgress" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    max: { type: Number, default: 0 },
+    showLabel: { type: Boolean, default: true },
+    labelWidth: { type: String, default: "auto" }
+  },
   setup(__props) {
-
-const props = __props;
-
-defineOptions({ name: 'BwaProgress' });
-
-
-
-const { max } = vue.toRefs(props);
-
-const ns = webBaseClientVue.useNamespace('progress');
-
-const states = useProgress.useProgressState(props);
-const { percent, handleProgressItemCreate, handleProgressItemDestroy, nextID } =
-  useProgress.useProgress(props, states);
-
-vue.provide(
-  webBaseClientVue.progressKey,
-  vue.reactive({ max, handleProgressItemCreate, handleProgressItemDestroy, nextID })
-);
-
-return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTooltip), {
-    placement: "bottom-start",
-    effect: "light",
-    "append-to": ".bwa-application"
-  }, {
-    content: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(vue.unref(ns).be('info', 'wrapper'))
-      }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(states).progressItemList, (item) => {
-          return (vue.openBlock(), vue.createElementBlock("div", {
-            key: item.id,
-            class: vue.normalizeClass(vue.unref(ns).be('item', 'info')),
-            style: vue.normalizeStyle({ '--bwa-progress-item-dot-color': item.color })
+    ;
+    const props = __props;
+    const { max } = vue.toRefs(props);
+    const ns = webBaseClientVue.useNamespace("progress");
+    const states = useProgress.useProgressState(props);
+    const { percent, handleProgressItemCreate, handleProgressItemDestroy, nextID } = useProgress.useProgress(props, states);
+    vue.provide(
+      webBaseClientVue.progressKey,
+      vue.reactive({ max, handleProgressItemCreate, handleProgressItemDestroy, nextID })
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTooltip), {
+        placement: "bottom-start",
+        effect: "light",
+        "append-to": ".bwa-application"
+      }, {
+        content: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).be("info", "wrapper"))
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(states).progressItemList, (item) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: item.id,
+                class: vue.normalizeClass(vue.unref(ns).be("item", "info")),
+                style: vue.normalizeStyle({ "--bwa-progress-item-dot-color": item.color })
+              }, [
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass(vue.unref(ns).be("item", "label"))
+                }, vue.toDisplayString(item.label), 3),
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass(vue.unref(ns).be("item", "value"))
+                }, vue.toDisplayString(item.width), 3)
+              ], 6);
+            }), 128))
+          ], 2)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).b())
           }, [
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass(vue.unref(ns).be('item', 'label'))
-            }, vue.toDisplayString(item.label), 3 /* TEXT, CLASS */),
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass(vue.unref(ns).be('item', 'value'))
-            }, vue.toDisplayString(item.width), 3 /* TEXT, CLASS */)
-          ], 6 /* CLASS, STYLE */))
-        }), 128 /* KEYED_FRAGMENT */))
-      ], 2 /* CLASS */)
-    ]),
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(vue.unref(ns).b())
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e('inner')),
-          style: vue.normalizeStyle({ '--bwa-progress-width': vue.unref(max) })
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 6 /* CLASS, STYLE */),
-        (__props.showLabel)
-          ? (vue.openBlock(), vue.createElementBlock("div", {
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("inner")),
+              style: vue.normalizeStyle({ "--bwa-progress-width": vue.unref(max) })
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 6),
+            __props.showLabel ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e('percent')),
-              style: vue.normalizeStyle({ '--bwa-progress-label-width': __props.labelWidth })
-            }, vue.toDisplayString(vue.unref(percent)) + "% ", 7 /* TEXT, CLASS, STYLE */))
-          : vue.createCommentVNode("v-if", true)
-      ], 2 /* CLASS */)
-    ]),
-    _: 3 /* FORWARDED */
-  }))
-}
-}
-
-};
-var Progress = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"progress.vue"]]);
+              class: vue.normalizeClass(vue.unref(ns).e("percent")),
+              style: vue.normalizeStyle({ "--bwa-progress-label-width": __props.labelWidth })
+            }, vue.toDisplayString(vue.unref(percent)) + "% ", 7)) : vue.createCommentVNode("v-if", true)
+          ], 2)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+var Progress = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "progress.vue"]]);
 
 exports["default"] = Progress;

package/lib/progress/use-progress.js

@@ -4,6 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
 let uid = 1;
 const useProgressState = (props) => vue.reactive({
   progressItemList: []

package/lib/utils/db.js

@@ -8,6 +8,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var Dexie__default = /*#__PURE__*/_interopDefaultLegacy(Dexie);
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
 const dataModelDB = new Dexie__default["default"]("DataModel");
 dataModelDB.version(1).stores({
   filterPanel: "[app+tableName+userID]",

package/lib/utils.js

@@ -11,6 +11,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 var set__default = /*#__PURE__*/_interopDefaultLegacy(set);
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
 const COMPONENT_NAME_PREFIX = "Bwa";
 const createComponentName = (component) => {
   component.name = COMPONENT_NAME_PREFIX + component.name;

package/lib/where-filter-panel/index.js

@@ -1,2 +1,11 @@
 'use strict';
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}

package/lib/where-filter-panel/use-where-filter-panel.js

@@ -6,6 +6,15 @@ var ElementPlus = require('element-plus');
 var vue = require('vue');
 var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
 const usewhereFilterPanel = (props, context) => {
   const dataTable = ElementPlus.useProp("dataTable");
   const debounceDelay = webBaseClientVue.useGlobalConfig("debounceDelay", 500);

package/lib/where-filter-panel/where-filter-panel.js

@@ -5,20 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const _sfc_main = {
-  __name: 'where-filter-panel',
-  setup(__props) {
-
-defineOptions({
-  name: 'BwaWhereFilterPanel',
-});
-
-return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createElementBlock("div"))
-}
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
 }
-
-};
-var whereFilterPanel = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"where-filter-panel.vue"]]);
+const __default__ = vue.defineComponent({
+  name: "BwaWhereFilterPanel"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    ;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div");
+    };
+  }
+});
+var whereFilterPanel = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "where-filter-panel.vue"]]);
 
 exports["default"] = whereFilterPanel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzy-web-client/plugin-component-vue",
-  "version": "1.0.26",
+  "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)=>{
 
   // 优化后