vue-element-ui-x 0.2.2 → 1.0.2

package/lib/components/Sender/index.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 97);
+/******/ 	return __webpack_require__(__webpack_require__.s = 100);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -192,658 +192,1276 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports, __webpack_require__) {
+/***/ 100:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-// eslint-disable-next-line func-names
-module.exports = function (cssWithMappingToString) {
-  var list = []; // return the list of modules as css string
-
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = cssWithMappingToString(item);
-
-      if (item[2]) {
-        return "@media ".concat(item[2], " {").concat(content, "}");
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/main.vue?vue&type=template&id=1822655c&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "el-x-sender-wrap",
+    style: {
+      display: "block",
+      cursor: _vm.disabled ? "not-allowed" : "default",
+      "--el-x-sender-trigger-popover-width": _vm.triggerPopoverWidth,
+      "--el-x-sender-trigger-popover-left": _vm.triggerPopoverLeft
+    }
+  }, [_c("div", {
+    ref: "senderRef",
+    staticClass: "el-x-sender",
+    class: {
+      "el-x-sender-disabled": _vm.disabled
+    },
+    style: {
+      "--el-x-sender-box-shadow-tertiary": "0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02)",
+      "--el-x-sender-input-font-size": "14px",
+      "--el-x-sender-header-animation-duration": `${_vm.headerAnimationTimer}ms`
+    }
+  }, [_c("transition", {
+    attrs: {
+      name: "slide"
+    }
+  }, [_vm.visiableHeader ? _c("div", {
+    staticClass: "el-x-sender-header-wrap"
+  }, [_vm.$slots.header ? _c("div", {
+    staticClass: "el-x-sender-header"
+  }, [_vm._t("header")], 2) : _vm._e()]) : _vm._e()]), _vm._v(" "), _c("div", {
+    staticClass: "el-x-sender-content",
+    class: {
+      "content-variant-updown": _vm.variant === "updown"
+    },
+    on: {
+      mousedown: _vm.onContentMouseDown
+    }
+  }, [_vm.$slots.prefix && _vm.variant === "default" ? _c("div", {
+    staticClass: "el-x-sender-prefix"
+  }, [_vm._t("prefix")], 2) : _vm._e(), _vm._v(" "), _c("el-input", {
+    ref: "inputRef",
+    staticClass: "el-x-sender-input",
+    attrs: {
+      rows: 1,
+      autosize: _vm.computedAutoSize,
+      type: "textarea",
+      "validate-event": false,
+      placeholder: _vm.computedPlaceholder,
+      readonly: _vm.readOnly || _vm.disabled,
+      disabled: _vm.disabled
+    },
+    on: {
+      compositionstart: _vm.handleCompositionStart,
+      compositionend: _vm.handleCompositionEnd
+    },
+    nativeOn: {
+      keydown: function ($event) {
+        return _vm.handleKeyDown.apply(null, arguments);
       }
-
-      return content;
-    }).join("");
-  }; // import a list of modules into the list
-  // eslint-disable-next-line func-names
-
-
-  list.i = function (modules, mediaQuery, dedupe) {
-    if (typeof modules === "string") {
-      // eslint-disable-next-line no-param-reassign
-      modules = [[null, modules, ""]];
+    },
+    model: {
+      value: _vm.internalValue,
+      callback: function ($$v) {
+        _vm.internalValue = $$v;
+      },
+      expression: "internalValue"
     }
-
-    var alreadyImportedModules = {};
-
-    if (dedupe) {
-      for (var i = 0; i < this.length; i++) {
-        // eslint-disable-next-line prefer-destructuring
-        var id = this[i][0];
-
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
+  }), _vm._v(" "), _vm.variant === "default" ? _c("div", {
+    staticClass: "el-x-sender-action-list"
+  }, [_vm._t("action-list", function () {
+    return [_c("div", {
+      staticClass: "el-x-sender-action-list-presets"
+    }, [!_vm.loading ? _c("send-button", {
+      attrs: {
+        disabled: _vm.isSubmitDisabled
+      },
+      on: {
+        submit: _vm.submit
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.loading ? _c("loading-button", {
+      on: {
+        cancel: _vm.cancel
+      }
+    }) : _vm._e(), _vm._v(" "), !_vm.speechLoading && _vm.allowSpeech ? _c("speech-button", {
+      on: {
+        click: _vm.startRecognition
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.speechLoading && _vm.allowSpeech ? _c("speech-loading-button", {
+      on: {
+        click: _vm.stopRecognition
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.clearable ? _c("clear-button", {
+      on: {
+        clear: _vm.clear
+      }
+    }) : _vm._e()], 1)];
+  })], 2) : _vm._e(), _vm._v(" "), _vm.variant === "updown" && _vm.showUpdown ? _c("div", {
+    staticClass: "el-x-sender-updown-wrap"
+  }, [_vm.$slots.prefix ? _c("div", {
+    staticClass: "el-x-sender-prefix"
+  }, [_vm._t("prefix")], 2) : _vm._e(), _vm._v(" "), _c("div", {
+    staticClass: "el-x-sender-action-list"
+  }, [_vm._t("action-list", function () {
+    return [_c("div", {
+      staticClass: "el-x-sender-action-list-presets"
+    }, [!_vm.loading ? _c("send-button", {
+      attrs: {
+        disabled: _vm.isSubmitDisabled
+      },
+      on: {
+        submit: _vm.submit
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.loading ? _c("loading-button", {
+      on: {
+        cancel: _vm.cancel
+      }
+    }) : _vm._e(), _vm._v(" "), !_vm.speechLoading && _vm.allowSpeech ? _c("speech-button", {
+      on: {
+        click: _vm.startRecognition
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.speechLoading && _vm.allowSpeech ? _c("speech-loading-button", {
+      on: {
+        click: _vm.stopRecognition
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.clearable ? _c("clear-button", {
+      on: {
+        clear: _vm.clear
       }
+    }) : _vm._e()], 1)];
+  })], 2)]) : _vm._e()], 1), _vm._v(" "), _c("transition", {
+    attrs: {
+      name: "slide"
+    }
+  }, [_vm.$slots.footer ? _c("div", {
+    staticClass: "el-x-sender-footer"
+  }, [_vm._t("footer")], 2) : _vm._e()]), _vm._v(" "), _c("el-popover", {
+    ref: "popoverRef",
+    attrs: {
+      disabled: _vm.disabled,
+      "visible-arrow": false,
+      appendToBody: false,
+      placement: _vm.triggerPopoverPlacement,
+      offset: _vm.triggerPopoverOffset,
+      "popper-class": "el-x-sender-trigger-popover",
+      trigger: "manual"
+    },
+    on: {
+      show: _vm.onPopoverShow
+    },
+    model: {
+      value: _vm.popoverVisible,
+      callback: function ($$v) {
+        _vm.popoverVisible = $$v;
+      },
+      expression: "popoverVisible"
     }
+  }, [_c("template", {
+    slot: "default"
+  }, [_vm._t("trigger-popover", function () {
+    return [_vm._v("\n          当前触发的字符为：" + _vm._s(`${_vm.triggerString}`) + " 在这里定义的内容，但注意这里的回车事件将会被\n          输入框 覆盖\n        ")];
+  }, {
+    triggerString: _vm.triggerString,
+    readonly: _vm.readOnly
+  })], 2)], 2)], 1)]);
+};
+var staticRenderFns = [];
+render._withStripped = true;
 
-    for (var _i = 0; _i < modules.length; _i++) {
-      var item = [].concat(modules[_i]);
+// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=template&id=1822655c&scoped=true
 
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        // eslint-disable-next-line no-continue
-        continue;
-      }
+// EXTERNAL MODULE: ./src/locale/mixin.js
+var mixin = __webpack_require__(31);
 
-      if (mediaQuery) {
-        if (!item[2]) {
-          item[2] = mediaQuery;
-        } else {
-          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
-        }
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/ClearButton.vue?vue&type=template&id=74c70621&scoped=true
+var ClearButtonvue_type_template_id_74c70621_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "el-x-send-button"
+  }, [_c("el-button", {
+    attrs: {
+      circle: "",
+      size: "small"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.$emit("clear");
       }
-
-      list.push(item);
     }
-  };
-
-  return list;
+  }, [_c("i", {
+    staticClass: "el-icon-brush"
+  })])], 1);
 };
+var ClearButtonvue_type_template_id_74c70621_scoped_true_staticRenderFns = [];
+ClearButtonvue_type_template_id_74c70621_scoped_true_render._withStripped = true;
 
-/***/ }),
+// CONCATENATED MODULE: ./src/components/Sender/src/components/ClearButton.vue?vue&type=template&id=74c70621&scoped=true
 
-/***/ 3:
-/***/ (function(module, exports, __webpack_require__) {
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/ClearButton.vue?vue&type=script&lang=js
+/* harmony default export */ var ClearButtonvue_type_script_lang_js = ({
+  name: 'ClearButton'
+});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/ClearButton.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_ClearButtonvue_type_script_lang_js = (ClearButtonvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(3);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
 
-"use strict";
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/ClearButton.vue?vue&type=style&index=0&id=74c70621&prod&scoped=true&lang=scss
+var ClearButtonvue_type_style_index_0_id_74c70621_prod_scoped_true_lang_scss = __webpack_require__(92);
 
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/ClearButton.vue?vue&type=style&index=0&id=74c70621&prod&scoped=true&lang=scss
 
-var isOldIE = function isOldIE() {
-  var memo;
-  return function memorize() {
-    if (typeof memo === 'undefined') {
-      // Test for IE <= 9 as proposed by Browserhacks
-      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
-      // Tests for existence of standard globals is to allow style-loader
-      // to operate correctly into non-standard environments
-      // @see https://github.com/webpack-contrib/style-loader/issues/177
-      memo = Boolean(window && document && document.all && !window.atob);
-    }
+            
 
-    return memo;
-  };
-}();
+var options = {};
 
-var getTarget = function getTarget() {
-  var memo = {};
-  return function memorize(target) {
-    if (typeof memo[target] === 'undefined') {
-      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
+options.insert = "head";
+options.singleton = false;
 
-      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-        try {
-          // This will throw an exception if access to iframe is blocked
-          // due to cross-origin restrictions
-          styleTarget = styleTarget.contentDocument.head;
-        } catch (e) {
-          // istanbul ignore next
-          styleTarget = null;
-        }
-      }
+var update = injectStylesIntoStyleTag_default()(ClearButtonvue_type_style_index_0_id_74c70621_prod_scoped_true_lang_scss["a" /* default */], options);
 
-      memo[target] = styleTarget;
-    }
 
-    return memo[target];
-  };
-}();
 
-var stylesInDom = [];
+/* harmony default export */ var components_ClearButtonvue_type_style_index_0_id_74c70621_prod_scoped_true_lang_scss = (ClearButtonvue_type_style_index_0_id_74c70621_prod_scoped_true_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/ClearButton.vue?vue&type=style&index=0&id=74c70621&prod&scoped=true&lang=scss
 
-function getIndexByIdentifier(identifier) {
-  var result = -1;
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
 
-  for (var i = 0; i < stylesInDom.length; i++) {
-    if (stylesInDom[i].identifier === identifier) {
-      result = i;
-      break;
-    }
-  }
+// CONCATENATED MODULE: ./src/components/Sender/src/components/ClearButton.vue
 
-  return result;
-}
 
-function modulesToDom(list, options) {
-  var idCountMap = {};
-  var identifiers = [];
 
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var count = idCountMap[id] || 0;
-    var identifier = "".concat(id, " ").concat(count);
-    idCountMap[id] = count + 1;
-    var index = getIndexByIdentifier(identifier);
-    var obj = {
-      css: item[1],
-      media: item[2],
-      sourceMap: item[3]
-    };
 
-    if (index !== -1) {
-      stylesInDom[index].references++;
-      stylesInDom[index].updater(obj);
-    } else {
-      stylesInDom.push({
-        identifier: identifier,
-        updater: addStyle(obj, options),
-        references: 1
-      });
-    }
 
-    identifiers.push(identifier);
-  }
 
-  return identifiers;
-}
+/* normalize component */
 
-function insertStyleElement(options) {
-  var style = document.createElement('style');
-  var attributes = options.attributes || {};
+var component = Object(componentNormalizer["a" /* default */])(
+  components_ClearButtonvue_type_script_lang_js,
+  ClearButtonvue_type_template_id_74c70621_scoped_true_render,
+  ClearButtonvue_type_template_id_74c70621_scoped_true_staticRenderFns,
+  false,
+  null,
+  "74c70621",
+  null
+  
+)
 
-  if (typeof attributes.nonce === 'undefined') {
-    var nonce =  true ? __webpack_require__.nc : undefined;
+/* harmony default export */ var ClearButton = (component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/LoadingButton.vue?vue&type=template&id=46826223&scoped=true
+var LoadingButtonvue_type_template_id_46826223_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "el-x-send-button"
+  }, [_c("el-button", {
+    attrs: {
+      circle: "",
+      size: "small"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.$emit("cancel");
+      }
+    }
+  }, [_c("loading", {
+    staticClass: "loading-svg"
+  })], 1)], 1);
+};
+var LoadingButtonvue_type_template_id_46826223_scoped_true_staticRenderFns = [];
+LoadingButtonvue_type_template_id_46826223_scoped_true_render._withStripped = true;
 
-    if (nonce) {
-      attributes.nonce = nonce;
+// CONCATENATED MODULE: ./src/components/Sender/src/components/LoadingButton.vue?vue&type=template&id=46826223&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/Loading.vue?vue&type=template&id=1f0f8c14&scoped=true
+var Loadingvue_type_template_id_1f0f8c14_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      viewBox: "0 0 1000 1000",
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
     }
-  }
+  }, [_c("title", [_vm._v("Loading")]), _vm._v(" "), _c("rect", {
+    attrs: {
+      fill: "currentColor",
+      height: "250",
+      rx: "24",
+      ry: "24",
+      width: "250",
+      x: "375",
+      y: "375"
+    }
+  }), _vm._v(" "), _c("circle", {
+    attrs: {
+      cx: "500",
+      cy: "500",
+      fill: "none",
+      r: "450",
+      stroke: "currentColor",
+      "stroke-width": "100",
+      opacity: "0.45"
+    }
+  }), _vm._v(" "), _c("circle", {
+    attrs: {
+      cx: "500",
+      cy: "500",
+      fill: "none",
+      r: "450",
+      stroke: "currentColor",
+      "stroke-width": "100",
+      "stroke-dasharray": "600 9999999"
+    }
+  }, [_c("animateTransform", {
+    attrs: {
+      attributeName: "transform",
+      dur: "1s",
+      from: "0 500 500",
+      repeatCount: "indefinite",
+      to: "360 500 500",
+      type: "rotate"
+    }
+  })], 1)]);
+};
+var Loadingvue_type_template_id_1f0f8c14_scoped_true_staticRenderFns = [];
+Loadingvue_type_template_id_1f0f8c14_scoped_true_render._withStripped = true;
 
-  Object.keys(attributes).forEach(function (key) {
-    style.setAttribute(key, attributes[key]);
-  });
+// CONCATENATED MODULE: ./src/components/Sender/src/components/Loading.vue?vue&type=template&id=1f0f8c14&scoped=true
 
-  if (typeof options.insert === 'function') {
-    options.insert(style);
-  } else {
-    var target = getTarget(options.insert || 'head');
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/Loading.vue?vue&type=script&lang=js
+/* harmony default export */ var Loadingvue_type_script_lang_js = ({
+  name: 'Loading'
+});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/Loading.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_Loadingvue_type_script_lang_js = (Loadingvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/Sender/src/components/Loading.vue
 
-    if (!target) {
-      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
-    }
 
-    target.appendChild(style);
-  }
 
-  return style;
-}
 
-function removeStyleElement(style) {
-  // istanbul ignore if
-  if (style.parentNode === null) {
-    return false;
-  }
 
-  style.parentNode.removeChild(style);
-}
-/* istanbul ignore next  */
+/* normalize component */
 
+var Loading_component = Object(componentNormalizer["a" /* default */])(
+  components_Loadingvue_type_script_lang_js,
+  Loadingvue_type_template_id_1f0f8c14_scoped_true_render,
+  Loadingvue_type_template_id_1f0f8c14_scoped_true_staticRenderFns,
+  false,
+  null,
+  "1f0f8c14",
+  null
+  
+)
 
-var replaceText = function replaceText() {
-  var textStore = [];
-  return function replace(index, replacement) {
-    textStore[index] = replacement;
-    return textStore.filter(Boolean).join('\n');
-  };
-}();
+/* harmony default export */ var Loading = (Loading_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/LoadingButton.vue?vue&type=script&lang=js
 
-function applyToSingletonTag(style, index, remove, obj) {
-  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
+/* harmony default export */ var LoadingButtonvue_type_script_lang_js = ({
+  name: 'LoadingButton',
+  components: {
+    Loading: Loading
+  }
+});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/LoadingButton.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_LoadingButtonvue_type_script_lang_js = (LoadingButtonvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/LoadingButton.vue?vue&type=style&index=0&id=46826223&prod&scoped=true&lang=scss
+var LoadingButtonvue_type_style_index_0_id_46826223_prod_scoped_true_lang_scss = __webpack_require__(93);
 
-  /* istanbul ignore if  */
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/LoadingButton.vue?vue&type=style&index=0&id=46826223&prod&scoped=true&lang=scss
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = replaceText(index, css);
-  } else {
-    var cssNode = document.createTextNode(css);
-    var childNodes = style.childNodes;
+            
 
-    if (childNodes[index]) {
-      style.removeChild(childNodes[index]);
-    }
+var LoadingButtonvue_type_style_index_0_id_46826223_prod_scoped_true_lang_scss_options = {};
 
-    if (childNodes.length) {
-      style.insertBefore(cssNode, childNodes[index]);
-    } else {
-      style.appendChild(cssNode);
-    }
-  }
-}
+LoadingButtonvue_type_style_index_0_id_46826223_prod_scoped_true_lang_scss_options.insert = "head";
+LoadingButtonvue_type_style_index_0_id_46826223_prod_scoped_true_lang_scss_options.singleton = false;
 
-function applyToTag(style, options, obj) {
-  var css = obj.css;
-  var media = obj.media;
-  var sourceMap = obj.sourceMap;
+var LoadingButtonvue_type_style_index_0_id_46826223_prod_scoped_true_lang_scss_update = injectStylesIntoStyleTag_default()(LoadingButtonvue_type_style_index_0_id_46826223_prod_scoped_true_lang_scss["a" /* default */], LoadingButtonvue_type_style_index_0_id_46826223_prod_scoped_true_lang_scss_options);
 
-  if (media) {
-    style.setAttribute('media', media);
-  } else {
-    style.removeAttribute('media');
-  }
 
-  if (sourceMap && typeof btoa !== 'undefined') {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  } // For old IE
 
-  /* istanbul ignore if  */
+/* harmony default export */ var components_LoadingButtonvue_type_style_index_0_id_46826223_prod_scoped_true_lang_scss = (LoadingButtonvue_type_style_index_0_id_46826223_prod_scoped_true_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/LoadingButton.vue?vue&type=style&index=0&id=46826223&prod&scoped=true&lang=scss
 
+// CONCATENATED MODULE: ./src/components/Sender/src/components/LoadingButton.vue
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    while (style.firstChild) {
-      style.removeChild(style.firstChild);
-    }
 
-    style.appendChild(document.createTextNode(css));
-  }
-}
 
-var singleton = null;
-var singletonCounter = 0;
 
-function addStyle(obj, options) {
-  var style;
-  var update;
-  var remove;
 
-  if (options.singleton) {
-    var styleIndex = singletonCounter++;
-    style = singleton || (singleton = insertStyleElement(options));
-    update = applyToSingletonTag.bind(null, style, styleIndex, false);
-    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
-  } else {
-    style = insertStyleElement(options);
-    update = applyToTag.bind(null, style, options);
 
-    remove = function remove() {
-      removeStyleElement(style);
-    };
-  }
+/* normalize component */
 
-  update(obj);
-  return function updateStyle(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
-        return;
-      }
+var LoadingButton_component = Object(componentNormalizer["a" /* default */])(
+  components_LoadingButtonvue_type_script_lang_js,
+  LoadingButtonvue_type_template_id_46826223_scoped_true_render,
+  LoadingButtonvue_type_template_id_46826223_scoped_true_staticRenderFns,
+  false,
+  null,
+  "46826223",
+  null
+  
+)
 
-      update(obj = newObj);
-    } else {
-      remove();
+/* harmony default export */ var LoadingButton = (LoadingButton_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SendButton.vue?vue&type=template&id=671e6570&scoped=true
+var SendButtonvue_type_template_id_671e6570_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "el-x-send-button"
+  }, [_c("el-button", {
+    attrs: {
+      circle: "",
+      disabled: _vm.disabled,
+      size: "small"
+    },
+    on: {
+      click: function ($event) {
+        return _vm.$emit("submit");
+      }
     }
-  };
-}
+  }, [_c("i", {
+    staticClass: "el-icon-top"
+  })])], 1);
+};
+var SendButtonvue_type_template_id_671e6570_scoped_true_staticRenderFns = [];
+SendButtonvue_type_template_id_671e6570_scoped_true_render._withStripped = true;
 
-module.exports = function (list, options) {
-  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-  // tags it will allow on a page
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SendButton.vue?vue&type=template&id=671e6570&scoped=true
 
-  if (!options.singleton && typeof options.singleton !== 'boolean') {
-    options.singleton = isOldIE();
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SendButton.vue?vue&type=script&lang=js
+/* harmony default export */ var SendButtonvue_type_script_lang_js = ({
+  name: 'SendButton',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
   }
+});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SendButton.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_SendButtonvue_type_script_lang_js = (SendButtonvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SendButton.vue
 
-  list = list || [];
-  var lastIdentifiers = modulesToDom(list, options);
-  return function update(newList) {
-    newList = newList || [];
-
-    if (Object.prototype.toString.call(newList) !== '[object Array]') {
-      return;
-    }
 
-    for (var i = 0; i < lastIdentifiers.length; i++) {
-      var identifier = lastIdentifiers[i];
-      var index = getIndexByIdentifier(identifier);
-      stylesInDom[index].references--;
-    }
 
-    var newLastIdentifiers = modulesToDom(newList, options);
 
-    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
-      var _identifier = lastIdentifiers[_i];
 
-      var _index = getIndexByIdentifier(_identifier);
+/* normalize component */
 
-      if (stylesInDom[_index].references === 0) {
-        stylesInDom[_index].updater();
+var SendButton_component = Object(componentNormalizer["a" /* default */])(
+  components_SendButtonvue_type_script_lang_js,
+  SendButtonvue_type_template_id_671e6570_scoped_true_render,
+  SendButtonvue_type_template_id_671e6570_scoped_true_staticRenderFns,
+  false,
+  null,
+  "671e6570",
+  null
+  
+)
 
-        stylesInDom.splice(_index, 1);
-      }
+/* harmony default export */ var SendButton = (SendButton_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechButton.vue?vue&type=template&id=7e5519b2&scoped=true
+var SpeechButtonvue_type_template_id_7e5519b2_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "el-x-send-button"
+  }, [_c("el-button", {
+    attrs: {
+      circle: "",
+      size: "small"
+    },
+    on: {
+      click: _vm.onClick
     }
-
-    lastIdentifiers = newLastIdentifiers;
-  };
+  }, [_c("i", {
+    staticClass: "el-icon-microphone"
+  })])], 1);
 };
+var SpeechButtonvue_type_template_id_7e5519b2_scoped_true_staticRenderFns = [];
+SpeechButtonvue_type_template_id_7e5519b2_scoped_true_render._withStripped = true;
 
-/***/ }),
-
-/***/ 89:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-// Module
-___CSS_LOADER_EXPORT___.push([module.i, ".el-x-send-button .el-button .el-icon-brush[data-v-74c70621]{transform:rotate(180deg)}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 90:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-// Module
-___CSS_LOADER_EXPORT___.push([module.i, ".el-x-send-button[data-v-4d4a8cac]{height:32px}.el-x-send-button .el-button[data-v-4d4a8cac]{padding:0;width:32px;height:32px}.el-x-send-button .loading-svg[data-v-4d4a8cac]{color:#409eff;width:100%}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 91:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-// Module
-___CSS_LOADER_EXPORT___.push([module.i, ".el-x-send-button .el-button[data-v-1d4ab0c1]{padding:0;width:32px;height:32px}.el-x-send-button .loading-svg[data-v-1d4ab0c1]{color:#409eff;width:16px}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechButton.vue?vue&type=template&id=7e5519b2&scoped=true
 
-/***/ 92:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechButton.vue?vue&type=script&lang=js
+/* harmony default export */ var SpeechButtonvue_type_script_lang_js = ({
+  name: 'SpeechButton',
+  methods: {
+    onClick() {
+      this.$emit('click');
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechButton.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_SpeechButtonvue_type_script_lang_js = (SpeechButtonvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechButton.vue
 
-"use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
 
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-// Module
-___CSS_LOADER_EXPORT___.push([module.i, "[data-v-32628228]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}[data-v-32628228]:root{--el-x-sender-trigger-popover-width: fit-content;--el-x-sender-trigger-popover-left: 0px}.el-x-sender[data-v-32628228]{width:100%;display:flex;flex-direction:column;position:relative;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02);transition:background .3s;border-radius:calc(4px*2);border-color:#dcdfe6;border-width:0;border-style:solid;transition:width 300ms}.el-x-sender[data-v-32628228]:after{content:\"\";position:absolute;inset:0;pointer-events:none;transition:border-color .3s;border-radius:inherit;border-style:inherit;border-color:inherit;border-width:1px}.el-x-sender[data-v-32628228]:focus-within{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-color:#409eff}.el-x-sender[data-v-32628228]:focus-within::after{border-width:2px}.el-x-sender .el-x-sender-header-wrap[data-v-32628228]{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0}.el-x-sender .slide-enter-active[data-v-32628228],.el-x-sender .slide-leave-active[data-v-32628228]{transition:height 300ms,opacity 300ms,border 300ms;overflow:hidden}.el-x-sender .slide-enter[data-v-32628228],.el-x-sender .slide-leave-to[data-v-32628228]{height:0;opacity:0}.el-x-sender .el-x-sender-header[data-v-32628228]{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dcdfe6}.el-x-sender .el-x-sender-content[data-v-32628228]{display:flex;gap:8px;width:100%;padding-block:12px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;align-items:flex-end}.el-x-sender .el-x-sender-content .el-x-sender-prefix[data-v-32628228]{flex:none}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-32628228]{height:100%;display:flex;align-items:center;align-self:center}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-32628228] .el-textarea__inner{padding:0;margin:0;color:#303133;font-size:14px;line-height:24px;list-style:none;position:relative;display:inline-block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:auto !important;border-radius:0;border:none;flex:auto;align-self:center;vertical-align:bottom;resize:none;background-color:rgba(0,0,0,0);transition:all .3s,height 0s;box-shadow:none !important}.el-x-sender .el-x-sender-content .el-x-sender-action-list-presets[data-v-32628228]{display:flex;gap:8px;flex-direction:row-reverse}.el-x-sender .content-variant-updown[data-v-32628228]{display:flex;flex-direction:column;align-items:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap[data-v-32628228]{display:flex;justify-content:space-between;gap:8px}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-prefix[data-v-32628228]{flex:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-action-list[data-v-32628228]{margin-left:auto}.el-x-sender .el-x-sender-footer[data-v-32628228]{border-top-width:1px;border-top-style:solid;border-top-color:#dcdfe6}.el-x-sender-disabled[data-v-32628228]{background-color:#f5f7fa;pointer-events:none}.el-x-sender-trigger-popover[data-v-32628228]{width:fit-content !important;margin-left:0px !important;max-width:calc(100% - 54px) !important;width:var(--el-x-sender-trigger-popover-width) !important;margin-left:var(--el-x-sender-trigger-popover-left) !important}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
 
-/***/ 97:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/* normalize component */
 
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+var SpeechButton_component = Object(componentNormalizer["a" /* default */])(
+  components_SpeechButtonvue_type_script_lang_js,
+  SpeechButtonvue_type_template_id_7e5519b2_scoped_true_render,
+  SpeechButtonvue_type_template_id_7e5519b2_scoped_true_staticRenderFns,
+  false,
+  null,
+  "7e5519b2",
+  null
+  
+)
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/main.vue?vue&type=template&id=32628228&scoped=true
-var render = function render() {
+/* harmony default export */ var SpeechButton = (SpeechButton_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=template&id=26ea2934&scoped=true
+var SpeechLoadingButtonvue_type_template_id_26ea2934_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c("div", {
-    staticClass: "el-x-sender-wrap",
-    style: {
-      cursor: _vm.disabled ? "not-allowed" : "default",
-      "--el-x-sender-trigger-popover-width": _vm.triggerPopoverWidth,
-      "--el-x-sender-trigger-popover-left": _vm.triggerPopoverLeft
-    }
-  }, [_c("div", {
-    ref: "senderRef",
-    staticClass: "el-x-sender",
-    class: {
-      "el-x-sender-disabled": _vm.disabled
-    },
-    style: {
-      "--el-x-sender-box-shadow-tertiary": "0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02)",
-      "--el-x-sender-input-font-size": "14px",
-      "--el-x-sender-header-animation-duration": `${_vm.headerAnimationTimer}ms`
-    }
-  }, [_c("transition", {
-    attrs: {
-      name: "slide"
-    }
-  }, [_vm.visiableHeader ? _c("div", {
-    staticClass: "el-x-sender-header-wrap"
-  }, [_vm.$slots.header ? _c("div", {
-    staticClass: "el-x-sender-header"
-  }, [_vm._t("header")], 2) : _vm._e()]) : _vm._e()]), _vm._v(" "), _c("div", {
-    staticClass: "el-x-sender-content",
-    class: {
-      "content-variant-updown": _vm.variant === "updown"
+    staticClass: "el-x-send-button"
+  }, [_c("el-button", {
+    attrs: {
+      circle: "",
+      size: "small"
     },
     on: {
-      mousedown: _vm.onContentMouseDown
+      click: _vm.onClick
     }
-  }, [_vm.$slots.prefix && _vm.variant === "default" ? _c("div", {
-    staticClass: "el-x-sender-prefix"
-  }, [_vm._t("prefix")], 2) : _vm._e(), _vm._v(" "), _c("el-input", {
-    ref: "inputRef",
-    staticClass: "el-x-sender-input",
+  }, [_c("speech-loading", {
+    staticClass: "loading-svg"
+  })], 1)], 1);
+};
+var SpeechLoadingButtonvue_type_template_id_26ea2934_scoped_true_staticRenderFns = [];
+SpeechLoadingButtonvue_type_template_id_26ea2934_scoped_true_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=template&id=26ea2934&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoading.vue?vue&type=template&id=5cab3032&scoped=true
+var SpeechLoadingvue_type_template_id_5cab3032_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    class: _vm.className,
     attrs: {
-      rows: 1,
-      autosize: _vm.computedAutoSize,
-      type: "textarea",
-      "validate-event": false,
-      placeholder: _vm.placeholder,
-      readonly: _vm.readOnly || _vm.disabled,
-      disabled: _vm.disabled
-    },
-    on: {
-      compositionstart: _vm.handleCompositionStart,
-      compositionend: _vm.handleCompositionEnd
-    },
-    nativeOn: {
-      keydown: function ($event) {
-        return _vm.handleKeyDown.apply(null, arguments);
-      }
-    },
-    model: {
-      value: _vm.internalValue,
-      callback: function ($$v) {
-        _vm.internalValue = $$v;
-      },
-      expression: "internalValue"
+      color: "currentColor",
+      viewBox: `0 0 ${_vm.SIZE} ${_vm.SIZE}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
     }
-  }), _vm._v(" "), _vm.variant === "default" ? _c("div", {
-    staticClass: "el-x-sender-action-list"
-  }, [_vm._t("action-list", function () {
-    return [_c("div", {
-      staticClass: "el-x-sender-action-list-presets"
-    }, [!_vm.loading ? _c("send-button", {
+  }, [_c("title", [_vm._v("Speech Recording")]), _vm._v(" "), _vm._l(_vm.rects, function (item, index) {
+    return _c("rect", {
+      key: index,
       attrs: {
-        disabled: _vm.isSubmitDisabled
-      },
-      on: {
-        submit: _vm.submit
-      }
-    }) : _vm._e(), _vm._v(" "), _vm.loading ? _c("loading-button", {
-      on: {
-        cancel: _vm.cancel
-      }
-    }) : _vm._e(), _vm._v(" "), !_vm.speechLoading && _vm.allowSpeech ? _c("speech-button", {
-      on: {
-        click: _vm.startRecognition
-      }
-    }) : _vm._e(), _vm._v(" "), _vm.speechLoading && _vm.allowSpeech ? _c("speech-loading-button", {
-      on: {
-        click: _vm.stopRecognition
-      }
-    }) : _vm._e(), _vm._v(" "), _vm.clearable ? _c("clear-button", {
-      on: {
-        clear: _vm.clear
+        fill: "currentColor",
+        rx: _vm.RECT_RADIUS,
+        ry: _vm.RECT_RADIUS,
+        height: _vm.RECT_HEIGHT_MIN,
+        width: _vm.RECT_WIDTH,
+        x: item.x,
+        y: item.yMin
       }
-    }) : _vm._e()], 1)];
-  })], 2) : _vm._e(), _vm._v(" "), _vm.variant === "updown" && _vm.showUpdown ? _c("div", {
-    staticClass: "el-x-sender-updown-wrap"
-  }, [_vm.$slots.prefix ? _c("div", {
-    staticClass: "el-x-sender-prefix"
-  }, [_vm._t("prefix")], 2) : _vm._e(), _vm._v(" "), _c("div", {
-    staticClass: "el-x-sender-action-list"
-  }, [_vm._t("action-list", function () {
-    return [_c("div", {
-      staticClass: "el-x-sender-action-list-presets"
-    }, [!_vm.loading ? _c("send-button", {
+    }, [_c("animate", {
       attrs: {
-        disabled: _vm.isSubmitDisabled
-      },
-      on: {
-        submit: _vm.submit
-      }
-    }) : _vm._e(), _vm._v(" "), _vm.loading ? _c("loading-button", {
-      on: {
-        cancel: _vm.cancel
-      }
-    }) : _vm._e(), _vm._v(" "), !_vm.speechLoading && _vm.allowSpeech ? _c("speech-button", {
-      on: {
-        click: _vm.startRecognition
-      }
-    }) : _vm._e(), _vm._v(" "), _vm.speechLoading && _vm.allowSpeech ? _c("speech-loading-button", {
-      on: {
-        click: _vm.stopRecognition
+        attributeName: "height",
+        values: `${_vm.RECT_HEIGHT_MIN}; ${_vm.RECT_HEIGHT_MAX}; ${_vm.RECT_HEIGHT_MIN}`,
+        keyTimes: "0; 0.5; 1",
+        dur: `${_vm.DURATION}s`,
+        begin: `${_vm.DURATION / _vm.COUNT * index}s`,
+        repeatCount: "indefinite"
       }
-    }) : _vm._e(), _vm._v(" "), _vm.clearable ? _c("clear-button", {
-      on: {
-        clear: _vm.clear
+    }), _vm._v(" "), _c("animate", {
+      attrs: {
+        attributeName: "y",
+        values: `${item.yMin}; ${item.yMax}; ${item.yMin}`,
+        keyTimes: "0; 0.5; 1",
+        dur: `${_vm.DURATION}s`,
+        begin: `${_vm.DURATION / _vm.COUNT * index}s`,
+        repeatCount: "indefinite"
       }
-    }) : _vm._e()], 1)];
-  })], 2)]) : _vm._e()], 1), _vm._v(" "), _c("transition", {
-    attrs: {
-      name: "slide"
-    }
-  }, [_vm.$slots.footer ? _c("div", {
-    staticClass: "el-x-sender-footer"
-  }, [_vm._t("footer")], 2) : _vm._e()]), _vm._v(" "), _c("el-popover", {
-    ref: "popoverRef",
-    attrs: {
-      disabled: _vm.disabled,
-      "visible-arrow": false,
-      placement: _vm.triggerPopoverPlacement,
-      offset: _vm.triggerPopoverOffset,
-      "popper-class": "el-x-sender-trigger-popover",
-      trigger: "manual"
-    },
-    on: {
-      show: _vm.onPopoverShow
-    },
-    model: {
-      value: _vm.popoverVisible,
-      callback: function ($$v) {
-        _vm.popoverVisible = $$v;
-      },
-      expression: "popoverVisible"
-    }
-  }, [_c("template", {
-    slot: "default"
-  }, [_vm._t("trigger-popover", function () {
-    return [_vm._v("\n          当前触发的字符为：" + _vm._s(`${_vm.triggerString}`) + " 在这里定义的内容，但注意这里的回车事件将会被\n          输入框 覆盖\n        ")];
-  }, {
-    triggerString: _vm.triggerString,
-    readonly: _vm.readOnly
-  })], 2)], 2)], 1)]);
+    })]);
+  })], 2);
 };
-var staticRenderFns = [];
-render._withStripped = true;
+var SpeechLoadingvue_type_template_id_5cab3032_scoped_true_staticRenderFns = [];
+SpeechLoadingvue_type_template_id_5cab3032_scoped_true_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=template&id=32628228&scoped=true
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoading.vue?vue&type=template&id=5cab3032&scoped=true
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/ClearButton.vue?vue&type=template&id=74c70621&scoped=true
-var ClearButtonvue_type_template_id_74c70621_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("div", {
-    staticClass: "el-x-send-button"
-  }, [_c("el-button", {
-    attrs: {
-      circle: "",
-      size: "small"
-    },
-    on: {
-      click: function ($event) {
-        return _vm.$emit("clear");
-      }
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoading.vue?vue&type=script&lang=js
+/* harmony default export */ var SpeechLoadingvue_type_script_lang_js = ({
+  name: 'SpeechLoading',
+  props: {
+    className: {
+      type: String,
+      default: ''
     }
-  }, [_c("i", {
-    staticClass: "el-icon-brush"
-  })])], 1);
-};
-var ClearButtonvue_type_template_id_74c70621_scoped_true_staticRenderFns = [];
-ClearButtonvue_type_template_id_74c70621_scoped_true_render._withStripped = true;
+  },
+  data() {
+    return {
+      // 定义常量
+      SIZE: 1000,
+      COUNT: 4,
+      RECT_WIDTH: 140,
+      RECT_RADIUS: 70,
+      // RECT_WIDTH / 2
+      RECT_HEIGHT_MIN: 250,
+      RECT_HEIGHT_MAX: 500,
+      DURATION: 0.8
+    };
+  },
+  computed: {
+    // 计算矩形的位置和高度范围
+    rects() {
+      const dest = (this.SIZE - this.RECT_WIDTH * this.COUNT) / (this.COUNT - 1);
+      return Array.from({
+        length: this.COUNT
+      }).map((_, index) => {
+        const x = index * (dest + this.RECT_WIDTH);
+        const yMin = this.SIZE / 2 - this.RECT_HEIGHT_MIN / 2;
+        const yMax = this.SIZE / 2 - this.RECT_HEIGHT_MAX / 2;
+        return {
+          x,
+          yMin,
+          yMax
+        };
+      });
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoading.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_SpeechLoadingvue_type_script_lang_js = (SpeechLoadingvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoading.vue
 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/ClearButton.vue?vue&type=template&id=74c70621&scoped=true
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/ClearButton.vue?vue&type=script&lang=js
-/* harmony default export */ var ClearButtonvue_type_script_lang_js = ({
-  name: 'ClearButton'
+
+
+
+/* normalize component */
+
+var SpeechLoading_component = Object(componentNormalizer["a" /* default */])(
+  components_SpeechLoadingvue_type_script_lang_js,
+  SpeechLoadingvue_type_template_id_5cab3032_scoped_true_render,
+  SpeechLoadingvue_type_template_id_5cab3032_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5cab3032",
+  null
+  
+)
+
+/* harmony default export */ var SpeechLoading = (SpeechLoading_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=script&lang=js
+
+/* harmony default export */ var SpeechLoadingButtonvue_type_script_lang_js = ({
+  name: 'SpeechLoadingButton',
+  components: {
+    SpeechLoading: SpeechLoading
+  },
+  methods: {
+    onClick() {
+      this.$emit('click');
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_SpeechLoadingButtonvue_type_script_lang_js = (SpeechLoadingButtonvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=style&index=0&id=26ea2934&prod&scoped=true&lang=scss
+var SpeechLoadingButtonvue_type_style_index_0_id_26ea2934_prod_scoped_true_lang_scss = __webpack_require__(94);
+
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=style&index=0&id=26ea2934&prod&scoped=true&lang=scss
+
+            
+
+var SpeechLoadingButtonvue_type_style_index_0_id_26ea2934_prod_scoped_true_lang_scss_options = {};
+
+SpeechLoadingButtonvue_type_style_index_0_id_26ea2934_prod_scoped_true_lang_scss_options.insert = "head";
+SpeechLoadingButtonvue_type_style_index_0_id_26ea2934_prod_scoped_true_lang_scss_options.singleton = false;
+
+var SpeechLoadingButtonvue_type_style_index_0_id_26ea2934_prod_scoped_true_lang_scss_update = injectStylesIntoStyleTag_default()(SpeechLoadingButtonvue_type_style_index_0_id_26ea2934_prod_scoped_true_lang_scss["a" /* default */], SpeechLoadingButtonvue_type_style_index_0_id_26ea2934_prod_scoped_true_lang_scss_options);
+
+
+
+/* harmony default export */ var components_SpeechLoadingButtonvue_type_style_index_0_id_26ea2934_prod_scoped_true_lang_scss = (SpeechLoadingButtonvue_type_style_index_0_id_26ea2934_prod_scoped_true_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=style&index=0&id=26ea2934&prod&scoped=true&lang=scss
+
+// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoadingButton.vue
+
+
+
+
+
+
+/* normalize component */
+
+var SpeechLoadingButton_component = Object(componentNormalizer["a" /* default */])(
+  components_SpeechLoadingButtonvue_type_script_lang_js,
+  SpeechLoadingButtonvue_type_template_id_26ea2934_scoped_true_render,
+  SpeechLoadingButtonvue_type_template_id_26ea2934_scoped_true_staticRenderFns,
+  false,
+  null,
+  "26ea2934",
+  null
+  
+)
+
+/* harmony default export */ var SpeechLoadingButton = (SpeechLoadingButton_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/main.vue?vue&type=script&lang=js
+
+
+
+
+
+
+/* harmony default export */ var mainvue_type_script_lang_js = ({
+  name: 'ElXSender',
+  mixins: [mixin["a" /* default */]],
+  components: {
+    ClearButton: ClearButton,
+    LoadingButton: LoadingButton,
+    SendButton: SendButton,
+    SpeechButton: SpeechButton,
+    SpeechLoadingButton: SpeechLoadingButton
+  },
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    autoSize: {
+      type: Object,
+      default: () => ({
+        minRows: 1,
+        maxRows: 6
+      })
+    },
+    readOnly: Boolean,
+    disabled: Boolean,
+    loading: Boolean,
+    clearable: Boolean,
+    allowSpeech: Boolean,
+    submitType: {
+      type: String,
+      default: 'enter',
+      validator: value => ['enter', 'shiftEnter'].includes(value)
+    },
+    headerAnimationTimer: {
+      type: Number,
+      default: 300
+    },
+    inputWidth: {
+      type: String,
+      default: '100%'
+    },
+    // 变体属性
+    variant: {
+      type: String,
+      default: 'default',
+      validator: value => ['default', 'updown'].includes(value)
+    },
+    showUpdown: {
+      type: Boolean,
+      default: true
+    },
+    submitBtnDisabled: Boolean,
+    inputStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    // 新增 el-popover 样式透传
+    triggerStrings: {
+      type: Array,
+      default: () => []
+    },
+    triggerPopoverVisible: {
+      type: Boolean,
+      default: false
+    },
+    triggerPopoverWidth: {
+      type: String,
+      default: 'fit-content'
+    },
+    triggerPopoverLeft: {
+      type: String,
+      default: '0px'
+    },
+    triggerPopoverOffset: {
+      type: Number,
+      default: 0
+    },
+    triggerPopoverPlacement: {
+      type: String,
+      default: 'top-start',
+      validator: value => ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'].includes(value)
+    }
+  },
+  data() {
+    return {
+      senderRef: null,
+      inputRef: null,
+      popoverVisible: this.triggerPopoverVisible,
+      internalValue: this.value,
+      isComposing: false,
+      popoverRef: null,
+      triggerString: '',
+      visiableHeader: false,
+      recognition: null,
+      speechLoading: false,
+      triggerDebounce: false
+    };
+  },
+  computed: {
+    // 判断是否存在 recordingChange 监听器
+    hasOnRecordingChangeListener() {
+      return !!(this.$listeners && this.$listeners.recordingChange);
+    },
+    // 判断是否存在 trigger 监听器
+    hasOnTriggerListener() {
+      return !!(this.$listeners && this.$listeners.trigger);
+    },
+    // 计算提交按钮禁用状态
+    isSubmitDisabled() {
+      // 用户显式设置了 submitBtnDisabled 时优先使用
+      if (typeof this.submitBtnDisabled === 'boolean') {
+        return this.submitBtnDisabled;
+      }
+      // 否则保持默认逻辑：无内容时禁用
+      return !this.internalValue;
+    },
+    // 根据字体大小动态计算 autoSize
+    computedAutoSize() {
+      // 如果用户提供了autoSize，则优先使用
+      if (this.autoSize) return this.autoSize;
+
+      // 否则返回默认值
+      return {
+        minRows: 1,
+        maxRows: 6
+      };
+    },
+    // 计算 placeholder
+    computedPlaceholder() {
+      return this.placeholder || this.elXt('el_x.sender.placeholder');
+    }
+  },
+  watch: {
+    value(val) {
+      this.internalValue = val;
+    },
+    // 监听样式变化
+    inputStyle: {
+      handler() {
+        this.$nextTick(() => {
+          this.applyInputStyles();
+        });
+      },
+      deep: true
+    },
+    inputWidth() {
+      this.$nextTick(() => {
+        this.applyInputStyles();
+      });
+    },
+    // 监听外部传入的 triggerPopoverVisible 变化
+    triggerPopoverVisible(val) {
+      // 仅在值不同时更新，避免循环触发
+      if (this.popoverVisible !== val) {
+        this.popoverVisible = val;
+      }
+    },
+    // 监听内部 popoverVisible 变化，向外同步
+    popoverVisible(val) {
+      if (val !== this.triggerPopoverVisible) {
+        this.$emit('update:triggerPopoverVisible', val);
+      }
+
+      // 新增：当弹窗关闭时，设置短时间内的防抖状态
+      if (val === false) {
+        this.triggerDebounce = true;
+        setTimeout(() => {
+          this.triggerDebounce = false;
+        }, 300); // 300ms 防抖时间，防止频繁触发
+      }
+    },
+    internalValue(newVal, oldVal) {
+      this.$emit('input', newVal);
+
+      // 当内容变化时，修复高度问题
+
+      if (this.isComposing) return;
+      // 新增：如果处于防抖状态，则不进行触发检测
+      if (this.triggerDebounce) return;
+
+      // 触发逻辑：检测输入内容中是否出现了触发字符
+      const triggerStrings = this.triggerStrings || []; // 如果为 undefined，就使用空数组
+
+      // 新的检测逻辑：检查是否在当前光标位置前有触发字符
+      if (this.inputRef && triggerStrings.length > 0) {
+        const textArea = this.inputRef.$el.querySelector('textarea');
+        if (textArea) {
+          const cursorPosition = textArea.selectionStart;
+          // 检查光标前是否有新增的触发字符
+          if (cursorPosition > 0 && newVal.length > oldVal.length) {
+            const lastChar = newVal.charAt(cursorPosition - 1);
+            if (triggerStrings.includes(lastChar)) {
+              this.triggerString = lastChar;
+              if (this.hasOnTriggerListener) {
+                this.$emit('trigger', {
+                  oldValue: oldVal,
+                  newValue: newVal,
+                  triggerString: lastChar,
+                  isOpen: true,
+                  cursorPosition: cursorPosition
+                });
+              }
+              this.popoverVisible = true;
+              return;
+            }
+          }
+        }
+      }
+
+      // 原有的处理逻辑，用于向后兼容
+      const validOldVal = typeof oldVal === 'string' ? oldVal : '';
+      const wasOldValTrigger = triggerStrings.includes(validOldVal);
+      const isNewValTrigger = triggerStrings.includes(newVal);
+
+      // 触发显示：从空变为触发字符
+      if (oldVal === '' && isNewValTrigger) {
+        this.triggerString = newVal;
+        if (this.hasOnTriggerListener) {
+          this.$emit('trigger', {
+            oldValue: oldVal,
+            newValue: newVal,
+            triggerString: newVal,
+            isOpen: true
+          });
+        }
+        this.popoverVisible = true;
+      }
+      // 关闭：从触发字符变为非触发字符
+      else if (!isNewValTrigger && wasOldValTrigger) {
+        if (this.hasOnTriggerListener) {
+          this.$emit('trigger', {
+            oldValue: oldVal,
+            newValue: newVal,
+            triggerString: undefined,
+            isOpen: false
+          });
+        }
+        this.popoverVisible = false;
+      }
+      // 触发显示：从非空且非触发字符变为触发字符
+      else if (oldVal !== '' && isNewValTrigger && !wasOldValTrigger) {
+        this.triggerString = newVal;
+        if (this.hasOnTriggerListener) {
+          this.$emit('trigger', {
+            oldValue: oldVal,
+            newValue: newVal,
+            triggerString: newVal,
+            isOpen: true
+          });
+        }
+        this.popoverVisible = true;
+      }
+    }
+  },
+  methods: {
+    /* 直接应用输入框样式 */
+    applyInputStyles() {
+      if (!this.inputRef) return;
+      const textareaEl = this.inputRef.$el.querySelector('textarea');
+      if (!textareaEl) return;
+
+      // 设置默认基础样式
+      const defaultStyles = {
+        width: this.inputWidth || '100%',
+        height: '24px',
+        maxHeight: '176px',
+        boxSizing: 'border-box'
+      };
+
+      // 应用默认样式
+      Object.keys(defaultStyles).forEach(key => {
+        textareaEl.style[key] = defaultStyles[key];
+      });
+
+      // 如果用户传入了样式对象，则应用覆盖默认样式
+      if (this.inputStyle && typeof this.inputStyle === 'object') {
+        Object.keys(this.inputStyle).forEach(key => {
+          textareaEl.style[key] = this.inputStyle[key];
+        });
+
+        // 如果用户设置了字体大小，需要调整高度
+        if (this.inputStyle.fontSize) {
+          // 确保高度能完全容纳当前字体大小
+          const computedFontSize = window.getComputedStyle(textareaEl).fontSize;
+          const fontSize = parseInt(computedFontSize);
+          const minHeight = Math.max(fontSize * 1.5, 24) + 'px';
+          textareaEl.style.minHeight = minHeight;
+
+          // 重新触发 autosize
+          this.$nextTick(() => {
+            // 在某些情况下需要手动触发Element UI的autosize更新
+            const event = document.createEvent('Event');
+            event.initEvent('autosize:update', true, false);
+            textareaEl.dispatchEvent(event);
+          });
+        }
+      }
+    },
+    /* 手动更新 popover 位置 */
+    onPopoverShow() {
+      if (this.$refs.popoverRef) {
+        this.$nextTick(() => {
+          this.$refs.popoverRef.referenceElm = this.$refs.senderRef;
+          this.$refs.popoverRef.doDestroy();
+          this.$refs.popoverRef.updatePopper();
+        });
+      }
+    },
+    /* 内容容器聚焦 开始 */
+    onContentMouseDown(e) {
+      // 点击容器后设置输入框的聚焦，会触发 &:focus-within 样式
+      if (e.target !== this.$el.querySelector(`.el-textarea__inner`)) {
+        e.preventDefault();
+      }
+      this.inputRef.focus();
+    },
+    /* 内容容器聚焦 结束 */
+
+    /* 头部显示隐藏 开始 */
+    openHeader() {
+      if (!this.$slots.header) return false;
+      if (this.readOnly) return false;
+      this.visiableHeader = true;
+    },
+    closeHeader() {
+      if (!this.$slots.header) return;
+      if (this.readOnly) return;
+      this.visiableHeader = false;
+    },
+    /* 头部显示隐藏 结束 */
+
+    /* 使用浏览器自带的语音转文字功能 开始 */
+    startRecognition() {
+      if (this.readOnly || this.disabled) return; // 直接返回，不执行后续逻辑
+
+      if (this.hasOnRecordingChangeListener) {
+        this.speechLoading = true;
+        this.$emit('recording-change', true);
+        return;
+      }
+
+      // 检查浏览器支持的 SpeechRecognition API
+      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition || window.mozSpeechRecognition || window.msSpeechRecognition;
+      if (SpeechRecognition) {
+        try {
+          this.recognition = new SpeechRecognition();
+          this.recognition.continuous = true;
+          this.recognition.interimResults = true;
+          this.recognition.lang = 'zh-CN';
+          this.recognition.onresult = event => {
+            let results = '';
+            for (let i = 0; i <= event.resultIndex; i++) {
+              results += event.results[i][0].transcript;
+            }
+            if (!this.readOnly) {
+              this.internalValue = results;
+            }
+          };
+          this.recognition.onstart = () => {
+            this.speechLoading = true;
+            console.log('语音识别已启动');
+          };
+          this.recognition.onend = () => {
+            this.speechLoading = false;
+            console.log('语音识别已结束');
+          };
+          this.recognition.onerror = event => {
+            console.error('语音识别出错:', event.error);
+            this.speechLoading = false;
+            // 可以添加用户友好提示
+            if (event.error === 'not-allowed') {
+              console.error('用户拒绝了麦克风访问权限');
+              // 这里可以显示提示
+            }
+          };
+          this.recognition.start();
+        } catch (error) {
+          console.error('启动语音识别失败:', error);
+          this.speechLoading = false;
+        }
+      } else {
+        console.error('浏览器不支持 Web Speech API');
+        this.speechLoading = false;
+      }
+    },
+    stopRecognition() {
+      // 如果有自定义处理函数
+      if (this.hasOnRecordingChangeListener) {
+        this.speechLoading = false;
+        this.$emit('recordingChange', false);
+        return;
+      }
+      if (this.recognition) {
+        this.recognition.stop();
+        this.speechLoading = false;
+      }
+    },
+    /* 使用浏览器自带的语音转文字功能 结束 */
+
+    /* 输入框事件 开始 */
+    submit() {
+      if (this.readOnly || this.loading || this.disabled || this.isSubmitDisabled) return;
+      this.$emit('submit', this.internalValue);
+    },
+    // 取消按钮
+    cancel() {
+      if (this.readOnly) return;
+      this.$emit('cancel', this.internalValue);
+    },
+    clear() {
+      if (this.readOnly) return; // 直接返回，不执行后续逻辑
+      this.inputRef.clear();
+      this.internalValue = '';
+    },
+    // 在这判断组合键的回车键 (目前支持两种模式)
+    handleKeyDown(e) {
+      if (this.readOnly) return; // 直接返回，不执行后续逻辑
+
+      if (this.submitType === 'enter') {
+        // 判断是否按下了 Shift + 回车键
+        if (e.shiftKey && e.keyCode === 13) {
+          e.preventDefault();
+          const cursorPosition = e.target.selectionStart; // 获取光标位置
+          const textBeforeCursor = this.internalValue.slice(0, cursorPosition); // 光标前的文本
+          const textAfterCursor = this.internalValue.slice(cursorPosition); // 光标后的文本
+          this.internalValue = `${textBeforeCursor}\n${textAfterCursor}`; // 插入换行符
+          this.$nextTick(() => {
+            e.target.setSelectionRange(cursorPosition + 1, cursorPosition + 1); // 更新光标位置
+          });
+        } else if (e.keyCode === 13 && !e.shiftKey) {
+          // 阻止掉 Enter 的默认换行行为
+          e.preventDefault();
+          // 触发提交功能
+          this.submit();
+        }
+      } else if (this.submitType === 'shiftEnter') {
+        // 判断是否按下了 Shift + 回车键
+        if (e.shiftKey && e.keyCode === 13) {
+          // 阻止掉 Enter 的默认换行行为
+          e.preventDefault();
+          // 触发提交功能
+          this.submit();
+        } else if (e.keyCode === 13 && !e.shiftKey) {
+          e.preventDefault();
+          const cursorPosition = e.target.selectionStart; // 获取光标位置
+          const textBeforeCursor = this.internalValue.slice(0, cursorPosition); // 光标前的文本
+          const textAfterCursor = this.internalValue.slice(cursorPosition); // 光标后的文本
+          this.internalValue = `${textBeforeCursor}\n${textAfterCursor}`; // 插入换行符
+          this.$nextTick(() => {
+            e.target.setSelectionRange(cursorPosition + 1, cursorPosition + 1); // 更新光标位置
+          });
+        }
+      }
+    },
+    /* 输入框事件 结束 */
+
+    /* 焦点 事件 开始 */
+    blur() {
+      if (this.readOnly) return false;
+      this.inputRef.blur();
+    },
+    focus(type = 'all') {
+      if (this.readOnly) return false;
+      if (type === 'all') {
+        this.inputRef.select();
+      } else if (type === 'start') {
+        this.focusToStart();
+      } else if (type === 'end') {
+        this.focusToEnd();
+      }
+    },
+    // 聚焦到文本最前方
+    focusToStart() {
+      if (this.inputRef) {
+        // 获取底层的 textarea DOM 元素
+        const textarea = this.inputRef.$el.querySelector('textarea');
+        if (textarea) {
+          textarea.focus(); // 聚焦到输入框
+          textarea.setSelectionRange(0, 0); // 设置光标到最前方
+        }
+      }
+    },
+    // 聚焦到文本最后方
+    focusToEnd() {
+      if (this.inputRef) {
+        // 获取底层的 textarea DOM 元素
+        const textarea = this.inputRef.$el.querySelector('textarea');
+        if (textarea) {
+          textarea.focus(); // 聚焦到输入框
+          textarea.setSelectionRange(this.internalValue.length, this.internalValue.length); // 设置光标到最后方
+        }
+      }
+    },
+    /* 焦点 事件 结束 */
+
+    // 处理输入法开始/结束 (此方法是拼音输入法的时候用)
+    handleCompositionStart() {
+      this.isComposing = true;
+    },
+    handleCompositionEnd() {
+      this.isComposing = false;
+    }
+  },
+  mounted() {
+    // 应用样式
+    this.$nextTick(() => {
+      // 获取组件引用
+      this.senderRef = this.$refs.senderRef;
+      this.inputRef = this.$refs.inputRef;
+      this.popoverRef = this.$refs.popoverRef;
+      this.applyInputStyles();
+    });
+  },
+  updated() {
+    // 确保在组件更新后重新应用样式
+    this.applyInputStyles();
+  }
 });
-// CONCATENATED MODULE: ./src/components/Sender/src/components/ClearButton.vue?vue&type=script&lang=js
- /* harmony default export */ var components_ClearButtonvue_type_script_lang_js = (ClearButtonvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(3);
-var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/ClearButton.vue?vue&type=style&index=0&id=74c70621&prod&scoped=true&lang=scss
-var ClearButtonvue_type_style_index_0_id_74c70621_prod_scoped_true_lang_scss = __webpack_require__(89);
+// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/main.vue?vue&type=style&index=0&id=1822655c&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_1822655c_prod_lang_scss_scoped_true = __webpack_require__(95);
 
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/ClearButton.vue?vue&type=style&index=0&id=74c70621&prod&scoped=true&lang=scss
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/main.vue?vue&type=style&index=0&id=1822655c&prod&lang=scss&scoped=true
 
             
 
-var options = {};
-
-options.insert = "head";
-options.singleton = false;
+var mainvue_type_style_index_0_id_1822655c_prod_lang_scss_scoped_true_options = {};
 
-var update = injectStylesIntoStyleTag_default()(ClearButtonvue_type_style_index_0_id_74c70621_prod_scoped_true_lang_scss["a" /* default */], options);
+mainvue_type_style_index_0_id_1822655c_prod_lang_scss_scoped_true_options.insert = "head";
+mainvue_type_style_index_0_id_1822655c_prod_lang_scss_scoped_true_options.singleton = false;
 
+var mainvue_type_style_index_0_id_1822655c_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_1822655c_prod_lang_scss_scoped_true["a" /* default */], mainvue_type_style_index_0_id_1822655c_prod_lang_scss_scoped_true_options);
 
 
-/* harmony default export */ var components_ClearButtonvue_type_style_index_0_id_74c70621_prod_scoped_true_lang_scss = (ClearButtonvue_type_style_index_0_id_74c70621_prod_scoped_true_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Sender/src/components/ClearButton.vue?vue&type=style&index=0&id=74c70621&prod&scoped=true&lang=scss
 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
+/* harmony default export */ var src_mainvue_type_style_index_0_id_1822655c_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_1822655c_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=style&index=0&id=1822655c&prod&lang=scss&scoped=true
 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/ClearButton.vue
+// CONCATENATED MODULE: ./src/components/Sender/src/main.vue
 
 
 
@@ -852,1049 +1470,578 @@ var componentNormalizer = __webpack_require__(0);
 
 /* normalize component */
 
-var component = Object(componentNormalizer["a" /* default */])(
-  components_ClearButtonvue_type_script_lang_js,
-  ClearButtonvue_type_template_id_74c70621_scoped_true_render,
-  ClearButtonvue_type_template_id_74c70621_scoped_true_staticRenderFns,
+var main_component = Object(componentNormalizer["a" /* default */])(
+  src_mainvue_type_script_lang_js,
+  render,
+  staticRenderFns,
   false,
   null,
-  "74c70621",
+  "1822655c",
   null
   
 )
 
-/* harmony default export */ var ClearButton = (component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/LoadingButton.vue?vue&type=template&id=4d4a8cac&scoped=true
-var LoadingButtonvue_type_template_id_4d4a8cac_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("div", {
-    staticClass: "el-x-send-button"
-  }, [_c("el-button", {
-    attrs: {
-      circle: "",
-      size: "small"
-    },
-    on: {
-      click: function ($event) {
-        return _vm.$emit("cancel");
-      }
-    }
-  }, [_c("loading", {
-    staticClass: "loading-svg"
-  })], 1)], 1);
-};
-var LoadingButtonvue_type_template_id_4d4a8cac_scoped_true_staticRenderFns = [];
-LoadingButtonvue_type_template_id_4d4a8cac_scoped_true_render._withStripped = true;
+/* harmony default export */ var main = (main_component.exports);
+// CONCATENATED MODULE: ./src/components/Sender/index.js
 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/LoadingButton.vue?vue&type=template&id=4d4a8cac&scoped=true
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/Loading.vue?vue&type=template&id=1f0f8c14&scoped=true
-var Loadingvue_type_template_id_1f0f8c14_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("svg", {
-    attrs: {
-      viewBox: "0 0 1000 1000",
-      xmlns: "http://www.w3.org/2000/svg",
-      "xmlns:xlink": "http://www.w3.org/1999/xlink"
-    }
-  }, [_c("title", [_vm._v("Loading")]), _vm._v(" "), _c("rect", {
-    attrs: {
-      fill: "currentColor",
-      height: "250",
-      rx: "24",
-      ry: "24",
-      width: "250",
-      x: "375",
-      y: "375"
-    }
-  }), _vm._v(" "), _c("circle", {
-    attrs: {
-      cx: "500",
-      cy: "500",
-      fill: "none",
-      r: "450",
-      stroke: "currentColor",
-      "stroke-width": "100",
-      opacity: "0.45"
-    }
-  }), _vm._v(" "), _c("circle", {
-    attrs: {
-      cx: "500",
-      cy: "500",
-      fill: "none",
-      r: "450",
-      stroke: "currentColor",
-      "stroke-width": "100",
-      "stroke-dasharray": "600 9999999"
-    }
-  }, [_c("animateTransform", {
-    attrs: {
-      attributeName: "transform",
-      dur: "1s",
-      from: "0 500 500",
-      repeatCount: "indefinite",
-      to: "360 500 500",
-      type: "rotate"
-    }
-  })], 1)]);
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.component(main.name, main);
 };
-var Loadingvue_type_template_id_1f0f8c14_scoped_true_staticRenderFns = [];
-Loadingvue_type_template_id_1f0f8c14_scoped_true_render._withStripped = true;
-
-// CONCATENATED MODULE: ./src/components/Sender/src/components/Loading.vue?vue&type=template&id=1f0f8c14&scoped=true
-
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/Loading.vue?vue&type=script&lang=js
-/* harmony default export */ var Loadingvue_type_script_lang_js = ({
-  name: 'Loading'
-});
-// CONCATENATED MODULE: ./src/components/Sender/src/components/Loading.vue?vue&type=script&lang=js
- /* harmony default export */ var components_Loadingvue_type_script_lang_js = (Loadingvue_type_script_lang_js); 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/Loading.vue
-
-
-
-
-
-/* normalize component */
-
-var Loading_component = Object(componentNormalizer["a" /* default */])(
-  components_Loadingvue_type_script_lang_js,
-  Loadingvue_type_template_id_1f0f8c14_scoped_true_render,
-  Loadingvue_type_template_id_1f0f8c14_scoped_true_staticRenderFns,
-  false,
-  null,
-  "1f0f8c14",
-  null
-  
-)
-
-/* harmony default export */ var Loading = (Loading_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/LoadingButton.vue?vue&type=script&lang=js
-
-/* harmony default export */ var LoadingButtonvue_type_script_lang_js = ({
-  name: 'LoadingButton',
-  components: {
-    Loading: Loading
-  }
-});
-// CONCATENATED MODULE: ./src/components/Sender/src/components/LoadingButton.vue?vue&type=script&lang=js
- /* harmony default export */ var components_LoadingButtonvue_type_script_lang_js = (LoadingButtonvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/LoadingButton.vue?vue&type=style&index=0&id=4d4a8cac&prod&scoped=true&lang=scss
-var LoadingButtonvue_type_style_index_0_id_4d4a8cac_prod_scoped_true_lang_scss = __webpack_require__(90);
-
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/LoadingButton.vue?vue&type=style&index=0&id=4d4a8cac&prod&scoped=true&lang=scss
-
-            
-
-var LoadingButtonvue_type_style_index_0_id_4d4a8cac_prod_scoped_true_lang_scss_options = {};
-
-LoadingButtonvue_type_style_index_0_id_4d4a8cac_prod_scoped_true_lang_scss_options.insert = "head";
-LoadingButtonvue_type_style_index_0_id_4d4a8cac_prod_scoped_true_lang_scss_options.singleton = false;
-
-var LoadingButtonvue_type_style_index_0_id_4d4a8cac_prod_scoped_true_lang_scss_update = injectStylesIntoStyleTag_default()(LoadingButtonvue_type_style_index_0_id_4d4a8cac_prod_scoped_true_lang_scss["a" /* default */], LoadingButtonvue_type_style_index_0_id_4d4a8cac_prod_scoped_true_lang_scss_options);
-
-
-
-/* harmony default export */ var components_LoadingButtonvue_type_style_index_0_id_4d4a8cac_prod_scoped_true_lang_scss = (LoadingButtonvue_type_style_index_0_id_4d4a8cac_prod_scoped_true_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Sender/src/components/LoadingButton.vue?vue&type=style&index=0&id=4d4a8cac&prod&scoped=true&lang=scss
-
-// CONCATENATED MODULE: ./src/components/Sender/src/components/LoadingButton.vue
-
+/* harmony default export */ var Sender = __webpack_exports__["default"] = (main);
 
+/***/ }),
 
+/***/ 2:
+/***/ (function(module, exports, __webpack_require__) {
 
+"use strict";
 
 
-/* normalize component */
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
 
-var LoadingButton_component = Object(componentNormalizer["a" /* default */])(
-  components_LoadingButtonvue_type_script_lang_js,
-  LoadingButtonvue_type_template_id_4d4a8cac_scoped_true_render,
-  LoadingButtonvue_type_template_id_4d4a8cac_scoped_true_staticRenderFns,
-  false,
-  null,
-  "4d4a8cac",
-  null
-  
-)
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item);
 
-/* harmony default export */ var LoadingButton = (LoadingButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SendButton.vue?vue&type=template&id=671e6570&scoped=true
-var SendButtonvue_type_template_id_671e6570_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("div", {
-    staticClass: "el-x-send-button"
-  }, [_c("el-button", {
-    attrs: {
-      circle: "",
-      disabled: _vm.disabled,
-      size: "small"
-    },
-    on: {
-      click: function ($event) {
-        return _vm.$emit("submit");
+      if (item[2]) {
+        return "@media ".concat(item[2], " {").concat(content, "}");
       }
-    }
-  }, [_c("i", {
-    staticClass: "el-icon-top"
-  })])], 1);
-};
-var SendButtonvue_type_template_id_671e6570_scoped_true_staticRenderFns = [];
-SendButtonvue_type_template_id_671e6570_scoped_true_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SendButton.vue?vue&type=template&id=671e6570&scoped=true
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SendButton.vue?vue&type=script&lang=js
-/* harmony default export */ var SendButtonvue_type_script_lang_js = ({
-  name: 'SendButton',
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SendButton.vue?vue&type=script&lang=js
- /* harmony default export */ var components_SendButtonvue_type_script_lang_js = (SendButtonvue_type_script_lang_js); 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SendButton.vue
 
+  list.i = function (modules, mediaQuery, dedupe) {
+    if (typeof modules === "string") {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, ""]];
+    }
+
+    var alreadyImportedModules = {};
 
+    if (dedupe) {
+      for (var i = 0; i < this.length; i++) {
+        // eslint-disable-next-line prefer-destructuring
+        var id = this[i][0];
 
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
 
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = [].concat(modules[_i]);
 
-/* normalize component */
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
 
-var SendButton_component = Object(componentNormalizer["a" /* default */])(
-  components_SendButtonvue_type_script_lang_js,
-  SendButtonvue_type_template_id_671e6570_scoped_true_render,
-  SendButtonvue_type_template_id_671e6570_scoped_true_staticRenderFns,
-  false,
-  null,
-  "671e6570",
-  null
-  
-)
+      if (mediaQuery) {
+        if (!item[2]) {
+          item[2] = mediaQuery;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
 
-/* harmony default export */ var SendButton = (SendButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechButton.vue?vue&type=template&id=7e5519b2&scoped=true
-var SpeechButtonvue_type_template_id_7e5519b2_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("div", {
-    staticClass: "el-x-send-button"
-  }, [_c("el-button", {
-    attrs: {
-      circle: "",
-      size: "small"
-    },
-    on: {
-      click: _vm.onClick
+      list.push(item);
     }
-  }, [_c("i", {
-    staticClass: "el-icon-microphone"
-  })])], 1);
+  };
+
+  return list;
 };
-var SpeechButtonvue_type_template_id_7e5519b2_scoped_true_staticRenderFns = [];
-SpeechButtonvue_type_template_id_7e5519b2_scoped_true_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechButton.vue?vue&type=template&id=7e5519b2&scoped=true
+/***/ }),
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechButton.vue?vue&type=script&lang=js
-/* harmony default export */ var SpeechButtonvue_type_script_lang_js = ({
-  name: 'SpeechButton',
-  methods: {
-    onClick() {
-      this.$emit('click');
+/***/ 25:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _lang_zh_CN__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26);
+
+let lang = _lang_zh_CN__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"];
+let merged = false;
+let i18nHandler = function () {
+  // 检查是否存在 vue-i18n@5.x (Vue.locale)
+  if (typeof window !== 'undefined' && window.Vue && window.Vue.locale) {
+    const vuei18n = window.Vue.locale;
+    if (typeof vuei18n === 'function') {
+      if (!merged) {
+        merged = true;
+        window.Vue.locale(window.Vue.config.lang, deepMerge(lang, window.Vue.locale(window.Vue.config.lang) || {}, {
+          clone: true
+        }));
+      }
+      return vuei18n.apply(this, arguments);
     }
   }
-});
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechButton.vue?vue&type=script&lang=js
- /* harmony default export */ var components_SpeechButtonvue_type_script_lang_js = (SpeechButtonvue_type_script_lang_js); 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechButton.vue
-
-
-
 
+  // 检查是否存在 vue-i18n@6.x+ (this.$t)
+  if (this && this.$t && typeof this.$t === 'function') {
+    try {
+      return this.$t.apply(this, arguments);
+    } catch (e) {
+      // 如果出错，回退到内置翻译
+    }
+  }
+};
+const deepMerge = function (target, source, options) {
+  options = options || {};
+  const clone = options.clone !== false;
+  const mergedTarget = clone ? {
+    ...target
+  } : target;
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      const value = source[key];
+      if (value !== null && typeof value === 'object' && !Array.isArray(value)) {
+        mergedTarget[key] = deepMerge(mergedTarget[key] || {}, value, options);
+      } else {
+        mergedTarget[key] = value;
+      }
+    }
+  }
+  return mergedTarget;
+};
+const t = function (path, options) {
+  let value = i18nHandler.apply(this, arguments);
+  if (value !== null && value !== undefined) return value;
+  const array = path.split('.');
+  let current = lang;
+  for (let i = 0, j = array.length; i < j; i++) {
+    const property = array[i];
+    value = current[property];
+    if (i === j - 1) return format(value, options);
+    if (!value) return '';
+    current = value;
+  }
+  return '';
+};
+const format = function (template, ...args) {
+  if (typeof template === 'function') {
+    return template(...args);
+  }
+  if (typeof template !== 'string') {
+    return template;
+  }
+  const [options] = args;
+  if (!options) return template;
+  return template.replace(/\{(\w+)\}/g, (match, key) => {
+    return options[key] !== undefined ? options[key] : match;
+  });
+};
+const use = function (l) {
+  lang = l || lang;
+  merged = false;
+};
+const i18n = function (fn) {
+  i18nHandler = fn || i18nHandler;
+};
+/* harmony default export */ __webpack_exports__["a"] = ({
+  use,
+  t,
+  i18n
+});
 
-/* normalize component */
+/***/ }),
 
-var SpeechButton_component = Object(componentNormalizer["a" /* default */])(
-  components_SpeechButtonvue_type_script_lang_js,
-  SpeechButtonvue_type_template_id_7e5519b2_scoped_true_render,
-  SpeechButtonvue_type_template_id_7e5519b2_scoped_true_staticRenderFns,
-  false,
-  null,
-  "7e5519b2",
-  null
-  
-)
+/***/ 26:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-/* harmony default export */ var SpeechButton = (SpeechButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=template&id=1d4ab0c1&scoped=true
-var SpeechLoadingButtonvue_type_template_id_1d4ab0c1_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("div", {
-    staticClass: "el-x-send-button"
-  }, [_c("el-button", {
-    attrs: {
-      circle: "",
-      size: "small"
+"use strict";
+/* harmony default export */ __webpack_exports__["a"] = ({
+  el_x: {
+    thinking: {
+      start: '开始思考',
+      processing: '思考中...',
+      completed: '思考完成',
+      error: '思考遇到问题',
+      errorContent: '思考过程中出现错误'
     },
-    on: {
-      click: _vm.onClick
+    sender: {
+      placeholder: '请输入内容'
+    },
+    common: {
+      loading: '加载中...',
+      success: '成功',
+      error: '错误',
+      warning: '警告'
     }
-  }, [_c("speech-loading", {
-    staticClass: "loading-svg"
-  })], 1)], 1);
-};
-var SpeechLoadingButtonvue_type_template_id_1d4ab0c1_scoped_true_staticRenderFns = [];
-SpeechLoadingButtonvue_type_template_id_1d4ab0c1_scoped_true_render._withStripped = true;
+  }
+});
 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=template&id=1d4ab0c1&scoped=true
+/***/ }),
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoading.vue?vue&type=template&id=5cab3032&scoped=true
-var SpeechLoadingvue_type_template_id_5cab3032_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("svg", {
-    class: _vm.className,
-    attrs: {
-      color: "currentColor",
-      viewBox: `0 0 ${_vm.SIZE} ${_vm.SIZE}`,
-      xmlns: "http://www.w3.org/2000/svg",
-      "xmlns:xlink": "http://www.w3.org/1999/xlink"
-    }
-  }, [_c("title", [_vm._v("Speech Recording")]), _vm._v(" "), _vm._l(_vm.rects, function (item, index) {
-    return _c("rect", {
-      key: index,
-      attrs: {
-        fill: "currentColor",
-        rx: _vm.RECT_RADIUS,
-        ry: _vm.RECT_RADIUS,
-        height: _vm.RECT_HEIGHT_MIN,
-        width: _vm.RECT_WIDTH,
-        x: item.x,
-        y: item.yMin
-      }
-    }, [_c("animate", {
-      attrs: {
-        attributeName: "height",
-        values: `${_vm.RECT_HEIGHT_MIN}; ${_vm.RECT_HEIGHT_MAX}; ${_vm.RECT_HEIGHT_MIN}`,
-        keyTimes: "0; 0.5; 1",
-        dur: `${_vm.DURATION}s`,
-        begin: `${_vm.DURATION / _vm.COUNT * index}s`,
-        repeatCount: "indefinite"
-      }
-    }), _vm._v(" "), _c("animate", {
-      attrs: {
-        attributeName: "y",
-        values: `${item.yMin}; ${item.yMax}; ${item.yMin}`,
-        keyTimes: "0; 0.5; 1",
-        dur: `${_vm.DURATION}s`,
-        begin: `${_vm.DURATION / _vm.COUNT * index}s`,
-        repeatCount: "indefinite"
-      }
-    })]);
-  })], 2);
-};
-var SpeechLoadingvue_type_template_id_5cab3032_scoped_true_staticRenderFns = [];
-SpeechLoadingvue_type_template_id_5cab3032_scoped_true_render._withStripped = true;
+/***/ 3:
+/***/ (function(module, exports, __webpack_require__) {
 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoading.vue?vue&type=template&id=5cab3032&scoped=true
+"use strict";
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoading.vue?vue&type=script&lang=js
-/* harmony default export */ var SpeechLoadingvue_type_script_lang_js = ({
-  name: 'SpeechLoading',
-  props: {
-    className: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      // 定义常量
-      SIZE: 1000,
-      COUNT: 4,
-      RECT_WIDTH: 140,
-      RECT_RADIUS: 70,
-      // RECT_WIDTH / 2
-      RECT_HEIGHT_MIN: 250,
-      RECT_HEIGHT_MAX: 500,
-      DURATION: 0.8
-    };
-  },
-  computed: {
-    // 计算矩形的位置和高度范围
-    rects() {
-      const dest = (this.SIZE - this.RECT_WIDTH * this.COUNT) / (this.COUNT - 1);
-      return Array.from({
-        length: this.COUNT
-      }).map((_, index) => {
-        const x = index * (dest + this.RECT_WIDTH);
-        const yMin = this.SIZE / 2 - this.RECT_HEIGHT_MIN / 2;
-        const yMax = this.SIZE / 2 - this.RECT_HEIGHT_MAX / 2;
-        return {
-          x,
-          yMin,
-          yMax
-        };
-      });
+
+var isOldIE = function isOldIE() {
+  var memo;
+  return function memorize() {
+    if (typeof memo === 'undefined') {
+      // Test for IE <= 9 as proposed by Browserhacks
+      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+      // Tests for existence of standard globals is to allow style-loader
+      // to operate correctly into non-standard environments
+      // @see https://github.com/webpack-contrib/style-loader/issues/177
+      memo = Boolean(window && document && document.all && !window.atob);
     }
-  }
-});
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoading.vue?vue&type=script&lang=js
- /* harmony default export */ var components_SpeechLoadingvue_type_script_lang_js = (SpeechLoadingvue_type_script_lang_js); 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoading.vue
 
+    return memo;
+  };
+}();
 
+var getTarget = function getTarget() {
+  var memo = {};
+  return function memorize(target) {
+    if (typeof memo[target] === 'undefined') {
+      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
 
+      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+        try {
+          // This will throw an exception if access to iframe is blocked
+          // due to cross-origin restrictions
+          styleTarget = styleTarget.contentDocument.head;
+        } catch (e) {
+          // istanbul ignore next
+          styleTarget = null;
+        }
+      }
 
+      memo[target] = styleTarget;
+    }
 
-/* normalize component */
+    return memo[target];
+  };
+}();
 
-var SpeechLoading_component = Object(componentNormalizer["a" /* default */])(
-  components_SpeechLoadingvue_type_script_lang_js,
-  SpeechLoadingvue_type_template_id_5cab3032_scoped_true_render,
-  SpeechLoadingvue_type_template_id_5cab3032_scoped_true_staticRenderFns,
-  false,
-  null,
-  "5cab3032",
-  null
-  
-)
+var stylesInDom = [];
 
-/* harmony default export */ var SpeechLoading = (SpeechLoading_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=script&lang=js
+function getIndexByIdentifier(identifier) {
+  var result = -1;
 
-/* harmony default export */ var SpeechLoadingButtonvue_type_script_lang_js = ({
-  name: 'SpeechLoadingButton',
-  components: {
-    SpeechLoading: SpeechLoading
-  },
-  methods: {
-    onClick() {
-      this.$emit('click');
+  for (var i = 0; i < stylesInDom.length; i++) {
+    if (stylesInDom[i].identifier === identifier) {
+      result = i;
+      break;
     }
   }
-});
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=script&lang=js
- /* harmony default export */ var components_SpeechLoadingButtonvue_type_script_lang_js = (SpeechLoadingButtonvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=style&index=0&id=1d4ab0c1&prod&scoped=true&lang=scss
-var SpeechLoadingButtonvue_type_style_index_0_id_1d4ab0c1_prod_scoped_true_lang_scss = __webpack_require__(91);
 
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=style&index=0&id=1d4ab0c1&prod&scoped=true&lang=scss
+  return result;
+}
 
-            
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
 
-var SpeechLoadingButtonvue_type_style_index_0_id_1d4ab0c1_prod_scoped_true_lang_scss_options = {};
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var index = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3]
+    };
 
-SpeechLoadingButtonvue_type_style_index_0_id_1d4ab0c1_prod_scoped_true_lang_scss_options.insert = "head";
-SpeechLoadingButtonvue_type_style_index_0_id_1d4ab0c1_prod_scoped_true_lang_scss_options.singleton = false;
+    if (index !== -1) {
+      stylesInDom[index].references++;
+      stylesInDom[index].updater(obj);
+    } else {
+      stylesInDom.push({
+        identifier: identifier,
+        updater: addStyle(obj, options),
+        references: 1
+      });
+    }
 
-var SpeechLoadingButtonvue_type_style_index_0_id_1d4ab0c1_prod_scoped_true_lang_scss_update = injectStylesIntoStyleTag_default()(SpeechLoadingButtonvue_type_style_index_0_id_1d4ab0c1_prod_scoped_true_lang_scss["a" /* default */], SpeechLoadingButtonvue_type_style_index_0_id_1d4ab0c1_prod_scoped_true_lang_scss_options);
+    identifiers.push(identifier);
+  }
 
+  return identifiers;
+}
 
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+  var attributes = options.attributes || {};
 
-/* harmony default export */ var components_SpeechLoadingButtonvue_type_style_index_0_id_1d4ab0c1_prod_scoped_true_lang_scss = (SpeechLoadingButtonvue_type_style_index_0_id_1d4ab0c1_prod_scoped_true_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoadingButton.vue?vue&type=style&index=0&id=1d4ab0c1&prod&scoped=true&lang=scss
+  if (typeof attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : undefined;
 
-// CONCATENATED MODULE: ./src/components/Sender/src/components/SpeechLoadingButton.vue
+    if (nonce) {
+      attributes.nonce = nonce;
+    }
+  }
 
+  Object.keys(attributes).forEach(function (key) {
+    style.setAttribute(key, attributes[key]);
+  });
 
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
 
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
 
+    target.appendChild(style);
+  }
 
+  return style;
+}
 
-/* normalize component */
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
 
-var SpeechLoadingButton_component = Object(componentNormalizer["a" /* default */])(
-  components_SpeechLoadingButtonvue_type_script_lang_js,
-  SpeechLoadingButtonvue_type_template_id_1d4ab0c1_scoped_true_render,
-  SpeechLoadingButtonvue_type_template_id_1d4ab0c1_scoped_true_staticRenderFns,
-  false,
-  null,
-  "1d4ab0c1",
-  null
-  
-)
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
 
-/* harmony default export */ var SpeechLoadingButton = (SpeechLoadingButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/main.vue?vue&type=script&lang=js
 
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
 
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
 
+  /* istanbul ignore if  */
 
+  if (style.styleSheet) {
+    style.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = style.childNodes;
 
-/* harmony default export */ var mainvue_type_script_lang_js = ({
-  name: 'ElXSender',
-  components: {
-    ClearButton: ClearButton,
-    LoadingButton: LoadingButton,
-    SendButton: SendButton,
-    SpeechButton: SpeechButton,
-    SpeechLoadingButton: SpeechLoadingButton
-  },
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    placeholder: {
-      type: String,
-      default: '请输入内容'
-    },
-    autoSize: {
-      type: Object,
-      default: () => ({
-        minRows: 1,
-        maxRows: 6
-      })
-    },
-    readOnly: Boolean,
-    disabled: Boolean,
-    loading: Boolean,
-    clearable: Boolean,
-    allowSpeech: Boolean,
-    submitType: {
-      type: String,
-      default: 'enter',
-      validator: value => ['enter', 'shiftEnter'].includes(value)
-    },
-    headerAnimationTimer: {
-      type: Number,
-      default: 300
-    },
-    inputWidth: {
-      type: String,
-      default: '100%'
-    },
-    // 变体属性
-    variant: {
-      type: String,
-      default: 'default',
-      validator: value => ['default', 'updown'].includes(value)
-    },
-    showUpdown: {
-      type: Boolean,
-      default: true
-    },
-    submitBtnDisabled: Boolean,
-    inputStyle: {
-      type: Object,
-      default: () => ({})
-    },
-    // 新增 el-popover 样式透传
-    triggerStrings: {
-      type: Array,
-      default: () => []
-    },
-    triggerPopoverVisible: {
-      type: Boolean,
-      default: false
-    },
-    triggerPopoverWidth: {
-      type: String,
-      default: 'fit-content'
-    },
-    triggerPopoverLeft: {
-      type: String,
-      default: '0px'
-    },
-    triggerPopoverOffset: {
-      type: Number,
-      default: 0
-    },
-    triggerPopoverPlacement: {
-      type: String,
-      default: 'top-start',
-      validator: value => ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'].includes(value)
+    if (childNodes[index]) {
+      style.removeChild(childNodes[index]);
     }
-  },
-  data() {
-    return {
-      senderRef: null,
-      inputRef: null,
-      popoverVisible: this.triggerPopoverVisible,
-      internalValue: this.value,
-      isComposing: false,
-      popoverRef: null,
-      triggerString: '',
-      visiableHeader: false,
-      recognition: null,
-      speechLoading: false,
-      triggerDebounce: false
-    };
-  },
-  computed: {
-    // 判断是否存在 recordingChange 监听器
-    hasOnRecordingChangeListener() {
-      return !!(this.$listeners && this.$listeners.recordingChange);
-    },
-    // 判断是否存在 trigger 监听器
-    hasOnTriggerListener() {
-      return !!(this.$listeners && this.$listeners.trigger);
-    },
-    // 计算提交按钮禁用状态
-    isSubmitDisabled() {
-      // 用户显式设置了 submitBtnDisabled 时优先使用
-      if (typeof this.submitBtnDisabled === 'boolean') {
-        return this.submitBtnDisabled;
-      }
-      // 否则保持默认逻辑：无内容时禁用
-      return !this.internalValue;
-    },
-    // 根据字体大小动态计算 autoSize
-    computedAutoSize() {
-      // 如果用户提供了autoSize，则优先使用
-      if (this.autoSize) return this.autoSize;
 
-      // 否则返回默认值
-      return {
-        minRows: 1,
-        maxRows: 6
-      };
-    }
-  },
-  watch: {
-    value(val) {
-      this.internalValue = val;
-    },
-    // 监听样式变化
-    inputStyle: {
-      handler() {
-        this.$nextTick(() => {
-          this.applyInputStyles();
-        });
-      },
-      deep: true
-    },
-    inputWidth() {
-      this.$nextTick(() => {
-        this.applyInputStyles();
-      });
-    },
-    // 监听外部传入的 triggerPopoverVisible 变化
-    triggerPopoverVisible(val) {
-      // 仅在值不同时更新，避免循环触发
-      if (this.popoverVisible !== val) {
-        this.popoverVisible = val;
-      }
-    },
-    // 监听内部 popoverVisible 变化，向外同步
-    popoverVisible(val) {
-      if (val !== this.triggerPopoverVisible) {
-        this.$emit('update:triggerPopoverVisible', val);
-      }
+    if (childNodes.length) {
+      style.insertBefore(cssNode, childNodes[index]);
+    } else {
+      style.appendChild(cssNode);
+    }
+  }
+}
+
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
+
+  if (media) {
+    style.setAttribute('media', media);
+  } else {
+    style.removeAttribute('media');
+  }
+
+  if (sourceMap && typeof btoa !== 'undefined') {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
 
-      // 新增：当弹窗关闭时，设置短时间内的防抖状态
-      if (val === false) {
-        this.triggerDebounce = true;
-        setTimeout(() => {
-          this.triggerDebounce = false;
-        }, 300); // 300ms 防抖时间，防止频繁触发
-      }
-    },
-    internalValue(newVal, oldVal) {
-      this.$emit('input', newVal);
+  /* istanbul ignore if  */
 
-      // 当内容变化时，修复高度问题
 
-      if (this.isComposing) return;
-      // 新增：如果处于防抖状态，则不进行触发检测
-      if (this.triggerDebounce) return;
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
 
-      // 触发逻辑：检测输入内容中是否出现了触发字符
-      const triggerStrings = this.triggerStrings || []; // 如果为 undefined，就使用空数组
+    style.appendChild(document.createTextNode(css));
+  }
+}
 
-      // 新的检测逻辑：检查是否在当前光标位置前有触发字符
-      if (this.inputRef && triggerStrings.length > 0) {
-        const textArea = this.inputRef.$el.querySelector('textarea');
-        if (textArea) {
-          const cursorPosition = textArea.selectionStart;
-          // 检查光标前是否有新增的触发字符
-          if (cursorPosition > 0 && newVal.length > oldVal.length) {
-            const lastChar = newVal.charAt(cursorPosition - 1);
-            if (triggerStrings.includes(lastChar)) {
-              this.triggerString = lastChar;
-              if (this.hasOnTriggerListener) {
-                this.$emit('trigger', {
-                  oldValue: oldVal,
-                  newValue: newVal,
-                  triggerString: lastChar,
-                  isOpen: true,
-                  cursorPosition: cursorPosition
-                });
-              }
-              this.popoverVisible = true;
-              return;
-            }
-          }
-        }
-      }
+var singleton = null;
+var singletonCounter = 0;
 
-      // 原有的处理逻辑，用于向后兼容
-      const validOldVal = typeof oldVal === 'string' ? oldVal : '';
-      const wasOldValTrigger = triggerStrings.includes(validOldVal);
-      const isNewValTrigger = triggerStrings.includes(newVal);
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
 
-      // 触发显示：从空变为触发字符
-      if (oldVal === '' && isNewValTrigger) {
-        this.triggerString = newVal;
-        if (this.hasOnTriggerListener) {
-          this.$emit('trigger', {
-            oldValue: oldVal,
-            newValue: newVal,
-            triggerString: newVal,
-            isOpen: true
-          });
-        }
-        this.popoverVisible = true;
-      }
-      // 关闭：从触发字符变为非触发字符
-      else if (!isNewValTrigger && wasOldValTrigger) {
-        if (this.hasOnTriggerListener) {
-          this.$emit('trigger', {
-            oldValue: oldVal,
-            newValue: newVal,
-            triggerString: undefined,
-            isOpen: false
-          });
-        }
-        this.popoverVisible = false;
-      }
-      // 触发显示：从非空且非触发字符变为触发字符
-      else if (oldVal !== '' && isNewValTrigger && !wasOldValTrigger) {
-        this.triggerString = newVal;
-        if (this.hasOnTriggerListener) {
-          this.$emit('trigger', {
-            oldValue: oldVal,
-            newValue: newVal,
-            triggerString: newVal,
-            isOpen: true
-          });
-        }
-        this.popoverVisible = true;
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
+
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
+
+  update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
       }
+
+      update(obj = newObj);
+    } else {
+      remove();
     }
-  },
-  methods: {
-    /* 直接应用输入框样式 */
-    applyInputStyles() {
-      if (!this.inputRef) return;
-      const textareaEl = this.inputRef.$el.querySelector('textarea');
-      if (!textareaEl) return;
+  };
+}
 
-      // 设置默认基础样式
-      const defaultStyles = {
-        maxHeight: '176px',
-        maxWidth: this.inputWidth || '100%',
-        boxSizing: 'border-box'
-      };
+module.exports = function (list, options) {
+  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+  // tags it will allow on a page
 
-      // 应用默认样式
-      Object.keys(defaultStyles).forEach(key => {
-        textareaEl.style[key] = defaultStyles[key];
-      });
+  if (!options.singleton && typeof options.singleton !== 'boolean') {
+    options.singleton = isOldIE();
+  }
 
-      // 如果用户传入了样式对象，则应用覆盖默认样式
-      if (this.inputStyle && typeof this.inputStyle === 'object') {
-        Object.keys(this.inputStyle).forEach(key => {
-          textareaEl.style[key] = this.inputStyle[key];
-        });
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
 
-        // 如果用户设置了字体大小，需要调整高度
-        if (this.inputStyle.fontSize) {
-          // 确保高度能完全容纳当前字体大小
-          const computedFontSize = window.getComputedStyle(textareaEl).fontSize;
-          const fontSize = parseInt(computedFontSize);
-          const minHeight = Math.max(fontSize * 1.5, 24) + 'px';
-          textareaEl.style.minHeight = minHeight;
+    if (Object.prototype.toString.call(newList) !== '[object Array]') {
+      return;
+    }
 
-          // 重新触发 autosize
-          this.$nextTick(() => {
-            // 在某些情况下需要手动触发Element UI的autosize更新
-            const event = document.createEvent('Event');
-            event.initEvent('autosize:update', true, false);
-            textareaEl.dispatchEvent(event);
-          });
-        }
-      }
-    },
-    /* 手动更新 popover 位置 */
-    onPopoverShow() {
-      if (this.$refs.popoverRef) {
-        this.$nextTick(() => {
-          this.$refs.popoverRef.referenceElm = this.$refs.senderRef;
-          this.$refs.popoverRef.doDestroy();
-          this.$refs.popoverRef.updatePopper();
-        });
-      }
-    },
-    /* 内容容器聚焦 开始 */
-    onContentMouseDown(e) {
-      // 点击容器后设置输入框的聚焦，会触发 &:focus-within 样式
-      if (e.target !== this.$el.querySelector(`.el-textarea__inner`)) {
-        e.preventDefault();
-      }
-      this.inputRef.focus();
-    },
-    /* 内容容器聚焦 结束 */
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDom[index].references--;
+    }
 
-    /* 头部显示隐藏 开始 */
-    openHeader() {
-      if (!this.$slots.header) return false;
-      if (this.readOnly) return false;
-      this.visiableHeader = true;
-    },
-    closeHeader() {
-      if (!this.$slots.header) return;
-      if (this.readOnly) return;
-      this.visiableHeader = false;
-    },
-    /* 头部显示隐藏 结束 */
+    var newLastIdentifiers = modulesToDom(newList, options);
+
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
 
-    /* 使用浏览器自带的语音转文字功能 开始 */
-    startRecognition() {
-      if (this.readOnly || this.disabled) return; // 直接返回，不执行后续逻辑
+      var _index = getIndexByIdentifier(_identifier);
 
-      if (this.hasOnRecordingChangeListener) {
-        this.speechLoading = true;
-        this.$emit('recording-change', true);
-        return;
-      }
+      if (stylesInDom[_index].references === 0) {
+        stylesInDom[_index].updater();
 
-      // 检查浏览器支持的 SpeechRecognition API
-      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition || window.mozSpeechRecognition || window.msSpeechRecognition;
-      if (SpeechRecognition) {
-        try {
-          this.recognition = new SpeechRecognition();
-          this.recognition.continuous = true;
-          this.recognition.interimResults = true;
-          this.recognition.lang = 'zh-CN';
-          this.recognition.onresult = event => {
-            let results = '';
-            for (let i = 0; i <= event.resultIndex; i++) {
-              results += event.results[i][0].transcript;
-            }
-            if (!this.readOnly) {
-              this.internalValue = results;
-            }
-          };
-          this.recognition.onstart = () => {
-            this.speechLoading = true;
-            console.log('语音识别已启动');
-          };
-          this.recognition.onend = () => {
-            this.speechLoading = false;
-            console.log('语音识别已结束');
-          };
-          this.recognition.onerror = event => {
-            console.error('语音识别出错:', event.error);
-            this.speechLoading = false;
-            // 可以添加用户友好提示
-            if (event.error === 'not-allowed') {
-              console.error('用户拒绝了麦克风访问权限');
-              // 这里可以显示提示
-            }
-          };
-          this.recognition.start();
-        } catch (error) {
-          console.error('启动语音识别失败:', error);
-          this.speechLoading = false;
-        }
-      } else {
-        console.error('浏览器不支持 Web Speech API');
-        this.speechLoading = false;
-      }
-    },
-    stopRecognition() {
-      // 如果有自定义处理函数
-      if (this.hasOnRecordingChangeListener) {
-        this.speechLoading = false;
-        this.$emit('recordingChange', false);
-        return;
-      }
-      if (this.recognition) {
-        this.recognition.stop();
-        this.speechLoading = false;
+        stylesInDom.splice(_index, 1);
       }
-    },
-    /* 使用浏览器自带的语音转文字功能 结束 */
+    }
 
-    /* 输入框事件 开始 */
-    submit() {
-      if (this.readOnly || this.loading || this.disabled || this.isSubmitDisabled) return;
-      this.$emit('submit', this.internalValue);
-    },
-    // 取消按钮
-    cancel() {
-      if (this.readOnly) return;
-      this.$emit('cancel', this.internalValue);
-    },
-    clear() {
-      if (this.readOnly) return; // 直接返回，不执行后续逻辑
-      this.inputRef.clear();
-      this.internalValue = '';
-    },
-    // 在这判断组合键的回车键 (目前支持两种模式)
-    handleKeyDown(e) {
-      if (this.readOnly) return; // 直接返回，不执行后续逻辑
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
 
-      if (this.submitType === 'enter') {
-        // 判断是否按下了 Shift + 回车键
-        if (e.shiftKey && e.keyCode === 13) {
-          e.preventDefault();
-          const cursorPosition = e.target.selectionStart; // 获取光标位置
-          const textBeforeCursor = this.internalValue.slice(0, cursorPosition); // 光标前的文本
-          const textAfterCursor = this.internalValue.slice(cursorPosition); // 光标后的文本
-          this.internalValue = `${textBeforeCursor}\n${textAfterCursor}`; // 插入换行符
-          this.$nextTick(() => {
-            e.target.setSelectionRange(cursorPosition + 1, cursorPosition + 1); // 更新光标位置
-          });
-        } else if (e.keyCode === 13 && !e.shiftKey) {
-          // 阻止掉 Enter 的默认换行行为
-          e.preventDefault();
-          // 触发提交功能
-          this.submit();
-        }
-      } else if (this.submitType === 'shiftEnter') {
-        // 判断是否按下了 Shift + 回车键
-        if (e.shiftKey && e.keyCode === 13) {
-          // 阻止掉 Enter 的默认换行行为
-          e.preventDefault();
-          // 触发提交功能
-          this.submit();
-        } else if (e.keyCode === 13 && !e.shiftKey) {
-          e.preventDefault();
-          const cursorPosition = e.target.selectionStart; // 获取光标位置
-          const textBeforeCursor = this.internalValue.slice(0, cursorPosition); // 光标前的文本
-          const textAfterCursor = this.internalValue.slice(cursorPosition); // 光标后的文本
-          this.internalValue = `${textBeforeCursor}\n${textAfterCursor}`; // 插入换行符
-          this.$nextTick(() => {
-            e.target.setSelectionRange(cursorPosition + 1, cursorPosition + 1); // 更新光标位置
-          });
-        }
-      }
-    },
-    /* 输入框事件 结束 */
+/***/ }),
 
-    /* 焦点 事件 开始 */
-    blur() {
-      if (this.readOnly) return false;
-      this.inputRef.blur();
-    },
-    focus(type = 'all') {
-      if (this.readOnly) return false;
-      if (type === 'all') {
-        this.inputRef.select();
-      } else if (type === 'start') {
-        this.focusToStart();
-      } else if (type === 'end') {
-        this.focusToEnd();
-      }
-    },
-    // 聚焦到文本最前方
-    focusToStart() {
-      if (this.inputRef) {
-        // 获取底层的 textarea DOM 元素
-        const textarea = this.inputRef.$el.querySelector('textarea');
-        if (textarea) {
-          textarea.focus(); // 聚焦到输入框
-          textarea.setSelectionRange(0, 0); // 设置光标到最前方
-        }
-      }
-    },
-    // 聚焦到文本最后方
-    focusToEnd() {
-      if (this.inputRef) {
-        // 获取底层的 textarea DOM 元素
-        const textarea = this.inputRef.$el.querySelector('textarea');
-        if (textarea) {
-          textarea.focus(); // 聚焦到输入框
-          textarea.setSelectionRange(this.internalValue.length, this.internalValue.length); // 设置光标到最后方
-        }
-      }
-    },
-    /* 焦点 事件 结束 */
+/***/ 31:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-    // 处理输入法开始/结束 (此方法是拼音输入法的时候用)
-    handleCompositionStart() {
-      this.isComposing = true;
-    },
-    handleCompositionEnd() {
-      this.isComposing = false;
+"use strict";
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25);
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  methods: {
+    elXt(...args) {
+      return _index__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].t.apply(this, args);
     }
-  },
-  mounted() {
-    // 应用样式
-    this.$nextTick(() => {
-      // 获取组件引用
-      this.senderRef = this.$refs.senderRef;
-      this.inputRef = this.$refs.inputRef;
-      this.popoverRef = this.$refs.popoverRef;
-      this.applyInputStyles();
-    });
-  },
-  updated() {
-    // 确保在组件更新后重新应用样式
-    this.applyInputStyles();
   }
 });
-// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=script&lang=js
- /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/main.vue?vue&type=style&index=0&id=32628228&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true = __webpack_require__(92);
 
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Sender/src/main.vue?vue&type=style&index=0&id=32628228&prod&lang=scss&scoped=true
+/***/ }),
 
-            
+/***/ 92:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
 
-var mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_options = {};
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, ".el-x-send-button .el-button .el-icon-brush[data-v-74c70621]{transform:rotate(180deg)}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
-mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_options.insert = "head";
-mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_options.singleton = false;
 
-var mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true["a" /* default */], mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_options);
+/***/ }),
 
+/***/ 93:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=style&index=0&id=32628228&prod&lang=scss&scoped=true
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-46826223]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-send-button[data-v-46826223]{height:32px}.el-x-send-button .el-button[data-v-46826223]{padding:0;width:32px;height:32px}.el-x-send-button .loading-svg[data-v-46826223]{color:#409eff;width:100%}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
-// CONCATENATED MODULE: ./src/components/Sender/src/main.vue
 
+/***/ }),
 
+/***/ 94:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
 
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-26ea2934]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-send-button .el-button[data-v-26ea2934]{padding:0;width:32px;height:32px}.el-x-send-button .loading-svg[data-v-26ea2934]{color:#409eff;width:16px}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
 
-/* normalize component */
+/***/ }),
 
-var main_component = Object(componentNormalizer["a" /* default */])(
-  src_mainvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "32628228",
-  null
-  
-)
+/***/ 95:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-/* harmony default export */ var main = (main_component.exports);
-// CONCATENATED MODULE: ./src/components/Sender/index.js
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
 
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-1822655c]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-sender[data-v-1822655c]{width:100%;display:flex;flex-direction:column;position:relative;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02);transition:background .3s;border-radius:calc(4px * 2);border-color:#dcdfe6;border-width:0;border-style:solid;transition:width var(--el-x-sender-header-animation-duration)}.el-x-sender[data-v-1822655c]:after{content:\"\";position:absolute;inset:0;pointer-events:none;transition:border-color .3s;border-radius:inherit;border-style:inherit;border-color:inherit;border-width:1px}.el-x-sender[data-v-1822655c]:focus-within{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-color:#409eff}.el-x-sender[data-v-1822655c]:focus-within::after{border-width:2px}.el-x-sender .el-x-sender-header-wrap[data-v-1822655c]{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0}.el-x-sender .slide-enter-active[data-v-1822655c],.el-x-sender .slide-leave-active[data-v-1822655c]{height:calc-size(max-content, size);opacity:1;transition:height var(--el-x-sender-header-animation-duration),opacity var(--el-x-sender-header-animation-duration),border var(--el-x-sender-header-animation-duration);overflow:hidden}.el-x-sender .slide-enter[data-v-1822655c],.el-x-sender .slide-leave-to[data-v-1822655c]{height:0;opacity:0 !important}.el-x-sender .slide-enter-to[data-v-1822655c],.el-x-sender .slide-leave[data-v-1822655c]{height:calc-size(max-content, size);opacity:1}.el-x-sender .slide-enter-active .el-x-sender-header-wrap[data-v-1822655c],.el-x-sender .slide-leave-active .el-x-sender-header-wrap[data-v-1822655c]{min-height:0;overflow:hidden}.el-x-sender .el-x-sender-header[data-v-1822655c]{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dcdfe6}.el-x-sender .el-x-sender-content[data-v-1822655c]{display:flex;gap:8px;width:100%;padding-block:12px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;align-items:flex-end}.el-x-sender .el-x-sender-content .el-x-sender-prefix[data-v-1822655c]{flex:none}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-1822655c]{height:100%;display:flex;align-items:center;align-self:center}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-1822655c] .el-textarea__inner{padding:0;margin:0;color:#303133;font-size:14px;line-height:24px;list-style:none;position:relative;display:inline-block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:auto !important;border-radius:0;border:none;flex:auto;align-self:center;vertical-align:bottom;resize:none;background-color:transparent;transition:all .3s,height 0s;box-shadow:none !important}.el-x-sender .el-x-sender-content .el-x-sender-action-list-presets[data-v-1822655c]{display:flex;gap:8px;flex-direction:row-reverse}.el-x-sender .content-variant-updown[data-v-1822655c]{display:flex;flex-direction:column;align-items:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap[data-v-1822655c]{display:flex;justify-content:space-between;gap:8px}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-prefix[data-v-1822655c]{flex:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-action-list[data-v-1822655c]{margin-left:auto}.el-x-sender .el-x-sender-footer[data-v-1822655c]{border-top-width:1px;border-top-style:solid;border-top-color:#dcdfe6}.el-x-sender-disabled[data-v-1822655c]{background-color:#f5f7fa;pointer-events:none}[data-v-1822655c] .el-x-sender-trigger-popover{max-width:calc(100% - 54px) !important;width:var(--el-x-sender-trigger-popover-width) !important;margin-left:var(--el-x-sender-trigger-popover-left) !important}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
-/* istanbul ignore next */
-main.install = function (Vue) {
-  Vue.component(main.name, main);
-};
-/* harmony default export */ var Sender = __webpack_exports__["default"] = (main);
 
 /***/ })