aloha-vue 2.62.0 → 2.63.0

package/src/ui/AValidatedJson/compositionAPI/JsonModeAPI.js

@@ -1,119 +1,119 @@
-import {
-  computed,
-  nextTick,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  aSortBy,
-} from "../../../utils/utils";
-
-import {
-  AKeyId,
-} from "../../../const/AKeys";
-import {
-  setFocusToElement,
-} from "../../../utils/utilsDOM";
-import {
-  cloneDeep,
-  forEach,
-  isEmpty,
-  isPlainObject,
-} from "lodash-es";
-
-export default function JsonModeAPI(props, { emit }, {
-  htmlIdLocal = computed(() => undefined),
-}) {
-  const change = toRef(props, "change");
-  const id = toRef(props, "id");
-  const keyId = toRef(props, "keyId");
-  const modelValue = toRef(props, "modelValue");
-  const sortId = toRef(props, "sortId");
-
-  const isModalCreateJsonModeVisible = ref(false);
-
-  const modelJsonMode = computed(() => {
-    return isPlainObject(modelValue.value) ?
-      modelValue.value :
-      {};
-  });
-
-  const modelJsonModeSorted = computed(() => {
-    const LIST = [];
-    forEach(cloneDeep(modelJsonMode.value), (item, key) => {
-      item[AKeyId] = key;
-      LIST.push(item);
-    });
-
-    if (sortId.value) {
-      return aSortBy(LIST, [sortId.value]);
-    }
-
-    return LIST;
-  });
-
-  const isModelJsonModeEmpty = computed(() => {
-    return isEmpty(modelJsonMode.value);
-  });
-
-  const openModalCreateJsonMode = () => {
-    isModalCreateJsonModeVisible.value = true;
-  };
-
-  const closeModalCreateJsonMode = ({ model } = {}) => {
-    if (model) {
-      const MODEL_VALUE = cloneDeep(modelJsonMode.value);
-      const CURRENT_KEY = model[keyId.value || AKeyId];
-      MODEL_VALUE[CURRENT_KEY] = model;
-      emit("update:modelValue", cloneDeep(MODEL_VALUE));
-      change.value({
-        currentModel: MODEL_VALUE,
-        model: MODEL_VALUE,
-        id: id.value,
-      });
-    }
-    isModalCreateJsonModeVisible.value = false;
-  };
-
-  const deleteJsonMode = ({ key }) => {
-    const MODEL = cloneDeep(modelJsonMode.value);
-    delete MODEL[key];
-    emit("update:modelValue", cloneDeep(MODEL));
-    change.value({
-      currentModel: MODEL,
-      model: MODEL,
-      id: id.value,
-    });
-    nextTick().then(
-      () => {
-        setFocusToElement({
-          selector: `#${ htmlIdLocal.value }`,
-        });
-      },
-    );
-  };
-
-  const updateJsonMode = ({ model, key, oldKey }) => {
-    const MODEL = cloneDeep(modelJsonMode.value);
-    delete MODEL[oldKey];
-    MODEL[key] = model;
-    emit("update:modelValue", cloneDeep(MODEL));
-    change.value({
-      currentModel: MODEL,
-      model: MODEL,
-      id: id.value,
-    });
-  };
-
-  return {
-    closeModalCreateJsonMode,
-    deleteJsonMode,
-    isModelJsonModeEmpty,
-    isModalCreateJsonModeVisible,
-    modelJsonMode,
-    modelJsonModeSorted,
-    openModalCreateJsonMode,
-    updateJsonMode,
-  };
-}
+import {
+  computed,
+  nextTick,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  aSortBy,
+} from "../../../utils/utils";
+
+import {
+  AKeyId,
+} from "../../../const/AKeys";
+import {
+  setFocusToElement,
+} from "../../../utils/utilsDOM";
+import {
+  cloneDeep,
+  forEach,
+  isEmpty,
+  isPlainObject,
+} from "lodash-es";
+
+export default function JsonModeAPI(props, { emit }, {
+  htmlIdLocal = computed(() => undefined),
+}) {
+  const change = toRef(props, "change");
+  const id = toRef(props, "id");
+  const keyId = toRef(props, "keyId");
+  const modelValue = toRef(props, "modelValue");
+  const sortId = toRef(props, "sortId");
+
+  const isModalCreateJsonModeVisible = ref(false);
+
+  const modelJsonMode = computed(() => {
+    return isPlainObject(modelValue.value) ?
+      modelValue.value :
+      {};
+  });
+
+  const modelJsonModeSorted = computed(() => {
+    const LIST = [];
+    forEach(cloneDeep(modelJsonMode.value), (item, key) => {
+      item[AKeyId] = key;
+      LIST.push(item);
+    });
+
+    if (sortId.value) {
+      return aSortBy(LIST, [sortId.value]);
+    }
+
+    return LIST;
+  });
+
+  const isModelJsonModeEmpty = computed(() => {
+    return isEmpty(modelJsonMode.value);
+  });
+
+  const openModalCreateJsonMode = () => {
+    isModalCreateJsonModeVisible.value = true;
+  };
+
+  const closeModalCreateJsonMode = ({ model } = {}) => {
+    if (model) {
+      const MODEL_VALUE = cloneDeep(modelJsonMode.value);
+      const CURRENT_KEY = model[keyId.value || AKeyId];
+      MODEL_VALUE[CURRENT_KEY] = model;
+      emit("update:modelValue", cloneDeep(MODEL_VALUE));
+      change.value({
+        currentModel: MODEL_VALUE,
+        model: MODEL_VALUE,
+        id: id.value,
+      });
+    }
+    isModalCreateJsonModeVisible.value = false;
+  };
+
+  const deleteJsonMode = ({ key }) => {
+    const MODEL = cloneDeep(modelJsonMode.value);
+    delete MODEL[key];
+    emit("update:modelValue", cloneDeep(MODEL));
+    change.value({
+      currentModel: MODEL,
+      model: MODEL,
+      id: id.value,
+    });
+    nextTick().then(
+      () => {
+        setFocusToElement({
+          selector: `#${ htmlIdLocal.value }`,
+        });
+      },
+    );
+  };
+
+  const updateJsonMode = ({ model, key, oldKey }) => {
+    const MODEL = cloneDeep(modelJsonMode.value);
+    delete MODEL[oldKey];
+    MODEL[key] = model;
+    emit("update:modelValue", cloneDeep(MODEL));
+    change.value({
+      currentModel: MODEL,
+      model: MODEL,
+      id: id.value,
+    });
+  };
+
+  return {
+    closeModalCreateJsonMode,
+    deleteJsonMode,
+    isModelJsonModeEmpty,
+    isModalCreateJsonModeVisible,
+    modelJsonMode,
+    modelJsonModeSorted,
+    openModalCreateJsonMode,
+    updateJsonMode,
+  };
+}

