npm - @vunk/plus - Versions diffs - 1.8.1 → 1.8.3 - Mend

@vunk/plus 1.8.1 → 1.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/components/{SendOutlined.mjs → LinkOutlined.mjs} +36 -54
package/components/chat-independent/src/index.vue.d.ts +90 -206
package/components/sender/index.d.ts +2 -1
package/components/sender/index.mjs +96 -42
package/components/sender/src/ctx.d.ts +44 -1
package/components/sender/src/index.vue.d.ts +91 -207
package/components/speech-button/index.mjs +1 -1
package/package.json +1 -1

package/components/{SendOutlined.mjs → LinkOutlined.mjs} RENAMED Viewed

@@ -927,9 +927,9 @@ function updateCSS(css, key) {
   return newNode;
 }
-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 _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$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 _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 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$8({
+    return h(node.tag, _objectSpread$7({
       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$8({
+  return h(node.tag, _objectSpread$7({
     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$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$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$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$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; }
 var twoToneColorPalette = reactive({
   primaryColor: '#333',
   secondaryColor: '#E6E6E6',
@@ -1047,11 +1047,11 @@ function setTwoToneColors(_ref) {
 }
 function getTwoToneColors() {
-  return _objectSpread$7({}, twoToneColorPalette);
+  return _objectSpread$6({}, twoToneColorPalette);
 }
 var IconBase = function IconBase(props, context) {
-  var _props$context$attrs = _objectSpread$7({}, props, context.attrs),
+  var _props$context$attrs = _objectSpread$6({}, 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$7({}, target, {
+    target = _objectSpread$6({}, target, {
       icon: target.icon(colors.primaryColor, colors.secondaryColor)
     });
   }
-  return generate(target.icon, "svg-".concat(target.name), _objectSpread$7({}, restProps, {
+  return generate(target.icon, "svg-".concat(target.name), _objectSpread$6({}, 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$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$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$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$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 _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$6({}, props, context.attrs),
+  var _props$context$attrs = _objectSpread$5({}, 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$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 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 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$6({
+  return createVNode("span", _objectSpread$5({
     "role": "img",
     "aria-label": icon.name
   }, restProps, {
@@ -1229,14 +1229,14 @@ Icon.setTwoToneColor = setTwoToneColor;
 // This icon file is generated automatically.
 var AudioMutedOutlined$2 = { "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$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$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$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$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 AudioMutedOutlined = function AudioMutedOutlined(props, context) {
-  var p = _objectSpread$5({}, props, context.attrs);
+  var p = _objectSpread$4({}, props, context.attrs);
-  return createVNode(Icon, _objectSpread$5({}, p, {
+  return createVNode(Icon, _objectSpread$4({}, p, {
     "icon": AudioMutedOutlined$2
   }), null);
 };
@@ -1248,14 +1248,14 @@ var AudioMutedOutlined$1 = AudioMutedOutlined;
 // This icon file is generated automatically.
 var AudioOutlined$2 = { "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$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$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$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$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 AudioOutlined = function AudioOutlined(props, context) {
-  var p = _objectSpread$4({}, props, context.attrs);
+  var p = _objectSpread$3({}, props, context.attrs);
-  return createVNode(Icon, _objectSpread$4({}, p, {
+  return createVNode(Icon, _objectSpread$3({}, p, {
     "icon": AudioOutlined$2
   }), null);
 };
@@ -1267,14 +1267,14 @@ var AudioOutlined$1 = AudioOutlined;
 // 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 _objectSpread$2(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$2(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$2(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);
+  var p = _objectSpread$2({}, props, context.attrs);
-  return createVNode(Icon, _objectSpread$3({}, p, {
+  return createVNode(Icon, _objectSpread$2({}, p, {
     "icon": CloseOutlined$1
   }), null);
 };
@@ -1285,14 +1285,14 @@ 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" };
-function _objectSpread$2(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$2(target, key, source[key]); }); } return target; }
+function _objectSpread$1(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$1(target, key, source[key]); }); } return target; }
-function _defineProperty$2(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$1(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 CloudUploadOutlined = function CloudUploadOutlined(props, context) {
-  var p = _objectSpread$2({}, props, context.attrs);
+  var p = _objectSpread$1({}, props, context.attrs);
-  return createVNode(Icon, _objectSpread$2({}, p, {
+  return createVNode(Icon, _objectSpread$1({}, p, {
     "icon": CloudUploadOutlined$1
   }), null);
 };
@@ -1303,37 +1303,19 @@ CloudUploadOutlined.inheritAttrs = false;
 // This icon file is generated automatically.
 var LinkOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M574 665.4a8.03 8.03 0 00-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 00-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 000 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 000 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 00-11.3 0L372.3 598.7a8.03 8.03 0 000 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z" } }] }, "name": "link", "theme": "outlined" };
-function _objectSpread$1(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$1(target, key, source[key]); }); } return target; }
-function _defineProperty$1(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 LinkOutlined = function LinkOutlined(props, context) {
-  var p = _objectSpread$1({}, props, context.attrs);
-  return createVNode(Icon, _objectSpread$1({}, p, {
-    "icon": LinkOutlined$1
-  }), null);
-};
-LinkOutlined.displayName = 'LinkOutlined';
-LinkOutlined.inheritAttrs = false;
-// This icon file is generated automatically.
-var SendOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2a15.99 15.99 0 00-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z" } }] }, "name": "send", "theme": "outlined" };
 function _objectSpread(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(target, key, source[key]); }); } return target; }
 function _defineProperty(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 SendOutlined = function SendOutlined(props, context) {
+var LinkOutlined = function LinkOutlined(props, context) {
   var p = _objectSpread({}, props, context.attrs);
   return createVNode(Icon, _objectSpread({}, p, {
-    "icon": SendOutlined$1
+    "icon": LinkOutlined$1
   }), null);
 };
-SendOutlined.displayName = 'SendOutlined';
-SendOutlined.inheritAttrs = false;
+LinkOutlined.displayName = 'LinkOutlined';
+LinkOutlined.inheritAttrs = false;
-export { AudioMutedOutlined$1 as A, CloseOutlined as C, LinkOutlined as L, SendOutlined as S, CloudUploadOutlined as a, AudioOutlined$1 as b };
+export { AudioMutedOutlined$1 as A, CloseOutlined as C, LinkOutlined as L, CloudUploadOutlined as a, AudioOutlined$1 as b };

package/components/chat-independent/src/index.vue.d.ts CHANGED Viewed

@@ -1050,7 +1050,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     readonly VkSender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         fileList: {
-            type: import("vue").PropType<import("ant-design-vue").UploadFile[]>;
+            type: import("vue").PropType<any[]>;
             default: undefined;
         };
         action: {
@@ -1088,10 +1088,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        attachmentsVisible: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        createSendButton: {
+            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+            default: undefined;
+        };
+        createAttachmentsButton: {
+            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+            default: undefined;
+        };
+        autoSize: {
+            type: import("vue").PropType<{
+                minRows?: number;
+                maxRows?: number;
+            }>;
+            default: undefined;
+        };
+        attachmentsProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
     }>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fileList: {
-                type: import("vue").PropType<import("ant-design-vue").UploadFile[]>;
+                type: import("vue").PropType<any[]>;
                 default: undefined;
             };
             action: {
@@ -1129,19 +1152,47 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            attachmentsVisible: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            createSendButton: {
+                type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+                default: undefined;
+            };
+            createAttachmentsButton: {
+                type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+                default: undefined;
+            };
+            autoSize: {
+                type: import("vue").PropType<{
+                    minRows?: number;
+                    maxRows?: number;
+                }>;
+                default: undefined;
+            };
+            attachmentsProps: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((_: string) => any) | undefined;
             onSubmit?: ((_: string) => any) | undefined;
             "onUpdate:fileList"?: ((_: import("ant-design-vue").UploadFile<any>[]) => any) | undefined;
+            "onUpdate:attachmentsVisible"?: ((_: boolean) => any) | undefined;
             onCancel?: ((...args: any[]) => any) | undefined;
         }> & {}>;
-        emit: ((event: "update:modelValue", _: string) => void) & ((event: "submit", _: string) => void) & ((event: "update:fileList", _: import("ant-design-vue").UploadFile<any>[]) => void) & ((event: "cancel", ...args: any[]) => void);
+        emit: ((event: "update:modelValue", _: string) => void) & ((event: "submit", _: string) => void) & ((event: "update:fileList", _: import("ant-design-vue").UploadFile<any>[]) => void) & ((event: "update:attachmentsVisible", _: boolean) => void) & ((event: "cancel", ...args: any[]) => void);
         slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
         }>;
         hasAttachments: import("vue").ComputedRef<boolean>;
         loading: import("vue").WritableComputedRef<boolean, boolean>;
-        headerOpen: import("vue").Ref<boolean, boolean>;
+        headerOpen: import("vue").WritableComputedRef<boolean, boolean>;
+        createSendButtonDefault: (components?: import("@vunk/shared").NormalObject) => JSX.Element;
+        createSendButton: (components: any) => any;
+        createAttachmentsButtonDefault: () => JSX.Element;
+        createAttachmentsButton: () => any;
         actionsRender: import("@vunk/shared").AnyFunc;
         attachmentsPlaceholder: import("@vunk/shared").AnyFunc;
         theFileList: import("vue").WritableComputedRef<import("ant-design-vue").UploadFile<any>[], import("ant-design-vue").UploadFile<any>[]>;
@@ -1156,206 +1207,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         attachmentWrapResolve: import("@vunk/core").AnyFunc;
         handlePasteFile: (file: File) => Promise<void>;
         handleChange: (e: import("ant-design-vue").UploadChangeParam<import("ant-design-vue").UploadFile>) => void;
-        readonly LinkOutlined: import("@ant-design/icons-vue/lib/icons/LinkOutlined").LinkOutlinedIconType;
-        readonly AntButton: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                prefixCls: StringConstructor;
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonType>;
-                htmlType: {
-                    type: import("vue").PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
-                    default: string;
-                };
-                shape: {
-                    type: import("vue").PropType<import("ant-design-vue/es/button").ButtonShape>;
-                };
-                size: {
-                    type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-                };
-                loading: {
-                    type: import("vue").PropType<boolean | {
-                        delay?: number;
-                    }>;
-                    default: () => boolean | {
-                        delay?: number;
-                    };
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
-                ghost: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
-                block: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
-                danger: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
-                icon: import("vue-types").VueTypeValidableDef<any>;
-                href: StringConstructor;
-                target: StringConstructor;
-                title: StringConstructor;
-                onClick: {
-                    type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-                };
-                onMousedown: {
-                    type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-                };
-            }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-                block: boolean;
-                disabled: boolean;
-                danger: boolean;
-                ghost: boolean;
-                htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
-                loading: boolean | {
-                    delay?: number;
-                };
-            }, true, {}, import("ant-design-vue/es/_util/type").CustomSlotsType<{
-                icon: any;
-                default: any;
-            }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{
-                prefixCls: StringConstructor;
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonType>;
-                htmlType: {
-                    type: import("vue").PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
-                    default: string;
-                };
-                shape: {
-                    type: import("vue").PropType<import("ant-design-vue/es/button").ButtonShape>;
-                };
-                size: {
-                    type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-                };
-                loading: {
-                    type: import("vue").PropType<boolean | {
-                        delay?: number;
-                    }>;
-                    default: () => boolean | {
-                        delay?: number;
-                    };
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
-                ghost: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
-                block: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
-                danger: {
-                    type: BooleanConstructor;
-                    default: any;
-                };
-                icon: import("vue-types").VueTypeValidableDef<any>;
-                href: StringConstructor;
-                target: StringConstructor;
-                title: StringConstructor;
-                onClick: {
-                    type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-                };
-                onMousedown: {
-                    type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-                };
-            }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, {
-                block: boolean;
-                disabled: boolean;
-                danger: boolean;
-                ghost: boolean;
-                htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
-                loading: boolean | {
-                    delay?: number;
-                };
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            prefixCls: StringConstructor;
-            type: import("vue").PropType<import("ant-design-vue/es/button").ButtonType>;
-            htmlType: {
-                type: import("vue").PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
-                default: string;
-            };
-            shape: {
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonShape>;
-            };
-            size: {
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-            };
-            loading: {
-                type: import("vue").PropType<boolean | {
-                    delay?: number;
-                }>;
-                default: () => boolean | {
-                    delay?: number;
-                };
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            ghost: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            block: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            danger: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            icon: import("vue-types").VueTypeValidableDef<any>;
-            href: StringConstructor;
-            target: StringConstructor;
-            title: StringConstructor;
-            onClick: {
-                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-            };
-            onMousedown: {
-                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-            };
-        }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            block: boolean;
-            disabled: boolean;
-            danger: boolean;
-            ghost: boolean;
-            htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
-            loading: boolean | {
-                delay?: number;
-            };
-        }, {}, string, import("ant-design-vue/es/_util/type").CustomSlotsType<{
-            icon: any;
-            default: any;
-        }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & (import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin<any[]> & {
-            readonly Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-                prefixCls: StringConstructor;
-                size: {
-                    type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-                };
-            }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-                prefixCls: StringConstructor;
-                size: {
-                    type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        }));
         readonly Attachments: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("ant-design-x-vue").AttachmentsProps> & Readonly<{}>, {
                 nativeElement: HTMLDivElement | null;
@@ -1753,11 +1604,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:fileList': (_: import("ant-design-vue").UploadFile[]) => boolean;
         'update:modelValue': (_: string) => boolean;
+        'update:attachmentsVisible': (_: boolean) => boolean;
         submit: (_: string) => boolean;
         cancel: null;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         fileList: {
-            type: import("vue").PropType<import("ant-design-vue").UploadFile[]>;
+            type: import("vue").PropType<any[]>;
             default: undefined;
         };
         action: {
@@ -1795,18 +1647,50 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        attachmentsVisible: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        createSendButton: {
+            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+            default: undefined;
+        };
+        createAttachmentsButton: {
+            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+            default: undefined;
+        };
+        autoSize: {
+            type: import("vue").PropType<{
+                minRows?: number;
+                maxRows?: number;
+            }>;
+            default: undefined;
+        };
+        attachmentsProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((_: string) => any) | undefined;
         onSubmit?: ((_: string) => any) | undefined;
         "onUpdate:fileList"?: ((_: import("ant-design-vue").UploadFile<any>[]) => any) | undefined;
+        "onUpdate:attachmentsVisible"?: ((_: boolean) => any) | undefined;
         onCancel?: ((...args: any[]) => any) | undefined;
     }>, {
         loading: boolean;
         modules: "Attachments"[];
         modelValue: string;
-        fileList: import("ant-design-vue").UploadFile<any>[];
+        fileList: any[];
         action: string;
         sendDisabled: boolean;
+        attachmentsVisible: boolean;
+        createSendButton: import("@vunk/shared").AnyFunc;
+        createAttachmentsButton: import("@vunk/shared").AnyFunc;
+        autoSize: {
+            minRows?: number;
+            maxRows?: number;
+        };
+        attachmentsProps: Record<string, any>;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     readonly VkKeyboardAvatar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         readonly size: {

package/components/sender/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import VkSender from './src/index.vue';
+import VkSenderHeader from './src/SenderHeader.vue';
 export * as __VkSender from './src/types';
-export { VkSender, };
+export { VkSender, VkSenderHeader, };
 export default VkSender;

package/components/sender/index.mjs CHANGED Viewed

@@ -1,10 +1,10 @@
-import { defineComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, mergeProps, toDisplayString, createVNode, renderSlot, vShow, useSlots, computed, ref, nextTick, createSlots, createCommentVNode } from 'vue';
+import { defineComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, mergeProps, toDisplayString, createVNode, renderSlot, vShow, useSlots, computed, ref, nextTick, createSlots, createCommentVNode, resolveDynamicComponent } from 'vue';
 import { useModelComputed, useDeferred } from '@vunk/core/composables';
 import { Button } from 'ant-design-vue';
 import { Attachments, Sender } from 'ant-design-x-vue';
 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 { C as CloseOutlined, L as LinkOutlined, a as CloudUploadOutlined } from '../LinkOutlined.mjs';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 const props = {
@@ -43,14 +43,53 @@ const props = {
     type: Array,
     default: () => []
   },
+  /**
+   * @description 非自定义Send Button时，禁用态
+   */
   sendDisabled: {
     type: Boolean,
     default: false
+  },
+  /**
+   * @description v-model attachments显隐 在 Attachments 模块存在时有效
+   */
+  attachmentsVisible: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description 自定义 Send Button
+   */
+  createSendButton: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * @description 自定义 Attachments Button, 在 Attachments 模块存在时有效
+   */
+  createAttachmentsButton: {
+    type: Function,
+    default: void 0
+  },
+  /**
+   * @description 调整文本域大小
+   */
+  autoSize: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * @link https://antd-design-x-vue.netlify.app/component/attachments.html
+   */
+  attachmentsProps: {
+    type: Object,
+    default: () => ({})
   }
 };
 const emits = {
   "update:fileList": (_) => true,
   "update:modelValue": (_) => true,
+  "update:attachmentsVisible": (_) => true,
   "submit": (_) => true,
   "cancel": null
 };
@@ -178,30 +217,51 @@ var _sfc_main = /* @__PURE__ */defineComponent({
       key: "loading",
       default: false
     }, props, emit);
-    const headerOpen = ref(false);
+    const headerOpen = useModelComputed({
+      key: "attachmentsVisible",
+      default: false
+    }, props, emit);
+    function createSendButtonDefault(components = {}) {
+      const {
+        SendButton,
+        LoadingButton
+      } = components;
+      return loading.value ? createVNode(LoadingButton, null, null) : createVNode(SendButton, {
+        "disabled": props.sendDisabled
+      }, null);
+    }
+    function createSendButton(components) {
+      const fn = props.createSendButton || createSendButtonDefault;
+      return fn(components);
+    }
+    function createAttachmentsButtonDefault() {
+      return createVNode(Button, {
+        "type": "text",
+        "onClick": () => headerOpen.value = !headerOpen.value
+      }, {
+        icon: () => createVNode(LinkOutlined, null, null)
+      });
+    }
+    function createAttachmentsButton() {
+      const fn = props.createAttachmentsButton || createAttachmentsButtonDefault;
+      return hasAttachments.value ? fn() : null;
+    }
     const actionsRender = (_, info) => {
       const {
         SendButton,
         LoadingButton
       } = info.components;
-      const loadingRender = () => {
-        return createVNode(LoadingButton, null, null);
-      };
-      const sendRender = () => {
-        return createVNode(SendButton, {
-          "type": "text",
-          "icon": createVNode(SendOutlined, null, null),
-          "disabled": props.sendDisabled
-        }, null);
-      };
-      const sendAction = () => loading.value ? loadingRender() : sendRender();
+      const send = createSendButton({
+        SendButton,
+        LoadingButton
+      });
       return createVNode("div", {
         "class": "vk-sender-actions"
       }, [createVNode("div", {
         "class": "vk-sender-actions__before"
       }, [slots.actions_before?.()]), createVNode("div", {
         "class": "vk-sender-actions__after"
-      }, [slots.actions_after?.(), sendAction()])]);
+      }, [slots.actions_after?.() ?? send])]);
     };
     const attachmentsPlaceholder = type => {
       if (type === "drop") {
@@ -247,6 +307,10 @@ var _sfc_main = /* @__PURE__ */defineComponent({
       hasAttachments,
       loading,
       headerOpen,
+      createSendButtonDefault,
+      createSendButton,
+      createAttachmentsButtonDefault,
+      createAttachmentsButton,
       actionsRender,
       attachmentsPlaceholder,
       theFileList,
@@ -255,12 +319,6 @@ var _sfc_main = /* @__PURE__ */defineComponent({
       attachmentWrapResolve,
       handlePasteFile,
       handleChange,
-      get LinkOutlined() {
-        return LinkOutlined;
-      },
-      get AntButton() {
-        return Button;
-      },
       get Attachments() {
         return Attachments;
       },
@@ -288,7 +346,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       !_ctx.sendDisabled && _ctx.$emit("submit", e);
     },
     "on-cancel": () => _ctx.$emit("cancel"),
-    "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", $event)),
+    "auto-size": _ctx.autoSize,
+    "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", $event)),
     onPasteFile: $setup.handlePasteFile
   }, createSlots({
     header: withCtx(() => [
@@ -300,43 +359,38 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "content-ref": $setup.attachmentWrapResolve
       }, {
         default: withCtx(() => [
-          createVNode($setup["Attachments"], {
+          createVNode($setup["Attachments"], mergeProps({
             ref: "attachmentsRef",
             "file-list": $setup.theFileList,
             placeholder: $setup.attachmentsPlaceholder,
             action: _ctx.action,
-            multiple: "",
-            onChange: $setup.handleChange
-          }, null, 8, ["file-list", "action"])
+            multiple: ""
+          }, _ctx.attachmentsProps, { onChange: $setup.handleChange }), null, 16, ["file-list", "action"])
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["modelValue", "content-ref"])) : createCommentVNode("v-if", true)
+      }, 8, ["modelValue", "content-ref"])) : createCommentVNode("v-if", true),
+      renderSlot(_ctx.$slots, "header")
     ]),
     prefix: withCtx(() => [
-      $setup.hasAttachments ? (openBlock(), createBlock($setup["AntButton"], {
-        key: 0,
-        type: "text",
-        onClick: _cache[1] || (_cache[1] = ($event) => $setup.headerOpen = !$setup.headerOpen)
-      }, {
-        icon: withCtx(() => [
-          createVNode($setup["LinkOutlined"])
-        ]),
-        _: 1
-        /* STABLE */
-      })) : createCommentVNode("v-if", true)
+      !_ctx.$slots.prefix ? (openBlock(), createBlock(resolveDynamicComponent($setup.createAttachmentsButton()), { key: 0 })) : createCommentVNode("v-if", true),
+      renderSlot(_ctx.$slots, "prefix")
     ]),
     _: 2
     /* DYNAMIC */
   }, [
     _ctx.$slots.footer ? {
       name: "footer",
-      fn: withCtx(() => [
-        renderSlot(_ctx.$slots, "footer")
+      fn: withCtx(({ info }) => [
+        renderSlot(_ctx.$slots, "footer", {
+          sendButton: $setup.createSendButton(info.components),
+          attachmentsButton: $setup.createAttachmentsButton(),
+          info
+        })
       ]),
       key: "0"
     } : void 0
-  ]), 1032, ["value", "loading", "on-submit", "on-cancel"]);
+  ]), 1032, ["value", "loading", "on-submit", "on-cancel", "auto-size"]);
 }
 var VkSender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/sender/src/index.vue"]]);
@@ -348,4 +402,4 @@ VkSender.install = (app) => {
   app.component(VkSender.name || "VkSender", VkSender);
 };
-export { VkSender, types as __VkSender, VkSender as default };
+export { VkSender, SenderHeader as VkSenderHeader, types as __VkSender, VkSender as default };

package/components/sender/src/ctx.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type { AnyFunc } from '@vunk/shared';
 import type { UploadFile } from 'ant-design-vue';
 import type { PropType } from 'vue';
 export declare const props: {
@@ -5,7 +6,7 @@ export declare const props: {
      * @description v-model 绑定文件列表
      */
     fileList: {
-        type: PropType<UploadFile[]>;
+        type: PropType<any[]>;
         default: undefined;
     };
     /**
@@ -51,14 +52,56 @@ export declare const props: {
         };
         default: () => never[];
     };
+    /**
+     * @description 非自定义Send Button时，禁用态
+     */
     sendDisabled: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @description v-model attachments显隐 在 Attachments 模块存在时有效
+     */
+    attachmentsVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * @description 自定义 Send Button
+     */
+    createSendButton: {
+        type: PropType<AnyFunc>;
+        default: undefined;
+    };
+    /**
+     * @description 自定义 Attachments Button, 在 Attachments 模块存在时有效
+     */
+    createAttachmentsButton: {
+        type: PropType<AnyFunc>;
+        default: undefined;
+    };
+    /**
+     * @description 调整文本域大小
+     */
+    autoSize: {
+        type: PropType<{
+            minRows?: number;
+            maxRows?: number;
+        }>;
+        default: undefined;
+    };
+    /**
+     * @link https://antd-design-x-vue.netlify.app/component/attachments.html
+     */
+    attachmentsProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
 };
 export declare const emits: {
     'update:fileList': (_: UploadFile[]) => boolean;
     'update:modelValue': (_: string) => boolean;
+    'update:attachmentsVisible': (_: boolean) => boolean;
     submit: (_: string) => boolean;
     cancel: null;
 };

package/components/sender/src/index.vue.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import type { AnyFunc } from '@vunk/shared';
+import type { AnyFunc, NormalObject } from '@vunk/shared';
 import type { UploadChangeParam, UploadFile } from 'ant-design-vue';
 import type { AttachmentsRef } from 'ant-design-x-vue/typings/attachments/interface';
 import type { Ref } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     fileList: {
-        type: import("vue").PropType<UploadFile[]>;
+        type: import("vue").PropType<any[]>;
         default: undefined;
     };
     action: {
@@ -42,10 +42,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    attachmentsVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    createSendButton: {
+        type: import("vue").PropType<AnyFunc>;
+        default: undefined;
+    };
+    createAttachmentsButton: {
+        type: import("vue").PropType<AnyFunc>;
+        default: undefined;
+    };
+    autoSize: {
+        type: import("vue").PropType<{
+            minRows?: number;
+            maxRows?: number;
+        }>;
+        default: undefined;
+    };
+    attachmentsProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fileList: {
-            type: import("vue").PropType<UploadFile[]>;
+            type: import("vue").PropType<any[]>;
             default: undefined;
         };
         action: {
@@ -83,19 +106,47 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        attachmentsVisible: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        createSendButton: {
+            type: import("vue").PropType<AnyFunc>;
+            default: undefined;
+        };
+        createAttachmentsButton: {
+            type: import("vue").PropType<AnyFunc>;
+            default: undefined;
+        };
+        autoSize: {
+            type: import("vue").PropType<{
+                minRows?: number;
+                maxRows?: number;
+            }>;
+            default: undefined;
+        };
+        attachmentsProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((_: string) => any) | undefined;
         onSubmit?: ((_: string) => any) | undefined;
         "onUpdate:fileList"?: ((_: UploadFile<any>[]) => any) | undefined;
+        "onUpdate:attachmentsVisible"?: ((_: boolean) => any) | undefined;
         onCancel?: ((...args: any[]) => any) | undefined;
     }> & {}>;
-    emit: ((event: "update:modelValue", _: string) => void) & ((event: "submit", _: string) => void) & ((event: "update:fileList", _: UploadFile<any>[]) => void) & ((event: "cancel", ...args: any[]) => void);
+    emit: ((event: "update:modelValue", _: string) => void) & ((event: "submit", _: string) => void) & ((event: "update:fileList", _: UploadFile<any>[]) => void) & ((event: "update:attachmentsVisible", _: boolean) => void) & ((event: "cancel", ...args: any[]) => void);
     slots: Readonly<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
     hasAttachments: import("vue").ComputedRef<boolean>;
     loading: import("vue").WritableComputedRef<boolean, boolean>;
-    headerOpen: Ref<boolean, boolean>;
+    headerOpen: import("vue").WritableComputedRef<boolean, boolean>;
+    createSendButtonDefault: (components?: NormalObject) => JSX.Element;
+    createSendButton: (components: any) => any;
+    createAttachmentsButtonDefault: () => JSX.Element;
+    createAttachmentsButton: () => any;
     actionsRender: AnyFunc;
     attachmentsPlaceholder: AnyFunc;
     theFileList: import("vue").WritableComputedRef<UploadFile<any>[], UploadFile<any>[]>;
@@ -110,206 +161,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     attachmentWrapResolve: import("@vunk/core").AnyFunc;
     handlePasteFile: (file: File) => Promise<void>;
     handleChange: (e: UploadChangeParam<UploadFile>) => void;
-    readonly LinkOutlined: import("@ant-design/icons-vue/lib/icons/LinkOutlined").LinkOutlinedIconType;
-    readonly AntButton: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            prefixCls: StringConstructor;
-            type: import("vue").PropType<import("ant-design-vue/es/button").ButtonType>;
-            htmlType: {
-                type: import("vue").PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
-                default: string;
-            };
-            shape: {
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonShape>;
-            };
-            size: {
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-            };
-            loading: {
-                type: import("vue").PropType<boolean | {
-                    delay?: number;
-                }>;
-                default: () => boolean | {
-                    delay?: number;
-                };
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            ghost: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            block: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            danger: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            icon: import("vue-types").VueTypeValidableDef<any>;
-            href: StringConstructor;
-            target: StringConstructor;
-            title: StringConstructor;
-            onClick: {
-                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-            };
-            onMousedown: {
-                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-            };
-        }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            block: boolean;
-            disabled: boolean;
-            danger: boolean;
-            ghost: boolean;
-            htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
-            loading: boolean | {
-                delay?: number;
-            };
-        }, true, {}, import("ant-design-vue/es/_util/type").CustomSlotsType<{
-            icon: any;
-            default: any;
-        }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            prefixCls: StringConstructor;
-            type: import("vue").PropType<import("ant-design-vue/es/button").ButtonType>;
-            htmlType: {
-                type: import("vue").PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
-                default: string;
-            };
-            shape: {
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonShape>;
-            };
-            size: {
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-            };
-            loading: {
-                type: import("vue").PropType<boolean | {
-                    delay?: number;
-                }>;
-                default: () => boolean | {
-                    delay?: number;
-                };
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            ghost: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            block: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            danger: {
-                type: BooleanConstructor;
-                default: any;
-            };
-            icon: import("vue-types").VueTypeValidableDef<any>;
-            href: StringConstructor;
-            target: StringConstructor;
-            title: StringConstructor;
-            onClick: {
-                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-            };
-            onMousedown: {
-                type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-            };
-        }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, {
-            block: boolean;
-            disabled: boolean;
-            danger: boolean;
-            ghost: boolean;
-            htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
-            loading: boolean | {
-                delay?: number;
-            };
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        prefixCls: StringConstructor;
-        type: import("vue").PropType<import("ant-design-vue/es/button").ButtonType>;
-        htmlType: {
-            type: import("vue").PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
-            default: string;
-        };
-        shape: {
-            type: import("vue").PropType<import("ant-design-vue/es/button").ButtonShape>;
-        };
-        size: {
-            type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-        };
-        loading: {
-            type: import("vue").PropType<boolean | {
-                delay?: number;
-            }>;
-            default: () => boolean | {
-                delay?: number;
-            };
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        ghost: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        block: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        danger: {
-            type: BooleanConstructor;
-            default: any;
-        };
-        icon: import("vue-types").VueTypeValidableDef<any>;
-        href: StringConstructor;
-        target: StringConstructor;
-        title: StringConstructor;
-        onClick: {
-            type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-        };
-        onMousedown: {
-            type: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
-        };
-    }>> & Readonly<{}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        block: boolean;
-        disabled: boolean;
-        danger: boolean;
-        ghost: boolean;
-        htmlType: import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType;
-        loading: boolean | {
-            delay?: number;
-        };
-    }, {}, string, import("ant-design-vue/es/_util/type").CustomSlotsType<{
-        icon: any;
-        default: any;
-    }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & (import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin<any[]> & {
-        readonly Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            prefixCls: StringConstructor;
-            size: {
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-            };
-        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            prefixCls: StringConstructor;
-            size: {
-                type: import("vue").PropType<import("ant-design-vue/es/button").ButtonSize>;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    }));
     readonly Attachments: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("ant-design-x-vue").AttachmentsProps> & Readonly<{}>, {
             nativeElement: HTMLDivElement | null;
@@ -707,11 +558,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:fileList': (_: UploadFile[]) => boolean;
     'update:modelValue': (_: string) => boolean;
+    'update:attachmentsVisible': (_: boolean) => boolean;
     submit: (_: string) => boolean;
     cancel: null;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fileList: {
-        type: import("vue").PropType<UploadFile[]>;
+        type: import("vue").PropType<any[]>;
         default: undefined;
     };
     action: {
@@ -749,17 +601,49 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    attachmentsVisible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    createSendButton: {
+        type: import("vue").PropType<AnyFunc>;
+        default: undefined;
+    };
+    createAttachmentsButton: {
+        type: import("vue").PropType<AnyFunc>;
+        default: undefined;
+    };
+    autoSize: {
+        type: import("vue").PropType<{
+            minRows?: number;
+            maxRows?: number;
+        }>;
+        default: undefined;
+    };
+    attachmentsProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((_: string) => any) | undefined;
     onSubmit?: ((_: string) => any) | undefined;
     "onUpdate:fileList"?: ((_: UploadFile<any>[]) => any) | undefined;
+    "onUpdate:attachmentsVisible"?: ((_: boolean) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
 }>, {
     loading: boolean;
     modules: "Attachments"[];
     modelValue: string;
-    fileList: UploadFile<any>[];
+    fileList: any[];
     action: string;
     sendDisabled: boolean;
+    attachmentsVisible: boolean;
+    createSendButton: AnyFunc;
+    createAttachmentsButton: AnyFunc;
+    autoSize: {
+        minRows?: number;
+        maxRows?: number;
+    };
+    attachmentsProps: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/speech-button/index.mjs CHANGED Viewed

@@ -2,7 +2,7 @@ import { defineComponent, createVNode, createTextVNode } from 'vue';
 import { useRecorder } from '@vunk/plus/composables/recorder';
 import { Button } from 'ant-design-vue';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import { A as AudioMutedOutlined, b as AudioOutlined } from '../SendOutlined.mjs';
+import { A as AudioMutedOutlined, b as AudioOutlined } from '../LinkOutlined.mjs';
 const props = {
   disabled: {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/plus",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "description": "",
   "author": "",
   "license": "ISC",