cnhis-design-vue 3.1.44-beta.13 → 3.1.44-beta.14

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/editSeparate.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,inject as t,ref as a,watch as o,computed as u,onMounted as l,onDeactivated as r,openBlock as n,createBlock as i,unref as s,withCtx as p,createElementVNode as d,withModifiers as v,normalizeStyle as c,toDisplayString as m,renderSlot as f,createVNode as h}from"vue";import{cloneDeep as w,isObject as y,isArray as g}from"lodash-es";import{NPopover as b,NInput as x}from"naive-ui";import{InjectionIhoTableHandler as k}from"../../../../constants/index.js";import{useIhoTableFormEvent as C}from"../../../../utils/index.js";const j=["onClick"];var U=e({__name:"editSeparate",props:{value:{},height:{type:Number,default:48},column:{type:Object,required:!0},row:{type:Object,required:!0},displayContent:{type:String,default:""},rowIndex:{type:Number,required:!0}},emits:["update:value","click"],setup(e,{emit:U}){const _=e,q=t(k),P=a(),S=a();function I(e){S.value=e}const N=a(!1);function O(e){N.value=e}function R(e){N.value=!N.value,U("click",e)}o(N,(function(e){e?async function(){var e;S.value=w(_.value),await new Promise((e=>setTimeout(e))),null==(e=P.value)||e.syncPosition()}():z()}));const{emitFormChangeWithParams:T}=C(_);async function z(){if(!y(S.value)&&!g(S.value)&&_.value===S.value)return;const e=_.value;U("update:value",S.value),T({oldValue:e}),q.updateTableDataRef()}const B=u((()=>({border:"1px solid #f5f5f5",height:_.height-16+"px",display:"flex",alignItems:"center",padding:"0",background:"white",wordBreak:"keep-all",boxSizing:"border-box","border-radius":"4px"})));return l((()=>O(!0))),r(z),(t,a)=>(n(),i(s(b),{ref_key:"popoverRef",ref:P,trigger:"manual",show:N.value,"onUpdate:show":a[1]||(a[1]=e=>N.value=e),"show-arrow":!1},{trigger:p((()=>[d("div",{onClick:v(R,["stop"]),style:c(s(B))},m(e.displayContent||" "),13,j)])),default:p((()=>[f(t.$slots,"menu",{value:S.value,"onUpdate:value":I,"onUpdate:show":O,col:e.column,row:e.row},(()=>[h(s(x),{value:S.value,"onUpdate:value":a[0]||(a[0]=e=>S.value=e),type:"textarea"},null,8,["value"])]))])),_:3},8,["show"]))}});export{U as default};
+import{defineComponent as e,inject as t,ref as a,watch as o,computed as u,onDeactivated as n,openBlock as l,createBlock as r,unref as i,withCtx as s,createElementVNode as p,withModifiers as d,normalizeStyle as v,toDisplayString as c,renderSlot as m,createVNode as f}from"vue";import{cloneDeep as h,isObject as w,isArray as y}from"lodash-es";import{NPopover as b,NInput as g}from"naive-ui";import{InjectionIhoTableHandler as x}from"../../../../constants/index.js";import{useIhoTableFormEvent as k}from"../../../../utils/index.js";const _=["onFocus"];var j=e({__name:"editSeparate",props:{value:{},height:{type:Number,default:48},column:{type:Object,required:!0},row:{type:Object,required:!0},displayContent:{type:String,default:""},rowIndex:{type:Number,required:!0}},emits:["update:value","click"],setup(e,{emit:j}){const U=e,q=t(x),C=a(),F=a();function P(e){F.value=e}const S=a(!1);function T(e){S.value=e}function I(e){S.value=!S.value,j("click",e)}o(S,(function(e){e?async function(){var e;F.value=h(U.value),await new Promise((e=>setTimeout(e))),null==(e=C.value)||e.syncPosition()}():O()}));const{emitFormChangeWithParams:N}=k(U);async function O(){if(!w(F.value)&&!y(F.value)&&U.value===F.value)return;const e=U.value;j("update:value",F.value),N({oldValue:e}),q.updateTableDataRef()}const R=u((()=>({border:"1px solid #f5f5f5",height:U.height-16+"px",display:"flex",alignItems:"center",padding:"0",background:"white",wordBreak:"keep-all",boxSizing:"border-box",outline:"none","border-radius":"4px"})));return n(O),(t,a)=>(l(),r(i(b),{ref_key:"popoverRef",ref:C,trigger:"manual",show:S.value,"onUpdate:show":a[1]||(a[1]=e=>S.value=e),"show-arrow":!1},{trigger:s((()=>[p("div",{onFocus:d(I,["stop"]),tabindex:"-9999",style:v(i(R)),class:"iho-table__separateText"},c(e.displayContent||" "),45,_)])),default:s((()=>[m(t.$slots,"menu",{value:F.value,"onUpdate:value":P,"onUpdate:show":T,col:e.column,row:e.row},(()=>[f(i(g),{value:F.value,"onUpdate:value":a[0]||(a[0]=e=>F.value=e),type:"textarea"},null,8,["value"])]))])),_:3},8,["show"]))}});export{j as default};

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

