tenghui-ui 1.7.0 → 1.7.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/dist/style.css +1 -1
- package/dist/tenghui-ui.es.js +2 -74
- package/dist/tenghui-ui.es.js.map +1 -1
- package/dist/tenghui-ui.umd.js +7 -7
- package/dist/tenghui-ui.umd.js.map +1 -1
- package/package.json +1 -1
- package/packages/form-item/src/index.vue +20 -179
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ui-search__popover{padding:20px 15px 10px!important}.ui-search__popover .ui-form__item{display:block!important}.ui-search__popover .ui-form__item .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-search__popover .el-select,.ui-search__popover .el-cascader{width:100%}.el-menu[data-v-8706549c]{width:100%;height:60px!important}.el-submenu .el-menu-item[data-v-8706549c]{min-width:unset}.el-submenu__title i[data-v-8706549c]{color:unset}.ui-tabs[data-v-e7fe9cfa]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-e7fe9cfa]{float:left;height:31px;border-radius:6px 6px 0 0;border:1px solid #ebeef5;margin-top:10px;box-sizing:border-box;font-size:12px;line-height:30px;padding:0 10px;color:#c0c4cc;cursor:pointer;border-bottom-color:#fff;margin-right:1px;position:relative;transition:all .1s linear}.ui-tabs__item:hover .el-icon-error[data-v-e7fe9cfa]{opacity:1}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]:hover{color:#409effcc}.ui-tabs__item--active[data-v-e7fe9cfa]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-e7fe9cfa]{top:50%;right:5px;font-size:14px;margin-top:-5px;opacity:1}.el-icon-s-tools[data-v-575499bb]{font-size:20px;color:#fff;line-height:60px;margin-right:20px;cursor:pointer}[data-v-0a02be4b] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-0a02be4b] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-0a02be4b] .el-dialog__footer{border-top:1px solid #ededed}[data-v-0a02be4b] .el-dialog__body .el-form .el-select,[data-v-0a02be4b] .el-dialog__body .el-form .el-input,[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-0a02be4b] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-0a02be4b] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-
|
|
1
|
+
.ui-search__popover{padding:20px 15px 10px!important}.ui-search__popover .ui-form__item{display:block!important}.ui-search__popover .ui-form__item .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-search__popover .el-select,.ui-search__popover .el-cascader{width:100%}.el-menu[data-v-8706549c]{width:100%;height:60px!important}.el-submenu .el-menu-item[data-v-8706549c]{min-width:unset}.el-submenu__title i[data-v-8706549c]{color:unset}.ui-tabs[data-v-e7fe9cfa]{border-bottom:1px solid #ebeef5;padding:0 10px;height:40px;background-color:#fff}.ui-tabs__item[data-v-e7fe9cfa]{float:left;height:31px;border-radius:6px 6px 0 0;border:1px solid #ebeef5;margin-top:10px;box-sizing:border-box;font-size:12px;line-height:30px;padding:0 10px;color:#c0c4cc;cursor:pointer;border-bottom-color:#fff;margin-right:1px;position:relative;transition:all .1s linear}.ui-tabs__item:hover .el-icon-error[data-v-e7fe9cfa]{opacity:1}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]{position:absolute;right:2px;top:50%;margin-top:-5px;opacity:0;transition:all .1s linear}.ui-tabs__item .el-icon-error[data-v-e7fe9cfa]:hover{color:#409effcc}.ui-tabs__item--active[data-v-e7fe9cfa]{color:#409effcc;padding-right:20px}.ui-tabs__item--active .el-icon-error[data-v-e7fe9cfa]{top:50%;right:5px;font-size:14px;margin-top:-5px;opacity:1}.el-icon-s-tools[data-v-575499bb]{font-size:20px;color:#fff;line-height:60px;margin-right:20px;cursor:pointer}[data-v-0a02be4b] .el-dialog__header{border-bottom:1px solid #ededed}[data-v-0a02be4b] .el-dialog__header .el-dialog__title{font-size:16px}[data-v-0a02be4b] .el-dialog__footer{border-top:1px solid #ededed}[data-v-0a02be4b] .el-dialog__body .el-form .el-select,[data-v-0a02be4b] .el-dialog__body .el-form .el-input,[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number{width:240px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input-number .el-input__inner{text-align:left}[data-v-0a02be4b] .el-dialog__body .el-form .ui-item__main{width:100%}[data-v-0a02be4b] .el-dialog__body .el-form .el-form-item__label{font-size:12px}[data-v-0a02be4b] .el-dialog__body .el-form .el-input--small .el-input__icon{height:32px}.ui-form__item[data-v-5747e966]{display:flex;align-items:center;margin-right:15px}.ui-item__label[data-v-5747e966]{margin-right:10px;font-size:12px;width:70px;text-align:right}[data-v-5747e966].el-select .el-select__caret:first-child:before{content:"\e6e1"}[data-v-5747e966].el-select .is-focus .el-select__caret:first-child{transform:rotate(0)}.ui-input__range[data-v-5747e966]{max-width:240px;display:flex}.ui-input__range>span[data-v-5747e966]{line-height:28px}.el-date-editor[data-v-5747e966]{width:100%!important}.inline_form[data-v-5747e966]{display:flex;margin-bottom:10px}.inline_label[data-v-5747e966]{display:inline-block;height:32px;line-height:32px;font-size:12px;text-align:right;padding-right:10px}.inline_content[data-v-5747e966]{flex:1}.el-button--mini[data-v-63ab7472]{padding:5px 8px;font-size:12px!important;box-shadow:0 0 5px 1px #b0ccf2}.ui-operation[data-v-f868d414]{padding:5px 10px}.ui-record[data-v-177af441]{align-self:flex-end}.ui-record__temps[data-v-177af441],.ui-record__saves[data-v-177af441]{display:flex;flex-wrap:wrap;width:100%;border:1px solid #f1f1f1;border-radius:4px;padding:20px 10px 0;position:relative;box-sizing:border-box}.ui-record__temps[data-v-177af441]:before,.ui-record__saves[data-v-177af441]:before{content:"\5386\53f2\7b5b\9009";display:block;position:absolute;top:-10px;left:10px;background-color:#fff;font-size:12px;padding:0 10px;color:#999}.ui-record__saves[data-v-177af441]{margin-bottom:20px}.ui-record__saves[data-v-177af441]:before{content:"\5e38\7528\7b5b\9009"}.ui-record__item[data-v-177af441]{font-size:12px;margin-right:8px;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid #f1f1f1;padding:5px;background:#fefefe;border-radius:4px;color:#666;align-self:flex-end;cursor:pointer;position:relative}.ui-record__item span[data-v-177af441]{background-color:#f1f1f1;padding:2px 4px;margin-left:5px;border-radius:4px}.ui-record__item span[data-v-177af441]:first-child{margin-left:0}.ui-record__item[data-v-177af441]:hover{border-color:#b2d8ff}.ui-record__item:hover span[data-v-177af441]{background-color:#b2d8ff;color:#fff}.ui-record__item:hover .ui-flag--icon[data-v-177af441]{display:block}.ui-record__item .ui-flag--icon[data-v-177af441]{position:absolute;right:5px;top:50%;margin-top:-8px;font-size:16px;color:#409eff;display:none;background-color:#fff;height:18px;line-height:18px;width:18px;border-radius:50%;text-align:center;box-shadow:0 0 4px 1px #409eff}.ui-search__button--more[data-v-177af441]{padding:0 0 4px;vertical-align:bottom;border-bottom:1px solid #409EFF!important;border-radius:0;margin-right:10px;align-self:flex-end;margin-bottom:2px}.ui-search[data-v-5321f186]{margin:10px 10px 0;padding:20px;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 0 10px 2px #eee;position:relative}.ui-search[data-v-5321f186] .el-drawer__wrapper{position:absolute}.ui-search__main[data-v-5321f186]{display:flex}.ui-search__footer[data-v-5321f186]{display:flex;margin-top:10px;align-items:center}.ui-search__cache[data-v-5321f186]{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid #f1f1f1;padding:5px;background:#fefefe;border-radius:4px;color:#666;align-self:flex-end;cursor:pointer}.ui-search__cache span[data-v-5321f186]{background-color:#f1f1f1;padding:2px 4px;margin-left:5px;border-radius:4px}.ui-search__cache span[data-v-5321f186]:first-child{margin-left:0}.ui-search .ui-search__button--more[data-v-5321f186]{padding:0 0 4px;vertical-align:bottom;border-bottom:1px solid #409EFF;border-radius:0;margin-right:10px;align-self:flex-end;margin-bottom:2px}.ui-search[data-v-5321f186] .ui-form__item{display:block;min-width:150px}.ui-search[data-v-5321f186] .ui-form__item--inputrange{min-width:160px}.ui-search[data-v-5321f186] .ui-form__item--hide{display:none!important}.ui-search[data-v-5321f186] .ui-form__item--daterange{min-width:200px}.ui-search[data-v-5321f186] .ui-item__label{width:unset;text-align:left;margin-bottom:5px}.ui-search[data-v-5321f186] .el-cascader .el-input{display:flex}.ui-search[data-v-5321f186] .ui-input__range{max-width:unset}.ui-search--sort[data-v-5321f186]{padding:10px;height:100%;display:flex;flex-direction:column}.ui-search .ui-sort__content[data-v-5321f186]{flex:1;margin-bottom:10px;border-bottom:1px solid #f1f1f1}.ui-search .ui-sort__content .el-checkbox[data-v-5321f186]{margin-right:10px;margin-left:0!important;margin-bottom:10px}.ui-more__select .el-col[data-v-5321f186]{margin-bottom:10px}.ui-more__select[data-v-5321f186] .ui-input__range{max-width:unset}.ui-more__select[data-v-5321f186] .el-cascader .el-input{display:flex}.ui-dragmove[data-v-5321f186]{background-color:#fff}.ui-table_config[data-v-3581a06c]{display:flex;align-items:center;margin-left:auto;height:32px}.el-icon-s-operation[data-v-3581a06c]{font-size:18px;color:#333;cursor:pointer;border-left:1px solid #dedede;padding-left:5px}.el-icon-s-operation[data-v-3581a06c]:hover{color:#777}[data-v-3581a06c] .el-drawer__wrapper,[data-v-3581a06c] .v-modal{position:absolute}.ui-draggable[data-v-3581a06c]{padding:10px;box-sizing:border-box}.ui-draggable .el-checkbox[data-v-3581a06c]{margin:0 0 5px!important;width:100%}.ui-draggable .el-checkbox[data-v-3581a06c]:hover{border-color:#9ccdff}.ui-sort__footer[data-v-3581a06c]{border-top:1px solid #f1f1f1;padding:10px}.ui-sort__footer .el-button[data-v-3581a06c]{padding-left:10px;padding-right:10px}.ui-sort__content[data-v-3581a06c]{overflow:auto}[data-v-3581a06c] .el-drawer__header{border-bottom:1px solid #f1f1f1;padding:10px;margin-bottom:10px}.ui-table[data-v-e02f1e06]{padding:0 10px;position:relative}.ui-table[data-v-e02f1e06] .el-table-column--selection .el-checkbox{display:block}.ui-table[data-v-e02f1e06] .el-tabs__header{margin-bottom:0;border-bottom:0 none;background:#fff}.ui-table[data-v-e02f1e06] .el-tabs__header .el-tabs__item{height:32px;line-height:32px;font-size:12px}.ui-table[data-v-e02f1e06] .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#409eff}.ui-pagination[data-v-e02f1e06]{text-align:right;padding:10px 0;display:flex}.ui-table__tab[data-v-e02f1e06]{background-color:#fff;display:flex}.ui-summary--data[data-v-e02f1e06]{margin-right:auto;display:flex;font-size:12px;align-items:center}.ui-tab--loading[data-v-e02f1e06]{padding-left:10px;height:32px;line-height:32px}.ui-tab--loading span[data-v-e02f1e06]{font-size:12px;color:#999;display:inline-block;margin-left:5px}[data-v-e02f1e06] .el-table .cell{line-height:16px}[data-v-e02f1e06] .el-tabs__nav-scroll,[data-v-e02f1e06] .el-tabs__nav-wrap{overflow:unset!important}[data-v-e02f1e06] .el-badge__content.is-fixed{z-index:1}.ui-page__main>.ui-table[data-v-e02f1e06]{background:#FFF;box-shadow:0 0 10px 1px #eee;margin-left:10px;border-radius:4px;padding-left:10px;margin-right:10px}.ui-image--error[data-v-b81bcc3a]{text-align:center;color:#999;background-color:#efefef}
|
package/dist/tenghui-ui.es.js
CHANGED
|
@@ -426,7 +426,7 @@ var render$a = function() {
|
|
|
426
426
|
_vm.modelForm = $$v;
|
|
427
427
|
}, expression: "modelForm" } }, "el-date-picker", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : _vm.type === "datetime" ? [_vm.inlineLabel ? _c("span", { staticClass: "inline_label", style: { width: _vm.labelWidth } }, [_vm._v(_vm._s(_vm.inlineLabel))]) : _vm._e(), _c("el-date-picker", _vm._g(_vm._b({ ref: _vm.type, class: { inline_content: _vm.inlineLabel }, model: { value: _vm.modelForm, callback: function($$v) {
|
|
428
428
|
_vm.modelForm = $$v;
|
|
429
|
-
}, expression: "modelForm" } }, "el-date-picker", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : _vm.type
|
|
429
|
+
}, expression: "modelForm" } }, "el-date-picker", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : ["date", "month"].includes(_vm.type) ? [_vm.inlineLabel ? _c("span", { staticClass: "inline_label", style: { width: _vm.labelWidth } }, [_vm._v(_vm._s(_vm.inlineLabel))]) : _vm._e(), _c("el-date-picker", _vm._g(_vm._b({ ref: _vm.type, class: { inline_content: _vm.inlineLabel }, attrs: { "type": _vm.type }, model: { value: _vm.modelForm, callback: function($$v) {
|
|
430
430
|
_vm.modelForm = $$v;
|
|
431
431
|
}, expression: "modelForm" } }, "el-date-picker", _vm.setDefaultAttrs(_vm.$attrs), false), _vm.$listeners))] : _vm.type === "inputrange" ? [_vm.inlineLabel ? _c("span", { staticClass: "inline_label", style: { width: _vm.labelWidth } }, [_vm._v(_vm._s(_vm.inlineLabel))]) : _vm._e(), _c("div", { staticClass: "ui-input__range", class: { inline_content: _vm.inlineLabel } }, [_vm._t("prepend"), _c("el-input", { staticStyle: { "width": "50%" }, model: { value: _vm.modelForm[0], callback: function($$v) {
|
|
432
432
|
_vm.$set(_vm.modelForm, 0, $$v);
|
|
@@ -453,10 +453,6 @@ const __vue2_script$a = {
|
|
|
453
453
|
type: String,
|
|
454
454
|
default: "input"
|
|
455
455
|
},
|
|
456
|
-
componentType: {
|
|
457
|
-
type: String,
|
|
458
|
-
default: ""
|
|
459
|
-
},
|
|
460
456
|
label: {
|
|
461
457
|
type: String,
|
|
462
458
|
default: ""
|
|
@@ -581,77 +577,9 @@ const __vue2_script$a = {
|
|
|
581
577
|
const formItemConfig = this.getformItemConfig();
|
|
582
578
|
const defaultAttrs = formItemConfig[type] || defaultAttrsMap[type] || {};
|
|
583
579
|
return __spreadValues(__spreadValues({}, defaultAttrs), attrs2);
|
|
584
|
-
},
|
|
585
|
-
extendClass() {
|
|
586
|
-
let baseClassList;
|
|
587
|
-
return () => {
|
|
588
|
-
const instance2 = this.getCurrentInstance();
|
|
589
|
-
const ctClassList = this.getComponentClassList();
|
|
590
|
-
if (!baseClassList) {
|
|
591
|
-
baseClassList = Array.from(instance2.$el.classList).reduce((pre, cur) => {
|
|
592
|
-
pre.push(...cur.split(","));
|
|
593
|
-
return pre;
|
|
594
|
-
}, []);
|
|
595
|
-
}
|
|
596
|
-
instance2.$el.classList = [...new Set([...ctClassList, ...baseClassList])];
|
|
597
|
-
};
|
|
598
|
-
},
|
|
599
|
-
extendInlineStyle() {
|
|
600
|
-
const instance2 = this.getCurrentInstance();
|
|
601
|
-
const stlye = this.getComponentInlineStyle();
|
|
602
|
-
Object.entries(stlye).forEach(([key, value]) => {
|
|
603
|
-
instance2.$el.style[key] = value;
|
|
604
|
-
});
|
|
605
|
-
},
|
|
606
|
-
getComponentClassList() {
|
|
607
|
-
const { class: class_, staticClass } = this.$vnode.data;
|
|
608
|
-
const handleStringClass = (str) => {
|
|
609
|
-
return str ? str.split(" ") : [];
|
|
610
|
-
};
|
|
611
|
-
const classList = [...handleStringClass(staticClass)];
|
|
612
|
-
if (typeof class_ === "string") {
|
|
613
|
-
classList.push(...handleStringClass(class_));
|
|
614
|
-
} else if (typeof class_ === "object") {
|
|
615
|
-
Object.entries(class_).forEach(([key, value]) => {
|
|
616
|
-
if (value && !classList.includes(key)) {
|
|
617
|
-
classList.push(key);
|
|
618
|
-
}
|
|
619
|
-
});
|
|
620
|
-
}
|
|
621
|
-
return classList;
|
|
622
|
-
},
|
|
623
|
-
getComponentInlineStyle() {
|
|
624
|
-
const { normalizedStyle = {}, staticStyle = {}, style: style2 = {} } = this.$vnode.data;
|
|
625
|
-
const style_ = __spreadValues(__spreadValues(__spreadValues({}, normalizedStyle), staticStyle), style2);
|
|
626
|
-
return style_;
|
|
627
|
-
},
|
|
628
|
-
inheritClassAndStyleToElementInstance() {
|
|
629
|
-
const extendClass = this.extendClass();
|
|
630
|
-
extendClass();
|
|
631
|
-
this.extendInlineStyle();
|
|
632
|
-
this.watchComponentAttrs({ class: extendClass, style: this.extendInlineStyle });
|
|
633
|
-
},
|
|
634
|
-
watchComponentAttrs(handleMap) {
|
|
635
|
-
const observer = new MutationObserver((mutationList) => {
|
|
636
|
-
mutationList.forEach((mutation) => {
|
|
637
|
-
console.log({ mutation });
|
|
638
|
-
if (mutation.type === "attributes") {
|
|
639
|
-
const handleFn = handleMap[mutation.attributeName];
|
|
640
|
-
handleFn && handleFn();
|
|
641
|
-
}
|
|
642
|
-
});
|
|
643
|
-
});
|
|
644
|
-
observer.observe(this.$el, {
|
|
645
|
-
attributes: true,
|
|
646
|
-
attributeFilter: Object.keys(handleMap)
|
|
647
|
-
});
|
|
648
|
-
this.$once("hook:beforeDestroy", () => {
|
|
649
|
-
observer.disconnect();
|
|
650
|
-
});
|
|
651
580
|
}
|
|
652
581
|
},
|
|
653
582
|
mounted() {
|
|
654
|
-
this.inheritClassAndStyleToElementInstance();
|
|
655
583
|
},
|
|
656
584
|
watch: {
|
|
657
585
|
modelForm(val) {
|
|
@@ -664,7 +592,7 @@ const __vue2_script$a = {
|
|
|
664
592
|
}
|
|
665
593
|
};
|
|
666
594
|
const __cssModules$a = {};
|
|
667
|
-
var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, "
|
|
595
|
+
var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, "5747e966", null, null);
|
|
668
596
|
function __vue2_injectStyles$a(context) {
|
|
669
597
|
for (let o in __cssModules$a) {
|
|
670
598
|
this[o] = __cssModules$a[o];
|