@sigmaott/base-next 1.4.0 → 1.4.2

package/src/composables/getBuildTime.ts

@@ -1,7 +1,7 @@
-import dayjs from 'dayjs/esm/index'
-
-export function getBuildTime() {
-  const config = useRuntimeConfig()
-  const buildTime = config.public.buildTime ? dayjs(config.public.buildTime).format('YYMMDD') : ''
-  return buildTime
-}
+import dayjs from 'dayjs/esm/index'
+
+export function getBuildTime() {
+  const config = useRuntimeConfig()
+  const buildTime = config.public.buildTime ? dayjs(config.public.buildTime).format('YYMMDD') : ''
+  return buildTime
+}

package/src/composables/micro.ts

@@ -1,113 +1,113 @@
-export function useMicroProps() {
-  const microProps = useState('useMicroProps', () => isSubApp ? window.microApp?.getData() : {})
-  const wujieProps = ref(window.$wujie?.props)
-
-  return { microProps: window.__MICRO_APP_ENVIRONMENT__ ? microProps : wujieProps }
-}
-
-export function useSyncMicroApp() {
-  const { microProps } = useMicroProps()
-  const { setLocale } = useI18n()
-
-  if (isSubApp) {
-    window.microApp?.addDataListener((data: any) => {
-      microProps.value = data
-      return 'Data received'
-    }, true)
-
-    watchImmediate(microProps, () => {
-      setLocale(microProps.value.locale)
-
-      if (microProps.value.token) {
-        TOKEN_STORAGE.value = microProps.value.token
-      }
-      if (microProps.value.tokenProp) {
-        TOKEN_PROP_STORAGE.value = microProps.value.tokenProp
-        if (TOKEN_PROP_STORAGE.value === 'x-backdoor') {
-          APP_DETAIL_STORAGE.value = [
-            {},
-            {
-              group: {
-                permission: [
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'management',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'interactive',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'livestream',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'lrm',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'playout',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'ssai',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'transcode',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'vod',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'library',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'machine',
-                    id: null,
-                  },
-                  {
-                    mode: 'FULL',
-                    apiGroupId: 'media-hub-admin',
-                    id: null,
-                  },
-                ],
-
-              },
-
-            },
-          ]
-        }
-      }
-
-      if (microProps.value.appId) {
-        APP_ID_STORAGE.value = microProps.value.appId
-      }
-
-      __IS_DARK__.value = !!microProps.value.isDark
-    }, { deep: true })
-
-    Object.defineProperty(window.Navigator.prototype, 'clipboard', {
-      get: () => {
-        return window.parent.navigator.clipboard
-      },
-    })
-  }
-
-  return {
-    microProps,
-  }
-}
+export function useMicroProps() {
+  const microProps = useState('useMicroProps', () => isSubApp ? window.microApp?.getData() : {})
+  const wujieProps = ref(window.$wujie?.props)
+
+  return { microProps: window.__MICRO_APP_ENVIRONMENT__ ? microProps : wujieProps }
+}
+
+export function useSyncMicroApp() {
+  const { microProps } = useMicroProps()
+  const { setLocale } = useI18n()
+
+  if (isSubApp) {
+    window.microApp?.addDataListener((data: any) => {
+      microProps.value = data
+      return 'Data received'
+    }, true)
+
+    watchImmediate(microProps, () => {
+      setLocale(microProps.value.locale)
+
+      if (microProps.value.token) {
+        TOKEN_STORAGE.value = microProps.value.token
+      }
+      if (microProps.value.tokenProp) {
+        TOKEN_PROP_STORAGE.value = microProps.value.tokenProp
+        if (TOKEN_PROP_STORAGE.value === 'x-backdoor') {
+          APP_DETAIL_STORAGE.value = [
+            {},
+            {
+              group: {
+                permission: [
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'management',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'interactive',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'livestream',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'lrm',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'playout',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'ssai',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'transcode',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'vod',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'library',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'machine',
+                    id: null,
+                  },
+                  {
+                    mode: 'FULL',
+                    apiGroupId: 'media-hub-admin',
+                    id: null,
+                  },
+                ],
+
+              },
+
+            },
+          ]
+        }
+      }
+
+      if (microProps.value.appId) {
+        APP_ID_STORAGE.value = microProps.value.appId
+      }
+
+      __IS_DARK__.value = !!microProps.value.isDark
+    }, { deep: true })
+
+    Object.defineProperty(window.Navigator.prototype, 'clipboard', {
+      get: () => {
+        return window.parent.navigator.clipboard
+      },
+    })
+  }
+
+  return {
+    microProps,
+  }
+}

