sunyard-szyy-ui 0.7.12 → 0.7.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.full.js +4 -4
- package/dist/index.full.mjs +721 -695
- package/es/hooks/dist/index.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/make-installer.mjs +1 -1
- package/es/pro-table/src/ProTable.vue.mjs +1 -1
- package/es/pro-table/src/variants/classic/ClassicLayout.vue.mjs +1 -1
- package/es/pro-table/src/variants/custom/CustomLayout.vue.mjs +1 -1
- package/es/pro-table/src/variants/unify/UnifyLayout.vue.mjs +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +2 -2
- package/lib/hooks/dist/index.js +1 -1
- package/lib/index.js +1 -1
- package/lib/make-installer.js +1 -1
- package/lib/pro-table/src/ProTable.vue.js +1 -1
- package/lib/pro-table/src/variants/classic/ClassicLayout.vue.js +1 -1
- package/lib/pro-table/src/variants/custom/CustomLayout.vue.js +1 -1
- package/lib/pro-table/src/variants/unify/UnifyLayout.vue.js +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +4 -4
package/es/hooks/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{ref as c,watch as r}from"vue";import{debounce as s}from"@sunyard-szyy-ui/utils";/*!
|
|
2
|
-
* sunyard-szyy-ui v0.7.
|
|
2
|
+
* sunyard-szyy-ui v0.7.13
|
|
3
3
|
* (c) 2026 Sunyard SZYY Base Team
|
|
4
4
|
*/function d(o){const n=`sy-${o}`;return{namespace:n,b:()=>n,e:e=>`${n}__${e}`,m:e=>`${n}--${e}`,is:(e,t=!0)=>t?`is-${e}`:""}}function i(o,n=300){const e=c(o.value),t=s(u=>{e.value=u},n);return r(o,u=>{t(u)}),e}export{i as useDebounce,d as useNamespace};
|
package/es/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{SyAutocomplete as t,SyAlert as r,SyAside as n,SyBacktop as i,SyButton as a,SyCard as l,SyCascader as c,SyCheckbox as p,SyCheckboxButton as m,SyCheckboxGroup as s,SyColorPicker as u,SyCol as d,SyCollapse as I,SyCollapseItem as T,SyConfigProvider as b,SyContainer as k,SyDatePicker as D,SyDateTimePicker as w,SyDescriptions as C,SyDescriptionsItem as P,SyDialog as f,SyDivider as g,SyDrawer as _,SyDropdown as x,SyDropdownItem as M,SyDropdownMenu as h,SyEmpty as R,SyFooter as v,SyForm as B,SyFormItem as U,SyHeader as Y,SyIcon as A,SyImage as F,SyInput as L,SyInputNumber as N,SyLink as O,SyMain as G,SyMenu as E,SyMenuItem as V,SyMenuItemGroup as Z,SyOption as H,SyPagination as z,SyPopconfirm as K,SyPopover as $,SyProgress as j,SyRadio as q,SyRadioButton as J,SyRadioGroup as Q,SyRow as W,SyScrollbar as X,SySelect as SS,SySelectV2 as eS,SySkeleton as yS,SySkeletonItem as oS,SySlider as tS,SySpace as rS,SyStep as nS,SySteps as iS,SySubMenu as aS,SySwitch as lS,SyTable as cS,SyTableColumn as pS,SyTabPane as mS,SyTabs as sS,SyTag as uS,SyText as dS,SyTimePicker as IS,SyTimeSelect as TS,SyTooltip as bS,SyTree as kS,SyTreeSelect as DS,SyUpload as wS,SyProForm as CS,SyProTable as PS,SyLoading as fS}from"@sunyard-szyy-ui/components";import{SyAlert as vS,SyAside as BS,SyAutocomplete as US,SyBacktop as YS,SyButton as AS,SyCard as FS,SyCascader as LS,SyCheckbox as NS,SyCheckboxButton as OS,SyCheckboxGroup as GS,SyCol as ES,SyCollapse as VS,SyCollapseItem as ZS,SyColorPicker as HS,SyConfigProvider as zS,SyContainer as KS,SyDatePicker as $S,SyDateTimePicker as jS,SyDescriptions as qS,SyDescriptionsItem as JS,SyDialog as QS,SyDivider as WS,SyDrawer as XS,SyDropdown as Se,SyDropdownItem as ee,SyDropdownMenu as ye,SyEmpty as oe,SyFooter as te,SyForm as re,SyFormItem as ne,SyHeader as ie,SyIcon as ae,SyImage as le,SyInput as ce,SyInputNumber as pe,SyLink as me,SyLoading as se,SyLoadingDirective as ue,SyMain as de,SyMenu as Ie,SyMenuItem as Te,SyMenuItemGroup as be,SyMessage as ke,SyMessageBox as De,SyNotification as we,SyOption as Ce,SyPagination as Pe,SyPopconfirm as fe,SyPopover as ge,SyProForm as _e,SyProTable as xe,SyProgress as Me,SyRadio as he,SyRadioButton as Re,SyRadioGroup as ve,SyRow as Be,SyScrollbar as Ue,SySelect as Ye,SySelectV2 as Ae,SySkeleton as Fe,SySkeletonItem as Le,SySlider as Ne,SySpace as Oe,SyStep as Ge,SySteps as Ee,SySubMenu as Ve,SySwitch as Ze,SyTabPane as He,SyTable as ze,SyTableColumn as Ke,SyTabs as $e,SyTag as je,SyText as qe,SyTimePicker as Je,SyTimeSelect as Qe,SyTooltip as We,SyTree as Xe,SyTreeSelect as Sy,SyUpload as ey}from"@sunyard-szyy-ui/components";import{version as e}from"./version.mjs";import{useDebounce as oy,useNamespace as ty}from"./hooks/dist/index.mjs";export*from"@sunyard-szyy-ui/utils";import{makeInstaller as iy}from"./make-installer.mjs";/*!
|
|
2
|
-
* sunyard-szyy-ui v0.7.
|
|
2
|
+
* sunyard-szyy-ui v0.7.13
|
|
3
3
|
* (c) 2026 Sunyard SZYY Base Team
|
|
4
4
|
*/const o=[t,r,n,i,a,l,c,p,m,s,u,d,I,T,b,k,D,w,C,P,f,g,_,x,M,h,R,v,B,U,Y,A,F,L,N,O,G,E,V,Z,H,z,K,$,j,q,J,Q,W,X,SS,eS,yS,oS,tS,rS,nS,iS,aS,lS,cS,pS,mS,sS,uS,dS,IS,TS,bS,kS,DS,wS,CS,PS],gS=y=>{if(typeof window!="undefined"&&(console.log(`%c[Sunyard SZYY UI]%c v${e} %cinstalled`,"color: #409eff; font-weight: bold","color: #67c23a","color: #909399"),window.__SUNYARD_SZYY_UI_VERSION__=e,window.__SUNYARD_SZYY_UI__={version:e,components:o.map(S=>S.name||"Unknown")}),o.forEach(S=>y.use(S)),y.use(fS),typeof window!="undefined"){const S=window.__VUE_DEVTOOLS_GLOBAL_HOOK__;S&&S.emit("app:init",y,e,{label:"Sunyard SZYY UI",packageName:"sunyard-szyy-ui",homepage:"https://github.com/your-org/sunyard-szyy-ui"})}},MS={version:e,install:gS};export{vS as SyAlert,BS as SyAside,US as SyAutocomplete,YS as SyBacktop,AS as SyButton,FS as SyCard,LS as SyCascader,NS as SyCheckbox,OS as SyCheckboxButton,GS as SyCheckboxGroup,ES as SyCol,VS as SyCollapse,ZS as SyCollapseItem,HS as SyColorPicker,zS as SyConfigProvider,KS as SyContainer,$S as SyDatePicker,jS as SyDateTimePicker,qS as SyDescriptions,JS as SyDescriptionsItem,QS as SyDialog,WS as SyDivider,XS as SyDrawer,Se as SyDropdown,ee as SyDropdownItem,ye as SyDropdownMenu,oe as SyEmpty,te as SyFooter,re as SyForm,ne as SyFormItem,ie as SyHeader,ae as SyIcon,le as SyImage,ce as SyInput,pe as SyInputNumber,me as SyLink,se as SyLoading,ue as SyLoadingDirective,de as SyMain,Ie as SyMenu,Te as SyMenuItem,be as SyMenuItemGroup,ke as SyMessage,De as SyMessageBox,we as SyNotification,Ce as SyOption,Pe as SyPagination,fe as SyPopconfirm,ge as SyPopover,_e as SyProForm,xe as SyProTable,Me as SyProgress,he as SyRadio,Re as SyRadioButton,ve as SyRadioGroup,Be as SyRow,Ue as SyScrollbar,Ye as SySelect,Ae as SySelectV2,Fe as SySkeleton,Le as SySkeletonItem,Ne as SySlider,Oe as SySpace,Ge as SyStep,Ee as SySteps,Ve as SySubMenu,Ze as SySwitch,He as SyTabPane,ze as SyTable,Ke as SyTableColumn,$e as SyTabs,je as SyTag,qe as SyText,Je as SyTimePicker,Qe as SyTimeSelect,We as SyTooltip,Xe as SyTree,Sy as SyTreeSelect,ey as SyUpload,MS as default,gS as install,iy as makeInstaller,oy as useDebounce,ty as useNamespace,e as version};
|
package/es/make-installer.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as
|
|
1
|
+
import{defineComponent as b,useSlots as $,unref as a,openBlock as d,createBlock as m,createSlots as u,withCtx as n,renderSlot as t,normalizeProps as l,mergeProps as r}from"vue";import{useProTable as k}from"./hooks/use-pro-table.mjs";import A from"./variants/classic/ClassicLayout.vue.mjs";import B from"./variants/custom/CustomLayout.vue.mjs";import S from"./variants/unify/UnifyLayout.vue.mjs";const H=b({name:"SyProTable",inheritAttrs:!1,__name:"ProTable",props:{columns:{},data:{},request:{},params:{},postData:{},requestError:{},manualRequest:{type:Boolean,default:!1},pagination:{type:Boolean,default:!0},rowKey:{},border:{type:Boolean},stripe:{type:Boolean},showSearch:{type:Boolean,default:!0},searchCols:{},panelCols:{},filterChipWidth:{},filterChipMax:{},toolButton:{type:[Boolean,Array],default:!0},highlightCurrentRow:{type:Boolean,default:!1},size:{},pageSizes:{},pageSize:{},pageLayout:{},type:{},height:{},maxHeight:{},autoHeight:{type:Boolean},heightOffset:{}},emits:["search","reset","dragSort"],setup(y,{expose:c,emit:h}){const g=y,f=h,s=$(),o=k(g,f,s);function p(e){f("dragSort",e)}return c({tableRef:o.tableRef,formRef:o.formRef,tableData:o.tableData,enumMap:o.enumMap,pageable:o.pageable,searchParam:o.searchParam,searchInitParam:o.searchInitParam,isSelected:o.isSelected,selectedList:o.selectedList,selectedListIds:o.selectedListIds,radio:o.radio,getTableList:o.getTableList,search:o.search,reset:o.reset,clearSelection:o.clearSelection,clearRadio:o.clearRadio,handleSizeChange:o.handleSizeChange,handleCurrentChange:o.handleCurrentChange}),(e,v)=>a(o).props.type==="classic"?(d(),m(A,{key:0,context:a(o),"on-drag-sort":p},u({batchActions:n(i=>[a(s).batchActions?t(e.$slots,"batchActions",l(r({key:0},i))):t(e.$slots,"tableHeader",l(r({key:1},i)))]),default:n(()=>[t(e.$slots,"default")]),_:2},[a(s).busActions?{name:"busActions",fn:n(()=>[t(e.$slots,"busActions")]),key:"0"}:void 0,a(s).toolButton?{name:"toolButton",fn:n(()=>[t(e.$slots,"toolButton")]),key:"1"}:void 0,a(s).append?{name:"append",fn:n(()=>[t(e.$slots,"append")]),key:"2"}:void 0,a(s).empty?{name:"empty",fn:n(()=>[t(e.$slots,"empty")]),key:"3"}:void 0,a(s).pagination?{name:"pagination",fn:n(()=>[t(e.$slots,"pagination")]),key:"4"}:void 0]),1032,["context"])):a(o).props.type==="unify"?(d(),m(S,{key:1,context:a(o),"on-drag-sort":p},u({batchActions:n(i=>[a(s).batchActions?t(e.$slots,"batchActions",l(r({key:0},i))):t(e.$slots,"tableHeader",l(r({key:1},i)))]),default:n(()=>[t(e.$slots,"default")]),_:2},[a(s).busActions?{name:"busActions",fn:n(()=>[t(e.$slots,"busActions")]),key:"0"}:void 0,a(s).toolButton?{name:"toolButton",fn:n(()=>[t(e.$slots,"toolButton")]),key:"1"}:void 0,a(s).append?{name:"append",fn:n(()=>[t(e.$slots,"append")]),key:"2"}:void 0,a(s).empty?{name:"empty",fn:n(()=>[t(e.$slots,"empty")]),key:"3"}:void 0,a(s).pagination?{name:"pagination",fn:n(()=>[t(e.$slots,"pagination")]),key:"4"}:void 0]),1032,["context"])):(d(),m(B,{key:2,context:a(o),"on-drag-sort":p},u({batchActions:n(i=>[a(s).batchActions?t(e.$slots,"batchActions",l(r({key:0},i))):t(e.$slots,"tableHeader",l(r({key:1},i)))]),default:n(()=>[t(e.$slots,"default")]),_:2},[a(s).busActions?{name:"busActions",fn:n(()=>[t(e.$slots,"busActions")]),key:"0"}:void 0,a(s).toolButton?{name:"toolButton",fn:n(()=>[t(e.$slots,"toolButton")]),key:"1"}:void 0,a(s).append?{name:"append",fn:n(()=>[t(e.$slots,"append")]),key:"2"}:void 0,a(s).empty?{name:"empty",fn:n(()=>[t(e.$slots,"empty")]),key:"3"}:void 0,a(s).pagination?{name:"pagination",fn:n(()=>[t(e.$slots,"pagination")]),key:"4"}:void 0]),1032,["context"]))}});export{H as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as
|
|
1
|
+
import{defineComponent as j,ref as _,inject as G,watch as K,nextTick as T,onMounted as J,onUnmounted as Q,openBlock as h,createElementBlock as E,unref as e,createVNode as i,createCommentVNode as c,createElementVNode as p,renderSlot as s,createBlock as x,withCtx as l}from"vue";import{Refresh as W,Operation as X,Search as Z}from"@element-plus/icons-vue";import{SyButton as b}from"../../../../button/src/button.mjs";import{SyTooltip as y}from"../../../../tooltip/src/tooltip.mjs";import ee from"../../shared/ProTableColSetting.vue.mjs";import te from"../../shared/ProTablePagination.vue.mjs";import oe from"../../shared/ProTableSearchRenderer.vue.mjs";import ne from"../../shared/ProTableTable.vue.mjs";import{SY_UI_CONFIG_KEY as ce}from"@sunyard-szyy-ui/utils";const ie={key:0,class:"sy-pro-table__search"},se={class:"sy-pro-table__main"},le={class:"sy-pro-table__header"},ae={class:"sy-pro-table__header-left"},re={class:"sy-pro-table__header-right"},xe=j({__name:"ClassicLayout",props:{context:{},onDragSort:{type:Function}},setup(a){var R;const o=a,n=o.context.props,S=o.context.isShowSearch,C=o.context.searchColumns,I=o.context.selectedList,N=o.context.selectedListIds,k=o.context.isSelected,O=o.context.getTableList,V=o.context.openColSetting,F=o.context.toggleSearch,g=o.context.showToolBtn,M=o.context.formRef,q=o.context.colSettingRef,m=_(),r=_(void 0),u=_(void 0),z=(R=G(ce,{}).proTable)!=null?R:{};function w(){var B,H;const t=m.value;if(!t)return;const v=t.querySelector(".sy-pro-table__table"),L=t.querySelector(".sy-pro-table__pagination");if(!v)return;const P=v.getBoundingClientRect().top,U=L?L.getBoundingClientRect().height:0,Y=(H=(B=n.heightOffset)!=null?B:z.heightOffset)!=null?H:0,$=Math.floor(window.innerHeight-P-U-Y);return $>80?$:void 0}function d(){if(n.height!==void 0){r.value=n.height,u.value=void 0;return}if(n.autoHeight===!0){r.value=w(),u.value=void 0;return}if(n.maxHeight!==void 0){r.value=void 0,u.value=n.maxHeight;return}r.value=void 0,u.value=w()}K(S,()=>T(d));let f=null;J(()=>{T(d),window.addEventListener("resize",d),m.value&&(f=new ResizeObserver(d),f.observe(m.value))}),Q(()=>{window.removeEventListener("resize",d),f==null||f.disconnect()});function A(t){M.value=t}function D(t){q.value=t}return(t,v)=>(h(),E("div",{ref_key:"layoutRef",ref:m,class:"sy-pro-table sy-pro-table--classic"},[e(n).showSearch&&e(S)&&e(C).length>0?(h(),E("div",ie,[i(oe,{ref:A,context:a.context,cols:e(n).searchCols},null,8,["context","cols"])])):c("v-if",!0),p("div",se,[p("div",le,[p("div",ae,[c(" 业务操作按钮（新增/导出等），始终可见 "),s(t.$slots,"busActions"),c(" 批量操作，仅在有选中行时追加显示 "),e(k)?s(t.$slots,"batchActions",{key:0,selectedList:e(I),selectedListIds:e(N),isSelected:e(k)}):c("v-if",!0)]),p("div",re,[c(" 用户自定义工具按钮（追加在系统按钮之前） "),s(t.$slots,"toolButton"),c(" 系统工具按钮，始终渲染 "),e(g)("refresh")?(h(),x(e(y),{key:0,content:"刷新",placement:"top"},{default:l(()=>[i(e(b),{icon:e(W),circle:"",onClick:e(O)},null,8,["icon","onClick"])]),_:1})):c("v-if",!0),e(g)("setting")?(h(),x(e(y),{key:1,content:"列设置",placement:"top"},{default:l(()=>[i(e(b),{icon:e(X),circle:"",onClick:e(V)},null,8,["icon","onClick"])]),_:1})):c("v-if",!0),e(n).showSearch&&e(g)("search")&&e(C).length>0?(h(),x(e(y),{key:2,content:"搜索",placement:"top"},{default:l(()=>[i(e(b),{icon:e(Z),circle:"",onClick:e(F)},null,8,["icon","onClick"])]),_:1})):c("v-if",!0)])]),i(ne,{context:a.context,"table-height":r.value,"table-max-height":u.value,"on-drag-sort":a.onDragSort},{append:l(()=>[s(t.$slots,"append")]),empty:l(()=>[s(t.$slots,"empty")]),default:l(()=>[s(t.$slots,"default")]),_:3},8,["context","table-height","table-max-height","on-drag-sort"]),i(te,{context:a.context},{pagination:l(()=>[s(t.$slots,"pagination")]),_:3},8,["context"])]),i(ee,{ref:D,context:a.context},null,8,["context"])],512))}});export{xe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as be,computed as
|
|
1
|
+
import{defineComponent as be,computed as b,ref as y,watch as ne,nextTick as le,onBeforeUnmount as we,inject as Se,onMounted as xe,onUnmounted as Ce,openBlock as u,createElementBlock as w,createElementVNode as m,createCommentVNode as i,unref as n,Fragment as A,toDisplayString as se,renderSlot as _,createVNode as v,renderList as ae,createBlock as S,withCtx as p,createTextVNode as E,Transition as Re,withDirectives as Le,normalizeStyle as $e,vShow as Pe}from"vue";import{Close as Be,Refresh as Te,Operation as Ve}from"@element-plus/icons-vue";import{SyButton as x}from"../../../../button/src/button.mjs";import{SyTooltip as ce}from"../../../../tooltip/src/tooltip.mjs";import Fe from"../../shared/ProTableColSetting.vue.mjs";import He from"../../shared/ProTablePagination.vue.mjs";import Ae from"../../shared/ProTableTable.vue.mjs";import re from"./CustomFilterChip.vue.mjs";import Me from"./CustomSearchBar.vue.mjs";import Oe from"./CustomSearchPanel.vue.mjs";import{SY_UI_CONFIG_KEY as Ue}from"@sunyard-szyy-ui/utils";const qe={class:"sy-pro-table__main sy-pro-table__main--custom"},Ee={class:"sy-pro-table__header sy-pro-table__header--custom"},Ie={class:"sy-pro-table__custom-batch"},ze={class:"sy-pro-table__custom-batch-count"},Ne={class:"sy-pro-table__header-left"},De={class:"sy-pro-table__header-right sy-pro-table__header-right--custom"},Ke={class:"sy-pro-table__custom-panel-inner sy-pro-table__chip-overflow-list"},nt=be({__name:"CustomLayout",props:{context:{},onDragSort:{type:Function}},setup(g){var te;const s=g,r=s.context.props,I=s.context.isShowSearch,M=s.context.searchColumns,z=s.context.quickSearchColumns,d=s.context.searchParam,N=s.context.selectedList,ie=s.context.selectedListIds,D=s.context.isSelected,C=s.context.search,K=s.context.toggleSearch,O=s.context.showToolBtn,ue=s.context.getTableList,de=s.context.openColSetting,he=s.context.colSettingRef,ve=s.context.clearSelection,W=s.context.searchInitParam,Y=b(()=>!!r.showSearch&&I.value&&M.value.length>0),U=b(()=>{const e=new Set(z.value.map(t=>{var o,l,a;return(a=(l=(o=t.search)==null?void 0:o.key)!=null?l:t.prop)!=null?a:""}));return M.value.filter(t=>{var o,l,a;return!e.has((a=(l=(o=t.search)==null?void 0:o.key)!=null?l:t.prop)!=null?a:"")})}),T=y(new Set),V=b(()=>U.value.map(e=>{var l,a,h;const t=(h=(a=(l=e.search)==null?void 0:l.key)!=null?a:e.prop)!=null?h:"";if(!T.value.has(t))return null;const o=d.value[t];return o==null||o===""||Array.isArray(o)&&o.length===0?null:{key:t,column:e}}).filter(e=>e!==null)),pe=b(()=>{var t;const e=(t=r.filterChipMax)!=null?t:3;return V.value.slice(0,e)}),R=b(()=>{var t;const e=(t=r.filterChipMax)!=null?t:3;return V.value.slice(e)}),k=y(!1),j=y(),q=y(null),G=y(null),me=b(()=>{const e=G.value,t=L.value;if(!e||!t)return{left:"16px"};const o=t.getBoundingClientRect(),l=e.getBoundingClientRect();return{left:`${Math.round(l.left-o.left)}px`}});function fe(){k.value=!k.value}ne(R,e=>{e.length===0&&(k.value=!1)});function J(e){var l,a,h;const t=e.composedPath(),o=(a=(l=q.value)==null?void 0:l.$el)!=null?a:q.value;for(const H of t){const c=H;if(c!=null&&c.classList&&(c===j.value||(h=o==null?void 0:o.contains)!=null&&h.call(o,c)||c===o||c.classList.contains("el-popper")||c.classList.contains("el-overlay")||c.classList.contains("el-picker__popper")||c.classList.contains("el-select__popper")||c.classList.contains("el-select-dropdown")||c.classList.contains("el-date-picker")||c.classList.contains("el-date-range-picker")))return}k.value=!1}let f=null;ne(k,e=>{f==null||f(),f=null,e&&le(()=>{document.addEventListener("mousedown",J,!0),f=()=>document.removeEventListener("mousedown",J,!0)})}),we(()=>f==null?void 0:f());function ye(){T.value=new Set(U.value.map(e=>{var t,o,l;return(l=(o=(t=e.search)==null?void 0:t.key)!=null?o:e.prop)!=null?l:""}).filter(e=>{const t=d.value[e];return t!=null&&t!==""&&!(Array.isArray(t)&&t.length===0)}))}function Q(e,t){d.value[e]=t}function X(e){var t;d.value[e]=(t=W[e])!=null?t:void 0,T.value.delete(e),C()}function Z(){U.value.forEach(e=>{var o,l,a,h;const t=(a=(l=(o=e.search)==null?void 0:o.key)!=null?l:e.prop)!=null?a:"";d.value[t]=(h=W[t])!=null?h:void 0}),T.value.clear(),C()}const L=y(),$=y(void 0),P=y(void 0),_e=(te=Se(Ue,{}).proTable)!=null?te:{};function ee(){var c,oe;const e=L.value;if(!e)return;const t=e.querySelector(".sy-pro-table__table"),o=e.querySelector(".sy-pro-table__pagination");if(!t)return;const l=t.getBoundingClientRect().top,a=o?o.getBoundingClientRect().height:0,h=(oe=(c=r.heightOffset)!=null?c:_e.heightOffset)!=null?oe:0,H=Math.floor(window.innerHeight-l-a-h);return H>80?H:void 0}function F(){if(r.height!==void 0){$.value=r.height,P.value=void 0;return}if(r.autoHeight===!0){$.value=ee(),P.value=void 0;return}if(r.maxHeight!==void 0){$.value=void 0,P.value=r.maxHeight;return}$.value=void 0,P.value=ee()}let B=null;xe(()=>{le(F),window.addEventListener("resize",F),L.value&&(B=new ResizeObserver(F),B.observe(L.value))}),Ce(()=>{window.removeEventListener("resize",F),B==null||B.disconnect()});function ge(e){he.value=e}function ke(){I.value&&K()}return(e,t)=>(u(),w("div",{ref_key:"layoutRef",ref:L,class:"sy-pro-table sy-pro-table--custom"},[m("div",qe,[m("div",Ee,[i(" 批量操作模式：选中行时替换整个 header "),n(D)?(u(),w(A,{key:0},[m("div",Ie,[m("span",ze,"已选 "+se(n(N).length)+" 条数据",1),t[1]||(t[1]=m("span",{class:"sy-pro-table__custom-batch-divider"},null,-1)),_(e.$slots,"batchActions",{selectedList:n(N),selectedListIds:n(ie),isSelected:n(D)})]),v(n(x),{class:"sy-pro-table__custom-batch-close",icon:n(Be),circle:"",onClick:n(ve)},null,8,["icon","onClick"])],64)):(u(),w(A,{key:1},[i(" 正常模式 "),i(" 左侧：快速查询 + 高级筛选 + 已应用筛选 tags "),m("div",Ne,[v(Me,{"quick-search-columns":n(z),"search-param":n(d),"show-advanced":n(r).showSearch&&n(O)("search")&&n(M).length>0,"filter-active":Y.value||V.value.length>0,onSearch:n(C),onToggleAdvanced:n(K),onUpdateParam:t[0]||(t[0]=(o,l)=>n(d)[o]=l)},null,8,["quick-search-columns","search-param","show-advanced","filter-active","onSearch","onToggleAdvanced"]),i(" chips 行整体包一个 div，用于精确计算 overflow panel 的对齐 left "),V.value.length>0?(u(),w("div",{key:0,ref_key:"chipsRowRef",ref:G,class:"sy-pro-table__chip-row"},[(u(!0),w(A,null,ae(pe.value,o=>(u(),S(re,{key:o.key,column:o.column,model:n(d),"model-value":n(d)[o.key],width:n(r).filterChipWidth,"onUpdate:modelValue":l=>Q(o.key,l),onSearch:n(C),onRemove:l=>X(o.key)},null,8,["column","model","model-value","width","onUpdate:modelValue","onSearch","onRemove"]))),128)),i(" 超出 filterChipMax 时的折叠入口 "),R.value.length>0?(u(),S(n(x),{key:0,ref_key:"overflowBtnRef",ref:q,class:"sy-pro-table__custom-filter-more",size:"small",type:"primary",plain:"",onClick:fe},{default:p(()=>[E(" +"+se(R.value.length),1)]),_:1},512)):i("v-if",!0),R.value.length===0?(u(),S(n(x),{key:1,link:"",size:"small",class:"sy-pro-table__custom-filter-clear",onClick:Z},{default:p(()=>[...t[2]||(t[2]=[E("清空",-1)])]),_:1})):i("v-if",!0)],512)):i("v-if",!0)]),i(" 右侧：业务操作按钮 + 工具按钮 + 刷新 + 列设置 "),m("div",De,[_(e.$slots,"busActions"),_(e.$slots,"toolButton"),n(O)("refresh")?(u(),S(n(ce),{key:0,content:"刷新",placement:"top"},{default:p(()=>[v(n(x),{icon:n(Te),circle:"",onClick:n(ue)},null,8,["icon","onClick"])]),_:1})):i("v-if",!0),n(O)("setting")?(u(),S(n(ce),{key:1,content:"列设置",placement:"top"},{default:p(()=>[v(n(x),{icon:n(Ve),circle:"",onClick:n(de)},null,8,["icon","onClick"])]),_:1})):i("v-if",!0)])],64))]),v(Ae,{context:g.context,"table-height":$.value,"table-max-height":P.value,"on-drag-sort":g.onDragSort},{append:p(()=>[_(e.$slots,"append")]),empty:p(()=>[_(e.$slots,"empty")]),default:p(()=>[_(e.$slots,"default")]),_:3},8,["context","table-height","table-max-height","on-drag-sort"]),v(He,{context:g.context},{pagination:p(()=>[_(e.$slots,"pagination")]),_:3},8,["context"])]),i(" 两个浮层面板放在最外层容器下，避免被 __main 的 overflow:hidden 裁剪 "),v(Oe,{context:g.context,visible:Y.value,cols:n(r).panelCols,"exclude-selector":".sy-pro-table__custom-filter-btn",onClose:ke,onPanelSearch:ye},null,8,["context","visible","cols"]),i(" overflow chip 浮层：与第一个 chip 左对齐 "),v(Re,{name:"sy-pro-table-panel",persisted:""},{default:p(()=>[Le(m("div",{ref_key:"overflowPanelRef",ref:j,class:"sy-pro-table__custom-panel",style:$e(me.value)},[m("div",Ke,[(u(!0),w(A,null,ae(R.value,o=>(u(),S(re,{key:o.key,column:o.column,model:n(d),"model-value":n(d)[o.key],width:n(r).filterChipWidth,"onUpdate:modelValue":l=>Q(o.key,l),onSearch:n(C),onRemove:l=>X(o.key)},null,8,["column","model","model-value","width","onUpdate:modelValue","onSearch","onRemove"]))),128)),v(n(x),{link:"",size:"small",class:"sy-pro-table__custom-filter-clear",onClick:Z},{default:p(()=>[...t[3]||(t[3]=[E("清空全部",-1)])]),_:1})])],4),[[Pe,k.value]])]),_:1}),v(Fe,{ref:ge,context:g.context},null,8,["context"])],512))}});export{nt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as J,computed as Q,ref as w,inject as W,onMounted as X,nextTick as Z,onUnmounted as ee,openBlock as p,createElementBlock as q,createElementVNode as S,createCommentVNode as s,renderSlot as
|
|
1
|
+
import{defineComponent as J,computed as Q,ref as w,inject as W,onMounted as X,nextTick as Z,onUnmounted as ee,openBlock as p,createElementBlock as q,createElementVNode as S,createCommentVNode as s,renderSlot as i,unref as e,Fragment as te,renderList as oe,createBlock as $,withCtx as c,createTextVNode as F,createVNode as k}from"vue";import{SyButton as M}from"../../../../button/src/button.mjs";import ne from"../../shared/ProTableColSetting.vue.mjs";import ae from"../../shared/ProTablePagination.vue.mjs";import se from"../../shared/ProTableTable.vue.mjs";import le from"./UnifyQuickSearch.vue.mjs";import ie from"./UnifySearchPanel.vue.mjs";import{SY_UI_CONFIG_KEY as re}from"@sunyard-szyy-ui/utils";const ce={class:"sy-pro-table__main sy-pro-table__main--unify"},ue={class:"sy-pro-table__header sy-pro-table__header--unify"},de={class:"sy-pro-table__header-left"},he={class:"sy-pro-table__header-right sy-pro-table__header-right--unify"},xe=J({__name:"UnifyLayout",props:{context:{},onDragSort:{type:Function}},setup(r){var I;const o=r,a=o.context.props,B=o.context.isShowSearch,L=o.context.searchColumns,V=o.context.quickSearchColumns,C=o.context.searchParam,O=o.context.selectedList,z=o.context.selectedListIds,H=o.context.isSelected,R=o.context.search,E=o.context.toggleSearch,A=o.context.showToolBtn,D=o.context.colSettingRef,Y=Q(()=>!!a.showSearch&&B.value&&L.value.length>0),v=w(),u=w(void 0),d=w(void 0),j=(I=W(re,{}).proTable)!=null?I:{};function T(){var m,x;const t=v.value;if(!t)return;const l=t.querySelector(".sy-pro-table__table"),n=t.querySelector(".sy-pro-table__pagination");if(!l)return;const y=l.getBoundingClientRect().top,_=n?n.getBoundingClientRect().height:0,b=(x=(m=a.heightOffset)!=null?m:j.heightOffset)!=null?x:0,f=Math.floor(window.innerHeight-y-_-b);return f>80?f:void 0}function g(){if(a.height!==void 0){u.value=a.height,d.value=void 0;return}if(a.autoHeight===!0){u.value=T(),d.value=void 0;return}if(a.maxHeight!==void 0){u.value=void 0,d.value=a.maxHeight;return}u.value=void 0,d.value=T()}let h=null;X(()=>{Z(g),window.addEventListener("resize",g),v.value&&(h=new ResizeObserver(g),h.observe(v.value))}),ee(()=>{window.removeEventListener("resize",g),h==null||h.disconnect()});function G(t){D.value=t}function K(){B.value&&E()}return(t,l)=>(p(),q("div",{ref_key:"layoutRef",ref:v,class:"sy-pro-table sy-pro-table--unify"},[S("div",ce,[S("div",ue,[S("div",de,[s(" 业务操作按钮（新增/导出等），始终可见 "),i(t.$slots,"busActions"),s(" 批量操作，仅在有选中行时追加显示 "),e(H)?i(t.$slots,"batchActions",{key:0,selectedList:e(O),selectedListIds:e(z),isSelected:e(H)}):s("v-if",!0)]),S("div",he,[s(" 快速搜索始终渲染 "),(p(!0),q(te,null,oe(e(V),n=>{var y,_,b,f,m;return p(),$(le,{key:(_=(y=n.search)==null?void 0:y.key)!=null?_:n.prop,modelValue:e(C)[(m=(f=(b=n.search)==null?void 0:b.key)!=null?f:n.prop)!=null?m:""],"onUpdate:modelValue":x=>{var N,P,U;return e(C)[(U=(P=(N=n.search)==null?void 0:N.key)!=null?P:n.prop)!=null?U:""]=x},column:n,model:e(C),onSearch:e(R)},null,8,["modelValue","onUpdate:modelValue","column","model","onSearch"])}),128)),e(V).length>0?(p(),$(e(M),{key:0,type:"primary",onClick:e(R)},{default:c(()=>[...l[0]||(l[0]=[F("查询",-1)])]),_:1},8,["onClick"])):s("v-if",!0),e(a).showSearch&&e(A)("search")&&e(L).length>0?(p(),$(e(M),{key:1,class:"sy-pro-table__unify-advanced-btn",type:"primary",plain:"",onClick:e(E)},{default:c(()=>[...l[1]||(l[1]=[F(" 高级筛选 ",-1)])]),_:1},8,["onClick"])):s("v-if",!0),s(" 工具按钮区，用户可通过 #toolButton 追加自定义工具 "),i(t.$slots,"toolButton")])]),k(se,{context:r.context,"table-height":u.value,"table-max-height":d.value,"on-drag-sort":r.onDragSort},{append:c(()=>[i(t.$slots,"append")]),empty:c(()=>[i(t.$slots,"empty")]),default:c(()=>[i(t.$slots,"default")]),_:3},8,["context","table-height","table-max-height","on-drag-sort"]),k(ae,{context:r.context},{pagination:c(()=>[i(t.$slots,"pagination")]),_:3},8,["context"])]),s(" 面板放在最外层容器下，避免被 __main 的 overflow:hidden 裁剪 "),k(ie,{context:r.context,visible:Y.value,cols:e(a).panelCols,"exclude-selector":".sy-pro-table__unify-advanced-btn",onClose:K},null,8,["context","visible","cols"]),k(ne,{ref:G,context:r.context},null,8,["context"])],512))}});export{xe as default};
|
package/es/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const version = "0.7.
|
|
1
|
+
export declare const version = "0.7.13";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
package/es/version.mjs
CHANGED
package/lib/hooks/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";/*!
|
|
2
|
-
* sunyard-szyy-ui v0.7.
|
|
2
|
+
* sunyard-szyy-ui v0.7.13
|
|
3
3
|
* (c) 2026 Sunyard SZYY Base Team
|
|
4
4
|
*/Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),o=require("@sunyard-szyy-ui/utils");function r(n){const u=`sy-${n}`;return{namespace:u,b:()=>u,e:e=>`${u}__${e}`,m:e=>`${u}--${e}`,is:(e,s=!0)=>s?`is-${e}`:""}}function a(n,u=300){const e=c.ref(n.value),s=o.debounce(t=>{e.value=t},u);return c.watch(n,t=>{s(t)}),e}exports.useDebounce=a;exports.useNamespace=r;
|
package/lib/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";/*!
|
|
2
|
-
* sunyard-szyy-ui v0.7.
|
|
2
|
+
* sunyard-szyy-ui v0.7.13
|
|
3
3
|
* (c) 2026 Sunyard SZYY Base Team
|
|
4
4
|
*/Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@sunyard-szyy-ui/components"),y=require("./version.js"),S=require("./hooks/dist/index.js"),o=require("@sunyard-szyy-ui/utils"),i=require("./make-installer.js"),n=[e.SyAutocomplete,e.SyAlert,e.SyAside,e.SyBacktop,e.SyButton,e.SyCard,e.SyCascader,e.SyCheckbox,e.SyCheckboxButton,e.SyCheckboxGroup,e.SyColorPicker,e.SyCol,e.SyCollapse,e.SyCollapseItem,e.SyConfigProvider,e.SyContainer,e.SyDatePicker,e.SyDateTimePicker,e.SyDescriptions,e.SyDescriptionsItem,e.SyDialog,e.SyDivider,e.SyDrawer,e.SyDropdown,e.SyDropdownItem,e.SyDropdownMenu,e.SyEmpty,e.SyFooter,e.SyForm,e.SyFormItem,e.SyHeader,e.SyIcon,e.SyImage,e.SyInput,e.SyInputNumber,e.SyLink,e.SyMain,e.SyMenu,e.SyMenuItem,e.SyMenuItemGroup,e.SyOption,e.SyPagination,e.SyPopconfirm,e.SyPopover,e.SyProgress,e.SyRadio,e.SyRadioButton,e.SyRadioGroup,e.SyRow,e.SyScrollbar,e.SySelect,e.SySelectV2,e.SySkeleton,e.SySkeletonItem,e.SySlider,e.SySpace,e.SyStep,e.SySteps,e.SySubMenu,e.SySwitch,e.SyTable,e.SyTableColumn,e.SyTabPane,e.SyTabs,e.SyTag,e.SyText,e.SyTimePicker,e.SyTimeSelect,e.SyTooltip,e.SyTree,e.SyTreeSelect,e.SyUpload,e.SyProForm,e.SyProTable],u=t=>{if(typeof window!="undefined"&&(console.log(`%c[Sunyard SZYY UI]%c v${y.version} %cinstalled`,"color: #409eff; font-weight: bold","color: #67c23a","color: #909399"),window.__SUNYARD_SZYY_UI_VERSION__=y.version,window.__SUNYARD_SZYY_UI__={version:y.version,components:n.map(r=>r.name||"Unknown")}),n.forEach(r=>t.use(r)),t.use(e.SyLoading),typeof window!="undefined"){const r=window.__VUE_DEVTOOLS_GLOBAL_HOOK__;r&&r.emit("app:init",t,y.version,{label:"Sunyard SZYY UI",packageName:"sunyard-szyy-ui",homepage:"https://github.com/your-org/sunyard-szyy-ui"})}},a={version:y.version,install:u};Object.defineProperty(exports,"SyAlert",{enumerable:!0,get:()=>e.SyAlert});Object.defineProperty(exports,"SyAside",{enumerable:!0,get:()=>e.SyAside});Object.defineProperty(exports,"SyAutocomplete",{enumerable:!0,get:()=>e.SyAutocomplete});Object.defineProperty(exports,"SyBacktop",{enumerable:!0,get:()=>e.SyBacktop});Object.defineProperty(exports,"SyButton",{enumerable:!0,get:()=>e.SyButton});Object.defineProperty(exports,"SyCard",{enumerable:!0,get:()=>e.SyCard});Object.defineProperty(exports,"SyCascader",{enumerable:!0,get:()=>e.SyCascader});Object.defineProperty(exports,"SyCheckbox",{enumerable:!0,get:()=>e.SyCheckbox});Object.defineProperty(exports,"SyCheckboxButton",{enumerable:!0,get:()=>e.SyCheckboxButton});Object.defineProperty(exports,"SyCheckboxGroup",{enumerable:!0,get:()=>e.SyCheckboxGroup});Object.defineProperty(exports,"SyCol",{enumerable:!0,get:()=>e.SyCol});Object.defineProperty(exports,"SyCollapse",{enumerable:!0,get:()=>e.SyCollapse});Object.defineProperty(exports,"SyCollapseItem",{enumerable:!0,get:()=>e.SyCollapseItem});Object.defineProperty(exports,"SyColorPicker",{enumerable:!0,get:()=>e.SyColorPicker});Object.defineProperty(exports,"SyConfigProvider",{enumerable:!0,get:()=>e.SyConfigProvider});Object.defineProperty(exports,"SyContainer",{enumerable:!0,get:()=>e.SyContainer});Object.defineProperty(exports,"SyDatePicker",{enumerable:!0,get:()=>e.SyDatePicker});Object.defineProperty(exports,"SyDateTimePicker",{enumerable:!0,get:()=>e.SyDateTimePicker});Object.defineProperty(exports,"SyDescriptions",{enumerable:!0,get:()=>e.SyDescriptions});Object.defineProperty(exports,"SyDescriptionsItem",{enumerable:!0,get:()=>e.SyDescriptionsItem});Object.defineProperty(exports,"SyDialog",{enumerable:!0,get:()=>e.SyDialog});Object.defineProperty(exports,"SyDivider",{enumerable:!0,get:()=>e.SyDivider});Object.defineProperty(exports,"SyDrawer",{enumerable:!0,get:()=>e.SyDrawer});Object.defineProperty(exports,"SyDropdown",{enumerable:!0,get:()=>e.SyDropdown});Object.defineProperty(exports,"SyDropdownItem",{enumerable:!0,get:()=>e.SyDropdownItem});Object.defineProperty(exports,"SyDropdownMenu",{enumerable:!0,get:()=>e.SyDropdownMenu});Object.defineProperty(exports,"SyEmpty",{enumerable:!0,get:()=>e.SyEmpty});Object.defineProperty(exports,"SyFooter",{enumerable:!0,get:()=>e.SyFooter});Object.defineProperty(exports,"SyForm",{enumerable:!0,get:()=>e.SyForm});Object.defineProperty(exports,"SyFormItem",{enumerable:!0,get:()=>e.SyFormItem});Object.defineProperty(exports,"SyHeader",{enumerable:!0,get:()=>e.SyHeader});Object.defineProperty(exports,"SyIcon",{enumerable:!0,get:()=>e.SyIcon});Object.defineProperty(exports,"SyImage",{enumerable:!0,get:()=>e.SyImage});Object.defineProperty(exports,"SyInput",{enumerable:!0,get:()=>e.SyInput});Object.defineProperty(exports,"SyInputNumber",{enumerable:!0,get:()=>e.SyInputNumber});Object.defineProperty(exports,"SyLink",{enumerable:!0,get:()=>e.SyLink});Object.defineProperty(exports,"SyLoading",{enumerable:!0,get:()=>e.SyLoading});Object.defineProperty(exports,"SyLoadingDirective",{enumerable:!0,get:()=>e.SyLoadingDirective});Object.defineProperty(exports,"SyMain",{enumerable:!0,get:()=>e.SyMain});Object.defineProperty(exports,"SyMenu",{enumerable:!0,get:()=>e.SyMenu});Object.defineProperty(exports,"SyMenuItem",{enumerable:!0,get:()=>e.SyMenuItem});Object.defineProperty(exports,"SyMenuItemGroup",{enumerable:!0,get:()=>e.SyMenuItemGroup});Object.defineProperty(exports,"SyMessage",{enumerable:!0,get:()=>e.SyMessage});Object.defineProperty(exports,"SyMessageBox",{enumerable:!0,get:()=>e.SyMessageBox});Object.defineProperty(exports,"SyNotification",{enumerable:!0,get:()=>e.SyNotification});Object.defineProperty(exports,"SyOption",{enumerable:!0,get:()=>e.SyOption});Object.defineProperty(exports,"SyPagination",{enumerable:!0,get:()=>e.SyPagination});Object.defineProperty(exports,"SyPopconfirm",{enumerable:!0,get:()=>e.SyPopconfirm});Object.defineProperty(exports,"SyPopover",{enumerable:!0,get:()=>e.SyPopover});Object.defineProperty(exports,"SyProForm",{enumerable:!0,get:()=>e.SyProForm});Object.defineProperty(exports,"SyProTable",{enumerable:!0,get:()=>e.SyProTable});Object.defineProperty(exports,"SyProgress",{enumerable:!0,get:()=>e.SyProgress});Object.defineProperty(exports,"SyRadio",{enumerable:!0,get:()=>e.SyRadio});Object.defineProperty(exports,"SyRadioButton",{enumerable:!0,get:()=>e.SyRadioButton});Object.defineProperty(exports,"SyRadioGroup",{enumerable:!0,get:()=>e.SyRadioGroup});Object.defineProperty(exports,"SyRow",{enumerable:!0,get:()=>e.SyRow});Object.defineProperty(exports,"SyScrollbar",{enumerable:!0,get:()=>e.SyScrollbar});Object.defineProperty(exports,"SySelect",{enumerable:!0,get:()=>e.SySelect});Object.defineProperty(exports,"SySelectV2",{enumerable:!0,get:()=>e.SySelectV2});Object.defineProperty(exports,"SySkeleton",{enumerable:!0,get:()=>e.SySkeleton});Object.defineProperty(exports,"SySkeletonItem",{enumerable:!0,get:()=>e.SySkeletonItem});Object.defineProperty(exports,"SySlider",{enumerable:!0,get:()=>e.SySlider});Object.defineProperty(exports,"SySpace",{enumerable:!0,get:()=>e.SySpace});Object.defineProperty(exports,"SyStep",{enumerable:!0,get:()=>e.SyStep});Object.defineProperty(exports,"SySteps",{enumerable:!0,get:()=>e.SySteps});Object.defineProperty(exports,"SySubMenu",{enumerable:!0,get:()=>e.SySubMenu});Object.defineProperty(exports,"SySwitch",{enumerable:!0,get:()=>e.SySwitch});Object.defineProperty(exports,"SyTabPane",{enumerable:!0,get:()=>e.SyTabPane});Object.defineProperty(exports,"SyTable",{enumerable:!0,get:()=>e.SyTable});Object.defineProperty(exports,"SyTableColumn",{enumerable:!0,get:()=>e.SyTableColumn});Object.defineProperty(exports,"SyTabs",{enumerable:!0,get:()=>e.SyTabs});Object.defineProperty(exports,"SyTag",{enumerable:!0,get:()=>e.SyTag});Object.defineProperty(exports,"SyText",{enumerable:!0,get:()=>e.SyText});Object.defineProperty(exports,"SyTimePicker",{enumerable:!0,get:()=>e.SyTimePicker});Object.defineProperty(exports,"SyTimeSelect",{enumerable:!0,get:()=>e.SyTimeSelect});Object.defineProperty(exports,"SyTooltip",{enumerable:!0,get:()=>e.SyTooltip});Object.defineProperty(exports,"SyTree",{enumerable:!0,get:()=>e.SyTree});Object.defineProperty(exports,"SyTreeSelect",{enumerable:!0,get:()=>e.SyTreeSelect});Object.defineProperty(exports,"SyUpload",{enumerable:!0,get:()=>e.SyUpload});exports.version=y.version;exports.useDebounce=S.useDebounce;exports.useNamespace=S.useNamespace;exports.makeInstaller=i.makeInstaller;exports.default=a;exports.install=u;Object.keys(o).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:()=>o[t]})});
|
package/lib/make-installer.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";/*!
|
|
2
|
-
* sunyard-szyy-ui v0.7.
|
|
2
|
+
* sunyard-szyy-ui v0.7.13
|
|
3
3
|
* (c) 2026 Sunyard SZYY Base Team
|
|
4
4
|
*/Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("SUNYARD_SZYY_UI_INSTALLED"),s=(l=[],r="0.0.0")=>({version:r,install:t=>{t[e]||(t[e]=!0,l.forEach(n=>t.use(n)))}});exports.makeInstaller=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./hooks/use-pro-table.js"),f=require("./variants/classic/ClassicLayout.vue.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./hooks/use-pro-table.js"),f=require("./variants/classic/ClassicLayout.vue.js"),c=require("./variants/custom/CustomLayout.vue.js"),h=require("./variants/unify/UnifyLayout.vue.js"),m=e.defineComponent({name:"SyProTable",inheritAttrs:!1,__name:"ProTable",props:{columns:{},data:{},request:{},params:{},postData:{},requestError:{},manualRequest:{type:Boolean,default:!1},pagination:{type:Boolean,default:!0},rowKey:{},border:{type:Boolean},stripe:{type:Boolean},showSearch:{type:Boolean,default:!0},searchCols:{},panelCols:{},filterChipWidth:{},filterChipMax:{},toolButton:{type:[Boolean,Array],default:!0},highlightCurrentRow:{type:Boolean,default:!1},size:{},pageSizes:{},pageSize:{},pageLayout:{},type:{},height:{},maxHeight:{},autoHeight:{type:Boolean},heightOffset:{}},emits:["search","reset","dragSort"],setup(l,{expose:i,emit:u}){const d=l,s=u,n=e.useSlots(),o=p.useProTable(d,s,n);function a(t){s("dragSort",t)}return i({tableRef:o.tableRef,formRef:o.formRef,tableData:o.tableData,enumMap:o.enumMap,pageable:o.pageable,searchParam:o.searchParam,searchInitParam:o.searchInitParam,isSelected:o.isSelected,selectedList:o.selectedList,selectedListIds:o.selectedListIds,radio:o.radio,getTableList:o.getTableList,search:o.search,reset:o.reset,clearSelection:o.clearSelection,clearRadio:o.clearRadio,handleSizeChange:o.handleSizeChange,handleCurrentChange:o.handleCurrentChange}),(t,y)=>e.unref(o).props.type==="classic"?(e.openBlock(),e.createBlock(f.default,{key:0,context:e.unref(o),"on-drag-sort":a},e.createSlots({batchActions:e.withCtx(r=>[e.unref(n).batchActions?e.renderSlot(t.$slots,"batchActions",e.normalizeProps(e.mergeProps({key:0},r))):e.renderSlot(t.$slots,"tableHeader",e.normalizeProps(e.mergeProps({key:1},r)))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[e.unref(n).busActions?{name:"busActions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"busActions")]),key:"0"}:void 0,e.unref(n).toolButton?{name:"toolButton",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"toolButton")]),key:"1"}:void 0,e.unref(n).append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"2"}:void 0,e.unref(n).empty?{name:"empty",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),key:"3"}:void 0,e.unref(n).pagination?{name:"pagination",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"pagination")]),key:"4"}:void 0]),1032,["context"])):e.unref(o).props.type==="unify"?(e.openBlock(),e.createBlock(h.default,{key:1,context:e.unref(o),"on-drag-sort":a},e.createSlots({batchActions:e.withCtx(r=>[e.unref(n).batchActions?e.renderSlot(t.$slots,"batchActions",e.normalizeProps(e.mergeProps({key:0},r))):e.renderSlot(t.$slots,"tableHeader",e.normalizeProps(e.mergeProps({key:1},r)))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[e.unref(n).busActions?{name:"busActions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"busActions")]),key:"0"}:void 0,e.unref(n).toolButton?{name:"toolButton",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"toolButton")]),key:"1"}:void 0,e.unref(n).append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"2"}:void 0,e.unref(n).empty?{name:"empty",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),key:"3"}:void 0,e.unref(n).pagination?{name:"pagination",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"pagination")]),key:"4"}:void 0]),1032,["context"])):(e.openBlock(),e.createBlock(c.default,{key:2,context:e.unref(o),"on-drag-sort":a},e.createSlots({batchActions:e.withCtx(r=>[e.unref(n).batchActions?e.renderSlot(t.$slots,"batchActions",e.normalizeProps(e.mergeProps({key:0},r))):e.renderSlot(t.$slots,"tableHeader",e.normalizeProps(e.mergeProps({key:1},r)))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[e.unref(n).busActions?{name:"busActions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"busActions")]),key:"0"}:void 0,e.unref(n).toolButton?{name:"toolButton",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"toolButton")]),key:"1"}:void 0,e.unref(n).append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"2"}:void 0,e.unref(n).empty?{name:"empty",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),key:"3"}:void 0,e.unref(n).pagination?{name:"pagination",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"pagination")]),key:"4"}:void 0]),1032,["context"]))}});exports.default=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@element-plus/icons-vue"),h=require("../../../../button/src/button.js"),p=require("../../../../tooltip/src/tooltip.js"),I=require("../../shared/ProTableColSetting.vue.js"),M=require("../../shared/ProTablePagination.vue.js"),O=require("../../shared/ProTableSearchRenderer.vue.js"),F=require("../../shared/ProTableTable.vue.js"),j=require("@sunyard-szyy-ui/utils"),z={key:0,class:"sy-pro-table__search"},
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@element-plus/icons-vue"),h=require("../../../../button/src/button.js"),p=require("../../../../tooltip/src/tooltip.js"),I=require("../../shared/ProTableColSetting.vue.js"),M=require("../../shared/ProTablePagination.vue.js"),O=require("../../shared/ProTableSearchRenderer.vue.js"),F=require("../../shared/ProTableTable.vue.js"),j=require("@sunyard-szyy-ui/utils"),z={key:0,class:"sy-pro-table__search"},A={class:"sy-pro-table__main"},D={class:"sy-pro-table__header"},U={class:"sy-pro-table__header-left"},Y={class:"sy-pro-table__header-right"},G=e.defineComponent({__name:"ClassicLayout",props:{context:{},onDragSort:{type:Function}},setup(r){var S;const o=r,n=o.context.props,g=o.context.isShowSearch,v=o.context.searchColumns,k=o.context.selectedList,w=o.context.selectedListIds,_=o.context.isSelected,V=o.context.getTableList,N=o.context.openColSetting,B=o.context.toggleSearch,u=o.context.showToolBtn,T=o.context.formRef,R=o.context.colSettingRef,a=e.ref(),c=e.ref(void 0),l=e.ref(void 0),q=(S=e.inject(j.SY_UI_CONFIG_KEY,{}).proTable)!=null?S:{};function m(){var y,C;const t=a.value;if(!t)return;const d=t.querySelector(".sy-pro-table__table"),b=t.querySelector(".sy-pro-table__pagination");if(!d)return;const H=d.getBoundingClientRect().top,P=b?b.getBoundingClientRect().height:0,$=(C=(y=n.heightOffset)!=null?y:q.heightOffset)!=null?C:0,x=Math.floor(window.innerHeight-H-P-$);return x>80?x:void 0}function i(){if(n.height!==void 0){c.value=n.height,l.value=void 0;return}if(n.autoHeight===!0){c.value=m(),l.value=void 0;return}if(n.maxHeight!==void 0){c.value=void 0,l.value=n.maxHeight;return}c.value=void 0,l.value=m()}e.watch(g,()=>e.nextTick(i));let s=null;e.onMounted(()=>{e.nextTick(i),window.addEventListener("resize",i),a.value&&(s=new ResizeObserver(i),s.observe(a.value))}),e.onUnmounted(()=>{window.removeEventListener("resize",i),s==null||s.disconnect()});function E(t){T.value=t}function L(t){R.value=t}return(t,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"layoutRef",ref:a,class:"sy-pro-table sy-pro-table--classic"},[e.unref(n).showSearch&&e.unref(g)&&e.unref(v).length>0?(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(O.default,{ref:E,context:r.context,cols:e.unref(n).searchCols},null,8,["context","cols"])])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",A,[e.createElementVNode("div",D,[e.createElementVNode("div",U,[e.createCommentVNode(" 业务操作按钮（新增/导出等），始终可见 "),e.renderSlot(t.$slots,"busActions"),e.createCommentVNode(" 批量操作，仅在有选中行时追加显示 "),e.unref(_)?e.renderSlot(t.$slots,"batchActions",{key:0,selectedList:e.unref(k),selectedListIds:e.unref(w),isSelected:e.unref(_)}):e.createCommentVNode("v-if",!0)]),e.createElementVNode("div",Y,[e.createCommentVNode(" 用户自定义工具按钮（追加在系统按钮之前） "),e.renderSlot(t.$slots,"toolButton"),e.createCommentVNode(" 系统工具按钮，始终渲染 "),e.unref(u)("refresh")?(e.openBlock(),e.createBlock(e.unref(p.SyTooltip),{key:0,content:"刷新",placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(h.SyButton),{icon:e.unref(f.Refresh),circle:"",onClick:e.unref(V)},null,8,["icon","onClick"])]),_:1})):e.createCommentVNode("v-if",!0),e.unref(u)("setting")?(e.openBlock(),e.createBlock(e.unref(p.SyTooltip),{key:1,content:"列设置",placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(h.SyButton),{icon:e.unref(f.Operation),circle:"",onClick:e.unref(N)},null,8,["icon","onClick"])]),_:1})):e.createCommentVNode("v-if",!0),e.unref(n).showSearch&&e.unref(u)("search")&&e.unref(v).length>0?(e.openBlock(),e.createBlock(e.unref(p.SyTooltip),{key:2,content:"搜索",placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(h.SyButton),{icon:e.unref(f.Search),circle:"",onClick:e.unref(B)},null,8,["icon","onClick"])]),_:1})):e.createCommentVNode("v-if",!0)])]),e.createVNode(F.default,{context:r.context,"table-height":c.value,"table-max-height":l.value,"on-drag-sort":r.onDragSort},{append:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),empty:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["context","table-height","table-max-height","on-drag-sort"]),e.createVNode(M.default,{context:r.context},{pagination:e.withCtx(()=>[e.renderSlot(t.$slots,"pagination")]),_:3},8,["context"])]),e.createVNode(I.default,{ref:L,context:r.context},null,8,["context"])],512))}});exports.default=G;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("@element-plus/icons-vue"),m=require("../../../../button/src/button.js"),j=require("../../../../tooltip/src/tooltip.js"),ae=require("../../shared/ProTableColSetting.vue.js"),ce=require("../../shared/ProTablePagination.vue.js"),se=require("../../shared/ProTableTable.vue.js"),W=require("./CustomFilterChip.vue.js"),ue=require("./CustomSearchBar.vue.js"),ie=require("./CustomSearchPanel.vue.js"),de=require("@sunyard-szyy-ui/utils"),fe={class:"sy-pro-table__main sy-pro-table__main--custom"},pe={class:"sy-pro-table__header sy-pro-table__header--custom"},me={class:"sy-pro-table__custom-batch"},he={class:"sy-pro-table__custom-batch-count"},ve={class:"sy-pro-table__header-left"},_e={class:"sy-pro-table__header-right sy-pro-table__header-right--custom"},ye={class:"sy-pro-table__custom-panel-inner sy-pro-table__chip-overflow-list"},ge=e.defineComponent({__name:"CustomLayout",props:{context:{},onDragSort:{type:Function}},setup(f){var D;const r=f,s=r.context.props,L=r.context.isShowSearch,x=r.context.searchColumns,P=r.context.quickSearchColumns,u=r.context.searchParam,T=r.context.selectedList,Y=r.context.selectedListIds,E=r.context.isSelected,h=r.context.search,q=r.context.toggleSearch,V=r.context.showToolBtn,G=r.context.getTableList,J=r.context.openColSetting,Q=r.context.colSettingRef,X=r.context.clearSelection,F=r.context.searchInitParam,H=e.computed(()=>!!s.showSearch&&L.value&&x.value.length>0),B=e.computed(()=>{const o=new Set(P.value.map(t=>{var n,l,a;return(a=(l=(n=t.search)==null?void 0:n.key)!=null?l:t.prop)!=null?a:""}));return x.value.filter(t=>{var n,l,a;return!o.has((a=(l=(n=t.search)==null?void 0:n.key)!=null?l:t.prop)!=null?a:"")})}),C=e.ref(new Set),S=e.computed(()=>B.value.map(o=>{var l,a,i;const t=(i=(a=(l=o.search)==null?void 0:l.key)!=null?a:o.prop)!=null?i:"";if(!C.value.has(t))return null;const n=u.value[t];return n==null||n===""||Array.isArray(n)&&n.length===0?null:{key:t,column:o}}).filter(o=>o!==null)),Z=e.computed(()=>{var t;const o=(t=s.filterChipMax)!=null?t:3;return S.value.slice(0,o)}),v=e.computed(()=>{var t;const o=(t=s.filterChipMax)!=null?t:3;return S.value.slice(o)}),p=e.ref(!1),M=e.ref(),N=e.ref(null),$=e.ref(null),ee=e.computed(()=>{const o=$.value,t=_.value;if(!o||!t)return{left:"16px"};const n=t.getBoundingClientRect(),l=o.getBoundingClientRect();return{left:`${Math.round(l.left-n.left)}px`}});function te(){p.value=!p.value}e.watch(v,o=>{o.length===0&&(p.value=!1)});function O(o){var l,a,i;const t=o.composedPath(),n=(a=(l=N.value)==null?void 0:l.$el)!=null?a:N.value;for(const b of t){const c=b;if(c!=null&&c.classList&&(c===M.value||(i=n==null?void 0:n.contains)!=null&&i.call(n,c)||c===n||c.classList.contains("el-popper")||c.classList.contains("el-overlay")||c.classList.contains("el-picker__popper")||c.classList.contains("el-select__popper")||c.classList.contains("el-select-dropdown")||c.classList.contains("el-date-picker")||c.classList.contains("el-date-range-picker")))return}p.value=!1}let d=null;e.watch(p,o=>{d==null||d(),d=null,o&&e.nextTick(()=>{document.addEventListener("mousedown",O,!0),d=()=>document.removeEventListener("mousedown",O,!0)})}),e.onBeforeUnmount(()=>d==null?void 0:d());function oe(){C.value=new Set(B.value.map(o=>{var t,n,l;return(l=(n=(t=o.search)==null?void 0:t.key)!=null?n:o.prop)!=null?l:""}).filter(o=>{const t=u.value[o];return t!=null&&t!==""&&!(Array.isArray(t)&&t.length===0)}))}function U(o,t){u.value[o]=t}function I(o){var t;u.value[o]=(t=F[o])!=null?t:void 0,C.value.delete(o),h()}function z(){B.value.forEach(o=>{var n,l,a,i;const t=(a=(l=(n=o.search)==null?void 0:n.key)!=null?l:o.prop)!=null?a:"";u.value[t]=(i=F[t])!=null?i:void 0}),C.value.clear(),h()}const _=e.ref(),y=e.ref(void 0),g=e.ref(void 0),ne=(D=e.inject(de.SY_UI_CONFIG_KEY,{}).proTable)!=null?D:{};function A(){var c,K;const o=_.value;if(!o)return;const t=o.querySelector(".sy-pro-table__table"),n=o.querySelector(".sy-pro-table__pagination");if(!t)return;const l=t.getBoundingClientRect().top,a=n?n.getBoundingClientRect().height:0,i=(K=(c=s.heightOffset)!=null?c:ne.heightOffset)!=null?K:0,b=Math.floor(window.innerHeight-l-a-i);return b>80?b:void 0}function w(){if(s.height!==void 0){y.value=s.height,g.value=void 0;return}if(s.autoHeight===!0){y.value=A(),g.value=void 0;return}if(s.maxHeight!==void 0){y.value=void 0,g.value=s.maxHeight;return}y.value=void 0,g.value=A()}let k=null;e.onMounted(()=>{e.nextTick(w),window.addEventListener("resize",w),_.value&&(k=new ResizeObserver(w),k.observe(_.value))}),e.onUnmounted(()=>{window.removeEventListener("resize",w),k==null||k.disconnect()});function le(o){Q.value=o}function re(){L.value&&q()}return(o,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"layoutRef",ref:_,class:"sy-pro-table sy-pro-table--custom"},[e.createElementVNode("div",fe,[e.createElementVNode("div",pe,[e.createCommentVNode(" 批量操作模式：选中行时替换整个 header "),e.unref(E)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",me,[e.createElementVNode("span",he,"已选 "+e.toDisplayString(e.unref(T).length)+" 条数据",1),t[1]||(t[1]=e.createElementVNode("span",{class:"sy-pro-table__custom-batch-divider"},null,-1)),e.renderSlot(o.$slots,"tableHeader",{selectedList:e.unref(T),selectedListIds:e.unref(Y),isSelected:e.unref(E)})]),e.createVNode(e.unref(m.SyButton),{class:"sy-pro-table__custom-batch-close",icon:e.unref(R.Close),circle:"",onClick:e.unref(X)},null,8,["icon","onClick"])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 正常模式 "),e.createCommentVNode(" 左侧：快速查询 + 高级筛选 + 已应用筛选 tags "),e.createElementVNode("div",ve,[e.createVNode(ue.default,{"quick-search-columns":e.unref(P),"search-param":e.unref(u),"show-advanced":e.unref(s).showSearch&&e.unref(V)("search")&&e.unref(x).length>0,"filter-active":H.value||S.value.length>0,onSearch:e.unref(h),onToggleAdvanced:e.unref(q),onUpdateParam:t[0]||(t[0]=(n,l)=>e.unref(u)[n]=l)},null,8,["quick-search-columns","search-param","show-advanced","filter-active","onSearch","onToggleAdvanced"]),e.createCommentVNode(" chips 行整体包一个 div，用于精确计算 overflow panel 的对齐 left "),S.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chipsRowRef",ref:$,class:"sy-pro-table__chip-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Z.value,n=>(e.openBlock(),e.createBlock(W.default,{key:n.key,column:n.column,model:e.unref(u),"model-value":e.unref(u)[n.key],width:e.unref(s).filterChipWidth,"onUpdate:modelValue":l=>U(n.key,l),onSearch:e.unref(h),onRemove:l=>I(n.key)},null,8,["column","model","model-value","width","onUpdate:modelValue","onSearch","onRemove"]))),128)),e.createCommentVNode(" 超出 filterChipMax 时的折叠入口 "),v.value.length>0?(e.openBlock(),e.createBlock(e.unref(m.SyButton),{key:0,ref_key:"overflowBtnRef",ref:N,class:"sy-pro-table__custom-filter-more",size:"small",type:"primary",plain:"",onClick:te},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(v.value.length),1)]),_:1},512)):e.createCommentVNode("v-if",!0),v.value.length===0?(e.openBlock(),e.createBlock(e.unref(m.SyButton),{key:1,link:"",size:"small",class:"sy-pro-table__custom-filter-clear",onClick:z},{default:e.withCtx(()=>[...t[2]||(t[2]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("v-if",!0)],512)):e.createCommentVNode("v-if",!0)]),e.createCommentVNode(" 右侧：功能按钮 + 刷新 + 列设置 "),e.createElementVNode("div",_e,[e.renderSlot(o.$slots,"toolButton"),e.unref(V)("refresh")?(e.openBlock(),e.createBlock(e.unref(j.SyTooltip),{key:0,content:"刷新",placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.SyButton),{icon:e.unref(R.Refresh),circle:"",onClick:e.unref(G)},null,8,["icon","onClick"])]),_:1})):e.createCommentVNode("v-if",!0),e.unref(V)("setting")?(e.openBlock(),e.createBlock(e.unref(j.SyTooltip),{key:1,content:"列设置",placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.SyButton),{icon:e.unref(R.Operation),circle:"",onClick:e.unref(J)},null,8,["icon","onClick"])]),_:1})):e.createCommentVNode("v-if",!0)])],64))]),e.createVNode(se.default,{context:f.context,"table-height":y.value,"table-max-height":g.value,"on-drag-sort":f.onDragSort},{append:e.withCtx(()=>[e.renderSlot(o.$slots,"append")]),empty:e.withCtx(()=>[e.renderSlot(o.$slots,"empty")]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["context","table-height","table-max-height","on-drag-sort"]),e.createVNode(ce.default,{context:f.context},{pagination:e.withCtx(()=>[e.renderSlot(o.$slots,"pagination")]),_:3},8,["context"])]),e.createCommentVNode(" 两个浮层面板放在最外层容器下，避免被 __main 的 overflow:hidden 裁剪 "),e.createVNode(ie.default,{context:f.context,visible:H.value,cols:e.unref(s).panelCols,"exclude-selector":".sy-pro-table__custom-filter-btn",onClose:re,onPanelSearch:oe},null,8,["context","visible","cols"]),e.createCommentVNode(" overflow chip 浮层：与第一个 chip 左对齐 "),e.createVNode(e.Transition,{name:"sy-pro-table-panel",persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"overflowPanelRef",ref:M,class:"sy-pro-table__custom-panel",style:e.normalizeStyle(ee.value)},[e.createElementVNode("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,n=>(e.openBlock(),e.createBlock(W.default,{key:n.key,column:n.column,model:e.unref(u),"model-value":e.unref(u)[n.key],width:e.unref(s).filterChipWidth,"onUpdate:modelValue":l=>U(n.key,l),onSearch:e.unref(h),onRemove:l=>I(n.key)},null,8,["column","model","model-value","width","onUpdate:modelValue","onSearch","onRemove"]))),128)),e.createVNode(e.unref(m.SyButton),{link:"",size:"small",class:"sy-pro-table__custom-filter-clear",onClick:z},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("清空全部",-1)])]),_:1})])],4),[[e.vShow,p.value]])]),_:1}),e.createVNode(ae.default,{ref:le,context:f.context},null,8,["context"])],512))}});exports.default=ge;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("@element-plus/icons-vue"),m=require("../../../../button/src/button.js"),j=require("../../../../tooltip/src/tooltip.js"),ae=require("../../shared/ProTableColSetting.vue.js"),ce=require("../../shared/ProTablePagination.vue.js"),se=require("../../shared/ProTableTable.vue.js"),W=require("./CustomFilterChip.vue.js"),ue=require("./CustomSearchBar.vue.js"),ie=require("./CustomSearchPanel.vue.js"),de=require("@sunyard-szyy-ui/utils"),fe={class:"sy-pro-table__main sy-pro-table__main--custom"},pe={class:"sy-pro-table__header sy-pro-table__header--custom"},me={class:"sy-pro-table__custom-batch"},he={class:"sy-pro-table__custom-batch-count"},ve={class:"sy-pro-table__header-left"},_e={class:"sy-pro-table__header-right sy-pro-table__header-right--custom"},ye={class:"sy-pro-table__custom-panel-inner sy-pro-table__chip-overflow-list"},ge=e.defineComponent({__name:"CustomLayout",props:{context:{},onDragSort:{type:Function}},setup(f){var D;const r=f,s=r.context.props,L=r.context.isShowSearch,x=r.context.searchColumns,P=r.context.quickSearchColumns,u=r.context.searchParam,T=r.context.selectedList,Y=r.context.selectedListIds,E=r.context.isSelected,h=r.context.search,q=r.context.toggleSearch,V=r.context.showToolBtn,G=r.context.getTableList,J=r.context.openColSetting,Q=r.context.colSettingRef,X=r.context.clearSelection,F=r.context.searchInitParam,$=e.computed(()=>!!s.showSearch&&L.value&&x.value.length>0),B=e.computed(()=>{const t=new Set(P.value.map(o=>{var n,l,a;return(a=(l=(n=o.search)==null?void 0:n.key)!=null?l:o.prop)!=null?a:""}));return x.value.filter(o=>{var n,l,a;return!t.has((a=(l=(n=o.search)==null?void 0:n.key)!=null?l:o.prop)!=null?a:"")})}),C=e.ref(new Set),S=e.computed(()=>B.value.map(t=>{var l,a,i;const o=(i=(a=(l=t.search)==null?void 0:l.key)!=null?a:t.prop)!=null?i:"";if(!C.value.has(o))return null;const n=u.value[o];return n==null||n===""||Array.isArray(n)&&n.length===0?null:{key:o,column:t}}).filter(t=>t!==null)),Z=e.computed(()=>{var o;const t=(o=s.filterChipMax)!=null?o:3;return S.value.slice(0,t)}),v=e.computed(()=>{var o;const t=(o=s.filterChipMax)!=null?o:3;return S.value.slice(t)}),p=e.ref(!1),M=e.ref(),N=e.ref(null),H=e.ref(null),ee=e.computed(()=>{const t=H.value,o=_.value;if(!t||!o)return{left:"16px"};const n=o.getBoundingClientRect(),l=t.getBoundingClientRect();return{left:`${Math.round(l.left-n.left)}px`}});function te(){p.value=!p.value}e.watch(v,t=>{t.length===0&&(p.value=!1)});function O(t){var l,a,i;const o=t.composedPath(),n=(a=(l=N.value)==null?void 0:l.$el)!=null?a:N.value;for(const b of o){const c=b;if(c!=null&&c.classList&&(c===M.value||(i=n==null?void 0:n.contains)!=null&&i.call(n,c)||c===n||c.classList.contains("el-popper")||c.classList.contains("el-overlay")||c.classList.contains("el-picker__popper")||c.classList.contains("el-select__popper")||c.classList.contains("el-select-dropdown")||c.classList.contains("el-date-picker")||c.classList.contains("el-date-range-picker")))return}p.value=!1}let d=null;e.watch(p,t=>{d==null||d(),d=null,t&&e.nextTick(()=>{document.addEventListener("mousedown",O,!0),d=()=>document.removeEventListener("mousedown",O,!0)})}),e.onBeforeUnmount(()=>d==null?void 0:d());function oe(){C.value=new Set(B.value.map(t=>{var o,n,l;return(l=(n=(o=t.search)==null?void 0:o.key)!=null?n:t.prop)!=null?l:""}).filter(t=>{const o=u.value[t];return o!=null&&o!==""&&!(Array.isArray(o)&&o.length===0)}))}function A(t,o){u.value[t]=o}function U(t){var o;u.value[t]=(o=F[t])!=null?o:void 0,C.value.delete(t),h()}function I(){B.value.forEach(t=>{var n,l,a,i;const o=(a=(l=(n=t.search)==null?void 0:n.key)!=null?l:t.prop)!=null?a:"";u.value[o]=(i=F[o])!=null?i:void 0}),C.value.clear(),h()}const _=e.ref(),y=e.ref(void 0),g=e.ref(void 0),ne=(D=e.inject(de.SY_UI_CONFIG_KEY,{}).proTable)!=null?D:{};function z(){var c,K;const t=_.value;if(!t)return;const o=t.querySelector(".sy-pro-table__table"),n=t.querySelector(".sy-pro-table__pagination");if(!o)return;const l=o.getBoundingClientRect().top,a=n?n.getBoundingClientRect().height:0,i=(K=(c=s.heightOffset)!=null?c:ne.heightOffset)!=null?K:0,b=Math.floor(window.innerHeight-l-a-i);return b>80?b:void 0}function w(){if(s.height!==void 0){y.value=s.height,g.value=void 0;return}if(s.autoHeight===!0){y.value=z(),g.value=void 0;return}if(s.maxHeight!==void 0){y.value=void 0,g.value=s.maxHeight;return}y.value=void 0,g.value=z()}let k=null;e.onMounted(()=>{e.nextTick(w),window.addEventListener("resize",w),_.value&&(k=new ResizeObserver(w),k.observe(_.value))}),e.onUnmounted(()=>{window.removeEventListener("resize",w),k==null||k.disconnect()});function le(t){Q.value=t}function re(){L.value&&q()}return(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"layoutRef",ref:_,class:"sy-pro-table sy-pro-table--custom"},[e.createElementVNode("div",fe,[e.createElementVNode("div",pe,[e.createCommentVNode(" 批量操作模式：选中行时替换整个 header "),e.unref(E)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",me,[e.createElementVNode("span",he,"已选 "+e.toDisplayString(e.unref(T).length)+" 条数据",1),o[1]||(o[1]=e.createElementVNode("span",{class:"sy-pro-table__custom-batch-divider"},null,-1)),e.renderSlot(t.$slots,"batchActions",{selectedList:e.unref(T),selectedListIds:e.unref(Y),isSelected:e.unref(E)})]),e.createVNode(e.unref(m.SyButton),{class:"sy-pro-table__custom-batch-close",icon:e.unref(R.Close),circle:"",onClick:e.unref(X)},null,8,["icon","onClick"])],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 正常模式 "),e.createCommentVNode(" 左侧：快速查询 + 高级筛选 + 已应用筛选 tags "),e.createElementVNode("div",ve,[e.createVNode(ue.default,{"quick-search-columns":e.unref(P),"search-param":e.unref(u),"show-advanced":e.unref(s).showSearch&&e.unref(V)("search")&&e.unref(x).length>0,"filter-active":$.value||S.value.length>0,onSearch:e.unref(h),onToggleAdvanced:e.unref(q),onUpdateParam:o[0]||(o[0]=(n,l)=>e.unref(u)[n]=l)},null,8,["quick-search-columns","search-param","show-advanced","filter-active","onSearch","onToggleAdvanced"]),e.createCommentVNode(" chips 行整体包一个 div，用于精确计算 overflow panel 的对齐 left "),S.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chipsRowRef",ref:H,class:"sy-pro-table__chip-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Z.value,n=>(e.openBlock(),e.createBlock(W.default,{key:n.key,column:n.column,model:e.unref(u),"model-value":e.unref(u)[n.key],width:e.unref(s).filterChipWidth,"onUpdate:modelValue":l=>A(n.key,l),onSearch:e.unref(h),onRemove:l=>U(n.key)},null,8,["column","model","model-value","width","onUpdate:modelValue","onSearch","onRemove"]))),128)),e.createCommentVNode(" 超出 filterChipMax 时的折叠入口 "),v.value.length>0?(e.openBlock(),e.createBlock(e.unref(m.SyButton),{key:0,ref_key:"overflowBtnRef",ref:N,class:"sy-pro-table__custom-filter-more",size:"small",type:"primary",plain:"",onClick:te},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(v.value.length),1)]),_:1},512)):e.createCommentVNode("v-if",!0),v.value.length===0?(e.openBlock(),e.createBlock(e.unref(m.SyButton),{key:1,link:"",size:"small",class:"sy-pro-table__custom-filter-clear",onClick:I},{default:e.withCtx(()=>[...o[2]||(o[2]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("v-if",!0)],512)):e.createCommentVNode("v-if",!0)]),e.createCommentVNode(" 右侧：业务操作按钮 + 工具按钮 + 刷新 + 列设置 "),e.createElementVNode("div",_e,[e.renderSlot(t.$slots,"busActions"),e.renderSlot(t.$slots,"toolButton"),e.unref(V)("refresh")?(e.openBlock(),e.createBlock(e.unref(j.SyTooltip),{key:0,content:"刷新",placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.SyButton),{icon:e.unref(R.Refresh),circle:"",onClick:e.unref(G)},null,8,["icon","onClick"])]),_:1})):e.createCommentVNode("v-if",!0),e.unref(V)("setting")?(e.openBlock(),e.createBlock(e.unref(j.SyTooltip),{key:1,content:"列设置",placement:"top"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.SyButton),{icon:e.unref(R.Operation),circle:"",onClick:e.unref(J)},null,8,["icon","onClick"])]),_:1})):e.createCommentVNode("v-if",!0)])],64))]),e.createVNode(se.default,{context:f.context,"table-height":y.value,"table-max-height":g.value,"on-drag-sort":f.onDragSort},{append:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),empty:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["context","table-height","table-max-height","on-drag-sort"]),e.createVNode(ce.default,{context:f.context},{pagination:e.withCtx(()=>[e.renderSlot(t.$slots,"pagination")]),_:3},8,["context"])]),e.createCommentVNode(" 两个浮层面板放在最外层容器下，避免被 __main 的 overflow:hidden 裁剪 "),e.createVNode(ie.default,{context:f.context,visible:$.value,cols:e.unref(s).panelCols,"exclude-selector":".sy-pro-table__custom-filter-btn",onClose:re,onPanelSearch:oe},null,8,["context","visible","cols"]),e.createCommentVNode(" overflow chip 浮层：与第一个 chip 左对齐 "),e.createVNode(e.Transition,{name:"sy-pro-table-panel",persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"overflowPanelRef",ref:M,class:"sy-pro-table__custom-panel",style:e.normalizeStyle(ee.value)},[e.createElementVNode("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,n=>(e.openBlock(),e.createBlock(W.default,{key:n.key,column:n.column,model:e.unref(u),"model-value":e.unref(u)[n.key],width:e.unref(s).filterChipWidth,"onUpdate:modelValue":l=>A(n.key,l),onSearch:e.unref(h),onRemove:l=>U(n.key)},null,8,["column","model","model-value","width","onUpdate:modelValue","onSearch","onRemove"]))),128)),e.createVNode(e.unref(m.SyButton),{link:"",size:"small",class:"sy-pro-table__custom-filter-clear",onClick:I},{default:e.withCtx(()=>[...o[3]||(o[3]=[e.createTextVNode("清空全部",-1)])]),_:1})])],4),[[e.vShow,p.value]])]),_:1}),e.createVNode(ae.default,{ref:le,context:f.context},null,8,["context"])],512))}});exports.default=ge;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("../../../../button/src/button.js"),M=require("../../shared/ProTableColSetting.vue.js"),O=require("../../shared/ProTablePagination.vue.js"),F=require("../../shared/ProTableTable.vue.js"),j=require("./UnifyQuickSearch.vue.js"),z=require("./UnifySearchPanel.vue.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("../../../../button/src/button.js"),M=require("../../shared/ProTableColSetting.vue.js"),O=require("../../shared/ProTablePagination.vue.js"),F=require("../../shared/ProTableTable.vue.js"),j=require("./UnifyQuickSearch.vue.js"),z=require("./UnifySearchPanel.vue.js"),A=require("@sunyard-szyy-ui/utils"),D={class:"sy-pro-table__main sy-pro-table__main--unify"},Y={class:"sy-pro-table__header sy-pro-table__header--unify"},G={class:"sy-pro-table__header-left"},K={class:"sy-pro-table__header-right sy-pro-table__header-right--unify"},Q=e.defineComponent({__name:"UnifyLayout",props:{context:{},onDragSort:{type:Function}},setup(a){var w;const o=a,r=o.context.props,y=o.context.isShowSearch,b=o.context.searchColumns,S=o.context.quickSearchColumns,g=o.context.searchParam,E=o.context.selectedList,P=o.context.selectedListIds,x=o.context.isSelected,C=o.context.search,k=o.context.toggleSearch,L=o.context.showToolBtn,H=o.context.colSettingRef,R=e.computed(()=>!!r.showSearch&&y.value&&b.value.length>0),f=e.ref(),c=e.ref(void 0),s=e.ref(void 0),U=(w=e.inject(A.SY_UI_CONFIG_KEY,{}).proTable)!=null?w:{};function V(){var d,m;const t=f.value;if(!t)return;const l=t.querySelector(".sy-pro-table__table"),n=t.querySelector(".sy-pro-table__pagination");if(!l)return;const p=l.getBoundingClientRect().top,_=n?n.getBoundingClientRect().height:0,v=(m=(d=r.heightOffset)!=null?d:U.heightOffset)!=null?m:0,u=Math.floor(window.innerHeight-p-_-v);return u>80?u:void 0}function h(){if(r.height!==void 0){c.value=r.height,s.value=void 0;return}if(r.autoHeight===!0){c.value=V(),s.value=void 0;return}if(r.maxHeight!==void 0){c.value=void 0,s.value=r.maxHeight;return}c.value=void 0,s.value=V()}let i=null;e.onMounted(()=>{e.nextTick(h),window.addEventListener("resize",h),f.value&&(i=new ResizeObserver(h),i.observe(f.value))}),e.onUnmounted(()=>{window.removeEventListener("resize",h),i==null||i.disconnect()});function $(t){H.value=t}function I(){y.value&&k()}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"layoutRef",ref:f,class:"sy-pro-table sy-pro-table--unify"},[e.createElementVNode("div",D,[e.createElementVNode("div",Y,[e.createElementVNode("div",G,[e.createCommentVNode(" 业务操作按钮（新增/导出等），始终可见 "),e.renderSlot(t.$slots,"busActions"),e.createCommentVNode(" 批量操作，仅在有选中行时追加显示 "),e.unref(x)?e.renderSlot(t.$slots,"batchActions",{key:0,selectedList:e.unref(E),selectedListIds:e.unref(P),isSelected:e.unref(x)}):e.createCommentVNode("v-if",!0)]),e.createElementVNode("div",K,[e.createCommentVNode(" 快速搜索始终渲染 "),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(S),n=>{var p,_,v,u,d;return e.openBlock(),e.createBlock(j.default,{key:(_=(p=n.search)==null?void 0:p.key)!=null?_:n.prop,modelValue:e.unref(g)[(d=(u=(v=n.search)==null?void 0:v.key)!=null?u:n.prop)!=null?d:""],"onUpdate:modelValue":m=>{var N,B,T;return e.unref(g)[(T=(B=(N=n.search)==null?void 0:N.key)!=null?B:n.prop)!=null?T:""]=m},column:n,model:e.unref(g),onSearch:e.unref(C)},null,8,["modelValue","onUpdate:modelValue","column","model","onSearch"])}),128)),e.unref(S).length>0?(e.openBlock(),e.createBlock(e.unref(q.SyButton),{key:0,type:"primary",onClick:e.unref(C)},{default:e.withCtx(()=>[...l[0]||(l[0]=[e.createTextVNode("查询",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("v-if",!0),e.unref(r).showSearch&&e.unref(L)("search")&&e.unref(b).length>0?(e.openBlock(),e.createBlock(e.unref(q.SyButton),{key:1,class:"sy-pro-table__unify-advanced-btn",type:"primary",plain:"",onClick:e.unref(k)},{default:e.withCtx(()=>[...l[1]||(l[1]=[e.createTextVNode(" 高级筛选 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" 工具按钮区，用户可通过 #toolButton 追加自定义工具 "),e.renderSlot(t.$slots,"toolButton")])]),e.createVNode(F.default,{context:a.context,"table-height":c.value,"table-max-height":s.value,"on-drag-sort":a.onDragSort},{append:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),empty:e.withCtx(()=>[e.renderSlot(t.$slots,"empty")]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["context","table-height","table-max-height","on-drag-sort"]),e.createVNode(O.default,{context:a.context},{pagination:e.withCtx(()=>[e.renderSlot(t.$slots,"pagination")]),_:3},8,["context"])]),e.createCommentVNode(" 面板放在最外层容器下，避免被 __main 的 overflow:hidden 裁剪 "),e.createVNode(z.default,{context:a.context,visible:R.value,cols:e.unref(r).panelCols,"exclude-selector":".sy-pro-table__unify-advanced-btn",onClose:I},null,8,["context","visible","cols"]),e.createVNode(M.default,{ref:$,context:a.context},null,8,["context"])],512))}});exports.default=Q;
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const version = "0.7.
|
|
1
|
+
export declare const version = "0.7.13";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
package/lib/version.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";/*!
|
|
2
|
-
* sunyard-szyy-ui v0.7.
|
|
2
|
+
* sunyard-szyy-ui v0.7.13
|
|
3
3
|
* (c) 2026 Sunyard SZYY Base Team
|
|
4
|
-
*/Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.7.
|
|
4
|
+
*/Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.7.13";exports.version=e;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sunyard-szyy-ui",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.13",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.mjs",
|
|
@@ -83,9 +83,9 @@
|
|
|
83
83
|
"vue": "^3.0.0"
|
|
84
84
|
},
|
|
85
85
|
"dependencies": {
|
|
86
|
-
"@sunyard-szyy-ui/
|
|
87
|
-
"@sunyard-szyy-ui/
|
|
88
|
-
"@sunyard-szyy-ui/
|
|
86
|
+
"@sunyard-szyy-ui/hooks": "0.7.13",
|
|
87
|
+
"@sunyard-szyy-ui/components": "0.7.13",
|
|
88
|
+
"@sunyard-szyy-ui/utils": "0.7.13"
|
|
89
89
|
},
|
|
90
90
|
"publishConfig": {
|
|
91
91
|
"access": "public"
|