@sigmaott/base-library-next 2.2.6 → 2.2.7

package/src/api-client-library/models/update-profile-dto.ts

@@ -1,45 +1,45 @@
-/* tslint:disable */
-/* eslint-disable */
-/**
- * Sigma Library
- * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
- *
- * The version of the OpenAPI document: 1.0
- * 
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-
-
-// May contain unused imports in some cases
-// @ts-ignore
-import { UpdatePresetDto } from './update-preset-dto';
-
-/**
- * 
- * @export
- * @interface UpdateProfileDto
- */
-export interface UpdateProfileDto {
-    /**
-     * Tên
-     * @type {string}
-     * @memberof UpdateProfileDto
-     */
-    'name'?: string;
-    /**
-     * mô tả tuỳ chỉnh của đầu ra
-     * @type {string}
-     * @memberof UpdateProfileDto
-     */
-    'description'?: string;
-    /**
-     * 
-     * @type {Array<UpdatePresetDto>}
-     * @memberof UpdateProfileDto
-     */
-    'presets'?: Array<UpdatePresetDto>;
-}
-
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Library
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import { UpdatePresetDto } from './update-preset-dto';
+
+/**
+ * 
+ * @export
+ * @interface UpdateProfileDto
+ */
+export interface UpdateProfileDto {
+    /**
+     * Tên
+     * @type {string}
+     * @memberof UpdateProfileDto
+     */
+    'name'?: string;
+    /**
+     * mô tả tuỳ chỉnh của đầu ra
+     * @type {string}
+     * @memberof UpdateProfileDto
+     */
+    'description'?: string;
+    /**
+     * 
+     * @type {Array<UpdatePresetDto>}
+     * @memberof UpdateProfileDto
+     */
+    'presets'?: Array<UpdatePresetDto>;
+}
+

package/src/components/MediaSelection.vue

