@vunk/plus 1.2.0 → 1.2.2

package/components/SendOutlined.mjs

@@ -927,9 +927,9 @@ function updateCSS(css, key) {
   return newNode;
 }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$7(target, key, source[key]); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$8(target, key, source[key]); }); } return target; }
 
-function _defineProperty$7(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$8(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function warn(valid, message) {
   // Support uglify
   if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
@@ -946,14 +946,14 @@ function isIconDefinition(target) {
 }
 function generate(node, key, rootProps) {
   if (!rootProps) {
-    return h(node.tag, _objectSpread$7({
+    return h(node.tag, _objectSpread$8({
       key: key
     }, node.attrs), (node.children || []).map(function (child, index) {
       return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
     }));
   }
 
-  return h(node.tag, _objectSpread$7({
+  return h(node.tag, _objectSpread$8({
     key: key
   }, rootProps, node.attrs), (node.children || []).map(function (child, index) {
     return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
@@ -1029,9 +1029,9 @@ function _objectWithoutProperties$1(source, excluded) { if (source == null) retu
 
 function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$7(target, key, source[key]); }); } return target; }
 
-function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$7(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var twoToneColorPalette = reactive({
   primaryColor: '#333',
   secondaryColor: '#E6E6E6',
@@ -1047,11 +1047,11 @@ function setTwoToneColors(_ref) {
 }
 
 function getTwoToneColors() {
-  return _objectSpread$6({}, twoToneColorPalette);
+  return _objectSpread$7({}, twoToneColorPalette);
 }
 
 var IconBase = function IconBase(props, context) {
-  var _props$context$attrs = _objectSpread$6({}, props, context.attrs),
+  var _props$context$attrs = _objectSpread$7({}, props, context.attrs),
       icon = _props$context$attrs.icon,
       primaryColor = _props$context$attrs.primaryColor,
       secondaryColor = _props$context$attrs.secondaryColor,
@@ -1075,12 +1075,12 @@ var IconBase = function IconBase(props, context) {
   var target = icon;
 
   if (target && typeof target.icon === 'function') {
-    target = _objectSpread$6({}, target, {
+    target = _objectSpread$7({}, target, {
       icon: target.icon(colors.primaryColor, colors.secondaryColor)
     });
   }
 
-  return generate(target.icon, "svg-".concat(target.name), _objectSpread$6({}, restProps, {
+  return generate(target.icon, "svg-".concat(target.name), _objectSpread$7({}, restProps, {
     'data-icon': target.name,
     width: '1em',
     height: '1em',
@@ -1156,9 +1156,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$5(target, key, source[key]); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } return target; }
 
-function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -1169,7 +1169,7 @@ setTwoToneColor(blue.primary);
 var Icon = function Icon(props, context) {
   var _classObj;
 
-  var _props$context$attrs = _objectSpread$5({}, props, context.attrs),
+  var _props$context$attrs = _objectSpread$6({}, props, context.attrs),
       cls = _props$context$attrs["class"],
       icon = _props$context$attrs.icon,
       spin = _props$context$attrs.spin,
@@ -1183,7 +1183,7 @@ var Icon = function Icon(props, context) {
       prefixCls = _useInjectIconContext.prefixCls,
       rootClassName = _useInjectIconContext.rootClassName;
 
-  var classObj = (_classObj = {}, _defineProperty$5(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty$5(_classObj, prefixCls.value, true), _defineProperty$5(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty$5(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === 'loading'), _classObj);
+  var classObj = (_classObj = {}, _defineProperty$6(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty$6(_classObj, prefixCls.value, true), _defineProperty$6(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty$6(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === 'loading'), _classObj);
   var iconTabIndex = tabindex;
 
   if (iconTabIndex === undefined && onClick) {
@@ -1200,7 +1200,7 @@ var Icon = function Icon(props, context) {
       primaryColor = _normalizeTwoToneColo2[0],
       secondaryColor = _normalizeTwoToneColo2[1];
 
-  return createVNode("span", _objectSpread$5({
+  return createVNode("span", _objectSpread$6({
     "role": "img",
     "aria-label": icon.name
   }, restProps, {
@@ -1229,14 +1229,14 @@ Icon.setTwoToneColor = setTwoToneColor;
 // This icon file is generated automatically.
 var AudioMutedOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M682 455V311l-76 76v68c-.1 50.7-42 92.1-94 92a95.8 95.8 0 01-52-15l-54 55c29.1 22.4 65.9 36 106 36 93.8 0 170-75.1 170-168z" } }, { "tag": "path", "attrs": { "d": "M833 446h-60c-4.4 0-8 3.6-8 8 0 140.3-113.7 254-254 254-63 0-120.7-23-165-61l-54 54a334.01 334.01 0 00179 81v102H326c-13.9 0-24.9 14.3-25 32v36c.1 4.4 2.9 8 6 8h408c3.2 0 6-3.6 6-8v-36c0-17.7-11-32-25-32H547V782c165.3-17.9 294-157.9 294-328 0-4.4-3.6-8-8-8zm13.1-377.7l-43.5-41.9a8 8 0 00-11.2.1l-129 129C634.3 101.2 577 64 511 64c-93.9 0-170 75.3-170 168v224c0 6.7.4 13.3 1.2 19.8l-68 68A252.33 252.33 0 01258 454c-.2-4.4-3.8-8-8-8h-60c-4.4 0-8 3.6-8 8 0 53 12.5 103 34.6 147.4l-137 137a8.03 8.03 0 000 11.3l42.7 42.7c3.1 3.1 8.2 3.1 11.3 0L846.2 79.8l.1-.1c3.1-3.2 3-8.3-.2-11.4zM417 401V232c0-50.6 41.9-92 94-92 46 0 84.1 32.3 92.3 74.7L417 401z" } }] }, "name": "audio-muted", "theme": "outlined" };
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$5(target, key, source[key]); }); } return target; }
 
-function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var AudioMutedOutlined = function AudioMutedOutlined(props, context) {
-  var p = _objectSpread$4({}, props, context.attrs);
+  var p = _objectSpread$5({}, props, context.attrs);
 
-  return createVNode(Icon, _objectSpread$4({}, p, {
+  return createVNode(Icon, _objectSpread$5({}, p, {
     "icon": AudioMutedOutlined$1
   }), null);
 };
@@ -1247,14 +1247,14 @@ AudioMutedOutlined.inheritAttrs = false;
 // This icon file is generated automatically.
 var AudioOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M842 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 140.3-113.7 254-254 254S258 594.3 258 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 168.7 126.6 307.9 290 327.6V884H326.7c-13.7 0-24.7 14.3-24.7 32v36c0 4.4 2.8 8 6.2 8h407.6c3.4 0 6.2-3.6 6.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18 294-158 294-328.1zM512 624c93.9 0 170-75.2 170-168V232c0-92.8-76.1-168-170-168s-170 75.2-170 168v224c0 92.8 76.1 168 170 168zm-94-392c0-50.6 41.9-92 94-92s94 41.4 94 92v224c0 50.6-41.9 92-94 92s-94-41.4-94-92V232z" } }] }, "name": "audio", "theme": "outlined" };
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } return target; }
 
-function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var AudioOutlined = function AudioOutlined(props, context) {
-  var p = _objectSpread$3({}, props, context.attrs);
+  var p = _objectSpread$4({}, props, context.attrs);
 
-  return createVNode(Icon, _objectSpread$3({}, p, {
+  return createVNode(Icon, _objectSpread$4({}, p, {
     "icon": AudioOutlined$1
   }), null);
 };
@@ -1262,6 +1262,24 @@ var AudioOutlined = function AudioOutlined(props, context) {
 AudioOutlined.displayName = 'AudioOutlined';
 AudioOutlined.inheritAttrs = false;
 
+// This icon file is generated automatically.
+var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
+
+function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var CloseOutlined = function CloseOutlined(props, context) {
+  var p = _objectSpread$3({}, props, context.attrs);
+
+  return createVNode(Icon, _objectSpread$3({}, p, {
+    "icon": CloseOutlined$1
+  }), null);
+};
+
+CloseOutlined.displayName = 'CloseOutlined';
+CloseOutlined.inheritAttrs = false;
+
 // This icon file is generated automatically.
 var CloudUploadOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M518.3 459a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V856c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V613.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 459z" } }, { "tag": "path", "attrs": { "d": "M811.4 366.7C765.6 245.9 648.9 160 512.2 160S258.8 245.8 213 366.6C127.3 389.1 64 467.2 64 560c0 110.5 89.5 200 199.9 200H304c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8h-40.1c-33.7 0-65.4-13.4-89-37.7-23.5-24.2-36-56.8-34.9-90.6.9-26.4 9.9-51.2 26.2-72.1 16.7-21.3 40.1-36.8 66.1-43.7l37.9-9.9 13.9-36.6c8.6-22.8 20.6-44.1 35.7-63.4a245.6 245.6 0 0152.4-49.9c41.1-28.9 89.5-44.2 140-44.2s98.9 15.3 140 44.2c19.9 14 37.5 30.8 52.4 49.9 15.1 19.3 27.1 40.7 35.7 63.4l13.8 36.5 37.8 10C846.1 454.5 884 503.8 884 560c0 33.1-12.9 64.3-36.3 87.7a123.07 123.07 0 01-87.6 36.3H720c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h40.1C870.5 760 960 670.5 960 560c0-92.7-63.1-170.7-148.6-193.3z" } }] }, "name": "cloud-upload", "theme": "outlined" };
 
@@ -1316,4 +1334,4 @@ var SendOutlined = function SendOutlined(props, context) {
 SendOutlined.displayName = 'SendOutlined';
 SendOutlined.inheritAttrs = false;
 
-export { AudioMutedOutlined as A, CloudUploadOutlined as C, LinkOutlined as L, SendOutlined as S, AudioOutlined as a };
+export { AudioMutedOutlined as A, CloseOutlined as C, LinkOutlined as L, SendOutlined as S, CloudUploadOutlined as a, AudioOutlined as b };

package/components/monaco-environment/index.mjs

@@ -1,27 +1,27 @@
-import { defineComponent, renderSlot } from 'vue';
-import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
-import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
-import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
-import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
 import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
+import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
+import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
+import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
+import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
+import { defineComponent, renderSlot } from 'vue';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 var _sfc_main = defineComponent({
   name: "VkMonacoEnvironment",
   setup() {
-    self.MonacoEnvironment = {
+    globalThis.MonacoEnvironment = {
       getWorker(_, label) {
         if (label === "json") {
-          return new jsonWorker();
+          return new JsonWorker();
         }
         if (label === "css" || label === "scss" || label === "less") {
-          return new cssWorker();
+          return new CssWorker();
         }
         if (label === "html" || label === "handlebars" || label === "razor") {
-          return new htmlWorker();
+          return new HtmlWorker();
         }
         if (["typescript", "javascript"].includes(label)) {
-          return new tsWorker();
+          return new TsWorker();
         }
         return new EditorWorker();
       }

package/components/sender/index.css

@@ -1,3 +1,7 @@
+.ant-sender-header-header{
+  display: flex;
+  justify-content: space-between;
+}
 .vk-sender .ant-sender-content{
   display: grid;
   /* 两列 auto 1fr */

package/components/sender/index.mjs

@@ -1,11 +1,27 @@
-import { defineComponent, ref, createVNode, resolveComponent, openBlock, createBlock, withCtx } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, mergeProps, toDisplayString, createVNode, renderSlot, vShow, ref, nextTick } from 'vue';
 import { useModelComputed, useDeferred } from '@vunk/core/composables';
 import { Button, Tooltip } from 'ant-design-vue';
 import { Sender, Attachments } from 'ant-design-x-vue';
-import { L as LinkOutlined, C as CloudUploadOutlined, S as SendOutlined } from '../SendOutlined.mjs';
+import { noop } from '@vunk/shared/function';
+import { ElCollapseTransition } from 'element-plus';
+import { C as CloseOutlined, L as LinkOutlined, a as CloudUploadOutlined, S as SendOutlined } from '../SendOutlined.mjs';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
+  /**
+   * @description v-model 绑定文件列表
+   */
+  fileList: {
+    type: Array,
+    default: void 0
+  },
+  /**
+   * @description 文件上传地址
+   */
+  action: {
+    type: String,
+    default: ""
+  },
   /**
    * @description v-model 绑定文本
    */
@@ -22,19 +38,110 @@ const props = {
   }
 };
 const emits = {
+  "update:fileList": (_) => true,
   "update:modelValue": (_) => true,
   "submit": (_) => true,
   "cancel": null
 };
 
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  name: "AXSenderHeader",
+  components: {
+    ElCollapseTransition,
+    AntButton: Button,
+    CloseOutlined
+  },
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: "Sender"
+    },
+    contentRef: {
+      type: Function,
+      default: noop
+    }
+  },
+  emits: {
+    "update:modelValue": null
+  },
+  setup() {
+    return {};
+  }
+});
+
+const _hoisted_1 = { class: "ant-sender-header-header" };
+const _hoisted_2 = { class: "ant-sender-header-header-title" };
+const _hoisted_3 = { class: "ant-sender-header-header-close" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CloseOutlined = resolveComponent("CloseOutlined");
+  const _component_AntButton = resolveComponent("AntButton");
+  const _component_ElCollapseTransition = resolveComponent("ElCollapseTransition");
+  return openBlock(), createBlock(_component_ElCollapseTransition, null, {
+    default: withCtx(() => [
+      withDirectives(createElementVNode(
+        "div",
+        mergeProps({ class: "ant-sender-header" }, _ctx.$attrs),
+        [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode(
+              "div",
+              _hoisted_2,
+              toDisplayString(_ctx.title),
+              1
+              /* TEXT */
+            ),
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_component_AntButton, {
+                type: "text",
+                size: "small",
+                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", false))
+              }, {
+                icon: withCtx(() => [
+                  createVNode(_component_CloseOutlined)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          createElementVNode(
+            "div",
+            {
+              ref: _ctx.contentRef,
+              class: "ant-sender-header-content"
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        16
+        /* FULL_PROPS */
+      ), [
+        [vShow, _ctx.modelValue]
+      ])
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+var SenderHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/sender/src/SenderHeader.vue"]]);
+
 var _sfc_main = /* @__PURE__ */ defineComponent({
   name: "VkSender",
   components: {
     Sender,
     LinkOutlined,
     AntButton: Button,
-    SenderHeader: Sender.Header,
-    Attachments
+    Attachments,
+    SenderHeader
   },
   props,
   emits,
@@ -91,20 +198,38 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         };
       }
     };
-    const fileList = ref([]);
-    const attachmentsDef = useDeferred();
+    const theFileList = useModelComputed({
+      key: "fileList",
+      default: []
+    }, props2, emit);
+    const attachmentsRef = ref();
+    const attachmentWrapDef = useDeferred();
     const handlePasteFile = async file => {
       headerOpen.value = true;
-      const attachmentsNode = await attachmentsDef.promise;
-      attachmentsNode.upload(file);
+      const attachmentWrap = await attachmentWrapDef.promise;
+      await nextTick();
+      const fileInput = attachmentWrap.querySelector('input[type="file"]');
+      if (fileInput) {
+        const dataTransfer = new DataTransfer();
+        dataTransfer.items.add(file);
+        fileInput.files = dataTransfer.files;
+        fileInput.dispatchEvent(new Event("change", {
+          bubbles: true
+        }));
+      }
+    };
+    const handleChange = e => {
+      theFileList.value = e.fileList;
     };
     return {
       actionsRender,
       headerOpen,
       attachmentsPlaceholder,
       handlePasteFile,
-      attachmentsResolve: attachmentsDef.resolve,
-      fileList
+      attachmentsRef,
+      theFileList,
+      handleChange,
+      attachmentWrapResolve: attachmentWrapDef.resolve
     };
   }
 });
@@ -128,20 +253,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     header: withCtx(() => [
       createVNode(_component_SenderHeader, {
-        open: _ctx.headerOpen,
-        title: "\u6DFB\u52A0\u9644\u4EF6",
-        onOpenChange: _cache[0] || (_cache[0] = (v) => _ctx.headerOpen = v)
+        modelValue: _ctx.headerOpen,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.headerOpen = $event),
+        title: "\u9644\u4EF6",
+        "content-ref": _ctx.attachmentWrapResolve
       }, {
         default: withCtx(() => [
           createVNode(_component_Attachments, {
-            ref: _ctx.attachmentsResolve,
+            ref: "attachmentsRef",
+            "file-list": _ctx.theFileList,
             placeholder: _ctx.attachmentsPlaceholder,
-            "file-list": _ctx.fileList
-          }, null, 8, ["placeholder", "file-list"])
+            action: _ctx.action,
+            multiple: "",
+            onChange: _ctx.handleChange
+          }, null, 8, ["file-list", "placeholder", "action", "onChange"])
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["open"])
+      }, 8, ["modelValue", "content-ref"])
     ]),
     prefix: withCtx(() => [
       createVNode(_component_AntButton, {