cnhis-design-vue 3.1.1 → 3.1.4-beta.1

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

@@ -0,0 +1,657 @@
+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 };

package/es/packages/drag-layout/src/DragLayout2.mjs

@@ -0,0 +1,4 @@
+import script from './DragLayout.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './DragLayout.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/drag-layout/src/DragLayout.vue";