1.4.94 • Published 1 month ago

insigma-modal-vue v1.4.94

Weekly downloads
-
License
MIT
Repository
-
Last release
1 month ago

更新说明

v1.0.19 修改消息弹窗样式 v1.0.20 表单组件入参增加picker-options v1.0.21 弹窗组件入参增加modal-append-to-body、append-to-body v1.0.22 搜索栏组件增加表单校验方法 v1.0.23 表单组件选择框label和value的key值可自定义 v1.0.24 bug修复 v1.0.25 添加focus、blur、change事件，表单组件添加textarea v1.1.2 表单组件添加移除检验结果、重置事件恢复默认值、输入框添加保留两位小数功能、添加pdf预览组件 v1.1.9 README.md修改 v1.1.10 修复隐藏表单的重置bug v1.1.11 修改pdf预览组件 v1.1.16 修改bug v1.1.17 表单选择框增加多选 v1.1.22 表单选择框增加全选框 v1.1.23 表单组件添加级联选择器 v1.1.29 下拉框添加筛选功能filterable v1.1.30 表单组件添加clearable v1.2.1 添加导出excel、csv、txt 方法 v1.2.14 打印模糊问题 v1.2.16 表单添加form-inline参数，控制是否横竖向显示 v1.2.20 form-template添加display参数，控制表单项是否显示 v1.2.22 弹出框bug修复 v1.2.40 pdf预览，若未查询，点击点击按钮提示请先查询 v1.2.49 表单项为级联时，监听change事件,增加返回选中的node

bl-from

自定义表单组件

bl-from Attributes

参数说明类型可选值默认值
label-width表单域标签的宽度string—130px
form-template需要渲染的模板表单array——
form-data需要渲染的模板表单Object——
form-rules需要渲染的模板表单Object——
form-append是否展开Boolean—true
form-shownum收起时显示的个数，默认显示所有Number——
form-inline行内表单模式boolean—true

form-template

参数说明类型可选值默认值
label表单标签string——
size表单元素大小number——
prop表单标签keystring——
type表单元素类型stringselect / cascader / number / input / range / textarea / checkbox / radio / date / week / month / year / datetime / timerange(时间区间) / monthrange(月区间) / daterange(日期区间) / datetimerange(日期时间区间)/ ta-number(数字输入框)input
options当表单元素类型为select时的选项列表Array——
disabled表单元素是否为禁用boolean—false
isFullReturn当表单元素类型为select时,是否完整返回对象boolean—false
valueFormat当表单元素日期选择器时string——
icons当表单元素为input时Arraycode、idcard、search—
placeholder输入框占位文本string—
keyEnter是否触发回车搜索事件booleanfalse
pickerOptions当前时间日期选择器特有的选项参考picker-options表object—
optionProp选择框下拉项配置object—
maxlength当表单元素为textarea时设置最大长度number-
isFocus是否监听选中事件boolean-
isBlur是否监听失去焦点事件boolean-
isChange是否监听change事件boolean-
isDecimals输入框是否保留两位小数boolean-
isMultipleselect是否多选boolean-
isAllCheckselect是否加全选,默认开启多选模式boolean-
checked全选标识,isAllCheck为true时，checked必须存在boolean-false
isIndeterminate半选标识,checkbox类型，isAllCheck为true时boolean-false
defaultTime选中默认时间Array-
showAllLevels级联输入框中是否显示选中值的完整路径boolean-
cascaderProps级联选项框配置参考Props表object-
filterable是否过滤booleanfalse
clearable是否清除booleantrue
range-separator区间中间文字string'至'
start-placeholder区间第一个输入框占位文本string-
end-placeholder区间第二个输入框占位文本string-
prefix-icon区间输入框首部图标<element图标库可选>string-
prepend输入框前置内容string-
append输入框后置内容string-
isPrefix显示选择框搜索boolean-false
display是否隐藏boolean-false
taProp特殊级联框占位propstring--
fieldNames特殊级联框自定义 options 中 label name children 的字段object--
asAmountta-number类型设置为金额数字框，每三位用逗号隔开boolean-false
alignRightta-number类型数字居右显示boolean-false
maxta-number类型最大值number--
minta-number类型最小值number--
decimalSeparatorta-number类型小数点string--
precisionta-number类型数值精度number--
stepta-number类型每次改变步数，可以为小数numberstring-1
formatterta-number类型指定输入框展示值的格式function(value: number / string): string--
parserta-number类型指定从 formatter 里转换回数字的方式，和 formatter 搭配使用function( string): number--
codeType字典对应编码string--
initValue表单初始值any--
filterArr搭配codeType使用,不显示的字典值数组，例:'01','02'array--
isReverse搭配filterArr使用,是否反向过滤，默认否boolean-false

