@vunk/plus 1.2.0 → 1.3.0

package/components/sender/index.mjs

@@ -1,11 +1,27 @@
-import { defineComponent, ref, createVNode, resolveComponent, openBlock, createBlock, withCtx } from 'vue';
+import { defineComponent, resolveComponent, createBlock, openBlock, withCtx, withDirectives, createElementVNode, mergeProps, toDisplayString, createVNode, renderSlot, vShow, computed, ref, nextTick, createSlots, createCommentVNode } 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 { 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 { _ 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 绑定文本
    */
@@ -19,22 +35,120 @@ const props = {
   loading: {
     type: Boolean,
     default: void 0
+  },
+  /**
+   * @description 模块
+   */
+  modules: {
+    type: Array,
+    default: () => []
   }
 };
 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]]);
+
 var _sfc_main = /* @__PURE__ */ defineComponent({
   name: "VkSender",
   components: {
     Sender,
     LinkOutlined,
     AntButton: Button,
-    SenderHeader: Sender.Header,
-    Attachments
+    Attachments,
+    SenderHeader
   },
   props,
   emits,
@@ -42,6 +156,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     emit,
     slots
   }) {
+    const hasAttachments = computed(() => props2.modules.includes("Attachments"));
     const loading = useModelComputed({
       key: "loading",
       default: false
@@ -91,20 +206,39 @@ 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 {
+      hasAttachments,
       actionsRender,
       headerOpen,
       attachmentsPlaceholder,
       handlePasteFile,
-      attachmentsResolve: attachmentsDef.resolve,
-      fileList
+      attachmentsRef,
+      theFileList,
+      handleChange,
+      attachmentWrapResolve: attachmentWrapDef.resolve
     };
   }
 });
@@ -125,26 +259,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "on-cancel": () => _ctx.$emit("cancel"),
     "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", $event)),
     onPasteFile: _ctx.handlePasteFile
