@vunk/plus 1.1.4 → 1.2.2

package/components/sender/index.css

@@ -0,0 +1,33 @@
+.ant-sender-header-header{
+  display: flex;
+  justify-content: space-between;
+}
+.vk-sender .ant-sender-content{
+  display: grid;
+  /* 两列 auto 1fr */
+  grid-template-columns: auto 1fr;
+}
+.vk-sender .ant-sender-actions-list {
+  margin-top: 1em;
+  /* 独占两列 */
+  grid-column: 1 / -1;
+}
+.vk-sender .ant-sender-prefix {
+  /* 要素考上 */
+  align-self: start;
+}
+.vk-sender-actions{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+.vk-sender-actions__before,
+.vk-sender-actions__after {
+  display: flex;
+  align-items: center;
+}
+.vk-sender-actions__before > * + *,
+.vk-sender-actions__after > * + * {
+  margin-left: 8px;
+}

package/components/sender/index.d.ts

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

package/components/sender/index.mjs

@@ -0,0 +1,301 @@
+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 { 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 绑定文本
+   */
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description 是否加载中，表现在发送按钮上
+   */
+  loading: {
+    type: Boolean,
+    default: void 0
+  }
+};
+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,
+    Attachments,
+    SenderHeader
+  },
+  props,
+  emits,
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const loading = useModelComputed({
+      key: "loading",
+      default: false
+    }, props2, emit);
+    const headerOpen = ref(false);
+    const actionsRender = (_, info) => {
+      const {
+        SendButton,
+        LoadingButton
+      } = info.components;
+      const loadingRender = () => {
+        return createVNode(Tooltip, {
+          "title": "\u70B9\u51FB\u53D6\u6D88"
+        }, {
+          default: () => [createVNode(LoadingButton, null, null)]
+        });
+      };
+      const sendRender = () => {
+        return createVNode(Tooltip, {
+          "title": props2.modelValue ? "\u70B9\u51FB\u53D1\u9001" : "\u8BF7\u8F93\u5165\u5185\u5BB9"
+        }, {
+          default: () => [createVNode(SendButton, {
+            "type": "text",
+            "icon": createVNode(SendOutlined, null, null)
+          }, null)]
+        });
+      };
+      const sendAction = () => loading.value ? loadingRender() : sendRender();
+      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()])]);
+    };
+    const attachmentsPlaceholder = type => {
+      if (type === "drop") {
+        return {
+          title: "\u8BF7\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904"
+        };
+      } else {
+        return {
+          icon: createVNode(CloudUploadOutlined, null, null),
+          title: "\u4E0A\u4F20\u6587\u4EF6",
+          description: "\u70B9\u51FB\u4E0A\u4F20\u6216\u62D6\u62FD\u6587\u4EF6\u5230\u6B64\u5904"
+        };
+      }
+    };
+    const theFileList = useModelComputed({
+      key: "fileList",
+      default: []
+    }, props2, emit);
+    const attachmentsRef = ref();
+    const attachmentWrapDef = useDeferred();
+    const handlePasteFile = async file => {
+      headerOpen.value = true;
+      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,
+      attachmentsRef,
+      theFileList,
+      handleChange,
+      attachmentWrapResolve: attachmentWrapDef.resolve
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Attachments = resolveComponent("Attachments");
+  const _component_SenderHeader = resolveComponent("SenderHeader");
+  const _component_LinkOutlined = resolveComponent("LinkOutlined");
+  const _component_AntButton = resolveComponent("AntButton");
+  const _component_Sender = resolveComponent("Sender");
+  return openBlock(), createBlock(_component_Sender, {
+    class: "vk-sender",
+    value: _ctx.modelValue,
+    loading: _ctx.loading,
+    "allow-speech": true,
+    actions: _ctx.actionsRender,
+    "on-submit": (e) => _ctx.$emit("submit", e),
+    "on-cancel": () => _ctx.$emit("cancel"),
+    "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", $event)),
+    onPasteFile: _ctx.handlePasteFile
+  }, {
+    header: withCtx(() => [
+      createVNode(_component_SenderHeader, {
+        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: "attachmentsRef",
+            "file-list": _ctx.theFileList,
+            placeholder: _ctx.attachmentsPlaceholder,
+            action: _ctx.action,
+            multiple: "",
+            onChange: _ctx.handleChange
+          }, null, 8, ["file-list", "placeholder", "action", "onChange"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "content-ref"])
+    ]),
+    prefix: withCtx(() => [
+      createVNode(_component_AntButton, {
+        type: "text",
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.headerOpen = !_ctx.headerOpen)
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_LinkOutlined)
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["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 types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkSender.install = (app) => {
+  app.component(VkSender.name || "VkSender", VkSender);
+};
+
+export { VkSender, types as __VkSender, VkSender as default };

package/components/sender/src/SenderHeader.vue.d.ts

@@ -0,0 +1,270 @@
+import type { AnyFunc } from '@vunk/shared';
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    contentRef: {
+        type: PropType<AnyFunc>;
+        default: AnyFunc;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    contentRef: {
+        type: PropType<AnyFunc>;
+        default: AnyFunc;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
+}>, {
+    modelValue: boolean;
+    title: string;
+    contentRef: AnyFunc;
+}, {}, {
+    ElCollapseTransition: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string) => string;
+            m: (modifier?: string) => string;
+            be: (blockSuffix?: string, element?: string) => string;
+            em: (element?: string, modifier?: string) => string;
+            bm: (blockSuffix?: string, modifier?: string) => string;
+            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            is: {
+                (name: string, state: boolean): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        reset: (el: import("vue").RendererElement) => void;
+        on: {
+            beforeEnter(el: import("vue").RendererElement): void;
+            enter(el: import("vue").RendererElement): void;
+            afterEnter(el: import("vue").RendererElement): void;
+            enterCancelled(el: import("vue").RendererElement): void;
+            beforeLeave(el: import("vue").RendererElement): void;
+            leave(el: import("vue").RendererElement): void;
+            afterLeave(el: import("vue").RendererElement): void;
+            leaveCancelled(el: import("vue").RendererElement): void;
+        };
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    AntButton: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            type: PropType<import("ant-design-vue/es/button").ButtonType>;
+            htmlType: {
+                type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+                default: string;
+            };
+            shape: {
+                type: PropType<import("ant-design-vue/es/button").ButtonShape>;
+            };
+            size: {
+                type: PropType<import("ant-design-vue/es/button").ButtonSize>;
+            };
+            loading: {
+                type: 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: PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
+            };
+            onMousedown: {
+                type: 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: PropType<import("ant-design-vue/es/button").ButtonType>;
+            htmlType: {
+                type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+                default: string;
+            };
+            shape: {
+                type: PropType<import("ant-design-vue/es/button").ButtonShape>;
+            };
+            size: {
+                type: PropType<import("ant-design-vue/es/button").ButtonSize>;
+            };
+            loading: {
+                type: 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: PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
+            };
+            onMousedown: {
+                type: 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: PropType<import("ant-design-vue/es/button").ButtonType>;
+        htmlType: {
+            type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
+            default: string;
+        };
+        shape: {
+            type: PropType<import("ant-design-vue/es/button").ButtonShape>;
+        };
+        size: {
+            type: PropType<import("ant-design-vue/es/button").ButtonSize>;
+        };
+        loading: {
+            type: 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: PropType<import("ant-design-vue/es/_util/EventInterface").MouseEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler[]>;
+        };
+        onMousedown: {
+            type: 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: 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: PropType<import("ant-design-vue/es/button").ButtonSize>;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    };
+    CloseOutlined: import("@ant-design/icons-vue/lib/icons/CloseOutlined").CloseOutlinedIconType;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,38 @@
+import type { UploadFile } from 'ant-design-vue';
+import type { PropType } from 'vue';
+export declare const props: {
+    /**
+     * @description v-model 绑定文件列表
+     */
+    fileList: {
+        type: PropType<UploadFile<any>[]>;
+        default: any;
+    };
+    /**
+     * @description 文件上传地址
+     */
+    action: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description v-model 绑定文本
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description 是否加载中，表现在发送按钮上
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: any;
+    };
+};
+export declare const emits: {
+    'update:fileList': (_: UploadFile[]) => boolean;
+    'update:modelValue': (_: string) => boolean;
+    submit: (_: string) => boolean;
+    cancel: any;
+};