@@ -1,40 +1,40 @@
-<script lang="ts" setup>
-const props = defineProps<{
-  mediaType: 'audio' | 'video' | 'data' | string & {}
-  exclusion: string[]
-}>()
-
-defineEmits(['selectItem'])
-
-const mediaType = toRef(props, 'mediaType')
-function getQuery() {
-  return JSON.stringify({
-    type: {
-      $eq: mediaType.value,
-    },
-  })
-}
-
-const params = ref({
-  page: 1,
-  perPage: 15,
-  q: getQuery(),
-  sort: '',
-})
-
-watch(
-  mediaType,
-  () => {
-    params.value.q = getQuery()
-  },
-  { immediate: true },
-)
-</script>
-
-<template>
-  <PresetTable
-    v-model:params="params"
-    height="400px"
-    @select="(item) => $emit('selectItem', item)"
-  />
-</template>
+<script lang="ts" setup>
+const props = defineProps<{
+  mediaType: 'audio' | 'video' | 'data' | string & {}
+  exclusion: string[]
+}>()
+
+defineEmits(['selectItem'])
+
+const mediaType = toRef(props, 'mediaType')
+function getQuery() {
+  return JSON.stringify({
+    type: {
+      $eq: mediaType.value,
+    },
+  })
+}
+
+const params = ref({
+  page: 1,
+  perPage: 15,
+  q: getQuery(),
+  sort: '',
+})
+
+watch(
+  mediaType,
+  () => {
+    params.value.q = getQuery()
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <PresetTable
+    v-model:params="params"
+    height="400px"
+    @select="(item) => $emit('selectItem', item)"
+  />
+</template>

package/src/components/PresetModify.vue

@@ -1,154 +1,154 @@
-<script lang="ts" setup>
-import { objectMap } from '@antfu/utils'
-import { presetsApi } from '../api'
-import type { CreatePresetDto } from '~/api-client-library'
-
-const props = withDefaults(defineProps<{
-  id?: string
-  mode?: 'create' | 'edit' | 'clone'
-  item: any
-  exclusion: string[]
-  disable: string[]
-  defaultMediaType?: 'video' | 'audio' | 'data'
-  prop?: string
-  isPackage?: boolean
-}>(), {
-  mode: 'create',
-  item: () => { },
-  exclusion: () => [],
-  disable: () => [],
-})
-const emit = defineEmits(['close'])
-const id = toRef(props, 'id')
-
-const initFields = ref({
-  id: '',
-  // TODO: refactor me
-  type: props.defaultMediaType as 'video' | 'audio' | 'data',
-  name: '',
-  codec: '',
-  option: '',
-  bitrate: 0,
-  sampleRate: 0,
-  fps: 0,
-  width: 0,
-  height: 0,
-  pixelFormat: '',
-  bframe: 0,
-  scaleType: '',
-  cq: 0,
-  interlaced: false,
-  cbr: false,
-  channel: 2,
-  profile: '',
-  volume: '',
-  streamId: '',
-  streamIndex: '',
-})
-const fields = ref(klona(initFields.value))
-
-if (props.item) {
-  initFields.value = klona(props.item)
-  fields.value = klona(props.item)
-}
-
-useQuery(
-  [QueryKeys.LibraryPresetDetail, id],
-  async () => {
-    const { data } = await presetsApi.presetsControllerGet({ id: id.value })
-    return {
-      // Add streamId and streamIndex to fields
-      ...data,
-      streamIndex: 0,
-      streamId: '',
-    }
-  },
-  {
-    enabled: computed(() => !!id.value),
-    onSuccess(data) {
-      initFields.value = klona(data)
-      fields.value = klona(data)
-    },
-  },
-)
-
-function formToPayloadPreset(presetForm: any) {
-  const preset = emptyStr2Undefined(presetForm)
-  let removedKeys: string[] = []
-  if (presetForm.type === 'video')
-    removedKeys = ['sampleRate', 'channel', 'profile', 'volume']
-  else if (presetForm.type === 'audio')
-    removedKeys = ['fps', 'height', 'width', 'cbr', 'pixelFormat', 'scaleType', 'cq', 'interlaced']
-  else if (presetForm.type === 'data')
-    removedKeys = ['fps', 'height', 'width', 'cbr', 'pixelFormat', 'scaleType', 'cq', 'interlaced']
-
-  const payload = objectMap(preset, (k, v) => removedKeys.includes(k) ? undefined : [k, v])
-
-  return payload
-}
-
-function resetFields() {
-  fields.value = klona(initFields.value)
-}
-
-const { createPresetMutation, isMutationLoading, updatePresetMutation } = usePresetMutation()
-const { t } = useI18n()
-const { formRef, formValue, handleSubmit, handleValidate, formErrors, getAtrrs, submitLocks } = useElForm<CreatePresetDto>({
-  initialValues: fields,
-  async onSubmit(values) {
-    if (props.mode === 'create') {
-      await createPresetMutation.mutateAsync(formToPayloadPreset(values))
-      ElMessage.success(t('library_preset.preset_created_successfully'))
-      formRef.value?.resetFields()
-    }
-
-    if (props.mode === 'edit') {
-      await updatePresetMutation.mutateAsync({
-        id: fields.value.id,
-        updatePresetDto: formToPayloadPreset(fields.value),
-      })
-      ElMessage.success(t('library_preset.preset_updated_successfully'))
-    }
-
-    if (props.mode === 'clone') {
-      const { id, ...rest } = fields.value
-      await createPresetMutation.mutateAsync(formToPayloadPreset(rest))
-      ElMessage.success(t('library_preset.preset_cloned_successfully'))
-    }
-
-    emit('close')
-    resetFields()
-  },
-})
-if (props.prop)
-  useSyncElForm(props.prop, { formValue, formErrors, submitLocks, formRef })
-
-const isSubmitting = ref(false)
-
-function handleClose() {
-  if (!isSubmitting.value)
-    emit('close')
-}
-</script>
-
-<template>
-  <el-form
-    ref="formRef" label-position="top" label-width="80px" :model="formValue" :validate-on-rule-change="true"
-    @validate="handleValidate"
-  >
-    <slot name="input" :fields="fields" :get-atrrs="getAtrrs" />
-    <PresetConfigItem :is-package="isPackage" :default-media-type="defaultMediaType" />
-
-    <div v-if="!exclusion.includes('action')" class="flex items-center justify-end">
-      <el-button :disabled="isMutationLoading" @click="handleClose">
-        {{ $t('library_action.cancel') }}
-      </el-button>
-      <!-- <el-button :disabled="isMutationLoading" type="info" @click="resetFields">
-        {{ $t('library_action.reset') }}
-      </el-button> -->
-      <el-button type="primary" :loading="isMutationLoading" @click="handleSubmit">
-        {{ $t('library_action.submit') }}
-      </el-button>
-    </div>
-  </el-form>
-</template>
+<script lang="ts" setup>
+import { objectMap } from '@antfu/utils'
+import { presetsApi } from '../api'
+import type { CreatePresetDto } from '~/api-client-library'
+
+const props = withDefaults(defineProps<{
+  id?: string
+  mode?: 'create' | 'edit' | 'clone'
+  item: any
+  exclusion: string[]
+  disable: string[]
+  defaultMediaType?: 'video' | 'audio' | 'data'
+  prop?: string
+  isPackage?: boolean
+}>(), {
+  mode: 'create',
+  item: () => { },
+  exclusion: () => [],
+  disable: () => [],
+})
+const emit = defineEmits(['close'])
+const id = toRef(props, 'id')
+
+const initFields = ref({
+  id: '',
+  // TODO: refactor me
+  type: props.defaultMediaType as 'video' | 'audio' | 'data',
+  name: '',
+  codec: '',
+  option: '',
+  bitrate: 0,
+  sampleRate: 0,
+  fps: 0,
+  width: 0,
+  height: 0,
+  pixelFormat: '',
+  bframe: 0,
+  scaleType: '',
+  cq: 0,
+  interlaced: false,
+  cbr: false,
+  channel: 2,
+  profile: '',
+  volume: '',
+  streamId: '',
+  streamIndex: '',
+})
+const fields = ref(klona(initFields.value))
+
+if (props.item) {
+  initFields.value = klona(props.item)
+  fields.value = klona(props.item)
+}
+
+useQuery(
+  [QueryKeys.LibraryPresetDetail, id],
+  async () => {
+    const { data } = await presetsApi.presetsControllerGet({ id: id.value })
+    return {
+      // Add streamId and streamIndex to fields
+      ...data,
+      streamIndex: 0,
+      streamId: '',
+    }
+  },
+  {
+    enabled: computed(() => !!id.value),
+    onSuccess(data) {
+      initFields.value = klona(data)
+      fields.value = klona(data)
+    },
+  },
+)
+
+function formToPayloadPreset(presetForm: any) {
+  const preset = emptyStr2Undefined(presetForm)
+  let removedKeys: string[] = []
+  if (presetForm.type === 'video')
+    removedKeys = ['sampleRate', 'channel', 'profile', 'volume']
+  else if (presetForm.type === 'audio')
+    removedKeys = ['fps', 'height', 'width', 'cbr', 'pixelFormat', 'scaleType', 'cq', 'interlaced']
+  else if (presetForm.type === 'data')
+    removedKeys = ['fps', 'height', 'width', 'cbr', 'pixelFormat', 'scaleType', 'cq', 'interlaced']
+
+  const payload = objectMap(preset, (k, v) => removedKeys.includes(k) ? undefined : [k, v])
+
+  return payload
+}
+
+function resetFields() {
+  fields.value = klona(initFields.value)
+}
+
+const { createPresetMutation, isMutationLoading, updatePresetMutation } = usePresetMutation()
+const { t } = useI18n()
+const { formRef, formValue, handleSubmit, handleValidate, formErrors, getAtrrs, submitLocks } = useElForm<CreatePresetDto>({
+  initialValues: fields,
+  async onSubmit(values) {
+    if (props.mode === 'create') {
+      await createPresetMutation.mutateAsync(formToPayloadPreset(values))
+      ElMessage.success(t('library_preset.preset_created_successfully'))
+      formRef.value?.resetFields()
+    }
+
+    if (props.mode === 'edit') {
+      await updatePresetMutation.mutateAsync({
+        id: fields.value.id,
+        updatePresetDto: formToPayloadPreset(fields.value),
+      })
+      ElMessage.success(t('library_preset.preset_updated_successfully'))
+    }
+
+    if (props.mode === 'clone') {
+      const { id, ...rest } = fields.value
+      await createPresetMutation.mutateAsync(formToPayloadPreset(rest))
+      ElMessage.success(t('library_preset.preset_cloned_successfully'))
+    }
+
+    emit('close')
+    resetFields()
+  },
+})
+if (props.prop)
+  useSyncElForm(props.prop, { formValue, formErrors, submitLocks, formRef })
+
+const isSubmitting = ref(false)
+
+function handleClose() {
+  if (!isSubmitting.value)
+    emit('close')
+}
+</script>
+
+<template>
+  <el-form
+    ref="formRef" label-position="top" label-width="80px" :model="formValue" :validate-on-rule-change="true"
+    @validate="handleValidate"
+  >
+    <slot name="input" :fields="fields" :get-atrrs="getAtrrs" />
+    <PresetConfigItem :is-package="isPackage" :default-media-type="defaultMediaType" />
+
+    <div v-if="!exclusion.includes('action')" class="flex items-center justify-end">
+      <el-button :disabled="isMutationLoading" @click="handleClose">
+        {{ $t('library_action.cancel') }}
+      </el-button>
+      <!-- <el-button :disabled="isMutationLoading" type="info" @click="resetFields">
+        {{ $t('library_action.reset') }}
+      </el-button> -->
+      <el-button type="primary" :loading="isMutationLoading" @click="handleSubmit">
+        {{ $t('library_action.submit') }}
+      </el-button>
+    </div>
+  </el-form>
+</template>