hy-dispatch-ui-v3 0.2.66 → 0.2.68

package/es/components/hyVideoPlayer/style/videoPlayer.scss

@@ -91,6 +91,7 @@
     color: rgba(var(--hy-main));
     padding: 0 10px;
     margin-top: 16px;
+    box-sizing: border-box;
 
     .progress-box {
       width: 100%;
@@ -187,6 +188,7 @@
         border: 1px solid rgba(var(--hy-border));
         border-radius: 4px;
         background-color: rgba(var(--hy-background-2));
+        box-sizing: border-box;
       }
 
       .hy-icon {
@@ -231,26 +233,22 @@
     position: absolute;
     top: 0;
     bottom: 0;
-    background: linear-gradient(
-      to bottom,
-      rgba(28, 51, 74, 0) 0%,
-      #1c334ac4 50%,
-      rgba(28, 51, 74, 0) 100%
-    );
+    background: linear-gradient(to bottom, rgba(28, 51, 74, 0) 0%, #1c334ac4 50%, rgba(28, 51, 74, 0) 100%);
   }
-
 }
 
 .hy-video-player-popover-volume-slider {
   min-width: auto !important;
   width: 40px !important;
   padding: 16px 0;
+  box-sizing: border-box;
 }
 
 .hy-video-player-popover-speed {
   min-width: auto !important;
   width: 62px !important;
   padding: 0px !important;
+  box-sizing: border-box;
   .speed-list {
     width: 100%;
     color: rgba(var(--hy-auxiliary));

package/es/components/hyVideoPlayer/videoPlayer.vue.mjs

@@ -5,8 +5,8 @@ import '../../utils/index.mjs';
 import '../index.mjs';
 import _sfc_main$1 from './cpns/mediaLoading.vue.mjs';
 import { useVideoPlayer, useVideoResize } from './js/index.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
 import { useMixins } from '../../hooks/useMixins.mjs';
+import { $t } from '../../hooks/useLocale.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
 import { HyButton } from '../hyButton/index.mjs';
 import { HyTooltip } from '../hyTooltip/index.mjs';
@@ -113,18 +113,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Function
     }
   },
