@sigmaott/base-next 1.4.0 → 1.4.2

package/src/utils/utils.ts

@@ -1,58 +1,58 @@
-/** whether the route is used as a menu */
-import type { RouteRecordNormalized } from 'vue-router'
-
-function asMenu(route: RouteRecordNormalized, isSubApp: boolean) {
-  if (route.meta?.isHideSubApp && isSubApp)
-    return false
-  return route.meta && !route.meta?.notAsMenu
-}
-
-export function sortRoutes(routes: RouteRecordNormalized[] = []) {
-  return routes.sort((next, pre) =>
-    Number(next.meta?.order || Infinity) - Number(pre.meta?.order || Infinity),
-  )
-}
-
-interface MenuItem {
-  name: string
-  meta: Record<string, any>
-  path: string
-  children: MenuItem[] | undefined
-}
-
-export function transformRouteToMenu(routes: RouteRecordNormalized[], isSubApp = true, parentPath: string | undefined = undefined) {
-  const menu: MenuItem[] = []
-
-  sortRoutes(routes).forEach((route) => {
-    let { name, path, meta } = route
-
-    let children: MenuItem[] | undefined
-
-    if (parentPath)
-      path = `${parentPath}/${path}`
-
-    if (route.children)
-      children = transformRouteToMenu(route.children, isSubApp, path)
-
-    const menuItem: MenuItem = {
-      name: name as string,
-      path,
-      meta: meta as Record<string, any>,
-      children,
-    }
-
-    // route show on menu
-    if (asMenu(route, isSubApp))
-      menu.push(menuItem)
-    // route not show on menu but children does
-    else if (children)
-      menu.push(...children)
-  })
-
-  return menu
-}
-
-export function isAllowedCharacters(text: string): boolean {
-  const ALLOWED_CHARACTERS_REGEX = /[^a-zA-Z0-9!\"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~]/g
-  return ALLOWED_CHARACTERS_REGEX.test(text)
-}
+/** whether the route is used as a menu */
+import type { RouteRecordNormalized } from 'vue-router'
+
+function asMenu(route: RouteRecordNormalized, isSubApp: boolean) {
+  if (route.meta?.isHideSubApp && isSubApp)
+    return false
+  return route.meta && !route.meta?.notAsMenu
+}
+
+export function sortRoutes(routes: RouteRecordNormalized[] = []) {
+  return routes.sort((next, pre) =>
+    Number(next.meta?.order || Infinity) - Number(pre.meta?.order || Infinity),
+  )
+}
+
+interface MenuItem {
+  name: string
+  meta: Record<string, any>
+  path: string
+  children: MenuItem[] | undefined
+}
+
+export function transformRouteToMenu(routes: RouteRecordNormalized[], isSubApp = true, parentPath: string | undefined = undefined) {
+  const menu: MenuItem[] = []
+
+  sortRoutes(routes).forEach((route) => {
+    let { name, path, meta } = route
+
+    let children: MenuItem[] | undefined
+
+    if (parentPath)
+      path = `${parentPath}/${path}`
+
+    if (route.children)
+      children = transformRouteToMenu(route.children, isSubApp, path)
+
+    const menuItem: MenuItem = {
+      name: name as string,
+      path,
+      meta: meta as Record<string, any>,
+      children,
+    }
+
+    // route show on menu
+    if (asMenu(route, isSubApp))
+      menu.push(menuItem)
+    // route not show on menu but children does
+    else if (children)
+      menu.push(...children)
+  })
+
+  return menu
+}
+
+export function isAllowedCharacters(text: string): boolean {
+  const ALLOWED_CHARACTERS_REGEX = /[^a-zA-Z0-9!\"#$%&'()*+,\-.\/:;<=>?@\[\\\]^_`{|}~]/g
+  return ALLOWED_CHARACTERS_REGEX.test(text)
+}

package/src/utils/validator.ts

@@ -1,185 +1,185 @@
-import isStrongPassword from 'validator/es/lib/isStrongPassword'
-import { upperFirst } from 'lodash-unified'
-import isEmail from 'validator/es/lib/isEmail'
-import isIP from 'validator/lib/isIP'
-import { isInt } from 'validator'
-import { isAllowedCharacters } from './utils'
-
-export function tagValidator(itemLength: number = 35) {
-  return (rule, value: string[], callback) => {
-    const isTagLengthValid = value?.some(tag => tag.trim().split(' ').join('').length > itemLength)
-    const isTagContainSpecialCharacter = value?.some(tag => /[`!@#$%^&*()+=[\]{};':"\\|,.<>/?~]/.test(tag))
-    const isTagContainAccentedCharacters = value?.some(tag => !new RegExp(`^[\\w-]{1,${itemLength}}$`).test(tag))
-    if (value?.length > 0 && (value?.length !== new Set(value).size))
-      callback(new Error(window.$t('validate.duplicate')))
-    else if (isTagLengthValid)
-      callback(new Error(window.$t('validate.itemLength', [itemLength])))
-    else if (isTagContainSpecialCharacter)
-      callback(new Error(window.$t('validate.specialCharacters')))
-    else if (isTagContainAccentedCharacters)
-      callback(new Error(window.$t('validate.accentedCharacters')))
-    else
-      callback()
-  }
-}
-
-export function passwordValidation(t, callbackFn: any) {
-  return (rule, value: string, callback) => {
-    if (value === '' || value.trim().length === 0) {
-      callback(new Error(t('login.password_required')))
-    }
-    else if (isAllowedCharacters(value)) {
-      callback(new Error(t('login.password_use_only')))
-    }
-    else if (!/^.{8,64}$/.test(value)) {
-      callback(new Error(t('login.password_length')))
-    }
-    else if (!isStrongPassword(value, { minSymbols: 0 })) {
-      callback(new Error(t('login.password_invalid')))
-    }
-
-    else {
-      callbackFn(rule, value, callback)
-      callback()
-    }
-  }
-}
-
-export function requiredValidator(_name: string) {
-  return (_rule, value: string, callback) => {
-    const name = _name || window.$t('general.name')
-    if (!value || value.trim().length === 0)
-      callback(new Error(window.$t('base.please_input_name', { name })))
-    else
-      callback()
-  }
-}
-
-export function nameValidator(_name: string) {
-  return (_rule, value: string, callback) => {
-    const name = _name || window.$t('general.name')
-    if (!value || value.trim().length === 0)
-      callback(window.$t('base.please_input_name', { name }))
-    else if (SPECIAL_CHARACTERS_NAME.test(value))
-      callback(window.$t('base.name_can_not_contain_special_characters', { name: upperFirst(name) }))
-    else if (!WORD_NO_CONTAINT_ACCENTED_CHARACTERS.test(value))
-      callback(window.$t('base.name_cannot_contain_accented_characters', { name: upperFirst(name) }))
-    else if (!/^.{1,50}$/.test(value))
-      callback(window.$t('base.the_name_should_not_exceed_50_characters', { name: upperFirst(name) }))
-    else
-      callback()
-  }
-}
-export const SPECIAL_CHARACTERS_NAME_WITH_S = /[`!@#$%^&*()+=[\]{};':"\\|,.<>/?~]/
-export const WORD_NO_CONTAINT_ACCENTED_CHARACTERS_S = /^[\w-\s]*$/
-
-export function nameValidatorWithSpace(_name: string) {
-  return (_rule, value: string, callback) => {
-    const name = _name || window.$t('general.name')
-    if (!value || value.trim().length === 0)
-      callback(new Error(window.$t('base.please_input_name', { name })))
-    else if (SPECIAL_CHARACTERS_NAME_WITH_S.test(value))
-      callback(new Error(window.$t('base.name_can_not_contain_special_characters_with_s', { name: upperFirst(name) })))
-    else if (!WORD_NO_CONTAINT_ACCENTED_CHARACTERS_S.test(value))
-      callback(new Error(window.$t('base.name_cannot_contain_accented_characters', { name: upperFirst(name) })))
-    else if (!/^.{1,50}$/.test(value))
-      callback(new Error(window.$t('base.the_name_should_not_exceed_50_characters', { name: upperFirst(name) })))
-    else
-      callback()
-  }
-}
-
-// NO_DASH
-export function nameValidatorLow(_name: string) {
-  return (_rule, value: string, callback: any) => {
-    const name = _name || window.$t('general.name')
-    const stringValue = typeof value === 'string' ? value.trim() : ''
-    if (!value || stringValue.length === 0)
-      callback(new Error(window.$t('base.please_input_name', { name })))
-    else if (SPECIAL_CHARACTERS_NAME_NO_DASH_UNDERLINE.test(value))
-      callback(new Error(window.$t('base.name_can_not_contain_special_characters', { name: upperFirst(name) })))
-    else if (!WORD_NO_CONTAINT_ACCENTED_CHARACTERS.test(value))
-      callback(new Error(window.$t('base.name_cannot_contain_accented_characters', { name: upperFirst(name) })))
-    else if (!/^.{1,50}$/.test(value))
-      callback(new Error(window.$t('base.the_name_should_not_exceed_50_characters', { name: upperFirst(name) })))
-    else
-      callback()
-  }
-}
-
-export function emailValidator() {
-  return (rule, value: string, callback: any) => {
-    if (value === '' || value.trim().length === 0)
-      callback(new Error(window.$t('login.email_required')))
-    else if (!/^[\w.\-@]{5,128}$/.test(value) || !isEmail(value))
-      callback(new Error(window.$t('login.email_invalid')))
-    else
-      callback()
-  }
-}
-
-export function arrayValidator(_name: string, callbackFn?: any) {
-  return (rule, value, callback) => {
-    const name = _name || window.$t('general.name')
-    if (value && !value.length) {
-      callback(new Error(window.$t('base.please_add_a_name', { name: upperFirst(name) })))
-    }
-    else {
-      if (callbackFn)
-        callbackFn(rule, value, callback)
-      else
-        callback()
-    }
-  }
-}
-
-export function bucketNameValidator() {
-  const $t = window.$t
-  return (rule, value, callback) => {
-    if (value.length < 3 || value.length > 63)
-      callback(new Error($t('bucket_name.valid_length')))
-    if (!value.match(/^[a-z0-9]/) || !value.match(/[a-z0-9]$/))
-      callback(new Error($t('bucket_name.bucket_names_must_begin_and_end_with_a_letter_or_number')))
-    if (!value.match(/^[a-z0-9][a-z0-9.-]{1,61}[a-z0-9]$/))
-      callback(new Error($t('bucket_name.bucket_names_can_consist_only_of_lowercase_letters_numbers_dots_and_hyphens_-')))
-    if (!value.match(/^(?!.*\.(\.))/))
-      callback(new Error($t('bucket_name.bucket_names_must_not_contain_two_adjacent_periods')))
-    if (isIP(value))
-      callback(new Error($t('bucket_name.bucket_names_must_not_be_formatted_as_an_ip_address')))
-    if (!value.match(/^(?!xn--)(?!sthree-)(?!sthree-configurator-)/))
-      callback(new Error($t('bucket_name.bucket_names_must_not_start_with_the_prefix_xn--_and_sthree-_and_the_prefix_sthree-configurator')))
-    if (!value.match(/^(?!.*--ol-s3$)/))
-      callback(new Error($t('bucket_name.bucket_names_must_not_end_with_the_suffix_--ol-s3')))
-    else
-      callback()
-  }
-}
-
-const rgbaRegex = /^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(0|1|0?\.\d+|1\.0*)\s*\)$/i
-export function validateRGBA(color) {
-  if (rgbaRegex.test(color)) {
-    const matches = color.match(rgbaRegex)
-    const red = Number.parseInt(matches[1], 10)
-    const green = Number.parseInt(matches[2], 10)
-    const blue = Number.parseInt(matches[3], 10)
-    const alpha = Number.parseFloat(matches[4])
-
-    if (red >= 0 && red <= 255
-      && green >= 0 && green <= 255
-      && blue >= 0 && blue <= 255
-      && alpha >= 0 && alpha <= 1) {
-      return true
-    }
-  }
-
-  return false
-}
-
-export function numberValidator(payload: { min: number, max: number }) {
-  return (rule, value: number, callback: any) => {
-    if (value > payload.max || value < payload.min || !Number.isInteger(value))
-      callback(new Error(window.$t('base.validate.min-max', { min: payload.min, max: payload.max })))
-    else
-      callback()
-  }
-}
+import isStrongPassword from 'validator/es/lib/isStrongPassword'
+import { upperFirst } from 'lodash-unified'
+import isEmail from 'validator/es/lib/isEmail'
+import isIP from 'validator/lib/isIP'
+import { isInt } from 'validator'
+import { isAllowedCharacters } from './utils'
+
+export function tagValidator(itemLength: number = 35) {
+  return (rule, value: string[], callback) => {
+    const isTagLengthValid = value?.some(tag => tag.trim().split(' ').join('').length > itemLength)
+    const isTagContainSpecialCharacter = value?.some(tag => /[`!@#$%^&*()+=[\]{};':"\\|,.<>/?~]/.test(tag))
+    const isTagContainAccentedCharacters = value?.some(tag => !new RegExp(`^[\\w-]{1,${itemLength}}$`).test(tag))
+    if (value?.length > 0 && (value?.length !== new Set(value).size))
+      callback(new Error(window.$t('validate.duplicate')))
+    else if (isTagLengthValid)
+      callback(new Error(window.$t('validate.itemLength', [itemLength])))
+    else if (isTagContainSpecialCharacter)
+      callback(new Error(window.$t('validate.specialCharacters')))
+    else if (isTagContainAccentedCharacters)
+      callback(new Error(window.$t('validate.accentedCharacters')))
+    else
+      callback()
+  }
+}
+
+export function passwordValidation(t, callbackFn: any) {
+  return (rule, value: string, callback) => {
+    if (value === '' || value.trim().length === 0) {
+      callback(new Error(t('login.password_required')))
+    }
+    else if (isAllowedCharacters(value)) {
+      callback(new Error(t('login.password_use_only')))
+    }
+    else if (!/^.{8,64}$/.test(value)) {
+      callback(new Error(t('login.password_length')))
+    }
+    else if (!isStrongPassword(value, { minSymbols: 0 })) {
+      callback(new Error(t('login.password_invalid')))
+    }
+
+    else {
+      callbackFn(rule, value, callback)
+      callback()
+    }
+  }
+}
+
+export function requiredValidator(_name: string) {
+  return (_rule, value: string, callback) => {
+    const name = _name || window.$t('general.name')
+    if (!value || value.trim().length === 0)
+      callback(new Error(window.$t('base.please_input_name', { name })))
+    else
+      callback()
+  }
+}
+
+export function nameValidator(_name: string) {
+  return (_rule, value: string, callback) => {
+    const name = _name || window.$t('general.name')
+    if (!value || value.trim().length === 0)
+      callback(window.$t('base.please_input_name', { name }))
+    else if (SPECIAL_CHARACTERS_NAME.test(value))
+      callback(window.$t('base.name_can_not_contain_special_characters', { name: upperFirst(name) }))
+    else if (!WORD_NO_CONTAINT_ACCENTED_CHARACTERS.test(value))
+      callback(window.$t('base.name_cannot_contain_accented_characters', { name: upperFirst(name) }))
+    else if (!/^.{1,50}$/.test(value))
+      callback(window.$t('base.the_name_should_not_exceed_50_characters', { name: upperFirst(name) }))
+    else
+      callback()
+  }
+}
+export const SPECIAL_CHARACTERS_NAME_WITH_S = /[`!@#$%^&*()+=[\]{};':"\\|,.<>/?~]/
+export const WORD_NO_CONTAINT_ACCENTED_CHARACTERS_S = /^[\w-\s]*$/
+
+export function nameValidatorWithSpace(_name: string) {
+  return (_rule, value: string, callback) => {
+    const name = _name || window.$t('general.name')
+    if (!value || value.trim().length === 0)
+      callback(new Error(window.$t('base.please_input_name', { name })))
+    else if (SPECIAL_CHARACTERS_NAME_WITH_S.test(value))
+      callback(new Error(window.$t('base.name_can_not_contain_special_characters_with_s', { name: upperFirst(name) })))
+    else if (!WORD_NO_CONTAINT_ACCENTED_CHARACTERS_S.test(value))
+      callback(new Error(window.$t('base.name_cannot_contain_accented_characters', { name: upperFirst(name) })))
+    else if (!/^.{1,50}$/.test(value))
+      callback(new Error(window.$t('base.the_name_should_not_exceed_50_characters', { name: upperFirst(name) })))
+    else
+      callback()
+  }
+}
+
+// NO_DASH
+export function nameValidatorLow(_name: string) {
+  return (_rule, value: string, callback: any) => {
+    const name = _name || window.$t('general.name')
+    const stringValue = typeof value === 'string' ? value.trim() : ''
+    if (!value || stringValue.length === 0)
+      callback(new Error(window.$t('base.please_input_name', { name })))
+    else if (SPECIAL_CHARACTERS_NAME_NO_DASH_UNDERLINE.test(value))
+      callback(new Error(window.$t('base.name_can_not_contain_special_characters', { name: upperFirst(name) })))
+    else if (!WORD_NO_CONTAINT_ACCENTED_CHARACTERS.test(value))
+      callback(new Error(window.$t('base.name_cannot_contain_accented_characters', { name: upperFirst(name) })))
+    else if (!/^.{1,50}$/.test(value))
+      callback(new Error(window.$t('base.the_name_should_not_exceed_50_characters', { name: upperFirst(name) })))
+    else
+      callback()
+  }
+}
+
+export function emailValidator() {
+  return (rule, value: string, callback: any) => {
+    if (value === '' || value.trim().length === 0)
+      callback(new Error(window.$t('login.email_required')))
+    else if (!/^[\w.\-@]{5,128}$/.test(value) || !isEmail(value))
+      callback(new Error(window.$t('login.email_invalid')))
+    else
+      callback()
+  }
+}
+
+export function arrayValidator(_name: string, callbackFn?: any) {
+  return (rule, value, callback) => {
+    const name = _name || window.$t('general.name')
+    if (value && !value.length) {
+      callback(new Error(window.$t('base.please_add_a_name', { name: upperFirst(name) })))
+    }
+    else {
+      if (callbackFn)
+        callbackFn(rule, value, callback)
+      else
+        callback()
+    }
+  }
+}
+
+export function bucketNameValidator() {
+  const $t = window.$t
+  return (rule, value, callback) => {
+    if (value.length < 3 || value.length > 63)
+      callback(new Error($t('bucket_name.valid_length')))
+    if (!value.match(/^[a-z0-9]/) || !value.match(/[a-z0-9]$/))
+      callback(new Error($t('bucket_name.bucket_names_must_begin_and_end_with_a_letter_or_number')))
+    if (!value.match(/^[a-z0-9][a-z0-9.-]{1,61}[a-z0-9]$/))
+      callback(new Error($t('bucket_name.bucket_names_can_consist_only_of_lowercase_letters_numbers_dots_and_hyphens_-')))
+    if (!value.match(/^(?!.*\.(\.))/))
+      callback(new Error($t('bucket_name.bucket_names_must_not_contain_two_adjacent_periods')))
+    if (isIP(value))
+      callback(new Error($t('bucket_name.bucket_names_must_not_be_formatted_as_an_ip_address')))
+    if (!value.match(/^(?!xn--)(?!sthree-)(?!sthree-configurator-)/))
+      callback(new Error($t('bucket_name.bucket_names_must_not_start_with_the_prefix_xn--_and_sthree-_and_the_prefix_sthree-configurator')))
+    if (!value.match(/^(?!.*--ol-s3$)/))
+      callback(new Error($t('bucket_name.bucket_names_must_not_end_with_the_suffix_--ol-s3')))
+    else
+      callback()
+  }
+}
+
+const rgbaRegex = /^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(0|1|0?\.\d+|1\.0*)\s*\)$/i
+export function validateRGBA(color) {
+  if (rgbaRegex.test(color)) {
+    const matches = color.match(rgbaRegex)
+    const red = Number.parseInt(matches[1], 10)
+    const green = Number.parseInt(matches[2], 10)
+    const blue = Number.parseInt(matches[3], 10)
+    const alpha = Number.parseFloat(matches[4])
+
+    if (red >= 0 && red <= 255
+      && green >= 0 && green <= 255
+      && blue >= 0 && blue <= 255
+      && alpha >= 0 && alpha <= 1) {
+      return true
+    }
+  }
+
+  return false
+}
+
+export function numberValidator(payload: { min: number, max: number }) {
+  return (rule, value: number, callback: any) => {
+    if (value > payload.max || value < payload.min || !Number.isInteger(value))
+      callback(new Error(window.$t('base.validate.min-max', { min: payload.min, max: payload.max })))
+    else
+      callback()
+  }
+}