picker-options

参数说明类型可选值默认值
shortcuts设置快捷选项，需要传入 { text, onClick } 对象用法参考 elementObject[]——
disabledDate设置禁用状态，参数为当前日期，要求返回 BooleanFunction——
cellClassName设置日期的 classNameFunction(Date)——
firstDayOfWeek周起始日Number1 到 77
onPick选中日期后会执行的回调，只有当 daterange 或 datetimerange 才生效Function({ maxDate, minDate })——

option-prop

参数说明类型可选值默认值
label选项的标签——label
value选项的标签——value

bl-from 事件

事件名称说明回调参数
suffixClick输入框icon点击事件icon
keyEnter输入框回车事件，表单参数中keyEnter为true时生效prop
focus监听选中事件prop
blur监听失去焦点事件prop
change监听change事件,当输入框类型为级联时返回选中的node{prop,node}

bl-from 方法

方法名说明参数
getValidateResult获取校验结果—
clearValidate移除表单项的校验结果表单prop 属性或者 prop 组成的数组 array、string
clearFields重置表单—

bl-button

按钮组件

bl-button Attributes

参数说明类型可选值默认值
config-obj按钮配置参数object——

config-obj

参数说明类型可选值默认值
type按钮类型stringprimary / success / warning / error / info / text—
size按钮尺寸stringmedium / small / minismall
loading按钮是否加载中状态boolean—false
disabled按钮是否禁用状态boolean—false
icon图标类名string——
wait点击后按钮等待时间（单位ms）number—1000

bl-title

标题组件

bl-title Attributes

参数说明类型可选值默认值
title标题文本string——
append是否显示展开图标boolean—false
defaultAppend默认是否展开boolean—true

bl-title 事件

事件名称说明回调参数
changeAppend展开切换事件isAppend:当前展开收起的状态

bl-search-card

搜索栏组件

bl-search-card Attributes

参数说明类型可选值默认值
title搜索栏标题(默认不显示)string——
append是否可收起boolean——
showNum搜索栏收起时显示的输入框数量(append为true时生效)number——
other-btn-list除展开、重置、查询按钮外的按钮列表Array——

表单属性同自定义表单组件

other-btn-list

参数说明类型可选值默认值
name按钮名称string——
config按钮配置,属性同config-objObject——
fun按钮函数string——

bl-search-card 事件

事件名称说明回调参数
resetSearch重置—
search搜索—
btnClick按钮点击事件，返回函数名称，传入other-btn-list时生效fun
keyEnter输入框回车事件，表单参数中keyEnter为true时生效prop
suffixClick输入框icon点击事件icon
change监听表单变化prop

bl-search-card 方法

方法名说明参数
getValidateResult获取校验结果—
clearFields清空表单内容—
clearValidate移除表单项的校验结果。传入待移除的表单项的 prop 属性或者 prop 组成的数组，如不传则移除整个表单的校验结果Function(props: arraystring)

bl-search-card 参数

参数说明类型可选值默认值
formAppend表单是否展开boolean——

bl-dialog

弹窗组件

bl-dialog Attributes

参数说明类型可选值默认值
width弹窗的宽度string—50%
top弹窗CSS 中的 margin-top 值string—10vh
showClose是否显示关闭按钮boolean—false
destroyOnClose关闭时销毁 Dialog 中的元素boolean—true
modal-append-to-body遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上boolean—true
append-to-bodyDialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 trueboolean—false

