cnhis-design-vue 3.1.41-beta.35 → 3.1.41-beta.36

package/es/components/quick-search/index.js

@@ -0,0 +1 @@
+import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as i}from"../../shared/utils/index.js";import o from"./src/index.vue.js";const s=o;s.install=function(o){i(o,s,r+"QuickSearch")};export{s as default};

package/es/components/{table-filter/src/quick-search/QuickSearch.vue.d.ts → quick-search/src/index.vue.d.ts}

@@ -1,11 +1,15 @@
 import { PropType } from 'vue';
+import { IParentNamesType, ISearchType, ISaveType, IApiServerType, ISearchParamsType } from '../../../../es/components/table-filter/src/types';
 import 'moment/locale/zh-cn';
-import { IParentNamesType, ISearchType, ISaveType, IApiServerType } from '../../../../../es/components/table-filter/src/types';
 declare const _default: import("vue").DefineComponent<{
     searchFieldList: {
         type: PropType<IApiServerType[]>;
         default: () => never[];
     };
+    quickSearchConfig: {
+        type: PropType<ISearchParamsType[]>;
+        default: () => never[];
+    };
     tableId: {
         type: StringConstructor;
         default: string;
@@ -24,12 +28,9 @@ declare const _default: import("vue").DefineComponent<{
     $message: import("naive-ui").MessageApi;
     handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
     outQuickSearchFn: {
-        handleRequestedLabel(v: any): Promise<import("axios").AxiosResponse<any, any>>;
         handlerInitSearchItem(arr: ISearchType[]): void;
-        handleSetLabelOptions(labelType: any, el: ISearchType): void;
-        getConObj(arr: any): any;
     };
-    initRenderWidgetCfg: (cfg: ISearchType) => any;
+    getDefValByRenderWidget: (cfg: ISearchType) => any;
     getRenderSearchConObj: (cfg: ISearchType) => {
         field_key: string;
         con: string | undefined;
@@ -37,6 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         unit: null;
     } | null;
     resetRenderWidgetValue: (cfg: ISearchType) => any;
+    isRender: (cfg: ISearchType) => any;
     transformData: (advancedFilterData: IApiServerType[]) => {
         fieldType: string;
         columnName: string;
@@ -62,11 +64,16 @@ declare const _default: import("vue").DefineComponent<{
         placeholder: string | undefined;
         advanceColWidth: string;
     }[];
+    getCacheDef: (item: ISearchType, cacheList: string[]) => string | string[];
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         searchFieldList: {
             type: PropType<IApiServerType[]>;
             default: () => never[];
         };
+        quickSearchConfig: {
+            type: PropType<ISearchParamsType[]>;
+            default: () => never[];
+        };
         tableId: {
             type: StringConstructor;
             default: string;
@@ -328,10 +335,10 @@ declare const _default: import("vue").DefineComponent<{
         hasFieldList?: any;
         search_DefaultValue?: any;
     }[];
-    getMergeConObj: () => any;
-    getConObjParams: () => any;
+    getMergeConObj: () => ISearchParamsType[];
+    getConObjParams: () => ISearchParamsType[];
     openSaveToCalss: () => void;
-    getConObj: (arr: ISearchType[]) => any;
+    getConObj: (arr: ISearchType[]) => ISearchParamsType[];
     saveToCalss: () => void;
     handleParentNamesAdd: (e: Event) => void;
     hanldeBlur: () => void;
@@ -343,6 +350,7 @@ declare const _default: import("vue").DefineComponent<{
     cancelSaveToCalss: () => void;
     clearData: () => void;
     handlerReset: (arr: ISearchType[]) => void;
+    setDefaultCon: (widgetArr: ISearchParamsType[]) => void;
     NForm: any;
     NFormItem: import("vue").DefineComponent<{
         readonly label: StringConstructor;
@@ -683,6 +691,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IApiServerType[]>;
         default: () => never[];
     };
+    quickSearchConfig: {
+        type: PropType<ISearchParamsType[]>;
+        default: () => never[];
+    };
     tableId: {
         type: StringConstructor;
         default: string;
@@ -695,6 +707,7 @@ declare const _default: import("vue").DefineComponent<{
     onGetFilterParam?: ((...args: any[]) => any) | undefined;
     onClearQuickSearchConfig?: ((...args: any[]) => any) | undefined;
 }, {
+    quickSearchConfig: ISearchParamsType[];
     searchFieldList: IApiServerType[];
     tableId: string;
 }>;

package/es/components/quick-search/src/index.vue.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,computed as a,watch as t,onMounted as i,openBlock as n,createElementBlock as o,createElementVNode as s,Fragment as r,renderList as u,unref as c,normalizeClass as d,createCommentVNode as v,toDisplayString as f,createBlock as m,createVNode as p,withCtx as h,createTextVNode as g,withDirectives as k,vShow as b,isRef as y}from"vue";import{useMessage as C,NModal as S,NCard as _,NIcon as x,NButton as q,NForm as A,NFormItem as w,NInput as F}from"naive-ui";import{CloseOutline as j,AddOutline as I}from"@vicons/ionicons5";import R from"../../table-filter/src/hooks/useMixins.js";import V from"../../table-filter/src/hooks/useRenderWidget.js";import D from"../../table-filter/src/hooks/useAdvanced.js";import E from"../../table-filter/src/components/render-widget/index.vue.js";import"moment/locale/zh-cn";import{cloneDeep as L}from"lodash-es";import U from"../../../_virtual/plugin-vue_export-helper.js";const z={class:"quick-search-block quick-search-table"},B={class:"quick-row"},T={class:"quick-item-title"},N={class:"quick-item-col"},O={class:"svg-wrap"},P={class:"flex_right"},Q={class:"class-filter-content"},W={class:"quickSearch-content"},M=s("span",{class:"label"},"父类名称：",-1),G=["onDblclick","onClick"],J={key:0,class:"s-content"};var H=U(e({__name:"index",props:{searchFieldList:{type:Array,default:()=>[]},quickSearchConfig:{type:Array,default:()=>[]},tableId:{type:String,default:""},filterApiConfig:{type:Object}},emits:["getFilterParam","onFilterSearch","clearQuickSearchConfig"],setup(e,{expose:U,emit:H}){const K=e,X={classname:{required:!0,message:"请输入分类名称",trigger:["input","blur"]}},Y=C(),{handleGetConfigApi:Z,outQuickSearchFn:$}=R(),{getDefValByRenderWidget:ee,getRenderSearchConObj:le,resetRenderWidgetValue:ae,isRender:te}=V(),{transformData:ie,getCacheDef:ne}=D(),oe=l(null),se=l({classname:""});let re=l(!1),ue=l([]),ce=l([]),de=l(!1),ve=l(""),fe=a((()=>!!ce.value.length&&ce.value.some((e=>e.isAdd)))),me=a((()=>(e,l="name")=>e.alias||e[l]));function pe(){return function(e){if(!Array.isArray(e))return[];let l=[];for(let a=0;a<e.length;a++){let t=e[a];const i=le(t);!l.find((e=>e.field_key===i.field_key))&&i&&l.push(i)}return l.filter((e=>e.value))}(ue.value)||[]}function he(){var e;null==(e=oe.value)||e.validate((e=>{var l;if(e)return;let a=pe();a.length||(a=[]);let t=null==(l=ce.value.filter((e=>e.selected))[0])?void 0:l.value;!async function(e){var l;try{if(!await Z(e,"requestSaveTableCondiTion",{},K.filterApiConfig))return;re.value=!1,null==(l=oe.value)||l.restoreValidation(),se.value.classname="",ce.value=[],Ce()}catch(e){console.log(e)}}({tableId:K.tableId||"",setting:JSON.stringify({displayCategory:t,name:se.value.classname,conObj:a}),conditionList:"[]"})}))}function ge(e){var l;const a=null==(l=null==e?void 0:e.target)?void 0:l.nextElementSibling;setTimeout((()=>{a&&a.focus()})),de.value=!0}function ke(){de.value=!1,ve.value&&(ce.value.forEach((e=>e.selected=!1)),ce.value.push({disabled:!0,value:ve.value,selected:!0,isAdd:!0}),ve.value="")}function be(e,l){!function(e,l){ce.value.splice(e,1)}(e)}function ye(){re.value=!1}function Ce(){!function(e){if(!Array.isArray(e))return;e.forEach((e=>{ae(e)})),$.handlerInitSearchItem(ue.value)}(ue.value),H("clearQuickSearchConfig")}return t((()=>K.searchFieldList),(e=>{e&&e.length>0&&function(){let e=L(ie(K.searchFieldList)).filter((e=>1==e.isShowSearch&&1!=e.filterExplicit))||[];ue.value=e||[],$.handlerInitSearchItem(ue.value)}()}),{immediate:!0,deep:!0}),t((()=>ue),(()=>{const e=pe()||[];H("getFilterParam",e)}),{deep:!0}),i((()=>{const e=K.quickSearchConfig;var l;e&&e.length>0&&(l=e,ue.value.forEach(((e,a)=>{var t;if(te(e)){const a=l.find((l=>l.field_key===e.columnName));a&&(null==(t=a.value)?void 0:t.length)>0&&(e.value=ne(e,a.value))}})))})),U({openSaveToCalss:function(){let e=pe();e&&(e.length>0?re.value=!0:Y.warning("请设置搜索条件"))},clearData:Ce,onFilterSearch:function(){let e=pe()||[];return H("onFilterSearch",e,!1),ue.value}}),(e,l)=>(n(),o("div",null,[s("div",z,[(n(!0),o(r,null,u(c(ue),(e=>(n(),o("div",{class:d(["quick-item",{"quick-block":e._isBlock}]),key:e.sid||e.columnName},[s("div",B,[v(" title "),s("div",T,[s("span",null,f(c(me)(e,"title"))+"  ",1)]),v(" content "),s("div",N,[v(" 直接渲染组件 "),e.isRender?(n(),m(E,{key:0,cfg:e,modelValue:e.value,"onUpdate:modelValue":l=>e.value=l},null,8,["cfg","modelValue","onUpdate:modelValue"])):v("v-if",!0)])])],2)))),128))]),v(" 保存到分类的弹窗 "),p(c(S),{show:c(re),maskClosable:!1,"positive-text":"确认","negative-text":"取消",onPositiveClick:he,onNegativeClick:ye,class:"classification-modal-block"},{default:h((()=>[p(c(_),{title:"设置筛选分类",style:{width:"520px"},bordered:!1,size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":h((()=>[s("div",O,[p(c(x),{component:c(j),size:"24",onClick:ye},null,8,["component"])])])),footer:h((()=>[s("div",P,[p(c(q),{onClick:ye},{default:h((()=>[g("取消")])),_:1}),p(c(q),{type:"info",onClick:he},{default:h((()=>[g("确认")])),_:1})])])),default:h((()=>[s("div",Q,[p(c(A),{ref_key:"formRef",ref:oe,"label-placement":"left",rules:X,model:se.value},{default:h((()=>[p(c(w),{label:"筛选集名称",path:"classname"},{default:h((()=>[p(c(F),{value:se.value.classname,"onUpdate:value":l[0]||(l[0]=e=>se.value.classname=e),placeholder:"请输入分类名称",clearable:""},null,8,["value"])])),_:1})])),_:1},8,["model"]),s("div",W,[M,(n(!0),o(r,null,u(c(ce),((e,l)=>(n(),o("div",{class:d(["edit-tag",{"edit-tag-select":e.selected&&e.disabled}]),key:l,onDblclick:l=>function(e,l){l.disabled=!1,setTimeout((()=>{var l;null==(l=e.target)||l.focus()}),0)}(l,e),onClick:a=>function(e,l){e.disabled&&(ce.value.forEach(((e,a)=>{a!==l&&(e.selected=!1)})),e.selected=!e.selected)}(e,l)},[e.disabled?(n(),o("div",J,[s("span",null,f(e.value),1)])):(n(),m(c(F),{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"])),p(c(x),{component:c(j),class:"anticon-close",size:"20",onClick:e=>be(l)},null,8,["component","onClick"])],42,G)))),128)),c(fe)?v("v-if",!0):(n(),o(r,{key:0},[k(p(c(q),{dashed:"",icon:"plus",class:"ant-btn",onClick:ge},{default:h((()=>[p(c(x),{component:c(I),size:"20"},null,8,["component"]),g("添加分类 ")])),_:1},512),[[b,!c(de)]]),k(p(c(F),{style:{width:"100px"},class:"edit-tag",value:c(ve),"onUpdate:value":l[1]||(l[1]=e=>y(ve)?ve.value=e:ve=e),valueModifiers:{trim:!0},onBlur:ke,maxLength:10},null,8,["value"]),[[b,c(de)]])],64))])])])),_:1})])),_:1},8,["show"])]))}}),[["__file","index.vue"]]);export{H as default};

