@sigmaott/base-next 1.4.2 → 1.4.3

package/src/components/Channel/TargetProfileAudioGroup.vue

@@ -1,27 +1,27 @@
-<script lang="ts" setup>
-const emit = defineEmits(['changeValue'])
-
-const { prop, disabled } = definePropsRefs<{
-  prop: string
-  disabled?: boolean
-}>()
-
-function getProp(target: string) {
-  return () => `${prop.value}.${target}`
-}
-
-const { t: $t } = useI18n()
-
-const [audioGroupValue, audioGroupAttrs] = useElField<string>(getProp('audioGroup'), [
-  {
-    validator: tagValidator(35),
-    trigger: ['blur', 'change'],
-  },
-])
-</script>
-
-<template>
-  <el-form-item v-bind="audioGroupAttrs">
-    <SSInputTags v-model="audioGroupValue" :disabled="disabled" :max-item="10" />
-  </el-form-item>
-</template>
+<script lang="ts" setup>
+const emit = defineEmits(['changeValue'])
+
+const { prop, disabled } = definePropsRefs<{
+  prop: string
+  disabled?: boolean
+}>()
+
+function getProp(target: string) {
+  return () => `${prop.value}.${target}`
+}
+
+const { t: $t } = useI18n()
+
+const [audioGroupValue, audioGroupAttrs] = useElField<string>(getProp('audioGroup'), [
+  {
+    validator: tagValidator(35),
+    trigger: ['blur', 'change'],
+  },
+])
+</script>
+
+<template>
+  <el-form-item v-bind="audioGroupAttrs">
+    <SSInputTags v-model="audioGroupValue" :disabled="disabled" :max-item="10" />
+  </el-form-item>
+</template>

package/src/components/Channel/TargetProfileProgram.vue

@@ -1,43 +1,43 @@
-<script setup lang="ts">
-import { isNil } from 'remeda'
-
-const { prop, profiles, disabled, enabled } = definePropsRefs<{
-  prop: string
-  profiles: any[]
-  disabled: boolean
-  enabled: boolean
-}>()
-const { t } = useI18n()
-
-function getProp(key: string) {
-  return () => `${prop.value}.${key}`
-}
-
-const [programIdValue, programIdAttrs] = useElField<number>(getProp('programId'), [
-  {
-    required: true,
-    trigger: ['blur', 'change'],
-    validator: (rule, value, callback) => {
-      if (disabled.value) {
-        callback()
-        return
-      }
-
-      if (!value && enabled.value)
-        callback(new Error($t('SSConfig.form.validate.require')))
-      else if (isNil(value) && enabled.value)
-        callback(new Error(t('SSConfig.form.validate.requireProfile')))
-      else if (profiles.value?.filter(item => item.programId === value)?.length > 1 && value)
-        callback(new Error(t('SSConfig.message.the_program_id_already_exists')))
-      else
-        callback()
-    },
-  },
-])
-</script>
-
-<template>
-  <el-form-item v-bind="programIdAttrs">
-    <el-input-number v-model="programIdValue" :disabled="disabled" :min="32" :max="9000" :step="1" step-strictly />
-  </el-form-item>
-</template>
+<script setup lang="ts">
+import { isNil } from 'remeda'
+
+const { prop, profiles, disabled, enabled } = definePropsRefs<{
+  prop: string
+  profiles: any[]
+  disabled: boolean
+  enabled: boolean
+}>()
+const { t } = useI18n()
+
+function getProp(key: string) {
+  return () => `${prop.value}.${key}`
+}
+
+const [programIdValue, programIdAttrs] = useElField<number>(getProp('programId'), [
+  {
+    required: true,
+    trigger: ['blur', 'change'],
+    validator: (rule, value, callback) => {
+      if (disabled.value) {
+        callback()
+        return
+      }
+
+      if (!value && enabled.value)
+        callback(new Error($t('SSConfig.form.validate.require')))
+      else if (isNil(value) && enabled.value)
+        callback(new Error(t('SSConfig.form.validate.requireProfile')))
+      else if (profiles.value?.filter(item => item.programId === value)?.length > 1 && value)
+        callback(new Error(t('SSConfig.message.the_program_id_already_exists')))
+      else
+        callback()
+    },
+  },
+])
+</script>
+
+<template>
+  <el-form-item v-bind="programIdAttrs">
+    <el-input-number v-model="programIdValue" :disabled="disabled" :min="32" :max="9000" :step="1" step-strictly />
+  </el-form-item>
+</template>

