@yimou6/common-ui 1.6.1 → 1.6.2

package/es/components/live-player/src/xgPlayer.vue2.mjs

@@ -0,0 +1,108 @@
+import { defineComponent, shallowRef, onMounted, nextTick, openBlock, createElementBlock, createElementVNode } from 'vue';
+import Player from 'xgplayer';
+import FlvPlugin from 'xgplayer-flv';
+import HlsPlugin from 'xgplayer-hls';
+import { videoType } from './live-player.mjs';
+import { customLang, onLineIgnores, recordIgnores } from './preset.mjs';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const _hoisted_1 = { class: "i-player-bg i-player-container" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "XgPlayer"
+  },
+  __name: "xgPlayer",
+  props: {
+    url: {},
+    onLine: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const playerRef = shallowRef();
+    let playerInstance = null;
+    onMounted(() => {
+      Player.I18N.extend([customLang]);
+      play();
+    });
+    __expose({ play, destroy });
+    function play(options) {
+      destroy();
+      nextTick(() => {
+        createXgPlayer(options);
+      });
+    }
+    __name(play, "play");
+    function destroy() {
+      if (playerInstance) {
+        playerInstance == null ? void 0 : playerInstance.destroy();
+        playerInstance = null;
+      }
+    }
+    __name(destroy, "destroy");
+    function createXgPlayer(options) {
+      const plugins = [];
+      const type = videoType(props.url);
+      try {
+        if (type === "flv") {
+          if (FlvPlugin.isSupported()) {
+            plugins.push(FlvPlugin);
+          }
+        } else if (type === "hls") {
+          const videoElement = document.createElement("video");
+          const isNativeHlsSupported = videoElement.canPlayType("application/vnd.apple.mpegurl");
+          if (!isNativeHlsSupported && HlsPlugin.isSupported()) {
+            plugins.push(HlsPlugin);
+          }
+        } else {
+          console.warn(`Unsupported type: ${type}. Please use 'flv' or 'hls'.`);
+        }
+      } catch (error) {
+        console.error("Error occurred while checking plugin support:", error);
+      }
+      const ignores = props.onLine ? onLineIgnores : recordIgnores;
+      playerInstance = new Player({
+        el: playerRef.value,
+        url: props.url,
+        height: "100%",
+        width: "100%",
+        plugins,
+        ignores,
+        autoplayMuted: true,
+        marginControls: true,
+        screenShot: props.onLine,
+        autoplay: true,
+        lang: "zh-cn",
+        videoAttributes: {
+          crossOrigin: "anonymous"
+        },
+        ...options
+      });
+      playerInstance.getPlugin("error").useHooks("errorRetry", () => {
+        playerInstance.config.url = props.url;
+        playerInstance.resetState();
+        playerInstance.play();
+        return false;
+      });
+    }
+    __name(createXgPlayer, "createXgPlayer");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode(
+          "div",
+          {
+            ref_key: "playerRef",
+            ref: playerRef,
+            class: "i-player-container"
+          },
+          null,
+          512
+          /* NEED_PATCH */
+        )
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=xgPlayer.vue2.mjs.map

package/es/components/live-player/src/xgPlayer.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xgPlayer.vue2.mjs","sources":["../../../../../../../packages/components/live-player/src/xgPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { nextTick, onMounted, shallowRef } from 'vue';\n  import Player from 'xgplayer';\n  import FlvPlugin from 'xgplayer-flv';\n  import HlsPlugin from 'xgplayer-hls';\n  import { videoType } from './live-player';\n  import { customLang, onLineIgnores, recordIgnores } from './preset';\n  defineOptions({\n    name: 'XgPlayer',\n  });\n\n  const props = defineProps<{\n    url: string;\n    onLine?: boolean;\n  }>();\n\n  const playerRef = shallowRef();\n  let playerInstance: any = null;\n\n  onMounted(() => {\n    // @ts-ignore\n    Player.I18N.extend([customLang]);\n    play();\n  });\n\n  defineExpose({ play, destroy });\n\n  function play(options?: Record<string, any>) {\n    destroy();\n    nextTick(() => {\n      createXgPlayer(options);\n    });\n  }\n  function destroy() {\n    if (playerInstance) {\n      playerInstance?.destroy();\n      playerInstance = null;\n    }\n  }\n\n  /**\n   * 创建西瓜播放器实例，播放hls,flv流\n   */\n  function createXgPlayer(options?: Record<string, any>) {\n    const plugins: any[] = [];\n    const type = videoType(props.url);\n    try {\n      if (type === 'flv') {\n        if (FlvPlugin.isSupported()) {\n          plugins.push(FlvPlugin);\n        }\n      } else if (type === 'hls') {\n        const videoElement = document.createElement('video');\n        const isNativeHlsSupported = videoElement.canPlayType('application/vnd.apple.mpegurl');\n\n        if (!isNativeHlsSupported && HlsPlugin.isSupported()) {\n          plugins.push(HlsPlugin);\n        }\n      } else {\n        console.warn(`Unsupported type: ${type}. Please use 'flv' or 'hls'.`);\n      }\n    } catch (error) {\n      console.error('Error occurred while checking plugin support:', error);\n    }\n\n    const ignores = props.onLine ? onLineIgnores : recordIgnores;\n\n    playerInstance = new Player({\n      el: playerRef.value,\n      url: props.url,\n      height: '100%',\n      width: '100%',\n      plugins,\n      ignores,\n      autoplayMuted: true,\n      marginControls: true,\n      screenShot: props.onLine,\n      autoplay: true,\n      lang: 'zh-cn',\n      videoAttributes: {\n        crossOrigin: 'anonymous',\n      },\n      ...options,\n    });\n\n    playerInstance.getPlugin('error').useHooks('errorRetry', () => {\n      playerInstance.config.url = props.url;\n      playerInstance.resetState();\n      playerInstance.play();\n      return false;\n    });\n  }\n</script>\n\n<template>\n  <div class=\"i-player-bg i-player-container\">\n    <div ref=\"playerRef\" class=\"i-player-container\" />\n  </div>\n</template>\n"],"names":[],"mappings":"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"}

package/es/components/live-player/src/ysPlayer.vue.d.ts

@@ -0,0 +1,73 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: false;
+    };
+    deviceSerial: {
+        type: StringConstructor;
+        required: false;
+    };
+    channel: {
+        type: NumberConstructor;
+        required: false;
+    };
+    quality: {
+        type: StringConstructor;
+        required: false;
+    };
+    accessToken: {
+        type: StringConstructor;
+        required: true;
+    };
+    debug: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>, {
+    props: any;
+    PLAYER_TEMPLATE: string;
+    id: string;
+    playerInstance: any;
+    errorMsg: string;
+    ysRef: import("vue").ShallowRef<any, any>;
+    width: import("vue").Ref<number, number>;
+    height: import("vue").Ref<number, number>;
+    ratio: number;
+    debounce: (func: Function, wait: number) => (this: any, ...args: any[]) => void;
+    debouncedResize: (this: any, ...args: any[]) => void;
+    play: (options?: Record<string, any>) => void;
+    destroy: () => void;
+    resize: () => void;
+    createPlayer: (options?: Record<string, any>) => void;
+    formatterUrl: () => string;
+    removePlayerDom: () => void;
+    createPlayerDom: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    url: {
+        type: StringConstructor;
+        required: false;
+    };
+    deviceSerial: {
+        type: StringConstructor;
+        required: false;
+    };
+    channel: {
+        type: NumberConstructor;
+        required: false;
+    };
+    quality: {
+        type: StringConstructor;
+        required: false;
+    };
+    accessToken: {
+        type: StringConstructor;
+        required: true;
+    };
+    debug: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    debug: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/live-player/src/ysPlayer.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './ysPlayer.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=ysPlayer.vue.mjs.map

package/es/components/live-player/src/ysPlayer.vue.mjs.map

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

package/es/components/live-player/src/ysPlayer.vue2.mjs

@@ -0,0 +1,172 @@
+import { defineComponent, shallowRef, onMounted, watch, nextTick, openBlock, createElementBlock, unref, toDisplayString, createCommentVNode } from 'vue';
+import { useElementSize } from '@vueuse/core';
+import EZUIKit from 'ezuikit-js';
+import { uuid } from './live-player.mjs';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const _hoisted_1 = {
+  key: 0,
+  class: "i-player__error"
+};
+const PLAYER_TEMPLATE = "5f295a9341a74d439b5d69374c90d501";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YsPlayer"
+  },
+  __name: "ysPlayer",
+  props: {
+    url: {},
+    deviceSerial: {},
+    channel: {},
+    quality: {},
+    accessToken: {},
+    debug: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const id = uuid();
+    let playerInstance = null;
+    let errorMsg = "";
+    const ysRef = shallowRef();
+    const { width, height } = useElementSize(ysRef);
+    let ratio = 16 / 9;
+    onMounted(() => play());
+    __expose({ play, destroy, resize });
+    function debounce(func, wait) {
+      let timeout = null;
+      return function(...args) {
+        if (timeout) clearTimeout(timeout);
+        timeout = setTimeout(() => func.apply(this, args), wait);
+      };
+    }
+    __name(debounce, "debounce");
+    const debouncedResize = debounce(resize, 300);
+    watch(
+      () => [width.value, height.value, ratio],
+      () => debouncedResize()
+    );
+    function play(options) {
+      props.debug && console.log("play", options);
+      if (!props.accessToken) {
+        errorMsg = `params 'accessToken' is not fount`;
+      } else {
+        const url = formatterUrl();
+        if (url) {
+          createPlayerDom();
+          nextTick(() => createPlayer(options));
+        }
+      }
+    }
+    __name(play, "play");
+    function destroy() {
+      if (playerInstance) {
+        playerInstance.destroy();
+        playerInstance = null;
+        removePlayerDom();
+      }
+    }
+    __name(destroy, "destroy");
+    function resize() {
+      if (width.value > 0 && height.value > 0) {
+        let calculatedWidth = width.value;
+        let calculatedHeight = calculatedWidth / ratio;
+        if (calculatedHeight > height.value) {
+          calculatedHeight = height.value;
+          calculatedWidth = calculatedHeight * ratio;
+        }
+        playerInstance == null ? void 0 : playerInstance.resize(calculatedWidth, calculatedHeight);
+      }
+    }
+    __name(resize, "resize");
+    function createPlayer(options) {
+      playerInstance = new EZUIKit.EZUIKitPlayer({
+        id,
+        url: formatterUrl(),
+        accessToken: props.accessToken,
+        template: PLAYER_TEMPLATE,
+        width: width.value,
+        height: height.value,
+        audio: 1,
+        // @ts-ignore
+        loggerOptions: {
+          name: "YSPLAYER",
+          level: "ERROR",
+          showTime: true
+        },
+        ...options
+      });
+      playerInstance.eventEmitter.on("destroy", (args) => {
+        props.debug && console.log("destroy", args);
+      });
+      playerInstance.eventEmitter.on("init", (args) => {
+        props.debug && console.log("init", args);
+      });
+      playerInstance.eventEmitter.on("play", (args) => {
+        props.debug && console.log("play", args);
+      });
+      playerInstance.eventEmitter.on("videoInfo", (args) => {
+        const { width: w, height: h } = args;
+        if (w && h) {
+          ratio = w / h;
+        }
+      });
+    }
+    __name(createPlayer, "createPlayer");
+    function formatterUrl() {
+      if (props.url) {
+        return props.url;
+      } else {
+        if (props.deviceSerial && props.channel) {
+          const quality = props.quality === "" || props.quality === "hd" ? "hd." : "";
+          return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;
+        } else {
+          errorMsg = `params 'deviceSerial' or 'channel' is not fount`;
+          return "";
+        }
+      }
+    }
+    __name(formatterUrl, "formatterUrl");
+    function removePlayerDom() {
+      const dom = document.getElementById(id);
+      dom && dom.remove();
+    }
+    __name(removePlayerDom, "removePlayerDom");
+    function createPlayerDom() {
+      var _a;
+      if (!errorMsg) {
+        removePlayerDom();
+        const dom = document.createElement("div");
+        dom.id = id;
+        dom.style.width = "100%";
+        dom.style.height = "100%";
+        (_a = ysRef.value) == null ? void 0 : _a.appendChild(dom);
+      }
+    }
+    __name(createPlayerDom, "createPlayerDom");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "ysRef",
+          ref: ysRef,
+          class: "i-player-bg i-player-container"
+        },
+        [
+          unref(errorMsg) ? (openBlock(), createElementBlock(
+            "div",
+            _hoisted_1,
+            toDisplayString(unref(errorMsg)),
+            1
+            /* TEXT */
+          )) : createCommentVNode("v-if", true)
+        ],
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=ysPlayer.vue2.mjs.map

package/es/components/live-player/src/ysPlayer.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ysPlayer.vue2.mjs","sources":["../../../../../../../packages/components/live-player/src/ysPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useElementSize } from '@vueuse/core';\n  import EZUIKit from 'ezuikit-js';\n  import { nextTick, onMounted, shallowRef, watch } from 'vue';\n  import { uuid } from './live-player';\n  // 萤石云播放器\n  defineOptions({\n    name: 'YsPlayer',\n  });\n\n  // 传值方式\n  // 1、传url、accessToken\n  // 2、传deviceSerial、channel、accessToken\n  const props = defineProps<{\n    // 播放地址\n    // 高清：ezopen://open.ys7.com/${设备序列号}/${通道号}.hd.live\n    // 流畅：ezopen://open.ys7.com/${设备序列号}/${通道号}.live\n    url?: string;\n    // 设备序列号\n    deviceSerial?: string;\n    // 通道号\n    channel?: number;\n    // 清晰度,默认为空，也表示高清\n    // hd：高清；sd：流畅\n    quality?: 'hd' | 'sd' | '';\n    accessToken: string;\n    debug?: boolean;\n  }>();\n\n  // 播放器模板ID\n  // 可在萤石云控制台查看、修改、获取\n  // 位置：云直播-轻应用-特致珈默认模板\n  const PLAYER_TEMPLATE = '5f295a9341a74d439b5d69374c90d501';\n  const id = uuid();\n  let playerInstance: any = null;\n  let errorMsg = '';\n  const ysRef = shallowRef();\n  const { width, height } = useElementSize(ysRef);\n  let ratio = 16 / 9;\n\n  onMounted(() => play());\n\n  defineExpose({ play, destroy, resize });\n\n  // 防抖函数\n  function debounce(func: Function, wait: number) {\n    let timeout: ReturnType<typeof setTimeout> | null = null;\n    return function (this: any, ...args: any[]) {\n      if (timeout) clearTimeout(timeout);\n      timeout = setTimeout(() => func.apply(this, args), wait);\n    };\n  }\n\n  // 加上防抖的 resize 函数\n  const debouncedResize = debounce(resize, 300);\n\n  watch(\n    () => [width.value, height.value, ratio],\n    () => debouncedResize(),\n  );\n\n  function play(options?: Record<string, any>) {\n    props.debug && console.log('play', options);\n    if (!props.accessToken) {\n      errorMsg = `params 'accessToken' is not fount`;\n    } else {\n      const url = formatterUrl();\n      if (url) {\n        createPlayerDom();\n        nextTick(() => createPlayer(options));\n      }\n    }\n  }\n  function destroy() {\n    if (playerInstance) {\n      playerInstance.destroy();\n      playerInstance = null;\n      removePlayerDom();\n    }\n  }\n  function resize() {\n    // 根据播放器宽高比，设置播放器高度\n    if (width.value > 0 && height.value > 0) {\n      let calculatedWidth = width.value;\n      let calculatedHeight = calculatedWidth / ratio;\n      if (calculatedHeight > height.value) {\n        calculatedHeight = height.value;\n        calculatedWidth = calculatedHeight * ratio;\n      }\n      playerInstance?.resize(calculatedWidth, calculatedHeight);\n    }\n  }\n\n  /**\n   * 创建萤石云播放器实例，播放萤石云直播流\n   */\n  function createPlayer(options?: Record<string, any>) {\n    playerInstance = new EZUIKit.EZUIKitPlayer({\n      id,\n      url: formatterUrl(),\n      accessToken: props.accessToken,\n      template: PLAYER_TEMPLATE,\n      width: width.value,\n      height: height.value,\n      audio: 1,\n      // @ts-ignore\n      loggerOptions: {\n        name: 'YSPLAYER',\n        level: 'ERROR',\n        showTime: true,\n      },\n      ...options,\n    });\n\n    playerInstance.eventEmitter.on('destroy', (args: any) => {\n      props.debug && console.log('destroy', args);\n    });\n    playerInstance.eventEmitter.on('init', (args: any) => {\n      props.debug && console.log('init', args);\n    });\n    playerInstance.eventEmitter.on('play', (args: any) => {\n      props.debug && console.log('play', args);\n    });\n    playerInstance.eventEmitter.on('videoInfo', (args: any) => {\n      const { width: w, height: h } = args;\n      // 计算播放器宽高比\n      if (w && h) {\n        ratio = w / h;\n      }\n    });\n  }\n\n  function formatterUrl(): string {\n    if (props.url) {\n      return props.url;\n    } else {\n      if (props.deviceSerial && props.channel) {\n        const quality = props.quality === '' || props.quality === 'hd' ? 'hd.' : '';\n        return `ezopen://open.ys7.com/${props.deviceSerial}/${props.channel}.${quality}live`;\n      } else {\n        errorMsg = `params 'deviceSerial' or 'channel' is not fount`;\n        return '';\n      }\n    }\n  }\n\n  // 移除播放器DOM\n  function removePlayerDom() {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n  // 创建播放器DOM\n  function createPlayerDom() {\n    if (!errorMsg) {\n      removePlayerDom();\n      const dom = document.createElement('div');\n      dom.id = id;\n      dom.style.width = '100%';\n      dom.style.height = '100%';\n      ysRef.value?.appendChild(dom);\n    }\n  }\n</script>\n\n<template>\n  <div ref=\"ysRef\" class=\"i-player-bg i-player-container\">\n    <div v-if=\"errorMsg\" class=\"i-player__error\">{{ errorMsg }}</div>\n  </div>\n</template>\n"],"names":[],"mappings":"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"}

package/es/components/tenant-enterprise/index.d.ts

@@ -16,6 +16,10 @@ export declare const ITenantEnterprise: import("../../types").SFCWithInstall<imp
         type: BooleanConstructor;
         default: boolean;
     };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
     action: ObjectConstructor;
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -35,6 +39,10 @@ export declare const ITenantEnterprise: import("../../types").SFCWithInstall<imp
             type: BooleanConstructor;
             default: boolean;
         };