package/es/components/quick-search/style/index.css

@@ -0,0 +1 @@
+.classification-modal-block .n-card-header .svg-wrap .iconfont-table-filter{cursor:pointer;font-size:18px}.classification-modal-block .n-card-header .svg-wrap .iconfont-table-filter:last-child{margin-left:16px}.classification-modal-block .n-card-header .svg-wrap .n-icon{cursor:pointer}.classification-modal-block .n-card__content{overflow-y:auto}.classification-modal-block .n-card__content .table-modal-list .list-title{background-color:#f2f2f4;border:1px solid #e1dfdf;display:flex;height:52px;line-height:52px}.classification-modal-block .n-card__content .table-modal-list .list-title .list-title-item{font-weight:700;width:25%}.classification-modal-block .n-card__content .table-modal-list .list-content{padding:0}.classification-modal-block .n-card__content .table-modal-list .list-content li{display:flex;height:52px;line-height:52px}.classification-modal-block .n-card__content .table-modal-list .list-content li .list-content-item{align-items:center;display:flex;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:25%}.classification-modal-block .n-card__content .table-modal-list .list-content li .list-content-item .n-icon{cursor:pointer;margin-right:8px}.classification-modal-block .n-card__content .table-modal-list .list-content li.checked,.classification-modal-block .n-card__content .table-modal-list .list-content li.checked .text{background-color:#f2f2f2}.classification-modal-block .n-card__content .table-modal-list .list-content li .text{background-color:#fff;display:inline-block;padding:0 10px;position:relative}.classification-modal-block .n-card__content .table-modal-list .list-content li .list-content-line{position:relative;text-align:center;width:75%}.classification-modal-block .n-card__content .table-modal-list .list-content li .list-content-line:before{border:1px solid #e8e8e8;content:"";left:0;margin-top:20px;position:absolute;width:100%}.classification-modal-block .n-card__content .table-modal-list .list-title-item{margin-left:-1px;padding:0 10px}.classification-modal-block .n-card__content .table-modal-list .list-content-item{border-bottom:1px solid #e1dfdf;margin-left:-1px;margin-top:-1px;padding:0 10px}.classification-modal-block .n-card__content .table-modal-list .list-content-item .ant-switch{height:16px;min-width:28px;width:28px}.classification-modal-block .n-card__content .table-modal-list .list-content-item .ant-switch:after{height:12px;width:12px}.classification-modal-block .n-card__content .table-modal-list .list-content-radio,.classification-modal-block .n-card__content .table-modal-list .list-content-switch{text-align:center}.classification-modal-block .n-card__content .table-modal-list .anticon+.anticon{margin-left:8px}.classification-modal-block .n-card__content .class-filter-content .item-name{display:flex;height:32px;line-height:32px;margin-bottom:10px}.classification-modal-block .n-card__content .class-filter-content .item-name .label{text-align:right;width:120px}.classification-modal-block .n-card__content .class-filter-content .item-name .addAction{align-items:center;cursor:pointer;display:flex}.classification-modal-block .n-card__content .class-filter-content .item-name .blue{color:#2d7aff;margin-right:8px}.classification-modal-block .n-card__content .class-filter-content .n-form-item-label{width:120px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content{align-items:center;display:flex;flex-wrap:wrap;line-height:32px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .label{display:inline-block;height:32px;line-height:32px;margin-bottom:10px;text-align:right;width:120px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .ant-btn-dashed{border-color:#a6a6a6;color:#a6a6a6}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag{margin-bottom:10px;margin-right:10px;position:relative}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag .anticon-close{color:#2d7aff;cursor:pointer;line-height:36px;position:absolute;right:5px;top:2px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag .s-content{align-items:center;background-color:rgba(45,122,255,.1);border:1px solid #2d7aff;border-radius:3px;box-sizing:border-box;color:#2d7aff;cursor:pointer;display:flex;justify-content:center;opacity:1;padding:0 10px;width:100px}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag .s-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag.edit-tag-select .ant-input-disabled,.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag.edit-tag-select .s-content{background-color:#2d7aff;color:#fff}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .edit-tag.edit-tag-select .anticon-close{color:#fff}.classification-modal-block .n-card__content .class-filter-content .quickSearch-content .ant-btn{margin-bottom:10px}.classification-modal-block .n-card__content .class-filter-content .select-item-list{border-top:1px solid #e6e6e6;margin-bottom:6px;margin-top:16px;padding-top:12px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li{align-items:center;display:flex;list-style:none;margin-bottom:10px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .index-span{display:inline-block;width:30px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .form-item{margin-right:10px;width:120px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .form-item.n-date-picker{width:auto}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .value-cfg_wrapper{display:flex;flex-wrap:wrap}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .value-cfg_wrapper .form-item{margin-right:10px}.classification-modal-block .n-card__content .class-filter-content .select-item-list li .delete-item-icon{color:red;cursor:pointer;font-size:18px}.classification-modal-block .n-card__footer{padding-top:10px}.classification-modal-block .n-card__footer .flex_between{display:flex;justify-content:space-between}.classification-modal-block .n-card__footer .flex_right{display:flex;justify-content:right}.classification-modal-block .n-card__footer .n-button{margin-left:8px}.quick-search-block .quick-item{margin-bottom:10px;min-width:32px}.quick-search-block .quick-item .quick-row{align-items:center;display:flex}.quick-search-block .quick-item .quick-row .quick-item-title{line-height:32px;min-width:80px;padding-left:12px;text-align:right}.quick-search-block .quick-item .quick-row .quick-item-col{align-items:center;display:flex;padding:0 12px}.quick-search-block .quick-item .quick-row .quick-item-title-default{width:25%}.quick-search-block .quick-item .quick-row .quick-item-col-default{width:75%}.quick-search-block.quick-search-table .quick-item{display:inline-block}.quick-search-block.quick-search-table .quick-item.quick-block{display:block}