cnhis-design-vue 3.1.57-beta.2 → 3.1.57-beta.20

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

@@ -0,0 +1 @@
+import e from"./edit-dialog.vue2.js";import i from"../../../../_virtual/_plugin-vue_export-helper.js";var r=i(e,[["__file","edit-dialog.vue"]]);export{r as default};

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

@@ -0,0 +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 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 q=e,S=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(),P=o(),T=o(!1),W=a((()=>q.row?q.isFieldColor?"修改":"过滤条件":"新增")),z=t({name:"",color:"",status:!0,columnName:"",colorScope:q.isFieldColor?"font":"background",condition:[],sqlExpression:""}),A=t({name:[{required:!0,message:"请输入名称",trigger:["blur"]}],color:[{required:!0,message:"请选择颜色",trigger:["blur"]}],columnName:[{required:!0,validator:(e,l)=>!(!l&&q.isFieldColor)||new Error("请选择字段"),trigger:["blur"]}]});function G(e){return u("span",{style:{"--color":e.value},class:"c-field-set__color-block"},[e.label])}function I(){var e;console.log(z),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(q.isFieldColor||Object.assign(z,P.value.getData()),!(null==(l=z.condition)?void 0:l.length))return void B.warning("请配置过滤条件");const e=q.isFieldColor?{title:null==(o=D.find((e=>e.columnName===z.columnName)))?void 0:o.title}:{};O("confirm",{...z,...e}),J()}}))}function J(){O("update:visible",!1)}function K(e){Object.assign(z,e)}return function(){if(!q.row)return;Object.assign(z,q.row)}(),(l,o)=>(i(),r(s(f),{preset:"dialog",style:{width:"860px"},title:s(W),"close-on-esc":!1,"show-icon":!1,"mask-closable":!1,"positive-text":"确定","negative-text":"取消","trap-focus":!1,show:e.visible,onPositiveClick:I,onNegativeClick:J,onClose:J},{default:n((()=>[u(s(v),{ref_key:"formRef",ref:H,model:z,rules:A,"label-placement":"left","label-width":"auto","show-feedback":!1,"show-require-mark":!1,style:c({maxWidth:"500px",...s(S)})},{default:n((()=>[u(s(b),{label:"名称：",path:"name",style:{"margin-bottom":"10px"}},{default:n((()=>[u(s(h),{value:z.name,"onUpdate:value":o[0]||(o[0]=e=>z.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:z.color,"onUpdate:value":o[1]||(o[1]=e=>z.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:z.color,"onUpdate:value":o[2]||(o[2]=e=>z.color=e),placeholder:"请选择颜色","render-label":G,options:s(E)},null,8,["value","options"])])),_:1})),u(s(b),{label:"显示：",path:"status"},{default:n((()=>[u(s(_),{checked:z.status,"onUpdate:checked":o[3]||(o[3]=e=>z.status=e)},null,8,["checked"])])),_:1}),u(s(b),{label:"颜色应用于：",path:"colorScope"},{default:n((()=>[u(s(w),{value:z.colorScope,"onUpdate:value":o[4]||(o[4]=e=>z.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:z.columnName,"onUpdate:value":o[5]||(o[5]=e=>z.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]=()=>T.value=!0)},"筛选")])),_:1})])),_:1})):m("v-if",!0)])),_:1},8,["model","rules","style"]),e.isFieldColor?(i(),r(F,{key:1,visible:T.value,"onUpdate:visible":o[7]||(o[7]=e=>T.value=e),model:z,onConfirm:K},null,8,["visible","model"])):(i(),r(x,{key:0,ref_key:"conditionRef",ref:P,data:z},null,8,["data"]))])),_:1},8,["title","show"]))}});export{O as default};

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

