cnhis-design-vue 3.1.14-beta.9 → 3.1.14

package/es/packages/drag-layout/src/DragFormRightItem.js

@@ -1,4 +1,269 @@
-import script from './DragFormRightItem.vue_vue_type_script_setup_true_lang.js';
-export { default } from './DragFormRightItem.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, Fragment, createBlock, unref, withCtx, withDirectives, createVNode, vShow, normalizeStyle } from 'vue';
+import Draggable from 'vuedraggable';
+import { NButton, NSelect, NPopover, NIcon } from 'naive-ui';
+import { EllipsisVerticalSharp } from '@vicons/ionicons5';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/drag-layout/src/DragFormRightItem.vue";
+const _hoisted_1 = { class: "DragFormRightItem" };
+const _hoisted_2 = {
+  key: 0,
+  class: "red"
+};
+const _hoisted_3 = { class: "form-btn" };
+const _hoisted_4 = /* @__PURE__ */ createTextVNode(" \u5FC5\u586B ");
+const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u4FEE\u6539 ");
+const _hoisted_6 = /* @__PURE__ */ createTextVNode(" \u79FB\u9664 ");
+const _hoisted_7 = {
+  key: 0,
+  class: "red"
+};
+const _hoisted_8 = { class: "form-btn" };
+const _hoisted_9 = /* @__PURE__ */ createTextVNode(" \u5FC5\u586B ");
+const _hoisted_10 = /* @__PURE__ */ createTextVNode(" \u4FEE\u6539 ");
+const _hoisted_11 = /* @__PURE__ */ createTextVNode(" \u79FB\u9664 ");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DragFormRightItem",
+  props: {
+    fields: null,
+    element: null,
+    index: null
+  },
+  emits: ["handleEdit", "handleDelete"],
+  setup(__props, { emit }) {
+    const props = __props;
+    let showFields = ref([]);
+    ref(false);
+    const widthOptions = [
+      {
+        label: "\u6574\u884C",
+        value: "12"
+      },
+      {
+        label: "\u534A\u884C",
+        value: "6"
+      },
+      {
+        label: "5/6",
+        value: "10"
+      },
+      {
+        label: "2/3",
+        value: "8"
+      },
+      {
+        label: "1/3",
+        value: "4"
+      },
+      {
+        label: "3/4",
+        value: "9"
+      },
+      {
+        label: "1/4",
+        value: "3"
+      },
+      {
+        label: "1/6",
+        value: "2"
+      }
+    ];
+    const lineTypeList = computed(() => ["LINEBAR", "LINE_BREAKS"]);
+    const handlechangIs_edit = (data) => {
+      data.mid_is_edit = data.mid_is_edit == 1 ? 0 : 1;
+    };
+    const handlechangNull = (data) => {
+      data.is_null = data.is_null == 1 ? 0 : 1;
+    };
+    const handleEdit = (data, i, type) => {
+      emit("handleEdit", data, i, type);
+    };
+    const handleDelete = (data, i) => {
+      emit("handleDelete", data, i);
+    };
+    const isLineType = (t) => {
+      return lineTypeList.value.includes(t);
+    };
+    watch(() => props.fields, (val) => {
+      if (!val)
+        return;
+      showFields.value = val;
+    }, { immediate: true, deep: true });
+    return (_ctx, _cache) => {
+      const _component_DragFormRightItem = resolveComponent("DragFormRightItem", true);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.element.html_type === "COMBINATION" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["combination-item", {
+            "is-edit-class": __props.element.is_edit == 0 ? true : __props.element.mid_is_edit == 0
+          }])
+        }, [
+          createElementVNode("div", null, [
+            __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("v-if", true),
+            createTextVNode(" " + toDisplayString(__props.element.name) + " ", 1),
+            createElementVNode("div", _hoisted_3, [
+              __props.element.html_type != "TEXT" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                __props.element.is_edit == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                  key: 0,
+                  dashed: "",
+                  size: "small",
+                  onClick: _cache[0] || (_cache[0] = ($event) => handlechangIs_edit(__props.element))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(`${__props.element.mid_is_edit == 1 ? "\u4E0D\u53EF\u7F16\u8F91" : "\u542F\u7528\u7F16\u8F91"}`), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("v-if", true),
+                __props.element.is_drag == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                  key: 1,
+                  dashed: "",
+                  size: "small",
+                  onClick: _cache[1] || (_cache[1] = ($event) => handlechangNull(__props.element))
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_4
+                  ]),
+                  _: 1
+                })) : createCommentVNode("v-if", true),
+                withDirectives(createVNode(unref(NButton), {
+                  dashed: "",
+                  size: "small",
+                  onClick: _cache[2] || (_cache[2] = ($event) => handleEdit(__props.element, __props.index, "edit"))
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_5
+                  ]),
+                  _: 1
+                }, 512), [
+                  [vShow, __props.element.html_type != "LINE_BREAKS"]
+                ])
+              ], 64)) : createCommentVNode("v-if", true),
+              (__props.element.is_drag == 1 || isLineType(__props.element.html_type)) && __props.element.is_system_fields != 0 ? (openBlock(), createBlock(unref(NButton), {
+                key: 1,
+                dashed: "",
+                size: "small",
+                onClick: _cache[3] || (_cache[3] = ($event) => handleDelete(__props.element, __props.index))
+              }, {
+                default: withCtx(() => [
+                  _hoisted_6
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ])
+          ]),
+          createVNode(unref(Draggable), {
+            modelValue: __props.element.children,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.element.children = $event),
+            itemKey: "val_key",
+            group: __props.element.val_key,
+            animation: 300
+          }, {
+            item: withCtx((eleChild) => [
+              createElementVNode("div", {
+                style: normalizeStyle({
+                  width: `${(__props.element.elem_width || 12) * 2 / 24 * 100}%`,
+                  display: __props.element.elem_width && __props.element.elem_width < 12 ? "inline-block" : "block"
+                })
+              }, [
+                createVNode(_component_DragFormRightItem, {
+                  element: eleChild.element,
+                  index: eleChild.index,
+                  onHandleEdit: handleEdit,
+                  onHandleDelete: handleDelete
+                }, null, 8, ["element", "index"])
+              ], 4)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "group"])
+        ], 2)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass({
+            "right-content": true,
+            "blue-border": __props.element.extraField,
+            "is-edit-class": __props.element.is_edit == 0 ? true : __props.element.mid_is_edit == 0
+          })
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass({ "item-opacity": __props.element.is_show == 0 })
+          }, [
+            __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_7, "*")) : createCommentVNode("v-if", true),
+            createTextVNode(" " + toDisplayString(__props.element.name), 1)
+          ], 2),
+          createElementVNode("div", _hoisted_8, [
+            __props.element.html_type != "TEXT" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              __props.element.is_edit == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                key: 0,
+                dashed: "",
+                size: "small",
+                onClick: _cache[5] || (_cache[5] = ($event) => handlechangIs_edit(__props.element))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(`${__props.element.mid_is_edit == 1 ? "\u4E0D\u53EF\u7F16\u8F91" : "\u542F\u7528\u7F16\u8F91"}`), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true),
+              __props.element.is_drag == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
+                key: 1,
+                dashed: "",
+                size: "small",
+                onClick: _cache[6] || (_cache[6] = ($event) => handlechangNull(__props.element))
+              }, {
+                default: withCtx(() => [
+                  _hoisted_9
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true),
+              createVNode(unref(NSelect), {
+                style: { "width": "50px" },
+                size: "small",
+                options: widthOptions,
+                value: __props.element.elem_width,
+                "onUpdate:value": _cache[7] || (_cache[7] = ($event) => __props.element.elem_width = $event),
+                to: false
+              }, null, 8, ["value"])
+            ], 64)) : createCommentVNode("v-if", true),
+            createVNode(unref(NPopover), {
+              trigger: "click",
+              delay: 300,
+              placement: "left-end"
+            }, {
+              trigger: withCtx(() => [
+                createVNode(unref(NIcon), { component: unref(EllipsisVerticalSharp) }, null, 8, ["component"])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", null, [
+                  withDirectives(createVNode(unref(NButton), {
+                    dashed: "",
+                    size: "small",
+                    onClick: _cache[8] || (_cache[8] = ($event) => handleEdit(__props.element, __props.index, "edit"))
+                  }, {
+                    default: withCtx(() => [
+                      _hoisted_10
+                    ]),
+                    _: 1
+                  }, 512), [
+                    [vShow, !["LINE_BREAKS"].includes(__props.element.html_type)]
+                  ]),
+                  (__props.element.is_drag == 1 || isLineType(__props.element.html_type)) && __props.element.is_system_fields != 0 ? (openBlock(), createBlock(unref(NButton), {
+                    key: 0,
+                    dashed: "",
+                    size: "small",
+                    onClick: _cache[9] || (_cache[9] = ($event) => handleDelete(__props.element, __props.index))
+                  }, {
+                    default: withCtx(() => [
+                      _hoisted_11
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("v-if", true)
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ], 2))
+      ]);
+    };
+  }
+});
+var DragFormRightItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DragFormRightItem.vue"]]);
+
+export { DragFormRightItem as default };