vue3-element-dict 3.3.0 → 3.3.1
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 +19 -0
- package/lib/style.css +1 -1
- package/lib/vue3-element-dict.js +2133 -1906
- package/package.json +2 -2
- package/types/index.d.ts +2 -1
package/README.md
CHANGED
|
@@ -20,6 +20,25 @@ vue3-element-dict是在vue3框架下对element-plus组件库的部分组件进
|
|
|
20
20
|
|
|
21
21
|
## 更新日志
|
|
22
22
|
|
|
23
|
+
### 3.3.1
|
|
24
|
+
|
|
25
|
+
1. 【新增】新增`v-close-dropdown`自定义指令，实现滚动时关闭弹出框，接受对象，布尔值，数字类型参数。
|
|
26
|
+
|
|
27
|
+
```js
|
|
28
|
+
{
|
|
29
|
+
isWindow: true, // 默认true 监听window窗口的滚动 布尔类型时为配置 isWindow
|
|
30
|
+
distance: 50 // 默认滚动50像素后才关闭弹出框 数字类型时为配置distance
|
|
31
|
+
}
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
2. 【优化】debounce方法新增一个参数，用于配置立即触发时，方法是否只触发最开始的一次。
|
|
35
|
+
|
|
36
|
+
3. 【新增】新增`dict-autocomplete-email`邮箱输入组件
|
|
37
|
+
|
|
38
|
+
4. 【修复】校验方式使用compare时对日期格式数据也进行切换，运算符比较使用calculate时修复非${}包裹的元素不会进行日期时间戳转化的问题
|
|
39
|
+
|
|
40
|
+
5. 【新增】新增`dict-auto-height`组件，用于自动计算元素高度撑满剩余空间，例如配合el-table实现表格高度自适应
|
|
41
|
+
|
|
23
42
|
### 3.3.0
|
|
24
43
|
|
|
25
44
|
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-d812840c]{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-db89eac6]:after{content:"";display:table;clear:both}.dict-search-box[data-v-db89eac6]{width:100%;padding:0}.dict-search-box .el-form-item[data-v-db89eac6]{float:left}.dict-search-box .el-form-item.fr[data-v-db89eac6]{float:right}.dict-search-box .el-form-item.fr[data-v-db89eac6] .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-db89eac6]{width:100%}.dict-search-box .el-form-item.half[data-v-db89eac6]{width:50%}.dict-search-box .el-form-item.triple[data-v-db89eac6]{width:33.33%}.dict-search-box .el-form-item.quarter[data-v-db89eac6]{width:25%}.dict-search-box .el-form-item.hide[data-v-db89eac6]{display:none}.dict-search-box .el-form-item .no-underline[data-v-db89eac6]{margin-left:12px}.dict-search-box .el-form-item .no-underline .el-link__inner .el-icon[data-v-db89eac6]{transition:transform .3s}.dict-search-box .el-form-item .no-underline .el-link__inner .el-icon.rotate[data-v-db89eac6]{transform:rotate(180deg)}.dict-search-box .el-form-item .no-underline[data-v-db89eac6]:hover{text-decoration:none!important}.dict-search-box .el-form-item[data-v-db89eac6] .el-form-item__content,.dict-search-box .el-form-item[data-v-db89eac6] .el-form-item__content .el-input,.dict-search-box .el-form-item[data-v-db89eac6] .el-form-item__content .el-date-editor,.dict-search-box .el-form-item[data-v-db89eac6] .el-form-item__content .el-select{width:100%}.dict-search-box .el-form-item[data-v-db89eac6] .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}
|