@vef-framework/components 1.0.129 → 1.0.131
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/cjs/helpers/icons.cjs +2 -0
- package/cjs/helpers/index.cjs +2 -0
- package/cjs/helpers/message.cjs +2 -0
- package/cjs/index.cjs +1 -1
- package/cjs/vef-access-denied/index.cjs +1 -27
- package/cjs/vef-button/index.cjs +1 -1
- package/cjs/vef-chart-container/index.cjs +3 -54
- package/cjs/vef-chart-legend-content/index.cjs +1 -16
- package/cjs/vef-chart-tooltip-content/index.cjs +1 -42
- package/cjs/vef-checkbox/index.cjs +1 -3
- package/cjs/vef-code-editor/index.cjs +1 -1
- package/cjs/vef-config-provider/global-style.cjs +2 -1
- package/cjs/vef-config-provider/index.cjs +1 -5
- package/cjs/vef-crud-page/components/crud-footer.cjs +1 -7
- package/cjs/vef-crud-page/hooks/use-operation-buttons.cjs +1 -1
- package/cjs/vef-crud-page/store.cjs +1 -1
- package/cjs/vef-drawer/index.cjs +1 -8
- package/cjs/vef-error/index.cjs +1 -28
- package/cjs/vef-filter/components/action-buttons.cjs +1 -19
- package/cjs/vef-filter/components/advanced-filter.cjs +1 -9
- package/cjs/vef-filter/components/basic-filter.cjs +1 -19
- package/cjs/vef-filter/hooks/use-action-handlers.cjs +1 -1
- package/cjs/vef-filter/hooks/use-label-config.cjs +1 -1
- package/cjs/vef-filter/index.cjs +1 -8
- package/cjs/vef-form/components/form-actions.cjs +1 -3
- package/cjs/vef-form/components/form-content.cjs +1 -4
- package/cjs/vef-form/components/form-group.cjs +1 -11
- package/cjs/vef-form/hooks/use-action-handlers.cjs +1 -1
- package/cjs/vef-form/hooks/use-label-width.cjs +1 -1
- package/cjs/vef-form/index.cjs +1 -3
- package/cjs/vef-grid/index.cjs +1 -1
- package/cjs/vef-icon/index.cjs +1 -1
- package/cjs/vef-icon-select/index.cjs +2 -28
- package/cjs/vef-intellisense-code-editor/styles.cjs +1 -20
- package/cjs/vef-layout/common-styles.cjs +1 -4
- package/cjs/vef-layout/components/header-action-icons.cjs +1 -15
- package/cjs/vef-layout/components/header.cjs +1 -12
- package/cjs/vef-layout/components/menu-groups.cjs +1 -32
- package/cjs/vef-layout/components/sider.cjs +1 -49
- package/cjs/vef-layout/components/title.cjs +1 -36
- package/cjs/vef-layout/components/user-avatar.cjs +1 -16
- package/cjs/vef-layout/index.cjs +1 -5
- package/cjs/vef-loading-placeholder/index.cjs +1 -7
- package/cjs/vef-login/index.cjs +1 -54
- package/cjs/vef-menu/index.cjs +1 -6
- package/cjs/vef-modal/index.cjs +1 -4
- package/cjs/vef-not-found/index.cjs +1 -28
- package/cjs/vef-page/index.cjs +1 -58
- package/cjs/vef-pie-chart/index.cjs +1 -8
- package/cjs/vef-popconfirm/index.cjs +1 -1
- package/cjs/vef-radio/index.cjs +1 -3
- package/cjs/vef-responsive-container/index.cjs +1 -5
- package/cjs/vef-responsive-item/index.cjs +1 -3
- package/cjs/vef-scroll-area/index.cjs +1 -11
- package/cjs/vef-select/components/option.cjs +1 -9
- package/cjs/vef-select/hooks/use-render-label.cjs +1 -1
- package/cjs/vef-sortable-list/components/overlay-item.cjs +1 -5
- package/cjs/vef-sortable-list/components/sortable-item.cjs +1 -5
- package/cjs/vef-table/components/columns-settings.cjs +1 -52
- package/cjs/vef-table/components/operation-buttons.cjs +1 -10
- package/cjs/vef-table/components/table-footer.cjs +1 -17
- package/cjs/vef-table/index.cjs +1 -54
- package/cjs/vef-title/index.cjs +1 -13
- package/cjs/vef-virtual-grid/index.cjs +1 -12
- package/cjs/vef-virtual-list/index.cjs +1 -18
- package/esm/helpers/icons.js +2 -0
- package/esm/helpers/index.js +2 -0
- package/esm/helpers/message.js +2 -0
- package/esm/index.js +1 -1
- package/esm/vef-access-denied/index.js +1 -27
- package/esm/vef-approval-flow-editor/components/node-content.js +1 -1
- package/esm/vef-approval-flow-editor/components/node-selector.js +2 -2
- package/esm/vef-approval-flow-editor/components/node-toolbar.js +1 -1
- package/esm/vef-button/index.js +1 -1
- package/esm/vef-chart-container/index.js +2 -53
- package/esm/vef-chart-legend-content/index.js +1 -16
- package/esm/vef-chart-tooltip-content/index.js +1 -42
- package/esm/vef-checkbox/index.js +1 -3
- package/esm/vef-code-editor/index.js +1 -1
- package/esm/vef-config-provider/global-style.js +2 -1
- package/esm/vef-config-provider/index.js +1 -5
- package/esm/vef-crud-page/components/crud-footer.js +1 -7
- package/esm/vef-crud-page/hooks/use-action-buttons.js +1 -1
- package/esm/vef-crud-page/hooks/use-operation-buttons.js +1 -1
- package/esm/vef-crud-page/store.js +1 -1
- package/esm/vef-drawer/index.js +1 -8
- package/esm/vef-dynamic-icon/index.js +1 -1
- package/esm/vef-error/index.js +1 -28
- package/esm/vef-filter/components/action-buttons.js +1 -19
- package/esm/vef-filter/components/advanced-filter.js +1 -9
- package/esm/vef-filter/components/basic-filter.js +1 -19
- package/esm/vef-filter/hooks/use-action-handlers.js +1 -1
- package/esm/vef-filter/hooks/use-label-config.js +1 -1
- package/esm/vef-filter/index.js +1 -8
- package/esm/vef-form/components/form-actions.js +1 -3
- package/esm/vef-form/components/form-content.js +1 -4
- package/esm/vef-form/components/form-group.js +1 -11
- package/esm/vef-form/hooks/use-action-handlers.js +1 -1
- package/esm/vef-form/hooks/use-label-width.js +1 -1
- package/esm/vef-form/index.js +1 -3
- package/esm/vef-generic-select/index.js +1 -1
- package/esm/vef-grid/index.js +1 -1
- package/esm/vef-icon/index.js +1 -1
- package/esm/vef-icon-select/index.js +2 -28
- package/esm/vef-intellisense-code-editor/styles.js +1 -20
- package/esm/vef-layout/common-styles.js +1 -4
- package/esm/vef-layout/components/font-size.js +1 -1
- package/esm/vef-layout/components/fullscreen.js +1 -1
- package/esm/vef-layout/components/header-action-icons.js +1 -15
- package/esm/vef-layout/components/header.js +1 -12
- package/esm/vef-layout/components/menu-groups.js +1 -32
- package/esm/vef-layout/components/sider.js +1 -49
- package/esm/vef-layout/components/title.js +1 -36
- package/esm/vef-layout/components/user-avatar.js +1 -16
- package/esm/vef-layout/index.js +1 -5
- package/esm/vef-loading-placeholder/index.js +1 -7
- package/esm/vef-login/index.js +1 -54
- package/esm/vef-menu/index.js +1 -6
- package/esm/vef-modal/index.js +1 -4
- package/esm/vef-not-found/index.js +1 -28
- package/esm/vef-page/index.js +1 -58
- package/esm/vef-pie-chart/index.js +1 -8
- package/esm/vef-popconfirm/index.js +1 -1
- package/esm/vef-radio/index.js +1 -3
- package/esm/vef-responsive-container/index.js +1 -5
- package/esm/vef-responsive-item/index.js +1 -3
- package/esm/vef-scroll-area/index.js +1 -11
- package/esm/vef-select/components/option.js +1 -9
- package/esm/vef-sortable-list/components/overlay-item.js +1 -5
- package/esm/vef-sortable-list/components/sortable-item.js +1 -5
- package/esm/vef-table/components/columns-settings.js +1 -52
- package/esm/vef-table/components/operation-buttons.js +1 -10
- package/esm/vef-table/components/settings-icon.js +1 -1
- package/esm/vef-table/components/table-footer.js +1 -17
- package/esm/vef-table/hooks/use-helper-columns.js +1 -1
- package/esm/vef-table/index.js +1 -54
- package/esm/vef-title/index.js +1 -13
- package/esm/vef-virtual-grid/index.js +1 -12
- package/esm/vef-virtual-list/index.js +1 -18
- package/package.json +4 -4
- package/types/helpers/icons.d.ts +7 -0
- package/types/helpers/index.d.ts +2 -0
- package/types/helpers/message.d.ts +372 -0
- package/types/index.d.ts +1 -0
- package/types/vef-dynamic-icon/props.d.ts +1 -1
- package/types/vef-icon/props.d.ts +2 -3
package/cjs/vef-page/index.cjs
CHANGED
|
@@ -1,59 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@emotion/react/jsx-runtime"),c=require("@emotion/react"),e=require("@vef-framework/shared"),o=require("clsx"),n=require("motion/react"),
|
|
3
|
-
height: 100%;
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
background-color: ${e.themeVariables.colorBgLayout};
|
|
7
|
-
|
|
8
|
-
.vef-page-header {
|
|
9
|
-
flex: none;
|
|
10
|
-
background-color: ${e.themeVariables.colorBgContainer};
|
|
11
|
-
padding: ${e.themeVariables.paddingSm} ${e.themeVariables.paddingLg};
|
|
12
|
-
border-bottom: ${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorderSecondary};
|
|
13
|
-
|
|
14
|
-
&.vef-page-header-default {
|
|
15
|
-
display: flex;
|
|
16
|
-
align-items: center;
|
|
17
|
-
|
|
18
|
-
> .vef-page-title {
|
|
19
|
-
flex: none;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
> .vef-page-actions {
|
|
23
|
-
flex: auto;
|
|
24
|
-
display: flex;
|
|
25
|
-
justify-content: flex-end;
|
|
26
|
-
align-items: center;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.vef-typography {
|
|
31
|
-
font-weight: normal;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.vef-page-body {
|
|
36
|
-
flex: auto;
|
|
37
|
-
min-height: 0;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.vef-page-content {
|
|
41
|
-
margin: ${e.themeVariables.marginSm};
|
|
42
|
-
|
|
43
|
-
&.vef-page-content-footer-padding {
|
|
44
|
-
padding-bottom: calc(${e.themeVariables.controlHeight} * 2);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.vef-page-footer {
|
|
49
|
-
position: absolute;
|
|
50
|
-
bottom: 0;
|
|
51
|
-
left: 0;
|
|
52
|
-
right: 0;
|
|
53
|
-
z-index: 9;
|
|
54
|
-
border-top: ${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorderSecondary};
|
|
55
|
-
background-color: rgba(255, 255, 255, 0.6);
|
|
56
|
-
backdrop-filter: blur(8px);
|
|
57
|
-
height: calc(${e.themeVariables.controlHeight} * 2);
|
|
58
|
-
}
|
|
59
|
-
`;function p({title:l,actions:s,header:r,footer:t,scrollable:d=!1,children:i}){return a.jsxs("div",{css:h,children:[r!==!1&&a.jsx("div",{className:o("vef-page-header",{"vef-page-header-default":!r}),children:r||a.jsxs(a.Fragment,{children:[a.jsx(g.default,{noPaddingBottom:!0,showLeftBar:!0,className:"vef-page-title",level:5,children:l??"无标题"}),a.jsx("div",{className:"vef-page-actions",children:s})]})}),d?a.jsxs(f.default,{className:"vef-page-body",scrollDirection:"both",children:[a.jsx("div",{className:o("vef-page-content",{"vef-page-content-footer-padding":!!t}),children:i}),a.jsx(n.AnimatePresence,{children:t&&a.jsx(n.motion.div,{className:"vef-page-footer",animate:{opacity:1,y:0},exit:{opacity:0,y:60},initial:{opacity:0,y:60},transition:{duration:.2,ease:"easeInOut"},children:t})})]}):a.jsx("div",{className:"vef-page-body vef-page-content",children:i})]})}exports.default=p;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@emotion/react/jsx-runtime"),c=require("@emotion/react"),e=require("@vef-framework/shared"),o=require("clsx"),n=require("motion/react"),g=require("../vef-scroll-area/index.cjs"),f=require("../vef-title/index.cjs");const h=c.css({height:"100%",display:"flex",flexDirection:"column",backgroundColor:e.themeVariables.colorBgLayout,".vef-page-header":{flex:"none",backgroundColor:e.themeVariables.colorBgContainer,padding:`${e.themeVariables.paddingSm} ${e.themeVariables.paddingLg}`,borderBottom:`${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorderSecondary}`,"&.vef-page-header-default":{display:"flex",alignItems:"center","> .vef-page-title":{flex:"none"},"> .vef-page-actions":{flex:"auto",display:"flex",justifyContent:"flex-end",alignItems:"center"}},".vef-typography":{fontWeight:"normal"}},".vef-page-body":{flex:"auto",minHeight:0},".vef-page-content":{margin:e.themeVariables.marginSm,"&.vef-page-content-footer-padding":{paddingBottom:`calc(${e.themeVariables.controlHeight} * 2)`}},".vef-page-footer":{position:"absolute",bottom:0,left:0,right:0,zIndex:9,borderTop:`${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorderSecondary}`,backgroundColor:"rgba(255, 255, 255, 0.6)",backdropFilter:"blur(8px)",height:`calc(${e.themeVariables.controlHeight} * 2)`}});function p({title:l,actions:s,header:r,footer:t,scrollable:d=!1,children:i}){return a.jsxs("div",{css:h,children:[r!==!1&&a.jsx("div",{className:o("vef-page-header",{"vef-page-header-default":!r}),children:r||a.jsxs(a.Fragment,{children:[a.jsx(f.default,{noPaddingBottom:!0,showLeftBar:!0,className:"vef-page-title",level:5,children:l??"无标题"}),a.jsx("div",{className:"vef-page-actions",children:s})]})}),d?a.jsxs(g.default,{className:"vef-page-body",scrollDirection:"both",children:[a.jsx("div",{className:o("vef-page-content",{"vef-page-content-footer-padding":!!t}),children:i}),a.jsx(n.AnimatePresence,{children:t&&a.jsx(n.motion.div,{className:"vef-page-footer",animate:{opacity:1,y:0},exit:{opacity:0,y:60},initial:{opacity:0,y:60},transition:{duration:.2,ease:"easeInOut"},children:t})})]}):a.jsx("div",{className:"vef-page-body vef-page-content",children:i})]})}exports.default=p;
|
|
@@ -1,9 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),c=require("@emotion/react"),i=require("@vef-framework/shared"),l=require("react"),a=require("recharts"),m=require("../vef-chart-container/index.cjs"),f=require("../vef-chart-legend-content/index.cjs"),y=require("../vef-chart-tooltip-content/index.cjs");const j=c.css
|
|
3
|
-
fill: ${i.themeVariables.colorText};
|
|
4
|
-
font-size: ${i.themeVariables.fontSizeHeading3};
|
|
5
|
-
font-weight: ${i.themeVariables.fontWeightStrong};
|
|
6
|
-
font-family: ${i.themeVariables.fontFamilyCode};
|
|
7
|
-
`,v=c.css`
|
|
8
|
-
fill: ${i.themeVariables.colorTextDescription};
|
|
9
|
-
`;function b({config:s,data:n,dataKey:r,nameKey:d,valueFormatter:o,innerRadius:u=60}){const x=l.useMemo(()=>n.reduce((e,h)=>e+Number(h[r]??0),0),[n,r]);return t.jsx(m.default,{config:s,children:t.jsxs(a.PieChart,{children:[t.jsx(a.Tooltip,{content:t.jsx(y.default,{hideLabel:!0,valueFormatter:o})}),t.jsx(a.Legend,{content:t.jsx(f.VefChartLegendContent,{})}),t.jsx(a.Pie,{data:n,dataKey:r,innerRadius:u,nameKey:d,children:t.jsx(a.Label,{content:({viewBox:e})=>{if(e&&"cx"in e&&"cy"in e&&(e.innerRadius??0)>50)return t.jsxs("text",{dominantBaseline:"middle",textAnchor:"middle",x:e.cx,y:e.cy,children:[t.jsx("tspan",{css:j,x:e.cx,y:e.cy,children:x}),t.jsx("tspan",{css:v,x:e.cx,y:(e.cy||0)+28,children:s[r]?.label??r})]})}})})]})})}const $=l.memo(b);exports.default=$;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),c=require("@emotion/react"),i=require("@vef-framework/shared"),l=require("react"),a=require("recharts"),m=require("../vef-chart-container/index.cjs"),f=require("../vef-chart-legend-content/index.cjs"),y=require("../vef-chart-tooltip-content/index.cjs");const j=c.css({fill:i.themeVariables.colorText,fontSize:i.themeVariables.fontSizeHeading3,fontWeight:i.themeVariables.fontWeightStrong,fontFamily:i.themeVariables.fontFamilyCode}),v=c.css({fill:i.themeVariables.colorTextDescription});function b({config:s,data:n,dataKey:r,nameKey:d,valueFormatter:o,innerRadius:u=60}){const x=l.useMemo(()=>n.reduce((e,h)=>e+Number(h[r]??0),0),[n,r]);return t.jsx(m.default,{config:s,children:t.jsxs(a.PieChart,{children:[t.jsx(a.Tooltip,{content:t.jsx(y.default,{hideLabel:!0,valueFormatter:o})}),t.jsx(a.Legend,{content:t.jsx(f.VefChartLegendContent,{})}),t.jsx(a.Pie,{data:n,dataKey:r,innerRadius:u,nameKey:d,children:t.jsx(a.Label,{content:({viewBox:e})=>{if(e&&"cx"in e&&"cy"in e&&(e.innerRadius??0)>50)return t.jsxs("text",{dominantBaseline:"middle",textAnchor:"middle",x:e.cx,y:e.cy,children:[t.jsx("tspan",{css:j,x:e.cx,y:e.cy,children:x}),t.jsx("tspan",{css:v,x:e.cx,y:(e.cy||0)+28,children:s[r]?.label??r})]})}})})]})})}const g=l.memo(b);exports.default=g;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("@emotion/react/jsx-runtime"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("@emotion/react/jsx-runtime"),m=require("antd"),C=require("lucide-react"),t=require("react");require("../helpers/index.cjs");var q=require("../vef-icon/index.cjs"),o=require("../helpers/message.cjs");const P={autoInsertSpace:!1,icon:n.jsx(q.default,{children:n.jsx(C.CheckIcon,{})})},x={autoInsertSpace:!1,variant:"text",color:"default"};function O(e){e.stopPropagation()}const a=t.forwardRef(({title:e=o.defaultMessageTitle,content:c,cancelable:i=!0,defaultOpened:u,opened:l,onOpenedChange:s,onOk:p,onCancel:d,...f},v)=>{const r=t.useRef(null);return t.useImperativeHandle(v,()=>r.current.nativeElement),n.jsx(m.Popconfirm,{ref:r,cancelButtonProps:x,defaultOpen:u,description:c,icon:o.infoIcon,okButtonProps:P,open:l,showCancel:i,title:e,onCancel:d,onConfirm:p,onOpenChange:s,onPopupClick:O,...f})});a.displayName="VefPopconfirm",exports.default=a;
|
package/cjs/vef-radio/index.cjs
CHANGED
|
@@ -1,4 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),
|
|
3
|
-
height: ${v.themeVariables.controlHeight}
|
|
4
|
-
`,children:e.jsx(y.default,{})});function P({defaultValue:h,value:t,disabled:b,block:p,variant:q,buttonVariant:g,buttonSize:m,onChange:r,...x},j){const{optionsMap:u,normalizedOptions:d,isLoading:R}=M.useDataOptions({value:t,onChange:r,...x}),z=$.useRadioInstance(j,d),O=s.useMemo(()=>{if(v.isFunction(r))return({target:{value:i}})=>{r(i,u.get(i))}},[r,u]);if(R)return I;const S=d.map(i=>{const{value:a,label:o,disabled:l,description:c}=i;return c?e.jsx(C.default,{content:c,children:e.jsx(n.Radio,{disabled:l,value:a,children:o})},a):e.jsx(n.Radio,{disabled:l,value:a,children:o},a)});return e.jsx(D,{ref:z,block:p,buttonStyle:g,defaultValue:h,disabled:b,optionType:q,size:k.convertBasicSizeToUiSize(m),onChange:O,...t===void 0?{}:{value:t},children:S})}const f=s.memo(s.forwardRef(P));f.displayName="VefRadio",exports.default=f;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),v=require("@vef-framework/shared"),n=require("antd"),u=require("react");require("../internal/index.cjs");var V=require("../vef-loading-placeholder/index.cjs"),y=require("../vef-tooltip/index.cjs"),C=require("./hooks/use-data-options.cjs"),M=require("./hooks/use-radio-instance.cjs"),k=require("../internal/utils.cjs");const{Group:D}=n.Radio,I=e.jsx("div",{css:{height:v.themeVariables.controlHeight},children:e.jsx(V.default,{})});function N({defaultValue:h,value:t,disabled:b,block:p,variant:q,buttonVariant:g,buttonSize:m,onChange:i,...x},j){const{optionsMap:s,normalizedOptions:d,isLoading:R}=C.useDataOptions({value:t,onChange:i,...x}),z=M.useRadioInstance(j,d),O=u.useMemo(()=>{if(v.isFunction(i))return({target:{value:a}})=>{i(a,s.get(a))}},[i,s]);if(R)return I;const S=d.map(a=>{const{value:r,label:o,disabled:l,description:c}=a;return c?e.jsx(y.default,{content:c,children:e.jsx(n.Radio,{disabled:l,value:r,children:o})},r):e.jsx(n.Radio,{disabled:l,value:r,children:o},r)});return e.jsx(D,{ref:z,block:p,buttonStyle:g,defaultValue:h,disabled:b,optionType:q,size:k.convertBasicSizeToUiSize(m),onChange:O,...t===void 0?{}:{value:t},children:S})}const f=u.memo(u.forwardRef(N));f.displayName="VefRadio",exports.default=f;
|
|
@@ -1,6 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var f=require("@emotion/react/jsx-runtime"),
|
|
3
|
-
display: grid;
|
|
4
|
-
grid-template-columns: repeat(var(--vef-responsive-container-auto-mode), minmax(var(--vef-responsive-container-base-width), 1fr));
|
|
5
|
-
gap: var(--vef-responsive-container-gap);
|
|
6
|
-
`,y=e.forwardRef(({style:s,baseItemWidth:i=320,autoExpand:t=!0,gap:r=0,children:o,...d},m)=>{if(i%2!==0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");e.Children.forEach(o,a=>{if(!e.isValidElement(a)||a.type!==q.default)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")});const n=l.useGapSizeNormalizer(),v=e.useMemo(()=>h.isArray(r)?r.map(a=>n(a)).join(" "):n(r),[r,n]),p=e.useMemo(()=>({...s,"--vef-responsive-container-auto-mode":t?"auto-fit":"auto-fill","--vef-responsive-container-base-width":`${i/2}px`,"--vef-responsive-container-gap":v}),[t,i,v,s]);return f.jsx(b.motion.div,{ref:m,css:w,style:p,...d,children:o})}),u=e.memo(y);u.displayName="VefResponsiveContainer",exports.default=u;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var f=require("@emotion/react/jsx-runtime"),l=require("@emotion/react"),c=require("@vef-framework/hooks"),h=require("@vef-framework/shared"),b=require("motion/react"),e=require("react"),q=require("../vef-responsive-item/index.cjs");const w=l.css({display:"grid",gridTemplateColumns:"repeat(var(--vef-responsive-container-auto-mode), minmax(var(--vef-responsive-container-base-width), 1fr))",gap:"var(--vef-responsive-container-gap)"}),y=e.forwardRef(({style:s,baseItemWidth:i=320,autoExpand:t=!0,gap:r=0,children:o,...d},m)=>{if(i%2!==0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");e.Children.forEach(o,a=>{if(!e.isValidElement(a)||a.type!==q.default)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")});const n=c.useGapSizeNormalizer(),v=e.useMemo(()=>h.isArray(r)?r.map(a=>n(a)).join(" "):n(r),[r,n]),p=e.useMemo(()=>({...s,"--vef-responsive-container-auto-mode":t?"auto-fit":"auto-fill","--vef-responsive-container-base-width":`${i/2}px`,"--vef-responsive-container-gap":v}),[t,i,v,s]);return f.jsx(b.motion.div,{ref:m,css:w,style:p,...d,children:o})}),u=e.memo(y);u.displayName="VefResponsiveContainer",exports.default=u;
|
|
@@ -1,4 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react/jsx-runtime"),v=require("@emotion/react"),o=require("motion/react"),s=require("react");const l=v.css
|
|
3
|
-
grid-column: span var(--vef-responsive-item-span);
|
|
4
|
-
`,t=s.forwardRef(({style:e,span:r=1,children:i,...a},n)=>{const u=s.useMemo(()=>({...e,"--vef-responsive-item-span":r*2}),[r,e]);return c.jsx(o.motion.div,{ref:n,css:l,style:u,...a,children:i})});t.displayName="VefResponsiveItem",exports.default=t;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react/jsx-runtime"),v=require("@emotion/react"),o=require("motion/react"),s=require("react");const l=v.css({gridColumn:"span var(--vef-responsive-item-span)"}),t=s.forwardRef(({style:e,span:r=1,children:i,...a},n)=>{const u=s.useMemo(()=>({...e,"--vef-responsive-item-span":r*2}),[r,e]);return c.jsx(o.motion.div,{ref:n,css:l,style:u,...a,children:i})});t.displayName="VefResponsiveItem",exports.default=t;
|
|
@@ -1,12 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),u=require("@emotion/react"),s=require("@radix-ui/react-scroll-area"),d=require("@vef-framework/shared"),
|
|
3
|
-
position: relative;
|
|
4
|
-
overflow: hidden;
|
|
5
|
-
height: var(--vef-scroll-area-height, 100%);
|
|
6
|
-
width: var(--vef-scroll-area-width, auto);
|
|
7
|
-
`,q=u.css`
|
|
8
|
-
height: 100%;
|
|
9
|
-
width: 100%;
|
|
10
|
-
border-radius: inherit;
|
|
11
|
-
-webkit-overflow-scrolling: touch;
|
|
12
|
-
`,n=l.forwardRef(({style:a,height:o,width:t,scrollDirection:e="y",scrollbarSize:i="medium",autoHideScrollbar:f=!0,viewportClassName:w,viewportStyle:c,viewportRef:b,onScroll:m,children:x,...y},p)=>{const j=l.useMemo(()=>({...a,"--vef-scroll-area-height":(d.isNumber(o)?`${o}px`:o)??"100%","--vef-scroll-area-width":(d.isNumber(t)?`${t}px`:t)??"auto"}),[o,a,t]),h=l.useMemo(()=>({"--vef-scroll-area-scrollbar-size":i==="small"?"10px":i==="medium"?"12px":"14px"}),[i]),S=l.useMemo(()=>({...c,overflowX:`${e==="x"||e==="both"?"scroll":"hidden"}`,overflowY:`${e==="y"||e==="both"?"scroll":"hidden"}`}),[e,c]);return r.jsxs(s.Root,{ref:p,css:g,style:j,type:f?"hover":"auto",...y,children:[r.jsx(s.Viewport,{ref:b,className:w,css:q,style:S,onScroll:m,children:x}),(e==="y"||e==="both")&&r.jsx(v.default,{orientation:"vertical",style:h}),(e==="x"||e==="both")&&r.jsx(v.default,{orientation:"horizontal",style:h}),r.jsx(s.Corner,{})]})});n.displayName="VefScrollArea",exports.default=n;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),u=require("@emotion/react"),s=require("@radix-ui/react-scroll-area"),d=require("@vef-framework/shared"),o=require("react"),v=require("./components/scrollbar.cjs");const g=u.css({position:"relative",overflow:"hidden",height:"var(--vef-scroll-area-height, 100%)",width:"var(--vef-scroll-area-width, auto)"}),q=u.css({height:"100%",width:"100%",borderRadius:"inherit",WebkitOverflowScrolling:"touch"}),n=o.forwardRef(({style:a,height:t,width:l,scrollDirection:e="y",scrollbarSize:i="medium",autoHideScrollbar:f=!0,viewportClassName:b,viewportStyle:c,viewportRef:m,onScroll:w,children:x,...y},p)=>{const S=o.useMemo(()=>({...a,"--vef-scroll-area-height":(d.isNumber(t)?`${t}px`:t)??"100%","--vef-scroll-area-width":(d.isNumber(l)?`${l}px`:l)??"auto"}),[t,a,l]),h=o.useMemo(()=>({"--vef-scroll-area-scrollbar-size":i==="small"?"10px":i==="medium"?"12px":"14px"}),[i]),j=o.useMemo(()=>({...c,overflowX:`${e==="x"||e==="both"?"scroll":"hidden"}`,overflowY:`${e==="y"||e==="both"?"scroll":"hidden"}`}),[e,c]);return r.jsxs(s.Root,{ref:p,css:g,style:S,type:f?"hover":"auto",...y,children:[r.jsx(s.Viewport,{ref:m,className:b,css:q,style:j,onScroll:w,children:x}),(e==="y"||e==="both")&&r.jsx(v.default,{orientation:"vertical",style:h}),(e==="x"||e==="both")&&r.jsx(v.default,{orientation:"horizontal",style:h}),r.jsx(s.Corner,{})]})});n.displayName="VefScrollArea",exports.default=n;
|
|
@@ -1,10 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),a=require("@vef-framework/shared"),n=require("react"),i=require("../../vef-text/index.cjs");const c=t.css
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
row-gap: 4px;
|
|
6
|
-
|
|
7
|
-
> .vef-typography-secondary {
|
|
8
|
-
font-size: ${a.themeVariables.fontSizeSm};
|
|
9
|
-
}
|
|
10
|
-
`;function d({label:r,description:s}){return s?e.jsxs("div",{css:c,children:[e.jsx(i.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:r}),e.jsx(i.default,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:s})]}):e.jsx(i.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:r})}const l=n.memo(d);l.displayName="VefOption",exports.default=l;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),a=require("@vef-framework/shared"),n=require("react"),i=require("../../vef-text/index.cjs");const c=t.css({display:"flex",flexDirection:"column",rowGap:"4px","> .vef-typography-secondary":{fontSize:a.themeVariables.fontSizeSm}});function p({label:r,description:s}){return s?e.jsxs("div",{css:c,children:[e.jsx(i.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:r}),e.jsx(i.default,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:s})]}):e.jsx(i.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:r})}const l=n.memo(p);l.displayName="VefOption",exports.default=l;
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
.vef-spin {
|
|
7
7
|
color: inherit;
|
|
8
8
|
}
|
|
9
|
-
`;function v(r,i){return t.useCallback(({label:
|
|
9
|
+
`;function v(r,i){return t.useCallback(({label:a,value:s})=>a||(r?e.jsx("span",{css:d,children:e.jsx(c.default,{indicator:e.jsx(n.LoadingOutlined,{}),size:"small"})}):i?.find(l=>l.value===s)?.label??s),[r,i])}exports.useRenderLabel=v;
|
|
@@ -1,6 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),
|
|
3
|
-
cursor: move;
|
|
4
|
-
user-select: none;
|
|
5
|
-
touch-action: none;
|
|
6
|
-
`;function o({item:r,renderItem:s,useHandle:t,handleClassName:n,handleStyle:a,handleIcon:c}){return e.jsxs(e.Fragment,{children:[t&&e.jsx("div",{className:n,css:i,style:a,children:c??d}),s(r,!0)]})}exports.default=o;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),l=require("@ant-design/icons"),a=require("@emotion/react");const i=e.jsx(l.HolderOutlined,{}),d=a.css({cursor:"move",userSelect:"none",touchAction:"none"});function o({item:r,renderItem:s,useHandle:n,handleClassName:t,handleStyle:c,handleIcon:u}){return e.jsxs(e.Fragment,{children:[n&&e.jsx("div",{className:t,css:d,style:c,children:u??i}),s(r,!0)]})}exports.default=o;
|
|
@@ -1,6 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),g=require("@ant-design/icons"),j=require("@dnd-kit/sortable"),q=require("@dnd-kit/utilities"),I=require("@emotion/react");const O=e.jsx(g.HolderOutlined,{}),C=I.css
|
|
3
|
-
cursor: move;
|
|
4
|
-
user-select: none;
|
|
5
|
-
touch-action: none;
|
|
6
|
-
`;function R({item:s,itemKey:i,itemIndex:a,itemClassName:n,itemStyle:l,renderItem:o,useHandle:t,useOverlay:d,handleClassName:u,handleStyle:c,handleIcon:m,disabled:v}){const{isDragging:f,attributes:y,listeners:r,setNodeRef:b,setActivatorNodeRef:x,transition:S,transform:h}=j.useSortable({id:i,disabled:v,data:{index:a}}),N={...l,transition:S,transform:q.CSS.Transform.toString(h),...!d&&f?{position:"relative",zIndex:999}:{}};return e.jsxs("div",{ref:b,className:n,style:N,...y,...t?{}:r,children:[t&&e.jsx("div",{ref:x,className:u,css:C,style:c,...r,children:m??O}),o(s,!1)]})}exports.default=R;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),g=require("@ant-design/icons"),j=require("@dnd-kit/sortable"),q=require("@dnd-kit/utilities"),I=require("@emotion/react");const O=e.jsx(g.HolderOutlined,{}),C=I.css({cursor:"move",userSelect:"none",touchAction:"none"});function R({item:s,itemKey:i,itemIndex:a,itemClassName:n,itemStyle:l,renderItem:o,useHandle:t,useOverlay:d,handleClassName:u,handleStyle:c,handleIcon:m,disabled:v}){const{isDragging:f,attributes:y,listeners:r,setNodeRef:S,setActivatorNodeRef:b,transition:x,transform:h}=j.useSortable({id:i,disabled:v,data:{index:a}}),N={...l,transition:x,transform:q.CSS.Transform.toString(h),...!d&&f?{position:"relative",zIndex:999}:{}};return e.jsxs("div",{ref:S,className:n,style:N,...y,...t?{}:r,children:[t&&e.jsx("div",{ref:b,className:u,css:C,style:c,...r,children:m??O}),o(s,!1)]})}exports.default=R;
|
|
@@ -1,53 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("@emotion/react/jsx-runtime"),m=require("@ant-design/icons"),
|
|
3
|
-
width: 300px;
|
|
4
|
-
padding: ${r.themeVariables.paddingSm};
|
|
5
|
-
|
|
6
|
-
.vef-divider-horizontal {
|
|
7
|
-
margin: ${r.themeVariables.marginSm} 0;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.vef-table-columns-settings-panel-header {
|
|
11
|
-
display: flex;
|
|
12
|
-
justify-content: space-between;
|
|
13
|
-
align-items: center;
|
|
14
|
-
padding-left: ${r.themeVariables.paddingSm};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.vef-table-columns-settings-panel-body {
|
|
18
|
-
width: 100%;
|
|
19
|
-
|
|
20
|
-
.vef-table-columns-settings-panel-columns {
|
|
21
|
-
width: 100%;
|
|
22
|
-
display: flex;
|
|
23
|
-
flex-direction: column;
|
|
24
|
-
|
|
25
|
-
.vef-table-columns-settings-panel-column {
|
|
26
|
-
display: grid;
|
|
27
|
-
grid-template-columns: max-content 1fr max-content;
|
|
28
|
-
align-items: center;
|
|
29
|
-
padding: ${r.themeVariables.paddingXs};
|
|
30
|
-
border-radius: ${r.themeVariables.borderRadius};
|
|
31
|
-
|
|
32
|
-
&:hover {
|
|
33
|
-
background-color: ${r.themeVariables.colorPrimaryBg};
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.vef-table-columns-settings-panel-column-drag-icon {
|
|
37
|
-
cursor: move;
|
|
38
|
-
color: ${r.themeVariables.colorTextSecondary};
|
|
39
|
-
padding-right: ${r.themeVariables.padding};
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.vef-table-columns-settings-panel-column-fixed-icon {
|
|
43
|
-
display: flex;
|
|
44
|
-
align-items: center;
|
|
45
|
-
|
|
46
|
-
.vef-divider {
|
|
47
|
-
--vef-divider-vertical-margin-inline: 0;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
`;function P(){const{defaultColumnConfigMap:v,columnConfigMap:b,setColumnConfigMap:c}=T.useTableContextSelector(e=>{const{defaultColumnConfigMap:t,columnConfigMap:n,setColumnConfigMap:a}=e;return{defaultColumnConfigMap:t,columnConfigMap:n,setColumnConfigMap:a}}),i=s.useMemo(()=>[...b.entries()].sort(([e,t],[n,a])=>t.order-a.order).map(([e,t])=>{const{title:n,configurable:a,...d}=t;return{value:e,label:n,disabled:!a,...d}}),[b]),o=s.useCallback(e=>{const t=e.reduce((n,a,d)=>{const{value:M,label:$,disabled:q,order:H,...V}=a,w={title:$,configurable:!q,order:d+1,...V};return n.set(M,w),n},new Map);c(t)},[c]),f=s.useMemo(()=>i.filter(e=>e.show).map(e=>e.value),[i]),p=s.useMemo(()=>{const e=f.length,t=i.length;return e===t?"checked":e>0?"indeterminate":"unchecked"},[f.length,i.length]),h=s.useCallback(e=>{const t=new Set(e),n=i.map(a=>({...a,show:t.has(a.value)}));o(n)},[i,o]),u=s.useCallback((e,t)=>{const n=i.map(a=>({...a,fixed:a.value===e?t:a.fixed}));o(n)},[i,o]),k=s.useCallback(e=>{o(e)},[o]),y=s.useCallback(()=>{c(new Map(v))},[v,c]);return l.jsxs("div",{css:z,children:[l.jsxs("div",{className:"vef-table-columns-settings-panel-header",children:[l.jsx(S.default,{indeterminate:p==="indeterminate",label:l.jsx(R.default,{bold:!0,children:"列显示"}),value:p==="checked",variant:"checkbox",onChange:e=>{h(e?i.map(t=>t.value):[])}}),l.jsx(g.default,{color:"primary",variant:"text",onClick:y,children:"重置"})]}),l.jsx(C.default,{}),l.jsx(x.Checkbox.Group,{className:"vef-table-columns-settings-panel-body",value:f,onChange:h,children:l.jsx(O.default,{useHandle:!0,className:"vef-table-columns-settings-panel-columns",handleClassName:"vef-table-columns-settings-panel-column-drag-icon",itemClassName:"vef-table-columns-settings-panel-column",itemKey:"value",items:i,useOverlay:!1,renderItem:({value:e,label:t,disabled:n,fixed:a,show:d})=>l.jsxs(l.Fragment,{children:[l.jsx(x.Checkbox,{disabled:n,value:e,children:t}),l.jsxs("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[l.jsx(g.default,{color:a==="left"?"primary":"default",disabled:n||!d,icon:a==="left"?l.jsx(m.RollbackOutlined,{}):l.jsx(m.VerticalRightOutlined,{}),size:"small",tip:a==="left"?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{a==="left"?u(e):u(e,"left")}}),l.jsx(C.default,{orientation:"vertical"}),l.jsx(g.default,{color:a==="right"?"primary":"default",disabled:n||!d,icon:a==="right"?l.jsx(m.RollbackOutlined,{}):l.jsx(m.VerticalLeftOutlined,{}),size:"small",tip:a==="right"?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{a==="right"?u(e):u(e,"right")}})]})]}),onChange:k})})]})}const j=s.memo(P,()=>!1);j.displayName="VefColumnsSettings",exports.default=j;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("@emotion/react/jsx-runtime"),m=require("@ant-design/icons"),S=require("@emotion/react"),r=require("@vef-framework/shared"),x=require("antd"),s=require("react"),R=require("../../vef-bool/index.cjs"),g=require("../../vef-button/index.cjs"),C=require("../../vef-divider/index.cjs"),O=require("../../vef-sortable-list/index.cjs"),$=require("../../vef-text/index.cjs"),T=require("../hooks/use-table-context.cjs");const I=S.css({width:300,padding:r.themeVariables.paddingSm,".vef-divider-horizontal":{margin:`${r.themeVariables.marginSm} 0`},".vef-table-columns-settings-panel-header":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:r.themeVariables.paddingSm},".vef-table-columns-settings-panel-body":{width:"100%",".vef-table-columns-settings-panel-columns":{width:"100%",display:"flex",flexDirection:"column",".vef-table-columns-settings-panel-column":{display:"grid",gridTemplateColumns:"max-content 1fr max-content",alignItems:"center",padding:r.themeVariables.paddingXs,borderRadius:r.themeVariables.borderRadius,"&:hover":{backgroundColor:r.themeVariables.colorPrimaryBg},".vef-table-columns-settings-panel-column-drag-icon":{cursor:"move",color:r.themeVariables.colorTextSecondary,paddingRight:r.themeVariables.padding},".vef-table-columns-settings-panel-column-fixed-icon":{display:"flex",alignItems:"center",".vef-divider":{"--vef-divider-vertical-margin-inline":0}}}}}});function z(){const{defaultColumnConfigMap:v,columnConfigMap:b,setColumnConfigMap:u}=T.useTableContextSelector(e=>{const{defaultColumnConfigMap:t,columnConfigMap:n,setColumnConfigMap:a}=e;return{defaultColumnConfigMap:t,columnConfigMap:n,setColumnConfigMap:a}}),i=s.useMemo(()=>[...b.entries()].sort(([e,t],[n,a])=>t.order-a.order).map(([e,t])=>{const{title:n,configurable:a,...d}=t;return{value:e,label:n,disabled:!a,...d}}),[b]),o=s.useCallback(e=>{const t=e.reduce((n,a,d)=>{const{value:M,label:q,disabled:V,order:P,...w}=a,N={title:q,configurable:!V,order:d+1,...w};return n.set(M,N),n},new Map);u(t)},[u]),f=s.useMemo(()=>i.filter(e=>e.show).map(e=>e.value),[i]),p=s.useMemo(()=>{const e=f.length,t=i.length;return e===t?"checked":e>0?"indeterminate":"unchecked"},[f.length,i.length]),h=s.useCallback(e=>{const t=new Set(e),n=i.map(a=>({...a,show:t.has(a.value)}));o(n)},[i,o]),c=s.useCallback((e,t)=>{const n=i.map(a=>({...a,fixed:a.value===e?t:a.fixed}));o(n)},[i,o]),k=s.useCallback(e=>{o(e)},[o]),y=s.useCallback(()=>{u(new Map(v))},[v,u]);return l.jsxs("div",{css:I,children:[l.jsxs("div",{className:"vef-table-columns-settings-panel-header",children:[l.jsx(R.default,{indeterminate:p==="indeterminate",label:l.jsx($.default,{bold:!0,children:"列显示"}),value:p==="checked",variant:"checkbox",onChange:e=>{h(e?i.map(t=>t.value):[])}}),l.jsx(g.default,{color:"primary",variant:"text",onClick:y,children:"重置"})]}),l.jsx(C.default,{}),l.jsx(x.Checkbox.Group,{className:"vef-table-columns-settings-panel-body",value:f,onChange:h,children:l.jsx(O.default,{useHandle:!0,className:"vef-table-columns-settings-panel-columns",handleClassName:"vef-table-columns-settings-panel-column-drag-icon",itemClassName:"vef-table-columns-settings-panel-column",itemKey:"value",items:i,useOverlay:!1,renderItem:({value:e,label:t,disabled:n,fixed:a,show:d})=>l.jsxs(l.Fragment,{children:[l.jsx(x.Checkbox,{disabled:n,value:e,children:t}),l.jsxs("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[l.jsx(g.default,{color:a==="left"?"primary":"default",disabled:n||!d,icon:a==="left"?l.jsx(m.RollbackOutlined,{}):l.jsx(m.VerticalRightOutlined,{}),size:"small",tip:a==="left"?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{a==="left"?c(e):c(e,"left")}}),l.jsx(C.default,{orientation:"vertical"}),l.jsx(g.default,{color:a==="right"?"primary":"default",disabled:n||!d,icon:a==="right"?l.jsx(m.RollbackOutlined,{}):l.jsx(m.VerticalLeftOutlined,{}),size:"small",tip:a==="right"?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{a==="right"?c(e):c(e,"right")}})]})]}),onChange:k})})]})}const j=s.memo(z,()=>!1);j.displayName="VefColumnsSettings",exports.default=j;
|
|
@@ -1,11 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("@emotion/react/jsx-runtime")
|
|
3
|
-
.vef-btn-sm {
|
|
4
|
-
--vef-control-height-sm: 24px;
|
|
5
|
-
--vef-button-padding-inline-sm: 4px;
|
|
6
|
-
|
|
7
|
-
&.vef-btn-icon-only {
|
|
8
|
-
padding-inline: 2px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
`;function U({record:p,rowIndex:y,operationButtons:R,maxVisibleOperationButtons:d}){const{externalContext:g,refetch:k,isFetching:q,selectedKeys:j,selectedRecords:M}=N.useTableContextSelector(e=>{const{externalContext:i,refetch:o,isFetching:n,selectedKeys:t,selectedRecords:c}=e;return{externalContext:i,refetch:o,isFetching:n,selectedKeys:t,selectedRecords:c}}),u=a.useMemo(()=>({record:p,rowIndex:y,refetch:k,isFetching:q,selectedKeys:j,selectedRecords:M,...g??{}}),[g,q,p,k,y,j,M]),r=B.useComputedActionButtons(R,u),[s,F]=a.useState(!1),m=a.useMemo(()=>r.length>d?r.slice(d).map(e=>{const{key:i,label:o,icon:n,disabled:t}=e;return{type:"item",key:i,label:o,icon:n,disabled:t}}):[],[r,d]),[$,O]=a.useState(!1),[x,h]=a.useState(null),C=a.useCallback(()=>{O(!1),h(null)},[]),I=a.useMemo(()=>{if(m.length!==0)return async e=>{const{requireConfirmation:i,confirmationMode:o,confirmationTitle:n,confirmationContent:t,onClick:c}=r.find(v=>v.key===e),f=async()=>{try{await w.invokeMaybeAsyncFn(c,{beforeInvoke:()=>{F(!0)},onFinally:()=>{F(!1)}},u)}finally{C()}};i?o==="simple"?(h({title:n,content:t,okHandler:f}),O(!0)):w.showConfirmation(n,t,f,{onCancel:()=>{h(null)}}):await f()}},[r,u,C,m.length]);return l.jsxs(V.default,{align:"center",css:Q,gap:"small",justify:"center",children:[r.slice(0,d).map(e=>{const{key:i,label:o,icon:n,color:t,disabled:c,requireConfirmation:f,confirmationMode:v,confirmationTitle:K,confirmationContent:P,onClick:T}=e;return f?l.jsx(b.default,{requireConfirmation:!0,color:t,confirmationContent:P,confirmationMode:v,confirmationTitle:K,disabled:c||s,icon:n,size:"small",variant:"filled",onConfirmationOk:()=>T(u),children:o},i):l.jsx(b.default,{color:t,disabled:c||s,icon:n,size:"small",variant:"filled",onClick:S=>(S.stopPropagation(),T(u)),children:o},i)}),r.length>d&&l.jsx(H.default,{disabled:s,items:m,onClick:I,children:l.jsx(_.default,{content:x?.content,disabled:s,opened:$,title:x?.title,onCancel:C,onOk:x?.okHandler,children:l.jsx(b.default,{color:"primary",disabled:s,icon:l.jsx(z.MoreOutlined,{}),loading:s,size:"small",variant:"filled",onClick:e=>e.stopPropagation()})})})]})}exports.default=U;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("@emotion/react/jsx-runtime"),$=require("@ant-design/icons"),z=require("@emotion/react"),A=require("@vef-framework/hooks"),B=require("@vef-framework/shared"),a=require("react");require("../../helpers/index.cjs");var b=require("../../vef-button/index.cjs"),H=require("../../vef-dropdown/index.cjs"),V=require("../../vef-flex/index.cjs"),_=require("../../vef-popconfirm/index.cjs"),N=require("../hooks/use-table-context.cjs"),Q=require("../../helpers/message.cjs");const U=z.css({".vef-btn-sm":{"--vef-control-height-sm":"24px","--vef-button-padding-inline-sm":"4px","&.vef-btn-icon-only":{paddingInline:"2px"}}});function D({record:p,rowIndex:y,operationButtons:w,maxVisibleOperationButtons:d}){const{externalContext:g,refetch:k,isFetching:q,selectedKeys:j,selectedRecords:M}=N.useTableContextSelector(e=>{const{externalContext:i,refetch:r,isFetching:n,selectedKeys:t,selectedRecords:c}=e;return{externalContext:i,refetch:r,isFetching:n,selectedKeys:t,selectedRecords:c}}),u=a.useMemo(()=>({record:p,rowIndex:y,refetch:k,isFetching:q,selectedKeys:j,selectedRecords:M,...g??{}}),[g,q,p,k,y,j,M]),o=A.useComputedActionButtons(w,u),[s,F]=a.useState(!1),m=a.useMemo(()=>o.length>d?o.slice(d).map(e=>{const{key:i,label:r,icon:n,disabled:t}=e;return{type:"item",key:i,label:r,icon:n,disabled:t}}):[],[o,d]),[I,O]=a.useState(!1),[x,h]=a.useState(null),v=a.useCallback(()=>{O(!1),h(null)},[]),R=a.useMemo(()=>{if(m.length!==0)return async e=>{const{requireConfirmation:i,confirmationMode:r,confirmationTitle:n,confirmationContent:t,onClick:c}=o.find(C=>C.key===e),f=async()=>{try{await B.invokeMaybeAsyncFn(c,{beforeInvoke:()=>{F(!0)},onFinally:()=>{F(!1)}},u)}finally{v()}};i?r==="simple"?(h({title:n,content:t,okHandler:f}),O(!0)):Q.showConfirmation(n,t,f,{onCancel:()=>{h(null)}}):await f()}},[o,u,v,m.length]);return l.jsxs(V.default,{align:"center",css:U,gap:"small",justify:"center",children:[o.slice(0,d).map(e=>{const{key:i,label:r,icon:n,color:t,disabled:c,requireConfirmation:f,confirmationMode:C,confirmationTitle:K,confirmationContent:P,onClick:T}=e;return f?l.jsx(b.default,{requireConfirmation:!0,color:t,confirmationContent:P,confirmationMode:C,confirmationTitle:K,disabled:c||s,icon:n,size:"small",variant:"filled",onConfirmationOk:()=>T(u),children:r},i):l.jsx(b.default,{color:t,disabled:c||s,icon:n,size:"small",variant:"filled",onClick:S=>(S.stopPropagation(),T(u)),children:r},i)}),o.length>d&&l.jsx(H.default,{disabled:s,items:m,onClick:R,children:l.jsx(_.default,{content:x?.content,disabled:s,opened:I,title:x?.title,onCancel:v,onOk:x?.okHandler,children:l.jsx(b.default,{color:"primary",disabled:s,icon:l.jsx($.MoreOutlined,{}),loading:s,size:"small",variant:"filled",onClick:e=>e.stopPropagation()})})})]})}exports.default=D;
|
|
@@ -1,18 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),$=require("@emotion/react"),v=require("@vef-framework/shared"),t=require("react"),x=require("../../vef-button/index.cjs"),A=require("../../vef-pagination/index.cjs"),b=require("../../vef-text/index.cjs"),B=require("../hooks/use-table-context.cjs");const P=$.css`
|
|
3
|
-
width: 100%;
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
gap: var(--vef-table-footer-gap);
|
|
7
|
-
|
|
8
|
-
> div {
|
|
9
|
-
flex: auto;
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
gap: ${v.themeVariables.padding};
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
> .vef-pagination {
|
|
16
|
-
flex: none;
|
|
17
|
-
}
|
|
18
|
-
`;function V({selectionSummary:i,size:o,paginationProps:h,batchActionButtons:a,batchActionButtonContext:l}){const r=B.useTableContextSelector(n=>n.selectedRecords),g=t.useMemo(()=>{if(i!==!1){if(i)return i(r);if(r.length>0)return e.jsxs(b.default,{color:"secondary",children:["已选择"," ",e.jsx(b.default,{bold:!0,color:"blue",children:r.length})," ","项"]})}},[i,r]),y=t.useMemo(()=>a.map(n=>{const{key:s,label:c,icon:d,disabled:u,color:f,requireConfirmation:C,confirmationMode:j,confirmationTitle:M,confirmationContent:k,onClick:T}=n,m=async()=>{await v.invokeMaybeAsyncFn(T,{},l)};return C?e.jsx(x.default,{requireConfirmation:!0,color:f,confirmationContent:k,confirmationMode:j,confirmationTitle:M,disabled:u,icon:d,onConfirmationOk:m,children:c},s):e.jsx(x.default,{color:f,disabled:u,icon:d,onClick:m,children:c},s)}),[a,l]),q=t.useMemo(()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${o==="small"?"-sm":o==="medium"?"-md":""})`}),[o]);return e.jsxs("div",{css:P,style:q,children:[e.jsxs("div",{children:[g,y]}),e.jsx(A.default,{...h})]})}const p=t.memo(V);p.displayName="VefTableFooter",exports.default=p;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),$=require("@emotion/react"),v=require("@vef-framework/shared"),t=require("react"),x=require("../../vef-button/index.cjs"),A=require("../../vef-pagination/index.cjs"),b=require("../../vef-text/index.cjs"),B=require("../hooks/use-table-context.cjs");const P=$.css({width:"100%",display:"flex",alignItems:"center",gap:"var(--vef-table-footer-gap)","> div":{flex:"auto",display:"flex",alignItems:"center",gap:v.themeVariables.padding},"> .vef-pagination":{flex:"none"}});function V({selectionSummary:i,size:o,paginationProps:h,batchActionButtons:a,batchActionButtonContext:l}){const r=B.useTableContextSelector(n=>n.selectedRecords),g=t.useMemo(()=>{if(i!==!1){if(i)return i(r);if(r.length>0)return e.jsxs(b.default,{color:"secondary",children:["已选择"," ",e.jsx(b.default,{bold:!0,color:"blue",children:r.length})," ","项"]})}},[i,r]),y=t.useMemo(()=>a.map(n=>{const{key:s,label:c,icon:d,disabled:u,color:f,requireConfirmation:C,confirmationMode:j,confirmationTitle:M,confirmationContent:k,onClick:T}=n,m=async()=>{await v.invokeMaybeAsyncFn(T,{},l)};return C?e.jsx(x.default,{requireConfirmation:!0,color:f,confirmationContent:k,confirmationMode:j,confirmationTitle:M,disabled:u,icon:d,onConfirmationOk:m,children:c},s):e.jsx(x.default,{color:f,disabled:u,icon:d,onClick:m,children:c},s)}),[a,l]),q=t.useMemo(()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${o==="small"?"-sm":o==="medium"?"-md":""})`}),[o]);return e.jsxs("div",{css:P,style:q,children:[e.jsxs("div",{children:[g,y]}),e.jsx(A.default,{...h})]})}const p=t.memo(V);p.displayName="VefTableFooter",exports.default=p;
|
package/cjs/vef-table/index.cjs
CHANGED
|
@@ -1,55 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var m=require("@emotion/react/jsx-runtime"),j=require("@emotion/react"),r=require("@vef-framework/shared"),le=require("antd"),o=require("react");require("../internal/index.cjs");var ie=require("./components/table-footer.cjs"),se=require("./hooks/use-computed-batch-buttons.cjs"),ue=require("./hooks/use-computed-columns.cjs"),ce=require("./hooks/use-data.cjs"),de=require("./hooks/use-default-column-configs.cjs"),me=require("./hooks/use-helper-columns.cjs"),be=require("./hooks/use-pagination-props.cjs"),fe=require("./hooks/use-row-props.cjs"),
|
|
3
|
-
height: 100%;
|
|
4
|
-
|
|
5
|
-
> .vef-spin-nested-loading {
|
|
6
|
-
height: 100%;
|
|
7
|
-
|
|
8
|
-
> .vef-spin-container {
|
|
9
|
-
height: 100%;
|
|
10
|
-
|
|
11
|
-
> .vef-table {
|
|
12
|
-
height: 100%;
|
|
13
|
-
display: flex;
|
|
14
|
-
flex-direction: column;
|
|
15
|
-
|
|
16
|
-
> .vef-table-container {
|
|
17
|
-
flex: 1;
|
|
18
|
-
min-height: 0;
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
|
|
22
|
-
> .vef-table-header {
|
|
23
|
-
flex-shrink: 0;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
> .vef-table-body {
|
|
27
|
-
flex: 1;
|
|
28
|
-
scrollbar-width: thin;
|
|
29
|
-
scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
|
|
30
|
-
min-height: 200px;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
> .vef-table-title {
|
|
35
|
-
flex-shrink: 0;
|
|
36
|
-
padding: ${r.themeVariables.paddingSm};
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
> .vef-table-footer {
|
|
40
|
-
flex-shrink: 0;
|
|
41
|
-
padding: ${r.themeVariables.paddingXs}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&.vef-table-empty > .vef-table-container > .vef-table-body > table {
|
|
45
|
-
min-height: 100%;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
`,ye=j.css`
|
|
51
|
-
.vef-table-content {
|
|
52
|
-
scrollbar-width: thin;
|
|
53
|
-
scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
|
|
54
|
-
}
|
|
55
|
-
`;function qe({columns:l,defaultColumnConfigMap:n,rowNumberColumn:b,operationColumn:f,bordered:i=!1,size:a="medium",rowKey:s=xe,height:e,virtual:h=!1,selectedKeys:p,defaultSelectedKeys:C,selectable:t=!1,multipleSelection:O,showSelectAllCheckbox:Te,disabledSelection:x,enableRowClick:R,enableRowClickForSelection:y,rowBackgroundColor:ke,batchActionButtons:H,selectionSummary:g,externalContext:q,onRowSelectionChange:I,onRowSelect:$,onRowDeselect:L,onRowClick:U,...W},_){const{paginated:u=!1,...G}=W,{paginationProps:B,paginationParams:J}=be.usePaginationProps(u,a),{data:c,isFetching:w,isLoading:T,total:k,refetch:v}=ce.useData(G,u,J),M=o.useMemo(()=>({...B,total:k}),[B,k]),[d,Q]=o.useState(()=>new Map(n)),X=o.useDeferredValue(d),N=ue.useComputedColumns(l,X),{rowSelectionConfig:Z,handleRowClickSelection:Y,selectedKeys:P,selectedRecords:A}=he.useRowSelectionConfig({selectedKeys:p,defaultSelectedKeys:C,selectable:t,multipleSelection:O,disabledSelection:x,enableRowClick:R,enableRowClickForSelection:y,onRowSelect:$,onRowDeselect:L,onRowSelectionChange:I,rowKey:s}),ee=fe.useRowProps({enableRowClick:R,enableRowClickForSelection:y,onRowClick:U,disabledSelection:x,handleRowClickSelection:Y}),D=o.useMemo(()=>({externalContext:q,isFetching:w,refetch:v,selectedKeys:P,selectedRecords:A.current,defaultColumnConfigMap:n,columnConfigMap:d,setColumnConfigMap:Q,columnConfigMapHasChanged:!r.isDeepEqual(n,d)}),[q,w,v,P,A,n,d]),F=pe.useTableColumns(N,b,f),K=ve.useTableWidth(F,t),oe=o.useMemo(()=>({x:K,y:e==="auto"?"auto":e,scrollToFirstRowOnChange:!0}),[e,K]),te=ge.useTableInstance(_,c??[],v),ne=we.useTableSummary(N),{computedBatchActionButtons:S,batchActionButtonContext:V}=se.useComputedBatchActionButtons(H??[],D),ae=o.useMemo(()=>{if(T||c?.length===0||!u&&g===!1&&S.length===0)return;const re=m.jsx(ie.default,{batchActionButtonContext:V,batchActionButtons:S,paginationProps:M,selectionSummary:g,size:a});return()=>re},[V,S,c?.length,T,M,u,g,a]);return m.jsx(Ce.TableContextProvider,{value:D,children:m.jsx(le.Table,{ref:te,bordered:i,columns:F,css:e==="auto"?Re:ye,dataSource:c,footer:ae,loading:w,pagination:!1,rowKey:s,rowSelection:Z,scroll:oe,size:Se.convertBasicSizeToUiSize(a),summary:ne,tableLayout:"fixed",virtual:r.isNumber(e)&&e>0&&h,onRow:ee})})}const z=o.forwardRef(qe);z.displayName="VefTableBase";function Be({schema:l,showRowNumber:n,operationButtons:b,maxVisibleOperationButtons:f,...i},a){const{size:s}=i,e=o.useMemo(()=>l.filter(t=>t.show??!0).map(t=>({...t,dependentColumnNames:[...new Set([t.name,...t.dependentColumnNames??[]])]})),[l]);if(e.length===0)throw new Error("The showed columns of VefTable component cannot be empty");const h=de.useDefaultColumnConfigs(e),{rowNumberColumn:p,operationColumn:C}=me.useHelperColumns({showRowNumber:n,operationButtons:b,maxVisibleOperationButtons:f,size:s});return m.jsx(z,{ref:a,columns:e,defaultColumnConfigMap:h,operationColumn:C,rowNumberColumn:p,...i})}const E=o.memo(o.forwardRef(Be),r.isDeepEqual);E.displayName="VefTable",exports.default=E;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var m=require("@emotion/react/jsx-runtime"),j=require("@emotion/react"),r=require("@vef-framework/shared"),le=require("antd"),o=require("react");require("../internal/index.cjs");var ie=require("./components/table-footer.cjs"),se=require("./hooks/use-computed-batch-buttons.cjs"),ue=require("./hooks/use-computed-columns.cjs"),ce=require("./hooks/use-data.cjs"),de=require("./hooks/use-default-column-configs.cjs"),me=require("./hooks/use-helper-columns.cjs"),be=require("./hooks/use-pagination-props.cjs"),fe=require("./hooks/use-row-props.cjs"),pe=require("./hooks/use-row-selection-config.cjs"),Ce=require("./hooks/use-table-columns.cjs"),he=require("./hooks/use-table-context.cjs"),ge=require("./hooks/use-table-instance.cjs"),we=require("./hooks/use-table-summary.cjs"),ve=require("./hooks/use-table-width.cjs"),Se=require("../internal/utils.cjs");const xe="id",Re=j.css({height:"100%","> .vef-spin-nested-loading":{height:"100%","> .vef-spin-container":{height:"100%","> .vef-table":{height:"100%",display:"flex",flexDirection:"column","> .vef-table-container":{flex:1,minHeight:0,display:"flex",flexDirection:"column","> .vef-table-header":{flexShrink:0},"> .vef-table-body":{flex:1,scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.3) transparent",minHeight:"200px"}},"> .vef-table-title":{flexShrink:0,padding:r.themeVariables.paddingSm},"> .vef-table-footer":{flexShrink:0,padding:r.themeVariables.paddingXs},"&.vef-table-empty > .vef-table-container > .vef-table-body > table":{minHeight:"100%"}}}}}),ye=j.css({".vef-table-content":{scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.3) transparent"}});function qe({columns:l,defaultColumnConfigMap:n,rowNumberColumn:b,operationColumn:f,bordered:i=!1,size:a="medium",rowKey:s=xe,height:e,virtual:p=!1,selectedKeys:C,defaultSelectedKeys:h,selectable:t=!1,multipleSelection:E,showSelectAllCheckbox:Te,disabledSelection:x,enableRowClick:R,enableRowClickForSelection:y,rowBackgroundColor:ke,batchActionButtons:W,selectionSummary:g,externalContext:q,onRowSelectionChange:I,onRowSelect:O,onRowDeselect:L,onRowClick:_,...$},J){const{paginated:u=!1,...Q}=$,{paginationProps:B,paginationParams:U}=be.usePaginationProps(u,a),{data:c,isFetching:w,isLoading:T,total:k,refetch:v}=ce.useData(Q,u,U),M=o.useMemo(()=>({...B,total:k}),[B,k]),[d,X]=o.useState(()=>new Map(n)),Z=o.useDeferredValue(d),N=ue.useComputedColumns(l,Z),{rowSelectionConfig:G,handleRowClickSelection:Y,selectedKeys:D,selectedRecords:K}=pe.useRowSelectionConfig({selectedKeys:C,defaultSelectedKeys:h,selectable:t,multipleSelection:E,disabledSelection:x,enableRowClick:R,enableRowClickForSelection:y,onRowSelect:O,onRowDeselect:L,onRowSelectionChange:I,rowKey:s}),ee=fe.useRowProps({enableRowClick:R,enableRowClickForSelection:y,onRowClick:_,disabledSelection:x,handleRowClickSelection:Y}),P=o.useMemo(()=>({externalContext:q,isFetching:w,refetch:v,selectedKeys:D,selectedRecords:K.current,defaultColumnConfigMap:n,columnConfigMap:d,setColumnConfigMap:X,columnConfigMapHasChanged:!r.isDeepEqual(n,d)}),[q,w,v,D,K,n,d]),A=Ce.useTableColumns(N,b,f),F=ve.useTableWidth(A,t),oe=o.useMemo(()=>({x:F,y:e==="auto"?"auto":e,scrollToFirstRowOnChange:!0}),[e,F]),te=ge.useTableInstance(J,c??[],v),ne=we.useTableSummary(N),{computedBatchActionButtons:S,batchActionButtonContext:V}=se.useComputedBatchActionButtons(W??[],P),ae=o.useMemo(()=>{if(T||c?.length===0||!u&&g===!1&&S.length===0)return;const re=m.jsx(ie.default,{batchActionButtonContext:V,batchActionButtons:S,paginationProps:M,selectionSummary:g,size:a});return()=>re},[V,S,c?.length,T,M,u,g,a]);return m.jsx(he.TableContextProvider,{value:P,children:m.jsx(le.Table,{ref:te,bordered:i,columns:A,css:e==="auto"?Re:ye,dataSource:c,footer:ae,loading:w,pagination:!1,rowKey:s,rowSelection:G,scroll:oe,size:Se.convertBasicSizeToUiSize(a),summary:ne,tableLayout:"fixed",virtual:r.isNumber(e)&&e>0&&p,onRow:ee})})}const z=o.forwardRef(qe);z.displayName="VefTableBase";function Be({schema:l,showRowNumber:n,operationButtons:b,maxVisibleOperationButtons:f,...i},a){const{size:s}=i,e=o.useMemo(()=>l.filter(t=>t.show??!0).map(t=>({...t,dependentColumnNames:[...new Set([t.name,...t.dependentColumnNames??[]])]})),[l]);if(e.length===0)throw new Error("The showed columns of VefTable component cannot be empty");const p=de.useDefaultColumnConfigs(e),{rowNumberColumn:C,operationColumn:h}=me.useHelperColumns({showRowNumber:n,operationButtons:b,maxVisibleOperationButtons:f,size:s});return m.jsx(z,{ref:a,columns:e,defaultColumnConfigMap:p,operationColumn:h,rowNumberColumn:C,...i})}const H=o.memo(o.forwardRef(Be),r.isDeepEqual);H.displayName="VefTable",exports.default=H;
|
package/cjs/vef-title/index.cjs
CHANGED
|
@@ -1,14 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@emotion/react/jsx-runtime"),m=require("@emotion/react"),f=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),y=require("antd"),g=require("react")
|
|
3
|
-
margin: ${r.themeVariables.marginSm} 0 ${r.themeVariables.marginLg};
|
|
4
|
-
`,V=m.css`
|
|
5
|
-
&::before {
|
|
6
|
-
content: "";
|
|
7
|
-
display: inline-block;
|
|
8
|
-
width: 6px;
|
|
9
|
-
height: var(--vef-title-left-bar-height);
|
|
10
|
-
border-radius: 3px;
|
|
11
|
-
background: linear-gradient(to top, ${r.themeVariables.colorPrimary}, ${r.themeVariables.blue5});
|
|
12
|
-
margin-right: ${r.themeVariables.paddingSm};
|
|
13
|
-
}
|
|
14
|
-
`;function j({showLeftBar:s,showBottomLine:p,noPaddingBottom:n,variant:l,color:t,ellipsis:c,ellipsisTip:u,...i}){const{level:h=1}=i,v=g.useMemo(()=>{if(c)return{tooltip:u??i.children}},[c,u,i.children]),d=f.useColorTokens(),b=g.useMemo(()=>{const e={};if(t==="secondary")e.type="secondary";else{const o=[];t&&o.push({color:d.get(t)}),s&&o.push(V),e.css=o}return l&&(e[l]=!0),s&&(e.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${h}) * 0.8)`}),n&&(e.style={...e.style,"--vef-typography-title-margin-bottom":0}),e},[t,l,s,d,h,n]);return a.jsxs(a.Fragment,{children:[a.jsx(q,{ellipsis:v,...b,...i}),p&&a.jsx($.default,{css:x})]})}exports.default=j;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@emotion/react/jsx-runtime"),m=require("@emotion/react"),f=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),y=require("antd"),g=require("react"),q=require("../vef-divider/index.cjs");const{Title:x}=y.Typography,$=m.css({margin:`${r.themeVariables.marginSm} 0 ${r.themeVariables.marginLg}`}),V=m.css({"&::before":{content:'""',display:"inline-block",width:"6px",height:"var(--vef-title-left-bar-height)",borderRadius:"3px",background:`linear-gradient(to top, ${r.themeVariables.colorPrimary}, ${r.themeVariables.blue5})`,marginRight:r.themeVariables.paddingSm}});function j({showLeftBar:s,showBottomLine:p,noPaddingBottom:n,variant:l,color:t,ellipsis:c,ellipsisTip:u,...i}){const{level:h=1}=i,v=g.useMemo(()=>{if(c)return{tooltip:u??i.children}},[c,u,i.children]),d=f.useColorTokens(),b=g.useMemo(()=>{const e={};if(t==="secondary")e.type="secondary";else{const o=[];t&&o.push({color:d.get(t)}),s&&o.push(V),e.css=o}return l&&(e[l]=!0),s&&(e.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${h}) * 0.8)`}),n&&(e.style={...e.style,"--vef-typography-title-margin-bottom":0}),e},[t,l,s,d,h,n]);return a.jsxs(a.Fragment,{children:[a.jsx(x,{ellipsis:v,...b,...i}),p&&a.jsx(q.default,{css:$})]})}exports.default=j;
|
|
@@ -1,13 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@emotion/react/jsx-runtime"),z=require("@emotion/react"),w=require("@tanstack/react-virtual"),M=require("@vef-framework/hooks"),g=require("@vef-framework/shared"),t=require("react"),T=require("../vef-auto-sizer/index.cjs"),k=require("../vef-scroll-area/index.cjs");const C={willChange:"transform"},E=z.css`
|
|
3
|
-
position: relative;
|
|
4
|
-
width: var(--vef-virtual-grid-width);
|
|
5
|
-
height: var(--vef-virtual-grid-height);
|
|
6
|
-
`,G=z.css`
|
|
7
|
-
position: absolute;
|
|
8
|
-
top: 0;
|
|
9
|
-
left: 0;
|
|
10
|
-
width: var(--vef-virtual-grid-item-width);
|
|
11
|
-
height: var(--vef-virtual-grid-item-height);
|
|
12
|
-
transform: translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y));
|
|
13
|
-
`;function R({className:y,style:q,items:n,renderItem:c,itemClassName:N,itemStyle:$,rowHeight:d,columnWidth:o,gap:r,...f}){const j=t.useMemo(()=>t.memo(c),[c]),v=t.useRef(null),u=M.useGapSizeNormalizer(),[V,b]=t.useMemo(()=>{if(g.isArray(r))return[u(r[0]),u(r[1])];if(r){const e=u(r);return[e,e]}return[0,0]},[r,u]),m=w.useVirtualizer({count:n.length,getScrollElement:()=>v.current,estimateSize:g.isNumber(d)?()=>d:d,overscan:2,gap:V}),h=w.useVirtualizer({horizontal:!0,count:n[0]?.length??0,getScrollElement:()=>v.current,estimateSize:g.isNumber(o)?()=>o:o,overscan:2,gap:b}),I=t.useMemo(()=>({"--vef-virtual-grid-height":`${m.getTotalSize()}px`,"--vef-virtual-grid-width":`${h.getTotalSize()}px`}),[m.getTotalSize(),h.getTotalSize()]),x=(e,i)=>s.jsx(k.default,{className:y,height:e,scrollbarSize:"small",style:q,viewportRef:v,viewportStyle:C,width:i,children:s.jsx("div",{css:E,style:I,children:m.getVirtualItems().map(a=>s.jsx(t.Fragment,{children:h.getVirtualItems().map(l=>{const p=n[a.index][l.index];return s.jsx("div",{className:N,css:G,style:{...$,"--vef-virtual-grid-item-width":`${l.size}px`,"--vef-virtual-grid-item-height":`${a.size}px`,"--vef-virtual-grid-item-x":`${l.start}px`,"--vef-virtual-grid-item-y":`${a.start}px`},children:p&&t.createElement(j,{item:p,rowIndex:a.index,columnIndex:l.index})},l.key)})},a.key))})});if(!f.autoSize){const{height:e,width:i}=f;return x(e,i)}return s.jsx(T.default,{children:({height:e,width:i})=>x(e,i)})}const S=t.memo(R);S.displayName="VefVirtualGrid",exports.default=S;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@emotion/react/jsx-runtime"),z=require("@emotion/react"),w=require("@tanstack/react-virtual"),M=require("@vef-framework/hooks"),g=require("@vef-framework/shared"),t=require("react"),T=require("../vef-auto-sizer/index.cjs"),k=require("../vef-scroll-area/index.cjs");const C={willChange:"transform"},E=z.css({position:"relative",width:"var(--vef-virtual-grid-width)",height:"var(--vef-virtual-grid-height)"}),G=z.css({position:"absolute",top:0,left:0,width:"var(--vef-virtual-grid-item-width)",height:"var(--vef-virtual-grid-item-height)",transform:"translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y))"});function R({className:y,style:q,items:n,renderItem:c,itemClassName:N,itemStyle:$,rowHeight:d,columnWidth:o,gap:r,...f}){const j=t.useMemo(()=>t.memo(c),[c]),v=t.useRef(null),u=M.useGapSizeNormalizer(),[V,b]=t.useMemo(()=>{if(g.isArray(r))return[u(r[0]),u(r[1])];if(r){const e=u(r);return[e,e]}return[0,0]},[r,u]),m=w.useVirtualizer({count:n.length,getScrollElement:()=>v.current,estimateSize:g.isNumber(d)?()=>d:d,overscan:2,gap:V}),h=w.useVirtualizer({horizontal:!0,count:n[0]?.length??0,getScrollElement:()=>v.current,estimateSize:g.isNumber(o)?()=>o:o,overscan:2,gap:b}),I=t.useMemo(()=>({"--vef-virtual-grid-height":`${m.getTotalSize()}px`,"--vef-virtual-grid-width":`${h.getTotalSize()}px`}),[m.getTotalSize(),h.getTotalSize()]),x=(e,i)=>s.jsx(k.default,{className:y,height:e,scrollbarSize:"small",style:q,viewportRef:v,viewportStyle:C,width:i,children:s.jsx("div",{css:E,style:I,children:m.getVirtualItems().map(a=>s.jsx(t.Fragment,{children:h.getVirtualItems().map(l=>{const p=n[a.index][l.index];return s.jsx("div",{className:N,css:G,style:{...$,"--vef-virtual-grid-item-width":`${l.size}px`,"--vef-virtual-grid-item-height":`${a.size}px`,"--vef-virtual-grid-item-x":`${l.start}px`,"--vef-virtual-grid-item-y":`${a.start}px`},children:p&&t.createElement(j,{item:p,rowIndex:a.index,columnIndex:l.index})},l.key)})},a.key))})});if(!f.autoSize){const{height:e,width:i}=f;return x(e,i)}return s.jsx(T.default,{children:({height:e,width:i})=>x(e,i)})}const S=t.memo(R);S.displayName="VefVirtualGrid",exports.default=S;
|
|
@@ -1,19 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react/jsx-runtime"),z=require("@emotion/react"),C=require("@tanstack/react-virtual"),G=require("@vef-framework/hooks"),V=require("@vef-framework/shared"),t=require("react"),E=require("../vef-auto-sizer/index.cjs"),R=require("../vef-scroll-area/index.cjs");const k={willChange:"transform"},I=z.css`
|
|
3
|
-
position: relative;
|
|
4
|
-
width: var(--vef-virtual-list-width, auto);
|
|
5
|
-
height: var(--vef-virtual-list-height, auto);
|
|
6
|
-
`,T=z.css`
|
|
7
|
-
position: absolute;
|
|
8
|
-
top: var(--vef-virtual-list-item-top, 0);
|
|
9
|
-
left: var(--vef-virtual-list-item-left, 0);
|
|
10
|
-
width: var(--vef-virtual-list-item-width, auto);
|
|
11
|
-
height: var(--vef-virtual-list-item-height, auto);
|
|
12
|
-
transform: translateX(var(--vef-virtual-list-item-x, 0)) translateY(var(--vef-virtual-list-item-y, 0));
|
|
13
|
-
`,H=z.css`
|
|
14
|
-
position: absolute;
|
|
15
|
-
top: 0;
|
|
16
|
-
left: 0;
|
|
17
|
-
width: 100%;
|
|
18
|
-
transform: translateY(var(--vef-virtual-list-frame-y, 0));
|
|
19
|
-
`;function J({className:w,style:S,items:a,renderItem:$,itemClassName:c,itemStyle:Y,itemSize:o,autoItemSize:x=!1,gap:K=0,lanes:j=1,itemKey:p,...s}){const g=t.useMemo(()=>t.memo($),[$]),P=t.useMemo(()=>{if(V.isFunction(p))return e=>p({index:e,item:a[e]})},[p,a]),_=t.useMemo(()=>V.isFunction(o)?e=>o({index:e,item:a[e]}):()=>o,[o,a]),B=G.useNormalizedGapSize(K),y=t.useRef(null),{orientation:r}=s,v=C.useVirtualizer({horizontal:r==="horizontal",count:a.length,getScrollElement:()=>y.current,estimateSize:_,overscan:2,getItemKey:P,gap:B,lanes:j}),m=v.getVirtualItems(),n=100/j,q=t.useMemo(()=>r==="horizontal"?{"--vef-virtual-list-width":`${v.getTotalSize()}px`,"--vef-virtual-list-height":"100%"}:{"--vef-virtual-list-height":`${v.getTotalSize()}px`,"--vef-virtual-list-width":"100%"},[r,v.getTotalSize()]),N=t.useMemo(()=>x&&r!=="horizontal"?{...k,contain:"strict"}:k,[x,r]),h=(e,M)=>x?i.jsx(R.default,{className:w,height:e,scrollbarSize:"small",style:S,viewportRef:y,viewportStyle:N,width:M,children:i.jsx("div",{css:I,style:q,children:r==="horizontal"?m.map(({index:l,key:u,start:d})=>i.jsx("div",{className:c,css:T,style:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":"auto","--vef-virtual-list-item-height":"100%","--vef-virtual-list-item-x":`${d}px`,"--vef-virtual-list-item-y":0},children:t.createElement(g,{index:l,item:a[l]})},u)):i.jsx("div",{css:H,style:{"--vef-virtual-list-frame-y":`${m[0]?.start??0}px`},children:m.map(({index:l,key:u})=>i.jsx("div",{ref:v.measureElement,className:c,"data-index":l,style:Y,children:t.createElement(g,{index:l,item:a[l]})},u))})})}):i.jsx(R.default,{className:w,height:e,scrollbarSize:"small",style:S,viewportRef:y,viewportStyle:N,width:M,children:i.jsx("div",{css:I,style:q,children:m.map(({index:l,key:u,size:d,start:b,lane:f})=>i.jsx("div",{className:c,css:T,style:r==="horizontal"?{"--vef-virtual-list-item-top":f===0?0:`${f*n}%`,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":`${d}px`,"--vef-virtual-list-item-height":`${n}%`,"--vef-virtual-list-item-x":`${b}px`,"--vef-virtual-list-item-y":0}:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":f===0?0:`${f*n}%`,"--vef-virtual-list-item-width":`${n}%`,"--vef-virtual-list-item-height":`${d}px`,"--vef-virtual-list-item-x":0,"--vef-virtual-list-item-y":`${b}px`},children:t.createElement(g,{index:l,item:a[l]})},u))})});return s.autoSize?s.orientation==="horizontal"?i.jsx(E.default,{disableHeight:!0,children:({width:e})=>h("100%",e)}):i.jsx(E.default,{disableWidth:!0,children:({height:e})=>h(e,"100%")}):s.orientation==="horizontal"?h("100%",s.width):h(s.height,"100%")}const F=t.memo(J);F.displayName="VefVirtualList",exports.default=F;
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react/jsx-runtime"),z=require("@emotion/react"),C=require("@tanstack/react-virtual"),G=require("@vef-framework/hooks"),V=require("@vef-framework/shared"),t=require("react"),E=require("../vef-auto-sizer/index.cjs"),R=require("../vef-scroll-area/index.cjs");const k={willChange:"transform"},I=z.css({position:"relative",width:"var(--vef-virtual-list-width, auto)",height:"var(--vef-virtual-list-height, auto)"}),T=z.css({position:"absolute",top:"var(--vef-virtual-list-item-top, 0)",left:"var(--vef-virtual-list-item-left, 0)",width:"var(--vef-virtual-list-item-width, auto)",height:"var(--vef-virtual-list-item-height, auto)",transform:"translateX(var(--vef-virtual-list-item-x, 0)) translateY(var(--vef-virtual-list-item-y, 0))"}),H=z.css({position:"absolute",top:0,left:0,width:"100%",transform:"translateY(var(--vef-virtual-list-frame-y, 0))"});function J({className:w,style:S,items:a,renderItem:$,itemClassName:c,itemStyle:Y,itemSize:o,autoItemSize:x=!1,gap:K=0,lanes:j=1,itemKey:p,...s}){const g=t.useMemo(()=>t.memo($),[$]),P=t.useMemo(()=>{if(V.isFunction(p))return e=>p({index:e,item:a[e]})},[p,a]),_=t.useMemo(()=>V.isFunction(o)?e=>o({index:e,item:a[e]}):()=>o,[o,a]),B=G.useNormalizedGapSize(K),y=t.useRef(null),{orientation:r}=s,v=C.useVirtualizer({horizontal:r==="horizontal",count:a.length,getScrollElement:()=>y.current,estimateSize:_,overscan:2,getItemKey:P,gap:B,lanes:j}),m=v.getVirtualItems(),n=100/j,q=t.useMemo(()=>r==="horizontal"?{"--vef-virtual-list-width":`${v.getTotalSize()}px`,"--vef-virtual-list-height":"100%"}:{"--vef-virtual-list-height":`${v.getTotalSize()}px`,"--vef-virtual-list-width":"100%"},[r,v.getTotalSize()]),N=t.useMemo(()=>x&&r!=="horizontal"?{...k,contain:"strict"}:k,[x,r]),h=(e,M)=>x?i.jsx(R.default,{className:w,height:e,scrollbarSize:"small",style:S,viewportRef:y,viewportStyle:N,width:M,children:i.jsx("div",{css:I,style:q,children:r==="horizontal"?m.map(({index:l,key:u,start:d})=>i.jsx("div",{className:c,css:T,style:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":"auto","--vef-virtual-list-item-height":"100%","--vef-virtual-list-item-x":`${d}px`,"--vef-virtual-list-item-y":0},children:t.createElement(g,{index:l,item:a[l]})},u)):i.jsx("div",{css:H,style:{"--vef-virtual-list-frame-y":`${m[0]?.start??0}px`},children:m.map(({index:l,key:u})=>i.jsx("div",{ref:v.measureElement,className:c,"data-index":l,style:Y,children:t.createElement(g,{index:l,item:a[l]})},u))})})}):i.jsx(R.default,{className:w,height:e,scrollbarSize:"small",style:S,viewportRef:y,viewportStyle:N,width:M,children:i.jsx("div",{css:I,style:q,children:m.map(({index:l,key:u,size:d,start:b,lane:f})=>i.jsx("div",{className:c,css:T,style:r==="horizontal"?{"--vef-virtual-list-item-top":f===0?0:`${f*n}%`,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":`${d}px`,"--vef-virtual-list-item-height":`${n}%`,"--vef-virtual-list-item-x":`${b}px`,"--vef-virtual-list-item-y":0}:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":f===0?0:`${f*n}%`,"--vef-virtual-list-item-width":`${n}%`,"--vef-virtual-list-item-height":`${d}px`,"--vef-virtual-list-item-x":0,"--vef-virtual-list-item-y":`${b}px`},children:t.createElement(g,{index:l,item:a[l]})},u))})});return s.autoSize?s.orientation==="horizontal"?i.jsx(E.default,{disableHeight:!0,children:({width:e})=>h("100%",e)}):i.jsx(E.default,{disableWidth:!0,children:({height:e})=>h(e,"100%")}):s.orientation==="horizontal"?h("100%",s.width):h(s.height,"100%")}const F=t.memo(J);F.displayName="VefVirtualList",exports.default=F;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import{jsx as e}from"@emotion/react/jsx-runtime";function n(l){return e("svg",{"aria-hidden":!0,fill:"none",focusable:!1,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e("path",{clipRule:"evenodd",d:"M21.35 4.27c.68.47.86 1.4.38 2.08l-10 14.5a1.5 1.5 0 0 1-2.33.17l-6.5-7a1.5 1.5 0 0 1 2.2-2.04l5.23 5.63 8.94-12.96a1.5 1.5 0 0 1 2.08-.38Z",fill:"currentColor",fillRule:"evenodd"})})}function o(l){return e("svg",{"aria-hidden":!0,fill:"none",focusable:!1,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e("path",{clipRule:"evenodd",d:"M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm5.88-13.18-6.2 7.6a1.5 1.5 0 0 1-2.37 0l-3.5-4a1.5 1.5 0 1 1 2.37-1.84l2.3 2.46L15.5 8a1.5 1.5 0 1 1 2.38 1.82Z",fill:"currentColor",fillRule:"evenodd"})})}function r(l){return e("svg",{"aria-hidden":!0,fill:"none",focusable:!1,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e("path",{clipRule:"evenodd",d:"M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm2-16a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-5 3.75c0-.41.34-.75.75-.75h2.75a1 1 0 0 1 1 1v5.5h.75a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5h.75v-5h-.75a.75.75 0 0 1-.75-.75Z",fill:"currentColor",fillRule:"evenodd"})})}function i(l){return e("svg",{"aria-hidden":!0,fill:"none",focusable:!1,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e("path",{clipRule:"evenodd",d:"M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-9.5 5.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM12 5a1.9 1.9 0 0 0-1.89 2l.3 5.5a1.59 1.59 0 0 0 3.17 0l.3-5.5c.07-1.09-.8-2-1.88-2Z",fill:"currentColor",fillRule:"evenodd"})})}function a(l){return e("svg",{"aria-hidden":!0,fill:"none",focusable:!1,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e("path",{clipRule:"evenodd",d:"m10.23 2.4-8.7 16.67A2 2 0 0 0 3.3 22h17.4a2 2 0 0 0 1.77-2.93L13.77 2.4a2 2 0 0 0-3.54 0ZM13.14 14a1.15 1.15 0 0 1-2.28 0l-.58-4.03a1.73 1.73 0 1 1 3.44 0l-.58 4.03Zm.36 4.49a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z",fill:"currentColor",fillRule:"evenodd"})})}function d(l){return e("svg",{"aria-hidden":!0,focusable:!1,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e("path",{d:"M20 6L9 17l-5-5",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}export{i as IconAlertCircle,a as IconAlertTriangle,d as IconCheck,r as IconInfoCircle,n as IconTick,o as IconTickCircle};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import{IconAlertCircle as e,IconAlertTriangle as c,IconCheck as n,IconInfoCircle as r,IconTick as i,IconTickCircle as t}from"./icons.js";import{checkIcon as h,defaultMessageTitle as w,errorIcon as I,infoIcon as f,showConfirmation as g,showErrorAlert as l,showErrorMessage as u,showErrorNotification as A,showInfoAlert as M,showInfoMessage as C,showInfoNotification as k,showLoadingMessage as N,showSuccessAlert as T,showSuccessMessage as m,showSuccessNotification as E,showWarningAlert as S,showWarningMessage as W,showWarningNotification as d,successIcon as p,warningIcon as x}from"./message.js";export{e as IconAlertCircle,c as IconAlertTriangle,n as IconCheck,r as IconInfoCircle,i as IconTick,t as IconTickCircle,h as checkIcon,w as defaultMessageTitle,I as errorIcon,f as infoIcon,g as showConfirmation,l as showErrorAlert,u as showErrorMessage,A as showErrorNotification,M as showInfoAlert,C as showInfoMessage,k as showInfoNotification,N as showLoadingMessage,T as showSuccessAlert,m as showSuccessMessage,E as showSuccessNotification,S as showWarningAlert,W as showWarningMessage,d as showWarningNotification,p as successIcon,x as warningIcon};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import{jsx as s}from"@emotion/react/jsx-runtime";import{isFunction as a}from"@vef-framework/shared";import{Modal as O,message as g,notification as w}from"antd";import u from"../vef-icon/index.js";import{IconCheck as S,IconTickCircle as k,IconInfoCircle as y,IconAlertTriangle as q,IconAlertCircle as T}from"./icons.js";const{confirm:W,info:B,success:L,warning:P,error:R}=O,b=s(u,{children:s(S,{})}),v=s(u,{children:s(k,{})}),I=s(u,{children:s(y,{})}),C=s(u,{children:s(q,{})}),E=s(u,{children:s(T,{})}),j=s(u,{className:"vef-notification-notice-icon vef-notification-notice-icon-success",children:s(k,{})}),F=s(u,{className:"vef-notification-notice-icon vef-notification-notice-icon-info",children:s(y,{})}),H=s(u,{className:"vef-notification-notice-icon vef-notification-notice-icon-warning",children:s(q,{})}),U=s(u,{className:"vef-notification-notice-icon vef-notification-notice-icon-error",children:s(T,{})});function V(n){g.open({type:"success",content:n,duration:2,icon:v})}function z(n){g.open({type:"info",content:n,duration:3,icon:I})}function D(n){g.open({type:"warning",content:n,duration:3,icon:C})}function G(n){g.open({type:"error",content:n,duration:4,icon:E})}function J(n){const o=g.open({type:"loading",content:n,duration:0});return()=>o()}const l="提示";function K(n,o,r){const e=arguments.length;if(e<1)throw new Error("showSuccessNotification requires at least one argument");const t=e>1?n:l,i=e>1?o:n,c=e===3?r:void 0;w.open({type:"success",message:t,description:i,duration:4,closable:!0,btn:c,icon:j})}function Q(n,o,r){const e=arguments.length;if(e<1)throw new Error("showInfoNotification requires at least one argument");const t=e>1?n:l,i=e>1?o:n,c=e===3?r:void 0;w.open({type:"info",message:t,description:i,duration:5,closable:!0,btn:c,icon:F})}function X(n,o,r){const e=arguments.length;if(e<1)throw new Error("showWarningNotification requires at least one argument");const t=e>1?n:l,i=e>1?o:n,c=e===3?r:void 0;w.open({type:"warning",message:t,description:i,duration:6,closable:!0,btn:c,icon:H})}function Y(n,o,r){const e=arguments.length;if(e<1)throw new Error("showErrorNotification requires at least one argument");const t=e>1?n:l,i=e>1?o:n,c=e===3?r:void 0;w.open({type:"error",message:t,description:i,duration:10,closable:!0,btn:c,icon:U})}const Z={color:"default",variant:"text"},_={icon:b};function $(n,o,r,e){const t=arguments.length;if(t<2)throw new Error("showConfirmation requires at least two arguments");const i=t>2?n:"提示",c=t===2?n:o,f=t===2?o:r,{okText:h,cancelText:m,onCancel:p,onAfterOpen:A,onAfterClose:N}=e??{},{destroy:x}=W({title:i,content:c,cancelButtonProps:Z,okButtonProps:_,centered:!0,onOk:f,okText:h,cancelText:m,onCancel:p,afterOpenChange:a(A)||a(N)?M=>{M?A?.():N?.()}:void 0});return x}const nn={success:L,info:B,warning:P,error:R},on={success:v,info:I,warning:C,error:E},tn="👍🏻 好的,知道了";function d(n,o,r=l,e,t){const{okText:i=tn,onCancel:c,onAfterOpen:f,onAfterClose:h}=t??{},{destroy:m}=nn[n]({title:r,content:o,icon:on[n],centered:!0,onOk:e,okText:i,onCancel:c,afterOpenChange:a(f)||a(h)?p=>{p?f?.():h?.()}:void 0});return m}function en(n,o,r,e){const t=arguments.length;if(t<1)throw new Error("showSuccessAlert requires at least one argument");const i=t===1||a(o)?void 0:n,c=t===1||a(o)?n:o,f=t===2||a(o)?o:r;return d("success",c,i,f,e)}function rn(n,o,r,e){const t=arguments.length;if(t<1)throw new Error("showInfoAlert requires at least one argument");const i=t===1||a(o)?void 0:n,c=t===1||a(o)?n:o,f=t===2||a(o)?o:r;return d("info",c,i,f,e)}function cn(n,o,r,e){const t=arguments.length;if(t<1)throw new Error("showWarningAlert requires at least one argument");const i=t===1||a(o)?void 0:n,c=t===1||a(o)?n:o,f=t===2||a(o)?o:r;return d("warning",c,i,f,e)}function sn(n,o,r,e){const t=arguments.length;if(t<1)throw new Error("showErrorAlert requires at least one argument");const i=t===1||a(o)?void 0:n,c=t===1||a(o)?n:o,f=t===2||a(o)?o:r;return d("error",c,i,f,e)}export{b as checkIcon,l as defaultMessageTitle,E as errorIcon,I as infoIcon,$ as showConfirmation,sn as showErrorAlert,G as showErrorMessage,Y as showErrorNotification,rn as showInfoAlert,z as showInfoMessage,Q as showInfoNotification,J as showLoadingMessage,en as showSuccessAlert,V as showSuccessMessage,K as showSuccessNotification,cn as showWarningAlert,D as showWarningMessage,X as showWarningNotification,v as successIcon,C as warningIcon};
|
package/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
import{default as t}from"./vef-access-denied/index.js";import{default as
|
|
2
|
+
import"./helpers/index.js";import{default as t}from"./vef-access-denied/index.js";import{default as s}from"./vef-action-buttons/index.js";import{default as d}from"./vef-approval-flow-editor/index.js";import{default as u}from"./vef-area-chart/index.js";import{default as x}from"./vef-auto-sizer/index.js";import{default as n}from"./vef-avatar/index.js";import{default as c}from"./vef-avatar-group/index.js";import{default as h}from"./vef-badge/index.js";import{default as I}from"./vef-bar-chart/index.js";import{default as S}from"./vef-bool/index.js";import{default as T}from"./vef-breadcrumb/index.js";import{default as M}from"./vef-button/index.js";import{default as B}from"./vef-card/index.js";import{default as E}from"./vef-card-meta/index.js";import{default as k}from"./vef-chart-container/index.js";import{VefChartLegendContent as D}from"./vef-chart-legend-content/index.js";import{default as N}from"./vef-chart-tooltip-content/index.js";import{default as y}from"./vef-checkbox/index.js";import{default as z}from"./vef-code-editor/index.js";import{default as $}from"./vef-col/index.js";import{default as q}from"./vef-color-picker/index.js";import{default as K}from"./vef-compact/index.js";import{default as Q}from"./vef-config-provider/index.js";import{default as X}from"./vef-container/index.js";import{default as Z}from"./vef-crud-page/index.js";import{default as ee}from"./vef-data-table/index.js";import{default as re}from"./vef-divider/index.js";import{default as te}from"./vef-drawer/index.js";import{default as se}from"./vef-dropdown/index.js";import{default as de}from"./vef-dynamic-icon/index.js";import{dynamicIconNames as ue}from"./vef-dynamic-icon/props.js";import{default as xe}from"./vef-empty/index.js";import{default as ne}from"./vef-empty-placeholder/index.js";import{default as ce}from"./vef-error/index.js";import{default as he}from"./vef-filter/index.js";import{default as Ie}from"./vef-flex/index.js";import{default as Se}from"./vef-float-button/index.js";import{default as Te}from"./vef-float-button-group/index.js";import{default as Me}from"./vef-form/index.js";import*as e from"./vef-form/validation-rules.js";import{default as Be}from"./vef-generic-select/index.js";import{default as Ee}from"./vef-grid/index.js";import{default as ke}from"./vef-grid-item/index.js";import{default as De}from"./vef-icon/index.js";import{default as Ne}from"./vef-icon-select/index.js";import{default as ye}from"./vef-input/index.js";import{default as ze}from"./vef-input-number/index.js";import{default as $e}from"./vef-intellisense-code-editor/index.js";import{default as qe}from"./vef-json-viewer/index.js";import{default as Ke}from"./vef-layout/index.js";import{default as Qe}from"./vef-line-chart/index.js";import{default as Xe}from"./vef-loading-placeholder/index.js";import{default as Ze}from"./vef-login/index.js";import{default as eo}from"./vef-menu/index.js";import{default as ro}from"./vef-modal/index.js";import{ModalContextProvider as to,useModalContext as ao,useModalContextSelector as so}from"./vef-modal/context.js";import{default as po}from"./vef-not-found/index.js";import{default as mo}from"./vef-page/index.js";import{default as Vo}from"./vef-pagination/index.js";import{default as io}from"./vef-paragraph/index.js";import{default as Co}from"./vef-password/index.js";import{default as go}from"./vef-pie-chart/index.js";import{default as wo}from"./vef-popconfirm/index.js";import{default as Ao}from"./vef-radio/index.js";import{default as Po}from"./vef-rate/index.js";import{default as vo}from"./vef-responsive-container/index.js";import{default as bo}from"./vef-responsive-item/index.js";import{default as Ro}from"./vef-ribbon/index.js";import{default as Lo}from"./vef-row/index.js";import{default as Fo}from"./vef-scroll-area/index.js";import{default as Go}from"./vef-segment/index.js";import{default as Wo}from"./vef-select/index.js";import{default as Jo}from"./vef-slider/index.js";import{default as jo}from"./vef-sortable-list/index.js";import{default as Ho}from"./vef-space/index.js";import{default as Oo}from"./vef-spin/index.js";import{default as Uo}from"./vef-splitter/index.js";import{default as Yo}from"./vef-splitter-panel/index.js";import{default as _o}from"./vef-status/index.js";import{default as or}from"./vef-table/index.js";import{default as fr}from"./vef-tabs/index.js";import{default as ar}from"./vef-tag/index.js";import{default as lr}from"./vef-temporal-picker/index.js";import{default as pr}from"./vef-temporal-range-picker/index.js";import{default as mr}from"./vef-text/index.js";import{default as Vr}from"./vef-textarea/index.js";import{default as ir}from"./vef-title/index.js";import{default as Cr}from"./vef-tooltip/index.js";import{default as gr}from"./vef-tree-select/index.js";import{default as wr}from"./vef-virtual-grid/index.js";import{default as Ar}from"./vef-virtual-list/index.js";import{default as Pr}from"./vef-drawer/components/action-button-wrapper.js";import{default as vr}from"./vef-modal/components/action-button-wrapper.js";import{IconAlertCircle as br,IconAlertTriangle as Er,IconCheck as Rr,IconInfoCircle as kr,IconTick as Lr,IconTickCircle as Dr}from"./helpers/icons.js";import{checkIcon as Nr,defaultMessageTitle as Gr,errorIcon as yr,infoIcon as Wr,showConfirmation as zr,showErrorAlert as Jr,showErrorMessage as $r,showErrorNotification as jr,showInfoAlert as qr,showInfoMessage as Hr,showInfoNotification as Kr,showLoadingMessage as Or,showSuccessAlert as Qr,showSuccessMessage as Ur,showSuccessNotification as Xr,showWarningAlert as Yr,showWarningMessage as Zr,showWarningNotification as _r,successIcon as ef,warningIcon as of}from"./helpers/message.js";export{br as IconAlertCircle,Er as IconAlertTriangle,Rr as IconCheck,kr as IconInfoCircle,Lr as IconTick,Dr as IconTickCircle,to as ModalContextProvider,t as VefAccessDenied,s as VefActionButtons,d as VefApprovalFlowEditor,u as VefAreaChart,x as VefAutoSizer,n as VefAvatar,c as VefAvatarGroup,h as VefBadge,I as VefBarChart,S as VefBool,T as VefBreadcrumb,M as VefButton,B as VefCard,E as VefCardMeta,k as VefChartContainer,D as VefChartLegendContent,N as VefChartTooltipContent,y as VefCheckbox,z as VefCodeEditor,$ as VefCol,q as VefColorPicker,K as VefCompact,Q as VefConfigProvider,X as VefContainer,Z as VefCrudPage,ee as VefDataTable,re as VefDivider,te as VefDrawer,Pr as VefDrawerActionButtonWrapper,se as VefDropdown,de as VefDynamicIcon,xe as VefEmpty,ne as VefEmptyPlaceholder,ce as VefError,he as VefFilter,Ie as VefFlex,Se as VefFloatButton,Te as VefFloatButtonGroup,Me as VefForm,Be as VefGenericSelect,Ee as VefGrid,ke as VefGridItem,De as VefIcon,Ne as VefIconSelect,ye as VefInput,ze as VefInputNumber,$e as VefIntellisenseCodeEditor,qe as VefJsonViewer,Ke as VefLayout,Qe as VefLineChart,Xe as VefLoadingPlaceholder,Ze as VefLogin,eo as VefMenu,ro as VefModal,vr as VefModalActionButtonWrapper,po as VefNotFound,mo as VefPage,Vo as VefPagination,io as VefParagraph,Co as VefPassword,go as VefPieChart,wo as VefPopconfirm,Ao as VefRadio,Po as VefRate,vo as VefResponsiveContainer,bo as VefResponsiveItem,Ro as VefRibbon,Lo as VefRow,Fo as VefScrollArea,Go as VefSegment,Wo as VefSelect,Jo as VefSlider,jo as VefSortableList,Ho as VefSpace,Oo as VefSpin,Uo as VefSplitter,Yo as VefSplitterPanel,_o as VefStatus,or as VefTable,fr as VefTabs,ar as VefTag,lr as VefTemporalPicker,pr as VefTemporalRangePicker,mr as VefText,Vr as VefTextarea,ir as VefTitle,Cr as VefTooltip,gr as VefTreeSelect,wr as VefVirtualGrid,Ar as VefVirtualList,Nr as checkIcon,Gr as defaultMessageTitle,ue as dynamicIconNames,yr as errorIcon,Wr as infoIcon,zr as showConfirmation,Jr as showErrorAlert,$r as showErrorMessage,jr as showErrorNotification,qr as showInfoAlert,Hr as showInfoMessage,Kr as showInfoNotification,Or as showLoadingMessage,Qr as showSuccessAlert,Ur as showSuccessMessage,Xr as showSuccessNotification,Yr as showWarningAlert,Zr as showWarningMessage,_r as showWarningNotification,ef as successIcon,ao as useModalContext,so as useModalContextSelector,e as validationRules,of as warningIcon};
|
|
@@ -1,28 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{styles as c,themeVariables as i}from"@vef-framework/shared";import{ArrowLeftIcon as l}from"lucide-react";import a from"../vef-button/index.js";import
|
|
3
|
-
height: 100%;
|
|
4
|
-
${c.flexCenter}
|
|
5
|
-
`,f=t`
|
|
6
|
-
width: 40%;
|
|
7
|
-
position: relative;
|
|
8
|
-
top: -60px;
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: column;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
row-gap: ${i.margin};
|
|
14
|
-
> svg {
|
|
15
|
-
width: 70%;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
> span {
|
|
19
|
-
font-size: ${i.fontSizeLg};
|
|
20
|
-
font-weight: 500;
|
|
21
|
-
color: ${i.colorTextTertiary};
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
span.vef-access-denied-uri {
|
|
25
|
-
padding-left: ${i.paddingSm};
|
|
26
|
-
color: ${i.colorWarningText};
|
|
27
|
-
}
|
|
28
|
-
`;function g({uri:r,title:n="抱歉,您没有权限访问该页面~~~",onNavigateHome:s}){return e("div",{css:p,children:o("div",{css:f,children:[e(d,{}),e("span",{children:n}),r&&o("span",{children:["路径:",e("span",{className:"vef-access-denied-uri",children:r})]}),e(a,{color:"primary",size:"large",icon:e(m,{children:e(l,{})}),onClick:s,children:"回到首页"})]})})}export{g as default};
|
|
2
|
+
import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{styles as c,themeVariables as i}from"@vef-framework/shared";import{ArrowLeftIcon as l}from"lucide-react";import a from"../vef-button/index.js";import p from"../vef-icon/index.js";import m from"./access-denied-icon.js";const d=t({height:"100%"},c.flexCenter),f=t({width:"40%",position:"relative",top:"-60px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",rowGap:i.margin,"> svg":{width:"100px",height:"100px"},"> span":{fontSize:i.fontSizeLg,fontWeight:500,color:i.colorTextTertiary},"> span.vef-access-denied-uri":{paddingLeft:i.paddingSm,color:i.colorWarningText}});function h({uri:r,title:n="抱歉,您没有权限访问该页面~~~",onNavigateHome:s}){return e("div",{css:d,children:o("div",{css:f,children:[e(m,{}),e("span",{children:n}),r&&o("span",{children:["路径:",e("span",{className:"vef-access-denied-uri",children:r})]}),e(a,{color:"primary",size:"large",icon:e(p,{children:e(l,{})}),onClick:s,children:"回到首页"})]})})}export{h as default};
|