bl-dialog 事件

事件名称说明回调参数
beforeClose关闭弹窗前调用的方法-

bl-dialog 方法

方法名说明参数
open打开弹窗(title)接收一个string类型的参数：弹窗标题
close关闭弹窗-

container

布局容器

标签名说明
search-page-container外层容器
search-page-result搜索结果容器
result-header搜索结果容器头部
result-handle-btnbar搜索结果容器头部按钮栏

bl-svg-icon

图标组件

bl-svg-icon Attributes

参数说明类型可选值默认值
icon-class图标名称string——
class-name图标样式详见class-name 列表——

###class-name 参数 | 说明 | ---- | ---- | code | 条形码 idcard | 身份证 search | 搜索

bl-preview-pdf

pdf预览

bl-preview-pdf Attributes

参数说明类型可选值默认值
pdf-urlpdf地址string——
is-downLoad是否显示下载按钮boolean--
is-scale是否缩放按钮boolean--
is-show是否显示工具栏boolean-true
init-scale自定义初始化缩放大小number-1
print-direction打印默认方向stringportrait(纵向)/landscape(横向)-
download-options下载类型选项Array-EXCEL/PDF

bl-preview-pdf 方法

方法名说明参数
onPrevPage上一页-
onNextPage下一页-
printPdf打印-
scaleBig放大-
scaleSmall缩小-

bl-pagination

分页组件

bl-pagination Attributes

参数说明类型可选值默认值
current当前页数number——
pageList每页显示个数选择器的选项设置number[]—20, 50, 100
pageSize每页显示条目个数number——
total总条目数number——
disabled是否禁用boolean—false

bl-pagination 事件

方法名说明参数
handleCurrentcurrent 改变时会触发当前页
handleSizepageSize 改变时会触发每页条数

export

文件导出方法

导出xlsx

this.$export.excel({
  columns,
  data
})
  .then(() => {
    // ...可选回调
  })
参数说明类型可选值默认值
columns列Array-空数组
data行数据Array-空数组
title文件名String-table
header第一行文字String-null
merges要合并的单元格String-空数组
const columns = [
  {
    label: '姓名',
    prop: 'name'
  },
  {
    label: '年龄',
    prop: 'age'
  }
]
const data = [
  {
    name: 'lucy',
    age: 24
  },
  {
    name: 'bob',
    age: 26
  }
]
this.$export.excel({
  columns,
  data,
  header: 'Excel 第一行标题',
  merges: ['A1', 'A2']
})

导出csv

this.$export.csv({
  columns,
  data
})
  .then(() => {
    // ...可选回调
  })
参数说明类型可选值默认值
columns列Array-空数组
data行数据Array-空数组
title文件名String-table
noHeader不导出表头Boolean-false
separator数据分隔符String-,
quoted每项数据是否加引号Boolean-false
const columns = [
  {
    label: '姓名',
    prop: 'name'
  },
  {
    label: '年龄',
    prop: 'age'
  }
]
const data = [
  {
    name: 'lucy',
    age: 24
  },
  {
    name: 'bob',
    age: 26
  }
]
this.$export.csv({
  columns,
  data
})

导出txt

this.$export.txt({
  text: '文本内容',
  title: '文件名'
})
  .then(() => {
    // ...可选回调
  })
参数说明类型可选值默认值
text文件内容String-空
title文件名String-文本

bl-tables

bl-tables-attributes

参数说明类型可选值默认值
current当前页数number——
pageList每页显示个数选择器的选项设置number[]—10, 20, 50
pageSize每页显示条目个数number——
total总条目数number——
offsetBottom距离底部的距离number—0
stripe是否为斑马纹 tableboolean—false
selection是否多选boolean—false
loading表格loadingboolean—false
loadingText表格加载文字string—-
indexFixed序号固定string, booleantrue, left, right-
currentRowKey行数据的 Key，用来优化 Table 的渲染string, number--
paginationShow是否需要分页boolean-false
tableColumn表格列array-[]
selectable仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选Function(row, index)--
showHead头部展示boolean--
title头部titlestring--
buttonName头部按钮名字string--
fileName导出文件名string-table
span-method合并行或列的计算方法Function({ row, column, rowIndex, columnIndex })--

