@sigmaott/base-next 1.4.0 → 1.4.2

package/src/components/Tool/record.js

@@ -1,92 +1,92 @@
-function encodeAudio(buffers, settings) {
-  const sampleCount = buffers.reduce((memo, buffer) => {
-    return memo + buffer.length
-  }, 0)
-
-  const bytesPerSample = settings.sampleSize / 8
-  const bitsPerByte = 8
-  const dataLength = sampleCount * bytesPerSample
-  const sampleRate = settings.sampleRate
-
-  const arrayBuffer = new ArrayBuffer(44 + dataLength)
-  const dataView = new DataView(arrayBuffer)
-
-  dataView.setUint8(0, 'R'.charCodeAt(0)) // <10>
-  dataView.setUint8(1, 'I'.charCodeAt(0))
-  dataView.setUint8(2, 'F'.charCodeAt(0))
-  dataView.setUint8(3, 'F'.charCodeAt(0))
-  dataView.setUint32(4, 36 + dataLength, true)
-  dataView.setUint8(8, 'W'.charCodeAt(0))
-  dataView.setUint8(9, 'A'.charCodeAt(0))
-  dataView.setUint8(10, 'V'.charCodeAt(0))
-  dataView.setUint8(11, 'E'.charCodeAt(0))
-  dataView.setUint8(12, 'f'.charCodeAt(0))
-  dataView.setUint8(13, 'm'.charCodeAt(0))
-  dataView.setUint8(14, 't'.charCodeAt(0))
-  dataView.setUint8(15, ' '.charCodeAt(0))
-  dataView.setUint32(16, 16, true)
-  dataView.setUint16(20, 1, true)
-  dataView.setUint16(22, 1, true)
-  dataView.setUint32(24, sampleRate, true)
-  dataView.setUint32(28, sampleRate * 2, true)
-  dataView.setUint16(32, bytesPerSample, true)
-  dataView.setUint16(34, bitsPerByte * bytesPerSample, true)
-  dataView.setUint8(36, 'd'.charCodeAt(0))
-  dataView.setUint8(37, 'a'.charCodeAt(0))
-  dataView.setUint8(38, 't'.charCodeAt(0))
-  dataView.setUint8(39, 'a'.charCodeAt(0))
-  dataView.setUint32(40, dataLength, true)
-
-  let index = 44
-
-  for (const buffer of buffers) {
-    for (const value of buffer) {
-      dataView.setInt16(index, value * 0x7FFF, true)
-      index += 2
-    }
-  }
-
-  return new Blob([dataView], { type: 'audio/ogg' })
-}
-
-export async function main(stream) {
-  const [track] = stream.getAudioTracks()
-  const settings = track.getSettings() // <2>
-
-  const audioContext = new AudioContext()
-  await audioContext.audioWorklet.addModule(joinURL(useRuntimeConfig().app.baseURL, '/audio-recorder.js')) // <3>
-
-  const mediaStreamSource = audioContext.createMediaStreamSource(stream) // <4>
-  const audioRecorder = new AudioWorkletNode(audioContext, 'audio-recorder') // <5>
-  const buffers = []
-
-  audioRecorder.port.addEventListener('message', (event) => { // <6>
-    buffers.push(event.data.buffer)
-  })
-  audioRecorder.port.start() // <7>
-
-  mediaStreamSource.connect(audioRecorder) // <8>
-  audioRecorder.connect(audioContext.destination)
-
-  function startRecordMain() {
-    const parameter = audioRecorder.parameters.get('isRecording')
-    parameter.setValueAtTime(1, audioContext.currentTime) // <9>
-
-    buffers.splice(0, buffers.length)
-  }
-
-  function stopRecordMain() {
-    const parameter = audioRecorder.parameters.get('isRecording')
-    parameter.setValueAtTime(0, audioContext.currentTime) // <10>
-
-    const blob = encodeAudio(buffers, settings) // <11>
-    const file = new File([blob], 'audio.ogg', { type: 'audio/ogg' })
-    const url = URL.createObjectURL(blob)
-    return { file, url }
-  }
-
-  return {
-    startRecordMain,
-    stopRecordMain,
-  }
-}
+function encodeAudio(buffers, settings) {
+  const sampleCount = buffers.reduce((memo, buffer) => {
+    return memo + buffer.length
+  }, 0)
+
+  const bytesPerSample = settings.sampleSize / 8
+  const bitsPerByte = 8
+  const dataLength = sampleCount * bytesPerSample
+  const sampleRate = settings.sampleRate
+
+  const arrayBuffer = new ArrayBuffer(44 + dataLength)
+  const dataView = new DataView(arrayBuffer)
+
+  dataView.setUint8(0, 'R'.charCodeAt(0)) // <10>
+  dataView.setUint8(1, 'I'.charCodeAt(0))
+  dataView.setUint8(2, 'F'.charCodeAt(0))
+  dataView.setUint8(3, 'F'.charCodeAt(0))
+  dataView.setUint32(4, 36 + dataLength, true)
+  dataView.setUint8(8, 'W'.charCodeAt(0))
+  dataView.setUint8(9, 'A'.charCodeAt(0))
+  dataView.setUint8(10, 'V'.charCodeAt(0))
+  dataView.setUint8(11, 'E'.charCodeAt(0))
+  dataView.setUint8(12, 'f'.charCodeAt(0))
+  dataView.setUint8(13, 'm'.charCodeAt(0))
+  dataView.setUint8(14, 't'.charCodeAt(0))
+  dataView.setUint8(15, ' '.charCodeAt(0))
+  dataView.setUint32(16, 16, true)
+  dataView.setUint16(20, 1, true)
+  dataView.setUint16(22, 1, true)
+  dataView.setUint32(24, sampleRate, true)
+  dataView.setUint32(28, sampleRate * 2, true)
+  dataView.setUint16(32, bytesPerSample, true)
+  dataView.setUint16(34, bitsPerByte * bytesPerSample, true)
+  dataView.setUint8(36, 'd'.charCodeAt(0))
+  dataView.setUint8(37, 'a'.charCodeAt(0))
+  dataView.setUint8(38, 't'.charCodeAt(0))
+  dataView.setUint8(39, 'a'.charCodeAt(0))
+  dataView.setUint32(40, dataLength, true)
+
+  let index = 44
+
+  for (const buffer of buffers) {
+    for (const value of buffer) {
+      dataView.setInt16(index, value * 0x7FFF, true)
+      index += 2
+    }
+  }
+
+  return new Blob([dataView], { type: 'audio/ogg' })
+}
+
+export async function main(stream) {
+  const [track] = stream.getAudioTracks()
+  const settings = track.getSettings() // <2>
+
+  const audioContext = new AudioContext()
+  await audioContext.audioWorklet.addModule(joinURL(useRuntimeConfig().app.baseURL, '/audio-recorder.js')) // <3>
+
+  const mediaStreamSource = audioContext.createMediaStreamSource(stream) // <4>
+  const audioRecorder = new AudioWorkletNode(audioContext, 'audio-recorder') // <5>
+  const buffers = []
+
+  audioRecorder.port.addEventListener('message', (event) => { // <6>
+    buffers.push(event.data.buffer)
+  })
+  audioRecorder.port.start() // <7>
+
+  mediaStreamSource.connect(audioRecorder) // <8>
+  audioRecorder.connect(audioContext.destination)
+
+  function startRecordMain() {
+    const parameter = audioRecorder.parameters.get('isRecording')
+    parameter.setValueAtTime(1, audioContext.currentTime) // <9>
+
+    buffers.splice(0, buffers.length)
+  }
+
+  function stopRecordMain() {
+    const parameter = audioRecorder.parameters.get('isRecording')
+    parameter.setValueAtTime(0, audioContext.currentTime) // <10>
+
+    const blob = encodeAudio(buffers, settings) // <11>
+    const file = new File([blob], 'audio.ogg', { type: 'audio/ogg' })
+    const url = URL.createObjectURL(blob)
+    return { file, url }
+  }
+
+  return {
+    startRecordMain,
+    stopRecordMain,
+  }
+}

