@vue-ui-kit/ant 2.3.6 → 2.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +4 -4
- package/dist/declarations/antProxy.d.ts +2 -2
- package/dist/es/index.js +2312 -2304
- package/dist/style.css +1 -1
- package/dist/style.scss +16 -5
- package/package.json +1 -1
- package/src/declarations/antProxy.ts +2 -2
- package/src/packages/components/PGrid.vue +27 -5
- package/src/packages/styles/index.scss +16 -5
- package/src/packages/utils/config.ts +2 -2
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.p-pane{background-color:var(--p-theme-bg, #fff);padding:16px;border-radius:4px}.text-slate-5{color:#64748b}.w-full{width:100%}.cursor-pointer{cursor:pointer}.py-4x{padding-top:4px;padding-bottom:4px}.px-2x{padding-left:2px;padding-right:2px}.pl-4x{padding-left:1em}.pl-8{padding-left:2em}.h-0{height:0}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4px{gap:4px}.gap-8px{gap:8px}.pt-8px{padding-top:8px}.px-16px{padding-left:16px;padding-right:16px}.mt-4px{margin-top:4px}.text-right{text-align:right}.overflow-y-auto{overflow-y:auto}.p-theme-bg{background-color:var(--p-theme-bg, #fff)}.p-wrapper .p-form-wrapper{z-index:4}.p-wrapper .p-canvas-pagination.ant-pagination{padding:16px 0}.p-wrapper .p-error-hang-out .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper{border-color:var(--p-border-color, #d9d9d9)!important}.p-wrapper .p-error-hang-out .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus{border-color:var(--p-primary-color, #4096ff)!important}.p-wrapper .p-error-hang-out .ant-form-item-explain-error{opacity:0!important;transform:translateY(-10px)!important;max-height:0!important;overflow:hidden!important;transition:none!important}.p-wrapper .ant-form-item-explain-error{opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden;transition:opacity .3s ease-out .3s,transform .3s ease-out .3s,max-height .3s ease-out .3s}.p-wrapper .ant-form-item-has-error .ant-form-item-explain-error{opacity:1;transform:translateY(0);max-height:100px}.p-wrapper .p-toolbar-wrapper{box-shadow:0 8px var(--p-bg-color, #fff);border-radius:.5em .5em 0 0;margin-bottom:-.5em}.p-wrapper .p-canvas-toolbar-wrapper{box-shadow:0 8px var(--p-bg-color, #fff);border-radius:.5em .5em 0 0}.p-wrapper .ant-form .ant-form-item{margin-bottom:0}.p-wrapper .ant-form .ant-form-item.p-required .ant-form-item-label>label:before{display:inline-block;margin-inline-end:4px;color:var(--p-danger-color, #ff4d4f);font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.p-wrapper .ant-form .ant-form-item .ant-form-item-label{display:flex;align-items:start;justify-content:flex-end}.p-wrapper .ant-form .ant-form-item .ant-form-item-label>label{white-space:break-spaces;align-items:flex-start;height:fit-content;padding-top:.36em}.p-wrapper .ant-form .ant-form-item .ant-form-item-label>label:after{padding-left:4px;margin-inline-start:unset}.p-wrapper .ant-form.ant-form-vertical .ant-form-item .ant-form-item-label{justify-content:flex-start;font-weight:600}.p-wrapper .ant-table-wrapper .ant-table,.p-wrapper .ant-table-wrapper .ant-table td.ant-table-cell{background-color:var(--p-table-row-bg-color, #fff)}.p-wrapper .ant-table-wrapper .ant-table-tbody>tr>td.ant-table-cell-row-hover{background-color:var(--p-table-row-hover-bg-color, #e6e7ea)}.p-wrapper .ant-table-wrapper .ant-table-pagination.ant-pagination{margin:unset;padding:16px 0}.p-wrapper .ant-table-wrapper tr.p-grid-row-striped{background-color:var(--p-striped-bg-color, #f2f3f6)}.p-wrapper .ant-table-wrapper tr.p-grid-row-striped>td.ant-table-cell{background-color:var(--p-striped-bg-color, #e6e7ea)}.p-wrapper .ant-table-wrapper tr.p-grid-row-striped>td.ant-table-cell.ant-table-cell-row-hover{background-color:var(--p-table-row-hover-bg-color, #e6e7ea)}.p-wrapper .ant-table-wrapper .ant-table-thead>tr>th{background-color:var(--p-table-thead-bg-color, #f2f3f6)}.p-wrapper .ant-table-sticky-scroll{visibility:hidden}.p-wrapper .ant-table-header.ant-table-sticky-holder:before{content:"";width:100%;position:absolute;height:22px;display:block;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:-16px}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-
|
|
1
|
+
@charset "UTF-8";.p-pane{background-color:var(--p-theme-bg, #fff);padding:16px;border-radius:4px}.text-slate-5{color:#64748b}.w-full{width:100%}.cursor-pointer{cursor:pointer}.py-4x{padding-top:4px;padding-bottom:4px}.px-2x{padding-left:2px;padding-right:2px}.pl-4x{padding-left:1em}.pl-8{padding-left:2em}.h-0{height:0}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4px{gap:4px}.gap-8px{gap:8px}.pt-8px{padding-top:8px}.px-16px{padding-left:16px;padding-right:16px}.mt-4px{margin-top:4px}.text-right{text-align:right}.overflow-y-auto{overflow-y:auto}.p-theme-bg{background-color:var(--p-theme-bg, #fff)}.p-wrapper .p-form-wrapper{z-index:4}.p-wrapper .p-canvas-pagination.ant-pagination{padding:16px 0}.p-wrapper .p-error-hang-out .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper{border-color:var(--p-border-color, #d9d9d9)!important}.p-wrapper .p-error-hang-out .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus{border-color:var(--p-primary-color, #4096ff)!important}.p-wrapper .p-error-hang-out .ant-form-item-explain-error{opacity:0!important;transform:translateY(-10px)!important;max-height:0!important;overflow:hidden!important;transition:none!important}.p-wrapper .ant-form-item-explain-error{opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden;transition:opacity .3s ease-out .3s,transform .3s ease-out .3s,max-height .3s ease-out .3s}.p-wrapper .ant-form-item-has-error .ant-form-item-explain-error{opacity:1;transform:translateY(0);max-height:100px}.p-wrapper .p-toolbar-wrapper{box-shadow:0 8px var(--p-bg-color, #fff);border-radius:.5em .5em 0 0;margin-bottom:-.5em}.p-wrapper .p-canvas-toolbar-wrapper{box-shadow:0 8px var(--p-bg-color, #fff);border-radius:.5em .5em 0 0}.p-wrapper .ant-form .ant-form-item{margin-bottom:0}.p-wrapper .ant-form .ant-form-item.p-required .ant-form-item-label>label:before{display:inline-block;margin-inline-end:4px;color:var(--p-danger-color, #ff4d4f);font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.p-wrapper .ant-form .ant-form-item .ant-form-item-label{display:flex;align-items:start;justify-content:flex-end}.p-wrapper .ant-form .ant-form-item .ant-form-item-label>label{white-space:break-spaces;align-items:flex-start;height:fit-content;padding-top:.36em}.p-wrapper .ant-form .ant-form-item .ant-form-item-label>label:after{padding-left:4px;margin-inline-start:unset}.p-wrapper .ant-form.ant-form-vertical .ant-form-item .ant-form-item-label{justify-content:flex-start;font-weight:600}.p-wrapper .ant-table-wrapper .ant-table,.p-wrapper .ant-table-wrapper .ant-table td.ant-table-cell{background-color:var(--p-table-row-bg-color, #fff)}.p-wrapper .ant-table-wrapper .ant-table-tbody>tr>td.ant-table-cell-row-hover{background-color:var(--p-table-row-hover-bg-color, #e6e7ea)}.p-wrapper .ant-table-wrapper .ant-table-pagination.ant-pagination{margin:unset;padding:16px 0}.p-wrapper .ant-table-wrapper tr.p-grid-row-striped{background-color:var(--p-striped-bg-color, #f2f3f6)}.p-wrapper .ant-table-wrapper tr.p-grid-row-striped>td.ant-table-cell{background-color:var(--p-striped-bg-color, #e6e7ea)}.p-wrapper .ant-table-wrapper tr.p-grid-row-striped>td.ant-table-cell.ant-table-cell-row-hover{background-color:var(--p-table-row-hover-bg-color, #e6e7ea)}.p-wrapper .ant-table-wrapper .ant-table-thead>tr>th{background-color:var(--p-table-thead-bg-color, #f2f3f6)}.p-wrapper .ant-table-sticky-scroll{visibility:hidden}.p-wrapper .ant-table-header.ant-table-sticky-holder:before{content:"";width:100%;position:absolute;height:22px;display:block;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:-16px}.p-wrapper .ant-table-wrapper .ant-pagination{gap:8px}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-prev,.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-next{border:1px solid var(--p-pagination-border-color, #bbbdbf)}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-total-text{margin-inline-end:0;padding-inline-end:8px}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-item{border:1px solid var(--p-pagination-border-color, transparent)}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-pagination-item-active){background-color:var(--p-pagination-bg-color, #fff)}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-pagination-item-active)>a{color:var(--p-pagination-color, #323335)}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover{background-color:var(--p-pagination-hover-bg-color, rgba(0, 0, 0, .0588235294))}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover>a{color:var(--p-pagination-active-color, rgba(0, 0, 0, .8784313725))}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-item.ant-pagination-item-active{background-color:var(--p-pagination-active-bg-color, #fff);border-color:var(--p-pagination-active-border-color, var(--p-primary-color, #4096ff))}.p-wrapper .ant-table-wrapper .ant-pagination .ant-pagination-item.ant-pagination-item-active>a{color:var(--p-pagination-active-color, var(--p-primary-color, #4096ff))}.p-wrapper .h-lack .ant-table-wrapper .ant-table-pagination.ant-pagination{padding:unset;margin-top:8px}.p-wrapper .p-inner-scroll>.ant-table-wrapper{height:100%}.p-wrapper .p-inner-scroll>.ant-table-wrapper>.ant-spin-nested-loading{height:100%}.p-wrapper .p-inner-scroll>.ant-table-wrapper>.ant-spin-nested-loading>.ant-spin-container{height:100%;display:flex;flex-direction:column}.p-wrapper .p-inner-scroll>.ant-table-wrapper>.ant-spin-nested-loading>.ant-spin-container>.ant-table{flex:1;height:0;overflow-y:hidden;border-radius:unset}.p-wrapper .p-inner-scroll>.ant-table-wrapper>.ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container>.ant-table-body{position:relative}.p-wrapper .ant-pagination-options .ant-select{width:100px}.p-wrapper .ant-table-cell:not(.normal-break){word-break:break-all}.p-error-group-tab{position:relative;overflow:visible;color:var(--p-danger-color, #f5222d)!important}.p-error-group-tab:after{content:"🏷️";position:absolute;top:-1em;right:0;width:1em;height:1em;font-size:.8em;animation:heartbeat 2s infinite}.ant-picker-dropdown .ant-picker-footer{padding-left:4px}.p-error-hang-out .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper{border-color:var(--p-border-color, #d9d9d9)!important}.p-error-hang-out .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus{border-color:var(--p-primary-color, #4096ff)!important}.p-error-hang-out .ant-form-item-explain-error{display:none}.no-error-border{border-color:var(--p-border-color, #d9d9d9)!important}.no-error-border:focus{border-color:var(--p-primary-color, #4096ff)!important}@media (max-width: 575px){.p-wrapper .ant-form .ant-form-item .ant-form-item-label{justify-content:flex-start}}.collapsible-card{background-color:var(--p-bg-color, #fff);border-color:var(--p-border-light-color, #f0f0f0)}.collapsible-card .ant-collapse-header{padding:0 12px;min-height:38px;display:flex;align-items:center;font-weight:600}.collapsible-card .ant-collapse-content{border-color:var(--p-border-light-color, #f0f0f0)}.collapsible-card .ant-collapse-content .ant-collapse-content-box{padding:var(--collapsible-card-body-padding, 12px)}.collapsible-card .ant-collapse-item{border-color:var(--p-border-light-color, #f0f0f0)}.canvas-cell{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:0 8px}.p-content-align-right.ant-form-item .ant-form-item-control-input-content{display:flex;justify-content:flex-end;align-items:center;text-align:right}.p-content-align-center.ant-form-item .ant-form-item-control-input-content{display:flex;justify-content:center;align-items:center;text-align:center}@keyframes heartbeat{0%{transform:scale(1)}6%{transform:scale(1.22)}12%{transform:scale(1)}18%{transform:scale(1.18)}24%{transform:scale(1)}48%{transform:scale(1)}54%{transform:scale(1.22)}60%{transform:scale(1)}66%{transform:scale(1.18)}72%{transform:scale(1)}to{transform:scale(1)}}
|
package/dist/style.scss
CHANGED
|
@@ -232,24 +232,35 @@
|
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
.ant-table-wrapper .ant-pagination {
|
|
235
|
-
|
|
235
|
+
gap: 8px;
|
|
236
|
+
|
|
237
|
+
.ant-pagination-prev,
|
|
238
|
+
.ant-pagination-next {
|
|
236
239
|
border: 1px solid var(--p-pagination-border-color, #bbbdbf);
|
|
240
|
+
}
|
|
241
|
+
.ant-pagination-total-text {
|
|
242
|
+
margin-inline-end: 0;
|
|
243
|
+
padding-inline-end: 8px;
|
|
244
|
+
}
|
|
245
|
+
.ant-pagination-item {
|
|
246
|
+
border: 1px solid var(--p-pagination-border-color, transparent);
|
|
237
247
|
&:not(.ant-pagination-item-active) {
|
|
238
248
|
background-color: var(--p-pagination-bg-color, #fff);
|
|
239
249
|
& > a {
|
|
240
250
|
color: var(--p-pagination-color, #323335);
|
|
241
251
|
}
|
|
242
252
|
&:hover {
|
|
243
|
-
background-color: var(--p-pagination-hover-bg-color, #
|
|
253
|
+
background-color: var(--p-pagination-hover-bg-color, #0000000f);
|
|
244
254
|
& > a {
|
|
245
|
-
color: var(--p-pagination-active-color, #
|
|
255
|
+
color: var(--p-pagination-active-color, #000000e0);
|
|
246
256
|
}
|
|
247
257
|
}
|
|
248
258
|
}
|
|
249
259
|
&.ant-pagination-item-active {
|
|
250
|
-
background-color: var(--p-pagination-active-bg-color, #
|
|
260
|
+
background-color: var(--p-pagination-active-bg-color, #fff);
|
|
261
|
+
border-color: var(--p-pagination-active-border-color, var(--p-primary-color, #4096ff));
|
|
251
262
|
& > a {
|
|
252
|
-
color: var(--p-pagination-active-color, #
|
|
263
|
+
color: var(--p-pagination-active-color, var(--p-primary-color, #4096ff));
|
|
253
264
|
}
|
|
254
265
|
}
|
|
255
266
|
}
|
package/package.json
CHANGED
|
@@ -158,12 +158,12 @@ export interface ColumnProps<D extends Recordable = Recordable>
|
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
export interface PButtonProps extends ButtonProps {
|
|
161
|
-
content?: string;
|
|
161
|
+
content?: string | (() => any);
|
|
162
162
|
icon?: string;
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
export interface ToolbarButtonProps extends PButtonProps {
|
|
166
|
-
code
|
|
166
|
+
code?: string;
|
|
167
167
|
dropdowns?: ToolbarButtonProps[];
|
|
168
168
|
}
|
|
169
169
|
export interface ToolbarToolProps extends PButtonProps {
|
|
@@ -482,6 +482,16 @@
|
|
|
482
482
|
}
|
|
483
483
|
resetQueryFormData(props.manualFetch);
|
|
484
484
|
});
|
|
485
|
+
const renderContent = (content: string | (() => any)) => {
|
|
486
|
+
if (isFunction(content)) {
|
|
487
|
+
return content();
|
|
488
|
+
} else {
|
|
489
|
+
return content;
|
|
490
|
+
}
|
|
491
|
+
};
|
|
492
|
+
const isStringContent = (content: any) => {
|
|
493
|
+
return isString(content);
|
|
494
|
+
};
|
|
485
495
|
const passFields = ['align'];
|
|
486
496
|
const passDefaultColumnProps = (columns: ColumnProps<D>[]) =>
|
|
487
497
|
columns.map((c) => ({
|
|
@@ -537,8 +547,11 @@
|
|
|
537
547
|
<a-dropdown v-if="btn.dropdowns && btn.dropdowns.length">
|
|
538
548
|
<template #overlay>
|
|
539
549
|
<a-menu @click="toolBtnMenuClick">
|
|
540
|
-
<a-menu-item v-for="sub in btn.dropdowns" :key="sub.code"
|
|
541
|
-
|
|
550
|
+
<a-menu-item v-for="sub in btn.dropdowns" :key="sub.code">
|
|
551
|
+
<template v-if="sub.content && isStringContent(renderContent(sub.content))">
|
|
552
|
+
{{ renderContent(sub.content) }}
|
|
553
|
+
</template>
|
|
554
|
+
<component v-else-if="sub.content" :is="renderContent(sub.content)" />
|
|
542
555
|
</a-menu-item>
|
|
543
556
|
</a-menu>
|
|
544
557
|
</template>
|
|
@@ -553,7 +566,10 @@
|
|
|
553
566
|
:block="btn.block"
|
|
554
567
|
>
|
|
555
568
|
<Icon v-if="btn.icon" :icon="btn.icon" />
|
|
556
|
-
|
|
569
|
+
<template v-if="btn.content && isStringContent(renderContent(btn.content))">
|
|
570
|
+
{{ renderContent(btn.content) }}
|
|
571
|
+
</template>
|
|
572
|
+
<component v-else-if="btn.content" :is="renderContent(btn.content)" />
|
|
557
573
|
<DownOutlined />
|
|
558
574
|
</a-button>
|
|
559
575
|
</a-dropdown>
|
|
@@ -570,7 +586,10 @@
|
|
|
570
586
|
@click="debounceToolBtnClick(btn.code)"
|
|
571
587
|
>
|
|
572
588
|
<Icon v-if="btn.icon" :icon="btn.icon" />
|
|
573
|
-
|
|
589
|
+
<template v-if="btn.content && isStringContent(renderContent(btn.content))">
|
|
590
|
+
{{ renderContent(btn.content) }}
|
|
591
|
+
</template>
|
|
592
|
+
<component v-else-if="btn.content" :is="renderContent(btn.content)" />
|
|
574
593
|
</a-button>
|
|
575
594
|
<div v-else></div>
|
|
576
595
|
</template>
|
|
@@ -592,7 +611,10 @@
|
|
|
592
611
|
:loading="loading.toolbar || (!!tool.code && codeLoadings[tool.code])"
|
|
593
612
|
>
|
|
594
613
|
<Icon v-if="tool.icon" :icon="tool.icon" />
|
|
595
|
-
|
|
614
|
+
<template v-if="tool.content && isStringContent(renderContent(tool.content))">
|
|
615
|
+
{{ renderContent(tool.content) }}
|
|
616
|
+
</template>
|
|
617
|
+
<component v-else-if="tool.content" :is="renderContent(tool.content)" />
|
|
596
618
|
</a-button>
|
|
597
619
|
</template>
|
|
598
620
|
</span>
|
|
@@ -232,24 +232,35 @@
|
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
.ant-table-wrapper .ant-pagination {
|
|
235
|
-
|
|
235
|
+
gap: 8px;
|
|
236
|
+
|
|
237
|
+
.ant-pagination-prev,
|
|
238
|
+
.ant-pagination-next {
|
|
236
239
|
border: 1px solid var(--p-pagination-border-color, #bbbdbf);
|
|
240
|
+
}
|
|
241
|
+
.ant-pagination-total-text {
|
|
242
|
+
margin-inline-end: 0;
|
|
243
|
+
padding-inline-end: 8px;
|
|
244
|
+
}
|
|
245
|
+
.ant-pagination-item {
|
|
246
|
+
border: 1px solid var(--p-pagination-border-color, transparent);
|
|
237
247
|
&:not(.ant-pagination-item-active) {
|
|
238
248
|
background-color: var(--p-pagination-bg-color, #fff);
|
|
239
249
|
& > a {
|
|
240
250
|
color: var(--p-pagination-color, #323335);
|
|
241
251
|
}
|
|
242
252
|
&:hover {
|
|
243
|
-
background-color: var(--p-pagination-hover-bg-color, #
|
|
253
|
+
background-color: var(--p-pagination-hover-bg-color, #0000000f);
|
|
244
254
|
& > a {
|
|
245
|
-
color: var(--p-pagination-active-color, #
|
|
255
|
+
color: var(--p-pagination-active-color, #000000e0);
|
|
246
256
|
}
|
|
247
257
|
}
|
|
248
258
|
}
|
|
249
259
|
&.ant-pagination-item-active {
|
|
250
|
-
background-color: var(--p-pagination-active-bg-color, #
|
|
260
|
+
background-color: var(--p-pagination-active-bg-color, #fff);
|
|
261
|
+
border-color: var(--p-pagination-active-border-color, var(--p-primary-color, #4096ff));
|
|
251
262
|
& > a {
|
|
252
|
-
color: var(--p-pagination-active-color, #
|
|
263
|
+
color: var(--p-pagination-active-color, var(--p-primary-color, #4096ff));
|
|
253
264
|
}
|
|
254
265
|
}
|
|
255
266
|
}
|