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

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

@@ -0,0 +1,59 @@
+import { defineComponent, inject, computed, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString } from 'vue';
+import { NButton, NEllipsis } from 'naive-ui';
+import { CloseButton } from '../../../../../packages/form-config/src/components';
+import { InjectionActiveFieldItem, WidgetTextMap } 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 _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 }];
+    });
+    const disabled = computed(() => {
+      return 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) => {
+      return openBlock(), createBlock(unref(NButton), mergeProps({
+        secondary: !unref(disabled),
+        dashed: unref(disabled)
+      }, unref(bindHover)(__props.fieldItem), {
+        onClick: withModifiers(active, ["stop"]),
+        class: unref(classList)
+      }), {
+        default: withCtx(() => [
+          createVNode(unref(NEllipsis), {
+            class: normalizeClass(unref(ellipsisClassList))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(getDisplayText()), 1)
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          createVNode(unref(CloseButton), { "field-item": __props.fieldItem }, null, 8, ["field-item"])
+        ]),
+        _: 1
+      }, 16, ["secondary", "dashed", "onClick", "class"]);
+    };
+  }
+});
+var DefaultNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DefaultNode.vue"]]);
+
+export { DefaultNode as default };