package/src/components/Tooltip/Ellipsis.vue

@@ -1,52 +1,52 @@
-<script setup lang="ts">
-const props = withDefaults(defineProps<{
-  content: string
-  type?: 'text' | 'tags'
-  placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'
-  | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'
-  maxWidth?: number
-  lineClamp?: number
-}>(), {
-  type: 'text',
-  maxWidth: 150,
-  lineClamp: 1,
-  placement: 'top-start',
-})
-
-const disabledTooltip = ref(true)
-
-const lineClampContent = ref(`line-clamp-${props.lineClamp}`)
-function mouseEnter(event) {
-  if (event.target.offsetWidth < event.target.scrollWidth)
-    disabledTooltip.value = false
-
-  else if (event.target.offsetHeight < event.target.scrollHeight)
-    disabledTooltip.value = false
-  else disabledTooltip.value = true
-}
-</script>
-
-<template>
-  <el-tooltip
-    :disabled="disabledTooltip"
-    :placement="placement"
-  >
-    <el-tag
-      v-if="type === 'tags'"
-      style="margin: 0 3px 5px 3px"
-      v-bind="$attrs"
-    >
-      <div class="max-w-120px truncate" @mouseenter="mouseEnter">
-        {{ content }}
-      </div>
-    </el-tag>
-    <div v-else v-bind="$attrs" :class="lineClampContent" @mouseenter="mouseEnter">
-      {{ content }}
-    </div>
-    <template #content>
-      <div class="scroll-custom-app max-h-200px max-w-240px overflow-auto">
-        {{ content }}
-      </div>
-    </template>
-  </el-tooltip>
-</template>
+<script setup lang="ts">
+const props = withDefaults(defineProps<{
+  content: string
+  type?: 'text' | 'tags'
+  placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'
+  | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'
+  maxWidth?: number
+  lineClamp?: number
+}>(), {
+  type: 'text',
+  maxWidth: 150,
+  lineClamp: 1,
+  placement: 'top-start',
+})
+
+const disabledTooltip = ref(true)
+
+const lineClampContent = ref(`line-clamp-${props.lineClamp}`)
+function mouseEnter(event) {
+  if (event.target.offsetWidth < event.target.scrollWidth)
+    disabledTooltip.value = false
+
+  else if (event.target.offsetHeight < event.target.scrollHeight)
+    disabledTooltip.value = false
+  else disabledTooltip.value = true
+}
+</script>
+
+<template>
+  <el-tooltip
+    :disabled="disabledTooltip"
+    :placement="placement"
+  >
+    <el-tag
+      v-if="type === 'tags'"
+      style="margin: 0 3px 5px 3px"
+      v-bind="$attrs"
+    >
+      <div class="max-w-120px truncate" @mouseenter="mouseEnter">
+        {{ content }}
+      </div>
+    </el-tag>
+    <div v-else v-bind="$attrs" :class="lineClampContent" @mouseenter="mouseEnter">
+      {{ content }}
+    </div>
+    <template #content>
+      <div class="scroll-custom-app max-h-200px max-w-240px overflow-auto">
+        {{ content }}
+      </div>
+    </template>
+  </el-tooltip>
+</template>

