@das-fed/ui 1.1.4 → 6.3.0-beta.1

package/packages/components/audio-video/index.css

@@ -1 +1 @@
-.das-ui-audio[data-v-c6aae387],.das-ui-video[data-v-c6aae387]{border:1px solid #d9d9d9;border-radius:2px;position:relative}.das-ui-audio[data-v-c6aae387][data-v-c6aae387]:not(.view),.das-ui-video[data-v-c6aae387][data-v-c6aae387]:not(.view){cursor:pointer}.das-ui-audio[data-v-c6aae387][data-v-c6aae387]:not(.view).active[data-v-c6aae387],.das-ui-audio[data-v-c6aae387][data-v-c6aae387]:not(.view)[data-v-c6aae387]:hover,.das-ui-video[data-v-c6aae387][data-v-c6aae387]:not(.view).active[data-v-c6aae387],.das-ui-video[data-v-c6aae387][data-v-c6aae387]:not(.view)[data-v-c6aae387]:hover{border:1px solid #5582f3}.das-ui-audio[data-v-c6aae387] .bg-img[data-v-c6aae387],.das-ui-video[data-v-c6aae387] .bg-img[data-v-c6aae387]{height:100%;width:100%}.das-ui-audio[data-v-c6aae387] .icon[data-v-c6aae387],.das-ui-video[data-v-c6aae387] .icon[data-v-c6aae387]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
+video[data-v-d701e673]{height:100%;object-fit:fill;width:100%}.das-ui-audio[data-v-c6aae387],.das-ui-video[data-v-c6aae387]{border:1px solid #d9d9d9;border-radius:2px;position:relative}.das-ui-audio[data-v-c6aae387][data-v-c6aae387]:not(.view),.das-ui-video[data-v-c6aae387][data-v-c6aae387]:not(.view){cursor:pointer}.das-ui-audio[data-v-c6aae387][data-v-c6aae387]:not(.view).active[data-v-c6aae387],.das-ui-audio[data-v-c6aae387][data-v-c6aae387]:not(.view)[data-v-c6aae387]:hover,.das-ui-video[data-v-c6aae387][data-v-c6aae387]:not(.view).active[data-v-c6aae387],.das-ui-video[data-v-c6aae387][data-v-c6aae387]:not(.view)[data-v-c6aae387]:hover{border:1px solid #5582f3}.das-ui-audio[data-v-c6aae387] .bg-img[data-v-c6aae387],.das-ui-video[data-v-c6aae387] .bg-img[data-v-c6aae387]{height:100%;width:100%}.das-ui-audio[data-v-c6aae387] .icon[data-v-c6aae387],.das-ui-video[data-v-c6aae387] .icon[data-v-c6aae387]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}

package/packages/components/audio-video/index.js

@@ -1,6 +1,6 @@
-import { defineComponent, computed, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createCommentVNode, normalizeClass, normalizeStyle, createElementVNode, unref, createVNode, mergeProps, pushScopeId, popScopeId } from 'vue';
+import { defineComponent, mergeModels, useModel, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, normalizeStyle, ref, h, render, computed, onMounted, onBeforeUnmount, Fragment, createCommentVNode, normalizeClass, createVNode, mergeProps, pushScopeId, popScopeId } from 'vue';
 import { withInstall } from '@das-fed/utils';
-import { DasAudioVideoPlayer } from '@das-fed/ui';
+import { DasPopupMask, DasAudioVideoPlayer as DasAudioVideoPlayer$1 } from '@das-fed/ui';
 import { pureImageSrc } from '@das-fed/utils/pure-image-src';
 import { getConfig } from '@das-fed/utils/config';
 
@@ -12,19 +12,178 @@ var img$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHA
 
 var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIMElEQVRoBdVaa2wUVRTeubO73W13+4JC6dvS2iKVh9jKD6BYKFYLmoAQTSs+okESfBB/EOAHNUQMPwwSGyNqNCpNkKqgQMQ2rZDQIOWhtSUuUKEvamGxj91u9zkzzrf1bJZmt53dQgs32dw7955z7ndm79w557vDqe5A2f2jZHRYnOVWm1hsc0mZdoeU5BZUkW6PKgLmNWqVU8OrhvQ6rjtKy101RrFaXXTE/i3PcNbxTs+Fa2DP99KMvkHHq31WcZW5X5oriJI2FFs841wJsVxTnJEdiTPoPt+8hvsnFH2SDdmBfbVSTFuH44O2G0K5xyN57zAZi4zgrNFR3L8GPRs06lXWWMPwHe4flIxWu8o4aBcNFps0ZcgpGUkHtYbnHOmJfFVGmu6dDcXcgP/YWG3FDlT8KqmFNse7MvBNDpcUTYbjo1nPg8ns0qI8jakgl++h/tHqRpOQeKrFnXv5upjTaxETSVan5SwZ0/lKPkO3o+JxzkP9o9WKHNh90JHT2iUc7x8UM8hY+nTeVFakrZ+XxZupL5z6j1YhoareVdR+Q8gl/VgDa8tK4Uu2rNNdor5g9ZgO7DrgWPlXm6eK7npCLOtctzSitvBhvjOY0XD6TzYLqQdPOIvN/WIq9PFvzMpQl217Tnd0NHujOlDxlX2bqVOokB9QDcdxYtF8dc2G0ogzoxkc79i+Y87H6n/3rJAkickPuntWGr9jx3r9+8HsBnUA4C+2e96DolbNOcqXaatLCjRXgxm6k/3HG92Z++tca10eSQe7s9PV2yte1O8KNEdAB7Bs/mz1/IA7b4zkejc/q6/KS2e9gQzcrb6WdjF+z3f2MuuQFI9/Yk6WenWg5cRGAsADizUP8LjzkwEemHDDMDcwAAswAdtIvLc5gK0Suw0eWKx5LJuJvvP+ADE3MAALMAEbMPrL3HaBfZ62Sjyw4a55/P2159153WYxCZMlJbDu4gWalnBuBjC0m8WaugvuEmBLlDHKJreTE75nAG/YU+dtHfB0WhzrrNwU+QUJhVJjFznR5FkmCJLGX4/nOffSueq6cHexTZVDr9zsE1OxvS5aEJVGb2zfEkJ4QHv92sKIWv/JlbarT7oewp0aCR766MMYZJTa85cjTMAIrDTmdQCBGWIbdOING85Lyjqk0hw57S4lw8FqyEA22HiwfmACNoy39whlwIy214Feq+M1CszKlkfUYSDUcu6KMMPhliLH0oMMZMeSCzSO0AX9bkHSATPaXgfkh2MlLhCYzctkt9AOtVzu8igGdeW6xxfAhTIP4i5ghA5hZkhGEM+jE1El6nCKw6VSnA/YncOJTjjzEEZgBnaGTEp+UXgnR0gcjtGJ1CGMwAzszDIkrgAAOd2zKI3nJxLwyLmAEYkT+pHCMjk7egAXMXLMg/p+KMj6gBP5txoJOC7kNDCkBPtaj2jstUr65Km8NTFOZYeNUEvzNXFK8zVPUuo0vndxHn9dqf4wVlEF7AzsARTlHHZQqQHIfV3jLNx9wL7xcIPTuwGEokuyDRfd2YcbXKvrL7jmU5+SmrACOyPqgxJwJQYmW4awArsvlAgVlBzbCNARxOF3CcepJKU2SJZ0yZZSfX85BtIJHaA+/AfGakfpORtkZJrEgDopnnkfLLTHKiRLumRrLD0aJ6zAzsCYYQC8DQkoqVMTOO8bu8s8nITPncl3K9GDDMl2msU0XJMttJUUwgrsDHQflEA6KVEmmcI52qtMTjTMFikZu0l2MhvISeWbaDxYDRnIQueWRd5FZBuPz9P+HUw+UD9hBXYGrhJCYMwCCQfrS4hRObJTWLNKkjh5RyqG3Ntr9D/HGLigPBHGIANZr46sCxtTjMPLGP1KCmEFdgaiFUqg+8CYKTFAMuXLI06oec7VflPI2XvIuRhA9myM+nR+lvq0VsP53g1oow9jkIEsdKALG2RPSQ2MRE0CuxosMc88HyK2AN0XSjiRk8L6Vy7UHMVe3tDiLrLYROObq/W1W5/X1chgakwdYhxA5aaxPtQDch6wc7/9qeZrQj6uoQsbaCstwAhZkMPA7k0p36i0Nfb0ivkIVT95K3KfUmMk9+UvrgXHz7pLZTKK02nZ4NxMduHRXE1rWgLnBddhlmLPmdxZTVfFRxwu0SAn6VJJvubYy09oz5MNpfXre4c2gE9NjGdnP9oUVeBN6mUu8igcwAC4ylD5TgCZOYO/8U2d4+mBQTHhjElccsbkWRIIFJ6DF5bpfloyh+8KND5aH7ARGQxaHrJeB+KNus80vG0rMh0QrfOy9N+OZijQGAAtmhP18bHf3NmNJs/srltims0ueZeQvM/3pUxlHQW56oulCzVXwn17AhvmBh2PMwW0vbZwuAB+Hh1giUG0oh1qgbFVMsCdL+kPry/WHSJ9tNGHsXDBAxMx2MBKByI+ezhcAGWBSatPDm+LBOBeqMFcA4f3DEHGSph8DoBnweECBsC/gN8hocmugYVod2AkTgi4fA7gAicjOFxAGxQ3WGK0J7MAA7AAA7ABoz+e2xzAsQ5ORvA3gZ8HxQ2a0F9BaTsrmet9Ml97BD+0ler5y2FuYAAWYAK2kUdPPmrRX/Geoder7eVWeScbjV4P6ACcua8POOjfgBOTfcSUm8pXBDudAc6g/wA5MfKQD8w1iNZw+FOyGajGPo/tGzsgxrHmx33IRxMFPWaVedRwqUiyfdePWWmi+/qgm5xATZ8agOJG7OQ/5vepgRXUB7EH/39qYJAzKSOSEYrnSXdCPjWgyagGPw+KGyzxeD72QCSMYJJiG7KvtB7zIVZiaDI/t/kPQjyHp4YUeH0AAAAASUVORK5CYII=";
 
-const _withScopeId = (n) => (pushScopeId("data-v-c6aae387"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["src"];
-const _hoisted_2 = ["src"];
-const _hoisted_3 = ["src"];
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
-  "div",
-  { class: "bg-img" },
-  null,
-  -1
-  /* HOISTED */
-));
-const _hoisted_5 = ["src"];
-const _hoisted_6 = ["src"];
+const __default__ = {
+  inheritAttrs: false
+};
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    visible: { type: Boolean, required: false, default: false },
+    type: { type: String, required: false, default: "video" },
+    src: { type: String, required: false, default: "" },
+    videoWidth: { type: Number, required: false },
+    videoHeight: { type: Number, required: false }
+  }, {
+    "visible": { type: Boolean, default: false },
+    "visibleModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:visible", "visible-change", "mounted"], ["update:visible"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const innerVisible = useModel(__props, "visible");
+    const visibleChange = (visible) => {
+      emit("update:visible", visible);
+      emit("visible-change", visible);
+    };
+    const __returned__ = { props, emit, innerVisible, visibleChange, get DasPopupMask() {
+      return DasPopupMask;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1$1 = { class: "content" };
+const _hoisted_2$1 = ["src"];
+const _hoisted_3$1 = {
+  key: 1,
+  controls: ""
+};
+const _hoisted_4$1 = ["src"];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["DasPopupMask"], {
+    visible: $setup.innerVisible,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $setup.innerVisible = $event),
+    "append-to-body": "",
+    onVisibleChange: $setup.visibleChange
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1$1, [
+        $props.type === "video" ? (openBlock(), createElementBlock(
+          "div",
+          {
+            key: 0,
+            style: normalizeStyle({
+              width: $props.videoWidth ? $props.videoWidth + "px" : void 0,
+              height: $props.videoHeight ? $props.videoHeight + "px" : void 0
+            })
+          },
+          [
+            createElementVNode("video", {
+              src: $props.src,
+              controls: ""
+            }, null, 8, _hoisted_2$1)
+          ],
+          4
+          /* STYLE */
+        )) : (openBlock(), createElementBlock("audio", _hoisted_3$1, [
+          createElementVNode("source", { src: $props.src }, null, 8, _hoisted_4$1)
+        ]))
+      ])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["visible"]);
+}
+var audioVideoPlayer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-d701e673"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/audio-video/src/player/index.vue"]]);
+
+const sendMessageToMainApp = (type, data) => {
+  const { __IN_DAS_MICRO_APP, __DAS_MAIN_APP_HREF } = window;
+  if (!__IN_DAS_MICRO_APP || !__DAS_MAIN_APP_HREF) return;
+  const { origin } = new URL(__DAS_MAIN_APP_HREF);
+  window.top?.postMessage({ type, data }, origin);
+};
+const sendMessageToMicroApp = (name, href, type, data) => {
+  const { origin } = new URL(href);
+  const iframeDom = document.querySelector(`iframe[name="${name}"]`);
+  iframeDom?.contentWindow?.postMessage({ type, data }, origin);
+};
+const eventTypes = {
+  show: "proxy-audio-video-show",
+  close: "proxy-audio-video-close"
+};
+const microFrontend = {
+  // @ts-ignore
+  isMicroApp: () => window.__IN_DAS_MICRO_APP && window.top !== window.self,
+  sendMessageToMainApp,
+  sendMessageToMicroApp,
+  addEventFromMicroApp: () => {
+    window.addEventListener("message", (e) => {
+      const { type, data } = e.data;
+      if (type !== eventTypes.show) return;
+      const { type: componentType, src, playerProps = {}, microAppName, href } = data;
+      const visible = ref(true);
+      const div = document.createElement("div");
+      div.setAttribute("id", "das-micro-proxy-player");
+      const vnode = h(audioVideoPlayer, {
+        visible,
+        onVisibleChange: (value) => {
+          if (value) return;
+          div.remove();
+          microFrontend.sendMessageToMicroApp(microAppName, href, "close");
+        },
+        type: componentType,
+        src,
+        ...playerProps
+      });
+      render(vnode, div);
+      document.body.appendChild(div);
+    });
+  },
+  addEventFromMainApp: (type) => {
+    let handler;
+    const listen = (cb) => {
+      handler = (e) => {
+        const { type: messageType, data } = e.data || {};
+        if (eventTypes[messageType] !== eventTypes[type]) return;
+        cb(data);
+      };
+      window.addEventListener("message", handler, false);
+    };
+    const remove = () => {
+      if (!handler) return;
+      window.removeEventListener("message", handler, false);
+    };
+    return { listen, remove };
+  }
+};
+microFrontend.addEventFromMicroApp();
+const useMicroAppAudioVideo = (options) => {
+  const { onPlayProxy, needPreview, visibleChange, setFocus, type, src, playerProps } = options;
+  const onPlay = () => {
+    if (!needPreview) return onPlayProxy();
+    if (!microFrontend.isMicroApp()) return onPlayProxy();
+    setFocus(true);
+    const { listen, remove } = microFrontend.addEventFromMainApp("close");
+    listen(() => {
+      visibleChange(false);
+      remove();
+    });
+    setTimeout(() => {
+      microFrontend.sendMessageToMainApp(eventTypes.show, {
+        type,
+        src: src.value,
+        playerProps,
+        href: location.href,
+        // @ts-ignore
+        microAppName: window.__DAS_MICRO_APP_NAME
+      });
+    }, 0);
+  };
+  return { onPlay };
+};
+
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Index",
   props: {
@@ -39,7 +198,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     local: { type: Boolean, required: false }
   },
   emits: ["visible-change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
     const { baseURL } = getConfig();
     const props = __props;
     const emit = __emit;
@@ -53,8 +213,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const audioRef = ref();
     const playerVisible = ref(false);
     const audioVideoSrc = computed(() => {
-      if (props.fullPath)
-        return props.src;
+      if (props.fullPath) return props.src;
       return props.local ? baseURL + pureImageSrc(props.src) : pureImageSrc(props.src);
     });
     const imageSrc = ref("");
@@ -86,25 +245,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ctx.fillRect(0, 0, imgWidth, imgHeight);
         ctx.drawImage(videoElement, x, y, width, height);
         const src = canvas.toDataURL("image/png");
-        if (src)
-          imageSrc.value = src;
+        if (src) imageSrc.value = src;
       });
     };
     const enterFn = () => {
       status.value = "active";
     };
     const leaveFn = () => {
-      if (isFocus.value)
-        return;
+      if (isFocus.value) return;
       status.value = "";
     };
     const isFocus = ref(false);
     const status = ref("");
     onMounted(async () => {
-      if (props.type === "video" && audioVideoSrc.value)
-        getVideoCover(audioVideoSrc.value);
-      if (props.mode === "view")
-        return;
+      if (props.type === "video" && audioVideoSrc.value) getVideoCover(audioVideoSrc.value);
+      if (props.mode === "view") return;
       if (props.type === "video") {
         videoRef.value.addEventListener("mouseenter", enterFn);
         videoRef.value.addEventListener("mouseleave", leaveFn);
@@ -115,8 +270,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     onBeforeUnmount(() => {
-      if (props.mode === "view")
-        return;
+      if (props.mode === "view") return;
       if (props.type === "video") {
         videoRef.value.removeEventListener("mouseenter", enterFn);
         videoRef.value.removeEventListener("mouseleave", leaveFn);
@@ -126,9 +280,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         audioRef.value.removeEventListener("mouseleave", leaveFn);
       }
     });
-    const onPlay = () => {
-      if (!props.needPreview)
-        return;
+    const onPlayProxy = () => {
+      if (!props.needPreview) return;
       isFocus.value = true;
       playerVisible.value = true;
     };
@@ -139,106 +292,139 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       emit("visible-change", val);
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        Fragment,
-        null,
-        [
-          createCommentVNode(" \u89C6\u9891 "),
-          _ctx.type === "video" ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: normalizeClass(["das-ui-video", status.value, _ctx.mode]),
-              ref_key: "videoRef",
-              ref: videoRef,
-              style: normalizeStyle({ width: _ctx.width, height: _ctx.height }),
-              onClick: onPlay
-            },
-            [
-              createElementVNode("img", {
-                class: "bg-img",
-                src: imageSrc.value,
-                alt: ""
-              }, null, 8, _hoisted_1),
-              status.value === "" ? (openBlock(), createElementBlock("img", {
-                key: 0,
-                class: "icon",
-                style: normalizeStyle(iconStyle.value),
-                src: unref(img$3),
-                alt: ""
-              }, null, 12, _hoisted_2)) : createCommentVNode("v-if", true),
-              status.value === "active" ? (openBlock(), createElementBlock("img", {
-                key: 1,
-                class: "icon",
-                style: normalizeStyle(iconStyle.value),
-                src: unref(img$2),
-                alt: ""
-              }, null, 12, _hoisted_3)) : createCommentVNode("v-if", true),
-              createVNode(unref(DasAudioVideoPlayer), mergeProps({
-                visible: playerVisible.value,
-                "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => playerVisible.value = $event),
-                src: audioVideoSrc.value
-              }, _ctx.playerProps, { onVisibleChange: visibleChange }), null, 16, ["visible", "src"])
-            ],
-            6
-            /* CLASS, STYLE */
-          )) : createCommentVNode("v-if", true),
-          createCommentVNode(" \u97F3\u9891 "),
-          _ctx.type === "audio" ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: normalizeClass(["das-ui-audio", status.value, _ctx.mode]),
-              ref_key: "audioRef",
-              ref: audioRef,
-              style: normalizeStyle({ width: _ctx.width, height: _ctx.height, background: "#ffffff" }),
-              onClick: onPlay
-            },
-            [
-              _hoisted_4,
-              status.value === "" ? (openBlock(), createElementBlock("img", {
-                key: 0,
-                class: "icon",
-                style: normalizeStyle(iconStyle.value),
-                src: unref(img$1),
-                alt: ""
-              }, null, 12, _hoisted_5)) : createCommentVNode("v-if", true),
-              status.value === "active" ? (openBlock(), createElementBlock("img", {
-                key: 1,
-                class: "icon",
-                style: normalizeStyle(iconStyle.value),
-                src: unref(img),
-                alt: ""
-              }, null, 12, _hoisted_6)) : createCommentVNode("v-if", true),
-              createVNode(unref(DasAudioVideoPlayer), mergeProps({
-                visible: playerVisible.value,
-                "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => playerVisible.value = $event),
-                src: audioVideoSrc.value
-              }, _ctx.playerProps, { onVisibleChange: visibleChange }), null, 16, ["visible", "src"])
-            ],
-            6
-            /* CLASS, STYLE */
-          )) : createCommentVNode("v-if", true)
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      );
+    const setFocus = (value) => {
+      isFocus.value = value;
     };
