cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/audio-sdk/src/utils/recorder/wave.js

@@ -0,0 +1,258 @@
+function useWave(Recorder) {
+  var FrequencyHistogramView = function(set) {
+    return new fn(set);
+  };
+  var ViewTxt = "FrequencyHistogramView";
+  var fn = function(set) {
+    var This = this;
+    var o = {
+      scale: 2,
+      fps: 20,
+      lineCount: 30,
+      widthRatio: 0.6,
+      spaceWidth: 0,
+      minHeight: 0,
+      position: -1,
+      mirrorEnable: false,
+      stripeEnable: true,
+      stripeHeight: 3,
+      stripeMargin: 6,
+      fallDuration: 1e3,
+      stripeFallDuration: 3500,
+      linear: [0, "rgba(0,187,17,1)", 0.5, "rgba(255,215,0,1)", 1, "rgba(255,102,0,1)"],
+      stripeLinear: null,
+      shadowBlur: 0,
+      shadowColor: "#bbb",
+      stripeShadowBlur: -1,
+      stripeShadowColor: "",
+      onDraw: function(frequencyData, sampleRate) {
+      }
+    };
+    for (var k in set) {
+      o[k] = set[k];
+    }
+    This.set = set = o;
+    var elem = set.elem;
+    if (elem) {
+      if (typeof elem == "string") {
+        elem = document.querySelector(elem);
+      } else if (elem.length) {
+        elem = elem[0];
+      }
+    }
+    if (elem) {
+      set.width = elem.offsetWidth;
+      set.height = elem.offsetHeight;
+    }
+    var scale = set.scale;
+    var width = set.width * scale;
+    var height = set.height * scale;
+    if (!width || !height) {
+      throw new Error(ViewTxt + "\u65E0\u5BBD\u9AD8");
+    }
+    var thisElem = This.elem = document.createElement("div");
+    var lowerCss = ["", "transform-origin:0 0;", "transform:scale(" + 1 / scale + ");"];
+    thisElem.innerHTML = '<div style="width:' + set.width + "px;height:" + set.height + 'px;overflow:hidden"><div style="width:' + width + "px;height:" + height + "px;" + lowerCss.join("-webkit-") + lowerCss.join("-ms-") + lowerCss.join("-moz-") + lowerCss.join("") + '"><canvas/></div></div>';
+    var canvas = This.canvas = thisElem.querySelector("canvas");
+    This.ctx = canvas.getContext("2d");
+    canvas.width = width;
+    canvas.height = height;
+    if (elem) {
+      elem.innerHTML = "";
+      elem.appendChild(thisElem);
+    }
+    if (!Recorder.LibFFT) {
+      throw new Error("\u9700\u8981lib.fft.js\u652F\u6301");
+    }
+    This.fft = Recorder.LibFFT(1024);
+    This.lastH = [];
+    This.stripesH = [];
+  };
+  fn.prototype = FrequencyHistogramView.prototype = {
+    genLinear: function(ctx, colors, from, to) {
+      var rtv = ctx.createLinearGradient(0, from, 0, to);
+      for (var i = 0; i < colors.length; ) {
+        rtv.addColorStop(colors[i++], colors[i++]);
+      }
+      return rtv;
+    },
+    input: function(pcmData, powerLevel, sampleRate) {
+      var This = this;
+      This.sampleRate = sampleRate;
+      This.pcmData = pcmData;
+      This.pcmPos = 0;
+      This.inputTime = Date.now();
+      This.schedule();
+    },
+    schedule: function() {
+      var This = this, set = This.set;
+      var interval = Math.floor(1e3 / set.fps);
+      if (!This.timer) {
+        This.timer = setInterval(function() {
+          This.schedule();
+        }, interval);
+      }
+      var now = Date.now();
+      var drawTime = This.drawTime || 0;
+      if (now - This.inputTime > set.stripeFallDuration * 1.3) {
+        clearInterval(This.timer);
+        This.timer = 0;
+        return;
+      }
+      if (now - drawTime < interval) {
+        return;
+      }
+      This.drawTime = now;
+      var bufferSize = This.fft.bufferSize;
+      var pcm = This.pcmData;
+      var pos = This.pcmPos;
+      var arr = new Int16Array(bufferSize);
+      for (var i = 0; i < bufferSize && pos < pcm.length; i++, pos++) {
+        arr[i] = pcm[pos];
+      }
+      This.pcmPos = pos;
+      var frequencyData = This.fft.transform(arr);
+      This.draw(frequencyData, This.sampleRate);
+    },
+    draw: function(frequencyData, sampleRate) {
+      var This = this, set = This.set;
+      var ctx = This.ctx;
+      var scale = set.scale;
+      var width = set.width * scale;
+      var height = set.height * scale;
+      var lineCount = set.lineCount;
+      var bufferSize = This.fft.bufferSize;
+      var position = set.position;
+      var posAbs = Math.abs(set.position);
+      var originY = position == 1 ? 0 : height;
+      var heightY = height;
+      if (posAbs < 1) {
+        heightY = heightY / 2;
+        originY = heightY;
+        heightY = Math.floor(heightY * (1 + posAbs));
+        originY = Math.floor(position > 0 ? originY * (1 - posAbs) : originY * (1 + posAbs));
+      }
+      var lastH = This.lastH;
+      var stripesH = This.stripesH;
+      var speed = Math.ceil(heightY / (set.fallDuration / (1e3 / set.fps)));
+      var stripeSpeed = Math.ceil(heightY / (set.stripeFallDuration / (1e3 / set.fps)));
+      var stripeMargin = set.stripeMargin * scale;
+      var Y0 = 1 << (Math.round(Math.log(bufferSize) / Math.log(2) + 3) << 1);
+      var logY0 = Math.log(Y0) / Math.log(10);
+      var dBmax = 20 * Math.log(32767) / Math.log(10);
+      var fftSize = bufferSize / 2;
+      var fftSize5k = Math.min(fftSize, Math.floor(fftSize * 5e3 / (sampleRate / 2)));
+      var fftSize5kIsAll = fftSize5k == fftSize;
+      var line80 = fftSize5kIsAll ? lineCount : Math.round(lineCount * 0.8);
+      var fftSizeStep1 = fftSize5k / line80;
+      var fftSizeStep2 = fftSize5kIsAll ? 0 : (fftSize - fftSize5k) / (lineCount - line80);
+      var fftIdx = 0;
+      for (var i = 0; i < lineCount; i++) {
+        var start = Math.ceil(fftIdx);
+        if (i < line80) {
+          fftIdx += fftSizeStep1;
+        } else {
+          fftIdx += fftSizeStep2;
+        }
+        var end = Math.min(Math.ceil(fftIdx), fftSize);
+        var maxAmp = 0;
+        for (var j = start; j < end; j++) {
+          maxAmp = Math.max(maxAmp, Math.abs(frequencyData[j]));
+        }
+        var dB = maxAmp > Y0 ? Math.floor((Math.log(maxAmp) / Math.log(10) - logY0) * 17) : 0;
+        var h = heightY * Math.min(dB / dBmax, 1);
+        lastH[i] = (lastH[i] || 0) - speed;
+        if (h < lastH[i]) {
+          h = lastH[i];
+        }
+        if (h < 0) {
+          h = 0;
+        }
+        lastH[i] = h;
+        var shi = stripesH[i] || 0;
+        if (h && h + stripeMargin > shi) {
+          stripesH[i] = h + stripeMargin;
+        } else {
+          var sh = shi - stripeSpeed;
+          if (sh < 0) {
+            sh = 0;
+          }
+          stripesH[i] = sh;
+        }
+      }
+      ctx.clearRect(0, 0, width, height);
+      var linear1 = This.genLinear(ctx, set.linear, originY, originY - heightY);
+      var stripeLinear1 = set.stripeLinear && This.genLinear(ctx, set.stripeLinear, originY, originY - heightY) || linear1;
+      var linear2 = This.genLinear(ctx, set.linear, originY, originY + heightY);
+      var stripeLinear2 = set.stripeLinear && This.genLinear(ctx, set.stripeLinear, originY, originY + heightY) || linear2;
+      ctx.shadowBlur = set.shadowBlur * scale;
+      ctx.shadowColor = set.shadowColor;
+      var mirrorEnable = set.mirrorEnable;
+      var mirrorCount = mirrorEnable ? lineCount * 2 - 1 : lineCount;
+      var widthRatio = set.widthRatio;
+      var spaceWidth = set.spaceWidth * scale;
+      if (spaceWidth != 0) {
+        widthRatio = (width - spaceWidth * (mirrorCount + 1)) / width;
+      }
+      var lineWidth = Math.max(1 * scale, Math.floor(width * widthRatio / mirrorCount));
+      var spaceFloat = (width - mirrorCount * lineWidth) / (mirrorCount + 1);
+      var minHeight = set.minHeight * scale;
+      var mirrorSubX = spaceFloat + lineWidth / 2;
+      var XFloat = mirrorEnable ? width / 2 - mirrorSubX : 0;
+      for (var i = 0, xFloat = XFloat, x, y, h; i < lineCount; i++) {
+        xFloat += spaceFloat;
+        x = Math.floor(xFloat);
+        h = Math.max(lastH[i], minHeight);
+        if (originY != 0) {
+          y = originY - h;
+          ctx.fillStyle = linear1;
+          ctx.fillRect(x, y, lineWidth, h);
+        }
+        if (originY != height) {
+          ctx.fillStyle = linear2;
+          ctx.fillRect(x, originY, lineWidth, h);
+        }
+        xFloat += lineWidth;
+      }
+      if (set.stripeEnable) {
+        var stripeShadowBlur = set.stripeShadowBlur;
+        ctx.shadowBlur = (stripeShadowBlur == -1 ? set.shadowBlur : stripeShadowBlur) * scale;
+        ctx.shadowColor = set.stripeShadowColor || set.shadowColor;
+        var stripeHeight = set.stripeHeight * scale;
+        for (var i = 0, xFloat = XFloat, x, y, h; i < lineCount; i++) {
+          xFloat += spaceFloat;
+          x = Math.floor(xFloat);
+          h = stripesH[i];
+          if (originY != 0) {
+            y = originY - h - stripeHeight;
+            if (y < 0) {
+              y = 0;
+            }
+            ctx.fillStyle = stripeLinear1;
+            ctx.fillRect(x, y, lineWidth, stripeHeight);
+          }
+          if (originY != height) {
+            y = originY + h;
+            if (y + stripeHeight > height) {
+              y = height - stripeHeight;
+            }
+            ctx.fillStyle = stripeLinear2;
+            ctx.fillRect(x, y, lineWidth, stripeHeight);
+          }
+          xFloat += lineWidth;
+        }
+      }
+      if (mirrorEnable) {
+        var srcW = Math.floor(width / 2);
+        ctx.save();
+        ctx.scale(-1, 1);
+        ctx.drawImage(This.canvas, Math.ceil(width / 2), 0, srcW, height, -srcW, 0, srcW, height);
+        ctx.restore();
+      }
+      set.onDraw(frequencyData, sampleRate);
+    }
+  };
+  Recorder[ViewTxt] = FrequencyHistogramView;
+}
+
+export { useWave };

