cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/form-config/src/components/FormConfigEventSetting.vue2.js

@@ -1 +1,625 @@
-import{createElementVNode as e,defineComponent as l,ref as o,watchEffect as n,watch as i,inject as a,computed as t,reactive as d,openBlock as s,createElementBlock as r,createVNode as u,unref as p,withCtx as c,createTextVNode as v,normalizeStyle as f,Fragment as _,renderList as m,createBlock as g,toDisplayString as y,withModifiers as h,createCommentVNode as b,normalizeClass as k}from"vue";import{useTheme as F}from"../../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{cloneDeep as w,isEmpty as C,isArray as x,union as j,isString as O,isObject as B,omit as L}from"lodash-es";import"@vue/shared";import{traverse as E}from"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import{HelpCircleSharp as T}from"@vicons/ionicons5";import{useDialog as U,NButton as N,NModal as R,NScrollbar as z,NCollapse as V,NCollapseItem as P,NEllipsis as q,NThing as A,NSpace as I,NInputGroup as D,NSelect as S,NInput as $,NTooltip as H,NIcon as M,NEmpty as W}from"naive-ui";import"../../../../shared/hooks/useScrollLoading.js";import{conditionOppositeMap as K,connectionTypeOptions as X,connectionTypeOppositeMap as G,InjectionFieldList as J,conditionTypeOptions as Q,EditAbleField as Y}from"../constants/index.js";import Z from"../../../form-render/index.js";import{findFieldItemByKey as ee}from"../utils/index.js";import"../../../../shared/components/VueDraggable/src/vuedraggable.js";import{useConfigurationField as le}from"../hooks/useConfigurationField.js";var oe;const ne={class:"form-config__connectionOperation"},ie={class:"form-config__connectionConditionHeaderDesc"},ae={class:"form-config__connectionCondition"},te={style:{"margin-right":"8px"}},de={class:"form-config__connectionFieldType"},se=["onClick"],re={key:0},ue={style:{"margin-bottom":"8px"}},pe=e("span",{style:{"word-break":"keep-all"}},(null==(oe=window.getLanguageByCode)?void 0:oe.call(window,"10010.1.9"))||"字段",-1),ce={key:1},ve={style:{display:"inline-flex","align-items":"center",gap:"4px","margin-bottom":"4px"}};var fe=l({__name:"FormConfigEventSetting",props:{modelValue:{default:()=>[]},bindFormRenderRef:null},emits:["update:modelValue","validateFailure"],setup(l,{emit:oe}){const fe=l,_e=F(),me=o([]),ge=o("");function ye(){me.value.push({conObj:[]}),ge.value=me.value.length-1+""}function he(e){return e.__oppositeBindField?`已绑定互斥联动: 联动${me.value.findIndex((l=>l===e.__oppositeBindField))+1}`:e.__oppositeTargetField?`已关联互斥联动: 联动${me.value.findIndex((l=>l===e.__oppositeTargetField))+1}`:void 0}function be(e){return null==e?void 0:e.replace(/(AND|OR)/g,(e=>"AND"===e?"OR":"AND"))}function ke(e){var l;const o=e.__oppositeTargetField||{conObj:[]};return o.conObj=w(e.conObj),null==(l=o.conObj)||l.forEach((e=>{e.con=K[e.con]})),o.sqlExpression=be(e.sqlExpression),X.forEach((({value:l})=>{C(e[l])?Reflect.deleteProperty(o,G[l]):o[G[l]]=w(e[l])})),o.__oppositeBindField=e,o}function Fe(e,l){var o,n,i,a;return(null==(o=e.conObj)?void 0:o.length)===(null==(n=l.conObj)?void 0:n.length)&&(!(e.conObj&&l.conObj&&e.conObj.some((e=>!l.conObj.find((l=>{return n=l,(o=e).field_key===n.field_key&&o.con&&K[o.con]===n.con&&o.value===n.value;var o,n})))))&&(i=e.sqlExpression,a=l.sqlExpression,(!i&&!a||be(i)===a)&&!X.some((({value:o})=>{return n=e[o],i=l[G[o]],!(n&&i?n.length===i.length&&n.every((e=>i.some((l=>e===l)))):!n&&!i);var n,i}))))}function we(e){ge.value=e[0]}function Ce(e){const l=me.value[e];if(!l)return"";const o=l.conObj||[],n=X.reduce(((e,{value:o})=>(x(l[o])&&l[o].length&&e.push(...l[o].map(a)),e)),[]),i=j([...o.map((({field_key:e})=>a(e))),...n]).filter((e=>!!e&&O(e)));return i.length?`( 相关字段: ${i} )`:"";function a(e){var l,o;return null!=(o=null==(l=Oe.value.find((l=>O(e)?e===l.key:!!B(e)&&Reflect.get(e,"field")===l.key)))?void 0:l.name)?o:e}}n((()=>{me.value.forEach((e=>{e.__oppositeTargetField&&(e.__oppositeTargetField=ke(e))}))}));const xe=o(!1);i(xe,(e=>{e&&(me.value=w(fe.modelValue),me.value.forEach(((e,l)=>{if(e.__oppositeBindField||e.__oppositeTargetField)return;const o=me.value.find(((o,n)=>n!==l&&!o.__oppositeBindField&&!o.__oppositeTargetField&&Fe(o,e)));o&&(o.__oppositeBindField=e,e.__oppositeTargetField=o)})))}));const je=a(J,o([])),Oe=t((()=>{const e=[];return E(je.value,(l=>{!["NEWLINE","LINE_BAR","COMPLEX","COMBINATION"].includes(l.type)&&e.push(l)})),e})),Be=["INPUT","SELECT","SEARCH","REMOTE_SEARCH"],Le=t((()=>Oe.value.filter((e=>{var l;return Be.includes(e.type)||(null==(l=e.originalSetting)?void 0:l.html_type)&&Be.includes(e.originalSetting.html_type)})))),Ee=d([]),Te=U();async function Ue(){var e,l;Te.warning({title:"提示",content:"直接关闭弹窗会丢失已编辑的配置, 确定要关闭吗?",positiveText:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.27"))||"确定",negativeText:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.28"))||"取消",onPositiveClick:()=>{xe.value=!1,me.value=[]}})}async function Ne(){try{await function(){var e;const l=[];return null==(e=me.value)||e.forEach(((e,o)=>{const n=[];e.conObj&&e.conObj.length?e.conObj.forEach(((e,l)=>{e.field_key||n.push(`条件${l+1}字段为空`),e.con||n.push(`条件${l+1}判断类型为空`),["NULL","NOT_NULL"].includes(e.con)||!e.con||e.value||n.push(`条件${l+1}值为空`)})):n.push("联动条件为空"),X.every((({value:l})=>!e[l]||!e[l].length))&&n.push("联动字段为空"),n.length&&l.push(`联动${o+1}: ${n}`)})),l.length?Promise.reject(l):Promise.resolve()}(),xe.value=!1,oe("update:modelValue",me.value.map((e=>L(e,["__oppositeBindField","__oppositeTargetField"]))))}catch(e){oe("validateFailure",e)}}const{generateFieldListByKeys:Re}=le(),ze=e=>{var l,o;const n=null!=(o=null==(l=fe.bindFormRenderRef)?void 0:l.getFieldList())?o:[];return[...Re([Y.DEFAULT_VALUE],Le.value.find((l=>l.key===e)),ee(n,e)).map((e=>{var l;return{...e,val_key:"value",alias:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.22"))||"值",decoratorProps:{showFeedback:!1}}}))]};return(l,o)=>(s(),r("section",null,[u(p(N),{size:"small",onClick:o[0]||(o[0]=e=>xe.value=!0)},{default:c((()=>[v("调整联动绑定")])),_:1}),u(p(R),{show:xe.value,"onUpdate:show":o[1]||(o[1]=e=>xe.value=e),closable:!1,bordered:!1,"show-icon":!1,title:"联动绑定设置",preset:"dialog","mask-closable":!1,"close-on-esc":!1,style:f({width:"1100px",...p(_e)}),class:"form-config__connectionModal"},{action:c((()=>[u(p(N),{size:"small",onClick:Ue},{default:c((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.28"))||"取消")]})),_:1}),u(p(N),{size:"small",onClick:Ne,type:"primary"},{default:c((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.27"))||"确定")]})),_:1})])),default:c((()=>[e("header",ne,[u(p(N),{onClick:ye,size:"small"},{default:c((()=>[v("新增联动")])),_:1})]),u(p(z),{style:{"max-height":"500px","min-height":"500px"}},{default:c((()=>[u(p(V),{accordion:"","expanded-names":ge.value,"onUpdate:expandedNames":we},{default:c((()=>[(s(!0),r(_,null,m(me.value,((l,o)=>(s(),g(p(P),{name:o+"",key:o},{header:c((()=>[v(" 联动"+y(o+1)+" ",1),u(p(q),{class:"form-config__connectionConditionHeaderDesc",style:{"max-width":"500px"}},{default:c((()=>[v(y(Ce(o)),1)])),_:2},1024)])),"header-extra":c((()=>[l.__oppositeBindField||l.__oppositeTargetField?(s(),r(_,{key:1},[e("span",ie,"( "+y(he(l))+" )",1),u(p(N),{quaternary:"",type:"primary",size:"small",onClick:h((e=>function(e){const l=e.__oppositeTargetField||e.__oppositeBindField;l&&[l,e].forEach((e=>{Reflect.deleteProperty(e,"__oppositeBindField"),Reflect.deleteProperty(e,"__oppositeTargetField")}))}(l)),["stop"])},{default:c((()=>[v("解除互斥")])),_:2},1032,["onClick"])],64)):(s(),g(p(N),{key:0,onClick:h((e=>function(e){me.value.push(e.__oppositeTargetField=ke(e))}(l)),["stop"]),quaternary:"",type:"primary",size:"small"},{default:c((()=>[v(" 创建互斥条件 ")])),_:2},1032,["onClick"])),u(p(N),{onClick:h((e=>function(e){var l;const o=null==(l=me.value)?void 0:l.splice(e,1);null==o||o.forEach((e=>{const l=e.__oppositeTargetField||e.__oppositeBindField;l&&(Reflect.deleteProperty(l,"__oppositeTargetField"),Reflect.deleteProperty(l,"__oppositeBindField"))})),Ee.splice(e,1),!ge.value||+ge.value<e||(ge.value=ge.value===e+""?"":+ge.value-1+"")}(o)),["stop"]),quaternary:"",type:"error",size:"small"},{default:c((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.88"))||"移除")]})),_:2},1032,["onClick"])])),default:c((()=>[u(p(A),{class:"form-config__connectionWrapper"},{default:c((()=>[u(p(I),{justify:"space-between",wrap:!1},{default:c((()=>[e("section",ae,[e("header",null,[v(" 条件 "),l.__oppositeBindField?b("v-if",!0):(s(),g(p(N),{key:0,size:"small",quaternary:"",type:"primary",onClick:e=>{var o;x((o=l).conObj)?o.conObj.push({}):o.conObj=[{}]}},{default:c((()=>[v(" 添加条件 ")])),_:2},1032,["onClick"]))]),u(p(z),{style:{"max-height":"145px","min-height":"145px"},class:"form-config__connectionWrapper"},{default:c((()=>[(s(!0),r(_,null,m(l.conObj||[],((o,n)=>(s(),r("div",{class:"form-config__connectionConditionItem",key:n},[e("span",te,y(n+1),1),u(p(D),{size:"small"},{default:c((()=>[u(p(S),{value:o.field_key,"onUpdate:value":e=>o.field_key=e,disabled:!!l.__oppositeBindField,placeholder:"请选择字段",options:p(Oe),"label-field":"name","value-field":"key",filterable:""},null,8,["value","onUpdate:value","disabled","options"]),u(p(S),{value:o.con,disabled:!!l.__oppositeBindField,"onUpdate:value":e=>function(e,l){e.con=l,["NOT_NULL","NULL"].includes(l)&&Reflect.deleteProperty(e,"value")}(o,e),placeholder:"请选择判断类型",options:p(Q)},null,8,["value","disabled","onUpdate:value","options"]),o.con&&!["NULL","NOT_NULL"].includes(o.con)?(s(),g(p($),{key:0,disabled:!!l.__oppositeBindField,value:o.value,"onUpdate:value":e=>o.value=e,placeholder:"请输入值",clearable:""},null,8,["disabled","value","onUpdate:value"])):b("v-if",!0)])),_:2},1024),u(p(N),{disabled:!!l.__oppositeBindField,quaternary:"",onClick:e=>function(e,l){x(e.conObj)&&e.conObj.splice(l,1)}(l,n),type:"error",size:"small"},{default:c((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.88"))||"移除")]})),_:2},1032,["disabled","onClick"])])))),128))])),_:2},1024)]),e("section",de,[e("div",null,[(s(!0),r(_,null,m(p(X),(e=>{var n,i;return s(),r("div",{key:e.value,class:k({"is-active":Ee[o]===e.value}),onClick:l=>Ee[o]=e.value},y(e.label)+" ( "+y(null!=(i=null==(n=l[e.value])?void 0:n.length)?i:0)+" ) ",11,se)})),128))]),e("div",null,["setValueField"===Ee[o]?(s(),r("section",re,[e("header",ue,[u(p(N),{type:"primary",size:"tiny",onClick:e=>(e=>{e.setValueField=e.setValueField||[],e.setValueField.push({})})(l)},{default:c((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.279"))||"新增")]})),_:2},1032,["onClick"])]),(s(!0),r(_,null,m(l.setValueField||[],((e,o)=>(s(),r("section",{style:{display:"flex","justify-content":"space-between",gap:"16px","align-items":"center","margin-bottom":"4px"},key:o},[u(p(I),{wrap:!1,align:"center"},{default:c((()=>[pe,u(p(S),{style:{width:"130px"},value:e.field,"onUpdate:value":l=>e.field=l,placeholder:"请选择字段",options:p(Le),"label-field":"name","value-field":"key",filterable:""},null,8,["value","onUpdate:value","options"])])),_:2},1024),e.field?(s(),g(p(Z),{style:{flex:"1"},column:6,key:e.field,"field-list":ze(e.field),"initial-data":e,"label-placement":"left",onFormChange:l=>function(e,l){l.value=e.fieldInstance.form.getValuesIn("value")}(l,e)},null,8,["field-list","initial-data","onFormChange"])):(s(),r("i",ce)),u(p(N),{type:"error",size:"tiny",onClick:e=>((e,l)=>{var o;null==(o=e.setValueField)||o.splice(l,1)})(l,o)},{default:c((()=>[v(" x ")])),_:2},1032,["onClick"])])))),128))])):Ee[o]?(s(),g(p(S),{key:1,value:l[Ee[o]],"onUpdate:value":e=>l[Ee[o]]=e,disabled:!!l.__oppositeBindField,multiple:"",placeholder:"请选择字段",options:p(Oe),"label-field":"name","value-field":"key",filterable:"","max-tag-count":10},null,8,["value","onUpdate:value","disabled","options"])):b("v-if",!0)])])])),_:2},1024),e("section",null,[e("label",null,[e("span",ve,[v(" 条件逻辑 "),u(p(H),null,{trigger:c((()=>[u(p(M),{size:"16",component:p(T)},null,8,["component"])])),default:c((()=>[v(" 非必填, 默认为需要全部满足. 示例: (1 AND 2) OR 3, 表示 条件1和2需要满足其一, 条件3必须满足 ")])),_:1})]),u(p($),{value:l.sqlExpression,"onUpdate:value":e=>l.sqlExpression=e,disabled:!!l.__oppositeBindField,placeholder:"请输入条件逻辑"},null,8,["value","onUpdate:value","disabled"])])])])),_:2},1024)])),_:2},1032,["name"])))),128))])),_:1},8,["expanded-names"]),me.value.length?b("v-if",!0):(s(),g(p(W),{key:0,size:"huge",style:{"margin-top":"20px"},description:"无联动配置"}))])),_:1})])),_:1},8,["show","style"])]))}});export{fe as default};
+import { createElementVNode, defineComponent, ref, watchEffect, watch, inject, computed, reactive, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, normalizeStyle, Fragment, renderList, createBlock, toDisplayString, withModifiers, createCommentVNode, normalizeClass } from 'vue';
+import { useTheme } from '../../../../shared/hooks/useTheme.js';
+import '@vueuse/core';
+import 'date-fns';
+import { cloneDeep, isEmpty, isArray, union, isString, isObject, omit } from 'lodash-es';
+import '@vue/shared';
+import { traverse } from '../../../../shared/utils/index.js';
+import '@vueuse/shared';
+import '../../../../shared/hooks/selectHooks/useSearchContent.js';
+import { HelpCircleSharp } from '@vicons/ionicons5';
+import { useDialog, NButton, NModal, NScrollbar, NCollapse, NCollapseItem, NEllipsis, NThing, NSpace, NInputGroup, NSelect, NInput, NTooltip, NIcon, NEmpty } from 'naive-ui';
+import '../../../../shared/hooks/useScrollLoading.js';
+import { conditionOppositeMap, connectionTypeOptions, connectionTypeOppositeMap, InjectionFieldList, conditionTypeOptions, EditAbleField } from '../constants/index.js';
+import FormRender from '../../../form-render/index.js';
+import { findFieldItemByKey } from '../utils/index.js';
+import '../../../../shared/components/VueDraggable/src/vuedraggable.js';
+import { useConfigurationField } from '../hooks/useConfigurationField.js';
+
+var _a;
+const _hoisted_1 = {
+  class: "form-config__connectionOperation"
+};
+const _hoisted_2 = {
+  class: "form-config__connectionConditionHeaderDesc"
+};
+const _hoisted_3 = {
+  class: "form-config__connectionCondition"
+};
+const _hoisted_4 = {
+  style: {
+    "margin-right": "8px"
+  }
+};
+const _hoisted_5 = {
+  class: "form-config__connectionFieldType"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+  key: 0
+};
+const _hoisted_8 = {
+  style: {
+    "margin-bottom": "8px"
+  }
+};
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", {
+  style: {
+    "word-break": "keep-all"
+  }
+}, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.9")) || "\u5B57\u6BB5", -1);
+const _hoisted_10 = {
+  key: 1
+};
+const _hoisted_11 = {
+  style: {
+    "display": "inline-flex",
+    "align-items": "center",
+    "gap": "4px",
+    "margin-bottom": "4px"
+  }
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormConfigEventSetting",
+  props: {
+    modelValue: {
+      default: () => []
+    },
+    bindFormRenderRef: null
+  },
+  emits: ["update:modelValue", "validateFailure"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const cssVars = useTheme();
+    const valueRef = ref([]);
+    const expandedName = ref("");
+    function addConnection() {
+      valueRef.value.push({
+        conObj: []
+      });
+      expandedName.value = valueRef.value.length - 1 + "";
+    }
+    function removeConnection(index) {
+      var _a2;
+      const removedConfig = (_a2 = valueRef.value) == null ? void 0 : _a2.splice(index, 1);
+      removedConfig == null ? void 0 : removedConfig.forEach((config) => {
+        const binder = config.__oppositeTargetField || config.__oppositeBindField;
+        if (!binder)
+          return;
+        Reflect.deleteProperty(binder, "__oppositeTargetField");
+        Reflect.deleteProperty(binder, "__oppositeBindField");
+      });
+      currentTypeList.splice(index, 1);
+      if (!expandedName.value || +expandedName.value < index)
+        return;
+      expandedName.value = expandedName.value === index + "" ? "" : +expandedName.value - 1 + "";
+    }
+    watchEffect(() => {
+      valueRef.value.forEach((config) => {
+        if (!config.__oppositeTargetField)
+          return;
+        config.__oppositeTargetField = createOppositeCondition(config);
+      });
+    });
+    function getOppositeBtnText(item) {
+      if (item.__oppositeBindField) {
+        return `\u5DF2\u7ED1\u5B9A\u4E92\u65A5\u8054\u52A8: \u8054\u52A8${valueRef.value.findIndex((config) => config === item.__oppositeBindField) + 1}`;
+      }
+      if (item.__oppositeTargetField) {
+        return `\u5DF2\u5173\u8054\u4E92\u65A5\u8054\u52A8: \u8054\u52A8${valueRef.value.findIndex((config) => config === item.__oppositeTargetField) + 1}`;
+      }
+    }
+    function unBindOpposite(item) {
+      const other = item.__oppositeTargetField || item.__oppositeBindField;
+      if (!other)
+        return;
+      [other, item].forEach((config) => {
+        Reflect.deleteProperty(config, "__oppositeBindField");
+        Reflect.deleteProperty(config, "__oppositeTargetField");
+      });
+    }
+    function addOppositeCondition(item) {
+      valueRef.value.push(item.__oppositeTargetField = createOppositeCondition(item));
+    }
+    function getOppositeSqlExpression(expression) {
+      return expression == null ? void 0 : expression.replace(/(AND|OR)/g, (v) => v === "AND" ? "OR" : "AND");
+    }
+    function createOppositeCondition(config) {
+      var _a2;
+      const result = config.__oppositeTargetField || {
+        conObj: []
+      };
+      result.conObj = cloneDeep(config.conObj);
+      (_a2 = result.conObj) == null ? void 0 : _a2.forEach((condition) => {
+        condition.con = conditionOppositeMap[condition.con];
+      });
+      result.sqlExpression = getOppositeSqlExpression(config.sqlExpression);
+      connectionTypeOptions.forEach(({
+        value
+      }) => {
+        if (isEmpty(config[value])) {
+          Reflect.deleteProperty(result, connectionTypeOppositeMap[value]);
+        } else {
+          result[connectionTypeOppositeMap[value]] = cloneDeep(config[value]);
+        }
+      });
+      result.__oppositeBindField = config;
+      return result;
+    }
+    function isOppositeConfig(c1, c2) {
+      var _a2, _b;
+      if (((_a2 = c1.conObj) == null ? void 0 : _a2.length) !== ((_b = c2.conObj) == null ? void 0 : _b.length)) {
+        return false;
+      }
+      if (c1.conObj && c2.conObj && c1.conObj.some((condition) => !c2.conObj.find((condition2) => isOppositeConObj(condition, condition2)))) {
+        return false;
+      }
+      if (!isOppositeSqlExpression(c1.sqlExpression, c2.sqlExpression)) {
+        return false;
+      }
+      return !connectionTypeOptions.some(({
+        value
+      }) => {
+        return !isSameArray(c1[value], c2[connectionTypeOppositeMap[value]]);
+      });
+      function isOppositeConObj(o1, o2) {
+        return o1.field_key === o2.field_key && o1.con && conditionOppositeMap[o1.con] === o2.con && o1.value === o2.value;
+      }
+      function isSameArray(a1, a2) {
+        return a1 && a2 ? a1.length === a2.length && a1.every((v) => a2.some((v2) => v === v2)) : !a1 && !a2;
+      }
+      function isOppositeSqlExpression(e1, e2) {
+        return !e1 && !e2 || getOppositeSqlExpression(e1) === e2;
+      }
+    }
+    function onUpdateExpandedNames(value) {
+      expandedName.value = value[0];
+    }
+    function getBinderFieldDesc(index) {
+      const config = valueRef.value[index];
+      if (!config)
+        return "";
+      const itemConObjs = config.conObj || [];
+      const bindFields = connectionTypeOptions.reduce((res, {
+        value
+      }) => {
+        if (isArray(config[value]) && config[value].length) {
+          res.push(...config[value].map(getLabel));
+        }
+        return res;
+      }, []);
+      const labels = union([...itemConObjs.map(({
+        field_key
+      }) => getLabel(field_key)), ...bindFields]).filter((label) => !!label && isString(label));
+      return labels.length ? `( \u76F8\u5173\u5B57\u6BB5: ${labels} )` : "";
+      function getLabel(key) {
+        var _a2, _b;
+        return (_b = (_a2 = fieldOptions.value.find((option) => {
+          return isString(key) ? key === option.key : isObject(key) ? Reflect.get(key, "field") === option.key : false;
+        })) == null ? void 0 : _a2.name) != null ? _b : key;
+      }
+    }
+    function addCondition(config) {
+      if (!isArray(config.conObj)) {
+        config.conObj = [{}];
+      } else {
+        config.conObj.push({});
+      }
+    }
+    function removeCondition(config, index) {
+      if (!isArray(config.conObj))
+        return;
+      config.conObj.splice(index, 1);
+    }
+    function onUpdateConditionType(condition, type) {
+      condition.con = type;
+      if (!["NOT_NULL", "NULL"].includes(type))
+        return;
+      Reflect.deleteProperty(condition, "value");
+    }
+    const showRef = ref(false);
+    watch(showRef, (v) => {
+      if (!v)
+        return;
+      valueRef.value = cloneDeep(props.modelValue);
+      valueRef.value.forEach((config, index) => {
+        if (config.__oppositeBindField || config.__oppositeTargetField)
+          return;
+        const oppositeConfig = valueRef.value.find((_config, _index) => {
+          return _index !== index && !_config.__oppositeBindField && !_config.__oppositeTargetField && isOppositeConfig(_config, config);
+        });
+        if (!oppositeConfig)
+          return;
+        oppositeConfig.__oppositeBindField = config;
+        config.__oppositeTargetField = oppositeConfig;
+      });
+    });
+    const addSetValueField = (item) => {
+      item.setValueField = item.setValueField || [];
+      item.setValueField.push({});
+    };
+    const fieldListRef = inject(InjectionFieldList, ref([]));
+    const fieldOptions = computed(() => {
+      const res = [];
+      traverse(fieldListRef.value, (item) => {
+        !["NEWLINE", "LINE_BAR", "COMPLEX", "COMBINATION"].includes(item.type) && res.push(item);
+      });
+      return res;
+    });
+    const setValueTypes = ["INPUT", "SELECT", "SEARCH", "REMOTE_SEARCH"];
+    const setValueFieldOptions = computed(() => {
+      return fieldOptions.value.filter((item) => {
+        var _a2;
+        return setValueTypes.includes(item.type) || ((_a2 = item.originalSetting) == null ? void 0 : _a2.html_type) && setValueTypes.includes(item.originalSetting.html_type);
+      });
+    });
+    const currentTypeList = reactive([]);
+    const dialog = useDialog();
+    async function onNegativeClick() {
+      var _a2, _b;
+      dialog.warning({
+        title: "\u63D0\u793A",
+        content: "\u76F4\u63A5\u5173\u95ED\u5F39\u7A97\u4F1A\u4E22\u5931\u5DF2\u7F16\u8F91\u7684\u914D\u7F6E, \u786E\u5B9A\u8981\u5173\u95ED\u5417?",
+        positiveText: ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.27")) || "\u786E\u5B9A",
+        negativeText: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.28")) || "\u53D6\u6D88",
+        onPositiveClick: () => {
+          showRef.value = false;
+          valueRef.value = [];
+        }
+      });
+    }
+    async function onPositiveClick() {
+      try {
+        await configValidate();
+        showRef.value = false;
+        emit("update:modelValue", valueRef.value.map((item) => {
+          return omit(item, ["__oppositeBindField", "__oppositeTargetField"]);
+        }));
+      } catch (e) {
+        emit("validateFailure", e);
+      }
+    }
+    function configValidate() {
+      var _a2;
+      const res = [];
+      (_a2 = valueRef.value) == null ? void 0 : _a2.forEach((config, index) => {
+        const messages = [];
+        if (!config.conObj || !config.conObj.length) {
+          messages.push("\u8054\u52A8\u6761\u4EF6\u4E3A\u7A7A");
+        } else {
+          config.conObj.forEach((condition, index2) => {
+            if (!condition.field_key) {
+              messages.push(`\u6761\u4EF6${index2 + 1}\u5B57\u6BB5\u4E3A\u7A7A`);
+            }
+            if (!condition.con) {
+              messages.push(`\u6761\u4EF6${index2 + 1}\u5224\u65AD\u7C7B\u578B\u4E3A\u7A7A`);
+            }
+            if (!["NULL", "NOT_NULL"].includes(condition.con) && condition.con && !condition.value) {
+              messages.push(`\u6761\u4EF6${index2 + 1}\u503C\u4E3A\u7A7A`);
+            }
+          });
+        }
+        if (connectionTypeOptions.every(({
+          value
+        }) => !config[value] || !config[value].length)) {
+          messages.push("\u8054\u52A8\u5B57\u6BB5\u4E3A\u7A7A");
+        }
+        messages.length && res.push(`\u8054\u52A8${index + 1}: ${messages}`);
+      });
+      return res.length ? Promise.reject(res) : Promise.resolve();
+    }
+    const {
+      generateFieldListByKeys
+    } = useConfigurationField();
+    const setValueFormFieldList = (field) => {
+      var _a2, _b;
+      const fieldItemList = (_b = (_a2 = props.bindFormRenderRef) == null ? void 0 : _a2.getFieldList()) != null ? _b : [];
+      return [...generateFieldListByKeys([EditAbleField.DEFAULT_VALUE], setValueFieldOptions.value.find((item) => item.key === field), findFieldItemByKey(fieldItemList, field)).map((item) => {
+        var _a3;
+        return {
+          ...item,
+          val_key: "value",
+          alias: ((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.22")) || "\u503C",
+          decoratorProps: {
+            showFeedback: false
+          }
+        };
+      })];
+    };
+    const removeSetValueField = (item, index) => {
+      var _a2;
+      (_a2 = item.setValueField) == null ? void 0 : _a2.splice(index, 1);
+    };
+    function onFormChange(payload, item) {
+      item.value = payload.fieldInstance.form.getValuesIn("value");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", null, [createVNode(unref(NButton), {
+        size: "small",
+        onClick: _cache[0] || (_cache[0] = ($event) => showRef.value = true)
+      }, {
+        default: withCtx(() => [createTextVNode("\u8C03\u6574\u8054\u52A8\u7ED1\u5B9A")]),
+        _: 1
+      }), createVNode(unref(NModal), {
+        show: showRef.value,
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => showRef.value = $event),
+        closable: false,
+        bordered: false,
+        "show-icon": false,
+        title: "\u8054\u52A8\u7ED1\u5B9A\u8BBE\u7F6E",
+        preset: "dialog",
+        "mask-closable": false,
+        "close-on-esc": false,
+        style: normalizeStyle({
+          width: "1100px",
+          ...unref(cssVars)
+        }),
+        class: "form-config__connectionModal"
+      }, {
+        action: withCtx(() => [createVNode(unref(NButton), {
+          size: "small",
+          onClick: onNegativeClick
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+          }),
+          _: 1
+        }), createVNode(unref(NButton), {
+          size: "small",
+          onClick: onPositiveClick,
+          type: "primary"
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.27")) || "\u786E\u5B9A")];
+          }),
+          _: 1
+        })]),
+        default: withCtx(() => [createElementVNode("header", _hoisted_1, [createVNode(unref(NButton), {
+          onClick: addConnection,
+          size: "small"
+        }, {
+          default: withCtx(() => [createTextVNode("\u65B0\u589E\u8054\u52A8")]),
+          _: 1
+        })]), createVNode(unref(NScrollbar), {
+          style: {
+            "max-height": "500px",
+            "min-height": "500px"
+          }
+        }, {
+          default: withCtx(() => [createVNode(unref(NCollapse), {
+            accordion: "",
+            "expanded-names": expandedName.value,
+            "onUpdate:expandedNames": onUpdateExpandedNames
+          }, {
+            default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(valueRef.value, (item, index) => {
+              return openBlock(), createBlock(unref(NCollapseItem), {
+                name: index + "",
+                key: index
+              }, {
+                header: withCtx(() => [createTextVNode(" \u8054\u52A8" + toDisplayString(index + 1) + " ", 1), createVNode(unref(NEllipsis), {
+                  class: "form-config__connectionConditionHeaderDesc",
+                  style: {
+                    "max-width": "500px"
+                  }
+                }, {
+                  default: withCtx(() => [createTextVNode(toDisplayString(getBinderFieldDesc(index)), 1)]),
+                  _: 2
+                }, 1024)]),
+                "header-extra": withCtx(() => [!item.__oppositeBindField && !item.__oppositeTargetField ? (openBlock(), createBlock(unref(NButton), {
+                  key: 0,
+                  onClick: withModifiers(($event) => addOppositeCondition(item), ["stop"]),
+                  quaternary: "",
+                  type: "primary",
+                  size: "small"
+                }, {
+                  default: withCtx(() => [createTextVNode(" \u521B\u5EFA\u4E92\u65A5\u6761\u4EF6 ")]),
+                  _: 2
+                }, 1032, ["onClick"])) : (openBlock(), createElementBlock(Fragment, {
+                  key: 1
+                }, [createElementVNode("span", _hoisted_2, "( " + toDisplayString(getOppositeBtnText(item)) + " )", 1), createVNode(unref(NButton), {
+                  quaternary: "",
+                  type: "primary",
+                  size: "small",
+                  onClick: withModifiers(($event) => unBindOpposite(item), ["stop"])
+                }, {
+                  default: withCtx(() => [createTextVNode("\u89E3\u9664\u4E92\u65A5")]),
+                  _: 2
+                }, 1032, ["onClick"])], 64)), createVNode(unref(NButton), {
+                  onClick: withModifiers(($event) => removeConnection(index), ["stop"]),
+                  quaternary: "",
+                  type: "error",
+                  size: "small"
+                }, {
+                  default: withCtx(() => {
+                    var _a2;
+                    return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.88")) || "\u79FB\u9664")];
+                  }),
+                  _: 2
+                }, 1032, ["onClick"])]),
+                default: withCtx(() => [createVNode(unref(NThing), {
+                  class: "form-config__connectionWrapper"
+                }, {
+                  default: withCtx(() => [createVNode(unref(NSpace), {
+                    justify: "space-between",
+                    wrap: false
+                  }, {
+                    default: withCtx(() => [createElementVNode("section", _hoisted_3, [createElementVNode("header", null, [createTextVNode(" \u6761\u4EF6 "), !item.__oppositeBindField ? (openBlock(), createBlock(unref(NButton), {
+                      key: 0,
+                      size: "small",
+                      quaternary: "",
+                      type: "primary",
+                      onClick: ($event) => addCondition(item)
+                    }, {
+                      default: withCtx(() => [createTextVNode(" \u6DFB\u52A0\u6761\u4EF6 ")]),
+                      _: 2
+                    }, 1032, ["onClick"])) : createCommentVNode("v-if", true)]), createVNode(unref(NScrollbar), {
+                      style: {
+                        "max-height": "145px",
+                        "min-height": "145px"
+                      },
+                      class: "form-config__connectionWrapper"
+                    }, {
+                      default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(item.conObj || [], (condition, index2) => {
+                        return openBlock(), createElementBlock("div", {
+                          class: "form-config__connectionConditionItem",
+                          key: index2
+                        }, [createElementVNode("span", _hoisted_4, toDisplayString(index2 + 1), 1), createVNode(unref(NInputGroup), {
+                          size: "small"
+                        }, {
+                          default: withCtx(() => [createVNode(unref(NSelect), {
+                            value: condition.field_key,
+                            "onUpdate:value": ($event) => condition.field_key = $event,
+                            disabled: !!item.__oppositeBindField,
+                            placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
+                            options: unref(fieldOptions),
+                            "label-field": "name",
+                            "value-field": "key",
+                            filterable: ""
+                          }, null, 8, ["value", "onUpdate:value", "disabled", "options"]), createVNode(unref(NSelect), {
+                            value: condition.con,
+                            disabled: !!item.__oppositeBindField,
+                            "onUpdate:value": (value) => onUpdateConditionType(condition, value),
+                            placeholder: "\u8BF7\u9009\u62E9\u5224\u65AD\u7C7B\u578B",
+                            options: unref(conditionTypeOptions)
+                          }, null, 8, ["value", "disabled", "onUpdate:value", "options"]), condition.con && !["NULL", "NOT_NULL"].includes(condition.con) ? (openBlock(), createBlock(unref(NInput), {
+                            key: 0,
+                            disabled: !!item.__oppositeBindField,
+                            value: condition.value,
+                            "onUpdate:value": ($event) => condition.value = $event,
+                            placeholder: "\u8BF7\u8F93\u5165\u503C",
+                            clearable: ""
+                          }, null, 8, ["disabled", "value", "onUpdate:value"])) : createCommentVNode("v-if", true)]),
+                          _: 2
+                        }, 1024), createVNode(unref(NButton), {
+                          disabled: !!item.__oppositeBindField,
+                          quaternary: "",
+                          onClick: ($event) => removeCondition(item, index2),
+                          type: "error",
+                          size: "small"
+                        }, {
+                          default: withCtx(() => {
+                            var _a2;
+                            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.88")) || "\u79FB\u9664")];
+                          }),
+                          _: 2
+                        }, 1032, ["disabled", "onClick"])]);
+                      }), 128))]),
+                      _: 2
+                    }, 1024)]), createElementVNode("section", _hoisted_5, [createElementVNode("div", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(connectionTypeOptions), (type) => {
+                      var _a2, _b;
+                      return openBlock(), createElementBlock("div", {
+                        key: type.value,
+                        class: normalizeClass({
+                          "is-active": currentTypeList[index] === type.value
+                        }),
+                        onClick: ($event) => currentTypeList[index] = type.value
+                      }, toDisplayString(type.label) + " ( " + toDisplayString((_b = (_a2 = item[type.value]) == null ? void 0 : _a2.length) != null ? _b : 0) + " ) ", 11, _hoisted_6);
+                    }), 128))]), createElementVNode("div", null, [currentTypeList[index] === "setValueField" ? (openBlock(), createElementBlock("section", _hoisted_7, [createElementVNode("header", _hoisted_8, [createVNode(unref(NButton), {
+                      type: "primary",
+                      size: "tiny",
+                      onClick: ($event) => addSetValueField(item)
+                    }, {
+                      default: withCtx(() => {
+                        var _a2;
+                        return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.279")) || "\u65B0\u589E")];
+                      }),
+                      _: 2
+                    }, 1032, ["onClick"])]), (openBlock(true), createElementBlock(Fragment, null, renderList(item.setValueField || [], (setFieldItem, setFieldIndex) => {
+                      return openBlock(), createElementBlock("section", {
+                        style: {
+                          "display": "flex",
+                          "justify-content": "space-between",
+                          "gap": "16px",
+                          "align-items": "center",
+                          "margin-bottom": "4px"
+                        },
+                        key: setFieldIndex
+                      }, [createVNode(unref(NSpace), {
+                        wrap: false,
+                        align: "center"
+                      }, {
+                        default: withCtx(() => [_hoisted_9, createVNode(unref(NSelect), {
+                          style: {
+                            "width": "130px"
+                          },
+                          value: setFieldItem.field,
+                          "onUpdate:value": ($event) => setFieldItem.field = $event,
+                          placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
+                          options: unref(setValueFieldOptions),
+                          "label-field": "name",
+                          "value-field": "key",
+                          filterable: ""
+                        }, null, 8, ["value", "onUpdate:value", "options"])]),
+                        _: 2
+                      }, 1024), setFieldItem.field ? (openBlock(), createBlock(unref(FormRender), {
+                        style: {
+                          "flex": "1"
+                        },
+                        column: 6,
+                        key: setFieldItem.field,
+                        "field-list": setValueFormFieldList(setFieldItem.field),
+                        "initial-data": setFieldItem,
+                        "label-placement": "left",
+                        onFormChange: (payload) => onFormChange(payload, setFieldItem)
+                      }, null, 8, ["field-list", "initial-data", "onFormChange"])) : (openBlock(), createElementBlock("i", _hoisted_10)), createVNode(unref(NButton), {
+                        type: "error",
+                        size: "tiny",
+                        onClick: ($event) => removeSetValueField(item, setFieldIndex)
+                      }, {
+                        default: withCtx(() => [createTextVNode(" x ")]),
+                        _: 2
+                      }, 1032, ["onClick"])]);
+                    }), 128))])) : currentTypeList[index] ? (openBlock(), createBlock(unref(NSelect), {
+                      key: 1,
+                      value: item[currentTypeList[index]],
+                      "onUpdate:value": ($event) => item[currentTypeList[index]] = $event,
+                      disabled: !!item.__oppositeBindField,
+                      multiple: "",
+                      placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
+                      options: unref(fieldOptions),
+                      "label-field": "name",
+                      "value-field": "key",
+                      filterable: "",
+                      "max-tag-count": 10
+                    }, null, 8, ["value", "onUpdate:value", "disabled", "options"])) : createCommentVNode("v-if", true)])])]),
+                    _: 2
+                  }, 1024), createElementVNode("section", null, [createElementVNode("label", null, [createElementVNode("span", _hoisted_11, [createTextVNode(" \u6761\u4EF6\u903B\u8F91 "), createVNode(unref(NTooltip), null, {
+                    trigger: withCtx(() => [createVNode(unref(NIcon), {
+                      size: "16",
+                      component: unref(HelpCircleSharp)
+                    }, null, 8, ["component"])]),
+                    default: withCtx(() => [createTextVNode(" \u975E\u5FC5\u586B, \u9ED8\u8BA4\u4E3A\u9700\u8981\u5168\u90E8\u6EE1\u8DB3. \u793A\u4F8B: (1 AND 2) OR 3, \u8868\u793A \u6761\u4EF61\u548C2\u9700\u8981\u6EE1\u8DB3\u5176\u4E00, \u6761\u4EF63\u5FC5\u987B\u6EE1\u8DB3 ")]),
+                    _: 1
+                  })]), createVNode(unref(NInput), {
+                    value: item.sqlExpression,
+                    "onUpdate:value": ($event) => item.sqlExpression = $event,
+                    disabled: !!item.__oppositeBindField,
+                    placeholder: "\u8BF7\u8F93\u5165\u6761\u4EF6\u903B\u8F91"
+                  }, null, 8, ["value", "onUpdate:value", "disabled"])])])]),
+                  _: 2
+                }, 1024)]),
+                _: 2
+              }, 1032, ["name"]);
+            }), 128))]),
+            _: 1
+          }, 8, ["expanded-names"]), !valueRef.value.length ? (openBlock(), createBlock(unref(NEmpty), {
+            key: 0,
+            size: "huge",
+            style: {
+              "margin-top": "20px"
+            },
+            description: "\u65E0\u8054\u52A8\u914D\u7F6E"
+          })) : createCommentVNode("v-if", true)]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["show", "style"])]);
+    };
+  }
+});
+
+export { _sfc_main as default };