cnhis-design-vue 3.1.49-beta.14 → 3.1.49-beta.15

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

@@ -53,6 +53,9 @@ declare const _default: import("vue").DefineComponent<{
         }>[]>;
         default: () => never[];
     };
+    isHighlight: {
+        type: BooleanConstructor;
+    };
 }, {
     fixedWayOptions: {
         label: string;
@@ -113,6 +116,9 @@ declare const _default: import("vue").DefineComponent<{
             }>[]>;
             default: () => never[];
         };
+        isHighlight: {
+            type: BooleanConstructor;
+        };
     }>> & {
         onUpdateChecked?: ((...args: any[]) => any) | undefined;
     }>>;
@@ -191,11 +197,14 @@ declare const _default: import("vue").DefineComponent<{
         }>[]>;
         default: () => never[];
     };
+    isHighlight: {
+        type: BooleanConstructor;
+    };
 }>> & {
     onUpdateChecked?: ((...args: any[]) => any) | undefined;
 }, {
     columns: FieldSetColumnItem[];
-    element: Partial<{
+    fieldList: Partial<{
         [key: string]: any;
         id: string;
         name: string;
@@ -212,9 +221,8 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
         requiredDisable: boolean;
         hide: boolean;
-    }>;
-    idx: number;
-    fieldList: Partial<{
+    }>[];
+    element: Partial<{
         [key: string]: any;
         id: string;
         name: string;
@@ -231,6 +239,8 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
         requiredDisable: boolean;
         hide: boolean;
-    }>[];
+    }>;
+    idx: number;
+    isHighlight: boolean;
 }>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,openBlock as l,createElementBlock as t,Fragment as i,renderList as n,normalizeStyle as a,unref as r,createBlock as o,withCtx as u,createVNode as d,createCommentVNode as s,createTextVNode as f,toDisplayString as c,withDirectives as m,vShow as p,createElementVNode as v}from"vue";import{NTooltip as y,NIcon as b,NCheckbox as k,NSelect as h,NInput as x,NInputNumber as N}from"naive-ui";import{setStyle as g,isDisable as U}from"../utils/index.js";import{ReorderTwoOutline as E}from"@vicons/ionicons5";import{range as O}from"lodash-es";const P={class:"row"},w=["title"],C=v("span",null,"拖拽调整顺序",-1);var D=e({__name:"Row",props:{element:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]},idx:{type:Number,default:1},fieldList:{type:Array,default:()=>[]}},emits:["updateChecked"],setup(e,{emit:v}){const D=e,L=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],S=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}];function A(e){switch(e.field){case"fixedWay":return L;case"sortDirection":return S;case"sortPriority":return function(){const e=O(1,D.fieldList.length+1).map((e=>({label:e.toString(),value:e}))),l=D.fieldList.filter((e=>!!e.sortPriority&&e.uuid!==D.element.uuid)).map((e=>e.sortPriority));return e.filter((e=>!l.includes(e.value)))}();default:return[]}}function _(e){if("sortPriority"!==e.field)return!1;const{sortDirection:l}=D.element;return!l||"NONE"===l}return(O,L)=>(l(),t("div",P,[(l(!0),t(i,null,n(e.columns,((n,O)=>(l(),t(i,{key:O},[n.isShow?(l(),t("span",{key:0,class:"table-cell",title:e.element[n.field],style:a(r(g)(n))},["text"===n.type?(l(),t(i,{key:0},[0===O?(l(),o(r(y),{key:0,trigger:"hover"},{trigger:u((()=>[d(r(b),{style:{"margin-right":"5px",top:"2px"},component:r(E)},null,8,["component"])])),default:u((()=>[C])),_:1})):s("v-if",!0),f(" "+c("seq"===n.field?e.idx:e.element[n.field]),1)],64)):s("v-if",!0),"checkbox"===n.type?m((l(),o(r(k),{key:1,disabled:r(U)(e.element,n.field),checked:e.element[n.field],"onUpdate:checked":[l=>e.element[n.field]=l,e=>function(e,l){v("updateChecked",{checked:e,column:l})}(e,n)]},null,8,["disabled","checked","onUpdate:checked"])),[[p,"0001"!=e.element.id]]):s("v-if",!0),"select"===n.type?m((l(),o(r(h),{key:2,clearable:"",disabled:_(n),value:e.element[n.field],"onUpdate:value":[l=>e.element[n.field]=l,e=>function(e,l){"sortDirection"===l.field&&"NONE"===e&&(D.element.sortPriority=null)}(e,n)],options:A(n)},null,8,["disabled","value","onUpdate:value","options"])),[[p,"fixedWay"===n.field||"0001"!=e.element.id]]):s("v-if",!0),"input"===n.type?m((l(),o(r(x),{key:3,value:e.element[n.field],"onUpdate:value":l=>e.element[n.field]=l,clearable:""},null,8,["value","onUpdate:value"])),[[p,"0001"!=e.element.id]]):s("v-if",!0),"inputNumber"===n.type?(l(),o(r(N),{key:4,value:e.element[n.field],"onUpdate:value":l=>e.element[n.field]=l},null,8,["value","onUpdate:value"])):s("v-if",!0)],12,w)):s("v-if",!0)],64)))),128))]))}});export{D as default};