package/es/components/audio-sdk/src/utils/recordingModal.js

@@ -1 +1,57 @@
-import{ref as e,render as t,createVNode as r,withCtx as o,mergeProps as n,nextTick as d}from"vue";import{createProviderWrapper as l}from"../../../../shared/utils/index.js";import s from"../components/recording-modal.vue.js";class i{constructor(){this.rendered=!1,this.target=null,this.modalType="recording"}show({instance:i,modalType:a,onClose:h,props:m}){if(this.modalType=a||"recording",this.rendered)return;this.rendered=!0;const u=document.createElement("div"),p=e(!1),c=l(i),v=this;var g;t(r(c,null,{default:o((()=>r(s,n({show:p.value,"onUpdate:show":e=>p.value=e},{to:u,onClose:h,onAfterLeave:h},{content:m.contentRef.value}),null)),i)}),u),g=u,document.body.appendChild(g),v.target=g,d((()=>p.value=!0))}hide(){var e;(null==(e=this.target)?void 0:e.parentElement)&&(this.rendered=!1,this.target.parentElement.removeChild(this.target),this.target=null)}}export{i as RecordingModal};
+import { ref, render, createVNode, withCtx, mergeProps, nextTick } from 'vue';
+import { createProviderWrapper } from '../../../../shared/utils/index.js';
+import RecordingModal$1 from '../components/recording-modal.vue.js';
+
+class RecordingModal {
+  constructor() {
+    this.rendered = false;
+    this.target = null;
+    this.modalType = "recording";
+  }
+  show({
+    instance,
+    modalType,
+    onClose,
+    props
+  }) {
+    this.modalType = modalType || "recording";
+    if (this.rendered)
+      return;
+    this.rendered = true;
+    const container = document.createElement("div");
+    const visible = ref(false);
+    const ProviderWrapper = createProviderWrapper(instance);
+    const that = this;
+    function getBaseProps() {
+      return {
+        to: container,
+        onClose,
+        onAfterLeave: onClose
+      };
+    }
+    render(createVNode(ProviderWrapper, null, {
+      default: withCtx(() => createVNode(RecordingModal$1, mergeProps({
+        "show": visible.value,
+        "onUpdate:show": ($event) => visible.value = $event
+      }, getBaseProps(), {
+        "content": props.contentRef.value
+      }), null), instance)
+    }), container);
+    mount(container);
+    nextTick(() => visible.value = true);
+    function mount(target) {
+      document.body.appendChild(target);
+      that.target = target;
+    }
+  }
+  hide() {
+    var _a;
+    if (!((_a = this.target) == null ? void 0 : _a.parentElement))
+      return;
+    this.rendered = false;
+    this.target.parentElement.removeChild(this.target);
+    this.target = null;
+  }
+}
+
+export { RecordingModal };

