cnhis-design-vue 3.1.15-beta.1 → 3.1.15-beta.10

package/es/packages/form-config/src/components/FormConfigEdit.js

@@ -0,0 +1,81 @@
+import { defineComponent, ref, inject, watch, toRaw, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, createVNode, unref, nextTick } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { InjectionActiveFieldItem } from '../../../../packages/form-config/src/constants';
+import { useConfigurationField } from '../../../../packages/form-config/src/hooks/useConfigurationField';
+import { NModal } from 'naive-ui';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormConfigEdit",
+  setup(__props, { expose }) {
+    const key = ref(0);
+    const formRenderRef = ref();
+    const currentActiveField = inject(InjectionActiveFieldItem);
+    const fieldList = ref([]);
+    const initialData = ref({});
+    const { generateFieldListByFieldItem } = useConfigurationField();
+    const showModal = ref(false);
+    async function onPositiveClick() {
+      var _a;
+      currentActiveField.value = prevOldField;
+      await nextTick();
+      (_a = formRenderRef.value) == null ? void 0 : _a.validate();
+    }
+    let prevOldField = null;
+    watch(currentActiveField, async (field, oldFiled) => {
+      var _a;
+      if (!field)
+        return;
+      if (oldFiled && field !== prevOldField) {
+        try {
+          await ((_a = formRenderRef.value) == null ? void 0 : _a.validate());
+        } catch (e) {
+          return showModal.value = true;
+        }
+      }
+      prevOldField = field;
+      initialData.value = { is_edit: "1", ...cloneDeep(toRaw(field)) };
+      fieldList.value = generateFieldListByFieldItem(field);
+      key.value++;
+    }, { immediate: true });
+    function onFormChange({ fieldKey, value }) {
+      if (!currentActiveField.value)
+        return;
+      currentActiveField.value[fieldKey] = value;
+    }
+    expose({
+      validate() {
+        var _a;
+        return (_a = formRenderRef.value) == null ? void 0 : _a.validate();
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_c_form_render = resolveComponent("c-form-render");
+      return openBlock(), createElementBlock(Fragment, null, [
+        (openBlock(), createBlock(_component_c_form_render, {
+          key: key.value,
+          ref_key: "formRenderRef",
+          ref: formRenderRef,
+          size: "small",
+          onFormChange,
+          "field-list": fieldList.value,
+          "initial-data": initialData.value
+        }, null, 8, ["field-list", "initial-data"])),
+        createVNode(unref(NModal), {
+          show: showModal.value,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showModal.value = $event),
+          preset: "dialog",
+          "close-on-esc": false,
+          "mask-closable": false,
+          closable: false,
+          title: "\u5B58\u5728\u586B\u5199\u9519\u8BEF\u7684\u5B57\u6BB5",
+          "positive-text": "\u7EE7\u7EED\u7F16\u8F91",
+          onPositiveClick
+        }, null, 8, ["show"])
+      ], 64);
+    };
+  }
+});
+var FormConfigEdit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfigEdit.vue"]]);
+
+export { FormConfigEdit as default };