npm - @sigmaott/base-library-next - Versions diffs - 2.2.5 → 2.2.7 - Mend

@sigmaott/base-library-next 2.2.5 → 2.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/.npmrc +3 -0
package/locales/en.yaml +289 -289
package/locales/vi.yaml +294 -294
package/nuxt.config.ts +18 -18
package/package.json +32 -33
package/public/routes.json +33 -33
package/src/api/axios.ts +3 -3
package/src/api/index.ts +86 -86
package/src/api-client-library/.openapi-generator/FILES +20 -20
package/src/api-client-library/.openapi-generator-ignore +23 -23
package/src/api-client-library/api/health-api.ts +119 -119
package/src/api-client-library/api/presets-api.ts +599 -599
package/src/api-client-library/api/profiles-api.ts +676 -676
package/src/api-client-library/api.ts +20 -20
package/src/api-client-library/base.ts +72 -72
package/src/api-client-library/common.ts +150 -150
package/src/api-client-library/configuration.ts +101 -101
package/src/api-client-library/git_push.sh +57 -57
package/src/api-client-library/index.ts +18 -18
package/src/api-client-library/models/create-preset-dto.ts +223 -223
package/src/api-client-library/models/create-profile-dto.ts +45 -45
package/src/api-client-library/models/health-controller-get-health200-response-info-value.ts +32 -32
package/src/api-client-library/models/health-controller-get-health200-response.ts +51 -51
package/src/api-client-library/models/health-controller-get-health503-response.ts +51 -51
package/src/api-client-library/models/index.ts +7 -7
package/src/api-client-library/models/update-preset-dto.ts +223 -223
package/src/api-client-library/models/update-profile-dto.ts +45 -45
package/src/components/MediaSelection.vue +40 -40
package/src/components/PresetModify.vue +154 -154
package/src/components/PresetTable.vue +114 -114
package/src/components/ProfileAllList.vue +137 -137
package/src/components/ProfileFormModal.vue +79 -79
package/src/components/ProfileModify.vue +152 -152
package/src/components/ProfileTable.vue +68 -68
package/src/components/WatermarkDraggableItem.vue +88 -88
package/src/components/channel/ConfigWatermarkItem.vue +239 -239
package/src/components/channel/WatermarkPreview.vue +19 -19
package/src/components/common/Vue3DraggableResizable/Container.vue +71 -71
package/src/components/common/Vue3DraggableResizable/index.vue +1327 -1327
package/src/components/common/Vue3DraggableResizable/utils/dom.js +63 -63
package/src/components/common/Vue3DraggableResizable/utils/fns.js +37 -37
package/src/components/common/VueDraggableResizable/dom.js +63 -63
package/src/components/common/VueDraggableResizable/fns.js +37 -37
package/src/components/common/VueDraggableResizable/index.vue +958 -958
package/src/components/preset/ConfigItem.vue +956 -956
package/src/components/profile/ConfigItem.vue +765 -765
package/src/components/profile/TableColumns.vue +137 -137
package/src/components/shared/AudioInfoViewer.vue +101 -101
package/src/components/shared/MediaInfoViewer.vue +249 -249
package/src/components/shared/MediaInfoViewerSmall.vue +111 -105
package/src/components/shared/PopoverProfile.vue +17 -17
package/src/components/shared/VideoInfoViewer.vue +136 -136
package/src/components/shared/fileSizeFilter.ts +26 -26
package/src/composables/preset.ts +141 -141
package/src/public/build-time.json +1 -1
package/src/public/favicon.svg +15 -15
package/src/public/logo.svg +9 -9
package/src/public/routes.json +86 -86
package/src/utils/common.ts +175 -175
package/src/utils/config.ts +19 -19
package/src/utils/preset.ts +353 -353
package/src/utils/profile.ts +30 -30
package/tsconfig.json +3 -3

package/src/components/shared/MediaInfoViewerSmall.vue CHANGED Viewed