package/es/components/audio-sdk/style/index.css

@@ -1 +1 @@
-.c-recording-wrapper{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-flow:column nowrap;height:350px;justify-content:center;padding:20px;width:500px}@keyframes toScale{0%{transform:translateX(-50%) translateY(-50%) scale(1)}to{transform:translateX(-50%) translateY(-50%) scale(1.5)}}.c-recording-wrapper .content{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-size:18px;overflow:hidden;text-align:center}.c-recording-wrapper .icon-box{background-color:#5585f5;cursor:pointer;margin:30px auto;position:relative}.c-recording-wrapper .icon-box,.c-recording-wrapper .icon-box:before{align-items:center;border-radius:50%;display:flex;height:90px;justify-content:center;width:90px}.c-recording-wrapper .icon-box:before{animation:toScale 1s infinite;background-color:#5585f54d;content:"";left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(1);transform-origin:center center}.c-recording-wrapper .title{height:50px;width:100%}.c-recording-wrapper .title h5{font-size:15px}.c-recording-wrapper .btns{display:flex;margin-top:10px}.c-recording-wrapper .btns .n-button:first-child{margin-right:30px}.c-recording-sdk-wrapper{height:100%;padding:20px;width:100%}.c-recording-sdk-wrapper .c-recording-wrapper{height:100%;width:100%}
+.c-recording-wrapper{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-flow:column nowrap;height:350px;justify-content:center;padding:20px;width:500px}@keyframes toScale{0%{transform:translateX(-50%) translateY(-50%) scale(1)}to{transform:translateX(-50%) translateY(-50%) scale(1.5)}}.c-recording-wrapper .content{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-size:18px;overflow:hidden;text-align:center}.c-recording-wrapper .icon-box{background-color:#5585f5;cursor:pointer;margin:30px auto;position:relative}.c-recording-wrapper .icon-box,.c-recording-wrapper .icon-box:before{align-items:center;border-radius:50%;display:flex;height:90px;justify-content:center;width:90px}.c-recording-wrapper .icon-box:before{animation:toScale 1s infinite;background-color:#5585f54d;content:"";left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(1);transform-origin:center center}.c-recording-wrapper .title{height:50px;width:100%}.c-recording-wrapper .title h5{font-size:15px}.c-recording-wrapper .btns{display:flex;margin-top:10px}.c-recording-wrapper .btns .n-button:first-child{margin-right:30px}.c-recording-sdk-wrapper{display:flex;flex-flow:column nowrap;height:100%;padding:20px;width:100%}.c-recording-sdk-wrapper .c-recording-wrapper{flex:1;width:100%}.c-recording-sdk-wrapper .n-scrollbar{flex:1}.c-recording-sdk-wrapper .n-scrollbar .n-form{text-align:left}

package/es/components/base-search/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as s}from"../../shared/utils/index.js";import a from"./src/index.vue.js";const e=a;e.install=function(a){s(a,e,r+"BaseSearch")};export{e as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import scriptBaseSearch from './src/index.vue.js';
+
+const CBaseSearch = scriptBaseSearch;
+CBaseSearch.install = function(app) {
+  safeComponentRegister(app, CBaseSearch, COMPONENT_NAMESPACE + "BaseSearch");
+};
+
+export { CBaseSearch as default };

package/es/components/base-search/src/index.vue.js

@@ -1 +1,6 @@
-import e from"./index.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var i=r(e,[["__file","index.vue"]]);export{i as default};
+import _sfc_main from './index.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var scriptBaseSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { scriptBaseSearch as default };

package/es/components/base-search/src/index.vue2.js

@@ -1 +1,325 @@
-import{defineComponent as e,ref as t,provide as i,computed as l,watch as a,openBlock as n,createElementBlock as r,createElementVNode as o,createCommentVNode as s,renderSlot as u,unref as c,createVNode as d,withCtx as f,createTextVNode as m,toDisplayString as h,Fragment as v,renderList as g}from"vue";import p from"../../table-filter/src/components/render-widget/index.vue.js";import b from"../../table-filter/src/hooks/useMixins.js";import y from"../../table-filter/src/hooks/useAdvanced.js";import C from"../../table-filter/src/hooks/useRenderWidget.js";import{NButton as k,NIcon as w}from"naive-ui";import{Search as S}from"@vicons/ionicons5";import{isObject as j,cloneDeep as A}from"lodash-es";import{InjectionFilterApiConfig as O,InjectionFilterSearchConfig as x}from"../../table-filter/src/constants/index.js";import{WidgetTypeEnums as F}from"../../table-filter/src/types/enums.js";const q={class:"base-search-block"},R={class:"base-container"},V={class:"bease-left"},B={class:"base-ul"},E={key:0,class:"baseli showQuickBtn"},L=o("i",{class:"iconfont-table-filter icon-table-filter-shaixuan",style:{color:"inherit","margin-right":"6px"}},null,-1),N={key:0,class:"qqConObjCount"},Q={class:"base-row"},I={key:0,class:"title"},_={class:"baseli"},P={key:1,class:"baseli"},T={key:2,class:"baseli"},D=o("i",{class:"iconfont-table-filter icon-table-filter-reset",style:{"margin-right":"6px"}},null,-1);var U=e({__name:"index",props:{showSettings:{type:Object,default:()=>({hideQuickSearch:0,hideResetBtn:0})},searchFieldList:{type:Array,default:()=>[]},qqConObjCount:{type:Number,default:0},filterApiConfig:{type:Object},appendValueConfig:{type:Object,default:()=>({})},isShowTitle:{type:Boolean,default:!1}},emits:["foldQuickSearch","onFilterSearch","handleReset","getFilterParam","itemChange"],setup(e,{expose:U,emit:W}){const $=e,{outQuickSearchFn:M}=b(),{isRender:z,getRenderSearchConObj:Y,isExistDefValByRenderWidget:G,resetRenderWidgetValue:H}=C(),{transformData:J,transformParams:K}=y(),X=t([]),Z=t(!1),ee=t([]),te=t([]);i(O,$.filterApiConfig),i(x,ee);const ie=l((()=>ne("hideQuickSearch"))),le=l((()=>ne("hideResetBtn")));function ae(e,t="name"){return e.alias||e[t]}function ne(e){return 0==$.showSettings[e]}function re(){W("foldQuickSearch",!0)}function oe(e={}){const t=ue()||[];!function(e,t,i=!1,l={}){let a=[];ee.value.length>0&&(a=A(ee.value));W("onFilterSearch",e,t,i,a,l)}(t,K(t),!0,e)}function se(e){W("itemChange",e)}function ue(){return function(e){if(!Array.isArray(e))return[];let t=[];for(let i=0;i<e.length;i++){let l=e[i];const a=Y(l);a&&t.push(a)}return t.filter((e=>e.value||Object.keys(e).includes("isAccurateSearch")))}(ee.value)}function ce(){!function(e){if(!Array.isArray(e))return;e.forEach((e=>{H(e)})),M.handlerInitSearchItem(e)}(ee.value),W("handleReset",{targetType:"outQuickSearchReset"})}return a((()=>$.searchFieldList),(e=>{e&&e.length>0&&function(){ee.value=[];let e=A(J($.searchFieldList,{_filterApiConfig:$.filterApiConfig})).filter((e=>1==e.isShowSearch&&1==e.filterExplicit));ee.value=e,M.handlerInitSearchItem(ee.value),ee.value.some((e=>z(e)?G(e):!!e.explicitDefaultVal))}()}),{immediate:!0,deep:!0}),a((()=>$.qqConObjCount),(e=>{const t=X.value.length||0;Z.value=t+Number(e)>0&&le.value}),{immediate:!0}),a((()=>ee),(()=>{X.value=ue()||[];const e=K(X.value);Z.value=X.value.length+Number($.qqConObjCount)>0&&le.value,W("getFilterParam",X.value,e),te.value.forEach((t=>t(e)))}),{immediate:!0,deep:!0}),a((()=>$.appendValueConfig),(e=>{if(j(e)&&Object.keys(e).length>0){const t=Object.keys(e);ee.value.forEach((i=>{t.includes(i.columnName)&&(i.value=e[i.columnName])}))}}),{immediate:!0,deep:!0}),U({handleReset:ce,getFilterParams:function(){const e=ue()||[];return K(e)},setFilterParams:function(e){const t=e?Object.keys(e):[];t.length>0&&ee.value.forEach((i=>{var l,a;if(z(i)&&t.includes(i.columnName)){const t=e[i.columnName];i.value=Array.isArray(t)&&!1===(null==(l=i.widgetCfg)?void 0:l.multiple)&&(null==(a=null==i?void 0:i.widgetCfg)?void 0:a.widgetType)!=F.SELECTDYNAMIC?t[0]:t}}))},getOriginalConfig:function(){return $.searchFieldList},onFilterChange:function(e){te.value.push(e)}}),(t,i)=>(n(),r("div",q,[o("div",R,[o("div",V,[o("ul",B,[s("  筛选分类插槽  "),u(t.$slots,"classification"),c(ie)?(n(),r("li",E,[d(c(k),{class:"search-default",type:"default",onClick:re},{default:f((()=>{var t;return[L,m((null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.278"))||"筛选"),e.qqConObjCount?(n(),r("span",N,"("+h(e.qqConObjCount)+")",1)):s("v-if",!0)]})),_:1})])):s("v-if",!0),s(" start--筛选外显--start "),(n(!0),r(v,null,g(ee.value,(t=>(n(),r(v,null,[t.isRender?(n(),r("li",{class:"baseli outQuickSearch-li",key:t._frontId},[o("div",Q,[e.isShowTitle&&ae(t,"title")?(n(),r("span",I,h(ae(t,"title"))+"：",1)):s("v-if",!0),d(p,{cfg:t,modelValue:t.value,"onUpdate:modelValue":e=>t.value=e,isAccurate:t.isAccurateSearchVal,"onUpdate:isAccurate":e=>t.isAccurateSearchVal=e,onOutFilterChange:oe,onItemChange:se},null,8,["cfg","modelValue","onUpdate:modelValue","isAccurate","onUpdate:isAccurate"])])])):s("v-if",!0)],64)))),256)),s(" end--筛选外显--end "),o("div",_,[s("  业务组件插槽  "),u(t.$slots,"modules")]),s(" 查询按钮 "),ee.value&&ee.value.length>0?(n(),r("li",P,[d(c(k),{type:"primary",onClick:oe},{default:f((()=>{var e;return[d(c(w),{component:c(S),size:"16",style:{"margin-right":"6px"}},null,8,["component"]),m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.405"))||"查询")]})),_:1})])):s("v-if",!0),s(" 重置按钮 "),Z.value?(n(),r("li",T,[d(c(k),{onClick:ce},{default:f((()=>{var e;return[D,m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.406"))||"重置")]})),_:1})])):s("v-if",!0),s("  业务按钮插槽  "),u(t.$slots,"buttons")])])])]))}});export{U as default};
+import { defineComponent, ref, provide, computed, watch, openBlock, createElementBlock, createElementVNode, createCommentVNode, renderSlot, unref, createVNode, withCtx, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
+import RenderWidget from '../../table-filter/src/components/render-widget/index.vue.js';
+import useMixins from '../../table-filter/src/hooks/useMixins.js';
+import useAdvanced from '../../table-filter/src/hooks/useAdvanced.js';
+import useRenderWidget from '../../table-filter/src/hooks/useRenderWidget.js';
+import { NButton, NIcon } from 'naive-ui';
+import { Search } from '@vicons/ionicons5';
+import { isObject, cloneDeep } from 'lodash-es';
+import { InjectionFilterApiConfig, InjectionFilterSearchConfig } from '../../table-filter/src/constants/index.js';
+import { WidgetTypeEnums } from '../../table-filter/src/types/enums.js';
+
+const _hoisted_1 = {
+  class: "base-search-block"
+};
+const _hoisted_2 = {
+  class: "base-container"
+};
+const _hoisted_3 = {
+  class: "bease-left"
+};
+const _hoisted_4 = {
+  class: "base-ul"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "baseli showQuickBtn"
+};
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("i", {
+  class: "iconfont-table-filter icon-table-filter-shaixuan",
+  style: {
+    "color": "inherit",
+    "margin-right": "6px"
+  }
+}, null, -1);
+const _hoisted_7 = {
+  key: 0,
+  class: "qqConObjCount"
+};
+const _hoisted_8 = {
+  class: "base-row"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "title"
+};
+const _hoisted_10 = {
+  class: "baseli"
+};
+const _hoisted_11 = {
+  key: 1,
+  class: "baseli"
+};
+const _hoisted_12 = {
+  key: 2,
+  class: "baseli"
+};
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("i", {
+  class: "iconfont-table-filter icon-table-filter-reset",
+  style: {
+    "margin-right": "6px"
+  }
+}, null, -1);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    showSettings: {
+      type: Object,
+      default: () => ({
+        hideQuickSearch: 0,
+        hideResetBtn: 0
+      })
+    },
+    searchFieldList: {
+      type: Array,
+      default: () => []
+    },
+    qqConObjCount: {
+      type: Number,
+      default: 0
+    },
+    filterApiConfig: {
+      type: Object
+    },
+    appendValueConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    isShowTitle: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    "foldQuickSearch",
+    "onFilterSearch",
+    "handleReset",
+    "getFilterParam",
+    "itemChange"
+  ],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const {
+      outQuickSearchFn
+    } = useMixins();
+    const {
+      isRender,
+      getRenderSearchConObj,
+      isExistDefValByRenderWidget,
+      resetRenderWidgetValue
+    } = useRenderWidget();
+    const {
+      transformData,
+      transformParams
+    } = useAdvanced();
+    const curConObj = ref([]);
+    const showResetFilterBtn = ref(false);
+    const outSearchFieldList = ref([]);
+    const filterChangeFnList = ref([]);
+    provide(InjectionFilterApiConfig, props.filterApiConfig);
+    provide(InjectionFilterSearchConfig, outSearchFieldList);
+    const showQuickSearch = computed(() => {
+      let showQuick = isShowSetting("hideQuickSearch");
+      return showQuick;
+    });
+    const showResetBtn = computed(() => {
+      let showReset = isShowSetting("hideResetBtn");
+      return showReset;
+    });
+    function handleName(item, key = "name") {
+      return item.alias || item[key];
+    }
+    function initOutSearchFieldList() {
+      outSearchFieldList.value = [];
+      let copyList = cloneDeep(transformData(props.searchFieldList, {
+        _filterApiConfig: props.filterApiConfig
+      }));
+      let mySearchFieldList = copyList.filter((item) => item.isShowSearch == 1 && item.filterExplicit == 1);
+      outSearchFieldList.value = mySearchFieldList;
+      outQuickSearchFn.handlerInitSearchItem(outSearchFieldList.value);
+      outSearchFieldList.value.some((v) => {
+        if (isRender(v)) {
+          return isExistDefValByRenderWidget(v);
+        }
+        return !!v.explicitDefaultVal;
+      });
+    }
+    function isShowSetting(v) {
+      return props.showSettings[v] == 0;
+    }
+    function foldQuickSearch() {
+      emit("foldQuickSearch", true);
+    }
+    function outFilterChange(config = {}) {
+      const conObj = getConObjParams() || [];
+      const transResult = transformParams(conObj);
+      onFilterSearch(conObj, transResult, true, config);
+    }
+    function handleItemChange(item) {
+      emit("itemChange", item);
+    }
+    function getConObjParams() {
+      return getConObj(outSearchFieldList.value);
+    }
+    function getConObj(arr) {
+      if (!Array.isArray(arr)) {
+        return [];
+      }
+      let conObj = [];
+      for (let i = 0; i < arr.length; i++) {
+        let item = arr[i];
+        const renderConObj = getRenderSearchConObj(item);
+        if (renderConObj) {
+          conObj.push(renderConObj);
+        }
+      }
+      let res = conObj.filter((item) => {
+        return item.value || Object.keys(item).includes("isAccurateSearch");
+      });
+      return res;
+    }
+    function onFilterSearch(obj, transResult, isOutFilter = false, config = {}) {
+      let copy = [];
+      if (outSearchFieldList.value.length > 0) {
+        copy = cloneDeep(outSearchFieldList.value);
+      }
+      emit("onFilterSearch", obj, transResult, isOutFilter, copy, config);
+    }
+    function handleReset() {
+      resetFunc(outSearchFieldList.value);
+      emit("handleReset", {
+        targetType: "outQuickSearchReset"
+      });
+    }
+    function resetFunc(arr) {
+      if (!Array.isArray(arr)) {
+        return;
+      }
+      arr.forEach((item) => {
+        resetRenderWidgetValue(item);
+      });
+      outQuickSearchFn.handlerInitSearchItem(arr);
+    }
+    function getFilterParams() {
+      const params = getConObjParams() || [];
+      const transResult = transformParams(params);
+      return transResult;
+    }
+    function setFilterParams(params) {
+      const keys = params ? Object.keys(params) : [];
+      if (keys.length > 0) {
+        outSearchFieldList.value.forEach((v) => {
+          var _a, _b;
+          if (isRender(v) && keys.includes(v.columnName)) {
+            const result = params[v.columnName];
+            v.value = Array.isArray(result) && ((_a = v.widgetCfg) == null ? void 0 : _a.multiple) === false && ((_b = v == null ? void 0 : v.widgetCfg) == null ? void 0 : _b.widgetType) != WidgetTypeEnums.SELECTDYNAMIC ? result[0] : result;
+          }
+        });
+      }
+    }
+    function getOriginalConfig() {
+      return props.searchFieldList;
+    }
+    function onFilterChange(fn) {
+      filterChangeFnList.value.push(fn);
+    }
+    watch(() => props.searchFieldList, (val) => {
+      if (val && val.length > 0) {
+        initOutSearchFieldList();
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.qqConObjCount, (val) => {
+      const conObjLength = curConObj.value.length || 0;
+      showResetFilterBtn.value = conObjLength + Number(val) > 0 && showResetBtn.value;
+    }, {
+      immediate: true
+    });
+    watch(() => outSearchFieldList, () => {
+      curConObj.value = getConObjParams() || [];
+      const transResult = transformParams(curConObj.value);
+      showResetFilterBtn.value = curConObj.value.length + Number(props.qqConObjCount) > 0 && showResetBtn.value;
+      emit("getFilterParam", curConObj.value, transResult);
+      filterChangeFnList.value.forEach((fn) => fn(transResult));
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.appendValueConfig, (config) => {
+      if (isObject(config) && Object.keys(config).length > 0) {
+        const configKeys = Object.keys(config);
+        outSearchFieldList.value.forEach((Field) => {
+          if (configKeys.includes(Field.columnName)) {
+            Field.value = config[Field.columnName];
+          }
+        });
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    expose({
+      handleReset,
+      getFilterParams,
+      setFilterParams,
+      getOriginalConfig,
+      onFilterChange
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("ul", _hoisted_4, [createCommentVNode("  \u7B5B\u9009\u5206\u7C7B\u63D2\u69FD  "), renderSlot(_ctx.$slots, "classification"), unref(showQuickSearch) ? (openBlock(), createElementBlock("li", _hoisted_5, [createVNode(unref(NButton), {
+        class: "search-default",
+        type: "default",
+        onClick: foldQuickSearch
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [_hoisted_6, createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.278")) || "\u7B5B\u9009"), __props.qqConObjCount ? (openBlock(), createElementBlock("span", _hoisted_7, "(" + toDisplayString(__props.qqConObjCount) + ")", 1)) : createCommentVNode("v-if", true)];
+        }),
+        _: 1
+      })])) : createCommentVNode("v-if", true), createCommentVNode(" start--\u7B5B\u9009\u5916\u663E--start "), (openBlock(true), createElementBlock(Fragment, null, renderList(outSearchFieldList.value, (item) => {
+        return openBlock(), createElementBlock(Fragment, null, [item.isRender ? (openBlock(), createElementBlock("li", {
+          class: "baseli outQuickSearch-li",
+          key: item._frontId
+        }, [createElementVNode("div", _hoisted_8, [__props.isShowTitle && handleName(item, "title") ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(handleName(item, "title")) + "\uFF1A", 1)) : createCommentVNode("v-if", true), createVNode(RenderWidget, {
+          cfg: item,
+          modelValue: item.value,
+          "onUpdate:modelValue": ($event) => item.value = $event,
+          isAccurate: item.isAccurateSearchVal,
+          "onUpdate:isAccurate": ($event) => item.isAccurateSearchVal = $event,
+          onOutFilterChange: outFilterChange,
+          onItemChange: handleItemChange
+        }, null, 8, ["cfg", "modelValue", "onUpdate:modelValue", "isAccurate", "onUpdate:isAccurate"])])])) : createCommentVNode("v-if", true)], 64);
+      }), 256)), createCommentVNode(" end--\u7B5B\u9009\u5916\u663E--end "), createElementVNode("div", _hoisted_10, [createCommentVNode("  \u4E1A\u52A1\u7EC4\u4EF6\u63D2\u69FD  "), renderSlot(_ctx.$slots, "modules")]), createCommentVNode(" \u67E5\u8BE2\u6309\u94AE "), outSearchFieldList.value && outSearchFieldList.value.length > 0 ? (openBlock(), createElementBlock("li", _hoisted_11, [createVNode(unref(NButton), {
+        type: "primary",
+        onClick: outFilterChange
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [createVNode(unref(NIcon), {
+            component: unref(Search),
+            size: "16",
+            style: {
+              "margin-right": "6px"
+            }
+          }, null, 8, ["component"]), createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.405")) || "\u67E5\u8BE2")];
+        }),
+        _: 1
+      })])) : createCommentVNode("v-if", true), createCommentVNode(" \u91CD\u7F6E\u6309\u94AE "), showResetFilterBtn.value ? (openBlock(), createElementBlock("li", _hoisted_12, [createVNode(unref(NButton), {
+        onClick: handleReset
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [_hoisted_13, createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.406")) || "\u91CD\u7F6E")];
+        }),
+        _: 1
+      })])) : createCommentVNode("v-if", true), createCommentVNode("  \u4E1A\u52A1\u6309\u94AE\u63D2\u69FD  "), renderSlot(_ctx.$slots, "buttons")])])])]);
+    };
+  }
+});
+
+export { _sfc_main as default };