vue3-element-dict 3.3.0 → 3.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -0
- package/lib/style.css +1 -1
- package/lib/vue3-element-dict.js +2532 -2270
- package/package.json +2 -2
- package/types/index.d.ts +2 -1
package/README.md
CHANGED
|
@@ -20,6 +20,42 @@ vue3-element-dict是在vue3框架下对element-plus组件库的部分组件进
|
|
|
20
20
|
|
|
21
21
|
## 更新日志
|
|
22
22
|
|
|
23
|
+
### 3.3.2
|
|
24
|
+
|
|
25
|
+
1. 【修复】修复项目为按需引入时，`dict-autocomplete-email`组件无法使用的问题
|
|
26
|
+
|
|
27
|
+
2. 【优化】`v-close-dropdown`自定义指令默认值优化, 新增classNameList，接受的参数是数组类型时则为配置classNameList，弹出框的类名选择器，需要加., 如[".xiaobu-popper"]。 如果是配置整个对象时，classNameList还支持字符串（多个时使用英文逗号分隔）
|
|
28
|
+
|
|
29
|
+
```js
|
|
30
|
+
{
|
|
31
|
+
isWindow: true, // 默认true 监听window窗口的滚动 布尔类型时为配置 isWindow
|
|
32
|
+
distance: 50, // 默认滚动50像素后才关闭弹出框 数字类型时为配置distance
|
|
33
|
+
classNameList: [".el-popper"] // 用于一些非element-plus组件的弹出框，能够隐藏弹出框
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
3. 【优化】`dict-auto-height`组件优化，原先的`excludes`属性改为`listenDoms`表示需要监听高度变化的dom对象，新增`excludeDoms`属性，表示组件内部需要排除掉的dom对象，得出来的高度就会扣除这些dom对象的高度（margin不会被计算在内，因此这些dom尽量别使用margin）。存在偏差时可配置`offset`属性，表示需要扣除的高度，默认为0。
|
|
39
|
+
|
|
40
|
+
### 3.3.1
|
|
41
|
+
|
|
42
|
+
1. 【新增】新增`v-close-dropdown`自定义指令，实现滚动时关闭弹出框，接受对象，布尔值，数字类型参数。
|
|
43
|
+
|
|
44
|
+
```js
|
|
45
|
+
{
|
|
46
|
+
isWindow: true, // 默认true 监听window窗口的滚动 布尔类型时为配置 isWindow
|
|
47
|
+
distance: 50 // 默认滚动50像素后才关闭弹出框 数字类型时为配置distance
|
|
48
|
+
}
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
2. 【优化】debounce方法新增一个参数，用于配置立即触发时，方法是否只触发最开始的一次。
|
|
52
|
+
|
|
53
|
+
3. 【新增】新增`dict-autocomplete-email`邮箱输入组件
|
|
54
|
+
|
|
55
|
+
4. 【修复】校验方式使用compare时对日期格式数据也进行切换，运算符比较使用calculate时修复非${}包裹的元素不会进行日期时间戳转化的问题
|
|
56
|
+
|
|
57
|
+
5. 【新增】新增`dict-auto-height`组件，用于自动计算元素高度撑满剩余空间，例如配合el-table实现表格高度自适应
|
|
58
|
+
|
|
23
59
|
### 3.3.0
|
|
24
60
|
|
|
25
61
|
1. 【优化】`dict-dynamic-search`组件新增`rules`、`idField`属性配置，list的选项配置新增`hidden`、`visible`、`showRules`、`showRuleType`、`validatorRuleType`配置，实现表单联动及快捷校验。同`dict-dynamic-components`组件。
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.el-buttons-dict[data-v-ece290b6]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%}.el-check-tag+.el-check-tag[data-v-5aadc1ab]{margin-left:4px}.check-all[data-v-e1adb2e7]{margin-right:30px}.el-link-dict+.el-link-dict[data-v-4fe87a1a]{margin-left:4px}.el-text-dict+.el-text-dict[data-v-4fe87a1a]{margin-left:4px}.el-button-dict+.el-button-dict[data-v-4fe87a1a]{margin-left:4px}.el-tag-dict+.el-tag-dict[data-v-4fe87a1a]{margin-left:4px}.dict-dynamic-components.container-class[data-v-
|
|
1
|
+
.auto-height-wrapper[data-v-88db67bb]{width:100%;flex:1;min-height:0;overflow:hidden}.el-buttons-dict[data-v-ece290b6]{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%}.el-check-tag+.el-check-tag[data-v-5aadc1ab]{margin-left:4px}.check-all[data-v-e1adb2e7]{margin-right:30px}.el-link-dict+.el-link-dict[data-v-4fe87a1a]{margin-left:4px}.el-text-dict+.el-text-dict[data-v-4fe87a1a]{margin-left:4px}.el-button-dict+.el-button-dict[data-v-4fe87a1a]{margin-left:4px}.el-tag-dict+.el-tag-dict[data-v-4fe87a1a]{margin-left:4px}.dict-dynamic-components.container-class[data-v-17aa3808]{width:100%;box-sizing:border-box;display:flex;align-items:flex-start;flex-wrap:wrap;container-type:inline-size;container-name:dynamic-components}@container dynamic-components (min-width: 768px){.dict-dynamic-components[data-v-17aa3808]>.comp-item.form:not(.full):not(.half):not(.three):not(.four){width:50%!important}}@container dynamic-components (min-width: 1024px){.dict-dynamic-components[data-v-17aa3808]>.comp-item.form:not(.full):not(.half):not(.three):not(.four){width:33.33333%!important}}@container dynamic-components (min-width: 1400px){.dict-dynamic-components[data-v-17aa3808]>.comp-item.form:not(.full):not(.half):not(.three):not(.four){width:25%!important}}.dict-dynamic-components[data-v-17aa3808]>.comp-item{width:100%!important}.dict-dynamic-components[data-v-17aa3808]>.comp-item.full{width:100%!important}.dict-dynamic-components[data-v-17aa3808]>.comp-item.half{width:50%!important}.dict-dynamic-components[data-v-17aa3808]>.comp-item.three{width:33.33333%!important}.dict-dynamic-components[data-v-17aa3808]>.comp-item.four{width:25%!important}.el-link-dict+.el-link-dict[data-v-75d5fd0a]{margin-left:4px}.el-text-dict+.el-text-dict[data-v-75d5fd0a]{margin-left:4px}.el-button-dict+.el-button-dict[data-v-75d5fd0a]{margin-left:4px}.el-tag-dict+.el-tag-dict[data-v-75d5fd0a]{margin-left:4px}.dict-clearfix[data-v-ea59a937]:after{content:"";display:table;clear:both}.dict-search-box[data-v-ea59a937]{width:100%;padding:0}.dict-search-box .el-form-item[data-v-ea59a937]{float:left}.dict-search-box .el-form-item.fr[data-v-ea59a937]{float:right}.dict-search-box .el-form-item.fr[data-v-ea59a937] .el-form-item__content{display:flex;justify-content:flex-end;align-items:center;margin-left:0!important}.dict-search-box .el-form-item.full[data-v-ea59a937]{width:100%}.dict-search-box .el-form-item.half[data-v-ea59a937]{width:50%}.dict-search-box .el-form-item.triple[data-v-ea59a937]{width:33.33%}.dict-search-box .el-form-item.quarter[data-v-ea59a937]{width:25%}.dict-search-box .el-form-item.hide[data-v-ea59a937]{display:none}.dict-search-box .el-form-item .no-underline[data-v-ea59a937]{margin-left:12px}.dict-search-box .el-form-item .no-underline .el-link__inner .el-icon[data-v-ea59a937]{transition:transform .3s}.dict-search-box .el-form-item .no-underline .el-link__inner .el-icon.rotate[data-v-ea59a937]{transform:rotate(180deg)}.dict-search-box .el-form-item .no-underline[data-v-ea59a937]:hover{text-decoration:none!important}.dict-search-box .el-form-item[data-v-ea59a937] .el-form-item__content,.dict-search-box .el-form-item[data-v-ea59a937] .el-form-item__content .el-input,.dict-search-box .el-form-item[data-v-ea59a937] .el-form-item__content .el-date-editor,.dict-search-box .el-form-item[data-v-ea59a937] .el-form-item__content .el-select{width:100%}.dict-search-box .el-form-item[data-v-ea59a937] .el-form-item__content .el-cascader{width:100%!important}.el-select.no-clear:hover .el-select__caret.el-select__icon.el-select__clear,.el-select.no-clear .is-focused .el-select__caret.el-select__icon.el-select__clear{display:none!important}.el-select.no-clear:hover .el-select__suffix,.el-select.no-clear .is-focused .el-select__suffix{position:relative}.el-select.no-clear:hover .el-select__suffix,.el-select.no-clear .is-focused .el-select__suffix{width:14px;height:14px}.el-select.no-clear:hover .el-select__suffix:after,.el-select.no-clear .is-focused .el-select__suffix:after{content:"";position:absolute;top:2px;right:4px;width:6px;height:6px;border-left:1px solid #a8abb2;border-bottom:1px solid #a8abb2;border-top:0px solid transparent;transform:rotate(-45deg)}.el-link-dict+.el-link-dict[data-v-fa3bf048]{margin-left:4px}.el-text-dict+.el-text-dict[data-v-fa3bf048]{margin-left:4px}.el-button-dict+.el-button-dict[data-v-fa3bf048]{margin-left:4px}.el-tag-dict+.el-tag-dict[data-v-fa3bf048]{margin-left:4px}
|