@@ -0,0 +1,286 @@
+import { AnyObject } from '../../../../shared/types';
+import { PropType } from 'vue';
+declare const _default: 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;
+    }>>;
+    emit: (event: "update:visible" | "confirm", ...args: any[]) => void;
+    conditionRef: import("vue").Ref<any>;
+    onConfirm: () => void;
+    onClose: () => void;
+    NModal: any;
+    Condition: import("vue").DefineComponent<{
+        data: {
+            type: PropType<AnyObject>;
+            default: null;
+        };
+    }, {
+        customValue: string;
+        cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: PropType<AnyObject>;
+                default: null;
+            };
+        }>> & {}>>;
+        fieldList: AnyObject[];
+        queryWordbookData: ((params: import("../types").ColorSetWordbook) => Promise<{
+            [key: string]: any;
+            label: string;
+            value: string;
+        }[]>) | undefined;
+        condition: import("vue").Ref<{
+            field_key: string;
+            con: string;
+            value?: any;
+            start_val?: string | undefined;
+            end_val?: string | undefined;
+            is_compare_field?: boolean | undefined;
+            compare_field: any;
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }[]>;
+        sqlExpression: import("vue").Ref<string>;
+        setConOptions: (item: import("../types").ColorSetConditionItem & {
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compare_field: any;
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }, isInit?: boolean) => void;
+        setCompareFieldOptions: (item: import("../types").ColorSetConditionItem & {
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compare_field: any;
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }, isInit?: boolean) => Promise<void>;
+        resetItem: (item: import("../types").ColorSetConditionItem & {
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compare_field: any;
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }) => void;
+        showBooleanValue: (item: import("../types").ColorSetConditionItem & {
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compare_field: any;
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }) => boolean | "";
+        showInput: (item: import("../types").ColorSetConditionItem & {
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compare_field: any;
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }) => boolean;
+        showInputNumber: (item: import("../types").ColorSetConditionItem & {
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compare_field: any;
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }) => boolean;
+        showUnit: (item: import("../types").ColorSetConditionItem & {
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compare_field: any;
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }) => boolean;
+        showDatePicker: (item: import("../types").ColorSetConditionItem & {
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compare_field: any;
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }) => boolean;
+        getDateType: (item: import("../types").ColorSetConditionItem & {
+            numberValue: number | null;
+            dateValue: string | [string, string] | null;
+            fieldType: string;
+            conOptions: AnyObject[];
+            compare_field: any;
+            compareFieldOptions: AnyObject[];
+            unit: string | null;
+            multiple: boolean;
+        }) => "datetime" | "datetimerange";
+        onAdd: () => void;
+        onRemove: (index: number) => void;
+        init: () => void;
+        formatCondition: () => {
+            field_key: string;
+            fieldType: string;
+            con: string;
+            value: any;
+            compare_field: any;
+            is_compare_field: boolean;
+            start_val: any;
+            end_val: any;
+            wordbookValueList: any;
+            unit: any;
+        }[];
+        NInput: any;
+        NInputNumber: any;
+        NSelect: any;
+        NIcon: 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: {
+            label: string;
+            value: string;
+        }[];
+        BOOLEAN_OPTIONS: {
+            label: string;
+            value: string;
+        }[];
+        CDatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }, {
+            attrs: {
+                [x: string]: unknown;
+            };
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                updateUnchangedValue: {
+                    type: BooleanConstructor;
+                };
+                onConfirm: {
+                    type: FunctionConstructor;
+                };
+                formattedValue: {
+                    type: PropType<(string | [string, string]) | null | undefined>;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
+            }>> & {
+                "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:formatted-value", ...args: any[]) => void;
+            datePickerRef: import("vue").Ref<AnyObject | null>;
+            panelInstRef: import("vue").Ref<null>;
+            placeholderRef: import("vue").Ref<any>;
+            currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined>;
+            isDateTime: import("vue").ComputedRef<boolean>;
+            formatRef: import("vue").ComputedRef<string>;
+            panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
+            focus: () => any;
+            blur: () => any;
+            handleConfirm: (target: HTMLInputElement) => void;
+            onUpdateShow: (show: boolean) => void;
+            onConfirm: (...args: any[]) => Promise<void>;
+            isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
+            NDatePicker: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }, {
+            updateUnchangedValue: boolean;
+        }>>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: PropType<AnyObject>;
+            default: null;
+        };
+    }>>, {
+        data: AnyObject;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "confirm")[], "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;
+}>;
+export default _default;

package/es/components/field-set/src/components/edit-filter.vue.js

