zy-react-library 2.1.0 → 2.1.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{InfoCircleOutlined as e}from"@ant-design/icons";import{Input as r,DatePicker as t,Form as n,Col as l,Divider as o,Row as s,Button as a,Checkbox as i,Radio as d,Select as p,InputNumber as u,Tooltip as c}from"antd";import m from"dayjs";import{FORM_ITEM_RENDER_ENUM as h}from"../../enum/formItemRender/index.js";import{getDataType as y}from"../../utils/index.js";import{jsx as
|
|
1
|
+
import{InfoCircleOutlined as e}from"@ant-design/icons";import{Input as r,DatePicker as t,Form as n,Col as l,Divider as o,Row as s,Button as a,Checkbox as i,Radio as d,Select as p,InputNumber as u,Tooltip as c}from"antd";import m from"dayjs";import{FORM_ITEM_RENDER_ENUM as h}from"../../enum/formItemRender/index.js";import{getDataType as y}from"../../utils/index.js";import{jsx as E,Fragment as f,jsxs as T}from"react/jsx-runtime";const{TextArea:I}=r,{RangePicker:b}=t,v=({options:v,labelCol:A,gutter:R=24,span:w=12,collapse:Y=!1,useAutoGenerateRequired:D=!0,initialValues:C})=>{const N=n.useFormInstance(),M=()=>{const e=N.getFieldsValue();return 0===Object.keys(e).length&&C?C:e},x=e=>"function"==typeof e.componentProps?e.componentProps(M()):e.componentProps||{},P=e=>{const r="function"==typeof e.formItemProps?e.formItemProps(M()):e.formItemProps||{};return((e,r)=>{[h.DATE,h.DATE_MONTH,h.DATE_YEAR,h.DATETIME].includes(e.render)&&(r.getValueFromEvent=(e,r)=>r,r.getValueProps=e=>({value:e?m(e):void 0})),[h.DATE_WEEK].includes(e.render)&&(r.getValueFromEvent=(e,r)=>r,r.getValueProps=e=>({value:e?m(e,"YYYY-wo"):void 0})),[h.DATE_RANGE,h.DATETIME_RANGE].includes(e.render)&&(r.getValueFromEvent=(e,r)=>r,r.getValueProps=e=>({value:Array.isArray(e)?e.map(e=>e?m(e):void 0):void 0}))})(e,r),r},U=e=>"function"==typeof e?e(M()):e??!0,g=e=>{if(e.render===h.DIVIDER)return[];const r=[];switch(e.render||h.INPUT){case h.INPUT:!1!==e.useConstraints&&r.push({max:50,message:"最多输入50字符"});break;case h.TEXTAREA:!1!==e.useConstraints&&r.push({max:500,message:"最多输入500字符"});break;case h.INPUT_NUMBER:case h.NUMBER:!1!==e.useConstraints&&r.push({pattern:/^(\d+)(\.\d{1,2})?$/,message:"请输入正确的数字，最多保留两位小数"}),!1!==e.useConstraints&&r.push({validator:(e,r)=>r&&Math.abs(Number.parseFloat(r))>999999999?Promise.reject("输入数值超出安全范围"):Promise.resolve()});break;case h.INTEGER:!1!==e.useConstraints&&r.push({pattern:/^(\d+)$/,message:"请输入正确的整数"}),!1!==e.useConstraints&&r.push({validator:(e,r)=>r&&Math.abs(Number.parseFloat(r))>999999999?Promise.reject("输入数值超出安全范围"):Promise.resolve()})}if(!D)return e.rules?Array.isArray(e.rules)?[...e.rules,...r]:[e.rules,...r]:r;if(U(e.required)){const t=!e.render||[h.INPUT,h.TEXTAREA,h.INPUT_NUMBER,h.NUMBER,h.INTEGER].includes(e.render);r.push({required:!0,message:`${t?"请输入":"请选择"}${e.label}`})}return e.rules?Array.isArray(e.rules)?[...e.rules,...r]:[e.rules,...r]:r},_=e=>e.key||("Array"===y(e.name)?e.name.join("."):e.name),B=e=>{const r=e.render===h.DIVIDER?24:e.span??w,t=e.labelCol??(24===r?{span:A.span/2}:A);return{span:r,labelCol:t,wrapperCol:e.wrapperCol??{span:24-t.span}}},F=e=>"function"==typeof e.colStyle?e.colStyle(M()):e.colStyle,S=e=>"function"==typeof e.colTitle?e.colTitle(M()):e.colTitle,k=(e,r)=>(e.shouldUpdate??e.dependencies)||(r.shouldUpdate??r.dependencies),L=e=>"function"==typeof e?e(M()):e??!1,V=(e,r)=>({value:e[r.valueKey],label:"function"==typeof r.labelKey?r.labelKey(e):e[r.labelKey],disabled:e.disabled}),G=e=>{const n=x(e),o=(e=>({valueKey:e?.itemsField?.valueKey||"bianma",labelKey:e?.itemsField?.labelKey||"name"}))(e),a=e.render??h.INPUT,c=e.placeholder??`请${[h.INPUT,h.TEXTAREA,h.INPUT_NUMBER,h.NUMBER,h.INTEGER].includes(a)?"输入":"选择"}${e.label}`;switch(a){case h.INPUT:return E(r,{placeholder:c,maxLength:!1!==e.useConstraints?50:9999,...n});case h.TEXTAREA:return E(I,{placeholder:c,maxLength:!1!==e.useConstraints?500:9999,showCount:!0,rows:3,...n});case h.INPUT_NUMBER:case h.NUMBER:case h.INTEGER:return E(u,{placeholder:c,style:{width:"100%"},...n});case h.SELECT:return E(p,{placeholder:c,showSearch:{optionFilterProp:"label"},allowClear:!0,options:(e.items||[]).map(e=>V(e,o)),...n});case h.RADIO:return E(d.Group,{options:(e.items||[]).map(e=>V(e,o)),...n});case h.CHECKBOX:{const r=(e.items||[]).map(e=>V(e,o));return e.checkboxCol?E(i.Group,{...n,children:E(s,{children:r.map(({value:r,label:t,disabled:n})=>E(l,{span:e.checkboxCol,children:E(i,{value:r,disabled:n,children:t})},r))})}):E(i.Group,{options:r,...n})}case h.DATE:return E(t,{placeholder:c,format:"YYYY-MM-DD",style:{width:"100%"},...n});case h.DATE_MONTH:return E(t,{picker:"month",placeholder:c,format:"YYYY-MM",style:{width:"100%"},...n});case h.DATE_YEAR:return E(t,{picker:"year",placeholder:c,format:"YYYY",style:{width:"100%"},...n});case h.DATE_WEEK:return E(t,{picker:"week",placeholder:c,format:"YYYY-wo",style:{width:"100%"},...n});case h.DATE_RANGE:return E(b,{placeholder:[`请选择开始${e.label}`,`请选择结束${e.label}`],format:"YYYY-MM-DD",style:{width:"100%"},...n});case h.DATETIME:return E(t,{showTime:!0,placeholder:c,format:"YYYY-MM-DD HH:mm:ss",style:{width:"100%"},...n});case h.DATETIME_RANGE:return E(b,{showTime:!0,placeholder:[`请选择开始${e.label}`,`请选择结束${e.label}`],format:"YYYY-MM-DD HH:mm:ss",style:{width:"100%"},...n});case h.DIVIDER:return null;default:return a}},$=r=>r.tip?T(f,{children:[r.label,E(c,{title:r.tip,children:E(e,{style:{marginLeft:4,fontSize:12}})})]}):r.label,K=({option:e,style:r,col:t,index:o,preserve:s})=>{const a=P(e);return delete a.dependencies,delete a.shouldUpdate,L(e.hidden)?null:T(l,{span:t.span,style:{...r,...F(e)},children:[S(e),E(n.Item,{name:e.name,label:$(e),rules:g(e),labelCol:t.labelCol,wrapperCol:t.wrapperCol,preserve:s,required:!!D&&" "!==$(e)&&U(e.required),colon:" "!==$(e),...a,children:G(e)})]},_(e)||o)},q=({option:e,style:r,col:t,index:s,preserve:a})=>{const i=x(e);return L(e.hidden)?null:e.customizeRender?E(l,{span:t.span,style:r,children:e.render},_(e)||s):e.onlyForLabel?E(n.Item,{name:e.name,noStyle:!0,preserve:a,children:E("input",{type:"hidden"})},_(e)||s):e.render===h.DIVIDER?E(l,{span:t.span,style:r,children:E(o,{titlePlacement:"start",...i,children:e.label})},_(e)||s):null},j=({option:e,index:r,col:t,style:o})=>{const i=(e=>{const r={showAddButton:!0,showRemoveButton:!0,addButtonText:"添加",removeButtonText:"删除",options:[],addDefaultValue:{},addInsertIndex:void 0};return"function"==typeof e.formListUniqueProps?{...r,...e.formListUniqueProps(M())}:{...r,...e.formListUniqueProps||{}}})(e),d=x(e);return L(e.hidden)?null:T(l,{span:t.span,style:{...o,...F(e)},children:[S(e),E(n.List,{name:e.name,...d,children:(r,{add:t,remove:d,move:p})=>E(f,{children:r.map((r,u)=>{const c=((e,r,t,n,l,o)=>"function"==typeof e?e(r,t,{field:r,fieldIndex:t,add:n,remove:l,move:o}):e??[])(i.options,r,u,t,d,p),m=((e,r,t)=>"function"==typeof e.rowStyle?e.rowStyle(r,t):e.rowStyle)(e,r,u),y=((e,r,t)=>"function"==typeof e.rowTitle?e.rowTitle(r,t):e.rowTitle)(e,r,u);return T(s,{gutter:R,style:m,children:[y,c.map((e,s)=>{const p=B(e),m=P(e),y={option:e,style:o,col:p,index:`${u}_${s}`,preserve:!0};if(k(e,m))return O(y);const f=q(y);return f||(e.render===h.FORM_LIST?j(y):s===(()=>{for(let e=c.length-1;e>=0;e--){const r=c[e];if(!L(r.hidden)&&!r.onlyForLabel&&r.render!==h.FORM_LIST)return e}return-1})()?(delete m.dependencies,delete m.shouldUpdate,T(l,{span:p.span,style:{...o,...F(e)},children:[S(e),E(n.Item,{label:$(e),labelCol:p.labelCol,wrapperCol:p.wrapperCol,preserve:!1,required:!!D&&" "!==$(e)&&U(e.required),colon:" "!==$(e),...m,children:T("div",{style:{display:"flex",gap:10,alignItems:"center",justifyContent:"space-between"},children:[E("div",{style:{flex:1,minWidth:0},children:E(n.Item,{noStyle:!0,rules:g(e),name:e.name,children:G(e)})}),u>=1?i.showRemoveButton&&E(a,{type:"primary",danger:!0,onClick:()=>d(r.name),children:i.removeButtonText}):i.showAddButton&&E(a,{type:"primary",onClick:()=>t(i.addDefaultValue,i.addInsertIndex),children:i.addButtonText})]})})]},_(e)||s)):K(y))})]},r.key)})})})]},_(e)||r)},O=({option:e,index:r,style:t,col:l,preserve:o})=>{const s=P(e);return E(n.Item,{noStyle:!0,preserve:o,shouldUpdate:e.shouldUpdate??s.shouldUpdate,dependencies:e.dependencies??s.dependencies,children:()=>q({option:e,style:t,col:l,index:r,preserve:o})||(e.render===h.FORM_LIST?j({option:e,index:r,col:l,style:t}):K({option:e,style:t,col:l,index:r,preserve:o}))},_(e)||r)};return E(f,{children:v.map((e,r)=>{const t=B(e),n=(e=>Y&&e>=3?{display:"none"}:void 0)(r),l=P(e),o={option:e,style:n,col:t,index:r,preserve:!1};if(k(e,l))return O(o);return q(o)||(e.render===h.FORM_LIST?j(o):K(o))})})};v.displayName="FormItemsRenderer";export{v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ProTable as e}from"@ant-design/pro-components";import
|
|
1
|
+
import{ProTable as e}from"@ant-design/pro-components";import{useState as t,useEffect as o,useMemo as n}from"react";import{throttle as s}from"throttle-debounce";import{useAntdResizableHeader as r}from"use-antd-resizable-header";import{getDataType as i,getIndexColumn as a}from"../../utils/index.js";import"use-antd-resizable-header/dist/style.css";import"./index.less";import{jsx as c}from"react/jsx-runtime";function l(e){const t=process.env?.app?.basename,o=decodeURIComponent(window.location.pathname),n="Undefined"===i(e)?"":`#{${e}}`;return{size:`${t}#${o}${n}#size`,resizable:`${t}#${o}${n}#resizable`,columnState:`${t}#${o}${n}#columnState`}}function d(i){const{columns:d=[],showIndexColumn:m=!0,ellipsis:u=!0,align:p="center",indexColumnFixed:b="left",rowKey:h="id",storeIndex:f,disabledResizer:g=!1,height:y,...w}=i,S=process.env.app.antd["ant-prefix"],z=`.${S||"ant"}-table`,$=`${z}-wrapper`,x=`${z}-body`,[v,C]=t((I=f,window.sessionStorage.getItem(l(I).size)||"default"));var I;const[R,_]=t(0),K=l(f),N=!g,{components:T,resizableColumns:q,tableWidth:B,resetColumns:E}=r({columns:d,columnsState:{persistenceKey:K.resizable,persistenceType:"localStorage"}}),j=s(50,()=>{try{const e=document.querySelector($),t=document.querySelector(x),o=document.querySelector(".page-layout-footer"),n=o?o.offsetHeight:0;if(t&&e){const o=e.getBoundingClientRect(),s=t.getBoundingClientRect(),r=o.bottom-s.bottom;_(innerHeight-s.top-r-(window.__IN_BASE__?38:22)-n)}}catch(e){window.console.error(e)}});o(()=>{let e,t;return N&&(e=new MutationObserver(e=>e.forEach(()=>j())),t=new ResizeObserver(e=>e.forEach(()=>j())),setTimeout(()=>j(),500),t.observe(document.body),e.observe(document.body,{subtree:!0,childList:!0})),()=>{e&&t&&N&&(t.unobserve(document.body),e.disconnect(document.body))}},[]),o(()=>{!function(e,t){window.sessionStorage.setItem(l(t).size,e)}(v,f)},[v]);const k=n(()=>(()=>{const e=[...q];m&&e.unshift({...a(i.pagination),fixed:b});const t=e=>({align:p,ellipsis:u,...e,...e.children?{children:e.children.map(t)}:{}});return e.map(t)})(),[q,m,p,u,b,i.pagination]);return c("div",{className:"table-layout card-layout",children:c(e,{ghost:!0,search:!1,scroll:{x:B,y:y||(N?R:void 0)},options:{reload:!1,fullScreen:!0,setting:{checkedReset:!0,extra:c("a",{className:`${S}-pro-table-column-setting-action-rest-button`,onClick:E,children:"重置列宽"})}},components:T,columnsState:{persistenceKey:K.columnState,persistenceType:"localStorage"},onSizeChange:C,columns:k,bordered:!0,size:"small",rowKey:h,...w})})}d.displayName="Table";export{d as default};
|