From 5fc3e50abecce87fb80e89ff0816c52f2046c120 Mon Sep 17 00:00:00 2001 From: zhoumengxiang Date: Fri, 27 Sep 2024 14:16:47 +0800 Subject: [PATCH] deploy --- .github/workflows/main.yml | 144 +++++++++--------- docs/.vitepress/dist/404.html | 2 +- .../dist/components/TButton/base.html | 2 +- .../dist/components/TDatePicker/base.html | 2 +- .../dist/components/TDetail/base.html | 2 +- .../dist/components/TForm/base.html | 2 +- .../dist/components/TModuleForm/base.html | 2 +- .../dist/components/TQueryCondition/base.html | 2 +- .../dist/components/TSelect/base.html | 2 +- .../dist/components/TSelectTable/base.html | 2 +- .../dist/components/TStepWizard/base.html | 2 +- .../dist/components/TTable/base.html | 2 +- docs/.vitepress/dist/components/index.html | 2 +- docs/.vitepress/dist/hashmap.json | 2 +- docs/.vitepress/dist/index.html | 6 +- 15 files changed, 88 insertions(+), 88 deletions(-) diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index aaf001d..4beb945 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -1,90 +1,90 @@ -# name: Build and Deploy -# on: -# # 仅在推送到默认分支时运行。 -# push: -# branches: ['master'] -# # 这个选项可以使你手动在 Action tab 页面触发工作流 -# workflow_dispatch: -# # 设置 GITHUB_TOKEN 的权限,以允许部署到 GitHub Pages。 -# permissions: -# contents: read -# pages: write -# id-token: write -# # 允许一个并发的部署 -# concurrency: -# group: 'pages' -# cancel-in-progress: true - -# jobs: -# build-and-deploy: -# runs-on: ubuntu-latest -# steps: -# - name: Checkout -# uses: actions/checkout@master - -# - name: vuepress-deploy -# uses: jenkey2011/vuepress-deploy@master -# env: -# ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }} -# BUILD_SCRIPT: yarn && yarn docs:build -# BUILD_DIR: docs/.vitepress/dist - -# 将静态内容部署到 GitHub Pages 的简易工作流程 -name: Deploy static content to Pages - +name: Build and Deploy on: # 仅在推送到默认分支时运行。 push: branches: ['master'] - # 这个选项可以使你手动在 Action tab 页面触发工作流 workflow_dispatch: - -# 设置 GITHUB_TOKEN 的权限,以允许部署到 GitHub Pages。 + # 设置 GITHUB_TOKEN 的权限,以允许部署到 GitHub Pages。 permissions: contents: read pages: write id-token: write - -# 允许一个并发的部署 + # 允许一个并发的部署 concurrency: group: 'pages' cancel-in-progress: true jobs: - # 单次部署的工作描述 - deploy: - environment: - name: github-pages - url: ${{ steps.deployment.outputs.page_url }} + build-and-deploy: runs-on: ubuntu-latest steps: - - name: Checkout - uses: actions/checkout@v3 - - name: Set up Node - uses: actions/setup-node@v3 - - name: pnpm - uses: pnpm/action-setup@v2 - with: - version: 7 - - name: Use Node.js ${{ matrix.node-version }} - uses: actions/setup-node@v3 - with: - node-version: ${{ matrix.node-version }} - cache: 'pnpm' - - name: Install dependencies + - name: Checkout + uses: actions/checkout@master + + - name: vuepress-deploy + uses: jenkey2011/vuepress-deploy@master + env: + ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }} + BUILD_SCRIPT: yarn && yarn docs:build + BUILD_DIR: docs/.vitepress/dist + +# 将静态内容部署到 GitHub Pages 的简易工作流程 +# name: Deploy static content to Pages + +# on: +# # 仅在推送到默认分支时运行。 +# push: +# branches: ['master'] + +# # 这个选项可以使你手动在 Action tab 页面触发工作流 +# workflow_dispatch: + +# # 设置 GITHUB_TOKEN 的权限,以允许部署到 GitHub Pages。 +# permissions: +# contents: read +# pages: write +# id-token: write + +# # 允许一个并发的部署 +# concurrency: +# group: 'pages' +# cancel-in-progress: true + +# jobs: +# # 单次部署的工作描述 +# deploy: +# environment: +# name: github-pages +# url: ${{ steps.deployment.outputs.page_url }} +# runs-on: ubuntu-latest +# steps: +# - name: Checkout +# uses: actions/checkout@v3 +# - name: Set up Node +# uses: actions/setup-node@v3 +# - name: pnpm +# uses: pnpm/action-setup@v2 +# with: +# version: 7 +# - name: Use Node.js ${{ matrix.node-version }} +# uses: actions/setup-node@v3 +# with: +# node-version: ${{ matrix.node-version }} +# cache: 'pnpm' +# - name: Install dependencies -# - run: pnpm install - - name: Build - run: npm && npm run docs:build - - name: Setup Pages - uses: actions/configure-pages@v3 - - name: Upload artifact - uses: actions/upload-pages-artifact@v1 - with: - # Upload dist repository - path: 'docs/.vitepress/dist' - - name: Deploy to GitHub Pages - id: deployment - uses: actions/deploy-pages@v1 \ No newline at end of file +# # +# run: pnpm install +# - name: Build +# run: npm && npm run docs:build +# - name: Setup Pages +# uses: actions/configure-pages@v3 +# - name: Upload artifact +# uses: actions/upload-pages-artifact@v1 +# with: +# # Upload dist repository +# path: 'docs/.vitepress/dist' +# - name: Deploy to GitHub Pages +# id: deployment +# uses: actions/deploy-pages@v1 \ No newline at end of file diff --git a/docs/.vitepress/dist/404.html b/docs/.vitepress/dist/404.html index 9c553b7..477ea23 100644 --- a/docs/.vitepress/dist/404.html +++ b/docs/.vitepress/dist/404.html @@ -12,7 +12,7 @@
Skip to content

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
- diff --git a/docs/.vitepress/dist/components/TButton/base.html b/docs/.vitepress/dist/components/TButton/base.html index bac7f02..fc5b98c 100644 --- a/docs/.vitepress/dist/components/TButton/base.html +++ b/docs/.vitepress/dist/components/TButton/base.html @@ -15,7 +15,7 @@
Skip to content
On this page