@@ -0,0 +1 @@
+import e from"./edit-filter.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var t=r(e,[["__file","edit-filter.vue"]]);export{t as default};

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

@@ -0,0 +1 @@
+import{defineComponent as e,ref as t,openBlock as i,createBlock as o,unref as l,withCtx as a,createVNode as n}from"vue";import{NModal as s}from"naive-ui";import r from"./condition.vue.js";var u=e({__name:"edit-filter",props:{visible:{type:Boolean,default:!1},model:{type:Object,default:null}},emits:["update:visible","confirm"],setup(e,{emit:u}){const d=t();function f(){var e;u("confirm",null==(e=d.value)?void 0:e.getData()),c()}function c(){u("update:visible",!1)}return(t,u)=>(i(),o(l(s),{preset:"dialog",style:{width:"860px"},title:"设置分类","close-on-esc":!1,"show-icon":!1,"mask-closable":!1,"positive-text":"确定","negative-text":"取消","trap-focus":!1,show:e.visible,onPositiveClick:f,onNegativeClick:c,onClose:c},{default:a((()=>[n(r,{ref_key:"conditionRef",ref:d,data:e.model},null,8,["data"])])),_:1},8,["show"]))}});export{u as default};

package/es/components/field-set/src/constants/index.d.ts

@@ -0,0 +1,55 @@
+import { AnyObject } from '../../../../shared/types';
+import { InjectionKey } from 'vue';
+import { ColorSetWordbook } from '../types';
+export declare const FIELD_TYPE_LIST: ({
+    conList: {
+        name: string;
+        text: string;
+    }[];
+    name: string;
+    format: string;
+    type: string;
+} | {
+    conList: {
+        name: string;
+        text: string;
+    }[];
+    name: string;
+    type: string;
+    format?: undefined;
+})[];
+export declare const SHOWSETTING_OPTIONS: {
+    text: string;
+    name: string;
+}[];
+export declare const WORDBOOK_OPTIONS: {
+    text: string;
+    name: string;
+}[];
+export declare const CUSTOM_INPUT_OPTIONS: {
+    title: string;
+    columnName: string;
+}[];
+export declare const UNIT_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+export declare const BOOLEAN_OPTIONS: {
+    label: string;
+    value: string;
+}[];
+export declare const COLOR_MAP: Readonly<{
+    '#FFC400': "黄色";
+    '#00B145': "绿色";
+    '#427BFF': "蓝色";
+    '#C163FF': "紫色";
+    '#DB0000': "红色";
+}>;
+export declare const InjectionFieldList: InjectionKey<AnyObject[]>;
+declare type WordbookOption = {
+    label: string;
+    value: string;
+    [key: string]: any;
+};
+export declare const InjectionQueryWordbookData: InjectionKey<(params: ColorSetWordbook) => Promise<WordbookOption[]>>;
+export {};

package/es/components/field-set/src/constants/index.js

