cnhis-design-vue 3.1.17-beta.2 → 3.1.17-beta.5

package/es/packages/form-config/src/components/renderer/ComplexNode.js

@@ -0,0 +1,44 @@
+import { defineComponent, inject, computed, openBlock, createElementBlock, createElementVNode, mergeProps, unref, withModifiers, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { CloseButton, FormConfigDragDisplay } from '../../../../../packages/form-config/src/components';
+import { InjectionActiveFieldItem } from '../../../../../packages/form-config/src/constants';
+import { bindHover } from '../../../../../packages/form-config/src/utils';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "form-config__renderer--complex form-config__renderer" };
+const _hoisted_2 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ComplexNode",
+  props: {
+    fieldItem: { type: Object, required: true },
+    textFormatter: { type: Function, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const currentActiveEditField = inject(InjectionActiveFieldItem);
+    function active() {
+      currentActiveEditField.value = props.fieldItem;
+    }
+    const headerClassList = computed(() => {
+      return [{ "is-active": currentActiveEditField.value === props.fieldItem }, "form-config__renderer--complexHeader"];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("header", mergeProps(unref(bindHover)(__props.fieldItem), {
+          class: unref(headerClassList),
+          onClick: withModifiers(active, ["stop"])
+        }), [
+          createTextVNode(toDisplayString(props.fieldItem.name) + " ", 1),
+          createVNode(unref(CloseButton), { "field-item": __props.fieldItem }, null, 8, ["field-item"])
+        ], 16, _hoisted_2),
+        createVNode(unref(FormConfigDragDisplay), mergeProps(_ctx.$props, {
+          modelValue: __props.fieldItem.children,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.fieldItem.children = $event),
+          class: "form-config__renderer--complex--grid"
+        }), null, 16, ["modelValue"])
+      ]);
+    };
+  }
+});
+var ComplexNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ComplexNode.vue"]]);
+
+export { ComplexNode as default };