按钮组件(内置防抖功能)

基础用法

- diff --git a/docs/.vitepress/dist/components/TDatePicker/base.html b/docs/.vitepress/dist/components/TDatePicker/base.html index acd5c94..ee024a1 100644 --- a/docs/.vitepress/dist/components/TDatePicker/base.html +++ b/docs/.vitepress/dist/components/TDatePicker/base.html @@ -15,7 +15,7 @@
Skip to content
On this page

日期组件


单个日期输出

日期范围选择

月份范围选择

日期&时间范围选择

插槽使用及自定义日期面板

TDatePicker 参数配置

简介:基于 Element-plus DatePicker DateTimePicker 组件的二次封装,取决于 type 值

TDatePicker 日期组件 代码示例:

html
<t-date-picker v-model="date" />
<t-date-picker v-model="date" />

Attributes 继承 DatePicker DateTimePicker 的 Attributes

参数说明类型默认值
v-model绑定值[String, Date, Array]-
plusTime日期范围是否显示 00:00:00 23:59:59 时分秒Booleanfalse
type时间类型(继承 element DatePicker DateTimePicker)Stringdate
shortcuts设置快捷选项,需要传入数组对象Array<{ text: string, value: Date & Function }>-
isPickerOptions是否开启自带快捷方式Booleanfalse

type 类型

week 周;month 月;year 年;dates 多个日期;months 多个月;years 多个年;daterange 日期范围;monthrange 月份范围;datetime 日期和时间点;datetimerange 日期和时间点范围

events

事件名说明返回值
change用户确认选定的值时触发组件绑定值。格式与绑定值一致,可受 value-format 控制