-  emits: [
-    "canplay",
-    "timeupdate",
-    "play-start",
-    "play-ended",
-    "play-previous",
-    "play-next"
-  ],
+  emits: ["canplay", "timeupdate", "play-start", "play-ended", "play-previous", "play-next"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale();
     const videoWrapperRef = useTemplateRef("videoWrapperRef");
     const videoRef = useTemplateRef("videoRef");
     const {
@@ -218,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             createElementVNode(
               "span",
               { class: "text-xs text-theme mt-4" },
-              "..." + toDisplayString(unref(t)("videoPlayer.videoResourcesAreLoading")) + "...",
+              "..." + toDisplayString(unref($t)("videoPlayer.videoResourcesAreLoading")) + "...",
               1
               /* TEXT */
             )
@@ -226,7 +218,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           createCommentVNode(" \u65E0\u6CD5\u64AD\u653E "),
           unref(videoState) === "CAN_NOT_PLAY" ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: "w-full h-full flex flex-col justify-center items-center px-[34px]"
+            class: "w-full h-full flex flex-col justify-center items-center px-[34px] box-border"
           }, [
             createCommentVNode(" \u91C7\u96C6\u7AD9\u6587\u4EF6 "),
             unref(videoItem) && unref(videoItem).csFile === 1 && unref(videoItem).onlineState !== 1 ? (openBlock(), createElementBlock(
@@ -244,16 +236,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 createElementVNode(
                   "span",
                   { class: "text-xs text-auxiliary mt-4" },
-                  toDisplayString(unref(t)("videoPlayer.fileLoadingFailed")),
+                  toDisplayString(unref($t)("videoPlayer.fileLoadingFailed")),
                   1
                   /* TEXT */
                 ),
                 createElementVNode(
                   "span",
                   { class: "text-xs text-auxiliary" },
-                  toDisplayString(_ctx.$t(
-                    "pleaseCheckWhetherTheCollectionStationIsOnlineAndWhetherTheFileExists"
-                  )),
+                  toDisplayString(unref($t)("pleaseCheckWhetherTheCollectionStationIsOnlineAndWhetherTheFileExists")),
                   1
                   /* TEXT */
                 )
@@ -282,7 +272,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 createElementVNode(
                   "div",
                   { class: "text-theme text-center mt-3 mb-[14px]" },
-                  toDisplayString(unref(isCanNotPlayType) ? unref(t)("videoPlayer.vlcPlayerTip") : unref(t)("videoPlayer.theVideoCannotBePlayed")),
+                  toDisplayString(unref(isCanNotPlayType) ? unref($t)("videoPlayer.vlcPlayerTip") : unref($t)("videoPlayer.theVideoCannotBePlayed")),
                   1
                   /* TEXT */
                 ),
@@ -296,7 +286,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   }, {
                     default: withCtx(() => [
                       createTextVNode(
-                        toDisplayString(unref(t)("videoPlayer.clickPlay")),
+                        toDisplayString(unref($t)("videoPlayer.clickPlay")),
                         1
                         /* TEXT */
                       )
@@ -309,7 +299,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   }, {
                     default: withCtx(() => [
                       createTextVNode(
-                        toDisplayString(unref(t)("videoPlayer.toDownloadVlc")),
+                        toDisplayString(unref($t)("videoPlayer.toDownloadVlc")),
                         1
                         /* TEXT */
                       )
@@ -331,7 +321,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   createVNode(unref(HyTooltip), {
                     isAlways: "",
                     overLine: 1,
-                    content: unref(t)("videoPlayer.viewThePreviousVideo")
+                    content: unref($t)("videoPlayer.viewThePreviousVideo")
                   }, {
                     default: withCtx(() => [
                       createElementVNode("div", {
@@ -352,7 +342,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   createVNode(unref(HyTooltip), {
                     isAlways: "",
                     overLine: 1,
-                    content: unref(t)("videoPlayer.viewTheNextVideo")
+                    content: unref($t)("videoPlayer.viewTheNextVideo")
                   }, {
                     default: withCtx(() => [
                       createElementVNode("div", {
@@ -390,7 +380,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   createElementVNode("source", { type: "video/webm" }),
                   createElementVNode("source", { type: "video/ogg" }),
                   createTextVNode(
-                    " " + toDisplayString(unref(t)("videoPlayer.yourBrowserDoesNotSupportHTMLVideoPlayback")),
+                    " " + toDisplayString(unref($t)("videoPlayer.yourBrowserDoesNotSupportHTMLVideoPlayback")),
                     1
                     /* TEXT */
                   )
@@ -519,7 +509,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         createVNode(unref(HyTooltip), {
                           isAlways: "",
                           overLine: 1,
-                          content: unref(t)("videoPlayer.adjustPlaybackVolume")
+                          content: unref($t)("videoPlayer.adjustPlaybackVolume")
                         }, {
                           default: withCtx(() => [
                             createVNode(unref(HyIcon), {
@@ -551,7 +541,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     key: 0,
                     isAlways: "",
                     overLine: 1,
-                    content: unref(t)("videoPlayer.fullScreenSwitch")
+                    content: unref($t)("videoPlayer.fullScreenSwitch")
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(HyIcon), {
@@ -567,7 +557,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     key: 1,
                     isAlways: "",
                     overLine: 1,
-                    content: unref(isExpand) ? unref(t)("videoPlayer.packUp") : unref(t)("videoPlayer.expand")
+                    content: unref(isExpand) ? unref($t)("videoPlayer.packUp") : unref($t)("videoPlayer.expand")
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(HyIcon), {
@@ -599,7 +589,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 key: 0,
                 isAlways: "",
                 overLine: 1,
-                content: unref(t)("videoPlayer.downloadFile")
+                content: unref($t)("videoPlayer.downloadFile")
               }, {
                 default: withCtx(() => [
                   createVNode(unref(HyIcon), {

package/es/components/index.mjs

@@ -27,6 +27,9 @@ export { HyMap } from './hyMap/index.mjs';
 export { HyRadioGroup } from './hyRadioGroup/index.mjs';
 export { ElLoading, ElLoading as HyLoading } from './hyLoading/index.mjs';
 export { HyTour } from './hyTour/index.mjs';
+export { HyDrawer } from './hyDrawer/index.mjs';
+export { HyStatus } from './hyStatus/index.mjs';
+export { HyCheckboxGroup } from './hyCheckboxGroup/index.mjs';
 export { resetAppFormValue, useAppForm } from './hyForm/js/useAppForm.mjs';
 export { resetAppSearchValue, useAppSearch } from './hySearch/js/useAppSearch.mjs';
 export { useAppTable } from './hyTable/js/useAppTable.mjs';

package/es/hooks/index.mjs

@@ -1,5 +1,5 @@
 export { defaultAxios, localApiKey, useApi } from './useApi.mjs';
-export { buildLocaleContext, buildTranslator, getLanguage, localeContextKey, translate, useLocale } from './useLocale.mjs';
+export { $t, buildLocaleContext, buildTranslator, getLang, getLanguage, lang, localeContextKey, setLang, translate, useLocale } from './useLocale.mjs';
 export { configProviderContextKey, provideGlobalConfig, useGlobalConfig } from './useGlobalConfig.mjs';
 export { useMixins } from './useMixins.mjs';
 export { localPermissionMapKey, usePermissionMap } from './usePermissionMap.mjs';
@@ -10,5 +10,9 @@ export { localAudioPlayerConfigKey, useAudioPlayerConfig } from './useAudioPlaye
 export { localVideoPlayerConfigKey, useVideoPlayerConfig } from './useVideoPlayerConfig.mjs';
 export { localEnsureHyIconMapKey, useEnsureHyIcon } from './useEnsureHyIcon.mjs';
 export { localTooltipConfigKey, useTooltipConfig } from './useTooltipConfig.mjs';
-export { usePublish, useSubscribe } from './useSubscribe.mjs';
+export { bus, usePublish, useSubscribe } from './useSubscribe.mjs';
 export { localMapConfigKey, useMapConfig } from './useMapConfig.mjs';
+export { useBatchDialog, useDialog, useDialogIsEdit } from './useDialog.mjs';
+export { useExportFile } from './useExportFile.mjs';
+export { localBaseMainStoreKey, useBaseMainStore } from './useBaseMainStore.mjs';
+export { localCurrentBusKey, useCurrentBus } from './useCurrentBus.mjs';

package/es/hooks/useAudioPlayerConfig.mjs

@@ -10,9 +10,7 @@ const useAudioPlayerConfig = () => {
     };
   } else {
     return {
-      audioPlayerConfig: computed(
-        () => unref(useGlobalConfig()).audioPlayer || {}
-      )
+      audioPlayerConfig: computed(() => unref(useGlobalConfig()).audioPlayer || {})
     };
   }
 };

package/es/hooks/useBaseMainStore.mjs

@@ -0,0 +1,29 @@
+import { getCurrentInstance, inject, ref, unref } from 'vue';
+import { useGlobalConfig } from './useGlobalConfig.mjs';
+
+const localBaseMainStoreKey = /* @__PURE__ */ Symbol("baseMainStore");
+const defaultBaseMainStore = () => ({
+  getters: {
+    dragLevel: 1e3
+  },
+  commit(key) {
+    this[key]();
+  },
+  setDragLevel() {
+    this.getters.dragLevel++;
+  }
+});
+const useBaseMainStore = () => {
+  if (getCurrentInstance()) {
+    const baseMainStore = inject(localBaseMainStoreKey, ref());
+    return {
+      baseMainStore: unref(baseMainStore) ? unref(baseMainStore) : (unref(useGlobalConfig()).baseMainStore || defaultBaseMainStore)()
+    };
+  } else {
+    return {
+      baseMainStore: (unref(useGlobalConfig()).baseMainStore || defaultBaseMainStore)()
+    };
+  }
+};
+
+export { localBaseMainStoreKey, useBaseMainStore };

package/es/hooks/useCurrentBus.mjs

@@ -0,0 +1,20 @@
+import { getCurrentInstance, inject, ref, unref, computed } from 'vue';
+import { useGlobalConfig } from './useGlobalConfig.mjs';
+import { bus } from './useSubscribe.mjs';
+
+const localCurrentBusKey = /* @__PURE__ */ Symbol("currentBus");
+const defaultCurrentBus = bus;
+const useCurrentBus = () => {
+  if (getCurrentInstance()) {
+    const currentBus = inject(localCurrentBusKey, ref());
+    return {
+      currentBus: unref(currentBus) ? currentBus : computed(() => unref(useGlobalConfig()).currentBus || defaultCurrentBus)
+    };
+  } else {
+    return {
+      currentBus: computed(() => unref(useGlobalConfig()).currentBus || defaultCurrentBus)
+    };
+  }
+};
+
+export { localCurrentBusKey, useCurrentBus };

package/es/hooks/useDialog.mjs

@@ -0,0 +1,327 @@
+import { getCurrentInstance, ref, onMounted, watch } from 'vue';
+import '../components/index.mjs';
+import { useLocale } from './useLocale.mjs';
+import './index.mjs';
+import { useBaseMainStore } from './useBaseMainStore.mjs';
+import { useCurrentBus } from './useCurrentBus.mjs';
+import { HyConfirmDialog } from '../components/hyConfirmDialog/index.mjs';
+
+function useDialog(hy) {
+  const instance = getCurrentInstance();
+  const loading = ref(false);
+  const isEdit = ref(false);
+  const minimized = ref(false);
+  const minimizedTitle = ref("");
+  function setDragLevelIndex(dialogComponents) {
+    const { baseMainStore } = useBaseMainStore();
+    const dragLevel = baseMainStore.getters.dragLevel;
+    hy[`${dialogComponents}`].value.setDragLevelIndex(dragLevel);
+    baseMainStore.commit("setDragLevel");
+  }
+  function onMinimized(params) {
+    hy.minimized.value = params.type;
+    hy.minimizedTitle.value = params.title;
+    if (hy.minimized.value) {
+      hy.minimizedClose();
+    } else {
+      hy.minimizedRemove();
+    }
+  }
+  function minimizedRemove() {
+    const { currentBus } = useCurrentBus();
+    const unique = instance?.attrs?.unique || null;
+    currentBus.value.emit("workbenchOperation", {
+      type: "delete",
+      row: unique
+    });
+  }
+  function minimizedClose() {
+    const { currentBus } = useCurrentBus();
+    const unique = instance?.attrs?.unique || null;
+    if (unique) {
+      currentBus.value.emit("workbenchOperation", {
+        type: "add",
+        row: {
+          component: unique,
+          labelName: hy.minimizedTitle.value,
+          valueJson: {
+            isEdit: hy.getIsEdit(),
+            ...hy.getCacheData()
+          }
+        }
+      });
+    }
+  }
+  async function minimizedShow(params) {
+    if (params.id) {
+      const value = params.valueJson;
+      hy.setIsEdit(false);
+      await hy.restoreCache(value);
+      hy.setIsEdit(value.isEdit);
+    } else {
+      hy.setDragLevelIndex("HyDialogRef");
+    }
+  }
+  function setIsEdit(newIsEdit) {
+    hy.isEdit.value = newIsEdit;
+  }
+  function getIsEdit() {
+    return hy.isEdit.value;
+  }
+  function getCacheData() {
+    return {
+      // formModel: hy.formModel.value,
+    };
+  }
+  function restoreCache(params = {}) {
+    return Promise.resolve();
+  }
+  function confirmReplace(type) {
+    const { t } = useLocale();
+    return new Promise((resolve, reject) => {
+      if (type === "close") {
+        HyConfirmDialog.confirm({
+          content: `<div>
+                  <p>\u786E\u8BA4\u79BB\u5F00\u7F16\u8F91</p>
+                  <p>\u79BB\u5F00\u540E\u5DF2\u586B\u5199\u7684\u5185\u5BB9\u5C06\u4E0D\u505A\u4FDD\u5B58</p>
+              </div>`,
+          onCancel: () => {
+            hy.loading.value = false;
+            reject(false);
+          },
+          submitText: "\u786E\u8BA4\u79BB\u5F00",
+          onSubmit: () => {
+            resolve(true);
+          }
+        });
+      } else {
+        HyConfirmDialog.confirm({
+          content: `<div>
+                  <p>\u68C0\u6D4B\u5230\u60A8\u4E0A\u6B21\u6709\u672A\u5B8C\u6210\u7684\u7F16\u8F91\u5185\u5BB9\u3002</p>
+                  <p>\u662F\u5426\u7EE7\u7EED\u8FDB\u884C\u7F16\u8F91\uFF1F</p>
+              </div>`,
+          cancelText: "\u7EE7\u7EED\u7F16\u8F91\u5185\u5BB9",
+          onCancel: () => {
+            hy.setDragLevelIndex("HyDialogRef");
+            hy.loading.value = false;
+            reject(false);
+          },
+          submitText: "\u6E05\u7A7A\u91CD\u65B0\u7F16\u8F91",
+          onSubmit: () => {
+            resolve(true);
+          }
+        });
+      }
+    });
+  }
+  onMounted(() => {
+    watch(
+      () => hy.dialogVisible?.value,
+      (newVal) => {
+        if (!newVal) {
+          if (hy.minimized) {
+            hy.minimized.value = false;
+          }
+          if (hy.loading) {
+            hy.loading.value = false;
+          }
+          hy.setIsEdit(false);
+        } else {
+          hy.minimizedRemove();
+        }
+      },
+      { deep: true }
+    );
+  });
+  return {
+    loading,
+    isEdit,
+    instance,
+    minimized,
+    minimizedTitle,
+    setDragLevelIndex,
+    onMinimized,
+    minimizedRemove,
+    minimizedClose,
+    minimizedShow,
+    setIsEdit,
+    getIsEdit,
+    getCacheData,
+    restoreCache,
+    confirmReplace
+  };
+}
+function useDialogIsEdit(hy) {
+  const isWatchForm = ref(false);
+  function watchPause(type = "show") {
+    return new Promise(async (resolve, reject) => {
+      if (hy.getIsEdit()) {
+        if (type === "close") {
+          const eplaceType = await hy.confirmReplace(type).catch((err) => {
+            return reject(err);
+          });
+          if (!eplaceType) {
+            return reject();
+          }
+        } else {
+          await hy.confirmReplace(type);
+        }
+      }
+      hy?.setIsEdit(false);
+      hy.isWatchForm.value = false;
+      resolve({});
+    });
+  }
+  function watchResume() {
+    hy.isWatchForm.value = true;
+  }
+  onMounted(() => {
+    if (hy.formModel && hy.formModel.value) {
+      watch(
+        () => hy.formModel?.value,
+        () => {
+          if (hy.isWatchForm?.value && !hy.getIsEdit()) {
+            hy.setIsEdit(true);
+          }
+        },
+        { deep: true }
+      );
+    }
+    hy.setIsEdit(false);
+  });
+  return {
+    isWatchForm,
+    watchPause,
+    watchResume
+  };
+}
+function useBatchDialog(hy) {
+  const instance = getCurrentInstance();
+  const tableDataChange = ref([]);
+  const progress = ref(0);
+  function onTableDataChange(data) {
+    hy.tableDataChange.value = data;
+  }
+  function confirmReplace(type) {
+    const { t } = useLocale();
+    return new Promise((resolve, reject) => {
+      if (type === "close") {
+        HyConfirmDialog.confirm({
+          content: `<div>
+                  <p>\u786E\u8BA4\u79BB\u5F00\u7F16\u8F91</p>
+                  <p>\u79BB\u5F00\u540E\u5DF2\u586B\u5199\u7684\u5185\u5BB9\u5C06\u4E0D\u505A\u4FDD\u5B58</p>
+              </div>`,
+          onCancel: () => {
+            hy.loading.value = false;
+            reject(false);
+          },
+          submitText: "\u786E\u8BA4\u79BB\u5F00",
+          onSubmit: () => {
+            resolve(true);
+          }
+        });
+      } else {
+        HyConfirmDialog.confirm({
+          content: `<div>
+                  <p>\u68C0\u6D4B\u5230\u60A8\u4E0A\u6B21\u6709\u672A\u5B8C\u6210\u7684\u7F16\u8F91\u5185\u5BB9\u3002</p>
+                  <p>\u662F\u5426\u7EE7\u7EED\u8FDB\u884C\u7F16\u8F91\uFF1F</p>
+              </div>`,
+          cancelText: "\u7EE7\u7EED\u7F16\u8F91\u5185\u5BB9",
+          onCancel: () => {
+            hy.setDragLevelIndex("HyBatchUploadDialogRef");
+            hy.loading.value = false;
+            reject(false);
+          },
+          submitText: "\u6E05\u7A7A\u91CD\u65B0\u7F16\u8F91",
+          onSubmit: () => {
+            resolve(true);
+          }
+        });
+      }
+    });
+  }
+  function minimizedClose() {
+    const unique = instance?.attrs?.unique || null;
+    if (unique) {
+      const { currentBus } = useCurrentBus();
+      currentBus.value.emit("workbenchOperation", {
+        type: "add",
+        row: {
+          component: unique,
+          labelName: hy.minimizedTitle.value,
+          valueJson: {
+            isBatch: true,
+            isEdit: hy.getIsEdit(),
+            uploadStatus: true,
+            loading: hy.HyBatchUploadDialogRef.value.getIsSubmitting(),
+            updateProgress: hy.progress.value,
+            ...hy.getCacheData()
+          }
+        }
+      });
+    }
+  }
+  async function minimizedShow(params) {
+    hy.setDragLevelIndex("HyBatchUploadDialogRef");
+  }
+  async function onClose() {
+    await hy.watchPause("close");
+  }
+  function onSubmitProgress(newProgress) {
+    const unique = instance?.attrs?.unique || null;
+    hy.progress.value = newProgress;
+    const { currentBus } = useCurrentBus();
+    currentBus.value.emit("workbenchOperation", {
+      type: "update",
+      row: {
+        component: unique,
+        valueJson: {
+          loading: true,
+          uploadStatus: true,
+          updateProgress: hy.progress.value
+        }
+      }
+    });
+  }
+  function uploadProgress(params = {}) {
+    const unique = instance?.attrs?.unique || null;
+    const { total, success, failed, result } = params;
+    if (result) {
+      hy.minimizedRemove();
+    }
+    const { currentBus } = useCurrentBus();
+    currentBus.value.emit("workbenchOperation", {
+      type: "update",
+      row: {
+        component: unique,
+        valueJson: {
+          uploadStatus: result
+        }
+      }
+    });
+  }
+  onMounted(() => {
+    watch(
+      () => hy.tableDataChange.value,
+      () => {
+        hy.setIsEdit(hy.tableDataChange.value.length !== 0);
+      },
+      { deep: true, immediate: true }
+    );
+    hy.setIsEdit(false);
+  });
+  return {
+    instance,
+    tableDataChange,
+    progress,
+    onTableDataChange,
+    confirmReplace,
+    minimizedClose,
+    minimizedShow,
+    onClose,
+    onSubmitProgress,
+    uploadProgress
+  };
+}
+
+export { useBatchDialog, useDialog, useDialogIsEdit };