hy-dispatch-ui-v3 0.1.6 → 0.2.0

package/es/components/appVideoPlayer/style/mediaLoading.scss

@@ -0,0 +1,62 @@
+/* 动效组件保持不变 */
+.tech-loader {
+  position: relative;
+  z-index: 2;
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-radius: 50%;
+    border: 2px solid rgba(0, 255, 255, 0.1);
+  }
+  &::after {
+    content: '';
+    position: absolute;
+    top: -2px;
+    left: -2px;
+    right: -2px;
+    bottom: -2px;
+    border-radius: 50%;
+    border: 2px solid transparent;
+    border-top-color: #00ffff;
+    border-right-color: #00ffff;
+    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
+    animation: spin 1s linear infinite;
+  }
+  .tech-center-dot {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 6px;
+    height: 6px;
+    background-color: #00ffff;
+    border-radius: 50%;
+    box-shadow: 0 0 10px #00ffff;
+    animation: pulse 1.5s ease-in-out infinite;
+  }
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes pulse {
+  0%,
+  100% {
+    opacity: 0.5;
+    scale: 1;
+  }
+  50% {
+    opacity: 1;
+    scale: 1.2;
+  }
+}

package/es/components/index.mjs

@@ -14,6 +14,11 @@ export { AppNoPermissions } from './appNoPermissions/index.mjs';
 export { AppNoPermissionsMap } from './appNoPermissionsMap/index.mjs';
 export { AppCutter } from './appCutter/index.mjs';
 export { AppDialog } from './appDialog/index.mjs';
+export { AppMenu } from './appMenu/index.mjs';
+export { AppTree } from './appTree/index.mjs';
+export { AppVideoPlayer } from './appVideoPlayer/index.mjs';
+export { AppAudioPlayer } from './appAudioPlayer/index.mjs';
+export { AppInput } from './appInput/index.mjs';
 export { useAppForm } from './appForm/js/useAppForm.mjs';
 export { useAppSearch } from './appSearch/js/useAppSearch.mjs';
 export { useAppTable } from './appTable/js/useAppTable.mjs';

package/es/hooks/index.mjs

@@ -2,5 +2,8 @@ export { defaultAxios, localApiKey, useApi } from './useApi.mjs';
 export { buildLocaleContext, buildTranslator, getLanguage, localeContextKey, translate, useLocale } from './useLocale.mjs';
 export { configProviderContextKey, provideGlobalConfig, useGlobalConfig } from './useGlobalConfig.mjs';
 export { useMixins } from './useMixins.mjs';
+export { localPermissionMapKey, usePermissionMap } from './usePermissionMap.mjs';
 export { localUserAvatarMapKey, useUserAvatarMap } from './useUserAvatarMap.mjs';
 export { useResizeHandler } from './useResizeHandler.mjs';
+export { localAudioPlayerConfigKey, useAudioPlayerConfig } from './useAudioPlayerConfig.mjs';
+export { localVideoPlayerConfigKey, useVideoPlayerConfig } from './useVideoPlayerConfig.mjs';

package/es/hooks/useApi.mjs

