@me-framework/me-ui 1.0.44

package/lib/upload-video/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../utils/install.js');
+require('./src/upload-video.vue.js');
+require('./src/upload-video.js');
+var uploadVideo_vue_vue_type_script_setup_true_lang = require('./src/upload-video.vue2.js');
+
+"use strict";
+const MeUploadVideo = install.withInstall(uploadVideo_vue_vue_type_script_setup_true_lang.default);
+
+exports.MeUploadVideo = MeUploadVideo;
+exports.default = MeUploadVideo;
+//# sourceMappingURL=index.js.map

package/lib/upload-video/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/upload-video/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport UploadVideo from \"./src/upload-video.vue\";\n\nexport const MeUploadVideo = withInstall(UploadVideo);\nexport default MeUploadVideo;\n\nexport * from \"./src/upload-video\";\n\nexport type UploadVideoInstance = InstanceType<typeof UploadVideo> & unknown\n"],"names":["withInstall","UploadVideo"],"mappings":";;;;;;;;;;AAGO,MAAM,aAAA,GAAgBA,oBAAYC,uDAAW;;;;;"}

package/lib/upload-video/src/composables/useVideo.d.ts

@@ -0,0 +1,58 @@
+import type { UploadVideoProps, UploadResultItem } from "../upload-video";
+export declare const useVideo: (props: UploadVideoProps) => {
+    uploadVisible: import("vue").Ref<boolean, boolean>;
+    fileList: import("vue").Ref<{
+        file?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        } | undefined;
+        id: string;
+        domuuid: string;
+        groupId: number;
+        type: number;
+        name: string;
+        fileName: string;
+        size: number;
+        extraName: string;
+        deleteFlag: boolean;
+        url: string;
+        module: "account" | "admin" | "";
+    }[], UploadResultItem[] | {
+        file?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        } | undefined;
+        id: string;
+        domuuid: string;
+        groupId: number;
+        type: number;
+        name: string;
+        fileName: string;
+        size: number;
+        extraName: string;
+        deleteFlag: boolean;
+        url: string;
+        module: "account" | "admin" | "";
+    }[]>;
+    getValue: () => string;
+    importData: (inputValue: string) => Promise<void>;
+    allowWatch: boolean;
+    openUpload: () => void;
+    closeUpload: () => void;
+};

package/lib/upload-video/src/composables/useVideo.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var vue = require('vue');
+var uuid = require('../../../utils/uuid.js');
+
+"use strict";
+const useVideo = (props) => {
+  const uploadVisible = vue.ref(false);
+  const allowWatch = true;
+  const fileList = vue.ref([]);
+  const importData = async (inputValue) => {
+    fileList.value.length = 0;
+    const imgs = inputValue.split(",");
+    if (inputValue) {
+      let res;
+      res = await props.uploadRequest?.({ id: inputValue });
+      if (res.data) {
+        imgs.forEach((imgId) => {
+          res.data.forEach((item) => {
+            if (item.id == imgId) {
+              let node = {
+                domuuid: uuid.uuid(),
+                module: ""
+              };
+              node.module = props.module || "";
+              Object.assign(node, item);
+              fileList.value.push(node);
+            }
+          });
+        });
+      }
+    }
+  };
+  const openUpload = () => {
+    uploadVisible.value = true;
+  };
+  const closeUpload = () => {
+    uploadVisible.value = false;
+  };
+  const getValue = () => {
+    let value = "";
+    for (let i = 0; i < fileList.value.length; i++) {
+      if (i == 0) {
+        value += fileList.value[i].id;
+      } else {
+        value += "," + fileList.value[i].id;
+      }
+    }
+    return value;
+  };
+  return { uploadVisible, fileList, getValue, importData, allowWatch, openUpload, closeUpload };
+};
+
+exports.useVideo = useVideo;
+//# sourceMappingURL=useVideo.js.map

