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

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

@@ -0,0 +1,54 @@
+import { defineComponent, inject, computed, resolveComponent, openBlock, createElementBlock, mergeProps, unref, withModifiers, createVNode, normalizeClass, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { InjectionActiveFieldItem, WidgetTextMap } from '../../../../packages/form-config/src/constants';
+import { bindHover } from '../../../../packages/form-config/src/utils';
+import CloseButton from '../../../../packages/form-config/src/components/CloseButton';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DefaultNode",
+  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 classList = computed(() => {
+      return [{ "is-active": currentActiveEditField.value === props.fieldItem }, "form-config__renderer"];
+    });
+    const ellipsisClassList = computed(() => {
+      return [
+        "form-config__renderer--default",
+        { "is-required": props.fieldItem.required, "is-disabled": props.fieldItem.editable === false }
+      ];
+    });
+    function getDisplayText() {
+      const type = WidgetTextMap.get(props.fieldItem.type);
+      return props.textFormatter(props.fieldItem, `${props.fieldItem.name}${type ? `(${type})` : ""}`);
+    }
+    return (_ctx, _cache) => {
+      const _component_n_ellipsis = resolveComponent("n-ellipsis");
+      return openBlock(), createElementBlock("section", mergeProps(unref(bindHover)(__props.fieldItem), {
+        onClick: withModifiers(active, ["stop"]),
+        class: unref(classList)
+      }), [
+        createVNode(_component_n_ellipsis, {
+          class: normalizeClass(unref(ellipsisClassList))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(getDisplayText()), 1)
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        createVNode(CloseButton, { "field-item": __props.fieldItem }, null, 8, ["field-item"])
+      ], 16, _hoisted_1);
+    };
+  }
+});
+var DefaultNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DefaultNode.vue"]]);
+
+export { DefaultNode as default };