+        popperClass: {
+            type: StringConstructor;
+            default: string;
+        };
         action: ObjectConstructor;
     }>> & Readonly<{
         onChange?: ((value: import("./src/tenant-enterprise").TenantEnterpriseChangeValueType) => any) | undefined;
@@ -1332,6 +1340,10 @@ export declare const ITenantEnterprise: import("../../types").SFCWithInstall<imp
         type: BooleanConstructor;
         default: boolean;
     };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
     action: ObjectConstructor;
 }>> & Readonly<{
     onChange?: ((value: import("./src/tenant-enterprise").TenantEnterpriseChangeValueType) => any) | undefined;
@@ -1339,6 +1351,7 @@ export declare const ITenantEnterprise: import("../../types").SFCWithInstall<imp
     label: string;
     data: any[];
     multiple: boolean;
+    popperClass: string;
     showLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ITenantEnterprise;

package/es/components/tenant-enterprise/src/tenant-enterprise.d.ts

@@ -17,6 +17,10 @@ export declare const TenantEnterpriseProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
     action: ObjectConstructor;
 };
 export interface TenantEnterpriseItem {

package/es/components/tenant-enterprise/src/tenant-enterprise.mjs

@@ -17,6 +17,10 @@ const TenantEnterpriseProps = {
     type: Boolean,
     default: true
   },
+  popperClass: {
+    type: String,
+    default: ""
+  },
   /**
    * pinia window.microApp.getData()
    */

package/es/components/tenant-enterprise/src/tenant-enterprise.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tenant-enterprise.mjs","sources":["../../../../../../../packages/components/tenant-enterprise/src/tenant-enterprise.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type TenantEnterprise from './tenant-enterprise.vue';\n\nexport const TenantEnterpriseProps = {\n  label: {\n    type: String,\n    default: '当前单位',\n  },\n  showLabel: {\n    type: Boolean,\n    default: true,\n  },\n  data: {\n    type: Array as PropType<any[]>,\n    default: () => [],\n  },\n  multiple: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * pinia window.microApp.getData()\n   */\n  action: Object,\n};\n\nexport interface TenantEnterpriseItem {\n  name: string;\n  enterpriseId: number | string;\n  tenantId: number | string;\n}\nexport interface TenantEnterpriseChangeValueType {\n  arr: TenantEnterpriseItem[];\n  obj: TenantEnterpriseItem;\n}\n\nexport const TenantEnterpriseEmits = {\n  change: (value: TenantEnterpriseChangeValueType) => value,\n};\n\nexport type TenantEnterprisePropsType = ExtractPropTypes<typeof TenantEnterpriseProps>;\nexport type TenantEnterpriseInstance = InstanceType<typeof TenantEnterprise>;\n"],"names":[],"mappings":";;AAGO,MAAM,qBAAwB,GAAA;AAAA,EACnC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,kBAAe,MAAA,CAAA,MAAA,EAAN,EAAA,SAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AACV;AAYO,MAAM,qBAAwB,GAAA;AAAA,EACnC,MAAA,kBAAS,MAAA,CAAA,CAAA,KAAA,KAA2C,KAA5C,EAAA,QAAA;AACV;;;;"}
+{"version":3,"file":"tenant-enterprise.mjs","sources":["../../../../../../../packages/components/tenant-enterprise/src/tenant-enterprise.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type TenantEnterprise from './tenant-enterprise.vue';\n\nexport const TenantEnterpriseProps = {\n  label: {\n    type: String,\n    default: '当前单位',\n  },\n  showLabel: {\n    type: Boolean,\n    default: true,\n  },\n  data: {\n    type: Array as PropType<any[]>,\n    default: () => [],\n  },\n  multiple: {\n    type: Boolean,\n    default: true,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * pinia window.microApp.getData()\n   */\n  action: Object,\n};\n\nexport interface TenantEnterpriseItem {\n  name: string;\n  enterpriseId: number | string;\n  tenantId: number | string;\n}\nexport interface TenantEnterpriseChangeValueType {\n  arr: TenantEnterpriseItem[];\n  obj: TenantEnterpriseItem;\n}\n\nexport const TenantEnterpriseEmits = {\n  change: (value: TenantEnterpriseChangeValueType) => value,\n};\n\nexport type TenantEnterprisePropsType = ExtractPropTypes<typeof TenantEnterpriseProps>;\nexport type TenantEnterpriseInstance = InstanceType<typeof TenantEnterprise>;\n"],"names":[],"mappings":";;AAGO,MAAM,qBAAwB,GAAA;AAAA,EACnC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,kBAAe,MAAA,CAAA,MAAA,EAAN,EAAA,SAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AACV;AAYO,MAAM,qBAAwB,GAAA;AAAA,EACnC,MAAA,kBAAS,MAAA,CAAA,CAAA,KAAA,KAA2C,KAA5C,EAAA,QAAA;AACV;;;;"}

package/es/components/tenant-enterprise/src/tenant-enterprise.vue.d.ts

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
     action: ObjectConstructor;
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -34,6 +38,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        popperClass: {
+            type: StringConstructor;
+            default: string;
+        };
         action: ObjectConstructor;
     }>> & Readonly<{
         onChange?: ((value: import("./tenant-enterprise").TenantEnterpriseChangeValueType) => any) | undefined;
@@ -1331,6 +1339,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
     action: ObjectConstructor;
 }>> & Readonly<{
     onChange?: ((value: import("./tenant-enterprise").TenantEnterpriseChangeValueType) => any) | undefined;
@@ -1338,6 +1350,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     label: string;
     data: any[];
     multiple: boolean;
+    popperClass: string;
     showLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/tenant-enterprise/src/tenant-enterprise.vue2.mjs

@@ -356,7 +356,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             clearable: false,
             style: { "width": "240px" },
             placement: "bottom-end",
-            "popper-class": "tenant-enterprise-popper",
+            "popper-class": `tenant-enterprise-popper ${_ctx.popperClass}`,
             onVisibleChange: handleVisibleChange
           }, {
             empty: withCtx(() => [
@@ -428,7 +428,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue", "multiple"])
+          }, 8, ["modelValue", "multiple", "popper-class"])
         ],
         512
         /* NEED_PATCH */