Slots

事件名说明
default自定义内容
range-separator自定义范围分割符内容
- diff --git a/docs/.vitepress/dist/components/TDetail/base.html b/docs/.vitepress/dist/components/TDetail/base.html index 3e47252..82e9543 100644 --- a/docs/.vitepress/dist/components/TDetail/base.html +++ b/docs/.vitepress/dist/components/TDetail/base.html @@ -23,7 +23,7 @@ <!-- 字典回显模式 --> <t-detail :descData="descData" :dataList="dataList" :listTypeInfo=="listTypeInfo" />

2、配置参数(Attributes)继承 el-descriptions Attributes

参数说明类型默认值
descData详情页面数据源Array
----label详情字段说明标题String
----value详情字段返回值String
----fieldNamevalue 返回值的字段String
----slotName插槽(自定义 value)slot
----span占用的列宽,默认占用 1 列,最多 4 列Number1
----tooltipvalue 值的提示语String/function
----iconSizetooltip 提示语的 icon 大小String/Number继承字体大小
----iconColortooltip 提示语的 icon 颜色String继承颜色
----filters字典类型(即后台返回的是数字类型)过滤转成中文Object
-------list字典 list 定义的数据名即 listTypeInfo 里面对应的值String
-------key下拉数据源的 key 字段String'value'
-------label下拉数据源的 label 字段String'label'
descColumn布局一行显示几列(默认:一行显示 4 列)Number4
dataList开启 filters 时详情接口返回的数据Object{}
listTypeInfo开启 filters 时下拉数据源Object{}

3、继承 el-descriptions events

- diff --git a/docs/.vitepress/dist/components/TForm/base.html b/docs/.vitepress/dist/components/TForm/base.html index b9e33e5..9739fa1 100644 --- a/docs/.vitepress/dist/components/TForm/base.html +++ b/docs/.vitepress/dist/components/TForm/base.html @@ -27,7 +27,7 @@ @handleEvent="handleEvent" /> //注意formOpts.ref(t-form组件实例相当于vue2 ref)需要要v-model接收

2. 配置参数

参数说明类型是否必须
className自定义类名String-
labelPosition改变表单项 label 与输入框的布局方式(默认:right) /topStringright
widthSize每行显示几个输入项(默认两项) 最大值 4Number2
isTrim全局是否开启清除前后空格(comp 为 el-input 且 type 不等于'password')Booleantrue
formOpts表单配置项Object-
---listTypeInfo下拉选择数据源(type:'select'有效)Object-
---fieldListform 表单每项 listArray是-
------isHideItem某一项不显示Booleanfalse
------slotName自定义表单某一项输入框slot-
------childSlotName自定义表单某一下拉选择项子组件插槽(el-option)slot-
------compform 表单每一项组件是输入框还是下拉选择等(可使用第三方 UI 如 el-select/el-input 也可以使用自定义组件)String-
------bind表单每一项属性(继承第三方 UI 的 Attributes,如 el-input 中的 clearable 清空功能)默认清空及下拉过滤Object/funnction-
------isTrim是否不清除前后空格(comp 为 el-input 且 type 不等于'password')Booleanfalse
------typeform 表单每一项类型String-
------widthSizeform 表单某一项所占比例(如果占一整行则设置 1)Number-
------widthform 表单某一项所占实际宽度String-
------arrLabeltype=select-arr 时,每个下拉显示的中文Stringlabel
------arrKeytype=select-arr 时,每个下拉显示的中文传后台的数字Stringkey
------labelform 表单每一项 titleString-
------labelRender自定义某一项 titlefunction-
------valueform 表单每一项传给后台的参数String-
------rules每一项输入框的表单校验规则Object/Array-
------list下拉选择数据源(仅仅对 type:'select'有效)String-
------event表单每一项事件标志(即是:handleEvent 事件第一个参数值)String-
------eventHandle继承 comp 组件的事件Object-
---formData表单提交数据(对应 fieldList 每一项的 value 值)Object-
---labelWidthlabel 宽度String120px
---rules规则(可依据 elementUI el-form 配置————对应 formData 的值)Object/Array-
---operatorList操作按钮 listArray-

