cnhis-design-vue 3.1.6-beta.1 → 3.1.7-beta.1

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

@@ -1 +1,659 @@
-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 n,createElementVNode as m,createVNode as p,unref as u,withCtx as _,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=m("div",{class:"border-box"},null,-1),B=m("div",{class:"info-header"},"备选字段",-1),M={class:"form-area"},K={class:"info-header"},P=A("新建分行符 "),S=A("新建分线栏"),j=m("label",{class:"new-name"},"名称",-1),q=A(" 默认展开 "),z=m("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")=>{var t;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})),(null==(t=Y.publicReply)?void 0:t.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=>{var l;null==(l=X.value)||l.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()},ne=()=>{Y.handleLIne="add",Y.lineType="LINE_BREAKS",se(),Y.is_show=1},me=(e,l)=>{1==e.target.checked?Y[l]=1:Y[l]=0},pe=()=>{Y.visibleLine=!1,Y.visibleLineAdd=!1},ue=()=>{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()},_e=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,n(" 左边 "),m("div",{class:"text-area",ref_key:"textArea",ref:J},[B,p(u(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:_e},{item:_((({element:l})=>[m("li",null,[h(e.$slots,"leftItem",{itemData:l},(()=>[p(U,{element:l},null,8,["element"])]))])])),_:3},8,["modelValue"])],512),n(" 右边 "),m("div",M,[m("div",K,[p(u(w),{class:"add-divider",dashed:"",size:"small",onClick:ne},{default:_((()=>[P])),_:1}),p(u(w),{class:"add-divider",dashed:"",size:"small",onClick:re},{default:_((()=>[S])),_:1})]),p(u(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:_((({element:l,index:a})=>[m("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"])]),n(" 弹窗 "),Y.modalVisible?(s(),y(u(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:_((()=>[p(u(k),{ref_key:"formRef",ref:X,model:Y.modalFormData,rules:Q,"label-placement":"left","label-width":"auto"},{default:_((()=>[p(u(L),null,{default:_((()=>[n(" 名称 "),u(Z)?n("v-if",!0):(s(),y(u(I),{key:0,span:18,label:"名称"},{default:_((()=>[p(u(T),{placeholder:"名称",value:Y.modalFormData.name,"onUpdate:value":l[2]||(l[2]=e=>Y.modalFormData.name=e)},null,8,["value"])])),_:1})),u(W)?n("v-if",!0):(s(),r(v,{key:1},[n(" 默认值 "),u(Z)?n("v-if",!0):(s(),y(u(I),{key:0,span:18,label:"默认值"},{default:_((()=>[p(u(T),{placeholder:"默认值",value:Y.modalFormData.default_val,"onUpdate:value":l[3]||(l[3]=e=>Y.modalFormData.default_val=e)},null,8,["value"])])),_:1}))],64)),n("  宽度 "),u(ee)?n("v-if",!0):(s(),y(u(I),{key:2,span:18,label:"宽度"},{default:_((()=>[p(u(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})),n(" 高度 "),u(W)&&!u(ee)?(s(),y(u(I),{key:3,span:18,label:"高度（行）"},{default:_((()=>[p(u(T),{placeholder:"高度（行）",value:Y.modalFormData.line_height,"onUpdate:value":l[5]||(l[5]=e=>Y.modalFormData.line_height=e)},null,8,["value"])])),_:1})):n("v-if",!0),u(Z)?n("v-if",!0):(s(),r(v,{key:4},[n(" 说明文本 "),u(W)?n("v-if",!0):(s(),y(u(I),{key:0,span:18,label:"说明文本"},{default:_((()=>[p(u(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(u(I),{key:1,span:18,label:"问号提示"},{default:_((()=>[p(u(T),{maxLength:200,placeholder:"请输入问号提示",value:Y.modalFormData.remark,"onUpdate:value":l[7]||(l[7]=e=>Y.modalFormData.remark=e)},null,8,["value"])])),_:1})):n("v-if",!0)],64)),1==Y.modalFormData.is_fast_reply_field||"TEXTAREA"!=Y.modalFormData.html_type&&"INPUT"!=Y.modalFormData.html_type?n("v-if",!0):(s(),r(v,{key:5},[n(" 快速输入 "),p(u(I),{span:18,label:"快速输入"},{default:_((()=>[p(u(N),{checked:Y.modalFormData.is_fast_reply,"onOnUpdate:checked":ce},null,8,["checked"])])),_:1}),n(" 回复分类 "),Y.modalFormData.is_fast_reply?(s(),y(u(I),{key:0,span:18,label:"短语分类",path:"reply_category"},{default:_((()=>[p(u(x),{multiple:"",value:Y.modalFormData.reply_category,"onUpdate:value":[l[8]||(l[8]=e=>Y.modalFormData.reply_category=e),ie],filterable:"",filter:u(R).filterOption,placeholder:"分类名称",options:Y.publicReply},null,8,["value","filter","options"])])),_:1})):n("v-if",!0),n(" 部分隐藏 "),g(p(u(I),{label:"部分隐藏",span:18},{default:_((()=>[p(u(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)),n(" 动态文本值 "),u(Z)?(s(),y(u(I),{key:6,label:"文本内容(支持FreeMarker)"},{default:_((()=>[p(u(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"])):n("v-if",!0)])),_:1})])),_:1},8,["model"])])),_:1},8,["show"])):n("v-if",!0),p(u(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:ue},{default:_((()=>[m("div",null,[j,p(u(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(m("div",null,[g(m("input",{class:"name-new-change",onChange:l[13]||(l[13]=e=>me(e,"is_show")),type:"checkbox","onUpdate:modelValue":l[14]||(l[14]=e=>Y.isAddChecked=e)},null,544),[[b,Y.isAddChecked]]),q,z,g(m("input",{class:"name-new-change",onChange:l[15]||(l[15]=e=>me(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,n(' {{ $t("1.9.69") }} ')],512),[[F,"LINE_BREAKS"!=Y.lineType]])])),_:1},8,["title","show"])],512))}});export{$ as default};
+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") => {
+      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(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 };