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

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

@@ -1 +1 @@
-import{reactive as e,inject as t,createVNode as a,toRaw as o,h as r,onBeforeUnmount as i}from"vue";import{traverse as n}from"../../../../../../../shared/utils/index.js";import{isFunction as u,isObject as l,isArray as s,range as d,flatten as p}from"lodash-es";import{NInput as f}from"naive-ui";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as c,InjectionIhoTableUUID as _,InjectionIhoTableHandler as m}from"../../../../constants/index.js";import{useAutoFocus as h}from"../hooks/useAutoFocus.js";import{createIhoTableClearActivedInterceptor as v,getLowCodeFieldFromField as E,IhoTableRenderHelper as A,getRowHeight as g,getColumnRenderWidth as R,parseMergeField as D}from"../../../../utils/index.js";import w from"./editSeparate.vue.js";import{contentSeparate as T,getLengthDiffArray as b,getColumnInfoMaxLength as k,generateSeparateRowData as P,isSeparateColumn as x}from"./separateUtils.js";import{getSeparateInfo as S,setSeparateInfo as $,deleteSeparateInfo as j}from"../../../../utils/separateMap.js";import{defineTablePlugin as H}from"../../../../hooks/useTablePlugin.js";function C(){const C="separateRendererPlugins",M=e(new Map);return H({name:C,vxe(e){e.interceptor.add("event.clearActived",v(c.SEPARATE,(e=>e.classList.contains("v-binder-follower-content")))),e.renderer.add(c.SEPARATE,{renderCell(e,{column:o,row:r}){var i,n;const u=t(_),l=null!=(n=null==(i=S(u,r))?void 0:i.separateData)?n:{},s=E(o),d=(null==s?void 0:s.separateFormatter)?s.separateFormatter(l[o.field]):l[o.field];return a("section",{class:"iho-table__ellipsis",title:d},[d])},renderEdit:A.createRenderEdit((({fieldItem:e,column:i,row:n,emitFormClick:s})=>{var d,p;const c=t(_),h=S(c,n),v=g(),E={};let A=null!=(p=null==(d=e.componentProps)?void 0:d.separateSlot)?p:e.separateSlot;return A&&(A=o(A),E.menu=u(A)?A:l(A)?e=>r(A,e):void 0),e.separateRowEdit?function(){if(!h)return[];if(h.ihoTableHandler=t(m),h.separateData["__"+i.field]=h.separateData["__"+i.field]||h.separateData[i.field],E.menu){const e=E.menu;return a(e,{column:i,col:i,row:n,value:h.separateData["__"+i.field],"onUpdate:value":e=>h.separateData["__"+i.field]=e},null)}return[a(f,{value:h.separateData["__"+i.field],"onUpdate:value":e=>h.separateData["__"+i.field]=e},null)]}():[a(w,{value:n[i.field],"onUpdate:value":e=>n[i.field]=e,"row-index":null==h?void 0:h.index,height:v,column:i,row:n,"display-content":null==(R=null==h?void 0:h.separateData)?void 0:R[i.field],onClick:s},E)];var R}))})},apply(e){function t(e){return(...t)=>{var a;return!(null==(a=t[0].row)?void 0:a.$__SEPARATE)&&(!u(e)||e(...t))}}h(e).bindAutoFocusConfig(C,c.SEPARATE,".iho-table__separateText"),e.eventHooks.onEditClosed.tap(C,(({row:e,column:t})=>{if(!e.$__uuid)return;const a=E(t);if(!a||!a.separateRowEdit)return;const o=S(e.$__uuid,e);if(!o)return;const{separateData:r,originalData:i,ihoTableHandler:n}=o,{field:u}=t;if(r["__"+u]&&r["__"+u]!==r[u]&&s(i.$__SEPARATE_DATA)){const e=i.$__SEPARATE_DATA.map((e=>{var t;return null!=(t=e["__"+u])?t:e[u]}));i[u]=s(i[u])?e:e.join(""),null==n||n.updateTableDataRef()}})),e.fieldHooks.fieldList.tap(C,((e,{uuid:t})=>(t&&M.set(t,e.reduce(((e,t)=>(n(t,(t=>{x(t)&&(e.push(o(t)),t.showOverflow="ellipsis")})),e)),[])),e))),e.dataHooks.data.tapPromise(C,(async(e,t,{insertAfter:a,index:o,$table:r})=>{var i;if(!t.uuid)return;const n=M.get(t.uuid);if(!n||!n.length)return;const u=[];for(const t of n){if(!t.field)continue;const a=await R(t,r),o={field:t.field,column:t,data:T(D(e,t),t,a,null==(i=E(t))?void 0:i.separateDeep)};u.push(o)}u.forEach((({column:e,data:t})=>{const a=E(e);if(!a)return;if(!a.separateDeep||!a.separateBinder)return;const o=(r=a.separateBinder,u.find((e=>e.field===r)));var r;o&&t.forEach(((e,a)=>{const r=o.data[a];if(!r||!s(e))return;const i=s(r)?r.length:1;if(i===e.length)return;const n=b(i,e.length);i>e.length?t[a].push(...n):s(r)?r.push(...n):o.data[a]=d(e.length).map(((e,t)=>0===t?r:""))}))})),u.forEach((e=>{e.data=p(e.data)})),d(k(u)).forEach(((r,i,n)=>{const l=P(u,i),s={index:o,originalData:e,separateData:l,separateIndex:i,separateLength:n.length,isOriginRow:0===i,isLastRow:i===n.length-1};if(0===i)return e.$__SEPARATE_DATA=[l],e.$__uuid=t.uuid,void $(t.uuid,e,s);const d={$__SEPARATE:!0,$__uuid:t.uuid,$__ORIGIN_INDEX:o};$(t.uuid,d,s),e.$__SEPARATE_DATA.push(l),a(d)}))})),e.eventHooks.onResizableChange.tap(C,(async({column:e},t,a)=>{x(e)&&a.updateTableDataRef()})),e.configHooks.editConfig.tap(C,((e={},t)=>{const a=e.beforeEditMethod;return e.beforeEditMethod=(...e)=>{var o;if(!t.uuid)return f();const r=M.get(t.uuid);if(!r||!r.length)return f();const{row:i,column:n}=e[0],l=S(t.uuid,i);if(!l)return f();const s=null==(o=n.editRender)?void 0:o.props;if(!s||s.separateRowEdit)return f();const{isOriginRow:d,isLastRow:p}=l;return("bottom"===s.separatePlacement?p:d)&&f();function f(){return!u(a)||a(...e)}},e})),e.configHooks.checkboxConfig.tap(C,((e={},a)=>(e.checkMethod=t(e.checkMethod),e.visibleMethod=t(e.visibleMethod),e))),e.setupHooks.setup.tap(C,(e=>{i((()=>{e.value.uuid&&(M.delete(e.value.uuid),j(e.value.uuid))}))}))}})}export{C as separateRendererPlugins};
+import{reactive as e,inject as t,createVNode as a,toRaw as o,h as r,onBeforeUnmount as i}from"vue";import{traverse as n}from"../../../../../../../shared/utils/index.js";import{isFunction as u,isObject as l,isArray as s,range as d,flatten as p}from"lodash-es";import{NInput as f}from"naive-ui";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as c,InjectionIhoTableUUID as _,InjectionIhoTableHandler as m}from"../../../../constants/index.js";import{useAutoFocus as E}from"../hooks/useAutoFocus.js";import{createIhoTableClearActivedInterceptor as A,getLowCodeFieldFromField as v,IhoTableRenderHelper as h,getRowHeight as R,getColumnRenderWidth as g,parseMergeField as T}from"../../../../utils/index.js";import D from"./editSeparate.vue.js";import{contentSeparate as w,getLengthDiffArray as P,getColumnInfoMaxLength as b,generateSeparateRowData as S,isSeparateColumn as $}from"./separateUtils.js";import{getSeparateInfo as C,setSeparateInfo as k,deleteSeparateInfo as x}from"../../../../utils/separateMap.js";import{defineTablePlugin as H}from"../../../../hooks/useTablePlugin.js";function j(){const j="separateRendererPlugins",M=e(new Map);return H({name:j,vxe(e){e.interceptor.add("event.clearActived",A(c.SEPARATE,(e=>e.classList.contains("v-binder-follower-content")))),e.renderer.add(c.SEPARATE,{renderCell(e,{column:o,row:r}){var i,n;const u=t(_),l=null!=(n=null==(i=C(u,r))?void 0:i.separateData)?n:{},s=v(o),d=(null==s?void 0:s.separateFormatter)?s.separateFormatter(l[o.field]):l[o.field];return a("section",{class:"iho-table__ellipsis",title:d},[d])},renderEdit:h.createRenderEdit((({fieldItem:e,column:i,row:n,emitFormClick:s})=>{var d,p;const c=t(_),E=C(c,n),A=R(),v={};let h=null!=(p=null==(d=e.componentProps)?void 0:d.separateSlot)?p:e.separateSlot;return h&&(h=o(h),v.menu=u(h)?h:l(h)?e=>r(h,e):void 0),e.separateRowEdit?function(){if(!E)return[];if(E.ihoTableHandler=t(m),E.separateData["__"+i.field]=E.separateData["__"+i.field]||E.separateData[i.field],v.menu){const e=v.menu;return a(e,{column:i,col:i,row:n,value:E.separateData["__"+i.field],"onUpdate:value":e=>E.separateData["__"+i.field]=e},null)}return[a(f,{value:E.separateData["__"+i.field],"onUpdate:value":e=>E.separateData["__"+i.field]=e},null)]}():[a(D,{value:n[i.field],"onUpdate:value":e=>n[i.field]=e,"row-index":null==E?void 0:E.index,height:A,column:i,row:n,"display-content":null==(g=null==E?void 0:E.separateData)?void 0:g[i.field],onClick:s},v)];var g}))})},apply(e){function t(e){return(...t)=>{var a;return!(null==(a=t[0].row)?void 0:a.$__SEPARATE)&&(!u(e)||e(...t))}}E(e).bindAutoFocusConfig(j,c.SEPARATE,".iho-table__separateText"),e.eventHooks.onEditClosed.tap(j,(({row:e,column:t})=>{if(!e.$__uuid)return;const a=v(t);if(!a||!a.separateRowEdit)return;const o=C(e.$__uuid,e);if(!o)return;const{separateData:r,originalData:i,ihoTableHandler:n}=o,{field:u}=t;if(r["__"+u]&&r["__"+u]!==r[u]&&s(i.$__SEPARATE_DATA)){const e=i.$__SEPARATE_DATA.map((e=>{var t;return null!=(t=e["__"+u])?t:e[u]}));i[u]=s(i[u])?e:e.join(""),null==n||n.updateTableDataRef()}})),e.fieldHooks.fieldList.tap(j,((e,{uuid:t})=>(t&&M.set(t,e.reduce(((e,t)=>(n(t,(t=>{$(t)&&(e.push(o(t)),t.showOverflow="ellipsis")})),e)),[])),e))),e.dataHooks.data.tapPromise(j,(async(e,t,{insertAfter:a,index:o,$table:r})=>{var i;if(!t.uuid)return;const n=M.get(t.uuid);if(!n||!n.length)return;const u=[];for(const t of n){if(!t.field)continue;const a=await g(t,r),o={field:t.field,column:t,data:w(T(e,t),t,a,null==(i=v(t))?void 0:i.separateDeep)};u.push(o)}u.forEach((({column:e,data:t})=>{const a=v(e);if(!a)return;if(!a.separateDeep||!a.separateBinder)return;const o=(r=a.separateBinder,u.find((e=>e.field===r)));var r;o&&t.forEach(((e,a)=>{const r=o.data[a];if(!r||!s(e))return;const i=s(r)?r.length:1;if(i===e.length)return;const n=P(i,e.length);i>e.length?t[a].push(...n):s(r)?r.push(...n):o.data[a]=d(e.length).map(((e,t)=>0===t?r:""))}))})),u.forEach((e=>{e.data=p(e.data)})),d(b(u)).forEach(((r,i,n)=>{var l;const s=S(u,i),d={index:o,originalData:e,separateData:s,separateIndex:i,separateLength:n.length,isOriginRow:0===i,isLastRow:i===n.length-1};if(0===i)return e.$__SEPARATE_DATA=[s],e.$__SEPARATE_ROW_CACHE=e.$__SEPARATE_ROW_CACHE||[],e.$__uuid=t.uuid,void k(t.uuid,e,d);const p=null!=(l=e.$__SEPARATE_ROW_CACHE[i-1])?l:e.$__SEPARATE_ROW_CACHE[i-1]={$__SEPARATE:!0,$__uuid:t.uuid,$__ORIGIN_INDEX:o,$__SEPARATE_INDEX:i};k(t.uuid,p,d),e.$__SEPARATE_DATA.push(s),a(p)}))})),e.eventHooks.onResizableChange.tap(j,(async({column:e},t,a)=>{$(e)&&a.updateTableDataRef()})),e.configHooks.editConfig.tap(j,((e={},t)=>{const a=e.beforeEditMethod;return e.beforeEditMethod=(...e)=>{var o;if(!t.uuid)return f();const r=M.get(t.uuid);if(!r||!r.length)return f();const{row:i,column:n}=e[0],l=C(t.uuid,i);if(!l)return f();const s=null==(o=n.editRender)?void 0:o.props;if(!s||s.separateRowEdit)return f();const{isOriginRow:d,isLastRow:p}=l;return("bottom"===s.separatePlacement?p:d)&&f();function f(){return!u(a)||a(...e)}},e})),e.configHooks.checkboxConfig.tap(j,((e={},a)=>(e.checkMethod=t(e.checkMethod),e.visibleMethod=t(e.visibleMethod),e))),e.setupHooks.setup.tap(j,(e=>{i((()=>{e.value.uuid&&(M.delete(e.value.uuid),x(e.value.uuid))}))}))}})}export{j as separateRendererPlugins};

package/es/shared/package.json.js

@@ -1 +1 @@
-var e="@cnhis-design-vue/shared",i="3.1.51-beta.13",s="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.1.51-beta.13",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,s as main,e as name,n as peerDependencies,i as version};
+var e="@cnhis-design-vue/shared",i="3.1.51-beta.14",s="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.1.51-beta.14",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,s as main,e as name,n as peerDependencies,i as version};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.1.51-beta.13",
+	"version": "3.1.51-beta.14",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",