@@ -1 +1 @@
-import{reactive as e,inject as t,createVNode as o,toRaw as n,h as i,onBeforeUnmount as r}from"vue";import{traverse as a}from"../../../../../../../shared/utils/index.js";import{isFunction as d,isObject as s,range as l}from"lodash-es";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as u,InjectionIhoTableUUID as c}from"../../../../constants/index.js";import{createIhoTableClearActivedInterceptor as p,IhoTableRenderHelper as f,getRowHeight as m,getColumnRenderWidth as v,parseMergeField as h}from"../../../../utils/index.js";import{isSeparateColumn as A,contentSeparate as E,getColumnInfoMaxLength as g,generateSeparateRowData as k}from"./separateUtils.js";import x from"./editSeparate.vue.js";import{defineTablePlugin as b}from"../../../../hooks/useTablePlugin.js";function w(){const w="separateRendererPlugins",P=e(new Map);function R(e,t){var o;return null==(o=P.get(e))?void 0:o.get(t)}function T(e,t,o){const n=P.get(e)||new WeakMap;P.set(e,n),n.set(t,o)}const _=e(new Map);return b({name:w,vxe(e){e.interceptor.add("event.clearActived",p(u.SEPARATE,(e=>e.classList.contains("v-binder-follower-content")))),e.renderer.add(u.SEPARATE,{renderCell(e,{column:n,row:i}){const r=R(t(c),i)||{separateData:{}};return o("section",null,[r.separateData[n.field]])},renderEdit:f.createRenderEdit((({fieldItem:e,column:r,row:a,emitFormClick:l})=>{var u,p,f;const v=R(t(c),a),h=m(),A={};let E=null!=(p=null==(u=e.componentProps)?void 0:u.separateSlot)?p:e.separateSlot;return E&&(E=n(E),A.menu=d(E)?E:s(E)?e=>i(E,e):void 0),[o(x,{value:a[r.field],"onUpdate:value":e=>a[r.field]=e,"row-index":null==v?void 0:v.index,height:h,column:r,row:a,"display-content":null==(f=null==v?void 0:v.separateData)?void 0:f[r.field],onClick:l},A)]}))})},apply(e){function t(e){return(...t)=>{var o;return!(null==(o=t[0].row)?void 0:o.$__SEPARATE)&&(!d(e)||e(...t))}}e.fieldHooks.fieldList.tap(w,((e,{uuid:t})=>(t&&_.set(t,e.reduce(((e,t)=>(a(t,(t=>{A(t)&&e.push(n(t))})),e)),[])),e))),e.dataHooks.data.tapPromise(w,(async(e,t,{insertAfter:o,index:n,$table:i})=>{if(!t.uuid)return;const r=_.get(t.uuid);if(!r||!r.length)return;const a=[];for(const t of r){if(!t.field)continue;const o=await v(t,i);a.push({field:t.field,data:E(h(e,t),t,o)})}l(g(a)).forEach(((i,r)=>{const d=k(a,r);if(0===r)return T(t.uuid,e,{index:n,separateData:d}),void(e.$__SEPARATE_DATA=[d]);const s={$__SEPARATE:!0};T(t.uuid,s,{index:n,separateData:d}),e.$__SEPARATE_DATA.push(d),o(s)}))})),e.eventHooks.onResizableChange.tap(w,(async({column:e},t,o)=>{A(e)&&o.updateTableDataRef()})),e.configHooks.editConfig.tap(w,((e={},o)=>(e.beforeEditMethod=t(e.beforeEditMethod),e))),e.configHooks.checkboxConfig.tap(w,((e={},o)=>(e.checkMethod=t(e.checkMethod),e.visibleMethod=t(e.visibleMethod),e))),e.setupHooks.setup.tap(w,(e=>{r((()=>{e.value.uuid&&(P.delete(e.value.uuid),_.delete(e.value.uuid))}))}))}})}export{w as separateRendererPlugins};
+import{reactive as e,inject as t,createVNode as o,toRaw as n,h as i,onBeforeUnmount as a}from"vue";import{traverse as r}from"../../../../../../../shared/utils/index.js";import{isFunction as d,isObject as s,range as l}from"lodash-es";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as u,InjectionIhoTableUUID as c}from"../../../../constants/index.js";import{createIhoTableClearActivedInterceptor as p,IhoTableRenderHelper as f,getRowHeight as m,getColumnRenderWidth as v,parseMergeField as h}from"../../../../utils/index.js";import{isSeparateColumn as A,contentSeparate as E,getColumnInfoMaxLength as k,generateSeparateRowData as g}from"./separateUtils.js";import x from"./editSeparate.vue.js";import{defineTablePlugin as R}from"../../../../hooks/useTablePlugin.js";function T(){const T="separateRendererPlugins",_=e(new Map);function b(e,t){var o;return null==(o=_.get(e))?void 0:o.get(t)}function P(e,t,o){const n=_.get(e)||new WeakMap;_.set(e,n),n.set(t,o)}const w=e(new Map);return R({name:T,vxe(e){e.interceptor.add("event.clearActived",p(u.SEPARATE,(e=>e.classList.contains("v-binder-follower-content")))),e.renderer.add(u.SEPARATE,{renderCell(e,{column:n,row:i}){const a=b(t(c),i)||{separateData:{}};return o("section",null,[a.separateData[n.field]])},renderEdit:f.createRenderEdit((({fieldItem:e,column:a,row:r,emitFormClick:l})=>{var u,p,f;const v=b(t(c),r),h=m(),A={};let E=null!=(p=null==(u=e.componentProps)?void 0:u.separateSlot)?p:e.separateSlot;return E&&(E=n(E),A.menu=d(E)?E:s(E)?e=>i(E,e):void 0),[o(x,{value:r[a.field],"onUpdate:value":e=>r[a.field]=e,"row-index":null==v?void 0:v.index,height:h,column:a,row:r,"display-content":null==(f=null==v?void 0:v.separateData)?void 0:f[a.field],onClick:l},A)]}))})},apply(e){function t(e){return(...t)=>{var o;return!(null==(o=t[0].row)?void 0:o.$__SEPARATE)&&(!d(e)||e(...t))}}e.fieldHooks.field.tap(T,(e=>{var t;return(null==(t=e.editRender)?void 0:t.name)===u.SEPARATE&&(e.editRender.autofocus=".iho-table__separateText"),e})),e.fieldHooks.fieldList.tap(T,((e,{uuid:t})=>(t&&w.set(t,e.reduce(((e,t)=>(r(t,(t=>{A(t)&&e.push(n(t))})),e)),[])),e))),e.dataHooks.data.tapPromise(T,(async(e,t,{insertAfter:o,index:n,$table:i})=>{if(!t.uuid)return;const a=w.get(t.uuid);if(!a||!a.length)return;const r=[];for(const t of a){if(!t.field)continue;const o=await v(t,i);r.push({field:t.field,data:E(h(e,t),t,o)})}l(k(r)).forEach(((i,a)=>{const d=g(r,a);if(0===a)return P(t.uuid,e,{index:n,separateData:d}),void(e.$__SEPARATE_DATA=[d]);const s={$__SEPARATE:!0};P(t.uuid,s,{index:n,separateData:d}),e.$__SEPARATE_DATA.push(d),o(s)}))})),e.eventHooks.onResizableChange.tap(T,(async({column:e},t,o)=>{A(e)&&o.updateTableDataRef()})),e.configHooks.editConfig.tap(T,((e={},o)=>(e.beforeEditMethod=t(e.beforeEditMethod),e))),e.configHooks.checkboxConfig.tap(T,((e={},o)=>(e.checkMethod=t(e.checkMethod),e.visibleMethod=t(e.visibleMethod),e))),e.setupHooks.setup.tap(T,(e=>{a((()=>{e.value.uuid&&(_.delete(e.value.uuid),w.delete(e.value.uuid))}))}))}})}export{T as separateRendererPlugins};

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/checkRendererPlugin.js

