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

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

@@ -0,0 +1,45 @@
+import { defineComponent, inject, computed, openBlock, createElementBlock, withModifiers, createElementVNode, mergeProps, unref, createTextVNode, toDisplayString, createVNode } from 'vue';
+import CloseButton from '../../../../packages/form-config/src/components/CloseButton';
+import FormConfigDragDisplay from '../../../../packages/form-config/src/components/FormConfigDragDisplay';
+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 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ComplexNode",
+  props: {
+    fieldItem: { type: Object, required: true },
+    getRenderer: { type: Function, require: 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", {
+        class: "form-config__renderer--complex form-config__renderer",
+        onClick: withModifiers(active, ["stop"])
+      }, [
+        createElementVNode("header", mergeProps(unref(bindHover)(__props.fieldItem), { class: unref(headerClassList) }), [
+          createTextVNode(toDisplayString(props.fieldItem.name) + " ", 1),
+          createVNode(CloseButton, { "field-item": __props.fieldItem }, null, 8, ["field-item"])
+        ], 16),
+        createVNode(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"])
+      ], 8, _hoisted_1);
+    };
+  }
+});
+var ComplexNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ComplexNode.vue"]]);
+
+export { ComplexNode as default };