bl-tables-table-column-attributes

参数说明类型可选值默认值
type对应列的类型 selection 多选框/index 该行的索引（从 1 开始计算）/expand 显示为一个可展开的按钮,slot插槽显示String-空
columnKeycolumn 的 key，如果需要使用 filter-change 事件，则需要此属性标识是哪个 column 的筛选条件String-文本
label显示的标题String--
prop对应列内容的字段名String--
width对应列的宽度String--
minWidth对应列的最小宽度，与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列String-
fixed列是否固定在左侧或者右侧，true 表示固定在左侧string,booleantrue, left, right-
sortable对应列是否可以排序，如果设置为 'custom'，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件boolean, Stringtrue, false, 'custom'false
showOverflowTooltip当内容过长被隐藏时显示 tooltipBoolean-false
align对齐方式Stringleft/center/rightleft
headerAlign表头对齐方式，若不设置该项，则使用表格的对齐方式Stringleft/center/right-
className列的 classNameString--
operation操作栏Array-
collectionType使用字典API对值进行解析，如 collectionType: 'sex'String--
slot插槽名String-
format时间格式String-YYYY-MM-DD HH:mm:ss
dataSources数据源 dic:字典值，custom:自定义string-
options自定义数据源，数据源为custom时需要传入Array--
formatter用来格式化内容Function(row, column, cellValue, index)--

bl-tables-methods

方法名说明参数
rowClick当某一行被点击时会触发该事件row, column, event
handleCurrentcurrent 改变时会触发当前页
handleSizepageSize 改变时会触发每页条数
rowOperation操作按钮点击触发row, $index, prop, columIndex, optionIndex (row.loading,row.disabled)
switchChange开关切换row, $index, prop, columIndex
editInputBlur可编辑input失去焦点row, $index, prop, columIndex
selectChange当选择项发生变化时会触发该事件selection
handleExport导出数据传入data，不传则导出当前的数据
getData获取数据设置了dataUrl和searchData时可以使用
@d2-projects/vue-table-exportcore-jsdayjsdoctocelement-uijs-cookiepdfjs-distuglifyjs-webpack-pluginvuevue-class-componentvue-property-decoratorvue-routervuexvuex-class
@infinitebrahmanuniverse/nolb-insi@everything-registry/sub-chunk-1917@zalastax/nolb-insi
1.4.93

1 month ago

1.4.94

1 month ago

1.4.91

1 month ago

1.4.90

1 month ago

1.4.92

1 month ago

1.4.88

4 months ago

1.4.89

4 months ago

1.4.84

4 months ago

1.4.85

4 months ago

1.4.82

11 months ago

1.4.80

12 months ago

1.4.81

12 months ago

1.4.79

12 months ago

1.4.69

1 year ago

1.4.71

1 year ago

1.4.70

1 year ago

1.4.73

1 year ago

1.4.72

1 year ago

1.4.75

1 year ago

1.4.74

1 year ago

1.4.77

1 year ago

1.4.76

1 year ago

1.4.78

1 year ago

1.4.66

2 years ago

1.4.65

2 years ago

1.4.68

1 year ago

1.4.67

2 years ago

1.4.60

2 years ago

1.4.62

2 years ago

1.4.61

2 years ago

1.4.64

2 years ago

1.4.63

2 years ago

1.4.31

2 years ago

1.4.33

2 years ago

1.4.32

2 years ago

1.4.35

2 years ago

1.4.34

2 years ago

1.4.37

2 years ago

1.4.36

2 years ago

1.4.39

2 years ago

1.4.38

2 years ago

1.4.40

2 years ago

1.4.42

2 years ago

1.4.41

