cnhis-design-vue 3.1.41-beta.1 → 3.1.41-beta.10

package/es/components/iho-table/src/plugins/filterPlugin/filter.vue.js

@@ -1 +0,0 @@
-import{defineComponent as e,inject as t,ref as l,onDeactivated as a,watch as o,computed as i,openBlock as s,createElementBlock as n,normalizeStyle as u,unref as r,createElementVNode as c,renderSlot as v,createVNode as p,withCtx as d,createTextVNode as f,toDisplayString as h,normalizeClass as m,createCommentVNode as _,Fragment as y,renderList as k,createBlock as b,isRef as g}from"vue";import{widthAppend as x}from"../../../../../shared/utils/index.js";import{FunnelSharp as C}from"@vicons/ionicons5";import{useVModel as S,useVirtualList as j}from"@vueuse/core";import{NEllipsis as w,NPopover as A,NIcon as $,NInput as B,NCheckbox as I,NCheckboxGroup as L,NButtonGroup as U,NButton as q}from"naive-ui";import{InjectionIhoTableUUID as P,InjectionIhoTableConfig as W}from"../../constants/index.js";import{IhoTableRenderHelper as Z}from"../../utils/index.js";import z from"../../../../../_virtual/plugin-vue_export-helper.js";const E={class:"iho-table__filterWrapper"},F={key:0},H=["onClick"],O={class:"iho-table__filterListItem"},D={class:"iho-table__filterFooter"};var G=z(e({__name:"filter",props:{payload:{type:Object,required:!0},sortable:{type:Boolean},options:{type:Array,default:()=>[]},checked:{type:Array,required:!0},sortStatus:{type:String}},emits:["update:checked","update:sortStatus"],setup(e,{emit:z}){const G=e,J=t(P),K=t(W),M=S(G,"checked",z),N=S(G,"sortStatus",z),Q=l([]),R=l(!1),T=l("");function V(){R.value=!R.value}function X(){R.value=!1}a(X),o(R,(e=>{e&&(Q.value=[...M.value],T.value="")}));const{list:Y,containerProps:ee,wrapperProps:te}=j(i((()=>T.value?G.options.filter((e=>e.key.includes(T.value))):G.options)),{itemHeight:32,overscan:3}),le=i((()=>!!Q.value.length&&Q.value.length!==G.options.length)),ae=i({get:()=>Q.value.length===G.options.length,set:e=>{Q.value=e?G.options.map((e=>e.value)):[]}}),oe=i((()=>({...ee.style,height:x(320)})));function ie(){X(),z("update:checked",Q.value)}const se=[{status:"asc",text:"升序 A to Z"},{status:"desc",text:"降序 Z to A"}];const ne=i((()=>M.value.length||N.value)),ue=i((()=>{var e;return Z.isEditableColumn(K.value,null==(e=G.payload)?void 0:e.column)})),re=i((()=>({display:"inline-flex","align-items":"center",justifyContent:"start",width:`calc(100% - ${ue.value?19:0}px)`})));return(t,l)=>(s(),n("section",{style:u(r(re))},[c("section",null,[v(t.$slots,"header",{},(()=>[p(r(w),null,{default:d((()=>[f(h(e.payload.column.title),1)])),_:1})]))]),p(r(A),{to:`#${r(J)}`,show:R.value},{trigger:d((()=>[p(r($),{class:m(["iho-table__filterIcon",{"is-active":r(ne)}]),component:r(C),onClick:V},null,8,["class","component"])])),default:d((()=>[c("section",E,[_(' 判断是否显示升序降序模块的组件 v-if="sortable"'),e.sortable?(s(),n("div",F,[(s(),n(y,null,k(se,(e=>c("div",{key:e.status,class:m(["iho-table__filterButton",{"iho-table__filterButton--active":r(N)===e.status}]),onClick:t=>{return l=e.status,X(),void z("update:sortStatus",l);var l}},h(e.text),11,H))),64))])):_("v-if",!0),e.options.length>5?(s(),b(r(B),{key:1,value:T.value,"onUpdate:value":l[0]||(l[0]=e=>T.value=e)},null,8,["value"])):_("v-if",!0),c("div",O,[p(r(I),{label:"全选",checked:r(ae),"onUpdate:checked":l[1]||(l[1]=e=>g(ae)?ae.value=e:null),indeterminate:r(le)},null,8,["checked","indeterminate"])]),p(r(L),{value:Q.value,"onUpdate:value":l[3]||(l[3]=e=>Q.value=e)},{default:d((()=>[c("section",{ref:r(ee).ref,style:u(r(oe)),onScroll:l[2]||(l[2]=(...e)=>r(ee).onScroll&&r(ee).onScroll(...e)),class:"iho-table__filterListWrapper"},[c("section",{style:u(r(te).style)},[(s(!0),n(y,null,k(r(Y),(e=>(s(),n("div",{class:"iho-table__filterListItem",key:e.data.value},[p(r(I),{value:e.data.value,label:e.data.key},null,8,["value","label"])])))),128))],4)],36)])),_:1},8,["value"]),c("footer",D,[c("section",null,h(`已选择${Q.value.length}项`),1),p(r(U),{size:"tiny"},{default:d((()=>[p(r(q),{onClick:l[4]||(l[4]=e=>Q.value=[])},{default:d((()=>[f("清空")])),_:1}),p(r(q),{onClick:X},{default:d((()=>[f("取消")])),_:1}),p(r(q),{type:"primary",onClick:ie},{default:d((()=>[f("确定")])),_:1})])),_:1})])])])),_:1},8,["to","show"])],4))}}),[["__file","filter.vue"]]);export{G as default};