package/src/components/Channel/TargetProfileURI.vue

@@ -1,68 +1,68 @@
-<script lang="ts" setup>
-import isURL from 'validator/es/lib/isURL'
-
-const emit = defineEmits(['changeValue'])
-
-const { prop, type, disabled } = definePropsRefs<{
-  prop: string
-  type: string
-  disabled?: boolean
-}>()
-
-function getProp(target: string) {
-  return () => `${prop.value}.${target}`
-}
-const protocolsUri = computed(() => {
-  switch (type.value) {
-    case 'rtmp':
-      return {
-        protocol: 'rtmp(s)',
-        defaults: ['rtmp', 'rtmps'],
-      }
-
-    case 'udp':
-      return {
-        protocol: 'udp',
-        defaults: ['udp'],
-      }
-
-    default:
-      return {
-        protocol: '',
-        defaults: undefined,
-      }
-  }
-})
-
-const { t: $t } = useI18n()
-
-const [uriValue, uriAttrs] = useElField<string>(getProp('uri'), [
-  {
-    required: true,
-    trigger: ['blur', 'change'],
-    validator: (rule, value, callback) => {
-      if (disabled.value) {
-        callback()
-        return
-      }
-      if (!value)
-        callback(new Error($t('Input.form.validate.primary')))
-      else if (!isProtocolURLValid(value, protocolsUri.value.protocol))
-      // else if (!isURL(value, { protocols: protocolsUri.value.protocol, require_protocol: true }))
-        callback(new Error($t('transcode.invalid_url')))
-      else
-        callback()
-    },
-  },
-], { enable: computed(() => !disabled.value) })
-
-function changeUri(newUri: string) {
-  emit('changeValue', newUri)
-}
-</script>
-
-<template>
-  <el-form-item v-bind="uriAttrs">
-    <el-input v-model="uriValue" :disabled="disabled" :placeholder="`${$t('EventChannel.placeholder.enter')} URI (protocols: ${type}://)`" size="default" @change="changeUri" />
-  </el-form-item>
-</template>
+<script lang="ts" setup>
+import isURL from 'validator/es/lib/isURL'
+
+const emit = defineEmits(['changeValue'])
+
+const { prop, type, disabled } = definePropsRefs<{
+  prop: string
+  type: string
+  disabled?: boolean
+}>()
+
+function getProp(target: string) {
+  return () => `${prop.value}.${target}`
+}
+const protocolsUri = computed(() => {
+  switch (type.value) {
+    case 'rtmp':
+      return {
+        protocol: 'rtmp(s)',
+        defaults: ['rtmp', 'rtmps'],
+      }
+
+    case 'udp':
+      return {
+        protocol: 'udp',
+        defaults: ['udp'],
+      }
+
+    default:
+      return {
+        protocol: '',
+        defaults: undefined,
+      }
+  }
+})
+
+const { t: $t } = useI18n()
+
+const [uriValue, uriAttrs] = useElField<string>(getProp('uri'), [
+  {
+    required: true,
+    trigger: ['blur', 'change'],
+    validator: (rule, value, callback) => {
+      if (disabled.value) {
+        callback()
+        return
+      }
+      if (!value)
+        callback(new Error($t('Input.form.validate.primary')))
+      else if (!isProtocolURLValid(value, protocolsUri.value.protocol))
+      // else if (!isURL(value, { protocols: protocolsUri.value.protocol, require_protocol: true }))
+        callback(new Error($t('transcode.invalid_url')))
+      else
+        callback()
+    },
+  },
+], { enable: computed(() => !disabled.value) })
+
+function changeUri(newUri: string) {
+  emit('changeValue', newUri)
+}
+</script>
+
+<template>
+  <el-form-item v-bind="uriAttrs">
+    <el-input v-model="uriValue" :disabled="disabled" :placeholder="`${$t('EventChannel.placeholder.enter')} URI (protocols: ${type}://)`" size="default" @change="changeUri" />
+  </el-form-item>
+</template>

