cnhis-design-vue 3.3.1-beta.6 → 3.3.1-beta.60

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.d.ts

@@ -4,12 +4,10 @@ export declare class RecordingModal {
     rendered: boolean;
     target: HTMLElement | null;
     modalType: string;
-    show({ instance, modalType, onClose, createMedicalRecord, toEdit, props }: {
+    show({ instance, modalType, onClose, props }: {
         instance?: ComponentInternalInstance;
         onClose: () => void;
         modalType?: string;
-        createMedicalRecord?: (data: AnyObject) => void;
-        toEdit?: () => void;
         props: AnyObject;
     }): void;
     hide(): void;

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

@@ -1 +1,57 @@
-import{ref as e,render as t,createVNode as n,withCtx as o,nextTick as r,mergeProps as i}from"vue";import{createProviderWrapper as s}from"../../../../shared/utils/index.js";import l from"../components/recording.vue.js";import d from"../components/form.vue.js";class a{constructor(){this.rendered=!1,this.target=null,this.modalType="recording"}show({instance:a,modalType:u,onClose:c,createMedicalRecord:h,toEdit:m,props:p}){if(this.modalType=u||"recording",this.rendered)return;this.rendered=!0;const v=document.createElement("div"),f=e(!1),g=s(a),w=this;function y(){const e={to:v,onClose:c,onAfterLeave:c};return"recording"===w.modalType?n(l,i({show:f.value,"onUpdate:show":e=>f.value=e,onEdit:C},e,{content:p.contentRef.value,showBtn:p.showBtn}),null):n(d,i({show:f.value,"onUpdate:show":e=>f.value=e,onFinish:T},e,{data:p.data,configs:p.configs}),null)}var E;function C(){null==m||m()}function T(e){null==h||h(e)}t(n(g,null,{default:o((()=>y()),a)}),v),E=v,document.body.appendChild(E),w.target=E,r((()=>f.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{a 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:20px 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 .btns{display:flex;margin-top:10px}.c-recording-wrapper .btns .n-button:first-child{margin-right:30px}.n-dialog.n-modal.c-audio-form{padding:16px;width:auto}.n-dialog.n-modal.c-audio-form .n-form{min-width:500px;padding:0 5px}
+.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 };