@aspire-ui/element-component-pro 1.0.12 → 1.0.14

package/README.md

@@ -13,6 +13,7 @@
 | 组件 | 说明 |
 |------|------|
 | ProTable | 增强表格，集成搜索、工具栏、分页 |
+| ProTableForm | 对比表表单：固定行 + 友商动态行，指标列可千分位 |
 | ProForm | Schema 驱动的表单，支持栅格布局 |
 | FormattedNumberInput | 千分位数字输入（`component: 'formatted-number'` 所用组件，可单独按需引入） |
 | ProCard | 卡片容器 |

package/dist/ProTable/ProTable.vue.d.ts

@@ -150,6 +150,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
         pageSize?: number;
         pageSizes?: number[];
         layout?: string;
+        small?: boolean;
+        background?: boolean;
         props?: Record<string, unknown>;
     } | Record<string, unknown>;
     tableSetting?: {
@@ -305,6 +307,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
         pageSize?: number;
         pageSizes?: number[];
         layout?: string;
+        small?: boolean;
+        background?: boolean;
         props?: Record<string, unknown>;
     } | Record<string, unknown>;
     tableSetting?: {
@@ -385,15 +389,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
         pageSize?: number;
         pageSizes?: number[];
         layout?: string;
+        small?: boolean;
+        background?: boolean;
         props?: Record<string, unknown>;
     } | Record<string, unknown>;
+    fetchSetting: FetchSetting;
     tableSetting: {
         redo?: boolean;
         size?: boolean;
         setting?: boolean;
         fullScreen?: boolean;
     };
-    fetchSetting: FetchSetting;
 }>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/ProTable/types/index.d.ts

@@ -88,6 +88,7 @@ export interface TreeProps {
 }
 /** ProTable Props */
 export interface ProTableProps {
+    [key: string]: unknown;
     columns?: ProColumn[];
     dataSource?: Record<string, unknown>[];
     api?: (params: Record<string, unknown>) => Promise<unknown>;

package/dist/ProTableForm/ProTableForm.vue.d.ts

@@ -0,0 +1,164 @@
+import { ProTableFormActionColumn, ProTableFormColumn, ProTableFormFixedRow } from './types';
+
+/**
+ * Vue 2 默认 v-model 绑定 value + input；本组件使用 modelValue（与 Vue 3 一致），需显式声明 model。
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: Record<string, unknown>;
+    columns: ProTableFormColumn[];
+    fixedRows: ProTableFormFixedRow[];
+    competitorsKey?: string;
+    competitorNameKey?: string;
+    firstColumnTitle?: string;
+    competitorNamePlaceholder?: string;
+    metricPlaceholder?: string;
+    addCompetitorText?: string;
+    minCompetitors?: number;
+    rules?: Record<string, unknown>;
+    labelWidth?: string;
+    bordered?: boolean;
+    firstColMinWidth?: number;
+    actionWidth?: number;
+    showFirstColumn?: boolean;
+    showActionColumn?: boolean;
+    actionColumn?: ProTableFormActionColumn;
+}>, {
+    modelValue: () => {};
+    competitorsKey: string;
+    competitorNameKey: string;
+    firstColumnTitle: string;
+    competitorNamePlaceholder: string;
+    metricPlaceholder: string;
+    addCompetitorText: string;
+    minCompetitors: number;
+    labelWidth: string;
+    bordered: boolean;
+    firstColMinWidth: number;
+    actionWidth: number;
+    showFirstColumn: boolean;
+    showActionColumn: boolean;
+}>, {
+    validate: () => Promise<boolean>;
+    clearValidate: (propsArg?: string | string[]) => void;
+    addCompetitor: () => void;
+    removeCompetitor: (index: number) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (v: Record<string, unknown>) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: Record<string, unknown>;
+    columns: ProTableFormColumn[];
+    fixedRows: ProTableFormFixedRow[];
+    competitorsKey?: string;
+    competitorNameKey?: string;
+    firstColumnTitle?: string;
+    competitorNamePlaceholder?: string;
+    metricPlaceholder?: string;
+    addCompetitorText?: string;
+    minCompetitors?: number;
+    rules?: Record<string, unknown>;
+    labelWidth?: string;
+    bordered?: boolean;
+    firstColMinWidth?: number;
+    actionWidth?: number;
+    showFirstColumn?: boolean;
+    showActionColumn?: boolean;
+    actionColumn?: ProTableFormActionColumn;
+}>, {
+    modelValue: () => {};
+    competitorsKey: string;
+    competitorNameKey: string;
+    firstColumnTitle: string;
+    competitorNamePlaceholder: string;
+    metricPlaceholder: string;
+    addCompetitorText: string;
+    minCompetitors: number;
+    labelWidth: string;
+    bordered: boolean;
+    firstColMinWidth: number;
+    actionWidth: number;
+    showFirstColumn: boolean;
+    showActionColumn: boolean;
+}>>>, {
+    bordered: boolean;
+    modelValue: Record<string, unknown>;
+    labelWidth: string;
+    competitorsKey: string;
+    competitorNameKey: string;
+    firstColumnTitle: string;
+    competitorNamePlaceholder: string;
+    metricPlaceholder: string;
+    addCompetitorText: string;
+    minCompetitors: number;
+    firstColMinWidth: number;
+    actionWidth: number;
+    showFirstColumn: boolean;
+    showActionColumn: boolean;
+}>, Partial<Record<string, (_: {
+    column: ProTableFormColumn;
+}) => any>> & Partial<Record<string, (_: {
+    column: ProTableFormColumn;
+    row: any;
+    value: unknown;
+    updateValue: (v: unknown) => void;
+}) => any>> & Partial<Record<string, (_: {
+    column: ProTableFormColumn;
+    row: any;
+    value: unknown;
+    updateValue: (v: unknown) => void;
+}) => any>> & {
+    firstColumnHeader?(_: {}): any;
+    firstColumn?(_: {
+        row: {
+            _type: "fixed";
+            rowKey: string;
+            rowLabel: string;
+        };
+        rowType: "fixed";
+        rowKey: string;
+        rowLabel: string;
+        rowIndex?: undefined;
+        value?: undefined;
+        updateValue?: undefined;
+    } | {
+        row: {
+            _type: "competitor";
+            _index: number;
+        };
+        rowType: "competitor";
+        rowIndex: number;
+        value: string;
+        updateValue: (v: string) => void;
+        rowKey?: undefined;
+        rowLabel?: undefined;
+    }): any;
+    actionHeader?(_: {}): any;
+    action?(_: {
+        row: any;
+        canDelete: boolean;
+        addCompetitor: () => void;
+        removeCompetitor: (index: number) => void;
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/dist/ProTableForm/index.d.ts

@@ -0,0 +1,5 @@
+import { default as ProTableForm } from './ProTableForm.vue';
+
+export { ProTableForm };
+export type { ProTableFormColumn, ProTableFormFixedRow, ProTableFormProps, ProTableFormActionColumn, } from './types';
+export default ProTableForm;

package/dist/ProTableForm/types.d.ts

@@ -0,0 +1,69 @@
+/** 指标列（或含友商名称等任意 key） */
+export interface ProTableFormColumn {
+    /** 对应 model 中对象字段名 */
+    key: string;
+    title: string;
+    required?: boolean;
+    /**
+     * 单元格渲染方式：
+     * - input / formatted-number：内置
+     * - slot：使用具名插槽 `cell-{slotName}` 完全自定义
+     */
+    component?: 'input' | 'formatted-number' | 'slot';
+    /**
+     * component 为 slot 时必填，对应插槽名为 `cell-{slotName}`（如 slotName: 'score' → #cell-score）
+     */
+    slotName?: string;
+    placeholder?: string;
+    width?: number;
+    minWidth?: number;
+    /**
+     * 透传给单元格组件。`component === 'formatted-number'` 时在此传入
+     * `integerDigits`、`decimalPlaces`、`rounding`、`inputLimit` 等（与 FormattedNumberInput / ProForm 一致）。
+     */
+    componentProps?: Record<string, unknown>;
+    /** 覆盖该列默认必填规则（与 Element 表单 rules 一致） */
+    rules?: unknown[];
+}
+/** 固定行（首列为文案，不可删） */
+export interface ProTableFormFixedRow {
+    rowKey: string;
+    label: string;
+}
+/** 操作列配置（showActionColumn 为 true 时生效） */
+export interface ProTableFormActionColumn {
+    width?: number;
+    minWidth?: number;
+    align?: 'left' | 'center' | 'right';
+    fixed?: boolean | 'left' | 'right';
+    /** 表头文案，使用默认「新增」按钮时显示在按钮左侧，可留空 */
+    title?: string;
+}
+export interface ProTableFormProps {
+    modelValue?: Record<string, unknown>;
+    columns: ProTableFormColumn[];
+    fixedRows: ProTableFormFixedRow[];
+    competitorsKey?: string;
+    /** 友商行「名称」字段，默认 name */
+    competitorNameKey?: string;
+    firstColumnTitle?: string;
+    competitorNamePlaceholder?: string;
+    metricPlaceholder?: string;
+    addCompetitorText?: string;
+    minCompetitors?: number;
+    rules?: Record<string, unknown>;
+    labelWidth?: string;
+    bordered?: boolean;
+    firstColMinWidth?: number;
+    /**
+     * 是否展示首列（维度/友商）。存在 fixedRows 时强制为 true。
+     * 无固定行且为 false 时隐藏首列，需在 columns 中自行配置名称等字段。
+     */
+    showFirstColumn?: boolean;
+    /** 是否展示操作列，默认 true */
+    showActionColumn?: boolean;
+    /** 操作列宽度（showActionColumn 时） */
+    actionWidth?: number;
+    /** 操作列详细配置 */
+    actionColumn?: ProTableFormActionColumn;
+}