@vue-ui-kit/ant 2.1.8 → 2.1.9

package/dist/packages/components/CollapseCard.vue.d.ts

@@ -7,11 +7,7 @@ interface Props {
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        title: () => any;
-    }> & {
-        title: () => any;
-    };
+    slots: any;
     refs: {};
     rootEl: any;
 };

package/dist/packages/components/PCanvasGrid.vue.d.ts

@@ -670,7 +670,154 @@ declare const _default: <D extends Recordable = Recordable, F extends Recordable
         resizeTable: () => void;
     }>): void;
     attrs: any;
-    slots: {};
+    slots: Partial<Record<number, (_: {
+        cell: import('e-virt-table/dist/lib/Cell').default | import('e-virt-table/dist/lib/CellHeader').default;
+        formatter?: import('e-virt-table').FormatterMethod;
+        formatterFooter?: import('e-virt-table').FormatterMethod;
+        hoverIconName?: string;
+        operation: boolean;
+        align: import('e-virt-table').Align;
+        verticalAlign: import('e-virt-table').VerticalAlign;
+        fixed?: import('e-virt-table').Fixed;
+        type: import('e-virt-table').Type | "";
+        editorType: string;
+        editorProps: any;
+        cellType: import('e-virt-table').CellType;
+        level: number;
+        colspan: number;
+        rowspan: number;
+        mergeRow: boolean;
+        mergeCol: boolean;
+        relationRowKeys: string[];
+        relationColKeys: string[];
+        key: string;
+        column: import('e-virt-table').Column;
+        rowIndex: number;
+        colIndex: number;
+        rowKey: string;
+        row: any;
+        value: any;
+        render: import('e-virt-table').Render;
+        renderFooter: import('e-virt-table').Render;
+        style: any;
+        domDataset: any;
+        rules: import('e-virt-table/dist/lib/Validator').Rules | import('e-virt-table/dist/lib/Validator').Rule;
+        message: string;
+        text: string;
+        displayText: string;
+        visibleWidth: number;
+        visibleHeight: number;
+        isHasChanged: boolean;
+        drawX: number;
+        drawY: number;
+        drawCellBgColor: string;
+        drawCellSkyBgColor: string;
+        drawTextColor: string;
+        drawTextFont: string;
+        drawTextX: number;
+        drawTextY: number;
+        drawTextWidth: number;
+        drawTextHeight: number;
+        drawTreeImageX: number;
+        drawTreeImageY: number;
+        drawTreeImageWidth: number;
+        drawTreeImageHeight: number;
+        drawTreeImageName: string;
+        drawTreeImageSource?: HTMLImageElement;
+        drawSelectionImageX: number;
+        drawSelectionImageY: number;
+        drawSelectionImageWidth: number;
+        drawSelectionImageHeight: number;
+        drawSelectionImageName: string;
+        drawSelectionImageSource?: HTMLImageElement;
+        drawHoverImageX: number;
+        drawHoverImageY: number;
+        drawHoverImageWidth: number;
+        drawHoverImageHeight: number;
+        drawHoverImageName: string;
+        drawHoverImageSource?: HTMLImageElement;
+        autoRowHeight: boolean;
+        calculatedHeight: number;
+        ellipsis: boolean;
+        rowExpand: boolean;
+        rowHasChildren: boolean;
+        overflowTooltipShow: boolean;
+        selectorCellValueType: import('e-virt-table').SelectorCellValueType;
+        overflowTooltipMaxWidth: number;
+        overflowTooltipPlacement: import('e-virt-table').OverflowTooltipPlacement;
+        maxLineClamp: import('e-virt-table').LineClampType;
+        ctx: import('e-virt-table/dist/lib/Context').default;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | {
+        cell: import('e-virt-table/dist/lib/Cell').default | import('e-virt-table/dist/lib/CellHeader').default;
+        align: import('e-virt-table').Align;
+        hideHeaderSelection: boolean;
+        verticalAlign: import('e-virt-table').VerticalAlign;
+        fixed?: import('e-virt-table').Fixed;
+        minWidth?: number;
+        maxWidth?: number;
+        widthFillDisable: boolean;
+        type: import('e-virt-table').Type | "";
+        operation: boolean;
+        editorType: string;
+        level: number;
+        text: string;
+        hide: boolean;
+        displayText: string;
+        colspan: number;
+        rowspan: number;
+        row: any;
+        key: string;
+        required: boolean;
+        readonly: boolean;
+        ellipsis: boolean;
+        overflowTooltipShow: boolean;
+        children: import('e-virt-table').Column[];
+        column: import('e-virt-table').Column;
+        colIndex: number;
+        rowKey: string;
+        rules?: import('e-virt-table/dist/lib/Validator').Rules | import('e-virt-table/dist/lib/Validator').Rule;
+        hasChildren: boolean;
+        render: import('e-virt-table').Render;
+        style: Partial<CSSStyleDeclaration>;
+        drawX: number;
+        drawY: number;
+        sortIconName: string;
+        sortAscIconName: string;
+        sortDescIconName: string;
+        visibleWidth: number;
+        visibleHeight: number;
+        maxLineClampHeader: import('e-virt-table').LineClampType;
+        domDataset: any;
+        drawTextX: number;
+        drawTextY: number;
+        drawTextWidth: number;
+        drawTextHeight: number;
+        drawCellBgColor: string;
+        drawTextColor: string;
+        drawTextFont: string;
+        drawSelectionImageX: number;
+        drawSelectionImageY: number;
+        drawSelectionImageWidth: number;
+        drawSelectionImageHeight: number;
+        drawSelectionImageName: string;
+        drawSelectionImageSource?: HTMLImageElement;
+        drawSortImageX: number;
+        drawSortImageY: number;
+        drawSortImageWidth: number;
+        drawSortImageHeight: number;
+        drawSortImageName: string;
+        drawSortImageSource?: HTMLImageElement;
+        ctx: import('e-virt-table/dist/lib/Context').default;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        cellType: import('e-virt-table').CellType;
+    }) => any>>;
     emit: {
         (event: "toolbarButtonClick", data: {
             data: D[];

package/dist/packages/components/PFormGroup.vue.d.ts

@@ -19,8 +19,12 @@ declare const _default: <F extends Recordable = Recordable>(__VLS_props: NonNull
         validateFields: (__index: number, fields: string[], ignoreTabError?: boolean) => Promise<void>;
     }>): void;
     attrs: any;
-    slots: {
-        rightExtra?(_: {}): any;
+    slots: Readonly<{
+        [key: string]: any;
+        rightExtra?: () => any;
+    }> & {
+        [key: string]: any;
+        rightExtra?: () => any;
     };
     emit: (evt: "update:modelValue", value: Partial<F & {
         __index: number;

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--p-theme-bg: #fff;--collapsible-card-body-padding: 12px}.p-pane{background-color:var(--p-theme-bg);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)}.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:#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:#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 #fff;border-radius:.5em .5em 0 0;margin-bottom:-.5em}.p-wrapper .p-canvas-toolbar-wrapper{box-shadow:0 8px #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:#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-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-table-pagination.ant-pagination{margin:unset;padding:16px 0}.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:#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:#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:#4096ff!important}.p-error-hang-out .ant-form-item-explain-error{display:none}.no-error-border{border-color:#d9d9d9!important}.no-error-border:focus{border-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:#fff;border-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:#f0f0f0}.collapsible-card .ant-collapse-content .ant-collapse-content-box{padding:var(--collapsible-card-body-padding, 12px)}.collapsible-card .ant-collapse-item{border-color:#f0f0f0}.canvas-cell{display:flex;flex-direction:column;justify-content:center;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)}}
+@charset "UTF-8";:root{--p-theme-bg: #fff;--collapsible-card-body-padding: 12px}.p-pane{background-color:var(--p-theme-bg);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)}.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:#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:#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 #fff;border-radius:.5em .5em 0 0;margin-bottom:-.5em}.p-wrapper .p-canvas-toolbar-wrapper{box-shadow:0 8px #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:#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-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-table-pagination.ant-pagination{margin:unset;padding:16px 0}.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:#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:#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:#4096ff!important}.p-error-hang-out .ant-form-item-explain-error{display:none}.no-error-border{border-color:#d9d9d9!important}.no-error-border:focus{border-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:#fff;border-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:#f0f0f0}.collapsible-card .ant-collapse-content .ant-collapse-content-box{padding:var(--collapsible-card-body-padding, 12px)}.collapsible-card .ant-collapse-item{border-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

@@ -337,6 +337,7 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
+  align-items: start;
   padding: 0 8px;
 }
 /* #endregion */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-ui-kit/ant",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "Vue3 UI Kit based on Ant Design",
   "type": "module",
   "main": "./dist/cjs/index.js",

package/src/packages/components/CollapseCard.vue

@@ -14,9 +14,6 @@
     defaultCollapsed: false,
     collapsible: false,
   });
-  const slots = defineSlots<{
-    title: () => any;
-  }>();
   const activeKey = ref(props.defaultCollapsed ? [] : ['content']);
   defineExpose({
     collapse: () => {
@@ -31,16 +28,14 @@
 <template>
   <a-collapse v-if="collapsible" v-model:active-key="activeKey" class="collapsible-card">
     <a-collapse-panel key="content" force-render :header="title">
-      <template v-if="slots.title" #header>
-        <slot name="title" />
+      <template v-for="(_, name) in $slots" :key="name" #[name]>
+        <slot :name="name" />
       </template>
-      <slot />
     </a-collapse-panel>
   </a-collapse>
   <a-card v-else size="small" :title="title">
-    <template v-if="slots.title" #title>
-      <slot name="title" />
+    <template v-for="(_, name) in $slots" :key="name" #[name]>
+      <slot :name="name" />
     </template>
-    <slot />
   </a-card>
 </template>

package/src/packages/components/PCanvasGrid.vue

@@ -548,10 +548,14 @@
             ...propsWithDefaults.config,
             HEIGHT: renderHeight,
           }"
-          @selection-change="handleSelectionChange"
           :data="tableData"
           :loading="loading.table"
-        />
+          @selection-change="handleSelectionChange"
+        >
+          <template v-for="(_, name) in $slots" #[name]="slotProps">
+            <slot :name="name" v-bind="slotProps"></slot>
+          </template>
+        </p-canvas-table>
         <a-pagination
           class="p-canvas-pagination"
           v-if="mode === 'pagination'"

package/src/packages/components/PFormGroup.vue

@@ -232,6 +232,19 @@
       }
     },
   });
+  const slots = defineSlots<{
+    rightExtra?: () => any;
+    [key: string]: any;
+  }>();
+  // 计算需要传递给 collapse-card 的插槽映射
+  const groupSlots = computed(() => {
+    return Object.keys(slots)
+      .filter((name) => name.startsWith('group-'))
+      .map((name) => ({
+        original: name,
+        target: name.replace('group-', ''),
+      }));
+  });
 </script>
 <template>
   <collapse-card
@@ -241,6 +254,9 @@
     :collapsible="collapsible"
     :default-collapsed="defaultCollapsed"
   >
+    <template v-for="item in groupSlots" :key="item.original" #[item.target]>
+      <slot :name="item.original" />
+    </template>
     <a-spin v-if="loading" class="w-full" />
     <a-tabs
       v-else

package/src/packages/styles/index.scss

@@ -332,6 +332,7 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
+  align-items: start;
   padding: 0 8px;
 }
 /* #endregion */