+import{defineComponent as e,openBlock as l,createElementBlock as t,Fragment as i,renderList as n,normalizeClass as a,normalizeStyle as o,unref as r,createBlock as u,withCtx as d,createVNode as s,createCommentVNode as f,createTextVNode as c,toDisplayString as p,withDirectives as m,vShow as v,createElementVNode as y}from"vue";import{NTooltip as h,NIcon as b,NCheckbox as k,NSelect as g,NInput as x,NInputNumber as N}from"naive-ui";import{setStyle as U,isDisable as E}from"../utils/index.js";import{ReorderTwoOutline as O}from"@vicons/ionicons5";import{range as P}from"lodash-es";const w={class:"row"},C=["title"],D=y("span",null,"拖拽调整顺序",-1);var L=e({__name:"Row",props:{element:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]},idx:{type:Number,default:1},fieldList:{type:Array,default:()=>[]},isHighlight:{type:Boolean}},emits:["updateChecked"],setup(e,{emit:y}){const L=e,S=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],A=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}];function H(e){switch(e.field){case"fixedWay":return S;case"sortDirection":return A;case"sortPriority":return function(){const e=P(1,L.fieldList.length+1).map((e=>({label:e.toString(),value:e}))),l=L.fieldList.filter((e=>!!e.sortPriority&&e.uuid!==L.element.uuid)).map((e=>e.sortPriority));return e.filter((e=>!l.includes(e.value)))}();default:return[]}}function _(e){if("sortPriority"!==e.field)return!1;const{sortDirection:l}=L.element;return!l||"NONE"===l}return(P,S)=>(l(),t("div",w,[(l(!0),t(i,null,n(e.columns,((n,P)=>(l(),t(i,{key:P},[n.isShow?(l(),t("span",{key:0,class:a(["table-cell",{"table-cell--highlight":e.isHighlight&&"title"===n.field}]),title:e.element[n.field],style:o(r(U)(n))},["text"===n.type?(l(),t(i,{key:0},[0===P?(l(),u(r(h),{key:0,trigger:"hover"},{trigger:d((()=>[s(r(b),{style:{"margin-right":"5px",top:"2px"},component:r(O)},null,8,["component"])])),default:d((()=>[D])),_:1})):f("v-if",!0),c(" "+p("seq"===n.field?e.idx:e.element[n.field]),1)],64)):f("v-if",!0),"checkbox"===n.type?m((l(),u(r(k),{key:1,disabled:r(E)(e.element,n.field),checked:e.element[n.field],"onUpdate:checked":[l=>e.element[n.field]=l,e=>function(e,l){y("updateChecked",{checked:e,column:l})}(e,n)]},null,8,["disabled","checked","onUpdate:checked"])),[[v,"0001"!=e.element.id]]):f("v-if",!0),"select"===n.type?m((l(),u(r(g),{key:2,clearable:"",disabled:_(n),value:e.element[n.field],"onUpdate:value":[l=>e.element[n.field]=l,e=>function(e,l){"sortDirection"===l.field&&"NONE"===e&&(L.element.sortPriority=null)}(e,n)],options:H(n)},null,8,["disabled","value","onUpdate:value","options"])),[[v,"fixedWay"===n.field||"0001"!=e.element.id]]):f("v-if",!0),"input"===n.type?m((l(),u(r(x),{key:3,value:e.element[n.field],"onUpdate:value":l=>e.element[n.field]=l,clearable:""},null,8,["value","onUpdate:value"])),[[v,"0001"!=e.element.id]]):f("v-if",!0),"inputNumber"===n.type?(l(),u(r(N),{key:4,value:e.element[n.field],"onUpdate:value":l=>e.element[n.field]=l},null,8,["value","onUpdate:value"])):f("v-if",!0)],14,C)):f("v-if",!0)],64)))),128))]))}});export{L as default};

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 .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 .row{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:52px;padding:5px 0}.c-field-set .table-cell{box-sizing:border-box;display:inline-block;padding:0 5px}.c-field-set__table-header{align-items:center;background:#f2f2f4;border:1px solid #f2f2f2;display:flex;height:52px}.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{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 .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{color:var(--primary-color)}.c-field-set__table-header{align-items:center;background:#f2f2f4;border:1px solid #f2f2f2;display:flex;height:52px}.c-field-set__table-body{flex:1;overflow-y:scroll}.c-field-set__table-footer{border-top:1px solid #d5d5d5;padding:12px 0}