package/es/components/iho-table/src/plugins/filterPlugin/index.d.ts

@@ -1 +0,0 @@
-export declare function filterPlugin(): import("../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/filterPlugin/index.js

@@ -1 +0,0 @@
-import{computed as e,createVNode as t,onBeforeUnmount as l,reactive as o}from"vue";import{jsonParse as s}from"../../../../../shared/utils/index.js";import{isObject as i,isFunction as r,isArray as a}from"lodash-es";import"../../../index.js";import{IHO_TABLE_NUMBER_STATUS as n}from"../../constants/index.js";import{useUUIDMap as u,IhoTableRenderHelper as d,IhoTableUtils as c}from"../../utils/index.js";import f from"./filter.vue.js";import{defineTablePlugin as p}from"../../hooks/useTablePlugin.js";function m(){const m="filterPlugin",{getItemFromUUID:v,removeItemFromUUID:h}=u((()=>{const e=o(new Map),t=o(new Set);return{stateMap:e,filterSet:t,setChecked:function({value:l,field:o,$table:s,emits:i}){const r=e.get(o);if(!r)return;const a=s.getColumnByField(o);function n(e,t){var l,o;const i=s.getColumnByField(e);return{column:i,field:i.field,datas:[],property:i.field,values:[...null!=(o=null==(l=t.get(e))?void 0:l.checked)?o:[]]}}a&&(l.length?t.add(a.field):t.delete(a.field),r.checked=l,i("filterChange",{$event:new PointerEvent("click"),$table:s,...n(a.field,e),filterList:[...t.values()].map((t=>n(t,e)))}))},setSort:function({value:t,field:l,$table:o,emits:s}){const i=e.get(l);if(!i)return;const r=o.getColumnByField(l);if(!r)return;if(!i.sortStatus&&!t)return;i.sortStatus=t===i.sortStatus?null:t,e.forEach(((e,t)=>{t!==r.field&&(e.sortStatus=null)}));const a={column:r,field:r.field,order:t,property:r.field,sortTime:Date.now()};s("sortChange",{$table:o,$event:new PointerEvent("click"),...a,sortList:[a]})}}}));return p({name:m,apply(o){o.fieldHooks.fieldList.tap(m,((l,{uuid:o},{$table:u,emits:p})=>(l.forEach((l=>{var m,h,S,g,k,b,C;const $=null==(m=l.editRender)?void 0:m.props;if(!i($))return;const y=s($.fieldSetting||"");if(!d.hasFilter(y))return;const E=l.sortable;l.sortable=!1;let F=null!=(g=null==(S=null==(h=y.mapping)?void 0:h.mappingFiled)?void 0:S.map((e=>e.value[0])))?g:[];(function(e){const t=["SEARCH","SELECT","RADIO","CHECKBOX"];return(e.notParticipatingSearch||"")!==n.POSITIVE&&t.includes(c.getCellType(e))&&a(e.options)&&e.options.length})($)&&(F=null!=(b=null==(k=$.options)?void 0:k.map((e=>({...e,key:e.label}))))?b:[]);const{filterState:x,setChecked:I,setSort:j}=function(e,t,l={}){const{stateMap:o,setChecked:s,setSort:i}=v(e);return{filterState:o.set(t,o.get(t)||{options:[],checked:l.checked||[],sortStatus:l.sortStatus||null}).get(t),setChecked:s,setSort:i}}(o,l.field,$.filterDefaultValue);x.options=F;const P=null==(C=l.slots)?void 0:C.header,U=e({get:()=>x.sortStatus,set:e=>j({field:l.field,value:e,$table:u.value,emits:p})}),w=e({get:()=>x.checked,set:e=>I({field:l.field,value:e,$table:u.value,emits:p})}),D=e((()=>x.options));l.slots={...l.slots,header:e=>t(f,{payload:e,options:D.value,sortable:E,checked:w.value,"onUpdate:checked":e=>w.value=e,sortStatus:U.value,"onUpdate:sortStatus":e=>U.value=e},{header:()=>r(P)?P(e):P})}})),l))),o.setupHooks.setup.tap(m,(e=>{l((()=>e.value.uuid&&h(e.value.uuid)))})),o.exposeHooks.expose.tap(m,((e,t,{$table:l,emits:o})=>({...e,getFilterState(e){if(!t.value.uuid)return;const{stateMap:l}=v(t.value.uuid),o=l.get(e);return o&&{checked:[...o.checked],sortStatus:o.sortStatus}},setFilterState(e,s){if(!t.value.uuid)return;const{setChecked:i,setSort:r}=v(t.value.uuid);Reflect.has(s,"sortStatus")&&r({field:e,value:s.sortStatus,$table:l.value,emits:o}),a(s.checked)&&i({field:e,value:s.checked,$table:l.value,emits:o})}})))}})}export{m as filterPlugin};

package/es/components/iho-table/src/plugins/filterPlugin/types.d.ts

@@ -1,7 +0,0 @@
-import { AnyObject } from '../../../../../../es/shared/types';
-import { VxeTablePropTypes } from 'vxe-table';
-export declare type FilterState = {
-    options: AnyObject[];
-    checked: string[];
-    sortStatus: VxeTablePropTypes.SortOrder;
-};

package/es/components/iho-table/src/plugins/filterPlugin/types.js

@@ -1 +0,0 @@
-

package/es/components/table-filter/src/classification/search-class-name.vue.d.ts

@@ -1,71 +0,0 @@
-import { IParentNamesType } from '../../../../../es/components/table-filter/src/types';
-declare const _default: import("vue").DefineComponent<{
-    showItemName: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tableId: {
-        type: StringConstructor;
-        default: string;
-    };
-    actionList_prop: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}, {
-    attrs: any;
-    $message: import("naive-ui").MessageApi;
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        showItemName: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        tableId: {
-            type: StringConstructor;
-            default: string;
-        };
-        actionList_prop: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-    }>> & {}>>;
-    showAdd: import("vue").Ref<boolean>;
-    className: import("vue").Ref<string>;
-    addVal: import("vue").Ref<string>;
-    parentNames: import("vue").Ref<{
-        disabled: boolean;
-        isAdd?: boolean | undefined;
-        selected: boolean;
-        value: string;
-    }[]>;
-    parentNamesHasAdd: import("vue").ComputedRef<boolean>;
-    init: () => void;
-    getParentNames: () => void;
-    handleParentNamesAdd: (e: Event) => void;
-    hanldeBlur: () => void;
-    editParentName: (e: Event, item: IParentNamesType) => void;
-    handleParentNameSelect: (item: IParentNamesType, index: number) => void;
-    handleParentNamesRemove: (index: number, item: IParentNamesType) => void;
-    handleParent: (index: number, item: IParentNamesType) => void;
-    NButton: any;
-    NInput: any;
-    CloseOutline: 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<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    showItemName: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tableId: {
-        type: StringConstructor;
-        default: string;
-    };
-    actionList_prop: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}>>, {
-    tableId: string;
-    actionList_prop: Record<string, any>;
-    showItemName: boolean;
-}>;
-export default _default;

