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

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

@@ -0,0 +1,97 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode } from 'vue';
+import { NButtonGroup, NPopconfirm, NButton } from 'naive-ui';
+import { EditAbleField } from '../../../../packages/form-config/src/constants';
+import { useConfigurationField } from '../../../../packages/form-config/src/hooks/useConfigurationField';
+import '../../../index.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+import FormRender from '../../../form-render/index.js';
+
+const _hoisted_1 = /* @__PURE__ */ createTextVNode("\u65B0\u5EFA\u5206\u884C\u7B26");
+const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u65B0\u5EFA\u5206\u7EBF\u680F");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormConfigCreator",
+  emits: {
+    submit: (payload) => payload
+  },
+  setup(__props, { emit }) {
+    const linebarField = useConfigurationField().generateFieldListByKeys([
+      EditAbleField.ALIAS,
+      EditAbleField.ELEM_WIDTH,
+      EditAbleField.IS_SHOW,
+      EditAbleField.IS_NOT_FOLD
+    ]);
+    const linebarFormRef = ref();
+    const lineBreakFormRef = ref();
+    const initialData = { is_show: "1", is_not_fold: "0" };
+    async function submit(html_type, formRef) {
+      if (!formRef)
+        return;
+      await formRef.validate();
+      const formData = formRef.getFormValues();
+      emit("submit", { ...formData, html_type, val_key: formData.alias, elem_width: 12 });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NButtonGroup), { size: "small" }, {
+        default: withCtx(() => [
+          createVNode(unref(NPopconfirm), {
+            width: "200px",
+            "show-icon": false,
+            "show-arrow": false,
+            onPositiveClick: _cache[0] || (_cache[0] = ($event) => submit("LINE_BREAKS", lineBreakFormRef.value))
+          }, {
+            trigger: withCtx(() => [
+              createVNode(unref(NButton), null, {
+                default: withCtx(() => [
+                  _hoisted_1
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(FormRender), {
+                ref_key: "lineBreakFormRef",
+                ref: lineBreakFormRef,
+                size: "small",
+                "label-width": "auto",
+                "label-placement": "left",
+                fieldList: unref(linebarField).slice(0, 1)
+              }, null, 8, ["fieldList"])
+            ]),
+            _: 1
+          }),
+          createVNode(unref(NPopconfirm), {
+            width: "300px",
+            "show-icon": false,
+            "show-arrow": false,
+            onPositiveClick: _cache[1] || (_cache[1] = ($event) => submit("LINEBAR", linebarFormRef.value))
+          }, {
+            trigger: withCtx(() => [
+              createVNode(unref(NButton), null, {
+                default: withCtx(() => [
+                  _hoisted_2
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(FormRender), {
+                ref_key: "linebarFormRef",
+                ref: linebarFormRef,
+                "initial-data": initialData,
+                size: "small",
+                "label-width": "auto",
+                "label-placement": "left",
+                fieldList: unref(linebarField)
+              }, null, 8, ["fieldList"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+var FormConfigCreator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfigCreator.vue"]]);
+
+export { FormConfigCreator as default };