bfg-common 1.5.812 → 1.5.813

package/components/common/configure/advancedSystemSettings/tableView/old/Old.vue

@@ -1,122 +1,122 @@
-<template>
-  <div class="data-table-view">
-    <atoms-table-data-grid
-      v-model:column-keys="columnKeys"
-      v-model:page-size="paginationLocal.pageSize"
-      v-model:page="paginationLocal.page"
-      :head-items="headItems"
-      :body-items="bodyItems"
-      :total-items="props.totalItems"
-      :total-pages="props.totalPages"
-      class="data-table"
-      test-id="any-table"
-      server-off
-    >
-      <template #value="{ item }">
-        <common-configure-advanced-system-settings-table-view-old-field
-          :data="item.data"
-          @change="onChangeSetting($event, item.data.key)"
-          @error-message="onUpdateInvalidFields($event, item.data.key)"
-        />
-      </template>
-    </atoms-table-data-grid>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_ColumnKey,
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type {
-  UI_I_ArbitraryObject,
-  UI_I_Localization,
-} from '~/lib/models/interfaces'
-import type {
-  API_UI_I_DataTable,
-  UI_I_Pagination,
-} from '~/lib/models/table/interfaces'
-import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
-import type { UI_I_AdvancedSystemSettingsEditData } from '~/components/common/configure/advancedSystemSettings/tableView/old/lib/models/interfaces'
-import * as table from '~/components/common/configure/advancedSystemSettings/tableView/old/lib/config/table'
-
-const settings = defineModel<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>(
-  'settings',
-  { required: true }
-)
-const invalidFields = defineModel<string[]>('invalid-fields', {
-  required: false,
-})
-
-const props = defineProps<{
-  dataTable: UI_I_AdvancedSystemSetting[]
-  totalItems: number
-  totalPages: number
-  isEdit: boolean
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onChangeSetting = (
-  value: UI_I_AdvancedSystemSettingsEditData['value'],
-  key: string
-): void => {
-  settings.value.items = settings.value.items.map((item) => {
-    if (item.key === key) {
-      item.value = value
-    }
-    return item
-  })
-}
-
-const invalidFieldsLocal = ref<UI_I_ArbitraryObject<string>>({})
-const onUpdateInvalidFields = (value: string, key: string): void => {
-  invalidFieldsLocal.value[key] = value
-  if (invalidFields.value)
-    invalidFields.value = Object.values(invalidFieldsLocal.value).filter(
-      (error) => error
-    )
-}
-
-const paginationLocal = ref<UI_I_Pagination>({
-  page: 1,
-  pageSize: 100,
-})
-
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  table.headItems(localization.value, props.isEdit)
-)
-
-const columnKeys = computed<UI_I_ColumnKey[]>(() =>
-  table.columnKeys(localization.value, props.isEdit)
-)
-
-const bodyItems = ref<UI_I_BodyItem[][]>([])
-watch(
-  () => props.dataTable,
-  (newValue) => {
-    bodyItems.value = table.bodyItems(newValue, props.isEdit)
-  },
-  { deep: true, immediate: true }
-)
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.data-table-view {
-  @include flex($dir: column);
-  overflow: hidden;
-  height: inherit;
-  max-height: 250px;
-  .data-table {
-    @include flex($dir: column);
-    flex-direction: column;
-    overflow: hidden;
-    height: inherit;
-    :deep(.datagrid-outer-wrapper) {
-      height: inherit;
-    }
-  }
-}
-</style>
+<template>
+  <div class="data-table-view">
+    <atoms-table-data-grid
+      v-model:column-keys="columnKeys"
+      v-model:page-size="paginationLocal.pageSize"
+      v-model:page="paginationLocal.page"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="props.totalItems"
+      :total-pages="props.totalPages"
+      class="data-table"
+      test-id="any-table"
+      server-off
+    >
+      <template #value="{ item }">
+        <common-configure-advanced-system-settings-table-view-old-field
+          :data="item.data"
+          @change="onChangeSetting($event, item.data.key)"
+          @error-message="onUpdateInvalidFields($event, item.data.key)"
+        />
+      </template>
+    </atoms-table-data-grid>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_ColumnKey,
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type {
+  UI_I_ArbitraryObject,
+  UI_I_Localization,
+} from '~/lib/models/interfaces'
+import type {
+  API_UI_I_DataTable,
+  UI_I_Pagination,
+} from '~/lib/models/table/interfaces'
+import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
+import type { UI_I_AdvancedSystemSettingsEditData } from '~/components/common/configure/advancedSystemSettings/tableView/old/lib/models/interfaces'
+import * as table from '~/components/common/configure/advancedSystemSettings/tableView/old/lib/config/table'
+
+const settings = defineModel<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>(
+  'settings',
+  { required: true }
+)
+const invalidFields = defineModel<string[]>('invalid-fields', {
+  required: false,
+})
+
+const props = defineProps<{
+  dataTable: UI_I_AdvancedSystemSetting[]
+  totalItems: number
+  totalPages: number
+  isEdit: boolean
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onChangeSetting = (
+  value: UI_I_AdvancedSystemSettingsEditData['value'],
+  key: string
+): void => {
+  settings.value.items = settings.value.items.map((item) => {
+    if (item.key === key) {
+      item.value = value
+    }
+    return item
+  })
+}
+
+const invalidFieldsLocal = ref<UI_I_ArbitraryObject<string>>({})
+const onUpdateInvalidFields = (value: string, key: string): void => {
+  invalidFieldsLocal.value[key] = value
+  if (invalidFields.value)
+    invalidFields.value = Object.values(invalidFieldsLocal.value).filter(
+      (error) => error
+    )
+}
+
+const paginationLocal = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table.headItems(localization.value, props.isEdit)
+)
+
+const columnKeys = computed<UI_I_ColumnKey[]>(() =>
+  table.columnKeys(localization.value, props.isEdit)
+)
+
+const bodyItems = ref<UI_I_BodyItem[][]>([])
+watch(
+  () => props.dataTable,
+  (newValue) => {
+    bodyItems.value = table.bodyItems(newValue, props.isEdit)
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins.scss';
+.data-table-view {
+  @include flex($dir: column);
+  overflow: hidden;
+  height: inherit;
+  max-height: 250px;
+  .data-table {
+    @include flex($dir: column);
+    flex-direction: column;
+    overflow: hidden;
+    height: inherit;
+    :deep(.datagrid-outer-wrapper) {
+      height: inherit;
+    }
+  }
+}
+</style>

package/components/common/configure/advancedSystemSettings/tableView/old/field/Field.vue

@@ -1,139 +1,139 @@
-<template>
-  <atoms-tooltip-error :has-error="invalid">
-    <template #elem>
-      <div v-if="props.data.type === 'number'">
-        <input
-          v-model="valueLocal"
-          type="number"
-          :class="{ 'has-error': invalid }"
-          @input="onChangeSetting($event)"
-        />
-      </div>
-      <div v-if="props.data.type === 'string'">
-        <input
-          v-model="valueLocal"
-          type="text"
-          :class="{ 'has-error': invalid }"
-          @input="onChangeSetting($event)"
-        />
-      </div>
-      <div v-if="props.data.type === 'boolean'" class="select">
-        <select
-          v-model="valueLocal"
-          @change="onChangeSetting($event)"
-          :class="{ 'has-error': invalid }"
-        >
-          <option value="false">false</option>
-          <option value="true">true</option>
-        </select>
-      </div>
-      <!--      <div v-if="props.data.type === 'select'" class="select">-->
-      <!--        <select-->
-      <!--          v-model="valueLocal"-->
-      <!--          @change="onChangeSetting($event)"-->
-      <!--          :class="{ 'has-error': invalid }"-->
-      <!--        >-->
-      <!--          <option-->
-      <!--            v-for="item2 in props.data.options"-->
-      <!--            :key="item2.key"-->
-      <!--            :value="item2.key"-->
-      <!--          >-->
-      <!--            {{ item2.value }}-->
-      <!--          </option>-->
-      <!--        </select>-->
-      <!--      </div>-->
-    </template>
-    <template #content>
-      {{ errorMessage }}
-    </template>
-  </atoms-tooltip-error>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_AdvancedSystemSettingsEditData } from '~/components/common/configure/advancedSystemSettings/tableView/old/lib/models/interfaces'
-import { E_Format } from '~/components/common/configure/advancedSystemSettings/tableView/old/field/lib/models/enums'
-import { allRegExp } from '~/lib/config/regExp'
-
-const props = defineProps<{
-  data: UI_I_AdvancedSystemSettingsEditData
-}>()
-const emits = defineEmits<{
-  (event: 'change', value: UI_I_AdvancedSystemSettingsEditData['value']): void
-  (event: 'error-message', value: string): void
-}>()
-
-const valueLocal = ref<UI_I_AdvancedSystemSettingsEditData['value']>(
-  props.data.value
-)
-watch(valueLocal, (newValue, oldValue) => {
-  // Обработка для firefox
-  if (props.data.type === 'number' && typeof newValue === 'string') {
-    valueLocal.value = oldValue
-  }
-})
-
-const invalid = ref<boolean>(false)
-const errorMessage = ref<string>('')
-
-const onChangeSetting = (event: Event): void => {
-  invalid.value = false
-  errorMessage.value = ''
-
-  const target = event.target as HTMLInputElement
-  let value: UI_I_AdvancedSystemSettingsEditData['value'] = target.value
-  if (props.data.type === 'boolean') value = value === 'true'
-  if (props.data.type === 'number') value = +value
-
-  const { validation } = props.data
-  if (Object.hasOwn(validation, 'equal')) {
-    invalid.value = !validation.equal.includes(value)
-    errorMessage.value = invalid.value
-      ? `Value must be equal ${validation.equal.join(', ')}`
-      : ''
-  }
-  if (invalid.value) return
-
-  if (Object.hasOwn(validation, 'notEqual')) {
-    invalid.value = validation.notEqual.includes(value)
-    errorMessage.value = invalid.value
-      ? `Value must not be equal ${validation.notEqual.join(', ')}`
-      : ''
-  }
-  if (invalid.value) return
-
-  if (Object.hasOwn(validation, 'min')) {
-    invalid.value = value < validation.min
-    errorMessage.value = invalid.value
-      ? `Value must be more then ${validation.min}`
-      : ''
-  }
-  if (invalid.value) return
-
-  if (Object.hasOwn(validation, 'max')) {
-    invalid.value = value > validation.max
-    errorMessage.value = invalid.value
-      ? `Value must be less then ${validation.max}`
-      : ''
-  }
-  if (invalid.value) return
-
-  if (validation.Format) {
-    const format = E_Format[validation.Format]
-    invalid.value = !allRegExp[format].test(value)
-    errorMessage.value = invalid.value ? `Value must be ${format}` : ''
-  }
-  if (invalid.value) return
-
-  emits('change', value)
-}
-
-watch(errorMessage, (newValue) => {
-  emits('error-message', newValue)
-})
-</script>
-
-<style scoped lang="scss">
-.has-error {
-  border: 1px solid #db2100;
-}
-</style>
+<template>
+  <atoms-tooltip-error :has-error="invalid">
+    <template #elem>
+      <div v-if="props.data.type === 'number'">
+        <input
+          v-model="valueLocal"
+          type="number"
+          :class="{ 'has-error': invalid }"
+          @input="onChangeSetting($event)"
+        />
+      </div>
+      <div v-if="props.data.type === 'string'">
+        <input
+          v-model="valueLocal"
+          type="text"
+          :class="{ 'has-error': invalid }"
+          @input="onChangeSetting($event)"
+        />
+      </div>
+      <div v-if="props.data.type === 'boolean'" class="select">
+        <select
+          v-model="valueLocal"
+          @change="onChangeSetting($event)"
+          :class="{ 'has-error': invalid }"
+        >
+          <option value="false">false</option>
+          <option value="true">true</option>
+        </select>
+      </div>
+      <!--      <div v-if="props.data.type === 'select'" class="select">-->
+      <!--        <select-->
+      <!--          v-model="valueLocal"-->
+      <!--          @change="onChangeSetting($event)"-->
+      <!--          :class="{ 'has-error': invalid }"-->
+      <!--        >-->
+      <!--          <option-->
+      <!--            v-for="item2 in props.data.options"-->
+      <!--            :key="item2.key"-->
+      <!--            :value="item2.key"-->
+      <!--          >-->
+      <!--            {{ item2.value }}-->
+      <!--          </option>-->
+      <!--        </select>-->
+      <!--      </div>-->
+    </template>
+    <template #content>
+      {{ errorMessage }}
+    </template>
+  </atoms-tooltip-error>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_AdvancedSystemSettingsEditData } from '~/components/common/configure/advancedSystemSettings/tableView/old/lib/models/interfaces'
+import { E_Format } from '~/components/common/configure/advancedSystemSettings/tableView/old/field/lib/models/enums'
+import { allRegExp } from '~/lib/config/regExp'
+
+const props = defineProps<{
+  data: UI_I_AdvancedSystemSettingsEditData
+}>()
+const emits = defineEmits<{
+  (event: 'change', value: UI_I_AdvancedSystemSettingsEditData['value']): void
+  (event: 'error-message', value: string): void
+}>()
+
+const valueLocal = ref<UI_I_AdvancedSystemSettingsEditData['value']>(
+  props.data.value
+)
+watch(valueLocal, (newValue, oldValue) => {
+  // Обработка для firefox
+  if (props.data.type === 'number' && typeof newValue === 'string') {
+    valueLocal.value = oldValue
+  }
+})
+
+const invalid = ref<boolean>(false)
+const errorMessage = ref<string>('')
+
+const onChangeSetting = (event: Event): void => {
+  invalid.value = false
+  errorMessage.value = ''
+
+  const target = event.target as HTMLInputElement
+  let value: UI_I_AdvancedSystemSettingsEditData['value'] = target.value
+  if (props.data.type === 'boolean') value = value === 'true'
+  if (props.data.type === 'number') value = +value
+
+  const { validation } = props.data
+  if (Object.hasOwn(validation, 'equal')) {
+    invalid.value = !validation.equal.includes(value)
+    errorMessage.value = invalid.value
+      ? `Value must be equal ${validation.equal.join(', ')}`
+      : ''
+  }
+  if (invalid.value) return
+
+  if (Object.hasOwn(validation, 'notEqual')) {
+    invalid.value = validation.notEqual.includes(value)
+    errorMessage.value = invalid.value
+      ? `Value must not be equal ${validation.notEqual.join(', ')}`
+      : ''
+  }
+  if (invalid.value) return
+
+  if (Object.hasOwn(validation, 'min')) {
+    invalid.value = value < validation.min
+    errorMessage.value = invalid.value
+      ? `Value must be more then ${validation.min}`
+      : ''
+  }
+  if (invalid.value) return
+
+  if (Object.hasOwn(validation, 'max')) {
+    invalid.value = value > validation.max
+    errorMessage.value = invalid.value
+      ? `Value must be less then ${validation.max}`
+      : ''
+  }
+  if (invalid.value) return
+
+  if (validation.Format) {
+    const format = E_Format[validation.Format]
+    invalid.value = !allRegExp[format].test(value)
+    errorMessage.value = invalid.value ? `Value must be ${format}` : ''
+  }
+  if (invalid.value) return
+
+  emits('change', value)
+}
+
+watch(errorMessage, (newValue) => {
+  emits('error-message', newValue)
+})
+</script>
+
+<style scoped lang="scss">
+.has-error {
+  border: 1px solid #db2100;
+}
+</style>

package/components/common/configure/advancedSystemSettings/tableView/old/field/lib/models/enums.ts

@@ -1,14 +1,14 @@
-export enum E_Format {
-    'unix path' = 'unixPath',
-    'win path' = 'winPath',
-    'mac' = 'mac',
-    'ip4' = 'ip4',
-    'ip6' = 'ip6',
-    'url' = 'url',
-    'uuid' = 'uuid',
-    'semver' = 'semver',
-    'domain' = 'domain',
-    'base64' = 'base64',
-    'regex' = 'regex',
-    'hex color' = 'hexColor',
+export enum E_Format {
+    'unix path' = 'unixPath',
+    'win path' = 'winPath',
+    'mac' = 'mac',
+    'ip4' = 'ip4',
+    'ip6' = 'ip6',
+    'url' = 'url',
+    'uuid' = 'uuid',
+    'semver' = 'semver',
+    'domain' = 'domain',
+    'base64' = 'base64',
+    'regex' = 'regex',
+    'hex color' = 'hexColor',
 }