@@ -0,0 +1 @@
+const e=[{name:"NULL",text:"为空"},{name:"NOT_NULL",text:"不为空"},{name:"IN",text:"等于"},{name:"NEQ",text:"不等于"},{name:"BIG",text:"大于"},{name:"LESS",text:"小于"},{name:"BIGEQ",text:"大于等于"},{name:"LESSEQ",text:"小于等于"},{name:"TODAY",text:"今天"},{name:"TOMORROW",text:"明天"},{name:"YESTERDAY",text:"昨天"},{name:"THIS_WEEK",text:"本周"},{name:"NEXT_WEEK",text:"下周"},{name:"UP_WEEK",text:"上周"},{name:"THIS_MONTH",text:"本月"},{name:"NEXT_MONTH",text:"下月"},{name:"UP_MONTH",text:"上月"},{name:"THIS_SEASON",text:"本季度"},{name:"NEXT_SEASON",text:"下季度"},{name:"UP_SEASON",text:"上季度"},{name:"THIS_YEAR",text:"本年"},{name:"NEXT_YEAR",text:"下年"},{name:"UP_YEAR",text:"上年"},{name:"L_",text:"以前"},{name:"N_",text:"以后"},{name:"IN_THE_PAST",text:"过去内"},{name:"IN_THE_FUTURE",text:"未来内"},{name:"IN_THE_PAST_DI",text:"过去第"},{name:"IN_THE_FUTURE_DI",text:"未来第"}],t=[{name:"NULL",text:"为空"},{name:"NOT_NULL",text:"不为空"},{name:"CL",text:"包含"},{name:"NC",text:"不包含"},{name:"IN_ARR",text:"被包含"},{name:"EQ",text:"等于"},{name:"NEQ",text:"不等于"}],a=[{conList:e,name:"DATE",format:"yyyy-MM-dd",type:"DATE"},{conList:e,name:"DATETIME",format:"yyyy-MM-dd HH:mm:ss",type:"DATE"},{conList:[{name:"EQ",text:"等于"},{name:"NEQ",text:"不等于"}],name:"BOOLEAN",type:"BOOLEAN"},{conList:e,name:"TIME",format:"HH:mm:ss",type:"DATE"},{conList:t,name:"TEXT",type:"text"},{conList:[{name:"NULL",text:"为空"},{name:"NOT_NULL",text:"不为空"},{name:"EQ",text:"等于"},{name:"NEQ",text:"不等于"},{name:"BIG",text:"大于"},{name:"LESS",text:"小于"},{name:"BIGEQ",text:"大于等于"},{name:"LESSEQ",text:"小于等于"}],name:"NUMBER",type:"number"},{conList:t,name:"JSONB",type:"jsonb"}],n=[{text:"引用选项",name:"CONVERT"}],m=[{text:"引用选项",name:"QUOTE"},{text:"不引用选项",name:"QUOTE_NOT"}],E=[{title:"自定义输入",columnName:"custom"}],x=[{label:"天",value:"DAY"},{label:"周",value:"WEEK"},{label:"月",value:"MONTH"},{label:"季度",value:"QUARTER"},{label:"年",value:"YEAR"},{label:"小时",value:"HOUR"}],T=[{label:"是",value:"true"},{label:"否",value:"false"}],N=Object.freeze({"#FFC400":"黄色","#00B145":"绿色","#427BFF":"蓝色","#C163FF":"紫色","#DB0000":"红色"}),l=Symbol("InjectionFieldList"),_=Symbol("InjectionQueryWordbookData");export{T as BOOLEAN_OPTIONS,N as COLOR_MAP,E as CUSTOM_INPUT_OPTIONS,a as FIELD_TYPE_LIST,l as InjectionFieldList,_ as InjectionQueryWordbookData,n as SHOWSETTING_OPTIONS,x as UNIT_OPTIONS,m as WORDBOOK_OPTIONS};

package/es/components/field-set/src/types/index.d.ts