package/lib/upload-video/src/composables/useVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideo.js","sources":["../../../../src/upload-video/src/composables/useVideo.ts"],"sourcesContent":["import { ref } from \"vue\"\nimport type { UploadVideoProps, UploadResultItem } from \"../upload-video\"\nimport { uuid } from \"../../../utils/uuid\"\n\nexport const useVideo = (props: UploadVideoProps) => {\n  /**\n   * 打开上传对话框\n   */\n  const uploadVisible = ref(false)\n\n  /**\n   * 是否允许watch监听\n   */\n  const allowWatch = true\n  const fileList = ref<UploadResultItem[]>([])\n\n  const importData = async (inputValue: string) => {\n    fileList.value.length = 0\n\n    const imgs = inputValue.split(\",\")\n\n    if (inputValue) {\n      let res: any\n      res = await props.uploadRequest?.({ id: inputValue })\n\n      if (res.data) {\n        imgs.forEach((imgId: any) => {\n          res.data.forEach((item: any) => {\n            if (item.id == imgId) {\n              let node = {\n                domuuid: uuid(),\n                module: \"\",\n              }\n\n              node.module = props.module || \"\"\n\n              Object.assign(node, item)\n              /** @ts-ignore */\n              fileList.value.push(node)\n            }\n          })\n        })\n      }\n    }\n  }\n\n  const openUpload = () => {\n    uploadVisible.value = true\n  }\n  const closeUpload = () => {\n    uploadVisible.value = false\n  }\n\n  const getValue = () => {\n    let value = \"\"\n    for (let i = 0; i < fileList.value.length; i++) {\n      if (i == 0) {\n        value += fileList.value[i].id\n      } else {\n        value += \",\" + fileList.value[i].id\n      }\n    }\n    return value\n  }\n\n  return { uploadVisible, fileList, getValue, importData, allowWatch,openUpload, closeUpload }\n}\n"],"names":["ref","uuid"],"mappings":";;;;;;AAIO,MAAM,QAAA,GAAW,CAAC,KAAA,KAA4B;AAInD,EAAA,MAAM,aAAA,GAAgBA,QAAI,KAAK,CAAA;AAK/B,EAAA,MAAM,UAAA,GAAa,IAAA;AACnB,EAAA,MAAM,QAAA,GAAWA,OAAA,CAAwB,EAAE,CAAA;AAE3C,EAAA,MAAM,UAAA,GAAa,OAAO,UAAA,KAAuB;AAC/C,IAAA,QAAA,CAAS,MAAM,MAAA,GAAS,CAAA;AAExB,IAAA,MAAM,IAAA,GAAO,UAAA,CAAW,KAAA,CAAM,GAAG,CAAA;AAEjC,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,IAAI,GAAA;AACJ,MAAA,GAAA,GAAM,MAAM,KAAA,CAAM,aAAA,GAAgB,EAAE,EAAA,EAAI,YAAY,CAAA;AAEpD,MAAA,IAAI,IAAI,IAAA,EAAM;AACZ,QAAA,IAAA,CAAK,OAAA,CAAQ,CAAC,KAAA,KAAe;AAC3B,UAAA,GAAA,CAAI,IAAA,CAAK,OAAA,CAAQ,CAAC,IAAA,KAAc;AAC9B,YAAA,IAAI,IAAA,CAAK,MAAM,KAAA,EAAO;AACpB,cAAA,IAAI,IAAA,GAAO;AAAA,gBACT,SAASC,SAAA,EAAK;AAAA,gBACd,MAAA,EAAQ;AAAA,eACV;AAEA,cAAA,IAAA,CAAK,MAAA,GAAS,MAAM,MAAA,IAAU,EAAA;AAE9B,cAAA,MAAA,CAAO,MAAA,CAAO,MAAM,IAAI,CAAA;AAExB,cAAA,QAAA,CAAS,KAAA,CAAM,KAAK,IAAI,CAAA;AAAA,YAC1B;AAAA,UACF,CAAC,CAAA;AAAA,QACH,CAAC,CAAA;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,aAAA,CAAc,KAAA,GAAQ,IAAA;AAAA,EACxB,CAAA;AACA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,aAAA,CAAc,KAAA,GAAQ,KAAA;AAAA,EACxB,CAAA;AAEA,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,IAAI,KAAA,GAAQ,EAAA;AACZ,IAAA,KAAA,IAAS,IAAI,CAAA,EAAG,CAAA,GAAI,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA,EAAA,EAAK;AAC9C,MAAA,IAAI,KAAK,CAAA,EAAG;AACV,QAAA,KAAA,IAAS,QAAA,CAAS,KAAA,CAAM,CAAC,CAAA,CAAE,EAAA;AAAA,MAC7B,CAAA,MAAO;AACL,QAAA,KAAA,IAAS,GAAA,GAAM,QAAA,CAAS,KAAA,CAAM,CAAC,CAAA,CAAE,EAAA;AAAA,MACnC;AAAA,IACF;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA;AAEA,EAAA,OAAO,EAAE,aAAA,EAAe,QAAA,EAAU,UAAU,UAAA,EAAY,UAAA,EAAW,YAAY,WAAA,EAAY;AAC7F;;;;"}

