cnhis-design-vue 3.1.4 → 3.1.5

package/es/packages/drag-layout/src/DragLayout.vue_vue_type_script_setup_true_lang.mjs

@@ -1,657 +1 @@
-import { defineComponent, ref, reactive, computed, onMounted, nextTick, watch, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, renderSlot, normalizeStyle, normalizeClass, createBlock, Fragment, withDirectives, vShow, vModelCheckbox, createTextVNode } from 'vue';
-import { NButton, NModal, NForm, NGrid, NFormItemGi, NInput, NSelect, NCheckbox, NInputNumber } from 'naive-ui';
-import Draggable from 'vuedraggable';
-import './DragFormLeftItem2.mjs';
-import './DragFormRightItem2.mjs';
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
-import script$1 from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.mjs';
-import script$2 from './DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs';
-
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "border-box" }, null, -1);
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "info-header" }, "\u5907\u9009\u5B57\u6BB5", -1);
-const _hoisted_3 = { class: "form-area" };
-const _hoisted_4 = { class: "info-header" };
-const _hoisted_5 = /* @__PURE__ */ createTextVNode("\u65B0\u5EFA\u5206\u884C\u7B26 ");
-const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u65B0\u5EFA\u5206\u7EBF\u680F");
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("label", { class: "new-name" }, "\u540D\u79F0", -1);
-const _hoisted_8 = /* @__PURE__ */ createTextVNode(" \u9ED8\u8BA4\u5C55\u5F00 ");
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
-const _hoisted_10 = /* @__PURE__ */ createTextVNode(" \u4E0D\u53EF\u6298\u53E0 ");
-var script = /* @__PURE__ */ defineComponent({
-  name: "DragLayout",
-  props: {
-    leftList: { type: Array, required: false, default: () => [] },
-    rightList: { type: Array, required: false, default: () => [] },
-    getpublicReplyList: { type: Function, required: false, default: () => Promise.resolve([]) }
-  },
-  emits: ["updateConfig"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const dragLayoutContainer = ref(null);
-    const textArea = ref(null);
-    const formRef = ref(null);
-    const state = reactive({
-      modalVisible: false,
-      visibleLineAdd: false,
-      modalFormData: {
-        name: "",
-        elem_width: "12",
-        reply_category: [],
-        is_fast_reply: false,
-        html_type: "",
-        is_edit: 1,
-        hideExpression: "",
-        remark: "",
-        default_val: "",
-        placeholder: "",
-        publicReply: [],
-        is_fast_reply_field: 0
-      },
-      publicReply: [],
-      itemTitleNameAdd: "",
-      is_show: 0,
-      is_not_fold: 0,
-      isAddChecked: false,
-      is_not_foldChecked: false,
-      handleLIne: "add",
-      lineType: "LINEBAR",
-      showFields: [],
-      hideFields: [],
-      curIndex: void 0,
-      editModalType: "edit",
-      lineAddTitle: "\u65B0\u5EFA\u5206\u7EBF\u680F",
-      widthOptions: [
-        {
-          label: "\u6574\u884C",
-          value: "12",
-          class: "dragForm-select-drop"
-        },
-        {
-          label: "\u534A\u884C",
-          value: "6",
-          class: "dragForm-select-drop"
-        },
-        {
-          label: "5/6",
-          value: "10",
-          class: "dragForm-select-drop"
-        },
-        {
-          label: "2/3",
-          value: "8",
-          class: "dragForm-select-drop"
-        },
-        {
-          label: "1/3",
-          value: "4",
-          class: "dragForm-select-drop"
-        },
-        {
-          label: "3/4",
-          value: "9",
-          class: "dragForm-select-drop"
-        },
-        {
-          label: "1/4",
-          value: "3",
-          class: "dragForm-select-drop"
-        }
-      ]
-    });
-    const rules = {
-      reply_category: [
-        {
-          required: state.modalFormData.is_fast_reply,
-          trigger: ["blur", "change"],
-          message: "\u8BF7\u8F93\u5165"
-        }
-      ]
-    };
-    const isPageLayout = computed(() => state.modalFormData.html_type === "PAGE_LAYOUT" || state.modalFormData.html_type === "COMBINATION");
-    const is_text = computed(() => state.modalFormData.html_type === "TEXT");
-    const hideModalWidth = computed(() => state.modalFormData.html_type === "COMBINATION");
-    const lineTypeList = computed(() => ["LINEBAR", "LINE_BREAKS"]);
-    const isLineType = (t) => {
-      return lineTypeList.value.includes(t);
-    };
-    const handleReqQieckReplyData = async () => {
-      try {
-        let res = await props.getpublicReplyList();
-        state.publicReply = Array.isArray(res) ? res : [];
-      } catch (error) {
-        console.log(error);
-      }
-    };
-    const handleEdit = (data, i, type = "edit") => {
-      state.currentIndex = i;
-      state.editModalType = type;
-      if (isLineType(data.html_type)) {
-        state.handleLIne = "edit";
-        state.visibleLineAdd = true;
-        state.itemTitleNameAdd = data.name || "\u5206\u884C\u7B26";
-        state.is_show = data.is_show;
-        state.is_not_fold = data.is_not_fold;
-        state.isAddChecked = data.is_show == 1;
-        state.is_not_foldChecked = data.is_not_fold == 1;
-        return;
-      }
-      const keyList = [
-        "name",
-        "elem_width",
-        "reply_category",
-        "html_type",
-        "is_edit",
-        "remark",
-        "default_val",
-        "line_height",
-        "is_fast_reply_field",
-        "placeholder"
-      ];
-      keyList.forEach((v) => {
-        if (v === "reply_category") {
-          if (data[v] && vexutils.isJSON(data[v])) {
-            state.modalFormData[v] = JSON.parse(data[v]) || [];
-          } else {
-            state.modalFormData[v] = data[v] && [data[v]] || [];
-          }
-        } else {
-          state.modalFormData[v] = data[v] || void 0;
-        }
-      });
-      if (!state.publicReply?.length && data["is_fast_reply_field"] != 1) {
-        handleReqQieckReplyData();
-      }
-      state.modalFormData.is_fast_reply = data.is_fast_reply == 1;
-      state.modalFormData.hideExpression = 0;
-      state.modalVisible = true;
-    };
-    const changeCategofy = (value) => {
-      console.log(value);
-    };
-    const handleOk = (e) => {
-      formRef.value?.validate((errors) => {
-        if (errors)
-          return;
-        if (state.editModalType == "edit") {
-          state.showFields[state.currentIndex].is_fast_reply = state.modalFormData.is_fast_reply ? 1 : 0;
-          let keys = [
-            "name",
-            "elem_width",
-            "reply_category",
-            "remark",
-            "hideExpression",
-            "default_val",
-            "line_height",
-            "placeholder"
-          ];
-          keys.forEach((k) => {
-            state.showFields[state.currentIndex][k] = state.modalFormData[k];
-          });
-        } else {
-          state.showFields[state.currentIndex].reply_category = state.modalFormData.reply_category;
-        }
-        state.modalVisible = false;
-      });
-    };
-    const handleDelete = (data, i) => {
-      let deleItem = state.showFields.splice(i, 1);
-      if (isLineType(data.html_type) && !data.val_key) {
-        return;
-      }
-      state.hideFields.push(...deleItem);
-    };
-    const addItemShowLine = () => {
-      state.visibleLineAdd = true;
-      state.itemTitleNameAdd = "";
-      state.is_show = 1;
-      state.is_not_fold = 0;
-      state.isAddChecked = true;
-      state.is_not_foldChecked = false;
-      if (state.lineType === "LINEBAR") {
-        state.lineAddTitle = "\u65B0\u5EFA\u5206\u7EBF\u680F";
-      } else if (state.lineType === "LINE_BREAKS") {
-        state.lineAddTitle = "\u65B0\u5EFA\u5206\u884C\u7B26";
-      }
-    };
-    const handlerAddLine = () => {
-      state.handleLIne = "add";
-      state.lineType = "LINEBAR";
-      addItemShowLine();
-    };
-    const handlerAddBranchLine = () => {
-      state.handleLIne = "add";
-      state.lineType = "LINE_BREAKS";
-      addItemShowLine();
-      state.is_show = 1;
-    };
-    const onChangeAdd = (e, key) => {
-      if (e.target.checked == true) {
-        state[key] = 1;
-      } else {
-        state[key] = 0;
-      }
-    };
-    const handleCancel = () => {
-      state.visibleLine = false;
-      state.visibleLineAdd = false;
-    };
-    const handleOkLineAdd = () => {
-      let isL = state.lineType === "LINEBAR";
-      let lineDefaultName = isL ? "\u5206\u7EBF\u680F" : "\u5206\u884C\u7B26";
-      if (state.handleLIne === "edit") {
-        let curItem = state.showFields[state.currentIndex];
-        state.lineType = curItem.html_type;
-        curItem.is_show = state.is_show;
-        if (isL) {
-          curItem.is_not_fold = state.is_not_fold;
-        }
-        curItem["name"] = state.itemTitleNameAdd || lineDefaultName;
-      } else {
-        state.showFields.push({
-          html_type: state.lineType || "LINEBAR",
-          is_show: state.is_show,
-          is_not_fold: isL ? state.is_not_fold : void 0,
-          name: state.itemTitleNameAdd || lineDefaultName
-        });
-      }
-      handleCancel();
-    };
-    const leftDragAdd = (e) => {
-      let { newIndex, oldIndex } = e;
-      if (oldIndex > -1 && oldIndex > -1) {
-        let curItem = state.hideFields[newIndex];
-        if (curItem.is_system_fields == 0) {
-          state.hideFields.splice(newIndex, 1);
-          state.showFields.splice(oldIndex, 0, curItem);
-        }
-      }
-    };
-    const handleDragRemove = (e) => {
-      console.log("handleDragRemove", e);
-      let { draggedContext = {}, to } = e;
-      let movedItem = draggedContext.element || {};
-      let className = to.className || "";
-      if (movedItem.is_drag && movedItem.is_drag == 0 && className.includes("text-draggable")) {
-        return false;
-      }
-    };
-    const checkOnChange = (e) => {
-      state.modalFormData.is_fast_reply = e.target.checked;
-    };
-    const updateConfig = () => {
-      clearTimeout(state.updateTime);
-      state.updateTime = setTimeout(() => {
-        emit("updateConfig", {
-          leftList: state.hideFields,
-          rightList: state.showFields
-        });
-      }, 100);
-    };
-    const handleSetData = (config = {}) => {
-      if (Array.isArray(config.rightList)) {
-        state.showFields = config.rightList;
-      }
-      if (Array.isArray(config.leftList)) {
-        state.hideFields = config.leftList;
-      }
-    };
-    const mountedInit = () => {
-      const { rightList, leftList } = props;
-      let checkList = (v) => Array.isArray(v) && v.length > 0;
-      if (checkList(props.rightList) || checkList(props.leftList)) {
-        handleSetData({ rightList, leftList });
-      }
-    };
-    onMounted(() => {
-      mountedInit();
-      nextTick(() => {
-        textArea.value.style.height = dragLayoutContainer.value.clientHeight + "px";
-      });
-    });
-    watch([state.showFields, state.hideFields], ([showFields, hideFields]) => {
-      updateConfig();
-    }, { deep: true });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "drag-layout-container",
-        ref_key: "dragLayoutContainer",
-        ref: dragLayoutContainer
-      }, [
-        _hoisted_1,
-        createCommentVNode(" \u5DE6\u8FB9 "),
-        createElementVNode("div", {
-          class: "text-area",
-          ref_key: "textArea",
-          ref: textArea
-        }, [
-          _hoisted_2,
-          createVNode(unref(Draggable), {
-            class: "min-height text-draggable",
-            itemKey: "val_key",
-            modelValue: state.hideFields,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.hideFields = $event),
-            group: "formitem",
-            animation: 300,
-            ref: "textDraggable",
-            onAdd: leftDragAdd
-          }, {
-            item: withCtx(({ element }) => [
-              createElementVNode("li", null, [
-                renderSlot(_ctx.$slots, "leftItem", { itemData: element }, () => [
-                  createVNode(script$1, { element }, null, 8, ["element"])
-                ])
-              ])
-            ]),
-            _: 3
-          }, 8, ["modelValue"])
-        ], 512),
-        createCommentVNode(" \u53F3\u8FB9 "),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            createVNode(unref(NButton), {
-              class: "add-divider",
-              dashed: "",
-              size: "small",
-              onClick: handlerAddBranchLine
-            }, {
-              default: withCtx(() => [
-                _hoisted_5
-              ]),
-              _: 1
-            }),
-            createVNode(unref(NButton), {
-              class: "add-divider",
-              dashed: "",
-              size: "small",
-              onClick: handlerAddLine
-            }, {
-              default: withCtx(() => [
-                _hoisted_6
-              ]),
-              _: 1
-            })
-          ]),
-          createVNode(unref(Draggable), {
-            class: "min-height draggable-content",
-            itemKey: "val_key",
-            modelValue: state.showFields,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.showFields = $event),
-            move: handleDragRemove,
-            group: "formitem",
-            animation: 300,
-            filter: ".undraggable"
-          }, {
-            item: withCtx(({ element, index }) => [
-              createElementVNode("div", {
-                style: normalizeStyle({
-                  width: `${(element.elem_width || 12) * 2 / 24 * 100}%`,
-                  display: element.elem_width && element.elem_width < 12 ? "inline-block" : "block"
-                }),
-                class: normalizeClass({
-                  "combination-col": element.html_type === "COMBINATION"
-                })
-              }, [
-                renderSlot(_ctx.$slots, "rightItem", { itemData: element }, () => [
-                  createVNode(script$2, {
-                    element,
-                    index,
-                    onHandleEdit: handleEdit,
-                    onHandleDelete: handleDelete
-                  }, null, 8, ["element", "index"])
-                ])
-              ], 6)
-            ]),
-            _: 3
-          }, 8, ["modelValue"])
-        ]),
-        createCommentVNode(" \u5F39\u7A97 "),
-        state.modalVisible ? (openBlock(), createBlock(unref(NModal), {
-          key: 0,
-          preset: "dialog",
-          title: "\u5B57\u6BB5\u5C5E\u6027",
-          "positive-text": "\u786E\u8BA4",
-          "negative-text": "\u53D6\u6D88",
-          "show-icon": false,
-          zIndex: 2001,
-          show: state.modalVisible,
-          "onUpdate:show": _cache[11] || (_cache[11] = ($event) => state.modalVisible = $event),
-          onPositiveClick: handleOk
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(NForm), {
-              ref_key: "formRef",
-              ref: formRef,
-              model: state.modalFormData,
-              rules,
-              "label-placement": "left",
-              "label-width": "auto"
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(NGrid), null, {
-                  default: withCtx(() => [
-                    createCommentVNode(" \u540D\u79F0 "),
-                    !unref(is_text) ? (openBlock(), createBlock(unref(NFormItemGi), {
-                      key: 0,
-                      span: 18,
-                      label: "\u540D\u79F0"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(NInput), {
-                          placeholder: "\u540D\u79F0",
-                          value: state.modalFormData.name,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => state.modalFormData.name = $event)
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("v-if", true),
-                    !unref(isPageLayout) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createCommentVNode(" \u9ED8\u8BA4\u503C "),
-                      !unref(is_text) ? (openBlock(), createBlock(unref(NFormItemGi), {
-                        key: 0,
-                        span: 18,
-                        label: "\u9ED8\u8BA4\u503C"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NInput), {
-                            placeholder: "\u9ED8\u8BA4\u503C",
-                            value: state.modalFormData.default_val,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => state.modalFormData.default_val = $event)
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      })) : createCommentVNode("v-if", true)
-                    ], 64)) : createCommentVNode("v-if", true),
-                    createCommentVNode("  \u5BBD\u5EA6 "),
-                    !unref(hideModalWidth) ? (openBlock(), createBlock(unref(NFormItemGi), {
-                      key: 2,
-                      span: 18,
-                      label: "\u5BBD\u5EA6"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(NSelect), {
-                          options: state.widthOptions,
-                          value: state.modalFormData.elem_width,
-                          "onUpdate:value": _cache[4] || (_cache[4] = ($event) => state.modalFormData.elem_width = $event)
-                        }, null, 8, ["options", "value"])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("v-if", true),
-                    createCommentVNode(" \u9AD8\u5EA6 "),
-                    unref(isPageLayout) && !unref(hideModalWidth) ? (openBlock(), createBlock(unref(NFormItemGi), {
-                      key: 3,
-                      span: 18,
-                      label: "\u9AD8\u5EA6\uFF08\u884C\uFF09"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(NInput), {
-                          placeholder: "\u9AD8\u5EA6\uFF08\u884C\uFF09",
-                          value: state.modalFormData.line_height,
-                          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => state.modalFormData.line_height = $event)
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("v-if", true),
-                    !unref(is_text) ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-                      createCommentVNode(" \u8BF4\u660E\u6587\u672C "),
-                      !unref(isPageLayout) ? (openBlock(), createBlock(unref(NFormItemGi), {
-                        key: 0,
-                        span: 18,
-                        label: "\u8BF4\u660E\u6587\u672C"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NInput), {
-                            placeholder: "\u8BF4\u660E\u6587\u672C",
-                            value: state.modalFormData.placeholder,
-                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => state.modalFormData.placeholder = $event)
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      })) : createCommentVNode("v-if", true),
-                      state.modalFormData.html_type != "PAGE_LAYOUT" ? (openBlock(), createBlock(unref(NFormItemGi), {
-                        key: 1,
-                        span: 18,
-                        label: "\u95EE\u53F7\u63D0\u793A"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NInput), {
-                            maxLength: 200,
-                            placeholder: "\u8BF7\u8F93\u5165\u95EE\u53F7\u63D0\u793A",
-                            value: state.modalFormData.remark,
-                            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => state.modalFormData.remark = $event)
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      })) : createCommentVNode("v-if", true)
-                    ], 64)) : createCommentVNode("v-if", true),
-                    state.modalFormData.is_fast_reply_field != 1 && (state.modalFormData.html_type == "TEXTAREA" || state.modalFormData.html_type == "INPUT") ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-                      createCommentVNode(" \u5FEB\u901F\u8F93\u5165 "),
-                      createVNode(unref(NFormItemGi), {
-                        span: 18,
-                        label: "\u5FEB\u901F\u8F93\u5165"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NCheckbox), {
-                            checked: state.modalFormData.is_fast_reply,
-                            "onOnUpdate:checked": checkOnChange
-                          }, null, 8, ["checked"])
-                        ]),
-                        _: 1
-                      }),
-                      createCommentVNode(" \u56DE\u590D\u5206\u7C7B "),
-                      state.modalFormData.is_fast_reply ? (openBlock(), createBlock(unref(NFormItemGi), {
-                        key: 0,
-                        span: 18,
-                        label: "\u77ED\u8BED\u5206\u7C7B",
-                        path: "reply_category"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NSelect), {
-                            multiple: "",
-                            value: state.modalFormData.reply_category,
-                            "onUpdate:value": [
-                              _cache[8] || (_cache[8] = ($event) => state.modalFormData.reply_category = $event),
-                              changeCategofy
-                            ],
-                            filterable: "",
-                            filter: unref(vexutils).filterOption,
-                            placeholder: "\u5206\u7C7B\u540D\u79F0",
-                            options: state.publicReply
-                          }, null, 8, ["value", "filter", "options"])
-                        ]),
-                        _: 1
-                      })) : createCommentVNode("v-if", true),
-                      createCommentVNode(" \u90E8\u5206\u9690\u85CF "),
-                      withDirectives(createVNode(unref(NFormItemGi), {
-                        label: "\u90E8\u5206\u9690\u85CF",
-                        span: 18
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(NInputNumber), {
-                            placeholder: "\u8BF7\u8F93\u5165",
-                            value: state.modalFormData.hideExpression,
-                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => state.modalFormData.hideExpression = $event)
-                          }, null, 8, ["value"])
-                        ]),
-                        _: 1
-                      }, 512), [
-                        [vShow, state.modalFormData.is_edit == 0]
-                      ])
-                    ], 64)) : createCommentVNode("v-if", true),
-                    createCommentVNode(" \u52A8\u6001\u6587\u672C\u503C "),
-                    unref(is_text) ? (openBlock(), createBlock(unref(NFormItemGi), {
-                      key: 6,
-                      label: "\u6587\u672C\u5185\u5BB9(\u652F\u6301FreeMarker)"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(NInput), {
-                          placeholder: "\u8BF7\u8F93\u5165\u52A8\u6001\u6587\u672C\u5185\u5BB9",
-                          type: "textarea",
-                          value: state.modalFormData.default_val,
-                          "onUpdate:value": _cache[10] || (_cache[10] = ($event) => state.modalFormData.default_val = $event)
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }, 8, ["label"])) : createCommentVNode("v-if", true)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["model"])
-          ]),
-          _: 1
-        }, 8, ["show"])) : createCommentVNode("v-if", true),
-        createVNode(unref(NModal), {
-          preset: "dialog",
-          title: state.lineAddTitle,
-          "positive-text": "\u786E\u8BA4",
-          "negative-text": "\u53D6\u6D88",
-          "show-icon": false,
-          zIndex: 2001,
-          show: state.visibleLineAdd,
-          "onUpdate:show": _cache[17] || (_cache[17] = ($event) => state.visibleLineAdd = $event),
-          onNegativeClick: handleCancel,
-          onPositiveClick: handleOkLineAdd
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", null, [
-              _hoisted_7,
-              createVNode(unref(NInput), {
-                class: "view-model-input new-name-input",
-                value: state.itemTitleNameAdd,
-                "onUpdate:value": _cache[12] || (_cache[12] = ($event) => state.itemTitleNameAdd = $event)
-              }, null, 8, ["value"])
-            ]),
-            withDirectives(createElementVNode("div", null, [
-              withDirectives(createElementVNode("input", {
-                class: "name-new-change",
-                onChange: _cache[13] || (_cache[13] = ($event) => onChangeAdd($event, "is_show")),
-                type: "checkbox",
-                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => state.isAddChecked = $event)
-              }, null, 544), [
-                [vModelCheckbox, state.isAddChecked]
-              ]),
-              _hoisted_8,
-              _hoisted_9,
-              withDirectives(createElementVNode("input", {
-                class: "name-new-change",
-                onChange: _cache[15] || (_cache[15] = ($event) => onChangeAdd($event, "is_not_fold")),
-                type: "checkbox",
-                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => state.is_not_foldChecked = $event)
-              }, null, 544), [
-                [vModelCheckbox, state.is_not_foldChecked]
-              ]),
-              _hoisted_10,
-              createCommentVNode(' {{ $t("1.9.69") }} ')
-            ], 512), [
-              [vShow, state.lineType != "LINE_BREAKS"]
-            ])
-          ]),
-          _: 1
-        }, 8, ["title", "show"])
-      ], 512);
-    };
-  }
-});
-
-export { script as default };
+import{defineComponent as e,ref as l,reactive as a,computed as t,onMounted as i,nextTick as d,watch as o,openBlock as s,createElementBlock as r,createCommentVNode as m,createElementVNode as n,createVNode as p,unref as _,withCtx as u,renderSlot as h,normalizeStyle as c,normalizeClass as f,createBlock as y,Fragment as v,withDirectives as g,vShow as F,vModelCheckbox as b,createTextVNode as A}from"vue";import{NButton as w,NModal as D,NForm as k,NGrid as L,NFormItemGi as I,NInput as T,NSelect as x,NCheckbox as N,NInputNumber as E}from"naive-ui";import C from"vuedraggable";import"./DragFormLeftItem2.mjs";import"./DragFormRightItem2.mjs";import R from"cnhis-design-vue/es/src/utils/vexutils";import U from"./DragFormLeftItem.vue_vue_type_script_setup_true_lang.mjs";import O from"./DragFormRightItem.vue_vue_type_script_setup_true_lang.mjs";const V=n("div",{class:"border-box"},null,-1),B=n("div",{class:"info-header"},"备选字段",-1),M={class:"form-area"},K={class:"info-header"},P=A("新建分行符 "),S=A("新建分线栏"),j=n("label",{class:"new-name"},"名称",-1),q=A(" 默认展开 "),z=n("br",null,null,-1),H=A(" 不可折叠 ");var $=e({name:"DragLayout",props:{leftList:{type:Array,required:!1,default:()=>[]},rightList:{type:Array,required:!1,default:()=>[]},getpublicReplyList:{type:Function,required:!1,default:()=>Promise.resolve([])}},emits:["updateConfig"],setup(e,{emit:A}){const $=e,G=l(null),J=l(null),X=l(null),Y=a({modalVisible:!1,visibleLineAdd:!1,modalFormData:{name:"",elem_width:"12",reply_category:[],is_fast_reply:!1,html_type:"",is_edit:1,hideExpression:"",remark:"",default_val:"",placeholder:"",publicReply:[],is_fast_reply_field:0},publicReply:[],itemTitleNameAdd:"",is_show:0,is_not_fold:0,isAddChecked:!1,is_not_foldChecked:!1,handleLIne:"add",lineType:"LINEBAR",showFields:[],hideFields:[],curIndex:void 0,editModalType:"edit",lineAddTitle:"新建分线栏",widthOptions:[{label:"整行",value:"12",class:"dragForm-select-drop"},{label:"半行",value:"6",class:"dragForm-select-drop"},{label:"5/6",value:"10",class:"dragForm-select-drop"},{label:"2/3",value:"8",class:"dragForm-select-drop"},{label:"1/3",value:"4",class:"dragForm-select-drop"},{label:"3/4",value:"9",class:"dragForm-select-drop"},{label:"1/4",value:"3",class:"dragForm-select-drop"}]}),Q={reply_category:[{required:Y.modalFormData.is_fast_reply,trigger:["blur","change"],message:"请输入"}]},W=t((()=>"PAGE_LAYOUT"===Y.modalFormData.html_type||"COMBINATION"===Y.modalFormData.html_type)),Z=t((()=>"TEXT"===Y.modalFormData.html_type)),ee=t((()=>"COMBINATION"===Y.modalFormData.html_type)),le=t((()=>["LINEBAR","LINE_BREAKS"])),ae=e=>le.value.includes(e),te=(e,l,a="edit")=>{if(Y.currentIndex=l,Y.editModalType=a,ae(e.html_type))return Y.handleLIne="edit",Y.visibleLineAdd=!0,Y.itemTitleNameAdd=e.name||"分行符",Y.is_show=e.is_show,Y.is_not_fold=e.is_not_fold,Y.isAddChecked=1==e.is_show,void(Y.is_not_foldChecked=1==e.is_not_fold);["name","elem_width","reply_category","html_type","is_edit","remark","default_val","line_height","is_fast_reply_field","placeholder"].forEach((l=>{"reply_category"===l?e[l]&&R.isJSON(e[l])?Y.modalFormData[l]=JSON.parse(e[l])||[]:Y.modalFormData[l]=e[l]&&[e[l]]||[]:Y.modalFormData[l]=e[l]||void 0})),Y.publicReply?.length||1==e.is_fast_reply_field||(async()=>{try{let e=await $.getpublicReplyList();Y.publicReply=Array.isArray(e)?e:[]}catch(e){console.log(e)}})(),Y.modalFormData.is_fast_reply=1==e.is_fast_reply,Y.modalFormData.hideExpression=0,Y.modalVisible=!0},ie=e=>{console.log(e)},de=e=>{X.value?.validate((e=>{if(!e){if("edit"==Y.editModalType){Y.showFields[Y.currentIndex].is_fast_reply=Y.modalFormData.is_fast_reply?1:0,["name","elem_width","reply_category","remark","hideExpression","default_val","line_height","placeholder"].forEach((e=>{Y.showFields[Y.currentIndex][e]=Y.modalFormData[e]}))}else Y.showFields[Y.currentIndex].reply_category=Y.modalFormData.reply_category;Y.modalVisible=!1}}))},oe=(e,l)=>{let a=Y.showFields.splice(l,1);ae(e.html_type)&&!e.val_key||Y.hideFields.push(...a)},se=()=>{Y.visibleLineAdd=!0,Y.itemTitleNameAdd="",Y.is_show=1,Y.is_not_fold=0,Y.isAddChecked=!0,Y.is_not_foldChecked=!1,"LINEBAR"===Y.lineType?Y.lineAddTitle="新建分线栏":"LINE_BREAKS"===Y.lineType&&(Y.lineAddTitle="新建分行符")},re=()=>{Y.handleLIne="add",Y.lineType="LINEBAR",se()},me=()=>{Y.handleLIne="add",Y.lineType="LINE_BREAKS",se(),Y.is_show=1},ne=(e,l)=>{1==e.target.checked?Y[l]=1:Y[l]=0},pe=()=>{Y.visibleLine=!1,Y.visibleLineAdd=!1},_e=()=>{let e="LINEBAR"===Y.lineType,l=e?"分线栏":"分行符";if("edit"===Y.handleLIne){let a=Y.showFields[Y.currentIndex];Y.lineType=a.html_type,a.is_show=Y.is_show,e&&(a.is_not_fold=Y.is_not_fold),a.name=Y.itemTitleNameAdd||l}else Y.showFields.push({html_type:Y.lineType||"LINEBAR",is_show:Y.is_show,is_not_fold:e?Y.is_not_fold:void 0,name:Y.itemTitleNameAdd||l});pe()},ue=e=>{let{newIndex:l,oldIndex:a}=e;if(a>-1&&a>-1){let e=Y.hideFields[l];0==e.is_system_fields&&(Y.hideFields.splice(l,1),Y.showFields.splice(a,0,e))}},he=e=>{console.log("handleDragRemove",e);let{draggedContext:l={},to:a}=e,t=l.element||{},i=a.className||"";if(t.is_drag&&0==t.is_drag&&i.includes("text-draggable"))return!1},ce=e=>{Y.modalFormData.is_fast_reply=e.target.checked},fe=()=>{const{rightList:e,leftList:l}=$;let a=e=>Array.isArray(e)&&e.length>0;(a($.rightList)||a($.leftList))&&((e={})=>{Array.isArray(e.rightList)&&(Y.showFields=e.rightList),Array.isArray(e.leftList)&&(Y.hideFields=e.leftList)})({rightList:e,leftList:l})};return i((()=>{fe(),d((()=>{J.value.style.height=G.value.clientHeight+"px"}))})),o([Y.showFields,Y.hideFields],(([e,l])=>{clearTimeout(Y.updateTime),Y.updateTime=setTimeout((()=>{A("updateConfig",{leftList:Y.hideFields,rightList:Y.showFields})}),100)}),{deep:!0}),(e,l)=>(s(),r("div",{class:"drag-layout-container",ref_key:"dragLayoutContainer",ref:G},[V,m(" 左边 "),n("div",{class:"text-area",ref_key:"textArea",ref:J},[B,p(_(C),{class:"min-height text-draggable",itemKey:"val_key",modelValue:Y.hideFields,"onUpdate:modelValue":l[0]||(l[0]=e=>Y.hideFields=e),group:"formitem",animation:300,ref:"textDraggable",onAdd:ue},{item:u((({element:l})=>[n("li",null,[h(e.$slots,"leftItem",{itemData:l},(()=>[p(U,{element:l},null,8,["element"])]))])])),_:3},8,["modelValue"])],512),m(" 右边 "),n("div",M,[n("div",K,[p(_(w),{class:"add-divider",dashed:"",size:"small",onClick:me},{default:u((()=>[P])),_:1}),p(_(w),{class:"add-divider",dashed:"",size:"small",onClick:re},{default:u((()=>[S])),_:1})]),p(_(C),{class:"min-height draggable-content",itemKey:"val_key",modelValue:Y.showFields,"onUpdate:modelValue":l[1]||(l[1]=e=>Y.showFields=e),move:he,group:"formitem",animation:300,filter:".undraggable"},{item:u((({element:l,index:a})=>[n("div",{style:c({width:2*(l.elem_width||12)/24*100+"%",display:l.elem_width&&l.elem_width<12?"inline-block":"block"}),class:f({"combination-col":"COMBINATION"===l.html_type})},[h(e.$slots,"rightItem",{itemData:l},(()=>[p(O,{element:l,index:a,onHandleEdit:te,onHandleDelete:oe},null,8,["element","index"])]))],6)])),_:3},8,["modelValue"])]),m(" 弹窗 "),Y.modalVisible?(s(),y(_(D),{key:0,preset:"dialog",title:"字段属性","positive-text":"确认","negative-text":"取消","show-icon":!1,zIndex:2001,show:Y.modalVisible,"onUpdate:show":l[11]||(l[11]=e=>Y.modalVisible=e),onPositiveClick:de},{default:u((()=>[p(_(k),{ref_key:"formRef",ref:X,model:Y.modalFormData,rules:Q,"label-placement":"left","label-width":"auto"},{default:u((()=>[p(_(L),null,{default:u((()=>[m(" 名称 "),_(Z)?m("v-if",!0):(s(),y(_(I),{key:0,span:18,label:"名称"},{default:u((()=>[p(_(T),{placeholder:"名称",value:Y.modalFormData.name,"onUpdate:value":l[2]||(l[2]=e=>Y.modalFormData.name=e)},null,8,["value"])])),_:1})),_(W)?m("v-if",!0):(s(),r(v,{key:1},[m(" 默认值 "),_(Z)?m("v-if",!0):(s(),y(_(I),{key:0,span:18,label:"默认值"},{default:u((()=>[p(_(T),{placeholder:"默认值",value:Y.modalFormData.default_val,"onUpdate:value":l[3]||(l[3]=e=>Y.modalFormData.default_val=e)},null,8,["value"])])),_:1}))],64)),m("  宽度 "),_(ee)?m("v-if",!0):(s(),y(_(I),{key:2,span:18,label:"宽度"},{default:u((()=>[p(_(x),{options:Y.widthOptions,value:Y.modalFormData.elem_width,"onUpdate:value":l[4]||(l[4]=e=>Y.modalFormData.elem_width=e)},null,8,["options","value"])])),_:1})),m(" 高度 "),_(W)&&!_(ee)?(s(),y(_(I),{key:3,span:18,label:"高度（行）"},{default:u((()=>[p(_(T),{placeholder:"高度（行）",value:Y.modalFormData.line_height,"onUpdate:value":l[5]||(l[5]=e=>Y.modalFormData.line_height=e)},null,8,["value"])])),_:1})):m("v-if",!0),_(Z)?m("v-if",!0):(s(),r(v,{key:4},[m(" 说明文本 "),_(W)?m("v-if",!0):(s(),y(_(I),{key:0,span:18,label:"说明文本"},{default:u((()=>[p(_(T),{placeholder:"说明文本",value:Y.modalFormData.placeholder,"onUpdate:value":l[6]||(l[6]=e=>Y.modalFormData.placeholder=e)},null,8,["value"])])),_:1})),"PAGE_LAYOUT"!=Y.modalFormData.html_type?(s(),y(_(I),{key:1,span:18,label:"问号提示"},{default:u((()=>[p(_(T),{maxLength:200,placeholder:"请输入问号提示",value:Y.modalFormData.remark,"onUpdate:value":l[7]||(l[7]=e=>Y.modalFormData.remark=e)},null,8,["value"])])),_:1})):m("v-if",!0)],64)),1==Y.modalFormData.is_fast_reply_field||"TEXTAREA"!=Y.modalFormData.html_type&&"INPUT"!=Y.modalFormData.html_type?m("v-if",!0):(s(),r(v,{key:5},[m(" 快速输入 "),p(_(I),{span:18,label:"快速输入"},{default:u((()=>[p(_(N),{checked:Y.modalFormData.is_fast_reply,"onOnUpdate:checked":ce},null,8,["checked"])])),_:1}),m(" 回复分类 "),Y.modalFormData.is_fast_reply?(s(),y(_(I),{key:0,span:18,label:"短语分类",path:"reply_category"},{default:u((()=>[p(_(x),{multiple:"",value:Y.modalFormData.reply_category,"onUpdate:value":[l[8]||(l[8]=e=>Y.modalFormData.reply_category=e),ie],filterable:"",filter:_(R).filterOption,placeholder:"分类名称",options:Y.publicReply},null,8,["value","filter","options"])])),_:1})):m("v-if",!0),m(" 部分隐藏 "),g(p(_(I),{label:"部分隐藏",span:18},{default:u((()=>[p(_(E),{placeholder:"请输入",value:Y.modalFormData.hideExpression,"onUpdate:value":l[9]||(l[9]=e=>Y.modalFormData.hideExpression=e)},null,8,["value"])])),_:1},512),[[F,0==Y.modalFormData.is_edit]])],64)),m(" 动态文本值 "),_(Z)?(s(),y(_(I),{key:6,label:"文本内容(支持FreeMarker)"},{default:u((()=>[p(_(T),{placeholder:"请输入动态文本内容",type:"textarea",value:Y.modalFormData.default_val,"onUpdate:value":l[10]||(l[10]=e=>Y.modalFormData.default_val=e)},null,8,["value"])])),_:1},8,["label"])):m("v-if",!0)])),_:1})])),_:1},8,["model"])])),_:1},8,["show"])):m("v-if",!0),p(_(D),{preset:"dialog",title:Y.lineAddTitle,"positive-text":"确认","negative-text":"取消","show-icon":!1,zIndex:2001,show:Y.visibleLineAdd,"onUpdate:show":l[17]||(l[17]=e=>Y.visibleLineAdd=e),onNegativeClick:pe,onPositiveClick:_e},{default:u((()=>[n("div",null,[j,p(_(T),{class:"view-model-input new-name-input",value:Y.itemTitleNameAdd,"onUpdate:value":l[12]||(l[12]=e=>Y.itemTitleNameAdd=e)},null,8,["value"])]),g(n("div",null,[g(n("input",{class:"name-new-change",onChange:l[13]||(l[13]=e=>ne(e,"is_show")),type:"checkbox","onUpdate:modelValue":l[14]||(l[14]=e=>Y.isAddChecked=e)},null,544),[[b,Y.isAddChecked]]),q,z,g(n("input",{class:"name-new-change",onChange:l[15]||(l[15]=e=>ne(e,"is_not_fold")),type:"checkbox","onUpdate:modelValue":l[16]||(l[16]=e=>Y.is_not_foldChecked=e)},null,544),[[b,Y.is_not_foldChecked]]),H,m(' {{ $t("1.9.69") }} ')],512),[[F,"LINE_BREAKS"!=Y.lineType]])])),_:1},8,["title","show"])],512))}});export{$ as default};