+    const { onPlay } = useMicroAppAudioVideo({
+      type: props.type,
+      src: audioVideoSrc,
+      playerProps: props.playerProps,
+      needPreview: props.needPreview,
+      onPlayProxy,
+      setFocus,
+      visibleChange
+    });
+    const __returned__ = { baseURL, props, emit, iconStyle, videoRef, audioRef, playerVisible, audioVideoSrc, imageSrc, getVideoCover, enterFn, leaveFn, isFocus, status, onPlayProxy, visibleChange, setFocus, onPlay, get DasAudioVideoPlayer() {
+      return DasAudioVideoPlayer$1;
+    }, get video() {
+      return img$3;
+    }, get videoActive() {
+      return img$2;
+    }, get audio() {
+      return img$1;
+    }, get audioActive() {
+      return img;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-var audioVideo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c6aae387"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\audio-video\\src\\Index.vue"]]);
+const _withScopeId = (n) => (pushScopeId("data-v-c6aae387"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["src"];
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["src"];
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "bg-img" },
+  null,
+  -1
+  /* HOISTED */
+));
+const _hoisted_5 = ["src"];
+const _hoisted_6 = ["src"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    Fragment,
+    null,
+    [
+      createCommentVNode(" \u89C6\u9891 "),
+      $props.type === "video" ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: normalizeClass(["das-ui-video", $setup.status, $props.mode]),
+          ref: "videoRef",
+          style: normalizeStyle({ width: $props.width, height: $props.height }),
+          onClick: _cache[1] || (_cache[1] = (...args) => $setup.onPlay && $setup.onPlay(...args))
+        },
+        [
+          createElementVNode("img", {
+            class: "bg-img",
+            src: $setup.imageSrc,
+            alt: ""
+          }, null, 8, _hoisted_1),
+          $setup.status === "" ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            class: "icon",
+            style: normalizeStyle($setup.iconStyle),
+            src: $setup.video,
+            alt: ""
+          }, null, 12, _hoisted_2)) : createCommentVNode("v-if", true),
+          $setup.status === "active" ? (openBlock(), createElementBlock("img", {
+            key: 1,
+            class: "icon",
+            style: normalizeStyle($setup.iconStyle),
+            src: $setup.videoActive,
+            alt: ""
+          }, null, 12, _hoisted_3)) : createCommentVNode("v-if", true),
+          createVNode($setup["DasAudioVideoPlayer"], mergeProps({
+            type: $props.type,
+            visible: $setup.playerVisible,
+            "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $setup.playerVisible = $event),
+            src: $setup.audioVideoSrc
+          }, $props.playerProps, { onVisibleChange: $setup.visibleChange }), null, 16, ["type", "visible", "src"])
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : createCommentVNode("v-if", true),
+      createCommentVNode(" \u97F3\u9891 "),
+      $props.type === "audio" ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 1,
+          class: normalizeClass(["das-ui-audio", $setup.status, $props.mode]),
+          ref: "audioRef",
+          style: normalizeStyle({ width: $props.width, height: $props.height, background: "#ffffff" }),
+          onClick: _cache[3] || (_cache[3] = (...args) => $setup.onPlay && $setup.onPlay(...args))
+        },
+        [
+          _hoisted_4,
+          $setup.status === "" ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            class: "icon",
+            style: normalizeStyle($setup.iconStyle),
+            src: $setup.audio,
+            alt: ""
+          }, null, 12, _hoisted_5)) : createCommentVNode("v-if", true),
+          $setup.status === "active" ? (openBlock(), createElementBlock("img", {
+            key: 1,
+            class: "icon",
+            style: normalizeStyle($setup.iconStyle),
+            src: $setup.audioActive,
+            alt: ""
+          }, null, 12, _hoisted_6)) : createCommentVNode("v-if", true),
+          createVNode($setup["DasAudioVideoPlayer"], mergeProps({
+            type: $props.type,
+            visible: $setup.playerVisible,
+            "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $setup.playerVisible = $event),
+            src: $setup.audioVideoSrc
+          }, $props.playerProps, { onVisibleChange: $setup.visibleChange }), null, 16, ["type", "visible", "src"])
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : createCommentVNode("v-if", true)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+var audioVideo = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c6aae387"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/audio-video/src/Index.vue"]]);
 
 const DasAudioVideoRef = () => ref(null);