@@ -1 +1 @@
-import{createVNode as e}from"vue";import"../../../../index.js";import{defineTablePlugin as n}from"../../../hooks/useTablePlugin.js";function l(){const l="checkRendererPlugin";return n({name:l,apply(n){n.fieldHooks.field.tap(l,((n,{index:o,insertBefore:i},t)=>{var r;if(0===o&&t.selectType){const n=(null==(r=t.checkboxConfig)?void 0:r.disableHeader)?{header:()=>e("span",{class:"checkbox-cell--disable"},null)}:null;i({field:l,annotation:!1,type:t.selectType,...n?{slots:n}:{},...t.checkboxConfig,width:45,align:"center",fixed:"left"})}return n}))}})}export{l as checkRendererPlugin};
+import{createVNode as e}from"vue";import"../../../../index.js";import{defineTablePlugin as l}from"../../../hooks/useTablePlugin.js";function n(){const n="checkRendererPlugin";return l({name:n,apply(l){l.fieldHooks.field.tap(n,((l,{index:o,insertBefore:i},t)=>{if(0===o&&t.selectType){const{checkboxConfig:l={}}=t,o={field:n,annotation:!1,type:t.selectType,...l,width:45,align:"center",fixed:"left"};(null==l?void 0:l.disableHeader)&&(o.slots={header:()=>e("span",{class:"checkbox-cell--disable"},null),...o.slots}),i(o)}return l}))}})}export{n as checkRendererPlugin};