package/src/ui/AValidatedJson/compositionAPI/ListModeAPI.js

@@ -1,144 +1,144 @@
-import {
-  computed,
-  nextTick,
-  ref,
-  toRef,
-} from "vue";
-
-import {
-  setFocusToElement,
-} from "../../../utils/utilsDOM";
-import {
-  cloneDeep,
-  isArray,
-} from "lodash-es";
-
-export default function ListModeAPI(props, { emit }, {
-  htmlIdLocal = computed(() => undefined),
-}) {
-  const change = toRef(props, "change");
-  const id = toRef(props, "id");
-  const modelValue = toRef(props, "modelValue");
-
-  const isModalCreateListModeVisible = ref(false);
-
-  const modelListMode = computed(() => {
-    return isArray(modelValue.value) ?
-      modelValue.value :
-      [];
-  });
-
-  const openModalCreateListMode = () => {
-    isModalCreateListModeVisible.value = true;
-  };
-
-  const closeModalCreateListMode = ({ model } = {}) => {
-    if (model) {
-      const MODEL_VALUE = cloneDeep(modelListMode.value);
-      MODEL_VALUE.push(model);
-      emit("update:modelValue", cloneDeep(MODEL_VALUE));
-      change.value({
-        currentModel: MODEL_VALUE,
-        model: MODEL_VALUE,
-        id: id.value,
-      });
-    }
-    isModalCreateListModeVisible.value = false;
-  };
-
-  const moveUpListMode = ({ index }) => {
-    if (index === 0) {
-      return;
-    }
-
-    const MODEL = cloneDeep(modelListMode.value);
-    const ITEM_MODEL = MODEL[index];
-    MODEL.splice(index, 1);
-    MODEL.splice(index - 1, 0, ITEM_MODEL);
-    emit("update:modelValue", cloneDeep(MODEL));
-    change.value({
-      currentModel: MODEL,
-      model: MODEL,
-      id: id.value,
-    });
-    nextTick().then(
-      () => {
-        const ID = `#${ htmlIdLocal.value }_btn_move_up_${ index - 1 }`;
-        setFocusToElement({
-          selector: ID,
-        });
-      },
-    );
-  };
-
-  const moveDownListMode = ({ index }) => {
-    if (index >= modelListMode.value.length - 1) {
-      return;
-    }
-    const MODEL = cloneDeep(modelListMode.value);
-    const ITEM_MODEL = MODEL[index];
-    MODEL.splice(index, 1);
-    MODEL.splice(index + 1, 0, ITEM_MODEL);
-    emit("update:modelValue", cloneDeep(MODEL));
-    change.value({
-      currentModel: MODEL,
-      model: MODEL,
-      id: id.value,
-    });
-    nextTick().then(
-      () => {
-        const ID = `#${ htmlIdLocal.value }_btn_move_down_${ index + 1 }`;
-        setFocusToElement({
-          selector: ID,
-        });
-      },
-    );
-  };
-
-  const moveListMode = ({ action, index }) => {
-    if (action === "up") {
-      moveUpListMode({ index });
-    } else {
-      moveDownListMode({ index });
-    }
-  };
-
-  const deleteListMode = ({ index }) => {
-    const MODEL = cloneDeep(modelListMode.value);
-    MODEL.splice(index, 1);
-    emit("update:modelValue", cloneDeep(MODEL));
-    change.value({
-      currentModel: MODEL,
-      model: MODEL,
-      id: id.value,
-    });
-    nextTick().then(
-      () => {
-        setFocusToElement({
-          selector: `#${ htmlIdLocal.value }`,
-        });
-      },
-    );
-  };
-
-  const updateListMode = ({ index, model }) => {
-    const MODEL = cloneDeep(modelListMode.value);
-    MODEL.splice(index, 1, model);
-    emit("update:modelValue", cloneDeep(MODEL));
-    change.value({
-      currentModel: MODEL,
-      model: MODEL,
-      id: id.value,
-    });
-  };
-
-  return {
-    closeModalCreateListMode,
-    deleteListMode,
-    isModalCreateListModeVisible,
-    modelListMode,
-    moveListMode,
-    openModalCreateListMode,
-    updateListMode,
-  };
-}
+import {
+  computed,
+  nextTick,
+  ref,
+  toRef,
+} from "vue";
+
+import {
+  setFocusToElement,
+} from "../../../utils/utilsDOM";
+import {
+  cloneDeep,
+  isArray,
+} from "lodash-es";
+
+export default function ListModeAPI(props, { emit }, {
+  htmlIdLocal = computed(() => undefined),
+}) {
+  const change = toRef(props, "change");
+  const id = toRef(props, "id");
+  const modelValue = toRef(props, "modelValue");
+
+  const isModalCreateListModeVisible = ref(false);
+
+  const modelListMode = computed(() => {
+    return isArray(modelValue.value) ?
+      modelValue.value :
+      [];
+  });
+
+  const openModalCreateListMode = () => {
+    isModalCreateListModeVisible.value = true;
+  };
+
+  const closeModalCreateListMode = ({ model } = {}) => {
+    if (model) {
+      const MODEL_VALUE = cloneDeep(modelListMode.value);
+      MODEL_VALUE.push(model);
+      emit("update:modelValue", cloneDeep(MODEL_VALUE));
+      change.value({
+        currentModel: MODEL_VALUE,
+        model: MODEL_VALUE,
+        id: id.value,
+      });
+    }
+    isModalCreateListModeVisible.value = false;
+  };
+
+  const moveUpListMode = ({ index }) => {
+    if (index === 0) {
+      return;
+    }
+
+    const MODEL = cloneDeep(modelListMode.value);
+    const ITEM_MODEL = MODEL[index];
+    MODEL.splice(index, 1);
+    MODEL.splice(index - 1, 0, ITEM_MODEL);
+    emit("update:modelValue", cloneDeep(MODEL));
+    change.value({
+      currentModel: MODEL,
+      model: MODEL,
+      id: id.value,
+    });
+    nextTick().then(
+      () => {
+        const ID = `#${ htmlIdLocal.value }_btn_move_up_${ index - 1 }`;
+        setFocusToElement({
+          selector: ID,
+        });
+      },
+    );
+  };
+
+  const moveDownListMode = ({ index }) => {
+    if (index >= modelListMode.value.length - 1) {
+      return;
+    }
+    const MODEL = cloneDeep(modelListMode.value);
+    const ITEM_MODEL = MODEL[index];
+    MODEL.splice(index, 1);
+    MODEL.splice(index + 1, 0, ITEM_MODEL);
+    emit("update:modelValue", cloneDeep(MODEL));
+    change.value({
+      currentModel: MODEL,
+      model: MODEL,
+      id: id.value,
+    });
+    nextTick().then(
+      () => {
+        const ID = `#${ htmlIdLocal.value }_btn_move_down_${ index + 1 }`;
+        setFocusToElement({
+          selector: ID,
+        });
+      },
+    );
+  };
+
+  const moveListMode = ({ action, index }) => {
+    if (action === "up") {
+      moveUpListMode({ index });
+    } else {
+      moveDownListMode({ index });
+    }
+  };
+
+  const deleteListMode = ({ index }) => {
+    const MODEL = cloneDeep(modelListMode.value);
+    MODEL.splice(index, 1);
+    emit("update:modelValue", cloneDeep(MODEL));
+    change.value({
+      currentModel: MODEL,
+      model: MODEL,
+      id: id.value,
+    });
+    nextTick().then(
+      () => {
+        setFocusToElement({
+          selector: `#${ htmlIdLocal.value }`,
+        });
+      },
+    );
+  };
+
+  const updateListMode = ({ index, model }) => {
+    const MODEL = cloneDeep(modelListMode.value);
+    MODEL.splice(index, 1, model);
+    emit("update:modelValue", cloneDeep(MODEL));
+    change.value({
+      currentModel: MODEL,
+      model: MODEL,
+      id: id.value,
+    });
+  };
+
+  return {
+    closeModalCreateListMode,
+    deleteListMode,
+    isModalCreateListModeVisible,
+    modelListMode,
+    moveListMode,
+    openModalCreateListMode,
+    updateListMode,
+  };
+}