package/src/components/Tooltip/index.vue

@@ -1,47 +1,47 @@
-<script setup lang="ts">
-const props = withDefaults(defineProps<{
-  content: string
-  type?: 'text' | 'tags'
-  placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'
-    | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'
-}>(), {
-  type: 'text',
-  placement: 'top-start',
-})
-
-const disabled = ref(true)
-function mouseover(params) {
-  if (props.type === 'tags')
-    disabled.value = params.target.scrollWidth <= params.target.clientWidth
-  else if (props.type === 'text')
-    disabled.value = params.target.scrollHeight <= params.target.clientHeight && params.target.scrollWidth <= params.target.clientWidth
-
-  else disabled.value = true
-}
-</script>
-
-<template>
-  <el-tooltip
-    :disabled="disabled"
-    :content="content"
-    :placement="placement"
-  >
-    <el-tag
-      v-if="type === 'tags'"
-      style="margin: 0 3px 5px 3px"
-    >
-      <div class="max-w-16 truncate py-1" @mouseover="mouseover">
-        {{ content }}
-      </div>
-    </el-tag>
-    <slot v-else name="content" :mouseover="mouseover">
-      <div class="line-clamp-1" @mouseover="mouseover">
-        {{ content }}
-      </div>
-    </slot>
-  </el-tooltip>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+const props = withDefaults(defineProps<{
+  content: string
+  type?: 'text' | 'tags'
+  placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'
+    | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'
+}>(), {
+  type: 'text',
+  placement: 'top-start',
+})
+
+const disabled = ref(true)
+function mouseover(params) {
+  if (props.type === 'tags')
+    disabled.value = params.target.scrollWidth <= params.target.clientWidth
+  else if (props.type === 'text')
+    disabled.value = params.target.scrollHeight <= params.target.clientHeight && params.target.scrollWidth <= params.target.clientWidth
+
+  else disabled.value = true
+}
+</script>
+
+<template>
+  <el-tooltip
+    :disabled="disabled"
+    :content="content"
+    :placement="placement"
+  >
+    <el-tag
+      v-if="type === 'tags'"
+      style="margin: 0 3px 5px 3px"
+    >
+      <div class="max-w-16 truncate py-1" @mouseover="mouseover">
+        {{ content }}
+      </div>
+    </el-tag>
+    <slot v-else name="content" :mouseover="mouseover">
+      <div class="line-clamp-1" @mouseover="mouseover">
+        {{ content }}
+      </div>
+    </slot>
+  </el-tooltip>
+</template>
+
+<style scoped>
+
+</style>