package/es/components/table-filter/src/classification/search-class-name.vue.js

@@ -1 +0,0 @@
-import{defineComponent as e,useAttrs as l,ref as a,computed as t,onMounted as s,resolveComponent as i,openBlock as n,createElementBlock as o,createVNode as u,unref as c,createCommentVNode as d,Fragment as v,renderList as r,normalizeClass as p,createElementVNode as m,toDisplayString as f,createBlock as h,withDirectives as b,withCtx as y,createTextVNode as g,vShow as k}from"vue";import{useMessage as _,NInput as x,NButton as C}from"naive-ui";import{CloseOutline as L}from"@vicons/ionicons5";import w from"../../../../_virtual/plugin-vue_export-helper.js";const I={class:"search-class-name-block"},B={key:0,class:"item-name"},E=m("span",{class:"label"},"筛选分类名称：",-1),N={key:1,class:"parent-names"},U=m("span",{class:"label"},"父类名称：",-1),j=["onDblclick","onClick"],A={key:0,class:"s-content"};var D=w(e({__name:"search-class-name",props:{showItemName:{type:Boolean,default:!0},tableId:{type:String,default:""},actionList_prop:{type:Object,default:()=>({})}},setup(e){const w=e,D=l(),S=_(),T=a(!1),z=a(""),M=a(""),O=a([]),q=t((()=>O.value.some((e=>e.isAdd))));function F(e){var l;const a=null==(l=null==e?void 0:e.target)?void 0:l.nextElementSibling;setTimeout((()=>{a&&a.focus()})),T.value=!0}function G(){T.value=!1,M.value&&(O.value.forEach((e=>e.selected=!1)),O.value.push({disabled:!0,value:M.value,selected:!0,isAdd:!0}),M.value="")}function H(e,l){!function(e,l){let{conditionList:a}=D;if(!a||!a.length)return void O.value.splice(e,1);let t=a.filter((e=>e.displayCategory===l.value));if(!t||!t.length)return void O.value.splice(e,1);S.error("该分类下有已有数据，请删除该分类下的筛选集后重试！")}(e,l)}return s((()=>{w.showItemName&&function(){let e=[];D.displayCategoryList.forEach((l=>{"未分类"!==l&&e.push({disabled:!0,selected:l===w.actionList_prop.displayCategory,value:l})})),O.value=e}(),z.value=w.actionList_prop.name})),(l,a)=>{const t=i("n-icon");return n(),o("div",I,[e.showItemName?(n(),o("div",B,[E,u(c(x),{value:z.value,"onUpdate:value":a[0]||(a[0]=e=>z.value=e),placeholder:"请输入分类名称",style:{width:"250px"},maxLength:10},null,8,["value"])])):d("v-if",!0),e.showItemName?(n(),o("div",N,[U,(n(!0),o(v,null,r(O.value,((e,l)=>(n(),o("div",{class:p(["edit-tag",{"edit-tag-select":e.selected&&e.disabled}]),key:l,onDblclick:l=>function(e,l){l.disabled=!1,setTimeout((()=>{e.target.focus()}),0)}(l,e),onClick:a=>function(e,l){e.disabled&&(O.value.forEach(((e,a)=>{a!==l&&(e.selected=!1)})),e.selected=!e.selected)}(e,l)},[e.disabled?(n(),o("div",A,[m("span",null,f(e.value),1)])):(n(),h(c(x),{key:1,style:{width:"100px"},value:e.value,"onUpdate:value":l=>e.value=l,disabled:e.disabled,onBlur:()=>e.disabled=!0,maxLength:10},null,8,["value","onUpdate:value","disabled","onBlur"])),u(t,{component:c(L),class:"anticon-close",size:"20",onClick:a=>H(l,e)},null,8,["component","onClick"])],42,j)))),128)),c(q)?d("v-if",!0):(n(),o(v,{key:0},[b(u(c(C),{icon:"plus",dashed:"",onClick:F},{default:y((()=>[g("添加父类")])),_:1},512),[[k,!T.value]]),b(u(c(x),{class:"edit-tag",value:M.value,"onUpdate:value":a[1]||(a[1]=e=>M.value=e),valueModifiers:{trim:!0},style:{width:"100px"},onBlur:G,maxLength:10},null,8,["value"]),[[k,T.value]])],64))])):d("v-if",!0)])}}}),[["__file","search-class-name.vue"]]);export{D as default};