cnhis-design-vue 3.1.42-beta.12 → 3.1.42-beta.14

package/es/components/iho-table/src/IhoTable.vue.js

@@ -1 +1 @@
-import{defineComponent as e,computed as t,provide as o,ref as a,watch as l,resolveComponent as s,openBlock as n,createElementBlock as i,unref as r,normalizeStyle as u,createBlock as c,resolveDynamicComponent as f,createVNode as d,mergeProps as p,createSlots as v,renderList as m,withCtx as b,createCommentVNode as h,renderSlot as g}from"vue";import{useTheme as x}from"../../../shared/hooks/useTheme.js";import{useDebounceFn as k}from"@vueuse/core";import{isString as y,isFunction as C}from"lodash-es";import{widthAppend as j,uuidGenerator as D}from"../../../shared/utils/index.js";import{promiseTimeout as _}from"@vueuse/shared";import{VxeTableEventNameList as $,InjectionIhoTableEmits as H,InjectionIhoTableAnnotation as T,InjectionIhoTableUUID as A,InjectionIhoTableInstance as L,InjectionIhoTableConfig as w,InjectionIhoTableFieldList as R,InjectionIhoTableHandler as E}from"./constants/index.js";import{createTableHooks as F,applyTableConfigHooks as I,applyTableFieldHooks as O,createTableEventHandlers as S,createDomInsertComponent as q,createDataTransfer as z}from"./hooks/tapHooks/index.js";import{provideIhoTableEventListener as B}from"./hooks/tapHooks/useEventHooks.js";import{eventName2EventListener as G}from"./utils/index.js";import J from"../../../_virtual/plugin-vue_export-helper.js";const K=["id"];var M=J(e({__name:"IhoTable",props:{tableConfig:{type:Object,default:()=>({})},fieldList:{type:Array,default:()=>[]},tableData:{type:Array,default:()=>[]},annotation:{type:Object}},emits:["formChange","settingClick","formClick","keyboard",...$],setup(e,{expose:$,emit:J}){var M,N;const P=e,Q=x({"--c-border-color":"#e2e2e2","--c-head-bg-color":"#f2f2f2","--c-hover-color":"#f7f7f7"}),U=t((()=>{var e,t;const o=null!=(t=null==(e=P.tableConfig)?void 0:e.height)?t:"100%";return{...Q.value,height:"auto"===o?"100%":y(o)&&o.includes("calc")?o:j(o)}})),V=B(),W=function(e,...t){J(e,...t);const o=r(ee)[G(e)];C(o)&&o(...t),V.trigger(e,...t)};o(H,W);const X=F();o(T,t((()=>P.annotation)));const Y=D();o(A,Y);const Z=a();o(L,Z);const ee=a({uuid:null!=(N=null==(M=P.tableConfig)?void 0:M.uuid)?N:Y});o(w,ee);const te=k(oe,10);function oe(){ee.value=I(X,P.tableConfig),ee.value.uuid=Y}const ae=a([]);o(R,ae);const le=k(se,10);function se(){ae.value=O(X,P.fieldList,ee.value,{$table:Z,emits:W})}const ne=z(X,ee,Z),ie=a([]),re=k(ue,10);async function ue(){var e;ie.value=await ne(P.tableData),null==(e=Z.value)||e.recalculate(!0)}const ce={updateTableDataRef:re,updateConfigRef:te,updateFieldListRef:le};o(E,ce);const fe=S({hooks:X,config:ee,$table:Z,context:ce,emits:W}),de=t((()=>({...ee.value,...fe})));l((()=>P.tableConfig),(()=>{te(),le(),re()}),{deep:!0}),l((()=>P.fieldList),(()=>{le(),re()}),{deep:!0}),l([()=>P.tableData,()=>{var e;return null==(e=P.tableData)?void 0:e.length}],(async()=>{var e,t;(null==(e=ee.value.treeConfig)?void 0:e.expandAll)&&(await _(11),null==(t=Z.value)||t.setAllTreeExpand(!0))})),l((()=>[...P.tableData]),re),oe(),se(),ue();const{header:pe,footer:ve}=q(X);return $({$table:Z,async loadData(e){var t;null==(t=Z.value)||t.loadData(await ne(e))},setSort:(e,t)=>({field:e,value:t}),setFilter:(e,t)=>({field:e,value:t}),...X.exposeHooks.expose.call({},ee,{$table:Z,emits:W})}),X.setupHooks.setup.call(ee,ae),(e,t)=>{const o=s("vxe-grid");return n(),i("section",{class:"iho-table",id:r(Y),style:u(r(U))},[(n(),c(f(r(pe)))),d(o,p({ref_key:"$table",ref:Z},r(de),{columns:ae.value,data:ie.value}),v({_:2},[m(e.$slots,((t,o)=>({name:o,fn:b((()=>[h("   实际上所有的vxe-grid插槽都支持     "),g(e.$slots,o)]))})))]),1040,["columns","data"]),(n(),c(f(r(ve))))],12,K)}}}),[["__file","IhoTable.vue"]]);export{M as default};
+import{defineComponent as e,computed as t,provide as o,ref as a,watch as l,resolveComponent as s,openBlock as n,createElementBlock as i,unref as r,normalizeStyle as u,createBlock as c,resolveDynamicComponent as f,createElementVNode as d,createVNode as p,mergeProps as v,createSlots as m,renderList as b,withCtx as h,createCommentVNode as g,renderSlot as x}from"vue";import{useTheme as k}from"../../../shared/hooks/useTheme.js";import{useDebounceFn as y}from"@vueuse/core";import{isString as C,isFunction as j}from"lodash-es";import{widthAppend as D,uuidGenerator as _}from"../../../shared/utils/index.js";import{promiseTimeout as $}from"@vueuse/shared";import{VxeTableEventNameList as H,InjectionIhoTableEmits as T,InjectionIhoTableAnnotation as A,InjectionIhoTableUUID as L,InjectionIhoTableInstance as w,InjectionIhoTableConfig as R,InjectionIhoTableFieldList as E,InjectionIhoTableHandler as F}from"./constants/index.js";import{createTableHooks as I,applyTableConfigHooks as O,applyTableFieldHooks as S,createTableEventHandlers as W,createDomInsertComponent as q,createDataTransfer as z}from"./hooks/tapHooks/index.js";import{provideIhoTableEventListener as B}from"./hooks/tapHooks/useEventHooks.js";import{eventName2EventListener as G}from"./utils/index.js";import J from"../../../_virtual/plugin-vue_export-helper.js";const K=["id"];var M=J(e({__name:"IhoTable",props:{tableConfig:{type:Object,default:()=>({})},fieldList:{type:Array,default:()=>[]},tableData:{type:Array,default:()=>[]},annotation:{type:Object}},emits:["formChange","settingClick","formClick","keyboard",...H],setup(e,{expose:H,emit:J}){var M,N;const P=e,Q=k({"--c-border-color":"#e2e2e2","--c-head-bg-color":"#f2f2f2","--c-hover-color":"#f7f7f7"}),U=t((()=>{var e,t;const o=null!=(t=null==(e=P.tableConfig)?void 0:e.height)?t:"100%";return{height:"auto"===o?"100%":C(o)&&(o.includes("calc")||o.endsWith("%"))?o:D(o)}})),V=B(),X=function(e,...t){J(e,...t);const o=r(te)[G(e)];j(o)&&o(...t),V.trigger(e,...t)};o(T,X);const Y=I();o(A,t((()=>P.annotation)));const Z=_();o(L,Z);const ee=a();o(w,ee);const te=a({uuid:null!=(N=null==(M=P.tableConfig)?void 0:M.uuid)?N:Z});o(R,te);const oe=y(ae,10);function ae(){te.value=O(Y,P.tableConfig),te.value.uuid=Z}const le=a([]);o(E,le);const se=y(ne,10);function ne(){le.value=S(Y,P.fieldList,te.value,{$table:ee,emits:X})}const ie=z(Y,te,ee),re=a([]),ue=y(ce,10);async function ce(){var e;re.value=await ie(P.tableData),null==(e=ee.value)||e.recalculate(!0)}const fe={updateTableDataRef:ue,updateConfigRef:oe,updateFieldListRef:se};o(F,fe);const de=W({hooks:Y,config:te,$table:ee,context:fe,emits:X}),pe=t((()=>({...te.value,...de})));l((()=>P.tableConfig),(()=>{oe(),se(),ue()}),{deep:!0}),l((()=>P.fieldList),(()=>{se(),ue()}),{deep:!0}),l([()=>P.tableData,()=>{var e;return null==(e=P.tableData)?void 0:e.length}],(async()=>{var e,t;(null==(e=te.value.treeConfig)?void 0:e.expandAll)&&(await $(11),null==(t=ee.value)||t.setAllTreeExpand(!0))})),l((()=>[...P.tableData]),ue),ae(),ne(),ce();const{header:ve,footer:me}=q(Y);return H({$table:ee,async loadData(e){var t;null==(t=ee.value)||t.loadData(await ie(e))},setSort:(e,t)=>({field:e,value:t}),setFilter:(e,t)=>({field:e,value:t}),...Y.exposeHooks.expose.call({},te,{$table:ee,emits:X})}),Y.setupHooks.setup.call(te,le),(e,t)=>{const o=s("vxe-grid");return n(),i("section",{class:"iho-table",id:r(Z),style:u(r(Q))},[(n(),c(f(r(ve)))),d("section",{style:u(r(U))},[p(o,v({ref_key:"$table",ref:ee},r(pe),{columns:le.value,data:re.value}),m({_:2},[b(e.$slots,((t,o)=>({name:o,fn:h((()=>[g("   实际上所有的vxe-grid插槽都支持     "),x(e.$slots,o)]))})))]),1040,["columns","data"])],4),(n(),c(f(r(me))))],12,K)}}}),[["__file","IhoTable.vue"]]);export{M as default};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/editSelect.js