3. events

事件名说明返回值
handleEvent单个查询条件触发事件fieldList 中 type/查询条件输入的值/fieldList 中 event 值

4. Methods 继承 element-plus 的 methods

事件名说明返回值
selfValidate自定义校验valid:Boolean;formData:object

5. 关于 element-plus el-form/el-form-item 提供的一些方法/属性可直接使用,无需其他配置

- diff --git a/docs/.vitepress/dist/components/TModuleForm/base.html b/docs/.vitepress/dist/components/TModuleForm/base.html index e1e6beb..805729a 100644 --- a/docs/.vitepress/dist/components/TModuleForm/base.html +++ b/docs/.vitepress/dist/components/TModuleForm/base.html @@ -41,7 +41,7 @@ handleType="desc" :descData="descData" />

2、配置参数(Attributes)继承 t-form/t-detail Attributes

参数说明类型默认值
title头部返回按钮标题string
titleSlot是否使用插槽显示 titleBooleanfalse
subTitle头部副标题string
extra操作区,位于 title 行的行尾(右侧)slot
footer底部操作区(默认展示“取消/保存”按钮;使用插槽则隐藏)footer="null"时隐藏底部操作String slot
isTabMargintabs是否跟模块分离Booleanfalse
tabMarginNumtabs跟模块分离距离Number10
tabs页面展示是否需要页签(并且 tabs 的 key 是插槽)——只显示在最后一个模块下Array
btnTxt表单模块-'保存按钮文字'string'保存'
titleBold模块Title文字是否加粗Booleanfalse
isShowBackheader不显示返回iconBooleanfalse
isGoBackEvent点击头部返回(默认返回上一页,设置此值可以自定义 back 事件)Booleanfalse
handleType显示方式('edit':form 表单操作,'desc':表详情页面)stringedit
----edithandleType=edit 表 form 表单操作的属性--
------formOpts表单配置描述,支持多分组表单Object
------submit点击保存时返回所有表单数据(数据格式 promise 且可显示 loading 状态)function所有表单数据
-----deschandleType=desc 表详情页面的属性--
------descColumn详情页面展示每行显示几列(handleType= desc 生效)Number4
------descData详情页面配置描述,支持多分组表 (handleType= desc 生效)Object

2-1、formOpts 配置参数

参数说明类型默认值
title表单标题(是否显示控制折叠面板功能)String
slotName插槽(自定义表单数据)有插槽就无需配置 optsslot
name每组表单定义的名字(作用:是否默认展开)String
widthSize每行显示几个输入项(默认两项) 最大值 4Number3
disabled禁用时取消收缩功能及隐藏 icon)Booleanfalse
opts表单配置项Object

2-1-1、opts 配置参数

参数说明类型默认值
rules规则(可依据 element-plus el-form 配置————对应 formData 的值)Object/Array-
operatorList操作按钮 listArray-
listTypeInfo下拉选择数据源(type:'select'有效)Object-
labelPosition改变表单项 label 与输入框的布局方式(默认:right) /topStringright
labelWidthlabel 宽度(默认值 120px)String120px
formData表单提交数据(对应 fieldList 每一项的 value 值)Object-
fieldListform 表单每项 listArray-
----slotName自定义表单某一项输入框slot-
----compform 表单每一项组件是输入框还是下拉选择等(可使用第三方 UI 如 el-select/el-input 也可以使用自定义组件)String-
----bind表单每一项属性(继承第三方 UI 的 Attributes,如 el-input 中的 clearable 清空功能)默认清空及下拉过滤Object-
----typeform 表单每一项类型String-
----widthSizeform 表单某一项所占比例(如果一行展示可以设值:1)Number2
----widthform 表单某一项所占实际宽度String-
----arrLabeltype=select-arr 时,每个下拉显示的中文Stringlabel
----arrKeytype=select-arr 时,每个下拉显示的中文传后台的数字Stringkey
----labelform 表单每一项 titleString-
----labelRender自定义某一项 titlefunction-
----valueform 表单每一项传给后台的参数String-
----rules每一项输入框的表单校验规则Object/Array-
----list下拉选择数据源(仅仅对 type:'select'有效)String-
----event表单每一项事件标志(handleEvent 事件)String-