package/src/components/Channel/TargetSrtOutput.vue

@@ -1,35 +1,35 @@
-<script lang="ts" setup>
-const { prop, idx } = definePropsRefs<{
-  prop: string
-  idx: number
-}>()
-
-function getProp(key?: string) {
-  return () => key ? `${prop.value}.${key}` : prop.value
-}
-const [outputValue, outputAttrs, { add, remove }] = useElFieldArray(getProp(), [], {
-  defaultValue: [],
-})
-
-function addOutput() {
-  add({
-    uri: '',
-    profiles: [],
-  })
-}
-onBeforeMount(() => {
-  if (outputValue.value.length === 0)
-    addOutput()
-})
-</script>
-
-<template>
-  <div class="flex justify-end">
-    <el-button type="primary" :disabled="outputValue.length >= 10" plain @click="addOutput">
-      {{ $t('SSConfig.add_ouput') }}
-    </el-button>
-  </div>
-  <el-row v-for="(item, index) in outputValue" :key="item.id || index" class="grid grid-cols-[1fr_11fr_11fr_1fr] gap-2">
-    <SSChannelTargetSrtOutputItem :prop="getProp(`${index}`)()" :disabled-remove="outputValue.length <= 1" :idx="index" @remove="remove(item.id || index)" />
-  </el-row>
-</template>
+<script lang="ts" setup>
+const { prop, idx } = definePropsRefs<{
+  prop: string
+  idx: number
+}>()
+
+function getProp(key?: string) {
+  return () => key ? `${prop.value}.${key}` : prop.value
+}
+const [outputValue, outputAttrs, { add, remove }] = useElFieldArray(getProp(), [], {
+  defaultValue: [],
+})
+
+function addOutput() {
+  add({
+    uri: '',
+    profiles: [],
+  })
+}
+onBeforeMount(() => {
+  if (outputValue.value.length === 0)
+    addOutput()
+})
+</script>
+
+<template>
+  <div class="flex justify-end">
+    <el-button type="primary" :disabled="outputValue.length >= 10" plain @click="addOutput">
+      {{ $t('SSConfig.add_ouput') }}
+    </el-button>
+  </div>
+  <el-row v-for="(item, index) in outputValue" :key="item.id || index" class="grid grid-cols-[1fr_11fr_11fr_1fr] gap-2">
+    <SSChannelTargetSrtOutputItem :prop="getProp(`${index}`)()" :disabled-remove="outputValue.length <= 1" :idx="index" @remove="remove(item.id || index)" />
+  </el-row>
+</template>

package/src/components/Channel/TargetSrtOutputItem.vue