@@ -21,7 +21,7 @@ export declare type FieldSetItem = Partial<{
 export declare type FieldSetColumnName = 'show' | 'editable' | 'required' | 'sort' | 'bold' | 'sortDirection' | 'sortPriority' | 'fixedWay' | 'alias' | 'columnWidth';
 export declare type FieldSetColumnItem = {
     title: string;
-    type: 'text' | 'checkbox' | 'select' | 'input' | 'inputNumber' | 'custom';
+    type: 'text' | 'checkbox' | 'select' | 'input' | 'inputNumber' | 'color' | 'custom';
     field: string;
     checkedAll?: boolean;
     disabledAll?: boolean;
@@ -30,3 +30,33 @@ export declare type FieldSetColumnItem = {
     contentRender?: (column: AnyObject, row: AnyObject) => VNode | String;
     [key: string]: any;
 };
+export declare type FieldSetTab = 'field' | 'fieldColor' | 'highlightRow';
+export declare type ColorSetItem = {
+    name: string;
+    columnName?: string;
+    title?: string;
+    createDate: string;
+    color: string;
+    colorScope: 'font' | 'background';
+    status: 'Y' | 'N';
+    id?: string;
+    condition: AnyObject[];
+    sqlExpression?: string;
+    [key: string]: any;
+};
+export declare type ColorSetConditionItem = {
+    field_key: string;
+    con: string;
+    value?: any;
+    start_val?: string;
+    end_val?: string;
+    is_compare_field?: boolean;
+    compare_field?: string;
+};
+export declare type ColorSetWordbook = {
+    autograph: string;
+    wordbookType: string;
+    id: string;
+    filterKeys: string[];
+    [key: string]: any;
+};

package/es/components/field-set/src/utils/index.d.ts

@@ -2,8 +2,9 @@ import { CSSProperties } from 'vue';
 import { AnyObject } from '../../../../shared/types';
 import { FieldSetItem } from '../../../../components/field-set';
 import { IhoTableConfig } from '../../../../components/iho-table';
-export declare function setStyle(column: AnyObject): CSSProperties;
+export declare function setStyle(column: AnyObject, index: number): CSSProperties;
 export declare function isDisable(item: FieldSetItem, key: string): any;
 export declare function getGroupTree(rowGroupSetting: NonNullable<IhoTableConfig['rowGroupSetting']>, fieldList: FieldSetItem[], getKey?: (field: FieldSetItem) => string): Array<AnyObject | string>;
 export declare function isDraggable(fieldItem: AnyObject): any;
 export declare function isDraggableItem(item: AnyObject | AnyObject[]): any;
+export declare function setColorInfo(item: AnyObject): void;

package/es/components/field-set/src/utils/index.js

@@ -1 +1 @@
-import{isArray as e,isObject as t}from"lodash-es";import{IhoTableRowGroupSequence as i}from"../../../iho-table/src/constants/index.js";function n(e){const t={flex:"1 1 90px"};switch(e.type){case"text":"title"===e.field&&Object.assign(t,{flex:"0 0 120px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"}),"seq"===e.field&&(t.flex="1 1 40px");break;case"checkbox":t.flex="1 1 60px";break;case"select":t.flex="1 1 80px";break;case"input":t.flex="1 1 100px"}return t}function r(e,t){return["editable","required"].includes(t)&&e[`${t}Disable`]||["sort"].includes(t)&&(1==e.notParticipatingSort||e.sortDisabled)}function l(n,r,l=(e=>e.name)){const s=r.map((e=>l(e)));return i.some((i=>{const r=n[i];if(!e(r))return!0;r.forEach((i=>{if(!e(i.list)||!i.list.length)return;const n=[];let r=null;i.list.forEach(((e,l)=>{const o=function(e,i,n){return i.findIndex((i=>i!==n&&(t(i)?i.fieldName:i)===e))}(e,s,r);~o&&(n.push(s[o]),0===l?s.splice(o,1,r={fieldName:i.title,children:n}):s.splice(o,1))}))}))})),s}function s(e){return void 0===e.draggable||e.draggable}function o(t){return e(t)?!t.some((e=>!e.draggable)):t.draggable}export{l as getGroupTree,r as isDisable,s as isDraggable,o as isDraggableItem,n as setStyle};
+import{isArray as e,isObject as t}from"lodash-es";import{IhoTableRowGroupSequence as o}from"../../../iho-table/src/constants/index.js";import{COLOR_MAP as n}from"../constants/index.js";function r(e,t){const o={flex:"1 1 90px"};switch(e.type){case"text":0===t&&["title","name"].includes(e.field)&&Object.assign(o,{flex:"0 0 120px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"}),"seq"===e.field&&(o.flex="1 1 40px");break;case"checkbox":o.flex="1 1 60px";break;case"select":o.flex="1 1 80px";break;case"input":o.flex="1 1 100px"}return o}function l(e,t){return["editable","required"].includes(t)&&e[`${t}Disable`]||["sort"].includes(t)&&(1==e.notParticipatingSort||e.sortDisabled)}function i(n,r,l=(e=>e.name)){const i=r.map((e=>l(e)));return o.some((o=>{const r=n[o];if(!e(r))return!0;r.forEach((o=>{if(!e(o.list)||!o.list.length)return;const n=[];let r=null;o.list.forEach(((e,l)=>{const s=function(e,o,n){return o.findIndex((o=>o!==n&&(t(o)?o.fieldName:o)===e))}(e,i,r);~s&&(n.push(i[s]),0===l?i.splice(s,1,r={fieldName:o.title,children:n}):i.splice(s,1))}))}))})),i}function s(e){return void 0===e.draggable||e.draggable}function c(t){return e(t)?!t.some((e=>!e.draggable)):t.draggable}function a(e){e.style="font"===e.colorScope?{color:e.color}:{background:e.color,color:"#fff"},e.result=n[e.color]}export{i as getGroupTree,l as isDisable,s as isDraggable,c as isDraggableItem,a as setColorInfo,r as setStyle};

package/es/components/field-set/style/index.css

@@ -1 +1 @@
-.c-field-set{display:flex;flex-flow:column nowrap;height:100%;width:100%}.c-field-set__search-wrapper.n-input{margin-bottom:12px;width:50%}.c-field-set .item{background:#fff}.c-field-set .item:active{background:#f2f2f2;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set .item:focus{background-color:#f2f2f2}.c-field-set .item.disabled{cursor:not-allowed}.c-field-set .item .row{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:var(--row-height);padding:5px 0}.c-field-set .table-cell{box-sizing:border-box;color:inherit;display:inline-block;padding:0 5px}.c-field-set .table-cell .highlight{background-color:var(--primary-color);color:#fff}.c-field-set__table-header{align-items:center;background:#f2f2f4;border:1px solid #f2f2f2;display:flex;height:52px}.c-field-set__table-header .n-checkbox.n-checkbox--disabled .n-checkbox__label{color:var(--n-text-color)}.c-field-set__table-body{flex:1;overflow-y:scroll}.c-field-set__table-footer{border-top:1px solid #d5d5d5;padding:12px 0}
+.c-field-set{height:100%;width:100%}.c-field-set__color-picker .n-color-picker-trigger__value{display:none}.c-field-set .main-wrapper{display:flex;flex-flow:column nowrap;height:100%;width:100%}.c-field-set .main-wrapper__search-wrapper.n-input{margin-bottom:12px;width:50%}.c-field-set .main-wrapper .item{background:#fff}.c-field-set .main-wrapper .item:active{background:#f2f2f2;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set .main-wrapper .item:focus{background-color:#f2f2f2}.c-field-set .main-wrapper .item.disabled{cursor:not-allowed}.c-field-set .main-wrapper .item .row{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:var(--row-height);padding:5px 0}.c-field-set .main-wrapper .table-cell{box-sizing:border-box;color:inherit;display:inline-block;padding:0 5px}.c-field-set .main-wrapper .table-cell .highlight{background-color:var(--primary-color);color:#fff}.c-field-set .main-wrapper .table-cell .c-field-set__color-picker{display:block}.c-field-set .main-wrapper__table-header{align-items:center;background:#f2f2f4;border:1px solid #f2f2f2;display:flex;height:52px}.c-field-set .main-wrapper__table-header .n-checkbox.n-checkbox--disabled .n-checkbox__label{color:var(--n-text-color)}.c-field-set .main-wrapper__table-body{flex:1;overflow-y:auto}.c-field-set .main-wrapper__table-footer{border-top:1px solid #d5d5d5;padding:12px 0}.c-field-set__color-block{display:inline-block;margin-left:20px;position:relative}.c-field-set__color-block:before{background-color:var(--color);border-radius:2px;content:"";height:14px;left:-20px;position:absolute;top:3px;width:14px}.c-field-set__space{width:100%}.c-field-set__space>div:first-child{width:80%}.c-field-set__space .filter-btn{color:var(--c-primary-color);cursor:pointer}.c-field-set__condition .opt-btn{cursor:pointer;display:inline-flex}.c-field-set__condition .condition-wrapper__item{align-items:center;display:flex;margin-top:10px}.c-field-set__condition .condition-wrapper__item .item-index{margin-right:10px}.c-field-set__condition .condition-wrapper__item>.n-date-picker,.c-field-set__condition .condition-wrapper__item>.n-input,.c-field-set__condition .condition-wrapper__item>.n-input-number,.c-field-set__condition .condition-wrapper__item>.n-select{margin-right:10px;width:20%}.c-field-set__condition .sql-expression-wrapper{margin-top:10px}