package/src/composables/microState.ts

@@ -1,22 +1,22 @@
-import { klona } from 'klona'
-
-export const microState = ref({
-  token: '',
-  tokenProp: 'local',
-  children: [],
-  meta: { layoutMode: 'horizontal', lang: 'vi' },
-})
-
-watch(microState, (newValue) => {
-  if (isSubApp && newValue) {
-    TOKEN_STORAGE.value = newValue.token
-    TOKEN_PROP_STORAGE.value = newValue.tokenProp
-  }
-}, { deep: true })
-
-export function syncMicroState() {
-  microState.value = klona(window.parent.__SIGMA_STATE__)
-  window.$wujie?.bus.$on('__STATE_CHANGE__', (newState: any) => {
-    microState.value = klona(newState)
-  })
-}
+import { klona } from 'klona'
+
+export const microState = ref({
+  token: '',
+  tokenProp: 'local',
+  children: [],
+  meta: { layoutMode: 'horizontal', lang: 'vi' },
+})
+
+watch(microState, (newValue) => {
+  if (isSubApp && newValue) {
+    TOKEN_STORAGE.value = newValue.token
+    TOKEN_PROP_STORAGE.value = newValue.tokenProp
+  }
+}, { deep: true })
+
+export function syncMicroState() {
+  microState.value = klona(window.parent.__SIGMA_STATE__)
+  window.$wujie?.bus.$on('__STATE_CHANGE__', (newState: any) => {
+    microState.value = klona(newState)
+  })
+}

package/src/composables/notiGlobal.ts

@@ -1,19 +1,19 @@
-import { notificationApi } from '~/api/api'
-export function useNotificationGlobal() {
-    const params = {
-        page: 1,
-        // perPage: 8,
-    }
-    const { data: notiGlobal, ...rest } = useQuery(
-      [QueryKeys.Noti, params],
-      async () => {
-        const res = await notificationApi.notificationControllerFindAll(params, {headers: {noNotify: true}})
-        return res.data
-      },
-    )
-    
-    return {
-        notiGlobal,
-      ...rest,
-    }
+import { notificationApi } from '~/api/api'
+export function useNotificationGlobal() {
+    const params = {
+        page: 1,
+        // perPage: 8,
+    }
+    const { data: notiGlobal, ...rest } = useQuery(
+      [QueryKeys.Noti, params],
+      async () => {
+        const res = await notificationApi.notificationControllerFindAll(params, {headers: {noNotify: true}})
+        return res.data
+      },
+    )
+    
+    return {
+        notiGlobal,
+      ...rest,
+    }
   }

package/src/composables/plan.ts

@@ -1,162 +1,162 @@
-export const useShowSubscriptionInfo = createGlobalState(
-  () => {
-    const isShowSubscriptionInfo = ref(false)
-    const { t } = useI18n()
-    function open() {
-      const permissionManagement = APP_DETAIL_STORAGE.value?.[1]?.group?.permission?.find(item => item.apiGroupId === 'management')
-      if (permissionManagement)
-        isShowSubscriptionInfo.value = true
-      else
-        ElMessage.error(t('app.not_permission_management'))
-    }
-
-    function close() {
-      isShowSubscriptionInfo.value = false
-    }
-
-    return { open, isShowSubscriptionInfo, close }
-  },
-)
-
-export const useNoCardWarning = createGlobalState(() => {
-  const { t } = useI18n()
-  const showNoCardWarning = ref(false)
-  function openNoCardWarning() {
-    const permissionManagement = APP_DETAIL_STORAGE.value?.[1]?.group?.permission?.find(item => item.apiGroupId === 'management')
-    if (permissionManagement)
-      showNoCardWarning.value = true
-    else
-      ElMessage.error(t('app.not_permission_management'))
-  }
-
-  function closeNoCarWarning() {
-    showNoCardWarning.value = false
-  }
-
-  return { openNoCardWarning, showNoCardWarning, closeNoCarWarning }
-})
-export const useNoCardWarningSub = createGlobalState(() => {
-  // SECTION: no card check
-  const noCard = computed(() => {
-    return !APP_DETAIL_STORAGE.value?.[0].addedPrimaryCard
-  })
-
-  function openNoCardWarning() {
-    window?.$wujie.props.openNoCardWarning()
-  }
-
-  function withNoCardWarning(fn: Function) {
-    if (noCard.value) {
-    // if(true) {
-      openNoCardWarning()
-    }
-    else {
-      fn()
-    }
-  }
-
-  return { noCard, openNoCardWarning, withNoCardWarning }
-})
-
-export function useAppBillingInfo(isTrial: MaybeRef<boolean>) {
-  const _isTrial = toRef(isTrial)
-  const { data, ...rest } = useQuery(
-    [QueryKeys.AppBillingInfo],
-    async () => {
-      return await $authServiceApi('/auth-service/v1/apps/{id}/get-remaining-free-trial', { pathParams: { id: APP_ID_STORAGE.value } })
-    },
-    {
-      enabled: computed(() => _isTrial.value && !!APP_ID_STORAGE.value),
-      refetchOnWindowFocus: false,
-    },
-  )
-  const trialRemainDay = computed(() => data.value?.remainingDays)
-
-  return {
-    data,
-    ...rest,
-    trialRemainDay,
-  }
-}
-
-export async function useGetTotalAlerts() {
-  const appId = computed(() => {
-    return APP_ID_STORAGE.value as string
-  })
-
-  const { data: alerts, isLoading, suspense, refetch } = useQuery(
-    [appId],
-    async () => await $transcodeApi('api/transcode/alerts', {
-      method: 'GET',
-      query: {
-        q: {
-          status: 'active',
-        },
-      },
-      headers: { 'X-App-Id': appId.value },
-    }),
-    {
-      enabled: computed(() => !!appId.value),
-      refetchOnWindowFocus: true,
-      refetchInterval: 10000,
-    },
-  )
-
-  await suspense()
-  syncRef(alerts, ALERTS_TRANSCODE_STORAGE, { direction: 'ltr' })
-
-  return { alerts }
-}
-
-export function useTotalAlertsPlayout() {
-  const appId = computed(() => {
-    return APP_ID_STORAGE.value as string
-  })
-
-  const { data: alerts, isLoading, suspense, refetch } = useQuery(
-    [`api/playout/alerts-${appId}`],
-    async () => await $transcodeApi('api/playout/alerts', {
-      method: 'GET',
-      query: {
-        q: {
-          status: 'active',
-        },
-      },
-      headers: { 'X-App-Id': appId.value },
-    }),
-    {
-      enabled: computed(() => !!appId.value),
-      refetchOnWindowFocus: true,
-      refetchInterval: 10000,
-    },
-  )
-  const totalAlerts = computed(() => {
-    return alerts.value?.total || 0
-  })
-  // syncRef(alerts, ALERTS_TRANSCODE_STORAGE, { direction: 'ltr' })
-
-  return { totalAlerts }
-}
-
-export async function useGetPaymentMethod() {
-  const appId = computed(() => {
-    return APP_ID_STORAGE.value as string
-  })
-
-  const { data: paymentInfo, suspense } = useQuery(
-    [appId],
-    async () => await $billingApi('api/billing/app-billings/info', {
-      method: 'GET',
-      headers: { 'X-App-Id': appId.value },
-    }),
-    {
-      enabled: computed(() => !!appId.value),
-      refetchOnWindowFocus: true,
-    },
-  )
-
-  await suspense()
-  syncRef(paymentInfo, PAYMENT_METHOD_STORAGE, { direction: 'ltr' })
-
-  return { paymentInfo }
-}
+export const useShowSubscriptionInfo = createGlobalState(
+  () => {
+    const isShowSubscriptionInfo = ref(false)
+    const { t } = useI18n()
+    function open() {
+      const permissionManagement = APP_DETAIL_STORAGE.value?.[1]?.group?.permission?.find(item => item.apiGroupId === 'management')
+      if (permissionManagement)
+        isShowSubscriptionInfo.value = true
+      else
+        ElMessage.error(t('app.not_permission_management'))
+    }
+
+    function close() {
+      isShowSubscriptionInfo.value = false
+    }
+
+    return { open, isShowSubscriptionInfo, close }
+  },
+)
+
+export const useNoCardWarning = createGlobalState(() => {
+  const { t } = useI18n()
+  const showNoCardWarning = ref(false)
+  function openNoCardWarning() {
+    const permissionManagement = APP_DETAIL_STORAGE.value?.[1]?.group?.permission?.find(item => item.apiGroupId === 'management')
+    if (permissionManagement)
+      showNoCardWarning.value = true
+    else
+      ElMessage.error(t('app.not_permission_management'))
+  }
+
+  function closeNoCarWarning() {
+    showNoCardWarning.value = false
+  }
+
+  return { openNoCardWarning, showNoCardWarning, closeNoCarWarning }
+})
+export const useNoCardWarningSub = createGlobalState(() => {
+  // SECTION: no card check
+  const noCard = computed(() => {
+    return !APP_DETAIL_STORAGE.value?.[0].addedPrimaryCard
+  })
+
+  function openNoCardWarning() {
+    window?.$wujie.props.openNoCardWarning()
+  }
+
+  function withNoCardWarning(fn: Function) {
+    if (noCard.value) {
+    // if(true) {
+      openNoCardWarning()
+    }
+    else {
+      fn()
+    }
+  }
+
+  return { noCard, openNoCardWarning, withNoCardWarning }
+})
+
+export function useAppBillingInfo(isTrial: MaybeRef<boolean>) {
+  const _isTrial = toRef(isTrial)
+  const { data, ...rest } = useQuery(
+    [QueryKeys.AppBillingInfo],
+    async () => {
+      return await $authServiceApi('/auth-service/v1/apps/{id}/get-remaining-free-trial', { pathParams: { id: APP_ID_STORAGE.value } })
+    },
+    {
+      enabled: computed(() => _isTrial.value && !!APP_ID_STORAGE.value),
+      refetchOnWindowFocus: false,
+    },
+  )
+  const trialRemainDay = computed(() => data.value?.remainingDays)
+
+  return {
+    data,
+    ...rest,
+    trialRemainDay,
+  }
+}
+
+export async function useGetTotalAlerts() {
+  const appId = computed(() => {
+    return APP_ID_STORAGE.value as string
+  })
+
+  const { data: alerts, isLoading, suspense, refetch } = useQuery(
+    [appId],
+    async () => await $transcodeApi('api/transcode/alerts', {
+      method: 'GET',
+      query: {
+        q: {
+          status: 'active',
+        },
+      },
+      headers: { 'X-App-Id': appId.value },
+    }),
+    {
+      enabled: computed(() => !!appId.value),
+      refetchOnWindowFocus: true,
+      refetchInterval: 10000,
+    },
+  )
+
+  await suspense()
+  syncRef(alerts, ALERTS_TRANSCODE_STORAGE, { direction: 'ltr' })
+
+  return { alerts }
+}
+
+export function useTotalAlertsPlayout() {
+  const appId = computed(() => {
+    return APP_ID_STORAGE.value as string
+  })
+
+  const { data: alerts, isLoading, suspense, refetch } = useQuery(
+    [`api/playout/alerts-${appId}`],
+    async () => await $transcodeApi('api/playout/alerts', {
+      method: 'GET',
+      query: {
+        q: {
+          status: 'active',
+        },
+      },
+      headers: { 'X-App-Id': appId.value },
+    }),
+    {
+      enabled: computed(() => !!appId.value),
+      refetchOnWindowFocus: true,
+      refetchInterval: 10000,
+    },
+  )
+  const totalAlerts = computed(() => {
+    return alerts.value?.total || 0
+  })
+  // syncRef(alerts, ALERTS_TRANSCODE_STORAGE, { direction: 'ltr' })
+
+  return { totalAlerts }
+}
+
+export async function useGetPaymentMethod() {
+  const appId = computed(() => {
+    return APP_ID_STORAGE.value as string
+  })
+
+  const { data: paymentInfo, suspense } = useQuery(
+    [appId],
+    async () => await $billingApi('api/billing/app-billings/info', {
+      method: 'GET',
+      headers: { 'X-App-Id': appId.value },
+    }),
+    {
+      enabled: computed(() => !!appId.value),
+      refetchOnWindowFocus: true,
+    },
+  )
+
+  await suspense()
+  syncRef(paymentInfo, PAYMENT_METHOD_STORAGE, { direction: 'ltr' })
+
+  return { paymentInfo }
+}

package/src/composables/refReset.ts

@@ -1,12 +1,12 @@
-import { klona } from 'klona'
-import type { Ref } from 'vue'
-
-export function refReset<T>(defaultValue: T) {
-  const data = ref(klona(defaultValue)) as Ref<T>
-  const extended = extendRef(data, {
-    reset() {
-      extended.value = klona(defaultValue)
-    },
-  })
-  return extended
-}
+import { klona } from 'klona'
+import type { Ref } from 'vue'
+
+export function refReset<T>(defaultValue: T) {
+  const data = ref(klona(defaultValue)) as Ref<T>
+  const extended = extendRef(data, {
+    reset() {
+      extended.value = klona(defaultValue)
+    },
+  })
+  return extended
+}