@@ -1,83 +1,83 @@
-<script lang="ts" setup>
-import isIP from 'validator/lib/isIP'
-import isURL from 'validator/es/lib/isURL'
-import type { ProfileDto, TargetProfileDto } from '~/api-client'
-
-const emit = defineEmits<{
-  remove: []
-}>()
-const { t } = useI18n()
-const { prop, idx, disabledRemove } = definePropsRefs<{
-  prop: string
-  idx: number
-  disabledRemove: boolean
-}>()
-
-function getProp(key: string) {
-  return () => `${prop.value}.${key}`
-}
-
-const [uriValue, uriAttrs] = useElField<string>(getProp('uri'), [{
-  required: true,
-  trigger: ['blur', 'change'],
-  validator: (rule, value, callback) => {
-    if (!value)
-      callback(new Error(t('SSConfig.form.validate.primary')))
-    else if (!isProtocolURLValid(value, 'srt'))
-    // else if (!isURL(value, { protocols: ['srt'], require_protocol: true }))
-      callback(new Error(t('SSConfig.invalid_url')))
-    else
-      callback()
-  },
-}])
-const [profilesValue, profilesAttrs] = useElField<string>(getProp('profiles'), [
-  {
-    required: true,
-    message: t('SSConfig.please_select_profile'),
-    type: 'array',
-  },
-])
-const [profiles] = useElFieldArray<ProfileDto[]>(() => 'profiles')
-const profilesListId = computed(() => profiles.value.map(profile => profile.id))
-watch(profilesListId, (val) => {
-  profilesValue.value = profilesValue.value.filter(item => val.includes(item))
-})
-</script>
-
-<template>
-  <el-form-item :label="idx === 0 ? 'No.' : ''">
-    {{ idx + 1 }}
-  </el-form-item>
-  <el-form-item v-bind="uriAttrs" :label="idx === 0 ? 'URI' : ''">
-    <el-input
-      v-model="uriValue"
-      :placeholder="`${$t('SSConfig.placeholder.enter')} URI (protocols: srt://)`"
-      show-word-limit
-      :maxlength="2048"
-    />
-  </el-form-item>
-  <el-form-item v-bind="profilesAttrs" :label="idx === 0 ? $t('SSConfig.label.profiles') : ''">
-    <el-select
-      v-model="profilesValue"
-      :placeholder="$t('SSConfig.label.selectProfile')"
-      multiple
-      collapse-tags
-      collapse-tags-tooltip
-      clearable
-    >
-      <el-option
-        v-for="item in profiles"
-        :key="item.id"
-        :label="item.name"
-        :value="item.id"
-      />
-    </el-select>
-  </el-form-item>
-  <el-form-item :label="idx === 0 ? '&nbsp;' : ''">
-    <el-button type="danger" :disabled="disabledRemove" @click="emit('remove')">
-      <template #icon>
-        <div class="i-ep:delete" />
-      </template>
-    </el-button>
-  </el-form-item>
-</template>
+<script lang="ts" setup>
+import isIP from 'validator/lib/isIP'
+import isURL from 'validator/es/lib/isURL'
+import type { ProfileDto, TargetProfileDto } from '~/api-client'
+
+const emit = defineEmits<{
+  remove: []
+}>()
+const { t } = useI18n()
+const { prop, idx, disabledRemove } = definePropsRefs<{
+  prop: string
+  idx: number
+  disabledRemove: boolean
+}>()
+
+function getProp(key: string) {
+  return () => `${prop.value}.${key}`
+}
+
+const [uriValue, uriAttrs] = useElField<string>(getProp('uri'), [{
+  required: true,
+  trigger: ['blur', 'change'],
+  validator: (rule, value, callback) => {
+    if (!value)
+      callback(new Error(t('SSConfig.form.validate.primary')))
+    else if (!isProtocolURLValid(value, 'srt'))
+    // else if (!isURL(value, { protocols: ['srt'], require_protocol: true }))
+      callback(new Error(t('SSConfig.invalid_url')))
+    else
+      callback()
+  },
+}])
+const [profilesValue, profilesAttrs] = useElField<string>(getProp('profiles'), [
+  {
+    required: true,
+    message: t('SSConfig.please_select_profile'),
+    type: 'array',
+  },
+])
+const [profiles] = useElFieldArray<ProfileDto[]>(() => 'profiles')
+const profilesListId = computed(() => profiles.value.map(profile => profile.id))
+watch(profilesListId, (val) => {
+  profilesValue.value = profilesValue.value.filter(item => val.includes(item))
+})
+</script>
+
+<template>
+  <el-form-item :label="idx === 0 ? 'No.' : ''">
+    {{ idx + 1 }}
+  </el-form-item>
+  <el-form-item v-bind="uriAttrs" :label="idx === 0 ? 'URI' : ''">
+    <el-input
+      v-model="uriValue"
+      :placeholder="`${$t('SSConfig.placeholder.enter')} URI (protocols: srt://)`"
+      show-word-limit
+      :maxlength="2048"
+    />
+  </el-form-item>
+  <el-form-item v-bind="profilesAttrs" :label="idx === 0 ? $t('SSConfig.label.profiles') : ''">
+    <el-select
+      v-model="profilesValue"
+      :placeholder="$t('SSConfig.label.selectProfile')"
+      multiple
+      collapse-tags
+      collapse-tags-tooltip
+      clearable
+    >
+      <el-option
+        v-for="item in profiles"
+        :key="item.id"
+        :label="item.name"
+        :value="item.id"
+      />
+    </el-select>
+  </el-form-item>
+  <el-form-item :label="idx === 0 ? '&nbsp;' : ''">
+    <el-button type="danger" :disabled="disabledRemove" @click="emit('remove')">
+      <template #icon>
+        <div class="i-ep:delete" />
+      </template>
+    </el-button>
+  </el-form-item>
+</template>