@@ -1 +1 @@
-import{defineComponent as e,reactive as o,createVNode as t,mergeProps as r}from"vue";import{NSelect as l}from"naive-ui";import{useIhoTableFormEvent as a}from"../../../../utils/index.js";import{useAutoFocus as n}from"../hooks/useAutoFocus.js";import{useDebounceFn as i}from"@vueuse/core";var u=e({name:"EditSelect",inheritAttrs:!1,components:{NSelect:l},props:{value:{type:[Array,String,Number],default:void 0},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0}},emits:["update:value"],setup(e,{attrs:u,emit:s}){const{isShow:c,setRef:p}=n(),{emitFormChangeWithParams:d}=a(e),m=o({placeholder:u.placeholder||"请选择",options:u.options});async function v(o){var t;m.loading=!0;const r={keyword:o,row:e.row,column:e.column,rowIndex:e.rowIndex};try{m.options=await(null==(t=u.queryOptions)?void 0:t.call(u,r)),m.loading=!1}catch(o){console.log(`获取${e.column.field}_options错误`)}}function h(o){const t=e.value;s("update:value",o),d({oldValue:t})}m.options||(m.remote=!0,m.loading=!1,m.onSearch=i(v,800),m.onSearch(""));const f=()=>({class:"iho-table__selectOption"}),w={class:"iho-table__selectMenu"};return()=>t(l,r({ref:p,show:c.value,"onUpdate:show":e=>c.value=e},u,m,{value:e.value,clearable:!0,filterable:!0,nodeProps:f,menuProps:w,onUpdateValue:h}),null)}});export{u as default};
+import{defineComponent as e,reactive as o,createVNode as t,mergeProps as r}from"vue";import{NSelect as l}from"naive-ui";import{useIhoTableFormEvent as a}from"../../../../utils/index.js";import{useAutoFocus as n}from"../hooks/useAutoFocus.js";import{useDebounceFn as i}from"@vueuse/core";var u=e({name:"EditSelect",inheritAttrs:!1,components:{NSelect:l},props:{value:{type:[Array,String,Number],default:void 0},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0}},emits:["update:value"],setup(e,{attrs:u,emit:s}){const{isShow:c,setRef:p}=n(),{emitFormChangeWithParams:d}=a(e),m=o({placeholder:u.placeholder||"请选择",options:u.options});async function v(o){var t;m.loading=!0;const r={keyword:o,row:e.row,column:e.column,rowIndex:e.rowIndex};try{m.options=await(null==(t=u.queryOptions)?void 0:t.call(u,r)),m.loading=!1}catch(o){console.log(`获取${e.column.field}_options错误`)}}function h(o){const t=e.value;s("update:value",o),d({oldValue:t})}m.options||(m.remote=!0,m.loading=!1,m.onSearch=i(v,400),m.onSearch(""));const f=()=>({class:"iho-table__selectOption"}),w={class:"iho-table__selectMenu"};return()=>t(l,r({ref:p,show:c.value,"onUpdate:show":e=>c.value=e},u,m,{value:e.value,clearable:!0,filterable:!0,nodeProps:f,menuProps:w,onUpdateValue:h}),null)}});export{u as default};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/index.js