package/lib/upload-video/src/upload-video-item.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    width?: number;
+    height?: number;
+    index?: number;
+    url?: string;
+    closeEvent?: Function;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    closeEvent: (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCloseEvent?: ((value: number) => any) | undefined;
+}>, {
+    height: number;
+    width: number;
+    closeEvent: Function;
+    url: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/upload-video/src/upload-video-item.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var uploadVideoItem_vue_vue_type_script_setup_true_lang = require('./upload-video-item.vue2.js');
+
+uploadVideoItem_vue_vue_type_script_setup_true_lang.default.__file = "src/upload-video/src/upload-video-item.vue";
+
+exports.default = uploadVideoItem_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=upload-video-item.vue.js.map

package/lib/upload-video/src/upload-video-item.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-video-item.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/lib/upload-video/src/upload-video-item.vue2.js

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index$2 = require('../../video-viewer/index.js');
+var index = require('../../svg-icon/index.js');
+var index$1 = require('../../flex-box/index.js');
+
+"use strict";
+const _hoisted_1 = { style: { "align-items": "center" } };
+const _hoisted_2 = ["src"];
+var script = /* @__PURE__ */ vue.defineComponent({
+  __name: "upload-video-item",
+  props: {
+    width: { type: Number, required: false, default: 160 },
+    height: { type: Number, required: false, default: 90 },
+    index: { type: Number, required: false },
+    url: { type: String, required: false, default: "" },
+    closeEvent: { type: Function, required: false, default: () => {
+    } }
+  },
+  emits: ["closeEvent"],
+  setup(__props, { emit: __emit }) {
+    const closeVisible = vue.ref(false);
+    const props = __props;
+    const handleMouseOver = () => {
+      closeVisible.value = true;
+    };
+    const handleMouseOut = () => {
+      closeVisible.value = false;
+    };
+    const uninstall = () => {
+      emit("closeEvent", props.index || 0);
+    };
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          style: vue.normalizeStyle([{ "position": "relative", "background-color": "#000", "border-radius": "8px", "cursor": "pointer" }, {
+            width: props.width + "px",
+            height: props.height + "px"
+          }]),
+          onMouseover: handleMouseOver,
+          onMouseout: handleMouseOut
+        },
+        [
+          vue.withDirectives(vue.createVNode(
+            vue.unref(index.MeSvgIcon),
+            {
+              name: "ri-close-circle-fill",
+              class: "delete-icon",
+              size: 24,
+              onClick: vue.withModifiers(uninstall, ["stop"])
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          ), [
+            [vue.vShow, closeVisible.value]
+          ]),
+          vue.createVNode(vue.unref(index$1.MeFlexBox), {
+            class: "video-mask",
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => vue.unref(index$2.MeVideoViewer)(props.url), ["stop"])),
+            style: vue.normalizeStyle({
+              width: props.width + "px",
+              height: props.height + "px"
+            })
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_1, [
+                vue.createVNode(vue.unref(index.MeSvgIcon), {
+                  name: "ri-play-circle-line",
+                  size: 48,
+                  style: { "color": "#ffffff", "opacity": "1" }
+                })
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["style"]),
+          vue.createElementVNode("video", {
+            src: props.url,
+            class: "video",
+            style: vue.normalizeStyle({
+              width: props.width + "px",
+              height: props.height + "px"
+            })
+          }, null, 12, _hoisted_2)
+        ],
+        36
+        /* STYLE, NEED_HYDRATION */
+      );
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=upload-video-item.vue2.js.map

package/lib/upload-video/src/upload-video-item.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-video-item.vue2.js","sources":["../../../src/upload-video/src/upload-video-item.vue"],"sourcesContent":["<template>\n  <div\n    style=\"position: relative; background-color: #000; border-radius: 8px; cursor: pointer\"\n    @mouseover=\"handleMouseOver\"\n    @mouseout=\"handleMouseOut\"\n    :style=\"{\n      width: props.width + 'px',\n      height: props.height + 'px',\n    }\">\n    <me-svg-icon name=\"ri-close-circle-fill\" class=\"delete-icon\" :size=\"24\" @click.stop=\"uninstall\" v-show=\"closeVisible\"></me-svg-icon>\n\n    <me-flex-box\n      class=\"video-mask\"\n      @click.stop=\"MeVideoViewer(props.url)\"\n      :style=\"{\n        width: props.width + 'px',\n        height: props.height + 'px',\n      }\">\n      <div style=\"align-items: center\">\n        <me-svg-icon name=\"ri-play-circle-line\" :size=\"48\" style=\"color: #ffffff; opacity: 1\"></me-svg-icon>\n      </div>\n    </me-flex-box>\n\n    <video\n      :src=\"props.url\"\n      class=\"video\"\n      :style=\"{\n        width: props.width + 'px',\n        height: props.height + 'px',\n      }\"></video>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// 引入\nimport { ref } from \"vue\"\nimport { MeVideoViewer } from \"../../video-viewer\"\nimport MeSvgIcon from \"../../svg-icon\"\nimport MeFlexBox from \"../../flex-box\"\n\nconst closeVisible = ref(false)\nconst props = withDefaults(\n  defineProps<{\n    width?: number\n    height?: number\n    index?: number\n    url?: string\n    closeEvent?: Function\n  }>(),\n  {\n    url: \"\",\n    width: 160,\n    height: 90,\n    closeEvent: () => {},\n  }\n)\n\nconst handleMouseOver = () => {\n  closeVisible.value = true\n}\n\nconst handleMouseOut = () => {\n  closeVisible.value = false\n}\n\n/**\n * 卸载组件\n */\nconst uninstall = () => {\n  emit(\"closeEvent\", props.index || 0)\n}\n\n/**\n * 事件--抛出给父组件的事件\n */\nconst emit = defineEmits<{\n  (e: \"closeEvent\", value: number): void\n}>()\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["ref","_createElementBlock","_createVNode","_unref","MeSvgIcon","MeFlexBox","_withModifiers","MeVideoViewer","_normalizeStyle","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwCA,IAAA,MAAM,YAAA,GAAeA,QAAI,KAAK,CAAA;AAC9B,IAAA,MAAM,KAAA,GAAQ,OAAA;AAgBd,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,YAAA,CAAa,KAAA,GAAQ,IAAA;AAAA,IACvB,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,YAAA,CAAa,KAAA,GAAQ,KAAA;AAAA,IACvB,CAAA;AAKA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAA,CAAK,YAAA,EAAc,KAAA,CAAM,KAAA,IAAS,CAAC,CAAA;AAAA,IACrC,CAAA;AAKA,IAAA,MAAM,IAAA,GAAO,MAAA;;8BA1EXC,sBAAA;AAAA,QA6BM,KAAA;AAAA,QAAA;AAAA,UA5BJ,KAAA,sBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,eAAA,EAAA,KAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAuF;AAAA,YAGhE,KAAA,EAAA,MAAM,KAAA,GAAK,IAAA;AAAA,YAAuB,MAAA,EAAA,MAAM,MAAA,GAAM;AAAA;UAFpE,WAAA,EAAW,eAAA;AAAA,UACX,UAAA,EAAU;AAAA;;6BAKXC,eAAA;AAAA,YAAoIC,UAAAC,eAAA,CAAA;AAAA,YAAA;AAAA,cAAvH,IAAA,EAAK,sBAAA;AAAA,cAAuB,KAAA,EAAM,aAAA;AAAA,cAAe,IAAA,EAAM,EAAA;AAAA,cAAK,OAAA,oBAAY,SAAA,EAAS,CAAA,MAAA,CAAA;AAAA;;;;;wBAAU,YAAA,CAAA,KAAY;AAAA;UAEpHF,eAAA,CAUcC,SAAA,CAAAE,iBAAA,CAAA,EAAA;AAAA,YATZ,KAAA,EAAM,YAAA;AAAA,YACL,SAAK,MAAA,CAAA,CAAA,MAAA,MAAA,CAAA,CAAA,IAAAC,iBAAA,CAAA,CAAA,MAAA,KAAOH,SAAA,CAAAI,qBAAA,CAAA,CAAc,KAAA,CAAM,GAAG,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,YACnC,OAAKC,kBAAA,CAAA;AAAA,cAAmB,KAAA,EAAA,MAAM,KAAA,GAAK,IAAA;AAAA,cAAyB,MAAA,EAAA,MAAM,MAAA,GAAM;AAAA;;iCAIzE,MAEM;AAAA,cAFNC,sBAAA,CAEM,OAFN,UAAA,EAEM;AAAA,gBADJP,eAAA,CAAoGC,SAAA,CAAAC,eAAA,CAAA,EAAA;AAAA,kBAAvF,IAAA,EAAK,qBAAA;AAAA,kBAAuB,IAAA,EAAM,EAAA;AAAA,kBAAI,KAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,GAAA;AAAA;;;;;;UAIvDK,uBAMa,OAAA,EAAA;AAAA,YALV,KAAK,KAAA,CAAM,GAAA;AAAA,YACZ,KAAA,EAAM,OAAA;AAAA,YACL,OAAKD,kBAAA,CAAA;AAAA,cAAmB,KAAA,EAAA,MAAM,KAAA,GAAK,IAAA;AAAA,cAAyB,MAAA,EAAA,MAAM,MAAA,GAAM;AAAA;;;;;;;;;;;;"}

package/lib/upload-video/src/upload-video.d.ts

@@ -0,0 +1,29 @@
+interface UploadVideoProps {
+    uploadRequest?: (data: any) => Promise<any>;
+    videoRequest?: (data: any) => Promise<any>;
+    url?: string;
+    title?: string;
+    width?: number;
+    height?: number;
+    videoWidth?: number;
+    videoHeight?: number;
+    maxCount?: number;
+    closeEvent?: Function;
+    uploadRules?: any;
+    module?: "account" | "admin";
+}
+interface UploadResultItem {
+    file?: File;
+    id: string;
+    domuuid: string;
+    groupId: number;
+    type: number;
+    name: string;
+    fileName: string;
+    size: number;
+    extraName: string;
+    deleteFlag: boolean;
+    url: string;
+    module: "account" | "admin" | "";
+}
+export type { UploadVideoProps, UploadResultItem };

package/lib/upload-video/src/upload-video.js

@@ -0,0 +1,4 @@
+'use strict';
+
+"use strict";
+//# sourceMappingURL=upload-video.js.map

package/lib/upload-video/src/upload-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-video.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/upload-video/src/upload-video.vue.d.ts

@@ -0,0 +1,39 @@
+import type { UploadResultItem, UploadVideoProps } from "./upload-video";
+type __VLS_Props = UploadVideoProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_33: {};
+type __VLS_Slots = {} & {
+    footer?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setFileList: (uploadResultList: UploadResultItem[]) => void;
+    openUpload: () => void;
+    closeUpload: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    title: string;
+    height: number;
+    width: number;
+    closeEvent: Function;
+    url: string;
+    uploadRequest: (data: any) => Promise<any>;
+    maxCount: number;
+    uploadRules: any;
+    videoRequest: (data: any) => Promise<any>;
+    videoWidth: number;
+    videoHeight: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/upload-video/src/upload-video.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var uploadVideo_vue_vue_type_script_setup_true_lang = require('./upload-video.vue2.js');
+
+uploadVideo_vue_vue_type_script_setup_true_lang.default.__file = "src/upload-video/src/upload-video.vue";
+
+exports.default = uploadVideo_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=upload-video.vue.js.map

package/lib/upload-video/src/upload-video.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-video.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/lib/upload-video/src/upload-video.vue2.js

@@ -0,0 +1,169 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var useVideo = require('./composables/useVideo.js');
+var uuid = require('../../utils/uuid.js');
+var index$1 = require('../../svg-icon/index.js');
+var index = require('../../flex-box/index.js');
+var index$2 = require('../../upload/index.js');
+require('./upload-video-item.vue.js');
+var uploadVideoItem_vue_vue_type_script_setup_true_lang = require('./upload-video-item.vue2.js');
+
+"use strict";
+const _hoisted_1 = { class: "me-upload-video" };
+const _hoisted_2 = {
+  key: 0,
+  class: "video-wrapper-item"
+};
+const _hoisted_3 = ["index"];
+const _hoisted_4 = { style: { "align-items": "center", "height": "24px" } };
+const __default__ = vue.defineComponent({
+  name: "me-upload-video"
+});
+var script = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: /* @__PURE__ */ vue.mergeModels({
+    uploadRequest: { type: Function, required: false, default: () => Promise.resolve() },
+    videoRequest: { type: Function, required: false, default: () => Promise.resolve() },
+    url: { type: String, required: false, default: "" },
+    title: { type: String, required: false, default: "\u4E0A\u4F20\u89C6\u9891" },
+    width: { type: Number, required: false, default: 80 },
+    height: { type: Number, required: false, default: 80 },
+    videoWidth: { type: Number, required: false, default: 160 },
+    videoHeight: { type: Number, required: false, default: 90 },
+    maxCount: { type: Number, required: false, default: 1 },
+    closeEvent: { type: Function, required: false, default: () => {
+    } },
+    uploadRules: { type: null, required: false, default: [{ name: "mp4", size: 1024 * 1024 * 50 }] },
+    module: { type: String, required: false }
+  }, {
+    "modelValue": { type: String },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const inputVal = vue.useModel(__props, "modelValue");
+    const videoStore = useVideo.useVideo(props);
+    vue.watch(
+      inputVal,
+      (newValue) => {
+        if (videoStore.allowWatch) {
+          videoStore.importData(newValue || "");
+        } else {
+          setTimeout(() => {
+            videoStore.allowWatch = true;
+          }, 100);
+        }
+      },
+      { immediate: true }
+    );
+    const uploadCompleteEventHandler = (uploadResultList) => {
+      videoStore.fileList.value.push(uploadResultList[0]);
+      videoStore.allowWatch = false;
+      inputVal.value = videoStore.getValue();
+    };
+    const setFileList = (uploadResultList) => {
+      uploadResultList.forEach((item) => {
+        item.domuuid = uuid.uuid();
+        videoStore.fileList.value.push(item);
+      });
+      videoStore.allowWatch = false;
+      inputVal.value = videoStore.getValue();
+    };
+    __expose({
+      setFileList,
+      openUpload: videoStore.openUpload,
+      closeUpload: videoStore.closeUpload
+    });
+    const removeItem = (index) => {
+      console.log(index);
+      videoStore.fileList.value.splice(index, 1);
+      videoStore.allowWatch = false;
+      inputVal.value = videoStore.getValue();
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.withDirectives(vue.createVNode(vue.unref(elementPlus.ElInput), {
+          modelValue: inputVal.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
+        }, null, 8, ["modelValue"]), [
+          [vue.vShow, false]
+        ]),
+        vue.unref(videoStore).fileList.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(vue.unref(videoStore).fileList.value, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: item.domuuid,
+                index
+              }, [
+                vue.createVNode(uploadVideoItem_vue_vue_type_script_setup_true_lang.default, {
+                  index,
+                  url: item.url,
+                  width: props.videoWidth,
+                  height: props.videoHeight,
+                  onCloseEvent: removeItem
+                }, null, 8, ["index", "url", "width", "height"])
+              ], 8, _hoisted_3);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u6253\u5F00\u4E0A\u4F20\u5BF9\u8BDD\u6846 "),
+        vue.unref(videoStore).fileList.value.length < props.maxCount ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 1,
+            style: vue.normalizeStyle([{ "float": "left" }, { width: `${props.width}px`, height: `${props.height}px` }])
+          },
+          [
+            vue.createVNode(vue.unref(index.MeFlexBox), {
+              class: "video-container",
+              onClick: vue.unref(videoStore).openUpload
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_4, [
+                  vue.createVNode(vue.unref(index$1.MeSvgIcon), {
+                    name: "ri-video-upload-fill",
+                    size: 24,
+                    style: { "color": "#767676" }
+                  })
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["onClick"])
+          ],
+          4
+          /* STYLE */
+        )) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u901A\u7528\u4E0A\u4F20\u7EC4\u4EF6 "),
+        vue.createVNode(vue.unref(index$2.MeUpload), vue.mergeProps({
+          modelValue: vue.unref(videoStore).uploadVisible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(videoStore).uploadVisible.value = $event),
+          "upload-request": __props.uploadRequest,
+          title: props.title,
+          maxCount: 1,
+          url: __props.url,
+          rules: __props.uploadRules,
+          uploadCompleteEvent: uploadCompleteEventHandler
+        }, _ctx.$attrs), {
+          footer: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "footer")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["modelValue", "upload-request", "title", "url", "rules"])
+      ]);
+    };
+  }
+});
+
+exports.default = script;
+//# sourceMappingURL=upload-video.vue2.js.map