package/src/components/Channel/TargetStartover.vue

@@ -1,40 +1,40 @@
-<script lang="ts" setup>
-import type { TargetProfileDto } from '~/api-client'
-
-const { prop, idx } = definePropsRefs<{
-  prop: string
-  idx: number
-}>()
-
-function getProp(key: string) {
-  return () => `${prop.value}.${key}`
-}
-
-const { schemaObj } = useAsyncSchema(API_TRANSCODE_API_DOCS_JSON, 'StartOverDto')
-const [enableValue, enableAttrs] = useElField<boolean>(getProp('enable'), [])
-
-const [cacheTimeValue, cacheTimeAttrs] = useElField<number>(getProp('timeCache'), [], { defaultValue: 24 })
-const [profileValue] = useElField<TargetProfileDto[]>(() => `targets.${idx.value}.profiles`)
-function handleChangeStartover(params: boolean) {
-  if (profileValue.value.length)
-    profileValue.value = profileValue.value.map(item => ({ ...item, startOver: params }))
-}
-</script>
-
-<template>
-  <div class="flex flex-wrap gap-5">
-    <el-form-item v-bind="enableAttrs">
-      <template #label>
-        <SSInformationLabel :label="$t('EventChannel.form.label.enable')" :info="schemaObj?.enable" />
-      </template>
-      <el-switch v-model="enableValue" @change="handleChangeStartover" />
-    </el-form-item>
-    <el-form-item label="Cache time" v-bind="cacheTimeAttrs">
-      <template #label>
-        <SSInformationLabel label="Cache time" :info="schemaObj?.timeCache" />
-      </template>
-      <el-input-number v-model="cacheTimeValue" :disabled="!enableValue" :min="6" :max="720" step-strictly placeholder="Cache time" />
-    </el-form-item>
-  </div>
-  <ChannelTargetDestination :prop="getProp('destination')()" :enabled="enableValue" />
-</template>
+<script lang="ts" setup>
+import type { TargetProfileDto } from '~/api-client'
+
+const { prop, idx } = definePropsRefs<{
+  prop: string
+  idx: number
+}>()
+
+function getProp(key: string) {
+  return () => `${prop.value}.${key}`
+}
+
+const { schemaObj } = useAsyncSchema(API_TRANSCODE_API_DOCS_JSON, 'StartOverDto')
+const [enableValue, enableAttrs] = useElField<boolean>(getProp('enable'), [])
+
+const [cacheTimeValue, cacheTimeAttrs] = useElField<number>(getProp('timeCache'), [], { defaultValue: 24 })
+const [profileValue] = useElField<TargetProfileDto[]>(() => `targets.${idx.value}.profiles`)
+function handleChangeStartover(params: boolean) {
+  if (profileValue.value.length)
+    profileValue.value = profileValue.value.map(item => ({ ...item, startOver: params }))
+}
+</script>
+
+<template>
+  <div class="flex flex-wrap gap-5">
+    <el-form-item v-bind="enableAttrs">
+      <template #label>
+        <SSInformationLabel :label="$t('EventChannel.form.label.enable')" :info="schemaObj?.enable" />
+      </template>
+      <el-switch v-model="enableValue" @change="handleChangeStartover" />
+    </el-form-item>
+    <el-form-item label="Cache time" v-bind="cacheTimeAttrs">
+      <template #label>
+        <SSInformationLabel label="Cache time" :info="schemaObj?.timeCache" />
+      </template>
+      <el-input-number v-model="cacheTimeValue" :disabled="!enableValue" :min="6" :max="720" step-strictly placeholder="Cache time" />
+    </el-form-item>
+  </div>
+  <ChannelTargetDestination :prop="getProp('destination')()" :enabled="enableValue" />
+</template>