ra-element 0.0.16 → 0.0.53

package/README.md

@@ -10,14 +10,14 @@
 pnpm 
 
 ## 发布流程
-1、npm config set registry https://registry.npmjs.org      （修改为发版包地址）
-2、npm login
-3、更新package.json中的版本号
-4、npm publish
-5、npm config set registry http://registry.npmmirror.com/   (还原下载包地址)
-
-(发布后，引用项目使用镜像源安装不一定能立即下载到，就是官网下载可能都需要等一会才会有新版本)
-
+1、npm run build    (插件内会自动更新小版本，如果要更新大版本需要手动修改)  
+2、npm config set registry https://registry.npmjs.org      （修改为发版包地址）  
+3、npm login  
+4、npm publish  
+5、npm config set registry http://registry.npmmirror.com/   (还原下载包地址)  
+  
+(发布后，引用项目使用镜像源安装不一定能立即下载到，就是官网下载可能都需要等一会才会有新版本)  
+  
 ## 组件功能
 基于el-element-plus封装的适用如安的样式组件
 1、保留了原有组件功能

package/docs/ra-auto-scroll.md

@@ -0,0 +1,13 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| showItems | Number | 显示的项目数量 | 5 |  |
+| speed | Number | 滚动速度 (px/s) | 50 |  |
+| direction | String | 滚动方向 | 'left' |  |
+| pauseOnHover | Boolean | 悬停时是否暂停 | true |  |
+| disabled | Boolean | 是否禁用滚动 | false |  |
+| itemWidth | Number | 项目宽度（包括margin），如果提供则不自动计算，0表示自动计算项目宽度 | 0 |  |
+| itemGap | Number | 元素间距 | 15 |  |

package/docs/ra-button.md

@@ -7,3 +7,4 @@
 | name | type | desc | default | required |
 | ---- | ---- | ---- | ------- | -------- |
 | click | Function | 新增props属性click：可将方法变为同步，是点击后click方法执行完毕才可再次点击 | undefined |  |
+| cssStyle | String | 样式属性，1为通用版基础默认样式 | '' |  |

package/docs/ra-checkbox-group.md

@@ -0,0 +1,8 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| options | Array as PropType<SelectOptions[]> | 每项独立配置 label,value | [] |  |
+| isButton | Boolean | 是否是el-checkbox-button | false |  |

package/docs/ra-dialog-select.md

@@ -0,0 +1,5 @@
+## slots
+
+## props
+
+## events

package/docs/ra-dialog.md

@@ -7,3 +7,4 @@
 | appendToBody | Boolean | 设置原生appendToBody默认设置为ture | true |  |
 | draggable | Boolean | 设置原生draggable默认设置为ture | true |  |
 | destroyOnClose | Boolean | 设置原生destroyOnClose默认设置为ture(vue2 element这个参数是无效的，vue3 element plus待验证) | true |  |
+| cssStyle | String | 样式属性，1为通用版基础默认样式，如果是传空走默认样式 | '1' |  |

package/docs/ra-form-item.md

@@ -0,0 +1,5 @@
+## slots
+
+## props
+
+## events

package/docs/ra-form.md

@@ -0,0 +1,13 @@
+## slots
+
+## events
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| options | Array | 表单每项独立配置 | [] |  |
+| cssStyle | String | 样式属性，1为通用版基础默认样式，如果是传空走默认样式 | '1' |  |
+| inline | [Boolean, Number] as PropType<boolean \| number> | 同原el-form,增加可传数字类型，代表一行几个 | false |  |
+| modelValue | Object | v-model绑定，如果不使用，options必须配置，最后通过ref的getFormData获取form数据 |  |  |
+| itemMarginRight | Number | inline时候的每个item的margin-right距离，默认20 | 20 |  |

package/docs/ra-help-tip.md

@@ -0,0 +1,3 @@
+## slots
+
+## props

package/docs/ra-input.md

@@ -0,0 +1 @@
+## slots

package/docs/ra-pagination.md

@@ -0,0 +1,11 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| baseStyle | String | 通用版基础样式：1为通用版基础样式 | '1' |  |
+| currentPage | Number | 当前页数（支持双向绑定） | 1 |  |
+| pageSize | Number | 每页数量（支持双向绑定） | 10 |  |
+
+## events

package/docs/ra-radio-group.md

@@ -0,0 +1,8 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| options | Array as PropType<SelectOptions[]> | 每项独立配置 label,value | [] |  |
+| isButton | Boolean | 是否是el-radio-button | false |  |

package/docs/ra-select.md

@@ -0,0 +1,10 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| options | Array as PropType<SelectOptions[]> | 每项独立配置 label,value | [] |  |
+| collapseTags | Boolean | 原属性，默认设置true | true |  |
+| clearable | Boolean | 原属性，默认设置true | true |  |
+| multiple | Boolean | 原属性，默认设置true | false |  |

package/docs/ra-svg.md

@@ -0,0 +1,3 @@
+## slots
+
+## props

package/docs/ra-table.md