2-2、descData 配置参数

参数说明类型默认值
title详情标题(是否显示控制折叠面板功能)String-
slotName插槽(自定义详情数据)有插槽就无需配置 dataslot-
name每组详情定义的名字(作用:是否默认展开)String-
disabled禁用时取消收缩功能及隐藏 icon)Booleanfalse
data详情配置项Object-
----label详情字段说明标题String-
----value详情字段返回值String-
----slotName插槽(自定义 value)slot-
----span占用的列宽,默认占用 1 列,最多 4 列Number1
----tooltipvalue 值的提示语String/function-

3、events

事件名说明返回值
handleEvent单个查询条件触发事件fieldList 中的 event 值和对应输入的 value 值
tabsChange点击 tab 切换触发被选中的标签 tabs
validateError校验失败抛出事件obj——每个收缩块的对象
back头部标题点击返回事件-

4、Methods

事件名说明参数
resetFormFields重置表单-
clearValidate清空校验-
setSelectedTab默认选中 tab默认选中 tab 插槽名
- diff --git a/docs/.vitepress/dist/components/TQueryCondition/base.html b/docs/.vitepress/dist/components/TQueryCondition/base.html index a1afc6b..5d0b745 100644 --- a/docs/.vitepress/dist/components/TQueryCondition/base.html +++ b/docs/.vitepress/dist/components/TQueryCondition/base.html @@ -33,7 +33,7 @@ @submit:点击查询按钮 返回最终数据 @handleEvent:每个查询条件的event:string,输入的值 loading:查询按钮loading -->

2、配置参数(Attributes)

参数说明类型默认值
opts接收筛选器组件配置object
loading查询按钮 loading 状态,请求数据时需要体现Booleanfalse
reset是否显示“重置”按钮Booleantrue
boolEnter是否敲回车查询Booleantrue
isShowOpen是否显示收起和展开Booleantrue
isExpansion是否默认展开Booleanfalse
labelWidthlabelWidth 宽度String'110px'

3、opts Attributes

参数说明类型默认值
label表单字段说明标题string-
className自定义 classstring-
placeholderplaceholder 提示语string-
labelRender自定义 label(render 函数 jsx 方式编写)function-
slotName自定义输入框插槽(作用域插槽解构接收{param}返回当前所有表单初始值)string-
comp组件名称,可直接指定全局注册的组件,也可引入'elmentUI'如:Button 或者'el-button'string,component-
span控件占用的列宽,默认占用 1 列,最多 4 列 (独占一行)number1
defaultVal默认值--
bind渲染时组件会调用 v-bind 指定设置该配置更新元素的属性(继承第三方组件属性)object,function
eventHandle配置组件事件,与写组件时change 等同理object本身值,当前formData数据

4、事件(events)

事件名说明返回值
handleEvent筛选器数据发生变化时触发event 标识, val:输入值,form:整个查询条件数据
submit点击筛选器查询按钮时触发form:整个查询条件数据
reset点击筛选器重置按钮时触发-

5、Slots

插槽名说明
querybar按钮操作插槽(位置基于重置后面)
- diff --git a/docs/.vitepress/dist/components/TSelect/base.html b/docs/.vitepress/dist/components/TSelect/base.html index 0b78d85..beb41a7 100644 --- a/docs/.vitepress/dist/components/TSelect/base.html +++ b/docs/.vitepress/dist/components/TSelect/base.html @@ -27,7 +27,7 @@ valueKey="label" @change="selectChange" />

2、配置参数(Attributes)继承 el-select Attributes

