aloha-vue 2.66.0 → 2.66.2

package/src/ATableForm/compositionAPI/EditAPI.js

@@ -1,131 +1,131 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  setFocusToElement,
-} from "../../utils/utilsDOM";
-import {
-  cloneDeep,
-  isFunction,
-} from "lodash-es";
-
-const hasRequiredElement = element => {
-  if (element?.required) {
-    return true;
-  }
-
-  return element?.children?.some(hasRequiredElement) || false;
-};
-
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  setFocusToElement,
+} from "../../utils/utilsDOM";
+import {
+  cloneDeep,
+  isFunction,
+} from "lodash-es";
+
+const hasRequiredElement = element => {
+  if (element?.required) {
+    return true;
+  }
+
+  return element?.children?.some(hasRequiredElement) || false;
+};
+
 export default function EditAPI(props, {
   columnsVisible = computed(() => []),
   getRowKey = () => {},
   isAddRowActive = ref(false),
 }) {
-  const addRow = toRef(props, "addRow");
-  const isAddable = toRef(props, "isAddable");
-  const isEditable = toRef(props, "isEditable");
-  const prepareEditModel = toRef(props, "prepareEditModel");
-  const rows = toRef(props, "rows");
-
-  const activeEditRowKey = ref(undefined);
-  const activeEditModel = ref(undefined);
-  const activeEditFocusColumnId = ref(undefined);
-  const hasActiveEditRow = computed(() => {
-    return !!activeEditRowKey.value || isAddRowActive.value;
-  });
-
-  const canAddRow = computed(() => {
-    if (!isAddable.value) {
-      return false;
-    }
-
-    return isFunction(addRow.value);
-  });
-
-  const hasRequiredEditableColumns = computed(() => {
+  const addRow = toRef(props, "addRow");
+  const isAddable = toRef(props, "isAddable");
+  const isEditable = toRef(props, "isEditable");
+  const prepareEditModel = toRef(props, "prepareEditModel");
+  const rows = toRef(props, "rows");
+
+  const activeEditRowKey = ref(undefined);
+  const activeEditModel = ref(undefined);
+  const activeEditFocusColumnId = ref(undefined);
+  const hasActiveEditRow = computed(() => {
+    return !!activeEditRowKey.value || isAddRowActive.value;
+  });
+
+  const canAddRow = computed(() => {
+    if (!isAddable.value) {
+      return false;
+    }
+
+    return isFunction(addRow.value);
+  });
+
+  const hasRequiredEditableColumns = computed(() => {
     if (!isEditable.value && !isAddable.value) {
-      return false;
-    }
-
-    return columnsVisible.value.some(column => {
-      return hasRequiredElement(column.formElement);
-    });
-  });
-
-  const getPreparedEditModel = params => {
-    if (!isFunction(prepareEditModel.value)) {
-      return undefined;
-    }
-
-    const result = prepareEditModel.value(params);
-
-    if (result?.model === undefined) {
-      return undefined;
-    }
-
-    return cloneDeep(result.model);
-  };
-
-  const onAddRow = () => {
-    if (hasActiveEditRow.value || !canAddRow.value) {
-      return;
-    }
-
-    activeEditRowKey.value = undefined;
-    activeEditModel.value = getPreparedEditModel({
-      rows: rows.value,
-    });
-    activeEditFocusColumnId.value = undefined;
-    isAddRowActive.value = true;
-  };
-
-  const onCancelEditRow = ({ trigger, id } = {}) => {
-    activeEditRowKey.value = undefined;
-    activeEditModel.value = undefined;
-    activeEditFocusColumnId.value = undefined;
-    isAddRowActive.value = false;
-    if (trigger === "cancel") {
-      setTimeout(() => {
-        setFocusToElement({ selector: `#${ id }_edit` });
-      });
-    } else if (trigger === "save") {
-      setTimeout(() => {
-        setFocusToElement({ selector: `#${ id }` });
-      });
-    }
-  };
-
-  const onEditRow = ({ focusColumnId, row, rowIndex }) => {
-    if (isAddRowActive.value) {
-      return;
-    }
-
-    activeEditModel.value = getPreparedEditModel({
-      row,
-      rowIndex,
-      rows: rows.value,
-    });
-    activeEditFocusColumnId.value = focusColumnId;
-    activeEditRowKey.value = getRowKey({
-      row,
-      rowIndex,
-    });
-  };
-
-  return {
-    activeEditFocusColumnId,
-    activeEditRowKey,
-    activeEditModel,
-    canAddRow,
-    hasActiveEditRow,
-    hasRequiredEditableColumns,
-    isAddRowActive,
-    onAddRow,
-    onCancelEditRow,
-    onEditRow,
-  };
-}
+      return false;
+    }
+
+    return columnsVisible.value.some(column => {
+      return hasRequiredElement(column.formElement);
+    });
+  });
+
+  const getPreparedEditModel = params => {
+    if (!isFunction(prepareEditModel.value)) {
+      return undefined;
+    }
+
+    const result = prepareEditModel.value(params);
+
+    if (result?.model === undefined) {
+      return undefined;
+    }
+
+    return cloneDeep(result.model);
+  };
+
+  const onAddRow = () => {
+    if (hasActiveEditRow.value || !canAddRow.value) {
+      return;
+    }
+
+    activeEditRowKey.value = undefined;
+    activeEditModel.value = getPreparedEditModel({
+      rows: rows.value,
+    });
+    activeEditFocusColumnId.value = undefined;
+    isAddRowActive.value = true;
+  };
+
+  const onCancelEditRow = ({ trigger, id } = {}) => {
+    activeEditRowKey.value = undefined;
+    activeEditModel.value = undefined;
+    activeEditFocusColumnId.value = undefined;
+    isAddRowActive.value = false;
+    if (trigger === "cancel") {
+      setTimeout(() => {
+        setFocusToElement({ selector: `#${ id }_edit` });
+      });
+    } else if (trigger === "save") {
+      setTimeout(() => {
+        setFocusToElement({ selector: `#${ id }` });
+      });
+    }
+  };
+
+  const onEditRow = ({ focusColumnId, row, rowIndex }) => {
+    if (isAddRowActive.value) {
+      return;
+    }
+
+    activeEditModel.value = getPreparedEditModel({
+      row,
+      rowIndex,
+      rows: rows.value,
+    });
+    activeEditFocusColumnId.value = focusColumnId;
+    activeEditRowKey.value = getRowKey({
+      row,
+      rowIndex,
+    });
+  };
+
+  return {
+    activeEditFocusColumnId,
+    activeEditRowKey,
+    activeEditModel,
+    canAddRow,
+    hasActiveEditRow,
+    hasRequiredEditableColumns,
+    isAddRowActive,
+    onAddRow,
+    onCancelEditRow,
+    onEditRow,
+  };
+}

