cnhis-design-vue 3.1.17-beta.9 → 3.1.18-beta.10

package/es/components/form-config/index.js

@@ -0,0 +1 @@
+export { default } from './index2.js';

package/es/components/form-config/index2.js

@@ -0,0 +1,10 @@
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable2.js';
+import { safeComponentRegister } from '../../shared/utils/index2.js';
+import script from './src/FormConfig.js';
+
+const FormConfig = script;
+FormConfig.install = function(app) {
+  safeComponentRegister(app, FormConfig, COMPONENT_NAMESPACE + "FormConfig");
+};
+
+export { FormConfig as default };

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

@@ -0,0 +1,121 @@
+import { defineComponent, ref, provide, toRaw, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, unref, mergeProps, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { cloneDeep, isFunction } from 'lodash-es';
+import { NButton } from 'naive-ui';
+import Draggable from 'vuedraggable';
+import FormConfigCreator from './components/FormConfigCreator.js';
+import FormConfigDragDisplay from './components/FormConfigDragDisplay.js';
+import FormConfigEdit from './components/FormConfigEdit.js';
+import { layoutWidthEnum2Column } from './utils/index2.js';
+import { InjectionFieldList, InjectionMaterialList, InjectionActiveFieldItem } from './constants/index2.js';
+import '@vicons/ionicons5';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+import { useSortableConfig } from './hooks/useSortalbeConfig2.js';
+
+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 }) {
+    const props = __props;
+    const { getCommonConfig } = useSortableConfig();
+    const fieldListRef = ref([]);
+    provide(InjectionFieldList, fieldListRef);
+    const materialListRef = ref([]);
+    provide(InjectionMaterialList, materialListRef);
+    function addItem(fieldItem) {
+      if (fieldListRef.value.some((field) => field.key === fieldItem.key))
+        return;
+      fieldListRef.value.push(fieldItem);
+    }
+    const parsedTextFormatter = (fieldItem, parsedText) => {
+      if (!isFunction(props.textFormatter))
+        return parsedText;
+      return props.textFormatter(fieldItem, parsedText);
+    };
+    const currentEditField = ref();
+    provide(InjectionActiveFieldItem, currentEditField);
+    const formConfigEditRef = ref();
+    expose({
+      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;
+        return (_a = formConfigEditRef.value) == null ? void 0 : _a.validate();
+      },
+      getData() {
+        return { fieldList: cloneDeep(toRaw(fieldListRef.value)), materialList: cloneDeep(toRaw(materialListRef.value)) };
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        class: "form-config",
+        style: normalizeStyle({ "--max-height": __props.maxHeight })
+      }, [
+        createElementVNode("section", _hoisted_1, [
+          _hoisted_2,
+          createVNode(unref(Draggable), mergeProps(unref(getCommonConfig)(), {
+            class: "form-config__materialContent",
+            group: "__display",
+            modelValue: materialListRef.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => materialListRef.value = $event)
+          }), {
+            item: withCtx(({ element }) => [
+              createVNode(unref(NButton), {
+                secondary: "",
+                style: normalizeStyle({ "--item-column": unref(layoutWidthEnum2Column)(element.layoutWidthEnum) }),
+                class: "form-config__materialContentItem"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(element.name), 1)
+                ]),
+                _: 2
+              }, 1032, ["style"])
+            ]),
+            _: 1
+          }, 16, ["modelValue"])
+        ]),
+        createElementVNode("section", _hoisted_3, [
+          createElementVNode("header", _hoisted_4, [
+            _hoisted_5,
+            createVNode(FormConfigCreator, { onSubmit: addItem })
+          ]),
+          createVNode(FormConfigDragDisplay, {
+            class: "form-config__displayContent",
+            "text-formatter": parsedTextFormatter,
+            modelValue: fieldListRef.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => fieldListRef.value = $event)
+          }, null, 8, ["modelValue"])
+        ]),
+        createElementVNode("section", _hoisted_6, [
+          _hoisted_7,
+          createElementVNode("section", _hoisted_8, [
+            createVNode(FormConfigEdit, {
+              ref_key: "formConfigEditRef",
+              ref: formConfigEditRef
+            }, null, 512)
+          ])
+        ])
+      ], 4);
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfig.vue"]]);
+
+export { script as default };