参数说明类型默认值
v-model绑定值boolean / string / number/Array
multiple是否多选Booleanfalse
optionSource下拉数据源Array
customLabel是否自定义设置下拉labelString-
valueKey传入的 option 数组中,要作为最终选择项的键值 keyString'key'
labelKey传入的 option 数组中,要作为显示项的键值名称String'label'

3、继承 el-select events

- diff --git a/docs/.vitepress/dist/components/TSelectTable/base.html b/docs/.vitepress/dist/components/TSelectTable/base.html index e3ccc65..3841ce7 100644 --- a/docs/.vitepress/dist/components/TSelectTable/base.html +++ b/docs/.vitepress/dist/components/TSelectTable/base.html @@ -27,7 +27,7 @@ :keywords="{ label: 'name', value: 'id' }" @radioChange="radioChange" ></t-select-table>

2、配置参数(Attributes)继承 el-table 及 el-select 属性

参数说明类型默认值
v-model绑定值boolean / string / number仅显示
table表格数据对象Object{}
---data展示下拉数据源Array[]
---total数据总条数Number-
---pageSize每页显示条目个数Number-
---currentPage当前页数Number-
columns表头信息Array[]
----bindel-table-column AttributesObject-
----noShowTip是否换行 (设置:noShowTip:true)Booleanfalse
----fixed列是否固定( left, right)string, boolean-
----align对齐方式(left/center/right)Stringcenter
----render返回三个参数(text:当前值,row:当前整条数据 ,index:当前行)function-
----slotName插槽显示此列数据(其值是具名作用域插槽)String-
------scope具名插槽获取此行数据必须用解构接收Object当前行数据
keywords关键字配置(value-key 配置)Object
------label选项的标签String‘label’
------value选项的值String‘value’
radioTxt单选文案String单选
multiple是否开启多选Booleanfalse
rowClickRadio是否开启整行选中(单选)booleantrue
isShowFirstColumn是否显示首列(单选)booleantrue
defaultSelectVal设置第一页默认选中项--keywords.value 值(单选是 String, Number 类型;多选时是数组)Number / string / Array-
filterable是否开启过滤(根据 keywords 的 label 值进行过滤)Booleantrue
reserveSelection是否支持翻页选中Booleantrue
isShowPagination开启分页Booleanfalse
tableWidthtable 宽度Number550
isKeyup单选是否开启键盘事件Booleanfalse
isShowQuery是否允许配置查询条件(继承TQueryCondition的所有属性、事件、插槽)Booleanfalse

3、事件(events)继承 el-table 及 el-select 属性

事件名说明回调参数
page-change页码改变事件(避免与el-table的current-change事件冲突)返回选中的页码
selectionChange多选事件返回选中的项数据及选中项的 keywords.value 集合
radioChange单选返回当前项所有数据

4、方法(Methods)继承 el-table 及 el-select 属性

方法名说明回调参数
clear清空选中项
focus使 input 获取焦点
blur使 input 失去焦点,并隐藏下拉框
- diff --git a/docs/.vitepress/dist/components/TStepWizard/base.html b/docs/.vitepress/dist/components/TStepWizard/base.html index c8766d9..eca37b6 100644 --- a/docs/.vitepress/dist/components/TStepWizard/base.html +++ b/docs/.vitepress/dist/components/TStepWizard/base.html @@ -31,7 +31,7 @@ <template #first>第一步骤</template> ..... </t-step-wizard>

2. 配置参数 继承 element-plus el-steps/el-step 提供的属性

参数说明类型默认值
stepData步骤数据源Array-
---id步骤 ID 唯一Number-
---title步骤头文字展示String-
---slotName每个步骤的具名 slotString-
---icon步骤头 icon 展示(element 内置 icon)String-
---description步骤头描述String-
---btnArr每个步骤的按钮Array-
----- btnTitle按钮文字信息String-
----- params每个按钮传参信息(可以随意定义字段)String/Number-
----- fn按钮事件function-
isShowLastSuccess是否显示默认 icon 最后一步Booleantrue
active设置当前激活步骤Number0
---lastBtnArr最后一步按钮需要多个Array-
----- btnTitle按钮文字信息String-
----- params每个按钮传参信息(可以随意定义字段)String/Number-
----- fn按钮事件function-
lastBtnTitle最后一步骤成功按钮文字String完成
successTitle最后一步骤成功提示语String-

