cnhis-design-vue 3.2.10-beta.2 → 3.2.10-beta.21

package/es/components/field-set/src/Index.vue.d.ts

@@ -29,6 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterSetItem[]>;
         default: () => never[];
     };
+    showFilterColumnNames: {
+        type: PropType<("type" | "title" | "optionType" | "isShowSearch" | "filterExplicit" | "explicitRequired" | "defaultValue" | "customTitle" | "width")[]>;
+        default: () => never[];
+    };
 }, {
     attrs: {
         [x: string]: unknown;
@@ -56,6 +60,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<FilterSetItem[]>;
             default: () => never[];
         };
+        showFilterColumnNames: {
+            type: PropType<("type" | "title" | "optionType" | "isShowSearch" | "filterExplicit" | "explicitRequired" | "defaultValue" | "customTitle" | "width")[]>;
+            default: () => never[];
+        };
     }>> & {
         onSave?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -103,6 +111,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FilterSetItem[]>;
         default: () => never[];
     };
+    showFilterColumnNames: {
+        type: PropType<("type" | "title" | "optionType" | "isShowSearch" | "filterExplicit" | "explicitRequired" | "defaultValue" | "customTitle" | "width")[]>;
+        default: () => never[];
+    };
 }>> & {
     onSave?: ((...args: any[]) => any) | undefined;
 }, {
@@ -110,5 +122,6 @@ declare const _default: import("vue").DefineComponent<{
     fieldColorList: ColorSetItem[];
     highlightRowColorList: ColorSetItem[];
     fieldFilterList: FilterSetItem[];
+    showFilterColumnNames: ("type" | "title" | "optionType" | "isShowSearch" | "filterExplicit" | "explicitRequired" | "defaultValue" | "customTitle" | "width")[];
 }>;
 export default _default;

package/es/components/field-set/src/Index.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as l,provide as t,reactive as i,ref as r,computed as a,unref as o,openBlock as s,createElementBlock as d,normalizeStyle as n,createBlock as f,withCtx as u,Fragment as m,renderList as h,resolveDynamicComponent as v,mergeProps as b,createSlots as p,renderSlot as y,createCommentVNode as g,h as F}from"vue";import{useThemeVars as c,NTabs as w,NTabPane as L}from"naive-ui";import C from"./FieldSet.vue.js";import T from"./FieldColor.vue.js";import S from"./TableStyle.vue.js";import _ from"./FieldFilter.vue.js";import{InjectionFieldList as k,InjectionQueryWordbookData as x}from"./constants/index.js";import{useElementSize as $}from"@vueuse/core";import{isArray as j}from"lodash-es";var R=e({__name:"Index",props:{showTabNames:{type:Array,default:()=>["field"]},fieldColorList:{type:Array,default:()=>[]},highlightRowColorList:{type:Array,default:()=>[]},fieldList:{type:Object},queryWordbookData:{type:Function},fieldFilterList:{type:Array,default:()=>[]}},emits:["save"],setup(e,{expose:R,emit:A}){const N=e,q=l();t(k,N.fieldList),t(x,N.queryWordbookData);const D=i({}),W=r(),H=r(c().value.primaryColor),{height:I}=$(W),O=a((()=>{const e=N.showTabNames[0];return"field"===e?j(q.fields)?q.fields.length:0:"fieldFilter"===e?j(N.fieldFilterList)?N.fieldFilterList.length:0:1})),z=a((()=>{var e;const l="showSearch"in q&&!1!==q.showSearch||"show-search"in q&&!1!==q["show-search"]?"52px":"auto";let t=(null==(e=q.style)?void 0:e.height)||"100%";if(B.value.length>1){t=`calc(${"100%"===t&&(null==I?void 0:I.value)?I.value+"px":t} - 54px)`}return{"--row-height":l,"--primary-color":H.value,"--main-height":t}})),B=a((()=>[{name:"field",tab:"字段设置",render:()=>F(C)},{name:"fieldColor",tab:"字段颜色",render:()=>F(T,{isFieldColor:!0,defaultList:N.fieldColorList})},{name:"highlightRow",tab:"高亮行",render:()=>F(T,{isFieldColor:!1,defaultList:N.highlightRowColorList})},{name:"tableStyle",tab:"表格样式",render:()=>F(S)},{name:"fieldFilter",tab:"高级筛选",render:()=>F(_,{defaultList:N.fieldFilterList})}].filter((e=>N.showTabNames.includes(e.name)))));function E(){var e,l,t,i,r;A("save",{tableFields:null==(e=D.field)?void 0:e.getTableFields(),tableFieldColors:null==(l=D.fieldColor)?void 0:l.getTableFields(),tableHighlightRows:null==(t=D.highlightRow)?void 0:t.getTableFields(),tableStyle:null==(i=D.tableStyle)?void 0:i.getTableFields(),tableFilters:null==(r=D.fieldFilter)?void 0:r.getTableFields()})}function G(e,l){D[l]=e}return R({getTableFields:function(e){var l;return null==(l=D[e||"field"])?void 0:l.getTableFields()}}),(e,l)=>o(O)>0?(s(),d("div",{key:0,class:"c-field-set",style:n(o(z)),ref_key:"fieldSetRef",ref:W},[o(B).length>1?(s(),f(o(w),{key:0,type:"line",naimated:""},{default:u((()=>[(s(!0),d(m,null,h(o(B),(l=>(s(),f(o(L),{key:l.name,name:l.name,tab:l.tab,"display-directive":"show"},{default:u((()=>[(s(),f(v(l.render()),b(e.$attrs,{ref_for:!0,ref:e=>G(e,l.name),onSave:E}),p({_:2},[h(e.$slots,((l,t)=>({name:t,fn:u((()=>[y(e.$slots,t)]))})))]),1040))])),_:2},1032,["name","tab"])))),128))])),_:3})):(s(),f(v(o(B)[0].render()),b({key:1},e.$attrs,{ref:e=>G(e,o(B)[0].name),onSave:E}),p({_:2},[h(e.$slots,((l,t)=>({name:t,fn:u((()=>[y(e.$slots,t)]))})))]),1040))],4)):g("v-if",!0)}});export{R as default};
+import{defineComponent as e,useAttrs as l,provide as t,reactive as i,ref as r,computed as a,unref as o,openBlock as s,createElementBlock as d,normalizeStyle as n,createBlock as f,withCtx as u,Fragment as m,renderList as h,resolveDynamicComponent as v,mergeProps as b,createSlots as y,renderSlot as p,createCommentVNode as F,h as g}from"vue";import{useThemeVars as c,NTabs as w,NTabPane as C}from"naive-ui";import L from"./FieldSet.vue.js";import T from"./FieldColor.vue.js";import S from"./TableStyle.vue.js";import _ from"./FieldFilter.vue.js";import{InjectionFieldList as k,InjectionQueryWordbookData as x}from"./constants/index.js";import{useElementSize as $}from"@vueuse/core";import{isArray as j}from"lodash-es";var N=e({__name:"Index",props:{showTabNames:{type:Array,default:()=>["field"]},fieldColorList:{type:Array,default:()=>[]},highlightRowColorList:{type:Array,default:()=>[]},fieldList:{type:Object},queryWordbookData:{type:Function},fieldFilterList:{type:Array,default:()=>[]},showFilterColumnNames:{type:Array,default:()=>[]}},emits:["save"],setup(e,{expose:N,emit:R}){const A=e,q=l();t(k,A.fieldList),t(x,A.queryWordbookData);const D=i({}),W=r(),H=r(c().value.primaryColor),{height:I}=$(W),O=a((()=>{const e=A.showTabNames[0];return"field"===e?j(q.fields)?q.fields.length:0:"fieldFilter"===e?j(A.fieldFilterList)?A.fieldFilterList.length:0:1})),z=a((()=>{var e;const l="showSearch"in q&&!1!==q.showSearch||"show-search"in q&&!1!==q["show-search"]?"52px":"auto";let t=(null==(e=q.style)?void 0:e.height)||"100%";if(B.value.length>1){t=`calc(${"100%"===t&&(null==I?void 0:I.value)?I.value+"px":t} - 54px)`}return{"--row-height":l,"--primary-color":H.value,"--main-height":t}})),B=a((()=>[{name:"field",tab:"字段设置",render:()=>g(L)},{name:"fieldColor",tab:"字段颜色",render:()=>g(T,{isFieldColor:!0,defaultList:A.fieldColorList})},{name:"highlightRow",tab:"高亮行",render:()=>g(T,{isFieldColor:!1,defaultList:A.highlightRowColorList})},{name:"tableStyle",tab:"表格样式",render:()=>g(S)},{name:"fieldFilter",tab:"高级筛选",render:()=>g(_,{defaultList:A.fieldFilterList,showFilterColumnNames:A.showFilterColumnNames})}].filter((e=>A.showTabNames.includes(e.name)))));function E(){var e,l,t,i,r;R("save",{tableFields:null==(e=D.field)?void 0:e.getTableFields(),tableFieldColors:null==(l=D.fieldColor)?void 0:l.getTableFields(),tableHighlightRows:null==(t=D.highlightRow)?void 0:t.getTableFields(),tableStyle:null==(i=D.tableStyle)?void 0:i.getTableFields(),tableFilters:null==(r=D.fieldFilter)?void 0:r.getTableFields()})}function G(e,l){D[l]=e}return N({getTableFields:function(e){var l;return null==(l=D[e||"field"])?void 0:l.getTableFields()}}),(e,l)=>o(O)>0?(s(),d("div",{key:0,class:"c-field-set",style:n(o(z)),ref_key:"fieldSetRef",ref:W},[o(B).length>1?(s(),f(o(w),{key:0,type:"line",naimated:""},{default:u((()=>[(s(!0),d(m,null,h(o(B),(l=>(s(),f(o(C),{key:l.name,name:l.name,tab:l.tab,"display-directive":"show"},{default:u((()=>[(s(),f(v(l.render()),b(e.$attrs,{ref_for:!0,ref:e=>G(e,l.name),onSave:E}),y({_:2},[h(e.$slots,((l,t)=>({name:t,fn:u((()=>[p(e.$slots,t)]))})))]),1040))])),_:2},1032,["name","tab"])))),128))])),_:3})):(s(),f(v(o(B)[0].render()),b({key:1},e.$attrs,{ref:e=>G(e,o(B)[0].name),onSave:E}),y({_:2},[h(e.$slots,((l,t)=>({name:t,fn:u((()=>[p(e.$slots,t)]))})))]),1040))],4)):F("v-if",!0)}});export{N as default};