-  }, {
+  }, createSlots({
     header: withCtx(() => [
-      createVNode(_component_SenderHeader, {
-        open: _ctx.headerOpen,
-        title: "\u6DFB\u52A0\u9644\u4EF6",
-        onOpenChange: _cache[0] || (_cache[0] = (v) => _ctx.headerOpen = v)
+      _ctx.hasAttachments ? (openBlock(), createBlock(_component_SenderHeader, {
+        key: 0,
+        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"])) : createCommentVNode("v-if", true)
     ]),
     prefix: withCtx(() => [
-      createVNode(_component_AntButton, {
+      _ctx.hasAttachments ? (openBlock(), createBlock(_component_AntButton, {
+        key: 0,
         type: "text",
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.headerOpen = !_ctx.headerOpen)
       }, {
@@ -153,13 +293,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
         /* STABLE */
-      })
+      })) : createCommentVNode("v-if", true)
     ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["value", "loading", "actions", "on-submit", "on-cancel", "onPasteFile"]);
+    _: 2
+    /* DYNAMIC */
+  }, [
+    _ctx.$slots.footer ? {
+      name: "footer",
+      fn: withCtx(() => [
+        renderSlot(_ctx.$slots, "footer")
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1032, ["value", "loading", "actions", "on-submit", "on-cancel", "onPasteFile"]);
 }
-var VkSender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/sender/src/index.vue"]]);
+var VkSender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/speech-button/index.mjs

@@ -1,8 +1,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, a as AudioOutlined } from '../SendOutlined.mjs';
+import { A as AudioMutedOutlined, b as AudioOutlined } from '../SendOutlined.mjs';
 
 const props = {
   disabled: {
@@ -15,6 +14,39 @@ const emits = {
   start: null
 };
 
+const SIZE$1 = 1e3;
+const STROKE_WIDTH = 50;
+const CIRCLE_RADIUS = 200;
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  name: "AXSenderLoadingIcon",
+  setup() {
+    return () => {
+      return createVNode("svg", {
+        "color": "currentColor",
+        "viewBox": `0 0 ${SIZE$1} ${SIZE$1}`,
+        "xmlns": "http://www.w3.org/2000/svg",
+        "xmlnsXlink": "http://www.w3.org/1999/xlink"
+      }, [createVNode("title", null, [createTextVNode("Speech Loading")]), createVNode("circle", {
+        "cx": SIZE$1 / 2,
+        "cy": SIZE$1 / 2,
+        "r": CIRCLE_RADIUS,
+        "fill": "none",
+        "stroke": "currentColor",
+        "stroke-width": STROKE_WIDTH,
+        "stroke-linecap": "round",
+        "stroke-dasharray": `${Math.PI * CIRCLE_RADIUS * 0.75} ${Math.PI * CIRCLE_RADIUS * 0.25}`
+      }, [createVNode("animateTransform", {
+        "attributeName": "transform",
+        "type": "rotate",
+        "from": `0 ${SIZE$1 / 2} ${SIZE$1 / 2}`,
+        "to": `360 ${SIZE$1 / 2} ${SIZE$1 / 2}`,
+        "dur": "1s",
+        "repeatCount": "indefinite"
+      }, null)])]);
+    };
+  }
+});
+
 const SIZE = 1e3;
 const COUNT = 4;
 const RECT_WIDTH = 140;
@@ -67,12 +99,10 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var RecordingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/speech-button/src/RecordingIcon.vue"]]);
-
 var _sfc_main = /* @__PURE__ */ defineComponent({
   name: "VkSpeechButton",
   components: {
-    RecordingIcon
+    RecordingIcon: _sfc_main$1
   },
   props,
   emits,
@@ -99,11 +129,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const iconRender = () => {
       if (props2.disabled) return createVNode(AudioMutedOutlined, null, null);
-      if (opening.value) return createVNode(AudioOutlined, {
-        "spin": true
-      }, null);
+      if (opening.value) return createVNode(_sfc_main$2, null, null);
       if (recording.value) {
-        return createVNode(RecordingIcon, {
+        return createVNode(_sfc_main$1, {
           "class": "vk-speech-button-recording-icon"
         }, null);
       }
@@ -118,14 +146,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-var VkSpeechButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/speech-button/src/index.vue"]]);
-
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-VkSpeechButton.install = (app) => {
-  app.component(VkSpeechButton.name || "VkSpeechButton", VkSpeechButton);
+_sfc_main.install = (app) => {
+  app.component(_sfc_main.name || "VkSpeechButton", _sfc_main);
 };
 
-export { VkSpeechButton, types as __VkSpeechButton, VkSpeechButton as default };
+export { _sfc_main as VkSpeechButton, types as __VkSpeechButton, _sfc_main as default };

package/components/table-columns/index.mjs

@@ -2,7 +2,6 @@ import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
 import { defineComponent, unref, h } from 'vue';
 import { ElTableColumn } from 'element-plus';
 import { isPlainObject, pickObject } from '@vunk/shared/object';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const tableColumnProps = {
   type: {
@@ -125,14 +124,12 @@ var _sfc_main = defineComponent({
   }
 });
 
-var VkTableColumns = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/table-columns/src/index.vue"]]);
-
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-VkTableColumns.install = (app) => {
-  app.component(VkTableColumns.name, VkTableColumns);
+_sfc_main.install = (app) => {
+  app.component(_sfc_main.name, _sfc_main);
 };
 
-export { VkTableColumns, elCtx as _VkTableColumnsElCtx, types as __VkTableColumns, VkTableColumns as default };
+export { _sfc_main as VkTableColumns, elCtx as _VkTableColumnsElCtx, types as __VkTableColumns, _sfc_main as default };

package/components/tables-v1/index.mjs

@@ -1,17 +1,16 @@
-import { VkTableColumns, _VkTableColumnsElCtx as _VkTableColumnsElCtx$1 } from '@vunk/plus/components/table-columns';
+import { _VkTableColumnsElCtx, VkTableColumns } from '@vunk/plus/components/table-columns';
 import { useElBreakpoints } from '@vunk/plus/composables/el-breakpoints';
 import { VkDuplexCalc } from '@vunk/core';
-import { useSizeProp, paginationProps, paginationEmits, ElPagination, ElTable } from 'element-plus';
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, toHandlers, createElementBlock, createCommentVNode } from 'vue';
-import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
+import { useSizeProp, paginationProps, paginationEmits, ElTable, ElPagination } from 'element-plus';
+import { defineComponent, computed, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, createVNode, mergeProps, toHandlers } from 'vue';
 import { pickObject } from '@vunk/core/shared/utils-object';
-import { _VkTableColumnsElCtx } from '@vunk/skzz/components/table-columns';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const tableProps$1 = {
   /**
-  * @description table data
-  */
+   * @description table data
+   */
   data: {
     type: Array,
     default: () => []
@@ -262,7 +261,7 @@ const props = {
     default: 1
   },
   /**
-   * @description 表示偏移量 v-model:start 和 v-model:currentPage 二选一 
+   * @description 表示偏移量 v-model:start 和 v-model:currentPage 二选一
    */
   start: {
     type: Number,
@@ -331,7 +330,7 @@ var _sfc_main = defineComponent({
     const paginationOnEmits = createPaginationOnEmits(emit, [
       "update:current-page"
     ]);
-    const columnsProps = _VkTableColumnsElCtx$1.createTableColumnBindProps(props2);
+    const columnsProps = _VkTableColumnsElCtx.createTableColumnBindProps(props2);
     const tableProps = createTableBindProps(props2);
     const tableOnEmits = createElTableOnEmits(emit);
     const { isMobile } = useElBreakpoints();
@@ -418,7 +417,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   });
 }
-var VkTablesV1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/tables-v1/src/index.vue"]]);
+var VkTablesV1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null