package/src/ui/AValidatedJson/compositionAPI/ModelAPI.js

@@ -1,38 +1,38 @@
-import {
-  toRef,
-} from "vue";
-
-import {
-  cloneDeep,
-  isNil,
-} from "lodash-es";
-
-export default function ModelAPI(props, { emit }) {
-  const modelValue = toRef(props, "modelValue");
-  const change = toRef(props, "change");
-  const id = toRef(props, "id");
-
-  const checkUndefinedValue = ({ value }) => {
-    return isNil(value) ? undefined : value;
-  };
-
-  const onChange = ({ currentModel, id: idChild, model, fullModel }) => {
-    const VALUE_LOCAL = checkUndefinedValue({ value: cloneDeep(currentModel || model) });
-    if (VALUE_LOCAL === modelValue.value) {
-      return;
-    }
-
-    emit("update:modelValue", fullModel);
-    change.value({
-      currentModel: VALUE_LOCAL,
-      model: VALUE_LOCAL,
-      id: idChild ? `${ id.value }.${ idChild }` : id.value,
-      $event: null,
-    });
-  };
-
-  return {
-    onChange,
-    checkUndefinedValue,
-  };
-}
+import {
+  toRef,
+} from "vue";
+
+import {
+  cloneDeep,
+  isNil,
+} from "lodash-es";
+
+export default function ModelAPI(props, { emit }) {
+  const modelValue = toRef(props, "modelValue");
+  const change = toRef(props, "change");
+  const id = toRef(props, "id");
+
+  const checkUndefinedValue = ({ value }) => {
+    return isNil(value) ? undefined : value;
+  };
+
+  const onChange = ({ currentModel, id: idChild, model, fullModel }) => {
+    const VALUE_LOCAL = checkUndefinedValue({ value: cloneDeep(currentModel || model) });
+    if (VALUE_LOCAL === modelValue.value) {
+      return;
+    }
+
+    emit("update:modelValue", fullModel);
+    change.value({
+      currentModel: VALUE_LOCAL,
+      model: VALUE_LOCAL,
+      id: idChild ? `${ id.value }.${ idChild }` : id.value,
+      $event: null,
+    });
+  };
+
+  return {
+    onChange,
+    checkUndefinedValue,
+  };
+}