+const DasAudioVideoPlayerRef = () => ref(null);
 const DasAudioVideo = withInstall(audioVideo);
+const DasAudioVideoPlayer = withInstall(audioVideoPlayer);
+var index = { name: "\u97F3\u89C6\u9891\u64AD\u653E\u5668" };
 
-export { DasAudioVideo, DasAudioVideoRef, DasAudioVideo as default };
+export { DasAudioVideo, DasAudioVideoPlayer, DasAudioVideoPlayerRef, DasAudioVideoRef, index as default };

package/packages/components/autocomplete/index.css

@@ -1 +1 @@
-.el-popover.el-popper.autocomplete-popover{min-width:unset!important}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d]{margin:-4px -12px}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d]{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.851);cursor:pointer;display:flex;font-size:14px;height:32px;padding:0 12px}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d][data-v-171bc33d]:hover{background-color:#f5f5f5}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .current-select-label[data-v-171bc33d]{background-color:#f2f6ff;color:#276ff5}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .current-select-label[data-v-171bc33d][data-v-171bc33d]:hover{background-color:#f2f6ff}
+.el-popover.el-popper.autocomplete-popover{min-width:unset!important}.el-popover.el-popper.autocomplete-popover .das-ui-text-context,.el-popover.el-popper.autocomplete-popover .tree-normal-node{font-size:14px!important}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d]{margin:-4px -12px}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .virtual-list[data-v-171bc33d]{height:100%}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d]{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.851);cursor:pointer;display:flex;font-size:14px;height:32px;padding:0 12px}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d][data-v-171bc33d]:hover,.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d][data-v-171bc33d]:hover:not(.is-disabled){background-color:#f5f5f5}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d].is-active[data-v-171bc33d]:not(.is-disabled),.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d].is-current[data-v-171bc33d]:not(.is-disabled){background-color:#e3ebff}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d].is-active[data-v-171bc33d]:not(.is-disabled) .das-ui-text-context[data-v-171bc33d],.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d].is-current[data-v-171bc33d]:not(.is-disabled) .das-ui-text-context[data-v-171bc33d]{color:#5582f3}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d].is-disabled[data-v-171bc33d]{cursor:not-allowed}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .select-label[data-v-171bc33d].is-disabled[data-v-171bc33d] .das-ui-text-context[data-v-171bc33d]{color:#b2b2b2!important}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .current-select-label[data-v-171bc33d]{background-color:#f2f6ff;color:#276ff5}.autocomplete-popover[data-v-171bc33d] .autocomplete-select-box[data-v-171bc33d] .current-select-label[data-v-171bc33d][data-v-171bc33d]:hover{background-color:#f2f6ff}