2 years ago

1.4.44

2 years ago

1.4.43

2 years ago

1.4.46

2 years ago

1.4.45

2 years ago

1.4.48

2 years ago

1.4.47

2 years ago

1.4.49

2 years ago

1.4.51

2 years ago

1.4.50

2 years ago

1.4.53

2 years ago

1.4.52

2 years ago

1.4.55

2 years ago

1.4.54

2 years ago

1.4.57

2 years ago

1.4.56

2 years ago

1.4.59

2 years ago

1.4.58

2 years ago

1.3.50

2 years ago

1.4.20

2 years ago

1.4.22

2 years ago

1.3.51

2 years ago

1.4.21

2 years ago

1.3.52

2 years ago

1.4.24

2 years ago

1.4.23

2 years ago

1.4.26

2 years ago

1.4.25

2 years ago

1.4.28

2 years ago

1.4.27

2 years ago

1.4.29

2 years ago

1.4.30

2 years ago

1.3.43

2 years ago

1.4.11

2 years ago

1.4.10

2 years ago

1.4.13

2 years ago

1.3.46

2 years ago

1.4.12

2 years ago

1.3.47

2 years ago

1.4.15

2 years ago

1.3.44

2 years ago

1.4.14

2 years ago

1.3.45

2 years ago

1.4.17

2 years ago

1.4.16

2 years ago

1.4.19

2 years ago

1.3.48

2 years ago

1.4.18

2 years ago

1.3.49

2 years ago

1.4.6

2 years ago

1.4.5

2 years ago

1.4.4

2 years ago

1.4.3

2 years ago

1.4.2

2 years ago

1.4.1

2 years ago

1.4.9

2 years ago

1.4.8

2 years ago

1.4.7

2 years ago

1.3.31

2 years ago

1.3.32

2 years ago

1.3.30

2 years ago

1.3.36

2 years ago

1.3.33

2 years ago

1.3.34

2 years ago

1.3.39

2 years ago

1.3.37

2 years ago

1.3.38

2 years ago

1.3.42

2 years ago

1.3.40

2 years ago

1.3.41

2 years ago

1.3.19

2 years ago

1.3.20

2 years ago

1.3.21

2 years ago

1.3.24

2 years ago

1.3.25

2 years ago

1.3.22

2 years ago

1.3.23

2 years ago

1.3.28

2 years ago

1.3.29

2 years ago

1.3.26

2 years ago

1.3.27

2 years ago

1.3.18

2 years ago

1.3.10

2 years ago

1.3.13

2 years ago

1.3.14

2 years ago

1.3.11

2 years ago

1.3.12

2 years ago

1.3.17

2 years ago

1.3.15

2 years ago

1.3.16

2 years ago

1.3.7

2 years ago

1.3.9

2 years ago

1.3.8

2 years ago

1.2.99

3 years ago

1.2.101

3 years ago

1.2.100

3 years ago

1.2.103

3 years ago

1.2.102

3 years ago

1.2.105

3 years ago

1.2.104

3 years ago

1.2.106

3 years ago

1.3.6

2 years ago

1.3.5

2 years ago

1.3.4

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.2.82

3 years ago

1.2.85

3 years ago

1.2.86

3 years ago

1.2.83

3 years ago

1.2.84

3 years ago

1.2.89

3 years ago

1.2.87

3 years ago

1.2.88

3 years ago

1.2.92

3 years ago

1.2.93

3 years ago

1.2.90

3 years ago

1.2.91

3 years ago

1.2.96

3 years ago

1.2.97

3 years ago

1.2.94

3 years ago

1.2.95

3 years ago

1.2.98

3 years ago

1.2.81

3 years ago

1.2.74

3 years ago

1.2.78

3 years ago

1.2.79

3 years ago

1.2.76

3 years ago

1.2.77

3 years ago

1.2.69

3 years ago

1.2.70

3 years ago

1.2.71

3 years ago

1.2.68

3 years ago

1.2.67

3 years ago

1.2.65

3 years ago

1.2.66