@@ -0,0 +1,28 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| loading | Boolean | table的loading状态 | false |  |
+| data | Array | 表格数据，同原组件 | [] |  |
+| cssStyle | String | 样式属性，1为通用版基础默认样式，如果是传空走默认样式 | '1' |  |
+| border | Boolean | 表格边框：若cssStyle为1，则默认为false | undefined |  |
+| stripe | Boolean | 表格斑马线：若cssStyle为1，则默认为true | undefined |  |
+| paginationType | String | 分页类型，如果为manually，则使用手动分页，data传入所有数据即可，如果为axios使用后端分页使用axios请求数据 | '' |  |
+| layout | String | 分页layout布局，默认为total, prev, pager, next | 'total, prev, pager, next, sizes, jumper' |  |
+| enableSelection | Boolean | 启用选择功能 | false |  |
+| enableHeaderTitle | String | 启用表格头部相关功能-标题 | '' |  |
+| enableFilterColumn | Boolean | 是否开启显示列功能 | false |  |
+| defaultColumnKeys | Array | 默认显示列(enableFilterColumn需要设置为true) |  |  |
+| hasTableTopModule | Boolean | 是否包含右侧功能模块，筛选列，以及导出 | false |  |
+| hasFilterColumn | Boolean | 是否包含右侧功能模块，筛选列 | false |  |
+| tableExportButton | [String, Boolean, Number] | 是否包含右侧功能模块，导出(字符串可以设定按钮type，布尔直接启用/禁用,数字可以限制多少条以内可以导出) | '' |  |
+| tableExportText | String | 导出按钮文字 | '导出清单' |  |
+| localExportName | String | 导出文件名称 | '' |  |
+| hasIndex | Boolean | 序号 | false |  |
+| hasIndexFixed | Boolean | 序号固定 | false |  |
+| paginationButtonNumber | Number | 最大页码按钮数量 | 7 |  |
+| smallPagination | Boolean | 是否开启小分页 | false |  |
+
+## events

package/docs/ra-textarea.md

@@ -0,0 +1,9 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| rows | Number | 默认行数 | 3 |  |
+| showWordLimit | Boolean | 限制字数，需要配合maxlength使用 | true |  |
+| maxlength | String | 限制字数最大值 | '300' |  |

package/docs/ra-tooltip.md

@@ -0,0 +1,3 @@
+## slots
+
+## props

package/docs/ra-tree-select.md

@@ -0,0 +1,9 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| options | Array as PropType<TreeSelectOptions[]> | 每项独立配置 label,value | [] |  |
+| collapseTags | Boolean | 原属性，默认设置true | true |  |
+| clearable | Boolean | 原属性，默认设置true | true |  |

package/docs/ra-upload.md

@@ -0,0 +1,31 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| action | String | 上传地址 | '' |  |
+| fileList | Array as PropType<UploadUserFile[]> | 默认文件列表 | [] |  |
+| limit | Number | 最大上传数量 | 5 |  |
+| multiple | Boolean | 是否支持多选 | false |  |
+| disabled | Boolean | 是否禁用 | false |  |
+| accept | String | 接受的文件类型 | '.jpg,.png,.doc,.docx,.xlsx' |  |
+| drag | Boolean | 是否启用拖拽上传 | false |  |
+| listType | String as PropType<'text' \| 'picture' | 'picture-card'> | 文件列表类型 | 'text' |  |
+| buttonText | String | 按钮文本 | '点击上传' |  |
+| dragText | String | 拖拽区域文本 | '点击或拖拽文件到这里上传' |  |
+| tipText | String | 提示文本 | '' |  |
+| autoUpload | Boolean | 是否自动上传 | true |  |
+| showFileList | Boolean | 是否显示文件列表 | true |  |
+| maxSize | Number | 最大文件大小(MB) | 10 |  |
+
+## events
+
+| name | desc |
+| ---- | ---- |
+| update:fileList | fileList双向绑定 |
+| success | 上传成功事件 |
+| error | 上传失败事件 |
+| change | 文件改变事件 |
+| remove | 文件移除事件 |
+| exceed | 文件超出限制事件 |

package/lib/ra-button/index.vue.d.ts

@@ -6,7 +6,7 @@ declare function __VLS_template(): {
         icon?(_: {}): any;
     };
     refs: {
-        buttonRef: unknown;
+        componentRef: unknown;
     };
     rootEl: any;
 };
@@ -16,6 +16,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: FunctionConstructor;
         default: undefined;
     };
+    cssStyle: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     component: import('vue').Ref<({
         $: import('vue').ComponentInternalInstance;
@@ -597,12 +601,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: FunctionConstructor;
         default: undefined;
     };
+    cssStyle: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     click: Function;
+    cssStyle: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    buttonRef: unknown;
+    componentRef: unknown;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/ra-date-picker/index.vue.d.ts

@@ -9,12 +9,16 @@ declare function __VLS_template(): {
         'next-year'?(_: {}): any;
     };
     refs: {
-        datePickerRef: unknown;
+        componentRef: unknown;
     };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: () => string[];
+    };
     type: {
         type: () => "year" | "years" | "month" | "months" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
         default: string;
@@ -1008,7 +1012,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly unlinkPanels: boolean;
         readonly isRange: boolean;
     }> | null>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: () => string[];
+    };
     type: {
         type: () => "year" | "years" | "month" | "months" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
         default: string;
@@ -1050,10 +1060,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly [Symbol.species]: ArrayConstructor;
         };
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
     type: "date" | "year" | "years" | "month" | "months" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange";
+    modelValue: string | unknown[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    datePickerRef: unknown;
+    componentRef: unknown;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/ra-dialog/index.vue.d.ts

@@ -6,7 +6,7 @@ declare function __VLS_template(): {
         footer?(_: {}): any;
     };
     refs: {
-        dialogRef: unknown;
+        componentRef: unknown;
     };
     rootEl: any;
 };
@@ -24,6 +24,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    cssStyle: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     component: import('vue').Ref<({
         $: import('vue').ComponentInternalInstance;
@@ -933,12 +937,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    cssStyle: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {
+    cssStyle: string;
     appendToBody: boolean;
     destroyOnClose: boolean;
     draggable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    dialogRef: unknown;
+    componentRef: unknown;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;