cnhis-design-vue 3.1.15-beta.7 → 3.1.15-beta.8

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

@@ -0,0 +1,10 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+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/packages/form-config/src/FormConfig.js

@@ -0,0 +1,113 @@
+import { defineComponent, ref, provide, toRaw, openBlock, createElementBlock, createElementVNode, createVNode, unref, mergeProps, withCtx, normalizeStyle, toDisplayString, createTextVNode } from 'vue';
+import SlotRender from '../../../src/components/SlotRender';
+import { cloneDeep, isFunction } from 'lodash-es';
+import Draggable from 'vuedraggable';
+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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormConfig",
+  props: {
+    textFilter: null
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    const { commonConfig } = useSortable();
+    const fieldListRef = ref([]);
+    const materialListRef = ref([]);
+    function addItem(fieldItem) {
+      if (fieldListRef.value.some((field) => field.val_key === fieldItem.val_key))
+        return;
+      fieldListRef.value.push(fieldItem);
+    }
+    const textFilter = (fieldItem, parsedText) => {
+      if (!isFunction(props.textFilter))
+        return parsedText;
+      return props.textFilter(fieldItem, parsedText);
+    };
+    const { getRenderer } = usePresetRenderer(textFilter);
+    const currentEditField = ref();
+    provide(InjectionActiveFieldItem, currentEditField);
+    const formConfigEditRef = ref();
+    expose({
+      loadData({ fieldList, materialList }) {
+        fieldListRef.value = cloneDeep(toRaw(fieldList));
+        materialListRef.value = cloneDeep(toRaw(materialList));
+      },
+      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", _hoisted_1, [
+        createElementVNode("section", _hoisted_2, [
+          _hoisted_3,
+          createVNode(unref(Draggable), mergeProps(unref(commonConfig), {
+            class: "form-config__materialContent",
+            group: "__display",
+            modelValue: materialListRef.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => materialListRef.value = $event)
+          }), {
+            item: withCtx(({ element }) => [
+              createElementVNode("div", {
+                style: normalizeStyle({ "--item-column": element.elem_width }),
+                class: "form-config__materialContentItem"
+              }, toDisplayString(element.alias), 5)
+            ]),
+            _: 1
+          }, 16, ["modelValue"])
+        ]),
+        createElementVNode("section", _hoisted_4, [
+          createElementVNode("header", _hoisted_5, [
+            _hoisted_6,
+            createVNode(FormConfigCreator, { onSubmit: addItem })
+          ]),
+          createVNode(unref(Draggable), mergeProps(unref(commonConfig), {
+            group: "__display",
+            class: "form-config__displayContent",
+            modelValue: fieldListRef.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => fieldListRef.value = $event)
+          }), {
+            item: withCtx(({ element }) => [
+              createElementVNode("section", {
+                class: "form-config__displayContentItem",
+                style: normalizeStyle({ "--item-column": element.elem_width })
+              }, [
+                createVNode(unref(SlotRender), {
+                  renderer: unref(getRenderer)(element),
+                  fieldItem: element
+                }, null, 8, ["renderer", "fieldItem"])
+              ], 4)
+            ]),
+            _: 1
+          }, 16, ["modelValue"])
+        ]),
+        createElementVNode("section", _hoisted_7, [
+          _hoisted_8,
+          createVNode(FormConfigEdit, {
+            ref_key: "formConfigEditRef",
+            ref: formConfigEditRef
+          }, null, 512)
+        ])
+      ]);
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfig.vue"]]);
+
+export { script as default };