@@ -1,105 +1,111 @@
-<script setup lang="ts">
-// import { fileSizeFilter } from './fileSizeFilter'
-defineProps<{ media: any; encoding?: boolean }>()
-function fileSizeFilter(size: number) {
-  if (Number.isNaN(size))
-    size = 0
-  return `${(size / 1024).toFixed(2)} KB`
-}
-</script>
-<template>
-  <div class="item-list-row relative inline-flex border-1px border-primary rounded-4px border-solid p-5px">
-    <ul class="flex flex-wrap items-center justify-center">
-      <template v-if="media?.name && media?.type !== 'video'">
-        <el-tooltip :content="$t('profile.name')" placement="top">
-          <li>
-            <el-icon>
-              <div class="i-ep:camera-filled text-primary" />
-            </el-icon>&nbsp;
-            <el-icon v-if="media.codec === 'copy'" class="">
-              <div class="i-ep:document-copy text-indigo-500" />
-            </el-icon>
-            <span v-if="media.codec === 'copy'">&nbsp;</span>
-            <span class="item__name">{{ (media.name) || '-' }}</span>
-          </li>
-        </el-tooltip>
-      </template>
-      <template v-if="media?.codec">
-        <el-tooltip content="Codec" placement="top">
-          <li>
-            <el-icon>
-              <div class="i-ep:grid text-indigo-500" />
-            </el-icon>&nbsp;
-            <span>{{ media.codec }}</span>
-          </li>
-        </el-tooltip>
-      </template>
-      <template v-if="media && (media.height || media.width)">
-        <el-tooltip content="Resolution" placement="top">
-          <li>
-            <el-icon name="crop">
-              <div class="i-ep:crop text-pink-600" />
-            </el-icon>&nbsp;
-            <span>{{ media.width }}x{{ media.height }}</span>
-          </li>
-        </el-tooltip>
-      </template>
-      <template v-if="media.bitrate">
-        <el-tooltip content="Bitrate" placement="top">
-          <li>
-            <el-icon>
-              <div class="i-ep:scale-to-original text-teal-600" />
-            </el-icon>&nbsp;
-            <span v-if="!encoding">{{ fileSizeFilter(media.bitrate) }}/s</span>
-            <span v-else>optimized</span>
-          </li>
-        </el-tooltip>
-      </template>
-      <template v-if="media.fps && media.fps !== 0">
-        <el-tooltip content="FPS" placement="top">
-          <li>
-            <el-icon>
-              <div class="i-ep:sort text-green-600" />
-            </el-icon>&nbsp;
-            <span>{{ media.fps }} fps</span>
-          </li>
-        </el-tooltip>
-      </template>
-    </ul>
-  </div>
-</template>
-<style lang="scss" scoped>
-.item-list-row {
-  padding: 5px;
-  position: relative;
-  border: 1px solid rgba(64, 158, 255, 0.4);
-  border-radius: 4px;
-  ul {
-    li {
-      white-space: nowrap;
-      display: flex;
-      align-items: center;
-      &:not(:last-child):after {
-        content: '|';
-        display: inline-block;
-        color: #9ca3af;
-        padding: 0 0.3rem;
-      }
-    }
-    .item__name {
-      max-width: 85px;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-  }
-}
-</style>
+<script setup lang="ts">
+// import { fileSizeFilter } from './fileSizeFilter'
+defineProps<{ media: any; encoding?: boolean, isShowPId?: boolean }>()
+function fileSizeFilter(size: number) {
+  if (Number.isNaN(size))
+    size = 0
+  return `${(size / 1024).toFixed(2)} KB`
+}
+</script>
+<template>
+  <div class="item-list-row relative inline-flex border-1px border-primary rounded-4px border-solid p-5px">
+    <ul class="flex flex-wrap items-center justify-center">
+      <template v-if="isShowPId">
+        <li title="PID">
+          <div class="i-carbon:id text-primary text-20px" />
+          <span>{{ media.id }}</span>
+        </li>
+      </template>
+      <template v-if="media?.name && media?.type !== 'video'">
+        <el-tooltip :content="$t('profile.name')" placement="top">
+          <li>
+            <el-icon>
+              <div class="i-ep:camera-filled text-primary" />
+            </el-icon>&nbsp;
+            <el-icon v-if="media.codec === 'copy'" class="">
+              <div class="i-ep:document-copy text-indigo-500" />
+            </el-icon>
+            <span v-if="media.codec === 'copy'">&nbsp;</span>
+            <span class="item__name">{{ (media.name) || '-' }}</span>
+          </li>
+        </el-tooltip>
+      </template>
+      <template v-if="media?.codec">
+        <el-tooltip content="Codec" placement="top">
+          <li>
+            <el-icon>
+              <div class="i-ep:grid text-indigo-500" />
+            </el-icon>&nbsp;
+            <span>{{ media.codec }}</span>
+          </li>
+        </el-tooltip>
+      </template>
+      <template v-if="media && (media.height || media.width)">
+        <el-tooltip content="Resolution" placement="top">
+          <li>
+            <el-icon name="crop">
+              <div class="i-ep:crop text-pink-600" />
+            </el-icon>&nbsp;
+            <span>{{ media.width }}x{{ media.height }}</span>
+          </li>
+        </el-tooltip>
+      </template>
+      <template v-if="media.bitrate">
+        <el-tooltip content="Bitrate" placement="top">
+          <li>
+            <el-icon>
+              <div class="i-ep:scale-to-original text-teal-600" />
+            </el-icon>&nbsp;
+            <span v-if="!encoding">{{ fileSizeFilter(media.bitrate) }}/s</span>
+            <span v-else>optimized</span>
+          </li>
+        </el-tooltip>
+      </template>
+      <template v-if="media.fps && media.fps !== 0">
+        <el-tooltip content="FPS" placement="top">
+          <li>
+            <el-icon>
+              <div class="i-ep:sort text-green-600" />
+            </el-icon>&nbsp;
+            <span>{{ media.fps }} fps</span>
+          </li>
+        </el-tooltip>
+      </template>
+    </ul>
+  </div>
+</template>
+<style lang="scss" scoped>
+.item-list-row {
+  padding: 5px;
+  position: relative;
+  border: 1px solid rgba(64, 158, 255, 0.4);
+  border-radius: 4px;
+  ul {
+    li {
+      white-space: nowrap;
+      display: flex;
+      align-items: center;
+      &:not(:last-child):after {
+        content: '|';
+        display: inline-block;
+        color: #9ca3af;
+        padding: 0 0.3rem;
+      }
+    }
+    .item__name {
+      max-width: 85px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
+}
+</style>

package/src/components/shared/PopoverProfile.vue CHANGED Viewed

@@ -1,17 +1,17 @@
-<script setup lang="ts">
-const props = defineProps<{ media: any }>()
-</script>
-<template>
-    <el-popover placement="bottom" trigger="hover" width="auto">
-        <template #reference>
-            <el-tag type="info" class="mx-1 my-1">
-                {{ props?.media?.length ?? 0 }}
-            </el-tag>
-        </template>
-        <SharedMediaInfoViewer
-            v-for="(item, idx) in props.media || []" :key="idx" :media="item"
-            class="w-96% justify-center"
-        />
-    </el-popover>
-</template>
+<script setup lang="ts">
+const props = defineProps<{ media: any }>()
+</script>
+<template>
+    <el-popover placement="bottom" trigger="hover" width="auto">
+        <template #reference>
+            <el-tag type="info" class="mx-1 my-1">
+                {{ props?.media?.length ?? 0 }}
+            </el-tag>
+        </template>
+        <SharedMediaInfoViewer
+            v-for="(item, idx) in props.media || []" :key="idx" :media="item"
+            class="w-96% justify-center"
+        />
+    </el-popover>
+</template>

package/src/components/shared/VideoInfoViewer.vue CHANGED Viewed

@@ -1,136 +1,136 @@
-<script setup lang="ts">
-import { fileSizeFilter } from './fileSizeFilter'
-defineProps<{ video: any }>()
-</script>
-<template>
-  <div class="item-list-row flex justify-center">
-    <ul class="flex flex-wrap justify-center">
-      <li title="Name">
-        <el-icon v-if="video.codec !== 'copy'" class="text-primary" name="video-camera-solid">
-          <div class="i-ep:camera-filled text-primary" />
-        </el-icon>&nbsp;
-        <el-icon v-if="video.codec === 'copy'" class="text-indigo-500">
-          <div class="i-ep:document-copy text-indigo-500" />
-        </el-icon>
-        <span v-if="video.codec === 'copy'">&nbsp;</span>
-        <span class="item__name" :title="video.name">{{
-          (video && video.name) || '-'
-        }}</span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="Codec">
-        <el-icon>
-          <div class="i-ep:grid text-indigo-500" />
-        </el-icon>&nbsp;
-        <span>{{ video.codec }}</span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="Resolution">
-        <el-icon name="crop">
-          <div class="i-ep:crop text-pink-600" />
-        </el-icon>&nbsp;
-        <span>{{ video.width }}x{{ video.height }}</span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="Bitrate">
-        <el-icon>
-          <div class="i-ep:scale-to-original text-teal-600" />
-        </el-icon>&nbsp;
-        <span>{{ video.bitrate ? fileSizeFilter(video.bitrate) : fileSizeFilter(video.videoBitrate) }}/s</span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="FPS">
-        <el-icon>
-          <div class="i-ep:sort text-green-600" />
-        </el-icon>&nbsp;
-        <span>{{ video.fps }} fps</span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="CBR">
-        <el-icon>
-          <div class="i-ep:switch-button" :class="!!video.cbr ? 'text-success' : 'text-gray-400'" />
-        </el-icon>
-        &nbsp;
-        <span> cbr </span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="HDR">
-        <el-icon>
-          <div class="i-carbon:distribute-horizontal-right text-success" :class="video.hdr ? 'text-success' : 'text-gray-400'" />
-        </el-icon>
-        &nbsp;
-        <span> hdr </span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="Pixel format">
-        <el-icon>
-          <div class="i-ep:picture" :class="!video.pixelFormat || 'text-indigo-500'" />
-        </el-icon>&nbsp;
-        <span>{{ video.pixelFormat || '-' }}</span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="Scale type">
-        <el-icon>
-          <div class="i-ep:scale-to-original" :class="!video.scaleType || 'text-pink-600'" />
-        </el-icon>&nbsp;
-        <span>{{ video.scaleType || '-' }}</span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="Constant quality">
-        <el-icon>
-          <div class="i-ep:star-filled" :class="!video.cq || 'text-teal-600'" />
-        </el-icon>&nbsp;
-        <span>{{ video.cq || '-' }}</span>
-      </li>
-      <span class="text-gray-400">&nbsp;|&nbsp;</span>
-      <li title="Interlaced mode">
-        <el-icon>
-          <div class="i-ep:switch-button" :class="video.interlaced ? 'text-success' : 'text-gray-400'" />
-        </el-icon>&nbsp;
-        <span> interlaced </span>
-      </li>
-    </ul>
-    <div v-if="$slots && $slots.anchor" class="anchor">
-      <slot name="anchor" />
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-.item-list-row {
-  margin: 5px;
-  padding: 5px;
-  position: relative;
-  border: 1px solid rgba(64, 158, 255, 0.4);
-  border-radius: 4px;
-  ul {
-    li {
-      white-space: nowrap;
-      display: flex;
-      align-items: center;
-    }
-    .item__name {
-      max-width: 85px;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-  }
-  .anchor {
-    padding: 5px;
-    margin: -5px -5px -5px 5px;
-    display: flex;
-    flex-direction: column;
-    border-left: 1px solid;
-    border-color: inherit;
-    background-color: rgba(64, 158, 255, 0.2);
-    border-top-right-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-}
-</style>
+<script setup lang="ts">
+import { fileSizeFilter } from './fileSizeFilter'
+defineProps<{ video: any }>()
+</script>
+<template>
+  <div class="item-list-row flex justify-center">
+    <ul class="flex flex-wrap justify-center">
+      <li title="Name">
+        <el-icon v-if="video.codec !== 'copy'" class="text-primary" name="video-camera-solid">
+          <div class="i-ep:camera-filled text-primary" />
+        </el-icon>&nbsp;
+        <el-icon v-if="video.codec === 'copy'" class="text-indigo-500">
+          <div class="i-ep:document-copy text-indigo-500" />
+        </el-icon>
+        <span v-if="video.codec === 'copy'">&nbsp;</span>
+        <span class="item__name" :title="video.name">{{
+          (video && video.name) || '-'
+        }}</span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="Codec">
+        <el-icon>
+          <div class="i-ep:grid text-indigo-500" />
+        </el-icon>&nbsp;
+        <span>{{ video.codec }}</span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="Resolution">
+        <el-icon name="crop">
+          <div class="i-ep:crop text-pink-600" />
+        </el-icon>&nbsp;
+        <span>{{ video.width }}x{{ video.height }}</span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="Bitrate">
+        <el-icon>
+          <div class="i-ep:scale-to-original text-teal-600" />
+        </el-icon>&nbsp;
+        <span>{{ video.bitrate ? fileSizeFilter(video.bitrate) : fileSizeFilter(video.videoBitrate) }}/s</span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="FPS">
+        <el-icon>
+          <div class="i-ep:sort text-green-600" />
+        </el-icon>&nbsp;
+        <span>{{ video.fps }} fps</span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="CBR">
+        <el-icon>
+          <div class="i-ep:switch-button" :class="!!video.cbr ? 'text-success' : 'text-gray-400'" />
+        </el-icon>
+        &nbsp;
+        <span> cbr </span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="HDR">
+        <el-icon>
+          <div class="i-carbon:distribute-horizontal-right text-success" :class="video.hdr ? 'text-success' : 'text-gray-400'" />
+        </el-icon>
+        &nbsp;
+        <span> hdr </span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="Pixel format">
+        <el-icon>
+          <div class="i-ep:picture" :class="!video.pixelFormat || 'text-indigo-500'" />
+        </el-icon>&nbsp;
+        <span>{{ video.pixelFormat || '-' }}</span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="Scale type">
+        <el-icon>
+          <div class="i-ep:scale-to-original" :class="!video.scaleType || 'text-pink-600'" />
+        </el-icon>&nbsp;
+        <span>{{ video.scaleType || '-' }}</span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="Constant quality">
+        <el-icon>
+          <div class="i-ep:star-filled" :class="!video.cq || 'text-teal-600'" />
+        </el-icon>&nbsp;
+        <span>{{ video.cq || '-' }}</span>
+      </li>
+      <span class="text-gray-400">&nbsp;|&nbsp;</span>
+      <li title="Interlaced mode">
+        <el-icon>
+          <div class="i-ep:switch-button" :class="video.interlaced ? 'text-success' : 'text-gray-400'" />
+        </el-icon>&nbsp;
+        <span> interlaced </span>
+      </li>
+    </ul>
+    <div v-if="$slots && $slots.anchor" class="anchor">
+      <slot name="anchor" />
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.item-list-row {
+  margin: 5px;
+  padding: 5px;
+  position: relative;
+  border: 1px solid rgba(64, 158, 255, 0.4);
+  border-radius: 4px;
+  ul {
+    li {
+      white-space: nowrap;
+      display: flex;
+      align-items: center;
+    }
+    .item__name {
+      max-width: 85px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
+  .anchor {
+    padding: 5px;
+    margin: -5px -5px -5px 5px;
+    display: flex;
+    flex-direction: column;
+    border-left: 1px solid;
+    border-color: inherit;
+    background-color: rgba(64, 158, 255, 0.2);
+    border-top-right-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+}
+</style>

package/src/components/shared/fileSizeFilter.ts CHANGED Viewed

@@ -1,26 +1,26 @@
-export function fileSizeFilter(size: number) {
-  if (Number.isNaN(size))
-    size = 0
-  if (size < 1024)
-    return `${size} Kb`
-  size /= 1024
-  if (size < 1024)
-    return `${size.toFixed(2)} KB`
-  size /= 1024
-  if (size < 1024)
-    return `${size.toFixed(2)} MB`
-  size /= 1024
-  if (size < 1024)
-    return `${size.toFixed(2)} GB`
-  size /= 1024
-  return `${size.toFixed(2)} TB`
-}
+export function fileSizeFilter(size: number) {
+  if (Number.isNaN(size))
+    size = 0
+  if (size < 1024)
+    return `${size} Kb`
+  size /= 1024
+  if (size < 1024)
+    return `${size.toFixed(2)} KB`
+  size /= 1024
+  if (size < 1024)
+    return `${size.toFixed(2)} MB`
+  size /= 1024
+  if (size < 1024)
+    return `${size.toFixed(2)} GB`
+  size /= 1024
+  return `${size.toFixed(2)} TB`
+}