package/src/ATableForm/compositionAPI/RowsAPI.js

@@ -1,42 +1,42 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  get,
-  isNil,
-} from "lodash-es";
-
-export default function RowsAPI(props) {
-  const keyId = toRef(props, "keyId");
-  const rows = toRef(props, "rows");
-  const rowsFooter = toRef(props, "rowsFooter");
-
-  const hasRows = computed(() => {
-    return rows.value.length > 0;
-  });
-
-  const hasRowsFooter = computed(() => {
-    return rowsFooter.value.length > 0;
-  });
-
-  const getRowKey = ({ row, rowIndex, isFooter = false }) => {
-    let id = rowIndex;
-    if (keyId.value) {
-      const ID = get(row, keyId.value);
-      if (!isNil(ID)) {
-        id = ID;
-      }
-    }
-    const PREFIX = isFooter ? "footer" : "body";
-
-    return `${ PREFIX }_${ id }`;
-  };
-
-  return {
-    getRowKey,
-    hasRows,
-    hasRowsFooter,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  get,
+  isNil,
+} from "lodash-es";
+
+export default function RowsAPI(props) {
+  const keyId = toRef(props, "keyId");
+  const rows = toRef(props, "rows");
+  const rowsFooter = toRef(props, "rowsFooter");
+
+  const hasRows = computed(() => {
+    return rows.value.length > 0;
+  });
+
+  const hasRowsFooter = computed(() => {
+    return rowsFooter.value.length > 0;
+  });
+
+  const getRowKey = ({ row, rowIndex, isFooter = false }) => {
+    let id = rowIndex;
+    if (keyId.value) {
+      const ID = get(row, keyId.value);
+      if (!isNil(ID)) {
+        id = ID;
+      }
+    }
+    const PREFIX = isFooter ? "footer" : "body";
+
+    return `${ PREFIX }_${ id }`;
+  };
+
+  return {
+    getRowKey,
+    hasRows,
+    hasRowsFooter,
+  };
+}

package/src/ATableForm/compositionAPI/StylesAPI.js

@@ -1,62 +1,62 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  isPlainObject,
-} from "lodash-es";
-
-function normalizeSize(value) {
-  if (value === undefined || value === null || value === "") {
-    return undefined;
-  }
-
-  if (typeof value === "number") {
-    return `${ value }px`;
-  }
-
-  return value;
-}
-
-export default function StylesAPI(props) {
-  const column = toRef(props, "column");
-
-  const columnStyles = computed(() => {
-    const styles = {};
-
-    const width = normalizeSize(column.value.width);
-    const maxWidth = normalizeSize(column.value.maxWidth);
-    const minWidth = normalizeSize(column.value.minWidth);
-
-    if (width) {
-      styles.width = width;
-    }
-    if (maxWidth) {
-      styles.maxWidth = maxWidth;
-    }
-    if (minWidth) {
-      styles.minWidth = minWidth;
-    }
-
-    if (isPlainObject(column.value.style)) {
-      return {
-        ...styles,
-        ...column.value.style,
-      };
-    }
-
-    if (column.value.style) {
-      return [
-        styles,
-        column.value.style,
-      ];
-    }
-
-    return styles;
-  });
-
-  return {
-    columnStyles,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  isPlainObject,
+} from "lodash-es";
+
+function normalizeSize(value) {
+  if (value === undefined || value === null || value === "") {
+    return undefined;
+  }
+
+  if (typeof value === "number") {
+    return `${ value }px`;
+  }
+
+  return value;
+}
+
+export default function StylesAPI(props) {
+  const column = toRef(props, "column");
+
+  const columnStyles = computed(() => {
+    const styles = {};
+
+    const width = normalizeSize(column.value.width);
+    const maxWidth = normalizeSize(column.value.maxWidth);
+    const minWidth = normalizeSize(column.value.minWidth);
+
+    if (width) {
+      styles.width = width;
+    }
+    if (maxWidth) {
+      styles.maxWidth = maxWidth;
+    }
+    if (minWidth) {
+      styles.minWidth = minWidth;
+    }
+
+    if (isPlainObject(column.value.style)) {
+      return {
+        ...styles,
+        ...column.value.style,
+      };
+    }
+
+    if (column.value.style) {
+      return [
+        styles,
+        column.value.style,
+      ];
+    }
+
+    return styles;
+  });
+
+  return {
+    columnStyles,
+  };
+}

package/src/ATableForm/compositionAPI/WidthsAPI.js

@@ -1,21 +1,21 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-export default function WidthsAPI(props) {
-  const widths = toRef(props, "widths");
-
-  const widthsLocal = computed(() => {
-    return {
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function WidthsAPI(props) {
+  const widths = toRef(props, "widths");
+
+  const widthsLocal = computed(() => {
+    return {
       actionsColumnSingle: 64,
-      actionsColumnDouble: 112,
-      dndColumn: 56,
-      ...widths.value,
-    };
-  });
-
-  return {
-    widthsLocal,
-  };
-}
+      actionsColumnDouble: 112,
+      dndColumn: 56,
+      ...widths.value,
+    };
+  });
+
+  return {
+    widthsLocal,
+  };
+}

package/src/ATableForm/i18n/ATableFormI18n.js

@@ -1,19 +1,19 @@
-import ar from "./ar.json";
-import de from "./de.json";
-import en from "./en.json";
-import es from "./es.json";
-import fr from "./fr.json";
-import hr from "./hr.json";
-import it from "./it.json";
-import ru from "./ru.json";
-
-export default {
-  ar,
-  de,
-  en,
-  es,
-  fr,
-  hr,
-  it,
-  ru,
-};
+import ar from "./ar.json";
+import de from "./de.json";
+import en from "./en.json";
+import es from "./es.json";
+import fr from "./fr.json";
+import hr from "./hr.json";
+import it from "./it.json";
+import ru from "./ru.json";
+
+export default {
+  ar,
+  de,
+  en,
+  es,
+  fr,
+  hr,
+  it,
+  ru,
+};

package/src/ATableForm/utils/getFormElement.js

@@ -1,32 +1,32 @@
-import {
-  isFunction,
-} from "lodash-es";
-
-export default function getFormElement({
-  column,
-  columnIndex,
-  isCreateMode,
-  isEditMode,
-  row,
-  rowData,
-  rowIndex,
-  rows,
-}) {
-  const formElement = column?.formElement || {};
-
-  if (!isEditMode || isCreateMode || !isFunction(column?.formElementEditPropsCallback)) {
-    return formElement;
-  }
-
-  return {
-    ...formElement,
-    ...column.formElementEditPropsCallback({
-      column,
-      columnIndex,
-      row,
-      rowData,
-      rowIndex,
-      rows,
-    }),
-  };
-}
+import {
+  isFunction,
+} from "lodash-es";
+
+export default function getFormElement({
+  column,
+  columnIndex,
+  isCreateMode,
+  isEditMode,
+  row,
+  rowData,
+  rowIndex,
+  rows,
+}) {
+  const formElement = column?.formElement || {};
+
+  if (!isEditMode || isCreateMode || !isFunction(column?.formElementEditPropsCallback)) {
+    return formElement;
+  }
+
+  return {
+    ...formElement,
+    ...column.formElementEditPropsCallback({
+      column,
+      columnIndex,
+      row,
+      rowData,
+      rowIndex,
+      rows,
+    }),
+  };
+}