cnhis-design-vue 3.1.16-beta.7 → 3.1.16

package/es/packages/form-config/src/FormConfig.js

@@ -1,24 +1,25 @@
-import { defineComponent, ref, provide, toRaw, openBlock, createElementBlock, createElementVNode, createVNode, unref, mergeProps, withCtx, normalizeStyle, toDisplayString, createTextVNode } from 'vue';
-import SlotRender from '../../../src/components/SlotRender';
+import { defineComponent, ref, provide, toRaw, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, unref, mergeProps, withCtx, toDisplayString, createBlock, resolveDynamicComponent, createTextVNode } from 'vue';
 import { cloneDeep, isFunction } from 'lodash-es';
 import Draggable from 'vuedraggable';
+import { layoutWidthEnum2Column } from '../../../packages/form-config/src/utils';
 import FormConfigEdit from './components/FormConfigEdit.js';
 import FormConfigCreator from './components/FormConfigCreator.js';
 import { InjectionActiveFieldItem } from '../../../packages/form-config/src/constants';
 import { useSortable, usePresetRenderer } from '../../../packages/form-config/src/hooks';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-const _hoisted_1 = { class: "form-config" };
-const _hoisted_2 = { class: "form-config__material" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("header", { class: "form-config__materialHeader" }, "\u7269\u6599\u533A", -1);
-const _hoisted_4 = { class: "form-config__displayWrapper" };
-const _hoisted_5 = { class: "form-config__displayHeader" };
-const _hoisted_6 = /* @__PURE__ */ createTextVNode(" \u5E03\u5C40\u533A ");
-const _hoisted_7 = { class: "form-config__config" };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("header", { class: "form-config__materialHeader" }, "\u914D\u7F6E\u533A", -1);
+const _hoisted_1 = { class: "form-config__material" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("header", { class: "form-config__materialHeader" }, "\u7269\u6599\u533A", -1);
+const _hoisted_3 = { class: "form-config__displayWrapper" };
+const _hoisted_4 = { class: "form-config__displayHeader" };
+const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u5E03\u5C40\u533A ");
+const _hoisted_6 = { class: "form-config__config" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("header", { class: "form-config__configHeader" }, "\u914D\u7F6E\u533A", -1);
+const _hoisted_8 = { class: "form-config__configContent" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormConfig",
   props: {
+    maxHeight: { type: String },
     textFormatter: { type: Function }
   },
   setup(__props, { expose }) {
@@ -27,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const fieldListRef = ref([]);
     const materialListRef = ref([]);
     function addItem(fieldItem) {
-      if (fieldListRef.value.some((field) => field.val_key === fieldItem.val_key))
+      if (fieldListRef.value.some((field) => field.key === fieldItem.key))
         return;
       fieldListRef.value.push(fieldItem);
     }
@@ -41,9 +42,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     provide(InjectionActiveFieldItem, currentEditField);
     const formConfigEditRef = ref();
     expose({
-      loadData({ fieldList, materialList }) {
-        fieldListRef.value = cloneDeep(toRaw(fieldList));
-        materialListRef.value = cloneDeep(toRaw(materialList));
+      loadData({ fieldList }) {
+        let _fieldList = [], _materialList = [];
+        fieldList.forEach(classification);
+        fieldListRef.value = _fieldList;
+        materialListRef.value = _materialList;
+        function classification(item) {
+          item.show === false ? _materialList.push(cloneDeep(toRaw(item))) : _fieldList.push(cloneDeep(toRaw(item)));
+        }
       },
       validate() {
         var _a;
@@ -54,9 +60,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        createElementVNode("section", _hoisted_2, [
-          _hoisted_3,
+      return openBlock(), createElementBlock("section", {
+        class: "form-config",
+        style: normalizeStyle({ "--max-height": __props.maxHeight })
+      }, [
+        createElementVNode("section", _hoisted_1, [
+          _hoisted_2,
           createVNode(unref(Draggable), mergeProps(unref(commonConfig), {
             class: "form-config__materialContent",
             group: "__display",
@@ -65,16 +74,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }), {
             item: withCtx(({ element }) => [
               createElementVNode("div", {
-                style: normalizeStyle({ "--item-column": element.elem_width }),
+                style: normalizeStyle({ "--item-column": unref(layoutWidthEnum2Column)(element.layoutWidthEnum) }),
                 class: "form-config__materialContentItem"
-              }, toDisplayString(element.alias), 5)
+              }, toDisplayString(element.name), 5)
             ]),
             _: 1
           }, 16, ["modelValue"])
         ]),
-        createElementVNode("section", _hoisted_4, [
-          createElementVNode("header", _hoisted_5, [
-            _hoisted_6,
+        createElementVNode("section", _hoisted_3, [
+          createElementVNode("header", _hoisted_4, [
+            _hoisted_5,
             createVNode(FormConfigCreator, { onSubmit: addItem })
           ]),
           createVNode(unref(Draggable), mergeProps(unref(commonConfig), {
@@ -86,25 +95,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             item: withCtx(({ element }) => [
               createElementVNode("section", {
                 class: "form-config__displayContentItem",
-                style: normalizeStyle({ "--item-column": element.elem_width })
+                style: normalizeStyle({ "--item-column": unref(layoutWidthEnum2Column)(element.layoutWidthEnum) })
               }, [
-                createVNode(unref(SlotRender), {
-                  renderer: unref(getRenderer)(element),
-                  fieldItem: element
-                }, null, 8, ["renderer", "fieldItem"])
+                (openBlock(), createBlock(resolveDynamicComponent(unref(getRenderer)(element)), { fieldItem: element }, null, 8, ["fieldItem"]))
               ], 4)
             ]),
             _: 1
           }, 16, ["modelValue"])
         ]),
-        createElementVNode("section", _hoisted_7, [
-          _hoisted_8,
-          createVNode(FormConfigEdit, {
-            ref_key: "formConfigEditRef",
-            ref: formConfigEditRef
-          }, null, 512)
+        createElementVNode("section", _hoisted_6, [
+          _hoisted_7,
+          createElementVNode("section", _hoisted_8, [
+            createVNode(FormConfigEdit, {
+              ref_key: "formConfigEditRef",
+              ref: formConfigEditRef
+            }, null, 512)
+          ])
         ])
-      ]);
+      ], 4);
     };
   }
 });