3. events

事件名说明返回值
complete最后一步按钮点击事件当前步骤值
- diff --git a/docs/.vitepress/dist/components/TTable/base.html b/docs/.vitepress/dist/components/TTable/base.html index 56d56fe..f3d142e 100644 --- a/docs/.vitepress/dist/components/TTable/base.html +++ b/docs/.vitepress/dist/components/TTable/base.html @@ -25,7 +25,7 @@ @size-change="handlesSizeChange" @page-change="handlesCurrentChange" />

2、配置参数(Table Attributes)

参数说明类型默认值
table表格数据对象Object{}
---data展示数据Array[]
---toolbar表格外操作栏选中表格某行,可以将其数据传出Array[]
---operator表格内操作栏数据Array[]
-------show表格内操作栏根据状态显示Object-
-------noshow表格内操作栏根据多种状态不显示Array-
---operatorConfig表格内操作栏样式Object-
---firstColumn表格首列(序号 index,复选框 selection)排列object-
---total数据总条数Number-
---pageSize页数量Number-
---currentPage是否需要显示切换页条数Number-
columns表头信息Array[]
----sort排序 (设置:sort:true)Booleanfalse
----renderHeader列标题 Label 区域渲染使用的 Function(val) 可以用 jsx 方式Function-
----bindel-table-column AttributesObject-
----noShowTip是否换行 (设置:noShowTip:true)Booleanfalse
----slotName插槽显示此列数据(其值是具名作用域插槽String-
----slotNameMerge合并表头插槽显示此列数据(其值是具名作用域插槽)String-
----------scope具名插槽获取此行数据必须用解构接收{scope}.row 是当前行数据 }Object-
----canEdit是否开启单元格编辑功能Booleanfalse
----configEdit表格编辑配置(开启编辑功能有效)Object-
----------labelplaceholder 显示String-
----------editComponent组件名称可直接指定全局注册的组件,也可引入'element/abtd'如:'a-input/el-input'String-
----------eventHandle第三方 UI 的 事件(返回两个参数,第一个自己自带,第二个 scope)Object-
----------bind第三方 UI 的 Attributes,如 el-input 中的 clearable 清空功能Object-
----------event触发 handleEvent 事件的标志String-
----------type下拉或者复选框显示(select-arr/select-obj/checkbox)String-
----------list下拉选择数据源名称String-
----------arrLabeltype:select-arr 时对应显示的中文字段String-
----------arrKeytype:select-arr 时对应显示的数字字段String-
----filters字典过滤Object-
----------listlistTypeInfo 里面对应的下拉数据源命名String-
----------key数据源的 key 字段String'value'
----------label数据源的 label 字段String'label'
listTypeInfo下拉选择数据源Object-
footer底部操作区(默认隐藏,使用插槽展示“保存”按钮)slot-
isKeyup单元格编辑是否开启键盘事件Booleanfalse
isShowFooterBtn是否显示保存按钮Booleanfalse
title表格左上标题String /slot-
isShowPagination是否显示分页(默认显示分页)Booleantrue
isTableColumnHidden是否开启合计行隐藏复选框/单选框Booleanfalse
isCopy是否允许双击单元格复制Booleanfalse
rowClickRadio是否开启点击整行选中单选框Booleantrue
columnSetting是否显示设置(隐藏/显示列)Booleanfalse
name与 columnSetting 配合使用标记隐藏/显示列唯一性Stringtitle
isRowSort是否开启行拖拽(row-key 需要设置)Booleanfalse
isTree是否开启Tree-table样式Booleanfalse
columnSetBind列设置按钮配置(继承el-button所有属性)Object-
----btnTxt按钮显示文字String'列设置'
----title点击按钮下拉显示titleString'列设置'
----sizeel-button的sizeString'default'
----iconel-button的iconString'Setting'

