@qin-ui/antd-vue-pro 2.1.4 → 2.1.6

package/es/antd-vue-pro.css

@@ -1,13 +1,13 @@
-.pro-table_search-form[data-v-41da0f82] .ant-form-item {
+.pro-table_search-form[data-v-fffc2a28] [class*='-form-item'] {
   margin: 0;
 }
-.pro-table_search-form_expand-toggle-button[data-v-41da0f82] {
+.pro-table_search-form_expand-toggle-button[data-v-fffc2a28] {
   display: flex;
   align-items: center;
   padding: 0;
   padding-left: 4px;
 }
-.pro-table_search-form .transition[data-v-41da0f82] {
+.pro-table_search-form .transition[data-v-fffc2a28] {
   transition: all 0.25s;
 }
 .pro-table_search-form-container[data-v-c385cd54] {
@@ -36,23 +36,23 @@
 .pro-table_column-control_button[data-v-d503f78a] svg {
   transform: scale(1.2, 1.4);
 }
-.pro-table_header[data-v-291baca6] {
+.pro-table_header[data-v-0e17ddec] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-.pro-table_header[data-v-291baca6]:empty {
+.pro-table_header[data-v-0e17ddec]:empty {
   display: none;
 }
-.pro-table_header + .pro-table_header_content[data-v-291baca6] {
+.pro-table_header + .pro-table_header_content[data-v-0e17ddec] {
   margin-top: 16px;
 }
-.pro-table_header_button-bar[data-v-291baca6] {
+.pro-table_header_button-bar[data-v-0e17ddec] {
   flex: 1;
 }
-.pro-table_header_toolbar[data-v-291baca6] {
+.pro-table_header_toolbar[data-v-0e17ddec] {
   margin-left: 12px;
 }
-.pro-table[data-v-291baca6] .ant-pagination .ant-pagination-total-text {
+.pro-table[data-v-0e17ddec] [class*='-pagination'] [class*='-pagination-total-text'] {
   flex: 1;
 }

package/es/component-provider/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, provide, renderSlot } from "vue";
 import { g as getObject } from "../core/index-BrBzu6aj.js";
-const getPopupContainer = (triggerNode) => triggerNode.closest(".ant-form");
+const getPopupContainer = (triggerNode) => triggerNode.closest("form[class*='-form']");
 const INJECT_COMPONENTS = Symbol("INJECT_COMPONENTS");
 const INJECT_CONFIG = {
   "pro-table": {

package/es/form/index.js

@@ -111,7 +111,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const componentProps = { slots: {} };
       const formItemSlots = {};
       if (isPlainObject(props.field)) {
-        const { path, name, fields, formItemClass, formItemStyle, hidden, span, getFormItemRef, getComponentRef, getFormItemComputedProps, getComponentComputedProps, slots = {}, formItemDataAttrs = {}, componentDataAttrs = {}, ...rest } = props.field;
+        const { path, name, fields, formItemClass, formItemStyle, hidden, span, getFormItemRef, getComponentRef, getFormItemComputedProps, getComponentComputedProps, slots = {}, formItemDataAttrs = {}, componentDataAttrs = {}, extraProps, ...rest } = props.field;
         const {
           class: injectClassName,
           style: injectStyle,

package/es/index.d.ts

@@ -210,7 +210,11 @@ export declare interface Base<D extends Data = Data> {
      * @example { 'data-test': 'input-value', 'aria-label': 'name' }
      */
     componentDataAttrs?: Record<string, string>;
-    [x: string]: any;
+    /**
+     * @description 额外的自定义属性，不会被当作组件参数，仅用做给字段添加标识属性等功能
+     * @example { group: 'group-1' }
+     */
+    extraProps?: Record<string, any>;
 }
 
 declare interface BaseColumn<D extends Data = Data> {
@@ -461,6 +465,7 @@ export declare type Fields<D extends Data = Data> = Array<Field<ComponentName, D
 export declare type FieldTypeMap<D extends Data = Data> = {
     [K in ComponentName]: K extends 'custom' ? WithCommon<{
         slots?: Slots;
+        [x: string]: any;
     }, D> & {
         component?: RenderComponentType | Raw<RenderComponentType>;
     } : WithComponent<GetComponentType<K>, D> & {

package/es/table/index.js

@@ -68,7 +68,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       expandStatus.value = false;
       if (formRef.value && __props.expand) {
         const formEl = formRef.value.$el;
-        const formItemsEl = formEl.querySelectorAll(".ant-form-item>[path]");
+        const formItemsEl = formEl.querySelectorAll(
+          "[class*='-form-item'] > [path]"
+        );
         const observer = new IntersectionObserver(
           (entries) => {
             expandStatus.value = entries.some((e) => {
@@ -102,7 +104,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         const proFormEl = (_a = formRef.value) == null ? void 0 : _a.$el;
         const { height = 0 } = ((_b = proFormEl == null ? void 0 : proFormEl.getBoundingClientRect) == null ? void 0 : _b.call(proFormEl)) || {};
         proFormHeight.value = height;
-        rowHeight = (_e = (_d = (_c = proFormEl == null ? void 0 : proFormEl.querySelector(".ant-form-item")) == null ? void 0 : _c.getBoundingClientRect) == null ? void 0 : _d.call(_c)) == null ? void 0 : _e.height;
+        rowHeight = (_e = (_d = (_c = proFormEl == null ? void 0 : proFormEl.querySelector("[class*='-form-item']")) == null ? void 0 : _c.getBoundingClientRect) == null ? void 0 : _d.call(_c)) == null ? void 0 : _e.height;
       },
       { flush: "post", immediate: true }
     );
@@ -223,7 +225,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-41da0f82"]]);
+const SearchForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-fffc2a28"]]);
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "DefaultSearchFormContainer",
   setup(__props) {
@@ -688,7 +690,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-291baca6"]]);
+const BaseTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e17ddec"]]);
 const useTable = useTable$1;
 export {
   BaseTable as default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qin-ui/antd-vue-pro",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "二次封装antd vue组件",
   "type": "module",
   "module": "es/index.js",