@@ -1 +1 @@
-import{reactive as e,inject as o,createVNode as i,mergeProps as t,onBeforeUnmount as n}from"vue";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as r,InjectionIhoTableUUID as l}from"../../../../constants/index.js";import{createIhoTableClearActivedInterceptor as d,IhoTableRenderHelper as s}from"../../../../utils/index.js";import u from"./editSelect.js";import{getDefaultValue as p}from"./selectUtils.js";import{defineTablePlugin as a}from"../../../../hooks/useTablePlugin.js";function c(){const c="selectRendererPlugin",f=e(new Map),m=e(new Map);return a({name:c,vxe(e){e.interceptor.add("event.clearActived",d(r.SELECT,(e=>e.classList.contains("n-base-select-menu-option-wrapper")))),e.renderer.add(r.SELECT,{renderCell({props:e},{row:t,column:n,rowIndex:r}){var d,s;const u=o(l),a=(null==(s=null==(d=f.get(u))?void 0:d.find((e=>e.field===n.field)))?void 0:s.options)||[],c=p(t,e,a);return[i("span",null,[c])]},renderEdit:s.createRenderEdit((({fieldItem:e,emitFormClick:o,row:n,column:r,$rowIndex:l})=>[i(u,t({options:e.options,queryOptions:e.queryOptions},e.componentProps,{column:r,row:n,"row-index":l,value:n[r.field],"onUpdate:value":e=>n[r.field]=e,onClick:o}),null)]))})},apply(e){e.fieldHooks.fieldList.tap(c,((e,{uuid:o})=>(o&&m.set(o,e),e))),e.dataHooks.data.tapPromise(c,(async(e,o,{index:i,$table:t})=>{var n;if(!o.uuid)return;const r=m.get(o.uuid),l=f.get(o.uuid)||[];for(const t of r)if(t.field){if("select"===t.formType){if(l.findIndex((e=>e.field===t.field))>-1)continue;let o=t.options||[];if(t.queryOptions)try{const r={keyword:"",row:e,column:t,rowIndex:i};o=await(null==(n=t.queryOptions)?void 0:n.call(t,r))}catch(e){console.log(`获取${t.field}_options错误`)}l.push({field:t.field,options:o})}f.set(o.uuid,l)}})),e.setupHooks.setup.tap(c,(e=>{n((()=>{e.value.uuid&&(m.delete(e.value.uuid),f.delete(e.value.uuid))}))}))}})}export{c as selectRendererPlugin};
+import{reactive as e,inject as o,createVNode as i,mergeProps as t,onBeforeUnmount as n}from"vue";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as l,InjectionIhoTableUUID as r}from"../../../../constants/index.js";import{createIhoTableClearActivedInterceptor as d,IhoTableRenderHelper as s}from"../../../../utils/index.js";import u from"./editSelect.js";import{getDefaultValue as p}from"./selectUtils.js";import{defineTablePlugin as a}from"../../../../hooks/useTablePlugin.js";function c(){const c="selectRendererPlugin",f=e(new Map),m=e(new Map);return a({name:c,vxe(e){e.interceptor.add("event.clearActived",d(l.SELECT,(e=>e.classList.contains("iho-table__selectMenu")))),e.renderer.add(l.SELECT,{renderCell({props:e},{row:t,column:n}){var l,d;const s=o(r),u=(null==(d=null==(l=f.get(s))?void 0:l.find((e=>e.field===n.field)))?void 0:d.options)||[],a=p(t,e,u);return[i("span",null,[a])]},renderEdit:s.createRenderEdit((({fieldItem:e,emitFormClick:o,row:n,column:l,$rowIndex:r})=>[i(u,t({options:e.options,queryOptions:e.queryOptions},e.componentProps,{column:l,row:n,"row-index":r,value:n[l.field],"onUpdate:value":e=>n[l.field]=e,onClick:o}),null)]))})},apply(e){e.fieldHooks.fieldList.tap(c,((e,{uuid:o})=>(o&&m.set(o,e),e))),e.dataHooks.data.tapPromise(c,(async(e,o,{index:i,$table:t})=>{var n;if(!o.uuid)return;const l=m.get(o.uuid),r=f.get(o.uuid)||[];for(const t of l)if(t.field){if("select"===t.formType){if(r.findIndex((e=>e.field===t.field))>-1)continue;let o=t.options||[];if(t.queryOptions)try{const l={keyword:"",row:e,column:t,rowIndex:i};o=await(null==(n=t.queryOptions)?void 0:n.call(t,l))}catch(e){console.log(`获取${t.field}_options错误`)}r.push({field:t.field,options:o})}f.set(o.uuid,r)}})),e.setupHooks.setup.tap(c,(e=>{n((()=>{e.value.uuid&&(m.delete(e.value.uuid),f.delete(e.value.uuid))}))}))}})}export{c as selectRendererPlugin};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.1.42-beta.12",
+	"version": "3.1.42-beta.14",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -61,5 +61,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "604ba58e626d246f69f6e4751924e921784eaf94"
+	"gitHead": "28c1d4e4aa33fe5cb7a7cd0d9775a0c88d40c52e"
 }