3、events 其他事件按照 el-table 直接使用(如 sort-change 排序事件)

事件名说明返回值
page-change当前页码当前选中的页码
save保存按钮编辑后的所有数据
handleEvent单个输入触发事件configEdit 中的 event 值和对应输入的 value 值
radioChange单选选中事件返回当前选中的整行数据
rowSort行拖拽排序后触发事件返回排序后的table数据

4、Methods 方法

事件名说明参数
clearSelection用于多选表格,清空用户的选择-
clearSort清空排序条件-
toggleRowSelection取消某一项选中项-
toggleAllSelection全部选中-
- diff --git a/docs/.vitepress/dist/components/index.html b/docs/.vitepress/dist/components/index.html index 63e275d..dee6cda 100644 --- a/docs/.vitepress/dist/components/index.html +++ b/docs/.vitepress/dist/components/index.html @@ -83,7 +83,7 @@ ├─ index.md # 文档home页面 ├─ tsconfig.json # typescript 全局配置 └─ vite.config.ts # vite 全局配置文件(支持tsx) - diff --git a/docs/.vitepress/dist/hashmap.json b/docs/.vitepress/dist/hashmap.json index 882982c..03ab14d 100644 --- a/docs/.vitepress/dist/hashmap.json +++ b/docs/.vitepress/dist/hashmap.json @@ -1 +1 @@ -{"components_tbutton_base.md":"3eb79fe2","components_tstepwizard_base.md":"fb45cd26","index.md":"54644557","components_tselect_base.md":"5cee1f6b","components_index.md":"0f33a2d6","components_tdetail_base.md":"136a61ca","components_tdatepicker_base.md":"f18b1fae","components_tquerycondition_base.md":"c15d1c52","components_tselecttable_base.md":"853e038f","components_tform_base.md":"3f7e4f34","components_ttable_base.md":"a4230312","components_tmoduleform_base.md":"1e8176b3"} +{"components_tbutton_base.md":"3eb79fe2","components_tselect_base.md":"5cee1f6b","components_tstepwizard_base.md":"fb45cd26","index.md":"7693b2ee","components_index.md":"0f33a2d6","components_tdatepicker_base.md":"f18b1fae","components_tdetail_base.md":"136a61ca","components_tquerycondition_base.md":"c15d1c52","components_tselecttable_base.md":"853e038f","components_tform_base.md":"3f7e4f34","components_ttable_base.md":"a4230312","components_tmoduleform_base.md":"1e8176b3"} diff --git a/docs/.vitepress/dist/index.html b/docs/.vitepress/dist/index.html index c840ff1..57d0003 100644 --- a/docs/.vitepress/dist/index.html +++ b/docs/.vitepress/dist/index.html @@ -10,12 +10,12 @@ - + -
Skip to content

lamp-admin

前端框架及组件库

集成微前端,开箱即用

lamp-admin
💪

技术栈

Vite + Vue3 + Vue-router + Pinia + TypeScript ,采用业内先进的技术栈,使框架始终保持新鲜

🎨

风格百变

通过布局与主题组合搭配,可实现数百种不同风格的界面

🗺️

多功能导航栏

配置路由即可自动生成导航栏,轻松实现导航嵌套、图标、外链、徽章、权限等功能

🔑

全场景权限验证

内置鉴权组件、鉴权指令和鉴权函数,真正实现各种场景下的权限验证

🧊

页面缓存

支持无限层级的页面缓存,应对各种需求场景,并提供简单易懂的 API 方便开发者快速集成

🌐

面向国际

内置业内通用国际化解决方案,通过简单配置实现多国语言切换

📦

丰富的组件

内置常用组件,提高开发效率;同时提供组件快速生成工具

📃

丰富的业务页面

通过真实场景及真实需求,沉淀出数十个业务应用的静态页面,方便开发人员直接使用

-