@@ -12,7 +12,7 @@ const defaultAxios = ref(
 );
 defaultAxios.value.interceptors.response.use(
   (response) => {
-    const data = response == null ? void 0 : response.data;
+    const data = response?.data;
     return Promise.resolve(data);
   },
   (error) => {
@@ -20,10 +20,10 @@ defaultAxios.value.interceptors.response.use(
   }
 );
 const useApi = () => {
-  var _a;
   const api = inject(localApiKey, ref());
-  const globalConfig = useGlobalConfig();
-  return { api: unref(api) ? api : ((_a = unref(globalConfig)) == null ? void 0 : _a.api) || defaultAxios };
+  return {
+    api: unref(api) ? api : unref(useGlobalConfig())?.api || defaultAxios
+  };
 };
 
 export { defaultAxios, localApiKey, useApi };

package/es/hooks/useAudioPlayerConfig.mjs

@@ -0,0 +1,12 @@
+import { inject, ref, unref } from 'vue';
+import { useGlobalConfig } from './useGlobalConfig.mjs';
+
+const localAudioPlayerConfigKey = /* @__PURE__ */ Symbol("useAudioPlayerConfig");
+const useAudioPlayerConfig = () => {
+  const audioPlayerConfig = inject(localAudioPlayerConfigKey, ref());
+  return {
+    audioPlayerConfig: unref(audioPlayerConfig) ? audioPlayerConfig : unref(useGlobalConfig()).audioPlayer || ref(/* @__PURE__ */ new Map())
+  };
+};
+
+export { localAudioPlayerConfigKey, useAudioPlayerConfig };

package/es/hooks/useGlobalConfig.mjs

@@ -3,6 +3,9 @@ import * as index from '../locale/index.mjs';
 import { localeContextKey } from './useLocale.mjs';
 import { localApiKey } from './useApi.mjs';
 import { localUserAvatarMapKey } from './useUserAvatarMap.mjs';
+import { localPermissionMapKey } from './usePermissionMap.mjs';
+import { localAudioPlayerConfigKey } from './useAudioPlayerConfig.mjs';
+import { localVideoPlayerConfigKey } from './useVideoPlayerConfig.mjs';
 import zh_CN from '../locale/zh_CN.mjs';
 
 const globalConfig = ref();
@@ -18,19 +21,15 @@ const configProviderContextKey = /* @__PURE__ */ Symbol("configProviderContextKe
 function useGlobalConfig(key, defaultValue = void 0) {
   const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
   if (key) {
-    return computed(() => {
-      var _a, _b;
-      return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
-    });
+    return computed(() => config.value?.[key] ?? defaultValue);
   } else {
     return config;
   }
 }
 const provideGlobalConfig = (config, app, global = false) => {
-  var _a;
   const inSetup = !!getCurrentInstance();
   const oldConfig = inSetup ? useGlobalConfig() : void 0;
-  const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? provide : void 0;
+  const provideFn = app?.provide ?? (inSetup ? provide : void 0);
   if (!provideFn) {
     console.warn(
       "provideGlobalConfig",
@@ -40,7 +39,7 @@ const provideGlobalConfig = (config, app, global = false) => {
   }
   const context = computed(() => {
     const cfg = unref(config);
-    if (!(oldConfig == null ? void 0 : oldConfig.value)) return cfg;
+    if (!oldConfig?.value) return cfg;
     return mergeConfig(oldConfig.value, cfg);
   });
   provideFn(configProviderContextKey, context);
@@ -56,6 +55,18 @@ const provideGlobalConfig = (config, app, global = false) => {
     localUserAvatarMapKey,
     computed(() => context.value.userAvatarMap)
   );
+  provideFn(
+    localPermissionMapKey,
+    computed(() => context.value.permissionMap)
+  );
+  provideFn(
+    localAudioPlayerConfigKey,
+    computed(() => context.value.audioPlayer)
+  );
+  provideFn(
+    localVideoPlayerConfigKey,
+    computed(() => context.value.videoPlayer)
+  );
   if (global || !globalConfig.value) {
     globalConfig.value = context.value;
   }

package/es/hooks/useLocale.mjs

@@ -7,10 +7,7 @@ import zh_CN from '../locale/zh_CN.mjs';
 const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
 const translate = (path, option, locale) => get(locale, path, path).replace(
   /\{(\w+)\}/g,
-  (_, key) => {
-    var _a;
-    return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
-  }
+  (_, key) => `${option?.[key] ?? `{${key}}`}`
 );
 const buildLocaleContext = (locale, conifg) => {
   const lang = computed(() => unref(locale).name);
@@ -23,19 +20,14 @@ const buildLocaleContext = (locale, conifg) => {
 };
 const localeContextKey = /* @__PURE__ */ Symbol("localeContextKey");
 const getLanguage = (localeOverrides) => {
-  var _a;
   const locale = localeOverrides || inject(localeContextKey, ref());
-  return ((_a = unref(locale)) == null ? void 0 : _a.name) || (Chinese == null ? void 0 : Chinese.name);
+  return unref(locale)?.name || Chinese?.name;
 };
 const useLocale = (localeOverrides) => {
   const locale = localeOverrides || inject(localeContextKey, ref());
-  const globalConfig = useGlobalConfig();
   return buildLocaleContext(
     computed(
-      () => {
-        var _a;
-        return unref(locale) || index[(_a = unref(globalConfig)) == null ? void 0 : _a.locale] || zh_CN;
-      }
+      () => unref(locale) || index[unref(useGlobalConfig())?.locale] || zh_CN
     )
   );
 };

package/es/hooks/useMixins.mjs

@@ -3,7 +3,7 @@ const useMixins = (hy = {}, options) => {
   if (Array.isArray(options)) {
     mixins = options;
   } else {
-    mixins = (options == null ? void 0 : options.mixins) || [];
+    mixins = options?.mixins || [];
     options = {};
   }
   mixins.forEach((useFn) => {

package/es/hooks/usePermissionMap.mjs

@@ -0,0 +1,12 @@
+import { inject, ref, unref } from 'vue';
+import { useGlobalConfig } from './useGlobalConfig.mjs';
+
+const localPermissionMapKey = /* @__PURE__ */ Symbol("permissionMap");
+const usePermissionMap = () => {
+  const permissionMap = inject(localPermissionMapKey, ref());
+  return {
+    permissionMap: unref(permissionMap) ? permissionMap : unref(useGlobalConfig()).permissionMap || ref(/* @__PURE__ */ new Map())
+  };
+};
+
+export { localPermissionMapKey, usePermissionMap };

package/es/hooks/useUserAvatarMap.mjs

@@ -1,12 +1,11 @@
-import { inject, ref } from 'vue';
+import { inject, ref, unref } from 'vue';
 import { useGlobalConfig } from './useGlobalConfig.mjs';
 
 const localUserAvatarMapKey = /* @__PURE__ */ Symbol("userAvatarMap");
 const useUserAvatarMap = () => {
   const userAvatarMap = inject(localUserAvatarMapKey, ref());
-  const globalConfig = useGlobalConfig();
   return {
-    userAvatarMap: unref(userAvatarMap) ? userAvatarMap : unref(globalConfig).userAvatarMap || ref(/* @__PURE__ */ new Map())
+    userAvatarMap: unref(userAvatarMap) ? userAvatarMap : unref(useGlobalConfig()).userAvatarMap || ref(/* @__PURE__ */ new Map())
   };
 };
 

package/es/hooks/useVideoPlayerConfig.mjs

@@ -0,0 +1,12 @@
+import { inject, ref, unref } from 'vue';
+import { useGlobalConfig } from './useGlobalConfig.mjs';
+
+const localVideoPlayerConfigKey = /* @__PURE__ */ Symbol("useVideoPlayerConfig");
+const useVideoPlayerConfig = () => {
+  const videoPlayerConfig = inject(localVideoPlayerConfigKey, ref());
+  return {
+    videoPlayerConfig: unref(videoPlayerConfig) ? videoPlayerConfig : unref(useGlobalConfig()).videoPlayer || ref(/* @__PURE__ */ new Map())
+  };
+};
+
+export { localVideoPlayerConfigKey, useVideoPlayerConfig };

package/es/index.mjs

@@ -1,4 +1,5 @@
 import installer from './make-installer.mjs';
+export { AppAudioPlayer } from './components/appAudioPlayer/index.mjs';
 export { AppButton } from './components/appButton/index.mjs';
 export { AppConfigProvider } from './components/appConfigProvider/index.mjs';
 export { AppConfirmDialog } from './components/appConfirmDialog/index.mjs';
@@ -8,24 +9,33 @@ export { AppDialog } from './components/appDialog/index.mjs';
 export { AppForm } from './components/appForm/index.mjs';
 export { AppIcon } from './components/appIcon/index.mjs';
 export { AppIconBox } from './components/appIconBox/index.mjs';
+export { AppInput } from './components/appInput/index.mjs';
+export { AppMenu } from './components/appMenu/index.mjs';
 export { AppNoPermissions } from './components/appNoPermissions/index.mjs';
 export { AppNoPermissionsMap } from './components/appNoPermissionsMap/index.mjs';
 export { AppOrgCascader } from './components/appOrgCascader/index.mjs';
 export { AppSearch } from './components/appSearch/index.mjs';
 export { AppTable } from './components/appTable/index.mjs';
 export { AppTooltip } from './components/appTooltip/index.mjs';
+export { AppTree } from './components/appTree/index.mjs';
 export { AppUserAvatar } from './components/appUserAvatar/index.mjs';
+export { AppVideoPlayer } from './components/appVideoPlayer/index.mjs';
 export { base64Decrypt, encryptToBase64, generateRandomCode } from './utils/crypto.mjs';
-export { blobToDataURL, directTransmission, fileFormUpload, fileJsonUplaod, fileUpload, presignedUrl, sizeToTextHandler } from './utils/file.mjs';
+export { blobToDataURL, fileFormUpload, fileJsonUplaod, fileUpload, presignedUrl, sizeToTextHandler } from './utils/file.mjs';
 export { buildLocaleContext, buildTranslator, getLanguage, localeContextKey, translate, useLocale } from './hooks/useLocale.mjs';
 export { bus } from './utils/bus.mjs';
-export { cloneDeep, createUniqueId, funRunHandler, mergeDeep, withInstall } from './utils/handler.mjs';
+export { clearSpace, genValueByProp, getValueByProp, setValueByProp } from './utils/form.mjs';
+export { cloneDeep, copyText, createUniqueId, funRunHandler, mergeDeep, withInstall } from './utils/handler.mjs';
 export { configProviderContextKey, provideGlobalConfig, useGlobalConfig } from './hooks/useGlobalConfig.mjs';
 export { defaultAxios, localApiKey, useApi } from './hooks/useApi.mjs';
-export { getDefaultValueFormatByType } from './utils/date.mjs';
-export { isArray, isBoolean, isEmpty, isFile, isFunction, isNull, isNumber, isObject, isOverflowing, isString, isSymbol, isUndefined, isVueProxy } from './utils/is.mjs';
+export { formatDuration, getDefaultValueFormatByType } from './utils/date.mjs';
+export { isArray, isBoolean, isEmpty, isFile, isFunction, isNull, isNumber, isObject, isOverflowing, isString, isSupportH265, isSymbol, isUndefined, isVueProxy } from './utils/is.mjs';
+export { localAudioPlayerConfigKey, useAudioPlayerConfig } from './hooks/useAudioPlayerConfig.mjs';
+export { localPermissionMapKey, usePermissionMap } from './hooks/usePermissionMap.mjs';
 export { localUserAvatarMapKey, useUserAvatarMap } from './hooks/useUserAvatarMap.mjs';
+export { localVideoPlayerConfigKey, useVideoPlayerConfig } from './hooks/useVideoPlayerConfig.mjs';
 export { parseRem, pxTorem, remToPx, vwToPx } from './utils/adaptive.mjs';
+export { protocolcheckLoad, svgIconLoad } from './utils/loadScript.mjs';
 export { useAppForm } from './components/appForm/js/useAppForm.mjs';
 export { useAppSearch } from './components/appSearch/js/useAppSearch.mjs';
 export { useAppTable } from './components/appTable/js/useAppTable.mjs';

package/es/locale/en.mjs

@@ -29,10 +29,15 @@ var en = {
     years: "Years",
     noData: "No Data",
     confirm: "Confirm",
-    loading: "Loading"
+    loading: "Loading",
+    copySuccessfully: "Copy Successfully"
   },
   form: {
-    department: "Department"
+    department: "Department",
+    additionalInformationTip: "Editor's Supplementary Information (Optional)",
+    additionalInformationHoverTip: "Click To Expand And View More Detailed Information. (This Is An Optional Field)",
+    dynamicFormItem: "Dynamic Form Item",
+    addFormItem: "Add Form Item"
   },
   table: {
     hideFilter: "Hide filter",
@@ -44,12 +49,15 @@ var en = {
     notShown: "Not Shown",
     theColumnsDisplayedInTheTableCannotBeLeftBlank: "The Columns Displayed In The Table Cannot Be Left Blank",
     aTotalOfPiecesOfData: "A total of {0} pieces of data",
+    more: "More",
     moreOperations: "More Operations",
     nonsupport: "Nonsupport",
     editColumn: "Edit Column",
     Index: "\u5E8F\u53F7",
     searchFor: "Search For {0}",
-    example: "Example"
+    searchByInput: 'Search by input <span class="text-theme font-bold">{0}</span>',
+    example: "Example",
+    operator: "Operator"
   },
   dialog: {
     content: "Secondary Confirmation Operation",
@@ -78,6 +86,47 @@ var en = {
     uploadPictures: "Upload Picture",
     uploadPictureLimit: "The Image Upload Failed. The File Size Cannot Exceed {0}",
     imageSegmentation: "Image Segmentation"
+  },
+  videoPlayer: {
+    clickPlay: "Click To Play",
+    videoResourcesAreLoading: "Video Resources Are Loading",
+    theVideoCannotBePlayed: "The Video Cannot Be Played",
+    fileLoadingFailed: "File Loading Failed",
+    pleaseCheckWhetherTheCollectionStationIsOnlineAndWhetherTheFileExists: "Please Check Whether The Collection Station Is Online And Whether The File Exists",
+    toDownloadVlc: "Go To Download VLC Player",
+    yourBrowserDoesNotSupportHTMLVideoPlayback: "Your Browser Does Not Support HTML5 Video Playback.",
+    multiples: "Multiples",
+    stopAfterPlayback: "Stop After Playback",
+    continuousPlayback: "Continuous Playback",
+    loopPlayback: "Loop Playback",
+    adjustPlaybackVolume: "Adjust Playback Volume",
+    currentIsTheFirstItem: "Current Is The First Item",
+    currentIsTheLastItem: "Current Is The Last Item",
+    fileCompressionPackage_: "File Compression Package_",
+    fileDownload: "File Download",
+    downloadFile: "Download File",
+    startDownloading: "Start Downloading",
+    downloadFailed: "Download Failed",
+    vlcPlayerTip: "The Video Format Needs To Be Played By VLC Media Player",
+    notInstallVlcTips: "You Haven't Installed VLC Media Player. Please Click To Download And Install",
+    operationSuccessful: "Operation Successful",
+    theCurrentBrowserBlocksTheOpeningOfNewWindows: "The Current Browser Blocks The Opening Of New Windows",
+    pleaseGoToTheBrowserSettingsAndClickOnTheDownloadOrCopyLinkToOpenInTheBrowser: "Please Go To The Browser Settings And Click On The Download Or Copy Link To Open In The Browser",
+    copyLink: "Copy Link",
+    fullScreenSwitch: "Full Screen Switch",
+    pleaseConfigureTheAddressForDownloadingVLC: "Please Configure The Address For Downloading VLC"
+  },
+  audioPlayer: {
+    clickPlay: "Click To Play",
+    audioResourcesAreLoading: "Audio Resources Are Loading",
+    multiples: "Multiples",
+    stopAfterPlayback: "Stop After Playback",
+    continuousPlayback: "Continuous Playback",
+    loopPlayback: "Loop Playback",
+    adjustPlaybackVolume: "Adjust Playback Volume",
+    currentIsTheFirstItem: "Current Is The First Item",
+    currentIsTheLastItem: "Current Is The Last Item",
+    downloadFile: "Download File"
   }
 };
 

package/es/locale/zh_CN.mjs

@@ -29,10 +29,15 @@ var zh_CN = {
     years: "\u5E74",
     noData: "\u6682\u65E0\u6570\u636E",
     confirm: "\u786E\u8BA4",
-    loading: "\u52A0\u8F7D\u4E2D"
+    loading: "\u52A0\u8F7D\u4E2D",
+    copySuccessfully: "\u590D\u5236\u6210\u529F"
   },
   form: {
-    department: "\u6240\u5C5E\u90E8\u95E8"
+    department: "\u6240\u5C5E\u90E8\u95E8",
+    additionalInformationTip: "\u7F16\u8F91\u8865\u5145\u4FE1\u606F (\u9009\u586B)",
+    additionalInformationHoverTip: "\u70B9\u51FB\u53EF\u5C55\u5F00\u8865\u5145\u66F4\u591A\u4FE1\u606F\uFF0C\u975E\u5FC5\u586B\u9879",
+    dynamicFormItem: "\u52A8\u6001\u8868\u5355\u9879",
+    addFormItem: "\u6DFB\u52A0\u8868\u5355\u9879"
   },
   table: {
     hideFilter: "\u9690\u85CF\u7B5B\u9009\u5668",
@@ -44,13 +49,16 @@ var zh_CN = {
     notShown: "\u672A\u663E\u793A",
     theColumnsDisplayedInTheTableCannotBeLeftBlank: "\u8868\u683C\u663E\u793A\u7684\u5217\u4E0D\u80FD\u4E3A\u7A7A",
     aTotalOfPiecesOfData: "\u5171 {0} \u6761\u6570\u636E",
+    more: "\u66F4\u591A",
     moreOperations: "\u66F4\u591A\u64CD\u4F5C",
     nonsupport: "\u4E0D\u652F\u6301",
     editColumn: "\u7F16\u8F91\u5217",
     index: "\u5E8F\u53F7",
     searchFor: "\u641C\u7D22{0}",
+    searchByInput: '\u53EF\u8F93\u5165 <span class="text-theme font-bold">{0}</span> \u8FDB\u884C\u641C\u7D22',
     maxColumnLimitTip: "\u5DF2\u8FBE\u5230\u5B57\u6BB5\u6570\u91CF\u4E0A\u9650(\u6700\u591A15\u4E2A)\uFF0C\u8BF7\u53D6\u6D88\u90E8\u5206\u5B57\u6BB5\u540E\u518D\u786E\u8BA4",
-    example: "\u793A\u4F8B"
+    example: "\u793A\u4F8B",
+    operator: "\u64CD\u4F5C"
   },
   dialog: {
     content: "\u4E8C\u6B21\u786E\u8BA4\u64CD\u4F5C",
@@ -78,6 +86,43 @@ var zh_CN = {
     uploadPicture: "\u4E0A\u4F20\u56FE\u7247",
     uploadPictureLimit: "\u56FE\u7247\u4E0A\u4F20\u5931\u8D25\uFF0C\u6587\u4EF6\u4E0D\u80FD\u5927\u4E8E{0}",
     imageSegmentation: "\u56FE\u50CF\u5207\u5272"
+  },
+  videoPlayer: {
+    clickPlay: "\u70B9\u51FB\u64AD\u653E",
+    videoResourcesAreLoading: "\u89C6\u9891\u8D44\u6E90\u52A0\u8F7D\u4E2D",
+    theVideoCannotBePlayed: "\u89C6\u9891\u65E0\u6CD5\u64AD\u653E",
+    fileLoadingFailed: "\u6587\u4EF6\u52A0\u8F7D\u5931\u8D25",
+    pleaseCheckWhetherTheCollectionStationIsOnlineAndWhetherTheFileExists: "\u8BF7\u68C0\u67E5\u91C7\u96C6\u7AD9\u662F\u5426\u5728\u7EBF\u4E0E\u6587\u4EF6\u662F\u5426\u5B58\u5728",
+    toDownloadVlc: "\u524D\u5F80\u4E0B\u8F7DVLC\u64AD\u653E\u5668",
+    yourBrowserDoesNotSupportHTMLVideoPlayback: "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301HTML5\u89C6\u9891\u64AD\u653E\u3002",
+    multiples: "\u500D \u6570",
+    stopAfterPlayback: "\u64AD\u5B8C\u5373\u505C",
+    continuousPlayback: "\u8FDE\u7EED\u64AD\u653E",
+    loopPlayback: "\u5FAA\u73AF\u64AD\u653E",
+    adjustPlaybackVolume: "\u8C03\u8282\u64AD\u653E\u97F3\u91CF",
+    currentIsTheFirstItem: "\u5F53\u524D\u662F\u7B2C\u4E00\u6761",
+    currentIsTheLastItem: "\u5F53\u524D\u662F\u6700\u540E\u4E00\u6761",
+    downloadFile: "\u4E0B\u8F7D\u6587\u4EF6",
+    vlcPlayerTip: "\u89C6\u9891\u683C\u5F0F\u9700\u8981VLC\u5A92\u4F53\u64AD\u653E\u5668\u64AD\u653E",
+    notInstallVlcTips: "\u60A8\u6CA1\u6709\u5B89\u88C5VLC\u5A92\u4F53\u64AD\u653E\u5668\uFF0C\u8BF7\u70B9\u51FB\u4E0B\u8F7D\u5B89\u88C5",
+    operationSuccessful: "\u64CD\u4F5C\u6210\u529F",
+    theCurrentBrowserBlocksTheOpeningOfNewWindows: "\u5F53\u524D\u6D4F\u89C8\u5668\u62E6\u622A\u65B0\u7A97\u53E3\u6253\u5F00",
+    pleaseGoToTheBrowserSettingsAndClickOnTheDownloadOrCopyLinkToOpenInTheBrowser: "\u8BF7\u524D\u5F80\u6D4F\u89C8\u5668\u8BBE\u7F6E\u540E\u5728\u70B9\u51FB\u4E0B\u8F7D \u6216 \u590D\u5236\u94FE\u63A5\u5230\u6D4F\u89C8\u5668\u6253\u5F00",
+    copyLink: "\u590D\u5236\u94FE\u63A5",
+    fullScreenSwitch: "\u5168\u5C4F\u5207\u6362",
+    pleaseConfigureTheAddressForDownloadingVLC: "\u8BF7\u914D\u7F6E\u524D\u5F80\u4E0B\u8F7DVLC\u7684\u5730\u5740"
+  },
+  audioPlayer: {
+    clickPlay: "\u70B9\u51FB\u64AD\u653E",
+    audioResourcesAreLoading: "\u97F3\u9891\u8D44\u6E90\u52A0\u8F7D\u4E2D",
+    multiples: "\u500D \u6570",
+    stopAfterPlayback: "\u64AD\u5B8C\u5373\u505C",
+    continuousPlayback: "\u8FDE\u7EED\u64AD\u653E",
+    loopPlayback: "\u5FAA\u73AF\u64AD\u653E",
+    adjustPlaybackVolume: "\u8C03\u8282\u64AD\u653E\u97F3\u91CF",
+    currentIsTheFirstItem: "\u5F53\u524D\u662F\u7B2C\u4E00\u6761",
+    currentIsTheLastItem: "\u5F53\u524D\u662F\u6700\u540E\u4E00\u6761",
+    downloadFile: "\u4E0B\u8F7D\u6587\u4EF6"
   }
 };
 

package/es/make-installer.mjs

@@ -1,6 +1,7 @@
 import { INSTALLED_KEY } from './constants/index.mjs';
 import * as index from './components/index.mjs';
 import { version } from './version.mjs';
+import { AppInput } from './components/appInput/index.mjs';
 import { provideGlobalConfig } from './hooks/useGlobalConfig.mjs';
 
 const makeInstaller = () => {
@@ -11,6 +12,7 @@ const makeInstaller = () => {
       if (!component.install) return;
       app.use(component);
     });
+    app.component("ElInput", AppInput);
     if (options) provideGlobalConfig(options, app, true);
   };
   return {