package/lib/upload-video/src/upload-video.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-video.vue2.js","sources":["../../../src/upload-video/src/upload-video.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-upload-video\",\n});\n</script>\n<template>\n  <div class=\"me-upload-video\">\n    <el-input v-model=\"inputVal\" v-show=\"false\" />\n\n    <div v-if=\"videoStore.fileList.value.length > 0\" class=\"video-wrapper-item\">\n      <div v-for=\"(item, index) in videoStore.fileList.value\" :key=\"item.domuuid\" :index=\"index\">\n        <MeUploadVideoItem\n          :index=\"index\"\n          :url=\"item.url\"\n          :width=\"props.videoWidth\"\n          :height=\"props.videoHeight\"\n          @closeEvent=\"removeItem\"></MeUploadVideoItem>\n      </div>\n    </div>\n\n    <!-- 打开上传对话框 -->\n    <div\n      style=\"float: left\"\n      :style=\"{ width: `${props.width}px`, height: `${props.height}px` }\"\n      v-if=\"videoStore.fileList.value.length < props.maxCount\">\n      <me-flex-box class=\"video-container\" @click=\"videoStore.openUpload\">\n        <div style=\"align-items: center; height: 24px\">\n          <me-svg-icon name=\"ri-video-upload-fill\" :size=\"24\" style=\"color: #767676\"></me-svg-icon>\n        </div>\n      </me-flex-box>\n    </div>\n\n    <!-- 通用上传组件 -->\n    <me-upload\n      v-model=\"videoStore.uploadVisible.value\"\n      :upload-request=\"uploadRequest\"\n      :title=\"props.title\"\n      :maxCount=\"1\"\n      :url=\"url\"\n      :rules=\"uploadRules\"\n      :uploadCompleteEvent=\"uploadCompleteEventHandler\"\n      v-bind=\"$attrs\">\n      <template #footer>\n        <slot name=\"footer\"></slot>\n      </template>\n    </me-upload>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { watch } from \"vue\"\nimport { ElInput } from \"element-plus\"\nimport type { UploadResultItem, UploadVideoProps } from \"./upload-video\"\nimport { useVideo } from \"./composables/useVideo\"\nimport { uuid } from \"../../utils/uuid\"\nimport MeSvgIcon from \"../../svg-icon\"\nimport MeFlexBox from \"../../flex-box\"\nimport MeUpload from \"../../upload\"\nimport MeUploadVideoItem from \"./upload-video-item.vue\"\n\n\n\nconst props = withDefaults(defineProps<UploadVideoProps>(), {\n  url: \"\",\n  uploadRequest: () => Promise.resolve(),\n  videoRequest: () => Promise.resolve(),\n  title: \"上传视频\",\n  maxCount: 1,\n  width: 80,\n  height: 80,\n  videoWidth: 160,\n  videoHeight: 90,\n  closeEvent: () => {},\n  uploadRules: [{ name: \"mp4\", size: 1024 * 1024 * 50 }],\n})\n\nconst inputVal = defineModel<string>()\n\nconst videoStore = useVideo(props)\n\nwatch(\n  inputVal,\n  (newValue) => {\n    if (videoStore.allowWatch) {\n      videoStore.importData(newValue || \"\")\n    } else {\n      setTimeout(() => {\n        videoStore.allowWatch = true\n      }, 100)\n    }\n  },\n  { immediate: true }\n)\n\n//文件上传完成\nconst uploadCompleteEventHandler = (uploadResultList: UploadResultItem[]) => {\n  videoStore.fileList.value.push(uploadResultList[0])\n  videoStore.allowWatch = false\n  inputVal.value = videoStore.getValue()\n}\n\n//资源列表文件选择完成\nconst setFileList = (uploadResultList: UploadResultItem[]) => {\n  uploadResultList.forEach((item) => {\n    item.domuuid = uuid()\n    videoStore.fileList.value.push(item)\n  })\n\n  videoStore.allowWatch = false\n  inputVal.value = videoStore.getValue()\n}\n\ndefineExpose({\n  setFileList,\n  openUpload: videoStore.openUpload,\n  closeUpload: videoStore.closeUpload,\n})\n\n//拖动结束\n\nconst removeItem = (index: number) => {\n  console.log(index)\n  videoStore.fileList.value.splice(index, 1)\n  videoStore.allowWatch = false\n  inputVal.value = videoStore.getValue()\n}\n</script>\n"],"names":["__MACROS_defineComponent","_useModel","useVideo","watch","uuid","_openBlock","_createElementBlock","_createVNode","_unref","ElInput","_Fragment","_renderList","MeUploadVideoItem","_createCommentVNode","_normalizeStyle","MeFlexBox","_createElementVNode","MeSvgIcon","_mergeProps","$attrs","_renderSlot"],"mappings":"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"}