package/es/components/field-set/src/components/condition.vue.d.ts

@@ -12,18 +12,26 @@ type ColorSetConditionItem2 = ColorSetConditionItem & {
     multiple: boolean;
 };
 declare const _default: import("vue").DefineComponent<{
-    data: {
+    model: {
         type: PropType<AnyObject>;
         default: null;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     customValue: string;
     cssVars: import("vue").ComputedRef<AnyObject>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        data: {
+        model: {
             type: PropType<AnyObject>;
             default: null;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {}>>;
     fieldList: AnyObject[];
     queryWordbookData: ((params: import("../../../../components/field-set").ColorSetWordbook) => Promise<{
@@ -76,6 +84,7 @@ declare const _default: import("vue").DefineComponent<{
     NInputNumber: any;
     NSelect: any;
     NIcon: any;
+    NButton: any;
     AddCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     RemoveCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     UNIT_OPTIONS: {
@@ -206,11 +215,16 @@ declare const _default: import("vue").DefineComponent<{
         holidays: Date[];
     }>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
+    model: {
         type: PropType<AnyObject>;
         default: null;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
-    data: AnyObject;
+    model: AnyObject;
+    readonly: boolean;
 }>;
 export default _default;

package/es/components/field-set/src/components/condition.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,inject as l,ref as n,unref as o,openBlock as t,createElementBlock as i,normalizeStyle as a,createElementVNode as u,createVNode as s,Fragment as c,renderList as d,toDisplayString as p,createCommentVNode as r,withDirectives as m,vShow as f}from"vue";import{NIcon as v,NSelect as _,NInput as T,NInputNumber as E}from"naive-ui";import{AddCircleSharp as N,RemoveCircle as O}from"@vicons/ionicons5";import{CUSTOM_INPUT_OPTIONS as U,InjectionFieldList as y,InjectionQueryWordbookData as h,BOOLEAN_OPTIONS as I,UNIT_OPTIONS as k,FIELD_TYPE_LIST as b,SHOWSETTING_OPTIONS as g,WORDBOOK_OPTIONS as Q}from"../constants/index.js";import S from"../../../date-picker/index.js";import{useTheme as L}from"../../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{cloneDeep as V,isArray as x,isFunction as A}from"lodash-es";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"../../../../shared/hooks/useScrollLoading.js";const D=u("span",{style:{"margin-left":"5px"}},"添加操作",-1),F={class:"condition-wrapper"},j={class:"item-index"},w={class:"sql-expression-wrapper"},R=u("span",null,"筛选器逻辑编辑，不设置默认为AND",-1),H=u("br",null,null,-1),C=u("span",null,"例子 (1 AND 2) OR 3",-1);var B=e({__name:"condition",props:{data:{type:Object,default:null}},setup(e,{expose:B}){const M=e,G=U[0].columnName,J=L(),P=V(l(y)),q=l(h),z=n([]),W=n("");function X(e,l=!1){var n,o;l||(e.compareFieldOptions=[],e.con="",Y(e));const{field_key:t}=e,i=P.find((e=>e.columnName===t));if(!i)return void(e.conOptions=[]);const{fieldType:a,settingObj:u={}}=i;e.fieldType=a;const s=V((null==(n=b.find((e=>e.name===a)))?void 0:n.conList)||[]),{showSetting:c,wordbook:d}=u;(null==c?void 0:c.length)&&s.unshift(...g),(null==(o=Object.keys(d||{}))?void 0:o.length)&&s.unshift(...Q),e.conOptions=s}async function K(e,l=!1){e.compareFieldOptions=[],l||Y(e);const{field_key:n,fieldType:o,con:t}=e,i=P.find((e=>e.columnName===n));if(!i)return void(e.conOptions=[]);const{settingObj:a={}}=i||{},{showSetting:u,wordbook:s}=a,c=[];if(["IN","NEQ","BIG","LESS","BIGEQ","LESSEQ","EQ"].includes(t)){c.push(...U),l||(e.compare_field=G);const t=P.filter((e=>e.fieldType===o&&e.columnName!==n));c.push(...t)}if(Q.map((e=>e.name)).includes(t)&&A(q)){const l=await q(s);c.push(...(d=l,p="label",r="value",d.map((e=>({...e,title:e[p],columnName:e[r]}))))),e.multiple=!0}var d,p,r;if(g.map((e=>e.name)).includes(t)&&(null==u?void 0:u.length)){const l=u.map((e=>({...e,title:e.change_text,columnName:JSON.stringify(e.filter||[])})));c.push(...l),e.multiple=!0}e.compareFieldOptions=c}function Y(e){e.multiple=!1,e.compare_field=null,e.value="",e.numberValue=null,e.dateValue=null,e.unit=null}function Z(e){const{con:l,fieldType:n}=e;return"BOOLEAN"===n&&l&&["EQ","NEQ"].includes(l)}function $(e){const{compare_field:l,con:n,fieldType:o}=e;return!(!n||["CONVERT","QUOTE","QUOTE_NOT"].includes(n))&&(!(!["TEXT","JSONB"].includes(o)||["NULL","NOT_NULL"].includes(n))&&(!["EQ","NEQ"].includes(n)||l===G))}function ee(e){if($(e))return!1;const{compare_field:l,con:n,field_key:o,fieldType:t}=e;return!(!n||["CONVERT","QUOTE","QUOTE_NOT"].includes(n))&&("NUMBER"===t?!["NULL","NOT_NULL"].includes(n)&&l===G:!!["DATE","DATETIME","TIME"].includes(t)&&["L_","N_","IN_THE_PAST","IN_THE_FUTURE","IN_THE_PAST_DI","IN_THE_FUTURE_DI"].includes(n))}function le(e){const{compare_field:l,con:n,field_key:o,fieldType:t}=e;return!!n&&(!!["DATE","DATETIME","TIME"].includes(t)&&["L_","N_","IN_THE_PAST","IN_THE_FUTURE","IN_THE_PAST_DI","IN_THE_FUTURE_DI"].includes(n))}function ne(e){const{compare_field:l,con:n,field_key:o,fieldType:t}=e;return!!n&&(!!["DATE","DATETIME","TIME"].includes(t)&&(["IN","NEQ","BIG","LESS","BIGEQ","LESSEQ"].includes(n)&&l===G))}function oe(e){return["IN","NEQ"].includes(e.con)?"datetimerange":"datetime"}function te(){const e={field_key:P[0].columnName,fieldType:"",con:"",conOptions:[],compare_field:"",compareFieldOptions:[],unit:"",numberValue:null,dateValue:null,multiple:!1};X(e),e.con="",z.value.push(e)}return function(){const{condition:e=[],sqlExpression:l=""}=M.data||{};e.length&&(z.value=e);l&&(W.value=l);z.value.forEach((e=>{X(e,!0),K(e,!0);const{con:l,value:n,start_val:o,end_val:t}=e;"CONVERT"===l&&(e.compare_field=x(n)?n.map((e=>JSON.stringify(e))):n),"QUOTE"!==l&&"QUOTE_NOT"!==l||(e.compare_field=n.split("|#|")),ee(e)&&(e.numberValue=+n),ne(e)&&(oe(e).endsWith("range")?e.dateValue=o&&t?[o,t]:null:e.dateValue=n)}))}(),B({getData:()=>({condition:z.value.map((e=>{const{field_key:l,con:n,value:o,compare_field:t,numberValue:i,dateValue:a,unit:u,fieldType:s,compareFieldOptions:c}=e;let d,p,r,m,f=o,v=t;return"CONVERT"===n&&(f=x(t)?t.map((e=>JSON.parse(e))):t,v=""),"QUOTE"!==n&&"QUOTE_NOT"!==n||(f=x(t)?t.join("|#|"):t,d=c.filter((e=>t.includes(e.columnName))),v=""),ee(e)&&(f=i,v=G),ne(e)&&(oe(e).endsWith("range")?(f="",r=x(a)?a[0]:"",m=x(a)?a[1]:""):f=a),le(e)&&(p=u),$(e)&&e.compareFieldOptions.length>0&&(v=G),{field_key:l,fieldType:s,con:n,value:f,compare_field:v,is_compare_field:!!v,start_val:r,end_val:m,wordbookValueList:d,unit:p}})),sqlExpression:o(W)})}),(e,l)=>(t(),i("div",{class:"c-field-set__condition",style:a(o(J))},[u("span",{class:"opt-btn",onClick:te},[s(o(v),{component:o(N),size:"20",color:"var(--c-primary-color)"},null,8,["component"]),D]),u("section",F,[(t(!0),i(c,null,d(z.value,((e,l)=>(t(),i("div",{class:"condition-wrapper__item",key:l},[u("span",j,p(l+1),1),r(" 选择 field_key "),s(o(_),{value:e.field_key,"onUpdate:value":[l=>e.field_key=l,l=>X(e)],placeholder:"请选择字段名","label-field":"title","value-field":"columnName",clearable:"",options:o(P)},null,8,["value","onUpdate:value","options"]),r(" 选择 关系 "),s(o(_),{value:e.con,"onUpdate:value":[l=>e.con=l,l=>K(e)],"label-field":"text","value-field":"name",options:e.conOptions},null,8,["value","onUpdate:value","options"]),r(" 下拉框展示本列表相同数据类型 "),m(s(o(_),{value:e.compare_field,"onUpdate:value":l=>e.compare_field=l,"label-field":"title","value-field":"columnName",clearable:"",multiple:e.multiple,options:e.compareFieldOptions},null,8,["value","onUpdate:value","multiple","options"]),[[f,e.compareFieldOptions.length>0]]),r(" 布尔值类型字段选择是否相等的值 "),m(s(o(_),{value:e.value,"onUpdate:value":l=>e.value=l,options:o(I)},null,8,["value","onUpdate:value","options"]),[[f,Z(e)]]),r(" 自定义内容 "),m(s(o(T),{value:e.value,"onUpdate:value":l=>e.value=l},null,8,["value","onUpdate:value"]),[[f,$(e)]]),r(" 自定义内容/数字框/日期 "),m(s(o(E),{value:e.numberValue,"onUpdate:value":l=>e.numberValue=l},null,8,["value","onUpdate:value"]),[[f,ee(e)]]),r(" 自定义日期的单位 "),m(s(o(_),{style:{width:"80px"},value:e.unit,"onUpdate:value":l=>e.unit=l,options:o(k)},null,8,["value","onUpdate:value","options"]),[[f,le(e)]]),m(s(o(S),{type:oe(e),"formatted-value":e.dateValue,"onUpdate:formatted-value":l=>e.dateValue=l},null,8,["type","formatted-value","onUpdate:formatted-value"]),[[f,ne(e)]]),s(o(v),{component:o(O),size:"20",color:"red",onClick:()=>function(e){z.value.splice(e,1)}(l)},null,8,["component","onClick"])])))),128))]),m(u("section",w,[R,H,C,s(o(T),{type:"textarea",value:W.value,"onUpdate:value":l[0]||(l[0]=e=>W.value=e)},null,8,["value"])],512),[[f,z.value.length>1]])],4))}});export{B as default};
+import{defineComponent as e,inject as l,ref as n,unref as o,openBlock as a,createElementBlock as i,normalizeStyle as t,createVNode as d,withCtx as u,createTextVNode as s,createElementVNode as c,Fragment as p,renderList as r,toDisplayString as m,createCommentVNode as f,withDirectives as v,vShow as _}from"vue";import{NButton as T,NIcon as E,NSelect as N,NInput as y,NInputNumber as O}from"naive-ui";import{AddCircleSharp as b,RemoveCircle as U}from"@vicons/ionicons5";import{CUSTOM_INPUT_OPTIONS as h,InjectionFieldList as I,InjectionQueryWordbookData as k,BOOLEAN_OPTIONS as Q,UNIT_OPTIONS as S,FIELD_TYPE_LIST as g,SHOWSETTING_OPTIONS as L,WORDBOOK_OPTIONS as V}from"../constants/index.js";import x from"../../../date-picker/index.js";import{useTheme as A}from"../../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{cloneDeep as D,isArray as F,isFunction as j}from"lodash-es";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"../../../../shared/hooks/useScrollLoading.js";const w={class:"condition-wrapper"},R={class:"item-index"},H={class:"sql-expression-wrapper"},B=c("span",null,"筛选器逻辑编辑，不设置默认为AND",-1),C=c("br",null,null,-1),M=c("span",null,"例子 (1 AND 2) OR 3",-1);var G=e({__name:"condition",props:{model:{type:Object,default:null},readonly:{type:Boolean,default:!1}},setup(e,{expose:G}){const J=e,P=h[0].columnName,q=A(),z=D(l(I)),W=l(k),X=n([]),K=n("");function Y(e,l=!1){var n,o;l||(e.compareFieldOptions=[],e.con="",$(e));const{field_key:a}=e,i=z.find((e=>e.columnName===a));if(!i)return void(e.conOptions=[]);const{fieldType:t,settingObj:d={}}=i;e.fieldType=t;const u=D((null==(n=g.find((e=>e.name===t)))?void 0:n.conList)||[]),{showSetting:s,wordbook:c}=d;(null==s?void 0:s.length)&&u.unshift(...L),(null==(o=Object.keys(c||{}))?void 0:o.length)&&u.unshift(...V),e.conOptions=u}async function Z(e,l=!1){e.compareFieldOptions=[],l||$(e);const{field_key:n,fieldType:o,con:a}=e,i=z.find((e=>e.columnName===n));if(!i)return void(e.conOptions=[]);const{settingObj:t={}}=i||{},{showSetting:d,wordbook:u}=t,s=[];if(["IN","NEQ","BIG","LESS","BIGEQ","LESSEQ","EQ"].includes(a)){s.push(...h),l||(e.compare_field=P);const a=z.filter((e=>e.fieldType===o&&e.columnName!==n));s.push(...a)}if(V.map((e=>e.name)).includes(a)&&j(W)){const l=await W(u);s.push(...(c=l,p="label",r="value",c.map((e=>({...e,title:e[p],columnName:e[r]}))))),e.multiple=!0}var c,p,r;if(L.map((e=>e.name)).includes(a)&&(null==d?void 0:d.length)){const l=d.map((e=>({...e,title:e.change_text,columnName:JSON.stringify(e.filter||[])})));s.push(...l),e.multiple=!0}e.compareFieldOptions=s}function $(e){e.multiple=!1,e.compare_field=null,e.value="",e.numberValue=null,e.dateValue=null,e.unit=null}function ee(e){const{con:l,fieldType:n}=e;return"BOOLEAN"===n&&l&&["EQ","NEQ"].includes(l)}function le(e){const{compare_field:l,con:n,fieldType:o}=e;return!(!n||["CONVERT","QUOTE","QUOTE_NOT"].includes(n))&&(!(!["TEXT","JSONB"].includes(o)||["NULL","NOT_NULL"].includes(n))&&(!["EQ","NEQ"].includes(n)||l===P))}function ne(e){if(le(e))return!1;const{compare_field:l,con:n,field_key:o,fieldType:a}=e;return!(!n||["CONVERT","QUOTE","QUOTE_NOT"].includes(n))&&("NUMBER"===a?!["NULL","NOT_NULL"].includes(n)&&l===P:!!["DATE","DATETIME","TIME"].includes(a)&&["L_","N_","IN_THE_PAST","IN_THE_FUTURE","IN_THE_PAST_DI","IN_THE_FUTURE_DI"].includes(n))}function oe(e){const{compare_field:l,con:n,field_key:o,fieldType:a}=e;return!!n&&(!!["DATE","DATETIME","TIME"].includes(a)&&["L_","N_","IN_THE_PAST","IN_THE_FUTURE","IN_THE_PAST_DI","IN_THE_FUTURE_DI"].includes(n))}function ae(e){const{compare_field:l,con:n,field_key:o,fieldType:a}=e;return!!n&&(!!["DATE","DATETIME","TIME"].includes(a)&&(["IN","NEQ","BIG","LESS","BIGEQ","LESSEQ"].includes(n)&&l===P))}function ie(e){return["IN","NEQ"].includes(e.con)?"datetimerange":"datetime"}function te(){const e={field_key:z[0].columnName,fieldType:"",con:"",conOptions:[],compare_field:"",compareFieldOptions:[],unit:"",numberValue:null,dateValue:null,multiple:!1};Y(e),e.con="",X.value.push(e)}return function(){const{condition:e=[],sqlExpression:l=""}=J.model||{};e.length&&(X.value=e);l&&(K.value=l);X.value.forEach((e=>{Y(e,!0),Z(e,!0);const{con:l,value:n,start_val:o,end_val:a}=e;"CONVERT"===l&&(e.compare_field=F(n)?n.map((e=>JSON.stringify(e))):n),"QUOTE"!==l&&"QUOTE_NOT"!==l||(e.compare_field=n.split("|#|")),ne(e)&&(e.numberValue=+n),ae(e)&&(ie(e).endsWith("range")?e.dateValue=o&&a?[o,a]:null:e.dateValue=n)}))}(),G({getData:()=>({condition:X.value.map((e=>{const{field_key:l,con:n,value:o,compare_field:a,numberValue:i,dateValue:t,unit:d,fieldType:u,compareFieldOptions:s}=e;let c,p,r,m,f=o,v=a;return"CONVERT"===n&&(f=F(a)?a.map((e=>JSON.parse(e))):a,v=""),"QUOTE"!==n&&"QUOTE_NOT"!==n||(f=F(a)?a.join("|#|"):a,c=s.filter((e=>a.includes(e.columnName))),v=""),ne(e)&&(f=i,v=P),ae(e)&&(ie(e).endsWith("range")?(f="",r=F(t)?t[0]:"",m=F(t)?t[1]:""):f=t),oe(e)&&(p=d),le(e)&&e.compareFieldOptions.length>0&&(v=P),{field_key:l,fieldType:u,con:n,value:f,compare_field:v,is_compare_field:!!v,start_val:r,end_val:m,wordbookValueList:c,unit:p}})),sqlExpression:o(K)})}),(l,n)=>(a(),i("div",{class:"c-field-set__condition",style:t(o(q))},[d(o(T),{text:"",disabled:e.readonly,onClick:te},{icon:u((()=>[d(o(E),{component:o(b),style:{color:"var(--c-primary-color)"},size:"20"},null,8,["component"])])),default:u((()=>[s(" 添加操作 ")])),_:1},8,["disabled"]),c("section",w,[(a(!0),i(p,null,r(X.value,((l,n)=>(a(),i("div",{class:"condition-wrapper__item",key:n},[c("span",R,m(n+1),1),f(" 选择 field_key "),d(o(N),{disabled:e.readonly,value:l.field_key,"onUpdate:value":[e=>l.field_key=e,()=>Y(l)],placeholder:"请选择字段名","label-field":"title","value-field":"columnName",clearable:"",options:o(z)},null,8,["disabled","value","onUpdate:value","options"]),f(" 选择 关系 "),d(o(N),{disabled:e.readonly,value:l.con,"onUpdate:value":[e=>l.con=e,()=>Z(l)],"label-field":"text","value-field":"name",options:l.conOptions},null,8,["disabled","value","onUpdate:value","options"]),f(" 下拉框展示本列表相同数据类型 "),v(d(o(N),{disabled:e.readonly,value:l.compare_field,"onUpdate:value":e=>l.compare_field=e,"label-field":"title","value-field":"columnName",clearable:"",multiple:l.multiple,options:l.compareFieldOptions},null,8,["disabled","value","onUpdate:value","multiple","options"]),[[_,l.compareFieldOptions.length>0]]),f(" 布尔值类型字段选择是否相等的值 "),v(d(o(N),{disabled:e.readonly,value:l.value,"onUpdate:value":e=>l.value=e,options:o(Q)},null,8,["disabled","value","onUpdate:value","options"]),[[_,ee(l)]]),f(" 自定义内容 "),v(d(o(y),{disabled:e.readonly,value:l.value,"onUpdate:value":e=>l.value=e},null,8,["disabled","value","onUpdate:value"]),[[_,le(l)]]),f(" 自定义内容/数字框/日期 "),v(d(o(O),{value:l.numberValue,"onUpdate:value":e=>l.numberValue=e},null,8,["value","onUpdate:value"]),[[_,ne(l)]]),f(" 自定义日期的单位 "),v(d(o(N),{disabled:e.readonly,style:{width:"80px"},value:l.unit,"onUpdate:value":e=>l.unit=e,options:o(S)},null,8,["disabled","value","onUpdate:value","options"]),[[_,oe(l)]]),v(d(o(x),{disabled:e.readonly,type:ie(l),"formatted-value":l.dateValue,"onUpdate:formatted-value":e=>l.dateValue=e},null,8,["disabled","type","formatted-value","onUpdate:formatted-value"]),[[_,ae(l)]]),d(o(T),{text:"",disabled:e.readonly,onClick:()=>function(e){X.value.splice(e,1)}(n)},{default:u((()=>[d(o(E),{component:o(U),size:"20",color:"red"},null,8,["component"])])),_:2},1032,["disabled","onClick"])])))),128))]),v(c("section",H,[B,C,M,d(o(y),{type:"textarea",value:K.value,"onUpdate:value":n[0]||(n[0]=e=>K.value=e)},null,8,["value"])],512),[[_,X.value.length>1]])],4))}});export{G as default};

package/es/components/field-set/src/components/edit-dialog.vue.d.ts

@@ -14,6 +14,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject | null>;
         default: null;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isAdd: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     cssVars: import("vue").ComputedRef<AnyObject>;
     message: import("naive-ui").MessageApi;
@@ -36,6 +44,14 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject | null>;
             default: null;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isAdd: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onConfirm?: ((...args: any[]) => any) | undefined;
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
@@ -44,7 +60,7 @@ declare const _default: import("vue").DefineComponent<{
     formRef: import("vue").Ref<any>;
     conditionRef: import("vue").Ref<any>;
     filterVisible: import("vue").Ref<boolean>;
-    title: import("vue").ComputedRef<"新增" | "修改" | "过滤条件">;
+    title: import("vue").ComputedRef<"复制" | "新增" | "修改" | "过滤条件">;
     model: {
         name: string;
         color: string;
@@ -71,18 +87,26 @@ declare const _default: import("vue").DefineComponent<{
     NRadio: any;
     NSpace: any;
     Condition: import("vue").DefineComponent<{
-        data: {
+        model: {
             type: PropType<AnyObject>;
             default: null;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         customValue: string;
         cssVars: import("vue").ComputedRef<AnyObject>;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            data: {
+            model: {
                 type: PropType<AnyObject>;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {}>>;
         fieldList: AnyObject[];
         queryWordbookData: ((params: import("../types").ColorSetWordbook) => Promise<{
@@ -216,6 +240,7 @@ declare const _default: import("vue").DefineComponent<{
         NInputNumber: any;
         NSelect: any;
         NIcon: any;
+        NButton: any;
         AddCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         RemoveCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         UNIT_OPTIONS: {
@@ -346,32 +371,29 @@ declare const _default: import("vue").DefineComponent<{
             holidays: Date[];
         }>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        data: {
+        model: {
             type: PropType<AnyObject>;
             default: null;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>>, {
-        data: AnyObject;
+        model: AnyObject;
+        readonly: boolean;
     }>;
     EditFilter: import("vue").DefineComponent<{
         visible: {
             type: BooleanConstructor;
             default: boolean;
         };
-        model: {
-            type: PropType<AnyObject>;
-            default: null;
-        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             visible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            model: {
-                type: PropType<AnyObject>;
-                default: null;
-            };
         }>> & {
             onConfirm?: ((...args: any[]) => any) | undefined;
             "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
@@ -382,18 +404,26 @@ declare const _default: import("vue").DefineComponent<{
         onClose: () => void;
         NModal: any;
         Condition: import("vue").DefineComponent<{
-            data: {
+            model: {
                 type: PropType<AnyObject>;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             customValue: string;
             cssVars: import("vue").ComputedRef<AnyObject>;
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                data: {
+                model: {
                     type: PropType<AnyObject>;
                     default: null;
                 };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {}>>;
             fieldList: AnyObject[];
             queryWordbookData: ((params: import("../types").ColorSetWordbook) => Promise<{
@@ -527,6 +557,7 @@ declare const _default: import("vue").DefineComponent<{
             NInputNumber: any;
             NSelect: any;
             NIcon: any;
+            NButton: any;
             AddCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             RemoveCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             UNIT_OPTIONS: {
@@ -657,28 +688,28 @@ declare const _default: import("vue").DefineComponent<{
                 holidays: Date[];
             }>>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            data: {
+            model: {
                 type: PropType<AnyObject>;
                 default: null;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>>, {
-            data: AnyObject;
+            model: AnyObject;
+            readonly: boolean;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("confirm" | "update:visible")[], "confirm" | "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         visible: {
             type: BooleanConstructor;
             default: boolean;
         };
-        model: {
-            type: PropType<AnyObject>;
-            default: null;
-        };
     }>> & {
         onConfirm?: ((...args: any[]) => any) | undefined;
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     }, {
         visible: boolean;
-        model: AnyObject;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("confirm" | "update:visible")[], "confirm" | "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     visible: {
@@ -693,12 +724,22 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject | null>;
         default: null;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isAdd: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
 }, {
     row: AnyObject | null;
     visible: boolean;
+    isAdd: boolean;
+    readonly: boolean;
     isFieldColor: boolean;
 }>;
 export default _default;

package/es/components/field-set/src/components/edit-dialog.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,inject as l,ref as o,computed as a,reactive as t,openBlock as i,createBlock as r,unref as s,withCtx as n,createVNode as u,normalizeStyle as c,createElementVNode as d,createCommentVNode as m}from"vue";import{useMessage as p,NModal as f,NForm as v,NFormItem as b,NInput as h,NColorPicker as g,NSelect as k,NCheckbox as _,NRadioGroup as w,NSpace as y,NRadio as C}from"naive-ui";import{useTheme as j}from"../../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"../../../../shared/hooks/useScrollLoading.js";import x from"./condition.vue.js";import F from"./edit-filter.vue.js";import{COLOR_MAP as N,InjectionFieldList as U}from"../constants/index.js";var O=e({__name:"edit-dialog",props:{visible:{type:Boolean,default:!1},isFieldColor:{type:Boolean,default:!0},row:{type:Object,default:null}},emits:["update:visible","confirm"],setup(e,{emit:O}){const S=e,q=j(),B=p(),E=Object.entries(N).map((([e,l])=>({label:l,value:e}))),R=Object.entries(N).map((([e])=>e)),D=l(U),H=o(),L=o(),P=o(!1),T=a((()=>S.row?S.isFieldColor?"修改":"过滤条件":"新增")),W=t({name:"",color:"",status:!0,columnName:"",colorScope:S.isFieldColor?"font":"background",condition:[],sqlExpression:""}),z=t({name:[{required:!0,message:"请输入名称",trigger:["blur"]}],color:[{required:!0,message:"请选择颜色",trigger:["blur"]}],columnName:[{required:!0,validator:(e,l)=>!(!l&&S.isFieldColor)||new Error("请选择字段"),trigger:["blur"]}]});function A(e){return u("span",{style:{"--color":e.value},class:"c-field-set__color-block"},[e.label])}function G(){var e;null==(e=H.value)||e.validate((async e=>{var l,o;if(e){const l=await e;B.warning(l[0][0].message)}else{if(S.isFieldColor||Object.assign(W,L.value.getData()),!(null==(l=W.condition)?void 0:l.length))return void B.warning("请配置过滤条件");const e=S.isFieldColor?{title:null==(o=D.find((e=>e.columnName===W.columnName)))?void 0:o.title}:{};O("confirm",{...W,...e}),I()}}))}function I(){O("update:visible",!1)}function J(e){Object.assign(W,e)}return function(){if(!S.row)return;Object.assign(W,S.row)}(),(l,o)=>(i(),r(s(f),{preset:"dialog",style:{width:"860px"},title:s(T),"close-on-esc":!1,"show-icon":!1,"mask-closable":!1,"positive-text":"确定","negative-text":"取消","trap-focus":!1,show:e.visible,onPositiveClick:G,onNegativeClick:I,onClose:I},{default:n((()=>[u(s(v),{ref_key:"formRef",ref:H,model:W,rules:z,"label-placement":"left","label-width":"auto","show-feedback":!1,"show-require-mark":!1,style:c({maxWidth:"500px",...s(q)})},{default:n((()=>[u(s(b),{label:"名称：",path:"name",style:{"margin-bottom":"10px"}},{default:n((()=>[u(s(h),{value:W.name,"onUpdate:value":o[0]||(o[0]=e=>W.name=e),placeholder:"请填写名称",clearable:""},null,8,["value"])])),_:1}),e.isFieldColor?(i(),r(s(b),{key:0,label:"颜色：",path:"color"},{default:n((()=>[u(s(g),{clearable:"",placeholder:"请选择颜色",value:W.color,"onUpdate:value":o[1]||(o[1]=e=>W.color=e),swatches:s(R),modes:["hex"],class:"c-field-set__color-picker"},null,8,["value","swatches"])])),_:1})):(i(),r(s(b),{key:1,label:"颜色：",path:"color"},{default:n((()=>[u(s(k),{value:W.color,"onUpdate:value":o[2]||(o[2]=e=>W.color=e),placeholder:"请选择颜色","render-label":A,options:s(E)},null,8,["value","options"])])),_:1})),u(s(b),{label:"显示：",path:"status"},{default:n((()=>[u(s(_),{checked:W.status,"onUpdate:checked":o[3]||(o[3]=e=>W.status=e)},null,8,["checked"])])),_:1}),u(s(b),{label:"颜色应用于：",path:"colorScope"},{default:n((()=>[u(s(w),{value:W.colorScope,"onUpdate:value":o[4]||(o[4]=e=>W.colorScope=e)},{default:n((()=>[u(s(y),null,{default:n((()=>[u(s(C),{label:"字体",value:"font"}),u(s(C),{label:"背景",value:"background"})])),_:1})])),_:1},8,["value"])])),_:1}),e.isFieldColor?(i(),r(s(b),{key:2,label:"字段：",path:"columnName",style:{"margin-bottom":"10px"}},{default:n((()=>[u(s(y),{class:"c-field-set__space",align:"center"},{default:n((()=>[u(s(k),{value:W.columnName,"onUpdate:value":o[5]||(o[5]=e=>W.columnName=e),placeholder:"请选择字段名","label-field":"title","value-field":"columnName",options:s(D)},null,8,["value","options"]),d("span",{class:"filter-btn",onClick:o[6]||(o[6]=()=>P.value=!0)},"筛选")])),_:1})])),_:1})):m("v-if",!0)])),_:1},8,["model","rules","style"]),e.isFieldColor?(i(),r(F,{key:1,visible:P.value,"onUpdate:visible":o[7]||(o[7]=e=>P.value=e),model:W,onConfirm:J},null,8,["visible","model"])):(i(),r(x,{key:0,ref_key:"conditionRef",ref:L,data:W},null,8,["data"]))])),_:1},8,["title","show"]))}});export{O as default};
+import{defineComponent as e,inject as l,ref as o,computed as a,reactive as t,openBlock as i,createBlock as r,unref as s,withCtx as n,createVNode as d,normalizeStyle as u,createElementVNode as c,createCommentVNode as m}from"vue";import{useMessage as p,NModal as f,NForm as v,NFormItem as b,NInput as h,NColorPicker as y,NSelect as g,NCheckbox as k,NRadioGroup as _,NSpace as w,NRadio as C}from"naive-ui";import{useTheme as j}from"../../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"../../../../shared/hooks/useScrollLoading.js";import x from"./condition.vue.js";import F from"./edit-filter.vue.js";import{COLOR_MAP as N,InjectionFieldList as U}from"../constants/index.js";var O=e({__name:"edit-dialog",props:{visible:{type:Boolean,default:!1},isFieldColor:{type:Boolean,default:!0},row:{type:Object,default:null},readonly:{type:Boolean,default:!1},isAdd:{type:Boolean,default:!1}},emits:["update:visible","confirm"],setup(e,{emit:O}){const S=e,q=j(),B=p(),A=Object.entries(N).map((([e,l])=>({label:l,value:e}))),E=Object.entries(N).map((([e])=>e)),R=l(U),D=o(),H=o(),L=o(!1),P=a((()=>S.isAdd?S.row?"复制":"新增":S.isFieldColor?"修改":"过滤条件")),T=t({name:"",color:"",status:!0,columnName:"",colorScope:S.isFieldColor?"font":"background",condition:[],sqlExpression:""}),W=t({name:[{required:!0,message:"请输入名称",trigger:["blur"]}],color:[{required:!0,message:"请选择颜色",trigger:["blur"]}],columnName:[{required:!0,validator:(e,l)=>!(!l&&S.isFieldColor)||new Error("请选择字段"),trigger:["blur"]}]});function z(e){return d("span",{style:{"--color":e.value},class:"c-field-set__color-block"},[e.label])}function G(){var e;null==(e=D.value)||e.validate((async e=>{var l,o;if(e){const l=await e;B.warning(l[0][0].message)}else{if(S.isFieldColor||Object.assign(T,H.value.getData()),!(null==(l=T.condition)?void 0:l.length))return void B.warning("请配置过滤条件");const e=S.isFieldColor?{title:null==(o=R.find((e=>e.columnName===T.columnName)))?void 0:o.title}:{};O("confirm",{...T,...e}),I()}}))}function I(){O("update:visible",!1)}function J(e){Object.assign(T,e)}return function(){if(!S.row)return;Object.assign(T,S.row)}(),(l,o)=>(i(),r(s(f),{preset:"dialog",style:{width:"860px"},title:s(P),"close-on-esc":!1,"show-icon":!1,"mask-closable":!1,"positive-text":"确定","negative-text":"取消","trap-focus":!1,show:e.visible,onPositiveClick:G,onNegativeClick:I,onClose:I},{default:n((()=>[d(s(v),{ref_key:"formRef",ref:D,disabled:e.readonly,model:T,rules:W,"label-placement":"left","label-width":"auto","show-feedback":!1,"show-require-mark":!1,style:u({maxWidth:"500px",...s(q)})},{default:n((()=>[d(s(b),{label:"名称：",path:"name",style:{"margin-bottom":"10px"}},{default:n((()=>[d(s(h),{value:T.name,"onUpdate:value":o[0]||(o[0]=e=>T.name=e),placeholder:"请填写名称",clearable:""},null,8,["value"])])),_:1}),e.isFieldColor?(i(),r(s(b),{key:0,label:"颜色：",path:"color"},{default:n((()=>[d(s(y),{clearable:"",placeholder:"请选择颜色",value:T.color,"onUpdate:value":o[1]||(o[1]=e=>T.color=e),swatches:s(E),modes:["hex"],class:"c-field-set__color-picker"},null,8,["value","swatches"])])),_:1})):(i(),r(s(b),{key:1,label:"颜色：",path:"color"},{default:n((()=>[d(s(g),{value:T.color,"onUpdate:value":o[2]||(o[2]=e=>T.color=e),placeholder:"请选择颜色","render-label":z,options:s(A)},null,8,["value","options"])])),_:1})),d(s(b),{label:"显示：",path:"status"},{default:n((()=>[d(s(k),{checked:T.status,"onUpdate:checked":o[3]||(o[3]=e=>T.status=e)},null,8,["checked"])])),_:1}),d(s(b),{label:"颜色应用于：",path:"colorScope"},{default:n((()=>[d(s(_),{value:T.colorScope,"onUpdate:value":o[4]||(o[4]=e=>T.colorScope=e)},{default:n((()=>[d(s(w),null,{default:n((()=>[d(s(C),{label:"字体",value:"font"}),d(s(C),{label:"背景",value:"background"})])),_:1})])),_:1},8,["value"])])),_:1}),e.isFieldColor?(i(),r(s(b),{key:2,label:"字段：",path:"columnName",style:{"margin-bottom":"10px"}},{default:n((()=>[d(s(w),{class:"c-field-set__space",align:"center"},{default:n((()=>[d(s(g),{value:T.columnName,"onUpdate:value":o[5]||(o[5]=e=>T.columnName=e),placeholder:"请选择字段名","label-field":"title","value-field":"columnName",options:s(R)},null,8,["value","options"]),c("span",{class:"filter-btn",onClick:o[6]||(o[6]=()=>L.value=!0)},"筛选")])),_:1})])),_:1})):m("v-if",!0)])),_:1},8,["disabled","model","rules","style"]),e.isFieldColor?(i(),r(F,{key:1,visible:L.value,"onUpdate:visible":o[7]||(o[7]=e=>L.value=e),model:T,readonly:e.readonly,onConfirm:J},null,8,["visible","model","readonly"])):(i(),r(x,{key:0,ref_key:"conditionRef",ref:H,model:T,readonly:e.readonly},null,8,["model","readonly"]))])),_:1},8,["title","show"]))}});export{O as default};