cnhis-design-vue 3.1.17 → 3.1.18-beta.11

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

@@ -1,659 +0,0 @@
-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 DragFormLeftItem from './DragFormLeftItem.js';
-import DragFormRightItem from './DragFormRightItem.js';
-import vexutils from '../../../src/utils/vexutils';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-
-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 ");
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DragLayout",
-  props: {
-    leftList: { default: () => [] },
-    rightList: { default: () => [] },
-    getpublicReplyList: { type: Function, 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") => {
-      var _a;
-      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 (!((_a = state.publicReply) == null ? void 0 : _a.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) => {
-      var _a;
-      (_a = formRef.value) == null ? void 0 : _a.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(DragFormLeftItem, { 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(DragFormRightItem, {
-                    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);
-    };
-  }
-});
-var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DragLayout.vue"]]);
-
-export { script as default };