package/lib/upload-video/style/index.css

@@ -0,0 +1 @@
+.me-upload-video{display:flex}.me-upload-video .video-wrapper-item{display:flex;align-items:center}.me-upload-video .video-container{width:100%;height:100%;border:1px dashed #e3e3e3;background-color:#f5f5f5;position:relative;border-radius:8px;justify-content:center;align-items:center;cursor:pointer}.me-upload-video .video-container:hover{border:1px dashed #08f}.me-upload-video .video-mask{position:absolute;z-index:1;width:200px;height:112px;background-color:rgba(0,0,0,.1843137255);border-radius:8px;justify-content:center;align-items:center;cursor:pointer}.me-upload-video .video{border-radius:8px;top:0;left:0;position:absolute}.me-upload-video .delete-icon{position:absolute;top:0;right:0;color:#fff;cursor:pointer;z-index:2}

package/lib/upload-video/style/index.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import 'element-plus/es/components/input/style/index';

package/lib/upload-video/style/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('./index.css');
+require('element-plus/lib/components/input/style/index');
+
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/upload-video/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/lib/upload-video/style/index.scss

@@ -0,0 +1,52 @@
+.me-upload-video {
+  display: flex;
+
+  .video-wrapper-item {
+    display: flex;
+    align-items: center;
+  }
+
+  .video-container {
+    width: 100%;
+    height: 100%;
+    border: 1px dashed #e3e3e3;
+    background-color: #f5f5f5;
+    position: relative;
+    border-radius: 8px;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+
+    &:hover {
+      border: 1px dashed #0088ff;
+    }
+  }
+
+  .video-mask {
+    position: absolute;
+    z-index: 1;
+    width: 200px;
+    height: 112px;
+    background-color: #0000002f;
+    border-radius: 8px;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+  }
+
+  .video {
+    border-radius: 8px;
+    top: 0;
+    left: 0;
+    position: absolute;
+  }
+
+  .delete-icon {
+    position: absolute;
+    top: 0;
+    right: 0;
+    color: #ffffff;
+    cursor: pointer;
+    z-index: 2;
+  }
+}

package/lib/upload-video/style/scss.d.ts

@@ -0,0 +1,2 @@
+import "./index.scss";
+import 'element-plus/es/components/input/style/index';

package/lib/upload-video/style/scss.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('./index.scss');
+require('element-plus/lib/components/input/style/index');
+
+"use strict";
+//# sourceMappingURL=scss.js.map