3 years ago

1.2.60

3 years ago

1.2.63

3 years ago

1.2.64

3 years ago

1.2.61

3 years ago

1.2.62

3 years ago

1.2.59

3 years ago

1.2.56

3 years ago

1.2.57

3 years ago

1.2.55

3 years ago

1.2.58

3 years ago

1.2.52

3 years ago

1.2.53

3 years ago

1.2.54

3 years ago

1.2.50

3 years ago

1.2.51

3 years ago

1.2.49

3 years ago

1.2.46

3 years ago

1.2.47

3 years ago

1.2.48

3 years ago

1.2.45

3 years ago

1.2.44

3 years ago

1.2.43

3 years ago

1.2.41

3 years ago

1.2.42

3 years ago

1.2.40

3 years ago

1.2.39

3 years ago

1.2.34

3 years ago

1.2.35

3 years ago

1.2.38

3 years ago

1.2.36

3 years ago

1.2.37

3 years ago

1.2.27

3 years ago

1.2.28

3 years ago

1.2.29

3 years ago

1.2.30

3 years ago

1.2.31

3 years ago

1.2.32

3 years ago

1.2.33

3 years ago

1.2.20

3 years ago

1.2.24

3 years ago

1.2.21

3 years ago

1.2.22

3 years ago

1.2.25

3 years ago

1.2.26

3 years ago

1.2.18

3 years ago

1.2.19

3 years ago

1.2.16

3 years ago

1.2.17

3 years ago

1.2.14

3 years ago

1.2.15

3 years ago

1.2.8

3 years ago

1.2.7

3 years ago

1.2.12

3 years ago

1.2.13

3 years ago

1.2.10

3 years ago

1.2.11

3 years ago

1.2.9

3 years ago

1.2.6

3 years ago

1.2.5

3 years ago

1.2.4

3 years ago

1.2.3

3 years ago

1.2.2

3 years ago

1.2.1

3 years ago

1.1.49

3 years ago

1.1.48

3 years ago

1.1.47

3 years ago

1.1.46

3 years ago

1.1.45

3 years ago

1.1.44

3 years ago

1.1.43

3 years ago

1.1.34

3 years ago

1.1.33

3 years ago

1.1.32

3 years ago

1.1.38

3 years ago

1.1.37

3 years ago

1.1.36

3 years ago

1.1.35

3 years ago

1.1.39

3 years ago

1.1.41

3 years ago

1.1.40

3 years ago

1.1.42

3 years ago

1.1.29

3 years ago

1.1.28

3 years ago

1.1.30

3 years ago

1.1.31

3 years ago

1.1.23

3 years ago

1.1.27

3 years ago

1.1.26

3 years ago

1.1.25

3 years ago

1.1.24

3 years ago

1.1.19

3 years ago

1.1.18

3 years ago

1.1.17

3 years ago

1.1.22

3 years ago

1.1.21

3 years ago

1.1.20

3 years ago

1.1.15

3 years ago

1.1.14

3 years ago

1.1.1

3 years ago

1.1.9

3 years ago

1.1.8

3 years ago

1.1.7

3 years ago

1.1.5

3 years ago

1.1.4

3 years ago

1.1.2

3 years ago

1.1.12

3 years ago

1.1.11

3 years ago

1.1.10

3 years ago

1.1.13

3 years ago

1.0.32

3 years ago

1.0.26

3 years ago

1.0.25

3 years ago

1.0.29

3 years ago

1.0.28

3 years ago

1.0.27

3 years ago

1.0.31

3 years ago

1.0.30

3 years ago

1.0.24

3 years ago

1.0.23

3 years ago

1.0.22

3 years ago

1.0.19

3 years ago

1.0.18

3 years ago

1.0.21

3 years ago

1.0.20

3 years ago

1.0.17

3 years ago

1.0.16

3 years ago

1.0.11

3 years ago

1.0.15

3 years ago

1.0.14

3 years ago

1.0.13

3 years ago

1.0.12

3 years ago

1.0.10

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago