@aspire-ui/element-component-pro 1.0.1 → 1.0.2

package/dist/style.css

@@ -1 +1 @@
-.ecp-pro-form-item__help-icon[data-v-cfc968c5]{margin-left:4px;color:#909399;cursor:help;font-size:14px}.ecp-pro-form-item__help-icon[data-v-cfc968c5]:hover{color:#409eff}.ecp-pro-form-item__help-item[data-v-cfc968c5]{margin-bottom:4px}.ecp-pro-form-item__help-item[data-v-cfc968c5]:last-child{margin-bottom:0}.ecp-form-actions[data-v-489c88d2]{text-align:right}.ecp-form-actions__advance[data-v-489c88d2]{margin-right:8px}.el-icon-d-arrow-left.up[data-v-489c88d2]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-489c88d2]{transform:rotate(-90deg)}.ecp-pro-form[data-v-af9453ad]{padding:16px;position:relative}.ecp-pro-form__advance[data-v-af9453ad]{margin-bottom:16px}.ecp-pro-form_col[data-v-af9453ad]{position:relative;float:right}.el-icon-d-arrow-left.up[data-v-af9453ad]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-af9453ad]{transform:rotate(-90deg)}.ecp-form-actions__advance[data-v-af9453ad]{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}
+.ecp-pro-table[data-v-c5638c20]{padding:16px;background:#fff;width:100%;box-sizing:border-box}.ecp-pro-table[data-v-c5638c20] .el-table{width:100%!important}.ecp-pro-table__header[data-v-c5638c20]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ecp-pro-table__title-wrapper[data-v-c5638c20]{display:flex;align-items:center;gap:4px}.ecp-pro-table__title[data-v-c5638c20]{font-size:16px;font-weight:600}.ecp-pro-table__help[data-v-c5638c20]{color:#909399;cursor:help}.ecp-pro-table__toolbar[data-v-c5638c20]{display:flex;align-items:center;gap:8px}.ecp-pro-table__body[data-v-c5638c20]{width:100%}.ecp-pro-table__pagination[data-v-c5638c20]{margin-top:16px;display:flex;justify-content:flex-end}.ecp-pro-table__col-help[data-v-c5638c20]{margin-left:4px;color:#909399;cursor:help}.ecp-table-action[data-v-1b2d6c42],.ecp-table-action__item[data-v-1b2d6c42]{display:inline-flex;align-items:center;gap:4px}.ecp-table-action__icon[data-v-1b2d6c42]{margin-right:4px}.ecp-table-action__more[data-v-1b2d6c42]{display:inline-flex;align-items:center}.ecp-table-action__dropdown-item[data-v-1b2d6c42]{display:inline-flex;align-items:center;gap:4px}.ecp-pro-form-item__help-icon[data-v-cfc968c5]{margin-left:4px;color:#909399;cursor:help;font-size:14px}.ecp-pro-form-item__help-icon[data-v-cfc968c5]:hover{color:#409eff}.ecp-pro-form-item__help-item[data-v-cfc968c5]{margin-bottom:4px}.ecp-pro-form-item__help-item[data-v-cfc968c5]:last-child{margin-bottom:0}.ecp-form-actions[data-v-489c88d2]{text-align:right}.ecp-form-actions__advance[data-v-489c88d2]{margin-right:8px}.el-icon-d-arrow-left.up[data-v-489c88d2]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-489c88d2]{transform:rotate(-90deg)}.ecp-pro-form[data-v-140fc052]{padding:16px;position:relative}.ecp-pro-form__advance[data-v-140fc052]{margin-bottom:16px}.ecp-pro-form_col[data-v-140fc052]{position:relative;float:right}.el-icon-d-arrow-left.up[data-v-140fc052]{transform:rotate(90deg)}.el-icon-d-arrow-left.down[data-v-140fc052]{transform:rotate(-90deg)}.ecp-form-actions__advance[data-v-140fc052]{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%)}

package/dist/types/index.d.ts

@@ -1,54 +1,5 @@
 import { VNode } from 'vue';
 
-/** ProTable 列配置 */
-export interface ProColumn {
-    /** 列标题 */
-    title: string;
-    /** 数据字段名 */
-    dataIndex: string;
-    /** 列宽度 */
-    width?: number | string;
-    /** 最小宽度 */
-    minWidth?: number | string;
-    /** 固定列 */
-    fixed?: 'left' | 'right';
-    /** 是否可排序 */
-    sortable?: boolean;
-    /** 对齐方式 */
-    align?: 'left' | 'center' | 'right';
-    /** 是否可调整宽度 */
-    resizable?: boolean;
-    /** 是否隐藏 */
-    hideInTable?: boolean;
-    /** 值类型 */
-    valueType?: 'text' | 'date' | 'dateTime' | 'option' | 'select' | 'index';
-    /** 枚举值映射 */
-    valueEnum?: Record<string | number, {
-        text: string;
-        status?: string;
-    }>;
-    /** 自定义渲染 */
-    customRender?: (params: {
-        text: unknown;
-        record: Record<string, unknown>;
-        index: number;
-    }) => VNode | string;
-    /** 表单项配置（用于搜索） */
-    fieldProps?: Record<string, unknown>;
-    /** 表单项占位符 */
-    placeholder?: string;
-}
-/** ProTable 工具栏配置 */
-export interface ProTableToolBarConfig {
-    /** 是否显示刷新按钮 */
-    reload?: boolean;
-    /** 是否显示密度切换 */
-    density?: boolean;
-    /** 是否显示列设置 */
-    columnSetting?: boolean;
-    /** 是否显示全屏 */
-    fullScreen?: boolean;
-}
 /** 栅格配置 */
 export interface ColEx {
     span?: number;

package/dist/useComponentSetting.d.ts

@@ -0,0 +1,12 @@
+export interface UseComponentSettingReturn {
+    /** 获取组件默认配置；不传参时返回全部组件的配置 */
+    getSetting: (componentName?: string) => Record<string, unknown>;
+    /** 设置组件默认配置（与已有配置浅合并） */
+    setSetting: (componentName: string, config: Record<string, unknown>) => void;
+}
+/**
+ * 组件默认配置：供所有组件统一获取/设置默认配置
+ * - getSetting：获取组件默认配置，用于初始化或合并 props
+ * - setSetting：设置组件默认配置，可在应用入口或按需调用
+ */
+export declare function useComponentSetting(): UseComponentSettingReturn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aspire-ui/element-component-pro",
-  "version": "1.0.01",
+  "version": "1.0.02",
   "description": "Element UI 二次封装组件库，基于 Vue 2.7 + TypeScript + setup 语法糖，实现 VbenAdmin 风格的 Pro 组件",
   "type": "module",
   "main": "./dist/element-component-pro.umd.js",
@@ -21,20 +21,22 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test:loading": "node scripts/test-loading.cjs"
   },
   "peerDependencies": {
-    "vue": "^2.7.0",
-    "element-ui": "^2.15.0"
+    "element-ui": "^2.15.0",
+    "vue": "^2.7.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue2": "^2.3.1",
-    "vue-router": "^3.6.5",
     "element-ui": "^2.15.14",
+    "playwright": "^1.40.0",
     "typescript": "^5.3.0",
     "vite": "^4.5.0",
     "vite-plugin-dts": "^3.7.0",
     "vue": "^2.7.16",
+    "vue-router": "^3.6.5",
     "vue-tsc": "^1.8.27"
   },
   "keywords": [

package/src/ProForm/ProForm.vue

@@ -56,6 +56,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, useSlots, onMounted, onUnmounted } from 'vue'
+import { useComponentSetting } from '../useComponentSetting'
 import ProFormItem from './ProFormItem.vue'
 import FormActions from './FormActions.vue'
 import type { ProFormSchema, ProFormProps, FormActionType, ColEx, ScrollToFieldOptions, FormListeners } from '../types'
@@ -142,7 +143,8 @@ const getEffectiveSpan = (colProps?: ColEx | null, baseColProps?: ColEx | null,
   return col.xs ?? base.xs ?? col.span ?? fallback
 }
 
-const effectiveProps = computed(() => ({ ...props, ...innerProps.value }))
+const { getSetting: getComponentSetting } = useComponentSetting()
+const effectiveProps = computed(() => ({ ...getComponentSetting('ProForm'), ...props, ...innerProps.value }))
 const effectiveActionColOptions = computed(() => effectiveProps.value.actionColOptions ?? { span: 24 })
 
 /** 当前视口宽度，用于响应式计算 span */

package/src/ProForm/useForm.ts

@@ -35,7 +35,6 @@ export function useForm(props?: UseFormPropsReactive): [UseFormReturn['register'
   const register = (action: FormActionType) => {
     formAction.value = action
     const formProps = getFormProps()
-    debugger
     if (formProps && Object.keys(formProps).length > 0) {
       action.setProps(formProps)
     }