package/src/components/app/AppList.vue

@@ -1,50 +1,50 @@
-<script lang="ts" setup>
-const { appIds } = defineModels<{
-  appIds: string[]
-}>()
-
-const params = ref({
-  page: 1,
-  perPage: 200,
-})
-
-const { data: listApp, isInitialLoading } = useQuery(
-  ['auth-service/v1/apps/all-apps/by-admin', params],
-  async () => {
-    return $authServiceApi('auth-service/v1/apps/all-apps/by-admin', {
-      query: params.value,
-    })
-  },
-  {
-    refetchOnWindowFocus: false,
-  },
-)
-
-const optionsApp = computed(() => {
-  return listApp.value?.data.map(el => ({
-    value: el.id,
-    label: el.name,
-  })) ?? []
-})
-</script>
-
-<template>
-  <el-form label-position="left">
-    <el-form-item :label="$t('Vod.app')" :show-message="false">
-      <el-select-v2
-        v-model="appIds"
-        v-loading="isInitialLoading"
-        class="w-200px"
-        popper-class="[&_.el-select-dropdown\_\_option-item]:!text-14px"
-        :max-collapse-tags="3"
-        :options="optionsApp"
-        clearable
-        collapse-tags
-        collapse-tags-tooltip
-        filterable
-        multiple
-        :placeholder="$t('base.all')"
-      />
-    </el-form-item>
-  </el-form>
-</template>
+<script lang="ts" setup>
+const { appIds } = defineModels<{
+  appIds: string[]
+}>()
+
+const params = ref({
+  page: 1,
+  perPage: 200,
+})
+
+const { data: listApp, isInitialLoading } = useQuery(
+  ['auth-service/v1/apps/all-apps/by-admin', params],
+  async () => {
+    return $authServiceApi('auth-service/v1/apps/all-apps/by-admin', {
+      query: params.value,
+    })
+  },
+  {
+    refetchOnWindowFocus: false,
+  },
+)
+
+const optionsApp = computed(() => {
+  return listApp.value?.data.map(el => ({
+    value: el.id,
+    label: el.name,
+  })) ?? []
+})
+</script>
+
+<template>
+  <el-form label-position="left">
+    <el-form-item :label="$t('Vod.app')" :show-message="false">
+      <el-select-v2
+        v-model="appIds"
+        v-loading="isInitialLoading"
+        class="w-200px"
+        popper-class="[&_.el-select-dropdown\_\_option-item]:!text-14px"
+        :max-collapse-tags="3"
+        :options="optionsApp"
+        clearable
+        collapse-tags
+        collapse-tags-tooltip
+        filterable
+        multiple
+        :placeholder="$t('base.all')"
+      />
+    </el-form-item>
+  </el-form>
+</template>

package/src/components/button/Button.vue

@@ -1,27 +1,27 @@
-<script setup lang="ts">
-import type { PrimitiveProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { Primitive } from 'radix-vue'
-import type { ButtonVariants } from '.'
-import { buttonVariants } from '.'
-
-interface Props extends PrimitiveProps {
-  variant?: ButtonVariants['variant']
-  size?: ButtonVariants['size']
-  class?: HTMLAttributes['class']
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  as: 'button',
-})
-</script>
-
-<template>
-  <Primitive
-    :as="as"
-    :as-child="asChild"
-    :class="[buttonVariants({ variant, size }), props.class]"
-  >
-    <slot />
-  </Primitive>
-</template>
+<script setup lang="ts">
+import type { PrimitiveProps } from 'radix-vue'
+import type { HTMLAttributes } from 'vue'
+import { Primitive } from 'radix-vue'
+import type { ButtonVariants } from '.'
+import { buttonVariants } from '.'
+
+interface Props extends PrimitiveProps {
+  variant?: ButtonVariants['variant']
+  size?: ButtonVariants['size']
+  class?: HTMLAttributes['class']
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  as: 'button',
+})
+</script>
+
+<template>
+  <Primitive
+    :as="as"
+    :as-child="asChild"
+    :class="[buttonVariants({ variant, size }), props.class]"
+  >
+    <slot />
+  </Primitive>
+</template>

package/src/components/button/index.ts

@@ -1,37 +1,37 @@
-// @unocss-include
-import type { VariantProps } from 'class-variance-authority'
-import { cva } from 'class-variance-authority'
-
-export { default as Button } from './Button.vue'
-
-export const buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
-  {
-    variants: {
-      variant: {
-        default:
-          'bg-primary text-primary-foreground shadow hover:bg-primary/90',
-        destructive:
-          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
-        outline:
-          'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
-        secondary:
-          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
-        ghost: 'hover:bg-accent hover:text-accent-foreground',
-        link: 'text-primary underline-offset-4 hover:underline',
-      },
-      size: {
-        default: 'h-9 px-4 py-2',
-        sm: 'h-8 rounded-md px-3 text-xs',
-        lg: 'h-10 rounded-md px-8',
-        icon: 'size-8',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  },
-)
-
-export type ButtonVariants = VariantProps<typeof buttonVariants>
+// @unocss-include
+import type { VariantProps } from 'class-variance-authority'
+import { cva } from 'class-variance-authority'
+
+export { default as Button } from './Button.vue'
+
+export const buttonVariants = cva(
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  {
+    variants: {
+      variant: {
+        default:
+          'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+        destructive:
+          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+        outline:
+          'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
+        secondary:
+          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-9 px-4 py-2',
+        sm: 'h-8 rounded-md px-3 text-xs',
+        lg: 'h-10 rounded-md px-8',
+        icon: 'size-8',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+)
+
+export type ButtonVariants = VariantProps<typeof buttonVariants>

package/src/components/context-menu/ContextMenu.vue

@@ -1,15 +1,15 @@
-<script setup lang="ts">
-import { ContextMenuRoot, useForwardPropsEmits } from 'radix-vue'
-import type { ContextMenuRootEmits, ContextMenuRootProps } from 'radix-vue'
-
-const props = defineProps<ContextMenuRootProps>()
-const emits = defineEmits<ContextMenuRootEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <ContextMenuRoot v-bind="forwarded">
-    <slot />
-  </ContextMenuRoot>
-</template>
+<script setup lang="ts">
+import { ContextMenuRoot, useForwardPropsEmits } from 'radix-vue'
+import type { ContextMenuRootEmits, ContextMenuRootProps } from 'radix-vue'
+
+const props = defineProps<ContextMenuRootProps>()
+const emits = defineEmits<ContextMenuRootEmits>()
+
+const forwarded = useForwardPropsEmits(props, emits)
+</script>
+
+<template>
+  <ContextMenuRoot v-bind="forwarded">
+    <slot />
+  </ContextMenuRoot>
+</template>